@abgov/web-components 1.0.0-alpha.157 → 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 +1590 -352
  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$6(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$6(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$6;
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$5(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$5(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$5;
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$4(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$4(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$4(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$4(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$4;
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,
@@ -4409,12 +4447,12 @@ function noscroll(_node, opts) {
4409
4447
 
4410
4448
  /* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.51.0 */
4411
4449
 
4412
- function create_if_block$d(ctx) {
4450
+ function create_if_block$f(ctx) {
4413
4451
  let current_block_type_index;
4414
4452
  let if_block;
4415
4453
  let if_block_anchor;
4416
4454
  let current;
4417
- 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];
4418
4456
  const if_blocks = [];
4419
4457
 
4420
4458
  function select_block_type(ctx, dirty) {
@@ -4496,7 +4534,7 @@ function create_if_block$d(ctx) {
4496
4534
  }
4497
4535
 
4498
4536
  // (43:19)
4499
- function create_if_block_3$4(ctx) {
4537
+ function create_if_block_3$6(ctx) {
4500
4538
  let div;
4501
4539
  let goa_spinner;
4502
4540
  let t;
@@ -4560,7 +4598,7 @@ function create_if_block_3$4(ctx) {
4560
4598
  }
4561
4599
 
4562
4600
  // (32:2) {#if fullscreen}
4563
- function create_if_block_1$6(ctx) {
4601
+ function create_if_block_1$8(ctx) {
4564
4602
  let div;
4565
4603
  let goa_spinner;
4566
4604
  let t;
@@ -4568,7 +4606,7 @@ function create_if_block_1$6(ctx) {
4568
4606
  let current;
4569
4607
  let mounted;
4570
4608
  let dispose;
4571
- 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);
4572
4610
 
4573
4611
  return {
4574
4612
  c() {
@@ -4605,7 +4643,7 @@ function create_if_block_1$6(ctx) {
4605
4643
  if (if_block) {
4606
4644
  if_block.p(ctx, dirty);
4607
4645
  } else {
4608
- if_block = create_if_block_2$5(ctx);
4646
+ if_block = create_if_block_2$6(ctx);
4609
4647
  if_block.c();
4610
4648
  if_block.m(div, null);
4611
4649
  }
@@ -4668,7 +4706,7 @@ function create_if_block_4$1(ctx) {
4668
4706
  }
4669
4707
 
4670
4708
  // (39:6) {#if message}
4671
- function create_if_block_2$5(ctx) {
4709
+ function create_if_block_2$6(ctx) {
4672
4710
  let div;
4673
4711
  let t;
4674
4712
 
@@ -4691,10 +4729,10 @@ function create_if_block_2$5(ctx) {
4691
4729
  };
4692
4730
  }
4693
4731
 
4694
- function create_fragment$v(ctx) {
4732
+ function create_fragment$y(ctx) {
4695
4733
  let if_block_anchor;
4696
4734
  let current;
4697
- let if_block = /*isVisible*/ ctx[5] && create_if_block$d(ctx);
4735
+ let if_block = /*isVisible*/ ctx[5] && create_if_block$f(ctx);
4698
4736
 
4699
4737
  return {
4700
4738
  c() {
@@ -4716,7 +4754,7 @@ function create_fragment$v(ctx) {
4716
4754
  transition_in(if_block, 1);
4717
4755
  }
4718
4756
  } else {
4719
- if_block = create_if_block$d(ctx);
4757
+ if_block = create_if_block$f(ctx);
4720
4758
  if_block.c();
4721
4759
  transition_in(if_block, 1);
4722
4760
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -4747,7 +4785,7 @@ function create_fragment$v(ctx) {
4747
4785
  };
4748
4786
  }
4749
4787
 
4750
- function instance$s($$self, $$props, $$invalidate) {
4788
+ function instance$v($$self, $$props, $$invalidate) {
4751
4789
  let isVisible;
4752
4790
  const [Variants, validateVariant] = typeValidator("Circular progress variant", ["fullscreen", "inline"]);
4753
4791
  const [Sizes, validateSize] = typeValidator("Button size", ["small", "large"]);
@@ -4807,8 +4845,8 @@ class CircularProgress extends SvelteElement {
4807
4845
  props: attribute_to_object(this.attributes),
4808
4846
  customElement: true
4809
4847
  },
4810
- instance$s,
4811
- create_fragment$v,
4848
+ instance$v,
4849
+ create_fragment$y,
4812
4850
  safe_not_equal,
4813
4851
  {
4814
4852
  variant: 6,
@@ -4886,7 +4924,7 @@ customElements.define("goa-circular-progress", CircularProgress);
4886
4924
 
4887
4925
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.51.0 */
4888
4926
 
4889
- function create_fragment$u(ctx) {
4927
+ function create_fragment$x(ctx) {
4890
4928
  let div3;
4891
4929
  let header;
4892
4930
  let div0;
@@ -4964,7 +5002,7 @@ function create_fragment$u(ctx) {
4964
5002
  };
4965
5003
  }
4966
5004
 
4967
- function instance$r($$self, $$props, $$invalidate) {
5005
+ function instance$u($$self, $$props, $$invalidate) {
4968
5006
  const [Types, validateType] = typeValidator("Container type", ["interactive", "info", "error", "success", "important", "non-interactive"]);
4969
5007
  const [Accents, validateAccent] = typeValidator("Container accent", ["thick", "thin", "filled"]);
4970
5008
  const [Paddings, validatePadding] = typeValidator("Container padding", ["relaxed", "compact"]);
@@ -5009,8 +5047,8 @@ class Container extends SvelteElement {
5009
5047
  props: attribute_to_object(this.attributes),
5010
5048
  customElement: true
5011
5049
  },
5012
- instance$r,
5013
- create_fragment$u,
5050
+ instance$u,
5051
+ create_fragment$x,
5014
5052
  safe_not_equal,
5015
5053
  {
5016
5054
  type: 0,
@@ -5118,7 +5156,7 @@ customElements.define("goa-container", Container);
5118
5156
 
5119
5157
  /* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.51.0 */
5120
5158
 
5121
- function create_fragment$t(ctx) {
5159
+ function create_fragment$w(ctx) {
5122
5160
  let details;
5123
5161
  let summary;
5124
5162
  let goa_icon;
@@ -5186,7 +5224,7 @@ function create_fragment$t(ctx) {
5186
5224
  };
5187
5225
  }
5188
5226
 
5189
- function instance$q($$self, $$props, $$invalidate) {
5227
+ function instance$t($$self, $$props, $$invalidate) {
5190
5228
  let { heading } = $$props;
5191
5229
  let { mt = null } = $$props;
5192
5230
  let { mr = null } = $$props;
@@ -5237,8 +5275,8 @@ class Details extends SvelteElement {
5237
5275
  props: attribute_to_object(this.attributes),
5238
5276
  customElement: true
5239
5277
  },
5240
- instance$q,
5241
- create_fragment$t,
5278
+ instance$t,
5279
+ create_fragment$w,
5242
5280
  safe_not_equal,
5243
5281
  { heading: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
5244
5282
  null
@@ -5310,7 +5348,7 @@ customElements.define("goa-details", Details);
5310
5348
 
5311
5349
  /* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.51.0 */
5312
5350
 
5313
- function create_fragment$s(ctx) {
5351
+ function create_fragment$v(ctx) {
5314
5352
  let hr;
5315
5353
  let hr_style_value;
5316
5354
 
@@ -5341,7 +5379,7 @@ function create_fragment$s(ctx) {
5341
5379
  };
5342
5380
  }
5343
5381
 
5344
- function instance$p($$self, $$props, $$invalidate) {
5382
+ function instance$s($$self, $$props, $$invalidate) {
5345
5383
  let { testid = "" } = $$props;
5346
5384
  let { mt = null } = $$props;
5347
5385
  let { mr = null } = $$props;
@@ -5371,8 +5409,8 @@ class Divider extends SvelteElement {
5371
5409
  props: attribute_to_object(this.attributes),
5372
5410
  customElement: true
5373
5411
  },
5374
- instance$p,
5375
- create_fragment$s,
5412
+ instance$s,
5413
+ create_fragment$v,
5376
5414
  safe_not_equal,
5377
5415
  { testid: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
5378
5416
  null
@@ -5458,7 +5496,7 @@ function get_each_context$4(ctx, list, i) {
5458
5496
  }
5459
5497
 
5460
5498
  // (256:2) {:else}
5461
- function create_else_block$3(ctx) {
5499
+ function create_else_block$5(ctx) {
5462
5500
  let t0;
5463
5501
  let goa_input;
5464
5502
  let goa_input_arialabel_value;
@@ -5472,7 +5510,7 @@ function create_else_block$3(ctx) {
5472
5510
  let ul_style_value;
5473
5511
  let mounted;
5474
5512
  let dispose;
5475
- 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);
5476
5514
  let each_value_1 = /*_options*/ ctx[13];
5477
5515
  const get_key = ctx => /*index*/ ctx[53];
5478
5516
 
@@ -5545,7 +5583,7 @@ function create_else_block$3(ctx) {
5545
5583
  if (if_block) {
5546
5584
  if_block.p(ctx, dirty);
5547
5585
  } else {
5548
- if_block = create_if_block_1$5(ctx);
5586
+ if_block = create_if_block_1$7(ctx);
5549
5587
  if_block.c();
5550
5588
  if_block.m(t0.parentNode, t0);
5551
5589
  }
@@ -5628,7 +5666,7 @@ function create_else_block$3(ctx) {
5628
5666
  }
5629
5667
 
5630
5668
  // (237:2) {#if _native}
5631
- function create_if_block$c(ctx) {
5669
+ function create_if_block$e(ctx) {
5632
5670
  let select;
5633
5671
  let slot;
5634
5672
  let select_aria_label_value;
@@ -5716,7 +5754,7 @@ function create_if_block$c(ctx) {
5716
5754
  }
5717
5755
 
5718
5756
  // (257:4) {#if _isMenuVisible}
5719
- function create_if_block_1$5(ctx) {
5757
+ function create_if_block_1$7(ctx) {
5720
5758
  let div;
5721
5759
  let div_data_testid_value;
5722
5760
  let mounted;
@@ -5897,14 +5935,14 @@ function create_each_block$4(ctx) {
5897
5935
  };
5898
5936
  }
5899
5937
 
5900
- function create_fragment$r(ctx) {
5938
+ function create_fragment$u(ctx) {
5901
5939
  let div;
5902
5940
  let div_data_testid_value;
5903
5941
  let div_style_value;
5904
5942
 
5905
5943
  function select_block_type(ctx, dirty) {
5906
- if (/*_native*/ ctx[22]) return create_if_block$c;
5907
- return create_else_block$3;
5944
+ if (/*_native*/ ctx[22]) return create_if_block$e;
5945
+ return create_else_block$5;
5908
5946
  }
5909
5947
 
5910
5948
  let current_block_type = select_block_type(ctx);
@@ -5968,7 +6006,7 @@ function create_fragment$r(ctx) {
5968
6006
  };
5969
6007
  }
5970
6008
 
5971
- function instance$o($$self, $$props, $$invalidate) {
6009
+ function instance$r($$self, $$props, $$invalidate) {
5972
6010
  let _disabled;
5973
6011
  let _error;
5974
6012
  let _multiselect;
@@ -6336,8 +6374,8 @@ class Dropdown extends SvelteElement {
6336
6374
  props: attribute_to_object(this.attributes),
6337
6375
  customElement: true
6338
6376
  },
6339
- instance$o,
6340
- create_fragment$r,
6377
+ instance$r,
6378
+ create_fragment$u,
6341
6379
  safe_not_equal,
6342
6380
  {
6343
6381
  name: 0,
@@ -6532,7 +6570,7 @@ customElements.define("goa-dropdown", Dropdown);
6532
6570
 
6533
6571
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
6534
6572
 
6535
- function create_fragment$q(ctx) {
6573
+ function create_fragment$t(ctx) {
6536
6574
  return {
6537
6575
  c() {
6538
6576
  this.c = noop;
@@ -6557,7 +6595,7 @@ class DropdownItem extends SvelteElement {
6557
6595
  customElement: true
6558
6596
  },
6559
6597
  null,
6560
- create_fragment$q,
6598
+ create_fragment$t,
6561
6599
  safe_not_equal,
6562
6600
  {},
6563
6601
  null
@@ -6575,7 +6613,7 @@ customElements.define("goa-dropdown-item", DropdownItem);
6575
6613
 
6576
6614
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
6577
6615
 
6578
- function create_fragment$p(ctx) {
6616
+ function create_fragment$s(ctx) {
6579
6617
  let div;
6580
6618
 
6581
6619
  return {
@@ -6627,7 +6665,7 @@ function isFocusable(element) {
6627
6665
  }
6628
6666
  }
6629
6667
 
6630
- function instance$n($$self, $$props, $$invalidate) {
6668
+ function instance$q($$self, $$props, $$invalidate) {
6631
6669
  let isActive;
6632
6670
  let { active } = $$props;
6633
6671
  let ignoreFocusChanges = false;
@@ -6802,8 +6840,8 @@ class FocusTrap extends SvelteElement {
6802
6840
  props: attribute_to_object(this.attributes),
6803
6841
  customElement: true
6804
6842
  },
6805
- instance$n,
6806
- create_fragment$p,
6843
+ instance$q,
6844
+ create_fragment$s,
6807
6845
  safe_not_equal,
6808
6846
  { active: 1 },
6809
6847
  null
@@ -6839,7 +6877,7 @@ customElements.define("goa-focus-trap", FocusTrap);
6839
6877
 
6840
6878
  /* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.51.0 */
6841
6879
 
6842
- function create_if_block$b(ctx) {
6880
+ function create_if_block$d(ctx) {
6843
6881
  let goa_divider;
6844
6882
 
6845
6883
  return {
@@ -6856,7 +6894,7 @@ function create_if_block$b(ctx) {
6856
6894
  };
6857
6895
  }
6858
6896
 
6859
- function create_fragment$o(ctx) {
6897
+ function create_fragment$r(ctx) {
6860
6898
  let div5;
6861
6899
  let div4;
6862
6900
  let div0;
@@ -6870,7 +6908,7 @@ function create_fragment$o(ctx) {
6870
6908
  let t3;
6871
6909
  let a1;
6872
6910
  let div5_style_value;
6873
- 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();
6874
6912
 
6875
6913
  return {
6876
6914
  c() {
@@ -6924,7 +6962,7 @@ function create_fragment$o(ctx) {
6924
6962
  p(ctx, [dirty]) {
6925
6963
  if (/*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0) {
6926
6964
  if (if_block) ; else {
6927
- if_block = create_if_block$b();
6965
+ if_block = create_if_block$d();
6928
6966
  if_block.c();
6929
6967
  if_block.m(div4, t1);
6930
6968
  }
@@ -6955,7 +6993,7 @@ function create_fragment$o(ctx) {
6955
6993
  };
6956
6994
  }
6957
6995
 
6958
- function instance$m($$self, $$props, $$invalidate) {
6996
+ function instance$p($$self, $$props, $$invalidate) {
6959
6997
  let { maxcontentwidth = "" } = $$props;
6960
6998
  let rootEl;
6961
6999
  let navLinks;
@@ -6996,8 +7034,8 @@ class Footer extends SvelteElement {
6996
7034
  props: attribute_to_object(this.attributes),
6997
7035
  customElement: true
6998
7036
  },
6999
- instance$m,
7000
- create_fragment$o,
7037
+ instance$p,
7038
+ create_fragment$r,
7001
7039
  safe_not_equal,
7002
7040
  { maxcontentwidth: 0 },
7003
7041
  null
@@ -7072,7 +7110,7 @@ function create_each_block$3(ctx) {
7072
7110
  };
7073
7111
  }
7074
7112
 
7075
- function create_fragment$n(ctx) {
7113
+ function create_fragment$q(ctx) {
7076
7114
  let section;
7077
7115
  let div;
7078
7116
  let t;
@@ -7145,7 +7183,7 @@ function create_fragment$n(ctx) {
7145
7183
  };
7146
7184
  }
7147
7185
 
7148
- function instance$l($$self, $$props, $$invalidate) {
7186
+ function instance$o($$self, $$props, $$invalidate) {
7149
7187
  let rootEl;
7150
7188
  let children = [];
7151
7189
 
@@ -7189,8 +7227,8 @@ class FooterMetaSection extends SvelteElement {
7189
7227
  props: attribute_to_object(this.attributes),
7190
7228
  customElement: true
7191
7229
  },
7192
- instance$l,
7193
- create_fragment$n,
7230
+ instance$o,
7231
+ create_fragment$q,
7194
7232
  safe_not_equal,
7195
7233
  {},
7196
7234
  null
@@ -7215,7 +7253,7 @@ function get_each_context$2(ctx, list, i) {
7215
7253
  }
7216
7254
 
7217
7255
  // (31:2) {#if heading}
7218
- function create_if_block$a(ctx) {
7256
+ function create_if_block$c(ctx) {
7219
7257
  let div;
7220
7258
  let t0;
7221
7259
  let t1;
@@ -7280,14 +7318,14 @@ function create_each_block$2(ctx) {
7280
7318
  };
7281
7319
  }
7282
7320
 
7283
- function create_fragment$m(ctx) {
7321
+ function create_fragment$p(ctx) {
7284
7322
  let section;
7285
7323
  let t0;
7286
7324
  let div;
7287
7325
  let t1;
7288
7326
  let ul;
7289
7327
  let ul_style_value;
7290
- let if_block = /*heading*/ ctx[0] && create_if_block$a(ctx);
7328
+ let if_block = /*heading*/ ctx[0] && create_if_block$c(ctx);
7291
7329
  let each_value = /*children*/ ctx[3];
7292
7330
  let each_blocks = [];
7293
7331
 
@@ -7341,7 +7379,7 @@ function create_fragment$m(ctx) {
7341
7379
  if (if_block) {
7342
7380
  if_block.p(ctx, dirty);
7343
7381
  } else {
7344
- if_block = create_if_block$a(ctx);
7382
+ if_block = create_if_block$c(ctx);
7345
7383
  if_block.c();
7346
7384
  if_block.m(section, t0);
7347
7385
  }
@@ -7395,7 +7433,7 @@ function create_fragment$m(ctx) {
7395
7433
  };
7396
7434
  }
7397
7435
 
7398
- function instance$k($$self, $$props, $$invalidate) {
7436
+ function instance$n($$self, $$props, $$invalidate) {
7399
7437
  let { heading = "" } = $$props;
7400
7438
  let { maxcolumncount = 1 } = $$props;
7401
7439
  let rootEl;
@@ -7450,8 +7488,8 @@ class FooterNavSection extends SvelteElement {
7450
7488
  props: attribute_to_object(this.attributes),
7451
7489
  customElement: true
7452
7490
  },
7453
- instance$k,
7454
- create_fragment$m,
7491
+ instance$n,
7492
+ create_fragment$p,
7455
7493
  safe_not_equal,
7456
7494
  { heading: 0, maxcolumncount: 1 },
7457
7495
  null
@@ -7496,12 +7534,12 @@ customElements.define("goa-app-footer-nav-section", FooterNavSection);
7496
7534
 
7497
7535
  /* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.51.0 */
7498
7536
 
7499
- function create_if_block_2$4(ctx) {
7537
+ function create_if_block_2$5(ctx) {
7500
7538
  let div;
7501
7539
  let t0;
7502
7540
  let t1;
7503
7541
  let show_if = /*requirement*/ ctx[8] && /*REQUIREMENT_TYPES*/ ctx[9].includes(/*requirement*/ ctx[8]);
7504
- let if_block = show_if && create_if_block_3$3(ctx);
7542
+ let if_block = show_if && create_if_block_3$5(ctx);
7505
7543
 
7506
7544
  return {
7507
7545
  c() {
@@ -7525,7 +7563,7 @@ function create_if_block_2$4(ctx) {
7525
7563
  if (if_block) {
7526
7564
  if_block.p(ctx, dirty);
7527
7565
  } else {
7528
- if_block = create_if_block_3$3(ctx);
7566
+ if_block = create_if_block_3$5(ctx);
7529
7567
  if_block.c();
7530
7568
  if_block.m(div, null);
7531
7569
  }
@@ -7542,7 +7580,7 @@ function create_if_block_2$4(ctx) {
7542
7580
  }
7543
7581
 
7544
7582
  // (34:6) {#if requirement && REQUIREMENT_TYPES.includes(requirement)}
7545
- function create_if_block_3$3(ctx) {
7583
+ function create_if_block_3$5(ctx) {
7546
7584
  let em;
7547
7585
  let t0;
7548
7586
  let t1;
@@ -7571,7 +7609,7 @@ function create_if_block_3$3(ctx) {
7571
7609
  }
7572
7610
 
7573
7611
  // (42:2) {#if error}
7574
- function create_if_block_1$4(ctx) {
7612
+ function create_if_block_1$6(ctx) {
7575
7613
  let div;
7576
7614
  let goa_icon;
7577
7615
  let t0;
@@ -7605,7 +7643,7 @@ function create_if_block_1$4(ctx) {
7605
7643
  }
7606
7644
 
7607
7645
  // (48:2) {#if helptext}
7608
- function create_if_block$9(ctx) {
7646
+ function create_if_block$b(ctx) {
7609
7647
  let div;
7610
7648
  let t;
7611
7649
 
@@ -7628,16 +7666,16 @@ function create_if_block$9(ctx) {
7628
7666
  };
7629
7667
  }
7630
7668
 
7631
- function create_fragment$l(ctx) {
7669
+ function create_fragment$o(ctx) {
7632
7670
  let div1;
7633
7671
  let t0;
7634
7672
  let div0;
7635
7673
  let t1;
7636
7674
  let t2;
7637
7675
  let div1_style_value;
7638
- let if_block0 = /*label*/ ctx[5] && create_if_block_2$4(ctx);
7639
- let if_block1 = /*error*/ ctx[7] && create_if_block_1$4(ctx);
7640
- 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);
7641
7679
 
7642
7680
  return {
7643
7681
  c() {
@@ -7671,7 +7709,7 @@ function create_fragment$l(ctx) {
7671
7709
  if (if_block0) {
7672
7710
  if_block0.p(ctx, dirty);
7673
7711
  } else {
7674
- if_block0 = create_if_block_2$4(ctx);
7712
+ if_block0 = create_if_block_2$5(ctx);
7675
7713
  if_block0.c();
7676
7714
  if_block0.m(div1, t0);
7677
7715
  }
@@ -7684,7 +7722,7 @@ function create_fragment$l(ctx) {
7684
7722
  if (if_block1) {
7685
7723
  if_block1.p(ctx, dirty);
7686
7724
  } else {
7687
- if_block1 = create_if_block_1$4(ctx);
7725
+ if_block1 = create_if_block_1$6(ctx);
7688
7726
  if_block1.c();
7689
7727
  if_block1.m(div1, t2);
7690
7728
  }
@@ -7697,7 +7735,7 @@ function create_fragment$l(ctx) {
7697
7735
  if (if_block2) {
7698
7736
  if_block2.p(ctx, dirty);
7699
7737
  } else {
7700
- if_block2 = create_if_block$9(ctx);
7738
+ if_block2 = create_if_block$b(ctx);
7701
7739
  if_block2.c();
7702
7740
  if_block2.m(div1, null);
7703
7741
  }
@@ -7725,7 +7763,7 @@ function create_fragment$l(ctx) {
7725
7763
  };
7726
7764
  }
7727
7765
 
7728
- function instance$j($$self, $$props, $$invalidate) {
7766
+ function instance$m($$self, $$props, $$invalidate) {
7729
7767
  const [REQUIREMENT_TYPES, validateRequirementType] = typeValidator("Requirement type", ["optional", "required"], false);
7730
7768
  let { testid = "" } = $$props;
7731
7769
  let { mt = null } = $$props;
@@ -7768,8 +7806,8 @@ class FormItem extends SvelteElement {
7768
7806
  props: attribute_to_object(this.attributes),
7769
7807
  customElement: true
7770
7808
  },
7771
- instance$j,
7772
- create_fragment$l,
7809
+ instance$m,
7810
+ create_fragment$o,
7773
7811
  safe_not_equal,
7774
7812
  {
7775
7813
  testid: 0,
@@ -7897,7 +7935,7 @@ customElements.define("goa-form-item", FormItem);
7897
7935
 
7898
7936
  /* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.51.0 */
7899
7937
 
7900
- function create_fragment$k(ctx) {
7938
+ function create_fragment$n(ctx) {
7901
7939
  let div;
7902
7940
  let slot;
7903
7941
  let div_style_value;
@@ -7936,7 +7974,7 @@ function create_fragment$k(ctx) {
7936
7974
  };
7937
7975
  }
7938
7976
 
7939
- function instance$i($$self, $$props, $$invalidate) {
7977
+ function instance$l($$self, $$props, $$invalidate) {
7940
7978
  let { gap = "m" } = $$props;
7941
7979
  let { minchildwidth = "" } = $$props;
7942
7980
  let { mt = null } = $$props;
@@ -7972,8 +8010,8 @@ class Grid extends SvelteElement {
7972
8010
  props: attribute_to_object(this.attributes),
7973
8011
  customElement: true
7974
8012
  },
7975
- instance$i,
7976
- create_fragment$k,
8013
+ instance$l,
8014
+ create_fragment$n,
7977
8015
  safe_not_equal,
7978
8016
  {
7979
8017
  gap: 0,
@@ -8061,7 +8099,7 @@ customElements.define("goa-grid", Grid);
8061
8099
 
8062
8100
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.51.0 */
8063
8101
 
8064
- function create_fragment$j(ctx) {
8102
+ function create_fragment$m(ctx) {
8065
8103
  let div1;
8066
8104
  let goa_page_block;
8067
8105
  let h1;
@@ -8124,7 +8162,7 @@ function create_fragment$j(ctx) {
8124
8162
  };
8125
8163
  }
8126
8164
 
8127
- function instance$h($$self, $$props, $$invalidate) {
8165
+ function instance$k($$self, $$props, $$invalidate) {
8128
8166
  let { heading } = $$props;
8129
8167
  let { backgroundurl } = $$props;
8130
8168
  let { minheight = "600px" } = $$props;
@@ -8150,8 +8188,8 @@ class HeroBanner extends SvelteElement {
8150
8188
  props: attribute_to_object(this.attributes),
8151
8189
  customElement: true
8152
8190
  },
8153
- instance$h,
8154
- create_fragment$j,
8191
+ instance$k,
8192
+ create_fragment$m,
8155
8193
  safe_not_equal,
8156
8194
  {
8157
8195
  heading: 0,
@@ -8209,7 +8247,7 @@ customElements.define("goa-hero-banner", HeroBanner);
8209
8247
 
8210
8248
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.51.0 */
8211
8249
 
8212
- function create_fragment$i(ctx) {
8250
+ function create_fragment$l(ctx) {
8213
8251
  let button;
8214
8252
  let goa_icon;
8215
8253
  let button_style_value;
@@ -8296,7 +8334,7 @@ function handleClick(e) {
8296
8334
  e.target.dispatchEvent(new CustomEvent("_click", { composed: true, detail: { event: e } }));
8297
8335
  }
8298
8336
 
8299
- function instance$g($$self, $$props, $$invalidate) {
8337
+ function instance$j($$self, $$props, $$invalidate) {
8300
8338
  let css;
8301
8339
  let isDisabled;
8302
8340
  let isInverted;
@@ -8389,8 +8427,8 @@ class IconButton extends SvelteElement {
8389
8427
  props: attribute_to_object(this.attributes),
8390
8428
  customElement: true
8391
8429
  },
8392
- instance$g,
8393
- create_fragment$i,
8430
+ instance$j,
8431
+ create_fragment$l,
8394
8432
  safe_not_equal,
8395
8433
  {
8396
8434
  icon: 0,
@@ -8551,7 +8589,51 @@ customElements.define("goa-icon-button", IconButton);
8551
8589
 
8552
8590
  /* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.51.0 */
8553
8591
 
8554
- 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) {
8555
8637
  let ion_icon;
8556
8638
  let ion_icon_name_value;
8557
8639
 
@@ -8579,10 +8661,42 @@ function create_if_block$8(ctx) {
8579
8661
  };
8580
8662
  }
8581
8663
 
8582
- 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) {
8583
8697
  let div;
8584
8698
  let div_style_value;
8585
- let if_block = /*type*/ ctx[4] && create_if_block$8(ctx);
8699
+ let if_block = /*type*/ ctx[4] && create_if_block$a(ctx);
8586
8700
 
8587
8701
  return {
8588
8702
  c() {
@@ -8612,7 +8726,7 @@ function create_fragment$h(ctx) {
8612
8726
  if (if_block) {
8613
8727
  if_block.p(ctx, dirty);
8614
8728
  } else {
8615
- if_block = create_if_block$8(ctx);
8729
+ if_block = create_if_block$a(ctx);
8616
8730
  if_block.c();
8617
8731
  if_block.m(div, null);
8618
8732
  }
@@ -8652,7 +8766,7 @@ function create_fragment$h(ctx) {
8652
8766
  };
8653
8767
  }
8654
8768
 
8655
- function instance$f($$self, $$props, $$invalidate) {
8769
+ function instance$i($$self, $$props, $$invalidate) {
8656
8770
  let isInverted;
8657
8771
  let _size;
8658
8772
  let { mt = null } = $$props;
@@ -8669,15 +8783,28 @@ function instance$f($$self, $$props, $$invalidate) {
8669
8783
  let { title = "" } = $$props;
8670
8784
  let { testid = "" } = $$props;
8671
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
+
8672
8799
  $$self.$$set = $$props => {
8673
8800
  if ('mt' in $$props) $$invalidate(0, mt = $$props.mt);
8674
8801
  if ('mr' in $$props) $$invalidate(1, mr = $$props.mr);
8675
8802
  if ('mb' in $$props) $$invalidate(2, mb = $$props.mb);
8676
8803
  if ('ml' in $$props) $$invalidate(3, ml = $$props.ml);
8677
8804
  if ('type' in $$props) $$invalidate(4, type = $$props.type);
8678
- if ('size' in $$props) $$invalidate(13, size = $$props.size);
8805
+ if ('size' in $$props) $$invalidate(14, size = $$props.size);
8679
8806
  if ('theme' in $$props) $$invalidate(5, theme = $$props.theme);
8680
- if ('inverted' in $$props) $$invalidate(14, inverted = $$props.inverted);
8807
+ if ('inverted' in $$props) $$invalidate(15, inverted = $$props.inverted);
8681
8808
  if ('fillcolor' in $$props) $$invalidate(6, fillcolor = $$props.fillcolor);
8682
8809
  if ('hovercolor' in $$props) $$invalidate(7, hovercolor = $$props.hovercolor);
8683
8810
  if ('opacity' in $$props) $$invalidate(8, opacity = $$props.opacity);
@@ -8686,11 +8813,11 @@ function instance$f($$self, $$props, $$invalidate) {
8686
8813
  };
8687
8814
 
8688
8815
  $$self.$$.update = () => {
8689
- if ($$self.$$.dirty & /*inverted*/ 16384) {
8816
+ if ($$self.$$.dirty & /*inverted*/ 32768) {
8690
8817
  $$invalidate(12, isInverted = toBoolean(inverted));
8691
8818
  }
8692
8819
 
8693
- if ($$self.$$.dirty & /*size*/ 8192) {
8820
+ if ($$self.$$.dirty & /*size*/ 16384) {
8694
8821
  $$invalidate(11, _size = ({
8695
8822
  small: "1.25rem",
8696
8823
  medium: "1.5rem",
@@ -8713,6 +8840,7 @@ function instance$f($$self, $$props, $$invalidate) {
8713
8840
  testid,
8714
8841
  _size,
8715
8842
  isInverted,
8843
+ _iconOverrides,
8716
8844
  size,
8717
8845
  inverted
8718
8846
  ];
@@ -8721,7 +8849,7 @@ function instance$f($$self, $$props, $$invalidate) {
8721
8849
  class Icon extends SvelteElement {
8722
8850
  constructor(options) {
8723
8851
  super();
8724
- 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>`;
8725
8853
 
8726
8854
  init(
8727
8855
  this,
@@ -8730,8 +8858,8 @@ class Icon extends SvelteElement {
8730
8858
  props: attribute_to_object(this.attributes),
8731
8859
  customElement: true
8732
8860
  },
8733
- instance$f,
8734
- create_fragment$h,
8861
+ instance$i,
8862
+ create_fragment$k,
8735
8863
  safe_not_equal,
8736
8864
  {
8737
8865
  mt: 0,
@@ -8739,9 +8867,9 @@ class Icon extends SvelteElement {
8739
8867
  mb: 2,
8740
8868
  ml: 3,
8741
8869
  type: 4,
8742
- size: 13,
8870
+ size: 14,
8743
8871
  theme: 5,
8744
- inverted: 14,
8872
+ inverted: 15,
8745
8873
  fillcolor: 6,
8746
8874
  hovercolor: 7,
8747
8875
  opacity: 8,
@@ -8827,7 +8955,7 @@ class Icon extends SvelteElement {
8827
8955
  }
8828
8956
 
8829
8957
  get size() {
8830
- return this.$$.ctx[13];
8958
+ return this.$$.ctx[14];
8831
8959
  }
8832
8960
 
8833
8961
  set size(size) {
@@ -8845,7 +8973,7 @@ class Icon extends SvelteElement {
8845
8973
  }
8846
8974
 
8847
8975
  get inverted() {
8848
- return this.$$.ctx[14];
8976
+ return this.$$.ctx[15];
8849
8977
  }
8850
8978
 
8851
8979
  set inverted(inverted) {
@@ -8927,7 +9055,7 @@ function create_if_block_4(ctx) {
8927
9055
  }
8928
9056
 
8929
9057
  // (109:4) {#if leadingicon}
8930
- function create_if_block_3$2(ctx) {
9058
+ function create_if_block_3$4(ctx) {
8931
9059
  let goa_icon;
8932
9060
 
8933
9061
  return {
@@ -8952,7 +9080,7 @@ function create_if_block_3$2(ctx) {
8952
9080
  }
8953
9081
 
8954
9082
  // (139:4) {#if trailingicon && !handlesTrailingIconClick}
8955
- function create_if_block_2$3(ctx) {
9083
+ function create_if_block_2$4(ctx) {
8956
9084
  let goa_icon;
8957
9085
 
8958
9086
  return {
@@ -8978,7 +9106,7 @@ function create_if_block_2$3(ctx) {
8978
9106
  }
8979
9107
 
8980
9108
  // (149:4) {#if trailingicon && handlesTrailingIconClick}
8981
- function create_if_block_1$3(ctx) {
9109
+ function create_if_block_1$4(ctx) {
8982
9110
  let goa_icon_button;
8983
9111
  let mounted;
8984
9112
  let dispose;
@@ -9018,7 +9146,7 @@ function create_if_block_1$3(ctx) {
9018
9146
  }
9019
9147
 
9020
9148
  // (161:4) {#if suffix}
9021
- function create_if_block$7(ctx) {
9149
+ function create_if_block$9(ctx) {
9022
9150
  let span;
9023
9151
  let t;
9024
9152
 
@@ -9041,7 +9169,7 @@ function create_if_block$7(ctx) {
9041
9169
  };
9042
9170
  }
9043
9171
 
9044
- function create_fragment$g(ctx) {
9172
+ function create_fragment$j(ctx) {
9045
9173
  let div3;
9046
9174
  let div2;
9047
9175
  let t0;
@@ -9062,10 +9190,10 @@ function create_fragment$g(ctx) {
9062
9190
  let mounted;
9063
9191
  let dispose;
9064
9192
  let if_block0 = /*prefix*/ ctx[14] && create_if_block_4(ctx);
9065
- let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_3$2(ctx);
9066
- let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[24] && create_if_block_2$3(ctx);
9067
- let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[24] && create_if_block_1$3(ctx);
9068
- let if_block4 = /*suffix*/ ctx[15] && create_if_block$7(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);
9069
9197
 
9070
9198
  return {
9071
9199
  c() {
@@ -9169,7 +9297,7 @@ function create_fragment$g(ctx) {
9169
9297
  if (if_block1) {
9170
9298
  if_block1.p(ctx, dirty);
9171
9299
  } else {
9172
- if_block1 = create_if_block_3$2(ctx);
9300
+ if_block1 = create_if_block_3$4(ctx);
9173
9301
  if_block1.c();
9174
9302
  if_block1.m(div2, t2);
9175
9303
  }
@@ -9238,7 +9366,7 @@ function create_fragment$g(ctx) {
9238
9366
  if (if_block2) {
9239
9367
  if_block2.p(ctx, dirty);
9240
9368
  } else {
9241
- if_block2 = create_if_block_2$3(ctx);
9369
+ if_block2 = create_if_block_2$4(ctx);
9242
9370
  if_block2.c();
9243
9371
  if_block2.m(div2, t4);
9244
9372
  }
@@ -9251,7 +9379,7 @@ function create_fragment$g(ctx) {
9251
9379
  if (if_block3) {
9252
9380
  if_block3.p(ctx, dirty);
9253
9381
  } else {
9254
- if_block3 = create_if_block_1$3(ctx);
9382
+ if_block3 = create_if_block_1$4(ctx);
9255
9383
  if_block3.c();
9256
9384
  if_block3.m(div2, t5);
9257
9385
  }
@@ -9264,7 +9392,7 @@ function create_fragment$g(ctx) {
9264
9392
  if (if_block4) {
9265
9393
  if_block4.p(ctx, dirty);
9266
9394
  } else {
9267
- if_block4 = create_if_block$7(ctx);
9395
+ if_block4 = create_if_block$9(ctx);
9268
9396
  if_block4.c();
9269
9397
  if_block4.m(div2, t6);
9270
9398
  }
@@ -9313,7 +9441,7 @@ function doClick() {
9313
9441
  this.dispatchEvent(new CustomEvent("_trailingIconClick", { composed: true }));
9314
9442
  }
9315
9443
 
9316
- function instance$e($$self, $$props, $$invalidate) {
9444
+ function instance$h($$self, $$props, $$invalidate) {
9317
9445
  let handlesTrailingIconClick;
9318
9446
  let isFocused;
9319
9447
  let isReadonly;
@@ -9523,8 +9651,8 @@ class Input extends SvelteElement {
9523
9651
  props: attribute_to_object(this.attributes),
9524
9652
  customElement: true
9525
9653
  },
9526
- instance$e,
9527
- create_fragment$g,
9654
+ instance$h,
9655
+ create_fragment$j,
9528
9656
  safe_not_equal,
9529
9657
  {
9530
9658
  type: 1,
@@ -9840,7 +9968,7 @@ customElements.define("goa-input", Input);
9840
9968
 
9841
9969
  /* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.51.0 */
9842
9970
 
9843
- function create_if_block_3$1(ctx) {
9971
+ function create_if_block_3$3(ctx) {
9844
9972
  let div0;
9845
9973
  let t0;
9846
9974
  let div1;
@@ -9870,7 +9998,7 @@ function create_if_block_3$1(ctx) {
9870
9998
  }
9871
9999
 
9872
10000
  // (41:2) {#if ["alpha", "beta"].includes(type)}
9873
- function create_if_block_1$2(ctx) {
10001
+ function create_if_block_1$3(ctx) {
9874
10002
  let div0;
9875
10003
  let t0_value = capitalize(/*type*/ ctx[0]) + "";
9876
10004
  let t0;
@@ -9880,7 +10008,7 @@ function create_if_block_1$2(ctx) {
9880
10008
  let t2;
9881
10009
  let a;
9882
10010
  let t4;
9883
- 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);
9884
10012
 
9885
10013
  return {
9886
10014
  c() {
@@ -9920,7 +10048,7 @@ function create_if_block_1$2(ctx) {
9920
10048
  if (if_block) {
9921
10049
  if_block.p(ctx, dirty);
9922
10050
  } else {
9923
- if_block = create_if_block_2$2(ctx);
10051
+ if_block = create_if_block_2$3(ctx);
9924
10052
  if_block.c();
9925
10053
  if_block.m(div1, null);
9926
10054
  }
@@ -9939,7 +10067,7 @@ function create_if_block_1$2(ctx) {
9939
10067
  }
9940
10068
 
9941
10069
  // (50:6) {#if feedbackurl}
9942
- function create_if_block_2$2(ctx) {
10070
+ function create_if_block_2$3(ctx) {
9943
10071
  let span;
9944
10072
  let t0;
9945
10073
  let a;
@@ -9972,7 +10100,7 @@ function create_if_block_2$2(ctx) {
9972
10100
  }
9973
10101
 
9974
10102
  // (56:2) {#if version}
9975
- function create_if_block$6(ctx) {
10103
+ function create_if_block$8(ctx) {
9976
10104
  let div;
9977
10105
  let t;
9978
10106
 
@@ -9996,16 +10124,16 @@ function create_if_block$6(ctx) {
9996
10124
  };
9997
10125
  }
9998
10126
 
9999
- function create_fragment$f(ctx) {
10127
+ function create_fragment$i(ctx) {
10000
10128
  let header;
10001
10129
  let t0;
10002
10130
  let show_if = ["alpha", "beta"].includes(/*type*/ ctx[0]);
10003
10131
  let t1;
10004
10132
  let div;
10005
10133
  let t2;
10006
- let if_block0 = /*type*/ ctx[0] === "live" && create_if_block_3$1();
10007
- let if_block1 = show_if && create_if_block_1$2(ctx);
10008
- 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);
10009
10137
 
10010
10138
  return {
10011
10139
  c() {
@@ -10034,7 +10162,7 @@ function create_fragment$f(ctx) {
10034
10162
  p(ctx, [dirty]) {
10035
10163
  if (/*type*/ ctx[0] === "live") {
10036
10164
  if (if_block0) ; else {
10037
- if_block0 = create_if_block_3$1();
10165
+ if_block0 = create_if_block_3$3();
10038
10166
  if_block0.c();
10039
10167
  if_block0.m(header, t0);
10040
10168
  }
@@ -10049,7 +10177,7 @@ function create_fragment$f(ctx) {
10049
10177
  if (if_block1) {
10050
10178
  if_block1.p(ctx, dirty);
10051
10179
  } else {
10052
- if_block1 = create_if_block_1$2(ctx);
10180
+ if_block1 = create_if_block_1$3(ctx);
10053
10181
  if_block1.c();
10054
10182
  if_block1.m(header, t1);
10055
10183
  }
@@ -10062,7 +10190,7 @@ function create_fragment$f(ctx) {
10062
10190
  if (if_block2) {
10063
10191
  if_block2.p(ctx, dirty);
10064
10192
  } else {
10065
- if_block2 = create_if_block$6(ctx);
10193
+ if_block2 = create_if_block$8(ctx);
10066
10194
  if_block2.c();
10067
10195
  if_block2.m(header, null);
10068
10196
  }
@@ -10087,7 +10215,7 @@ function capitalize(val) {
10087
10215
  return val[0].toUpperCase() + val.slice(1);
10088
10216
  }
10089
10217
 
10090
- function instance$d($$self, $$props, $$invalidate) {
10218
+ function instance$g($$self, $$props, $$invalidate) {
10091
10219
  const [Types, validateType] = typeValidator("Microsite header type", ["live", "alpha", "beta"], true);
10092
10220
  let { type } = $$props;
10093
10221
  let { version = "" } = $$props;
@@ -10118,8 +10246,8 @@ class MicrositeHeader extends SvelteElement {
10118
10246
  props: attribute_to_object(this.attributes),
10119
10247
  customElement: true
10120
10248
  },
10121
- instance$d,
10122
- create_fragment$f,
10249
+ instance$g,
10250
+ create_fragment$i,
10123
10251
  safe_not_equal,
10124
10252
  { type: 0, version: 1, feedbackurl: 2 },
10125
10253
  null
@@ -10173,7 +10301,7 @@ customElements.define("goa-microsite-header", MicrositeHeader);
10173
10301
 
10174
10302
  /* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.51.0 */
10175
10303
 
10176
- function create_if_block$5(ctx) {
10304
+ function create_if_block$7(ctx) {
10177
10305
  let goa_focus_trap;
10178
10306
  let div6;
10179
10307
  let div0;
@@ -10198,16 +10326,16 @@ function create_if_block$5(ctx) {
10198
10326
  let current;
10199
10327
  let mounted;
10200
10328
  let dispose;
10201
- let if_block0 = /*calloutvariant*/ ctx[3] !== null && create_if_block_3(ctx);
10329
+ let if_block0 = /*calloutvariant*/ ctx[3] !== null && create_if_block_3$2(ctx);
10202
10330
 
10203
10331
  function select_block_type(ctx, dirty) {
10204
- if (/*heading*/ ctx[0]) return create_if_block_2$1;
10205
- return create_else_block$2;
10332
+ if (/*heading*/ ctx[0]) return create_if_block_2$2;
10333
+ return create_else_block$3;
10206
10334
  }
10207
10335
 
10208
10336
  let current_block_type = select_block_type(ctx);
10209
10337
  let if_block1 = current_block_type(ctx);
10210
- let if_block2 = /*_isClosable*/ ctx[7] && create_if_block_1$1(ctx);
10338
+ let if_block2 = /*_isClosable*/ ctx[7] && create_if_block_1$2(ctx);
10211
10339
 
10212
10340
  return {
10213
10341
  c() {
@@ -10289,7 +10417,7 @@ function create_if_block$5(ctx) {
10289
10417
  if (if_block0) {
10290
10418
  if_block0.p(ctx, dirty);
10291
10419
  } else {
10292
- if_block0 = create_if_block_3(ctx);
10420
+ if_block0 = create_if_block_3$2(ctx);
10293
10421
  if_block0.c();
10294
10422
  if_block0.m(div5, t1);
10295
10423
  }
@@ -10314,7 +10442,7 @@ function create_if_block$5(ctx) {
10314
10442
  if (if_block2) {
10315
10443
  if_block2.p(ctx, dirty);
10316
10444
  } else {
10317
- if_block2 = create_if_block_1$1(ctx);
10445
+ if_block2 = create_if_block_1$2(ctx);
10318
10446
  if_block2.c();
10319
10447
  if_block2.m(header, null);
10320
10448
  }
@@ -10389,7 +10517,7 @@ function create_if_block$5(ctx) {
10389
10517
  }
10390
10518
 
10391
10519
  // (102:8) {#if calloutvariant !== null}
10392
- function create_if_block_3(ctx) {
10520
+ function create_if_block_3$2(ctx) {
10393
10521
  let div;
10394
10522
  let goa_icon;
10395
10523
  let goa_icon_inverted_value;
@@ -10433,7 +10561,7 @@ function create_if_block_3(ctx) {
10433
10561
  }
10434
10562
 
10435
10563
  // (115:14) {:else}
10436
- function create_else_block$2(ctx) {
10564
+ function create_else_block$3(ctx) {
10437
10565
  let slot;
10438
10566
 
10439
10567
  return {
@@ -10452,7 +10580,7 @@ function create_else_block$2(ctx) {
10452
10580
  }
10453
10581
 
10454
10582
  // (113:14) {#if heading}
10455
- function create_if_block_2$1(ctx) {
10583
+ function create_if_block_2$2(ctx) {
10456
10584
  let t;
10457
10585
 
10458
10586
  return {
@@ -10472,7 +10600,7 @@ function create_if_block_2$1(ctx) {
10472
10600
  }
10473
10601
 
10474
10602
  // (119:12) {#if _isClosable}
10475
- function create_if_block_1$1(ctx) {
10603
+ function create_if_block_1$2(ctx) {
10476
10604
  let div;
10477
10605
  let goa_icon_button;
10478
10606
  let mounted;
@@ -10505,10 +10633,10 @@ function create_if_block_1$1(ctx) {
10505
10633
  };
10506
10634
  }
10507
10635
 
10508
- function create_fragment$e(ctx) {
10636
+ function create_fragment$h(ctx) {
10509
10637
  let if_block_anchor;
10510
10638
  let current;
10511
- let if_block = /*_isOpen*/ ctx[6] && create_if_block$5(ctx);
10639
+ let if_block = /*_isOpen*/ ctx[6] && create_if_block$7(ctx);
10512
10640
 
10513
10641
  return {
10514
10642
  c() {
@@ -10530,7 +10658,7 @@ function create_fragment$e(ctx) {
10530
10658
  transition_in(if_block, 1);
10531
10659
  }
10532
10660
  } else {
10533
- if_block = create_if_block$5(ctx);
10661
+ if_block = create_if_block$7(ctx);
10534
10662
  if_block.c();
10535
10663
  transition_in(if_block, 1);
10536
10664
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -10561,7 +10689,7 @@ function create_fragment$e(ctx) {
10561
10689
  };
10562
10690
  }
10563
10691
 
10564
- function instance$c($$self, $$props, $$invalidate) {
10692
+ function instance$f($$self, $$props, $$invalidate) {
10565
10693
  let _isClosable;
10566
10694
  let _isOpen;
10567
10695
  let _transitionTime;
@@ -10718,8 +10846,8 @@ class Modal extends SvelteElement {
10718
10846
  props: attribute_to_object(this.attributes),
10719
10847
  customElement: true
10720
10848
  },
10721
- instance$c,
10722
- create_fragment$e,
10849
+ instance$f,
10850
+ create_fragment$h,
10723
10851
  safe_not_equal,
10724
10852
  {
10725
10853
  heading: 0,
@@ -10807,7 +10935,7 @@ customElements.define("goa-modal", Modal);
10807
10935
 
10808
10936
  /* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.51.0 */
10809
10937
 
10810
- function create_if_block$4(ctx) {
10938
+ function create_if_block$6(ctx) {
10811
10939
  let div3;
10812
10940
  let div0;
10813
10941
  let goa_icon;
@@ -10902,10 +11030,10 @@ function create_if_block$4(ctx) {
10902
11030
  };
10903
11031
  }
10904
11032
 
10905
- function create_fragment$d(ctx) {
11033
+ function create_fragment$g(ctx) {
10906
11034
  let if_block_anchor;
10907
11035
  let current;
10908
- let if_block = /*show*/ ctx[1] && create_if_block$4(ctx);
11036
+ let if_block = /*show*/ ctx[1] && create_if_block$6(ctx);
10909
11037
 
10910
11038
  return {
10911
11039
  c() {
@@ -10927,7 +11055,7 @@ function create_fragment$d(ctx) {
10927
11055
  transition_in(if_block, 1);
10928
11056
  }
10929
11057
  } else {
10930
- if_block = create_if_block$4(ctx);
11058
+ if_block = create_if_block$6(ctx);
10931
11059
  if_block.c();
10932
11060
  transition_in(if_block, 1);
10933
11061
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -10958,7 +11086,7 @@ function create_fragment$d(ctx) {
10958
11086
  };
10959
11087
  }
10960
11088
 
10961
- function instance$b($$self, $$props, $$invalidate) {
11089
+ function instance$e($$self, $$props, $$invalidate) {
10962
11090
  let iconType;
10963
11091
  const [Types, validateType] = typeValidator("Notification type", ["emergency", "important", "information", "event"], true);
10964
11092
  let { type = "" } = $$props;
@@ -11005,8 +11133,8 @@ class Notification extends SvelteElement {
11005
11133
  props: attribute_to_object(this.attributes),
11006
11134
  customElement: true
11007
11135
  },
11008
- instance$b,
11009
- create_fragment$d,
11136
+ instance$e,
11137
+ create_fragment$g,
11010
11138
  safe_not_equal,
11011
11139
  { type: 0 },
11012
11140
  null
@@ -11047,7 +11175,7 @@ function isValidDimension(value) {
11047
11175
 
11048
11176
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
11049
11177
 
11050
- function create_fragment$c(ctx) {
11178
+ function create_fragment$f(ctx) {
11051
11179
  let div;
11052
11180
  let slot;
11053
11181
  let div_style_value;
@@ -11077,7 +11205,7 @@ function create_fragment$c(ctx) {
11077
11205
  };
11078
11206
  }
11079
11207
 
11080
- function instance$a($$self, $$props, $$invalidate) {
11208
+ function instance$d($$self, $$props, $$invalidate) {
11081
11209
  const Sizes = { "full": "100%" };
11082
11210
  let { width } = $$props;
11083
11211
  let { _width } = $$props;
@@ -11116,8 +11244,8 @@ class PageBlock extends SvelteElement {
11116
11244
  props: attribute_to_object(this.attributes),
11117
11245
  customElement: true
11118
11246
  },
11119
- instance$a,
11120
- create_fragment$c,
11247
+ instance$d,
11248
+ create_fragment$f,
11121
11249
  safe_not_equal,
11122
11250
  { width: 1, _width: 0 },
11123
11251
  null
@@ -11162,7 +11290,7 @@ customElements.define("goa-page-block", PageBlock);
11162
11290
 
11163
11291
  /* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.51.0 */
11164
11292
 
11165
- function create_if_block$3(ctx) {
11293
+ function create_if_block$5(ctx) {
11166
11294
  let goa_block;
11167
11295
  let span0;
11168
11296
  let t1;
@@ -11231,7 +11359,7 @@ function create_if_block$3(ctx) {
11231
11359
  };
11232
11360
  }
11233
11361
 
11234
- function create_fragment$b(ctx) {
11362
+ function create_fragment$e(ctx) {
11235
11363
  let goa_block1;
11236
11364
  let div;
11237
11365
  let t0;
@@ -11245,7 +11373,7 @@ function create_fragment$b(ctx) {
11245
11373
  let goa_button1_disabled_value;
11246
11374
  let mounted;
11247
11375
  let dispose;
11248
- 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);
11249
11377
 
11250
11378
  return {
11251
11379
  c() {
@@ -11306,7 +11434,7 @@ function create_fragment$b(ctx) {
11306
11434
  if (if_block) {
11307
11435
  if_block.p(ctx, dirty);
11308
11436
  } else {
11309
- if_block = create_if_block$3(ctx);
11437
+ if_block = create_if_block$5(ctx);
11310
11438
  if_block.c();
11311
11439
  if_block.m(div, t0);
11312
11440
  }
@@ -11352,7 +11480,7 @@ function create_fragment$b(ctx) {
11352
11480
  };
11353
11481
  }
11354
11482
 
11355
- function instance$9($$self, $$props, $$invalidate) {
11483
+ function instance$c($$self, $$props, $$invalidate) {
11356
11484
  let _pageCount;
11357
11485
  const [Variants, validateVariant] = typeValidator("Pagination variant", ["all", "links-only"]);
11358
11486
  let { pagenumber } = $$props;
@@ -11477,8 +11605,8 @@ class Pagination extends SvelteElement {
11477
11605
  props: attribute_to_object(this.attributes),
11478
11606
  customElement: true
11479
11607
  },
11480
- instance$9,
11481
- create_fragment$b,
11608
+ instance$c,
11609
+ create_fragment$e,
11482
11610
  safe_not_equal,
11483
11611
  {
11484
11612
  pagenumber: 0,
@@ -11700,7 +11828,7 @@ function create_each_block$1(key_1, ctx) {
11700
11828
  };
11701
11829
  }
11702
11830
 
11703
- function create_fragment$a(ctx) {
11831
+ function create_fragment$d(ctx) {
11704
11832
  let div;
11705
11833
  let slot;
11706
11834
  let t;
@@ -11775,7 +11903,7 @@ function create_fragment$a(ctx) {
11775
11903
  };
11776
11904
  }
11777
11905
 
11778
- function instance$8($$self, $$props, $$invalidate) {
11906
+ function instance$b($$self, $$props, $$invalidate) {
11779
11907
  let isDisabled;
11780
11908
  let isError;
11781
11909
  const [Orientations, validateOrientation] = typeValidator("Radio group orientation", ["vertical", "horizontal"]);
@@ -11908,8 +12036,8 @@ class RadioGroup extends SvelteElement {
11908
12036
  props: attribute_to_object(this.attributes),
11909
12037
  customElement: true
11910
12038
  },
11911
- instance$8,
11912
- create_fragment$a,
12039
+ instance$b,
12040
+ create_fragment$d,
11913
12041
  safe_not_equal,
11914
12042
  {
11915
12043
  name: 1,
@@ -12059,7 +12187,7 @@ customElements.define("goa-radio-group", RadioGroup);
12059
12187
 
12060
12188
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.51.0 */
12061
12189
 
12062
- function create_fragment$9(ctx) {
12190
+ function create_fragment$c(ctx) {
12063
12191
  let div;
12064
12192
  let slot;
12065
12193
  let div_style_value;
@@ -12117,7 +12245,7 @@ function create_fragment$9(ctx) {
12117
12245
  };
12118
12246
  }
12119
12247
 
12120
- function instance$7($$self, $$props, $$invalidate) {
12248
+ function instance$a($$self, $$props, $$invalidate) {
12121
12249
  let { direction = "vertical" } = $$props;
12122
12250
  let { hpadding = "" } = $$props;
12123
12251
  let { vpadding = "" } = $$props;
@@ -12188,8 +12316,8 @@ class Scrollable extends SvelteElement {
12188
12316
  props: attribute_to_object(this.attributes),
12189
12317
  customElement: true
12190
12318
  },
12191
- instance$7,
12192
- create_fragment$9,
12319
+ instance$a,
12320
+ create_fragment$c,
12193
12321
  safe_not_equal,
12194
12322
  {
12195
12323
  direction: 0,
@@ -12290,8 +12418,8 @@ function get_each_context(ctx, list, i) {
12290
12418
  return child_ctx;
12291
12419
  }
12292
12420
 
12293
- // (55:2) {:else}
12294
- function create_else_block$1(ctx) {
12421
+ // (81:2) {:else}
12422
+ function create_else_block$2(ctx) {
12295
12423
  let div;
12296
12424
  let div_class_value;
12297
12425
 
@@ -12316,56 +12444,147 @@ function create_else_block$1(ctx) {
12316
12444
  };
12317
12445
  }
12318
12446
 
12319
- // (51:29)
12320
- function create_if_block_2(ctx) {
12321
- let each_1_anchor;
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;
12322
12460
  let current;
12323
- let each_value = Array(Number.parseInt(/*linecount*/ ctx[2] + ""));
12324
- let each_blocks = [];
12325
12461
 
12326
- for (let i = 0; i < each_value.length; i += 1) {
12327
- each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
12328
- }
12462
+ skeleton0 = new Skeleton({
12463
+ props: { type: "image", size: /*size*/ ctx[1] }
12464
+ });
12329
12465
 
12330
- const out = i => transition_out(each_blocks[i], 1, 1, () => {
12331
- each_blocks[i] = null;
12332
- });
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
+ });
12333
12472
 
12334
12473
  return {
12335
12474
  c() {
12336
- for (let i = 0; i < each_blocks.length; i += 1) {
12337
- each_blocks[i].c();
12338
- }
12339
-
12340
- each_1_anchor = empty();
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");
12341
12490
  },
12342
12491
  m(target, anchor) {
12343
- for (let i = 0; i < each_blocks.length; i += 1) {
12344
- each_blocks[i].m(target, anchor);
12345
- }
12346
-
12347
- insert(target, each_1_anchor, 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);
12348
12503
  current = true;
12349
12504
  },
12350
12505
  p(ctx, dirty) {
12351
- if (dirty & /*size, linecount*/ 6) {
12352
- each_value = Array(Number.parseInt(/*linecount*/ ctx[2] + ""));
12353
- let i;
12354
-
12355
- for (i = 0; i < each_value.length; i += 1) {
12356
- const child_ctx = get_each_context(ctx, each_value, i);
12357
-
12358
- if (each_blocks[i]) {
12359
- each_blocks[i].p(child_ctx, dirty);
12360
- transition_in(each_blocks[i], 1);
12361
- } else {
12362
- each_blocks[i] = create_each_block(child_ctx);
12363
- each_blocks[i].c();
12364
- transition_in(each_blocks[i], 1);
12365
- each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
12366
- }
12367
- }
12368
-
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) {
12540
+ let each_1_anchor;
12541
+ let current;
12542
+ let each_value = Array(Number.parseInt(/*linecount*/ ctx[2] + ""));
12543
+ let each_blocks = [];
12544
+
12545
+ for (let i = 0; i < each_value.length; i += 1) {
12546
+ each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
12547
+ }
12548
+
12549
+ const out = i => transition_out(each_blocks[i], 1, 1, () => {
12550
+ each_blocks[i] = null;
12551
+ });
12552
+
12553
+ return {
12554
+ c() {
12555
+ for (let i = 0; i < each_blocks.length; i += 1) {
12556
+ each_blocks[i].c();
12557
+ }
12558
+
12559
+ each_1_anchor = empty();
12560
+ },
12561
+ m(target, anchor) {
12562
+ for (let i = 0; i < each_blocks.length; i += 1) {
12563
+ each_blocks[i].m(target, anchor);
12564
+ }
12565
+
12566
+ insert(target, each_1_anchor, anchor);
12567
+ current = true;
12568
+ },
12569
+ p(ctx, dirty) {
12570
+ if (dirty & /*size, linecount*/ 6) {
12571
+ each_value = Array(Number.parseInt(/*linecount*/ ctx[2] + ""));
12572
+ let i;
12573
+
12574
+ for (i = 0; i < each_value.length; i += 1) {
12575
+ const child_ctx = get_each_context(ctx, each_value, i);
12576
+
12577
+ if (each_blocks[i]) {
12578
+ each_blocks[i].p(child_ctx, dirty);
12579
+ transition_in(each_blocks[i], 1);
12580
+ } else {
12581
+ each_blocks[i] = create_each_block(child_ctx);
12582
+ each_blocks[i].c();
12583
+ transition_in(each_blocks[i], 1);
12584
+ each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
12585
+ }
12586
+ }
12587
+
12369
12588
  group_outros();
12370
12589
 
12371
12590
  for (i = each_value.length; i < each_blocks.length; i += 1) {
@@ -12400,8 +12619,8 @@ function create_if_block_2(ctx) {
12400
12619
  };
12401
12620
  }
12402
12621
 
12403
- // (41:31)
12404
- function create_if_block_1(ctx) {
12622
+ // (54:31)
12623
+ function create_if_block_1$1(ctx) {
12405
12624
  let div2;
12406
12625
  let div0;
12407
12626
  let skeleton0;
@@ -12490,8 +12709,8 @@ function create_if_block_1(ctx) {
12490
12709
  };
12491
12710
  }
12492
12711
 
12493
- // (30:2) {#if type === "card"}
12494
- function create_if_block$2(ctx) {
12712
+ // (43:2) {#if type === "card"}
12713
+ function create_if_block$4(ctx) {
12495
12714
  let div1;
12496
12715
  let skeleton0;
12497
12716
  let t0;
@@ -12583,7 +12802,7 @@ function create_if_block$2(ctx) {
12583
12802
  };
12584
12803
  }
12585
12804
 
12586
- // (52:4) {#each Array(Number.parseInt(linecount+"")) as _item}
12805
+ // (65:4) {#each Array(Number.parseInt(linecount+"")) as _item}
12587
12806
  function create_each_block(ctx) {
12588
12807
  let skeleton;
12589
12808
  let current;
@@ -12625,20 +12844,29 @@ function create_each_block(ctx) {
12625
12844
  };
12626
12845
  }
12627
12846
 
12628
- function create_fragment$8(ctx) {
12847
+ function create_fragment$b(ctx) {
12629
12848
  let div;
12630
12849
  let current_block_type_index;
12631
12850
  let if_block;
12632
12851
  let div_style_value;
12633
12852
  let current;
12634
- 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
+
12635
12862
  const if_blocks = [];
12636
12863
 
12637
12864
  function select_block_type(ctx, dirty) {
12638
12865
  if (/*type*/ ctx[3] === "card") return 0;
12639
12866
  if (/*type*/ ctx[3] === "profile") return 1;
12640
12867
  if (/*type*/ ctx[3] === "lines") return 2;
12641
- return 3;
12868
+ if (/*type*/ ctx[3] === "article") return 3;
12869
+ return 4;
12642
12870
  }
12643
12871
 
12644
12872
  current_block_type_index = select_block_type(ctx);
@@ -12708,7 +12936,7 @@ function create_fragment$8(ctx) {
12708
12936
  };
12709
12937
  }
12710
12938
 
12711
- function instance$6($$self, $$props, $$invalidate) {
12939
+ function instance$9($$self, $$props, $$invalidate) {
12712
12940
  const [Types, validateType] = typeValidator(
12713
12941
  "Skeleton type",
12714
12942
  [
@@ -12721,8 +12949,9 @@ function instance$6($$self, $$props, $$invalidate) {
12721
12949
  "paragraph",
12722
12950
  "thumbnail",
12723
12951
  "card",
12952
+ "lines",
12724
12953
  "profile",
12725
- "lines"
12954
+ "article"
12726
12955
  ],
12727
12956
  true
12728
12957
  );
@@ -12770,8 +12999,8 @@ class Skeleton extends SvelteElement {
12770
12999
  props: attribute_to_object(this.attributes),
12771
13000
  customElement: true
12772
13001
  },
12773
- instance$6,
12774
- create_fragment$8,
13002
+ instance$9,
13003
+ create_fragment$b,
12775
13004
  safe_not_equal,
12776
13005
  {
12777
13006
  maxwidth: 0,
@@ -12889,7 +13118,7 @@ customElements.define("goa-skeleton", Skeleton);
12889
13118
 
12890
13119
  /* libs/web-components/src/components/spacer/Spacer.svelte generated by Svelte v3.51.0 */
12891
13120
 
12892
- function create_fragment$7(ctx) {
13121
+ function create_fragment$a(ctx) {
12893
13122
  let div;
12894
13123
 
12895
13124
  return {
@@ -12911,14 +13140,17 @@ function create_fragment$7(ctx) {
12911
13140
  };
12912
13141
  }
12913
13142
 
12914
- function instance$5($$self, $$props, $$invalidate) {
13143
+ function instance$8($$self, $$props, $$invalidate) {
12915
13144
  let { hspacing = "none" } = $$props;
12916
13145
  let { vspacing = "none" } = $$props;
12917
13146
  let rootEl;
12918
13147
 
12919
13148
  onMount(() => {
12920
13149
  injectCss(rootEl, ":host", {
12921
- width: `var(--goa-space-${hspacing})`,
13150
+ display: "block",
13151
+ width: hspacing === "fill"
13152
+ ? "100%"
13153
+ : `var(--goa-space-${hspacing})`,
12922
13154
  height: `var(--goa-space-${vspacing})`
12923
13155
  });
12924
13156
  });
@@ -12949,8 +13181,8 @@ class Spacer extends SvelteElement {
12949
13181
  props: attribute_to_object(this.attributes),
12950
13182
  customElement: true
12951
13183
  },
12952
- instance$5,
12953
- create_fragment$7,
13184
+ instance$8,
13185
+ create_fragment$a,
12954
13186
  safe_not_equal,
12955
13187
  { hspacing: 1, vspacing: 2 },
12956
13188
  null
@@ -13142,7 +13374,7 @@ function tweened(value, defaults = {}) {
13142
13374
 
13143
13375
  /* libs/web-components/src/components/spinner/Spinner.svelte generated by Svelte v3.51.0 */
13144
13376
 
13145
- function create_if_block$1(ctx) {
13377
+ function create_if_block$3(ctx) {
13146
13378
  let svg;
13147
13379
  let circle;
13148
13380
  let circle_stroke_value;
@@ -13251,9 +13483,9 @@ function create_if_block$1(ctx) {
13251
13483
  };
13252
13484
  }
13253
13485
 
13254
- function create_fragment$6(ctx) {
13486
+ function create_fragment$9(ctx) {
13255
13487
  let if_block_anchor;
13256
- let if_block = /*ready*/ ctx[6] && create_if_block$1(ctx);
13488
+ let if_block = /*ready*/ ctx[6] && create_if_block$3(ctx);
13257
13489
 
13258
13490
  return {
13259
13491
  c() {
@@ -13270,7 +13502,7 @@ function create_fragment$6(ctx) {
13270
13502
  if (if_block) {
13271
13503
  if_block.p(ctx, dirty);
13272
13504
  } else {
13273
- if_block = create_if_block$1(ctx);
13505
+ if_block = create_if_block$3(ctx);
13274
13506
  if_block.c();
13275
13507
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
13276
13508
  }
@@ -13288,7 +13520,7 @@ function create_fragment$6(ctx) {
13288
13520
  };
13289
13521
  }
13290
13522
 
13291
- function instance$4($$self, $$props, $$invalidate) {
13523
+ function instance$7($$self, $$props, $$invalidate) {
13292
13524
  let diameter;
13293
13525
  let strokewidth;
13294
13526
  let radius;
@@ -13407,8 +13639,8 @@ class Spinner extends SvelteElement {
13407
13639
  props: attribute_to_object(this.attributes),
13408
13640
  customElement: true
13409
13641
  },
13410
- instance$4,
13411
- create_fragment$6,
13642
+ instance$7,
13643
+ create_fragment$9,
13412
13644
  safe_not_equal,
13413
13645
  {
13414
13646
  size: 10,
@@ -13476,7 +13708,7 @@ customElements.define("goa-spinner", Spinner);
13476
13708
 
13477
13709
  /* libs/web-components/src/components/table/Table.svelte generated by Svelte v3.51.0 */
13478
13710
 
13479
- function create_fragment$5(ctx) {
13711
+ function create_fragment$8(ctx) {
13480
13712
  let table;
13481
13713
  let slot;
13482
13714
  let t0;
@@ -13536,7 +13768,7 @@ function create_fragment$5(ctx) {
13536
13768
  };
13537
13769
  }
13538
13770
 
13539
- function instance$3($$self, $$props, $$invalidate) {
13771
+ function instance$6($$self, $$props, $$invalidate) {
13540
13772
  let _stickyHeader;
13541
13773
  const [Variants, validateVariant] = typeValidator("Table variant", ["normal", "relaxed"], true);
13542
13774
  let { width = "" } = $$props;
@@ -13649,8 +13881,8 @@ class Table extends SvelteElement {
13649
13881
  props: attribute_to_object(this.attributes),
13650
13882
  customElement: true
13651
13883
  },
13652
- instance$3,
13653
- create_fragment$5,
13884
+ instance$6,
13885
+ create_fragment$8,
13654
13886
  safe_not_equal,
13655
13887
  {
13656
13888
  width: 0,
@@ -13748,7 +13980,7 @@ customElements.define("goa-table", Table);
13748
13980
 
13749
13981
  /* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.51.0 */
13750
13982
 
13751
- function create_else_block(ctx) {
13983
+ function create_else_block$1(ctx) {
13752
13984
  let img;
13753
13985
  let img_src_value;
13754
13986
 
@@ -13778,7 +14010,7 @@ function create_else_block(ctx) {
13778
14010
  }
13779
14011
 
13780
14012
  // (55:2) {#if direction === "none"}
13781
- function create_if_block(ctx) {
14013
+ function create_if_block$2(ctx) {
13782
14014
  let img;
13783
14015
  let img_src_value;
13784
14016
 
@@ -13798,14 +14030,14 @@ function create_if_block(ctx) {
13798
14030
  };
13799
14031
  }
13800
14032
 
13801
- function create_fragment$4(ctx) {
14033
+ function create_fragment$7(ctx) {
13802
14034
  let button;
13803
14035
  let slot;
13804
14036
  let t;
13805
14037
 
13806
14038
  function select_block_type(ctx, dirty) {
13807
- if (/*direction*/ ctx[0] === "none") return create_if_block;
13808
- return create_else_block;
14039
+ if (/*direction*/ ctx[0] === "none") return create_if_block$2;
14040
+ return create_else_block$1;
13809
14041
  }
13810
14042
 
13811
14043
  let current_block_type = select_block_type(ctx);
@@ -13847,7 +14079,7 @@ function create_fragment$4(ctx) {
13847
14079
  };
13848
14080
  }
13849
14081
 
13850
- function instance$2($$self, $$props, $$invalidate) {
14082
+ function instance$5($$self, $$props, $$invalidate) {
13851
14083
  let { direction = "none" } = $$props;
13852
14084
 
13853
14085
  $$self.$$set = $$props => {
@@ -13869,8 +14101,8 @@ class TableSortHeader extends SvelteElement {
13869
14101
  props: attribute_to_object(this.attributes),
13870
14102
  customElement: true
13871
14103
  },
13872
- instance$2,
13873
- create_fragment$4,
14104
+ instance$5,
14105
+ create_fragment$7,
13874
14106
  safe_not_equal,
13875
14107
  { direction: 0 },
13876
14108
  null
@@ -13906,7 +14138,7 @@ customElements.define("goa-table-sort-header", TableSortHeader);
13906
14138
 
13907
14139
  /* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */
13908
14140
 
13909
- function create_fragment$3(ctx) {
14141
+ function create_fragment$6(ctx) {
13910
14142
  let div;
13911
14143
  let textarea;
13912
14144
  let textarea_aria_label_value;
@@ -14002,7 +14234,7 @@ function create_fragment$3(ctx) {
14002
14234
  };
14003
14235
  }
14004
14236
 
14005
- function instance$1($$self, $$props, $$invalidate) {
14237
+ function instance$4($$self, $$props, $$invalidate) {
14006
14238
  let isError;
14007
14239
  let isDisabled;
14008
14240
  let isReadonly;
@@ -14108,8 +14340,8 @@ class TextArea extends SvelteElement {
14108
14340
  props: attribute_to_object(this.attributes),
14109
14341
  customElement: true
14110
14342
  },
14111
- instance$1,
14112
- create_fragment$3,
14343
+ instance$4,
14344
+ create_fragment$6,
14113
14345
  safe_not_equal,
14114
14346
  {
14115
14347
  name: 0,
@@ -14303,7 +14535,7 @@ customElements.define("goa-textarea", TextArea);
14303
14535
 
14304
14536
  /* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.51.0 */
14305
14537
 
14306
- function create_fragment$2(ctx) {
14538
+ function create_fragment$5(ctx) {
14307
14539
  let div;
14308
14540
 
14309
14541
  return {
@@ -14352,7 +14584,7 @@ class FullScreenNavbarLayout extends SvelteElement {
14352
14584
  customElement: true
14353
14585
  },
14354
14586
  null,
14355
- create_fragment$2,
14587
+ create_fragment$5,
14356
14588
  safe_not_equal,
14357
14589
  {},
14358
14590
  null
@@ -14370,7 +14602,7 @@ customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
14370
14602
 
14371
14603
  /* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.51.0 */
14372
14604
 
14373
- function create_fragment$1(ctx) {
14605
+ function create_fragment$4(ctx) {
14374
14606
  let div;
14375
14607
 
14376
14608
  return {
@@ -14411,7 +14643,7 @@ class OneColumnLayout extends SvelteElement {
14411
14643
  customElement: true
14412
14644
  },
14413
14645
  null,
14414
- create_fragment$1,
14646
+ create_fragment$4,
14415
14647
  safe_not_equal,
14416
14648
  {},
14417
14649
  null
@@ -14429,7 +14661,7 @@ customElements.define("goa-one-column-layout", OneColumnLayout);
14429
14661
 
14430
14662
  /* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.51.0 */
14431
14663
 
14432
- function create_fragment(ctx) {
14664
+ function create_fragment$3(ctx) {
14433
14665
  let div;
14434
14666
  let header;
14435
14667
  let t0;
@@ -14488,7 +14720,7 @@ function create_fragment(ctx) {
14488
14720
  };
14489
14721
  }
14490
14722
 
14491
- function instance($$self, $$props, $$invalidate) {
14723
+ function instance$3($$self, $$props, $$invalidate) {
14492
14724
  let { navcolumnwidth = "" } = $$props;
14493
14725
  let { maxcontentwidth = "" } = $$props;
14494
14726
 
@@ -14512,8 +14744,8 @@ class TwoColumnLayout extends SvelteElement {
14512
14744
  props: attribute_to_object(this.attributes),
14513
14745
  customElement: true
14514
14746
  },
14515
- instance,
14516
- create_fragment,
14747
+ instance$3,
14748
+ create_fragment$3,
14517
14749
  safe_not_equal,
14518
14750
  { navcolumnwidth: 0, maxcontentwidth: 1 },
14519
14751
  null
@@ -14555,3 +14787,1009 @@ class TwoColumnLayout extends SvelteElement {
14555
14787
  }
14556
14788
 
14557
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 };