@abgov/web-components 1.0.0-alpha.190 → 1.0.0-alpha.192

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/html.html-data.json +1 -1
  2. package/package.json +1 -1
  3. package/web-components.es.js +1049 -381
  4. package/web-components.umd.js +65 -65
package/web-components.es.js CHANGED
@@ -645,6 +645,11 @@ function destroy_block(block, lookup) {
645
645
  block.d(1);
646
646
  lookup.delete(block.key);
647
647
  }
648
+ function outro_and_destroy_block(block, lookup) {
649
+ transition_out(block, 1, 1, () => {
650
+ lookup.delete(block.key);
651
+ });
652
+ }
648
653
  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
649
654
  let o = old_blocks.length;
650
655
  let n = list.length;
@@ -977,7 +982,7 @@ function cssVar(name, value) {
977
982
 
978
983
  /* libs/web-components/src/components/accordion/Accordion.svelte generated by Svelte v3.51.0 */
979
984
 
980
- function create_fragment$Q(ctx) {
985
+ function create_fragment$S(ctx) {
981
986
  let div3;
982
987
  let details;
983
988
  let summary;
@@ -1116,7 +1121,7 @@ function create_fragment$Q(ctx) {
1116
1121
  };
1117
1122
  }
1118
1123
 
1119
- function instance$K($$self, $$props, $$invalidate) {
1124
+ function instance$L($$self, $$props, $$invalidate) {
1120
1125
  let isOpen;
1121
1126
  const [HeadingSizes, validateHeadingSize] = typeValidator("Accordion heading size", ["small", "medium"]);
1122
1127
  let { open = "false" } = $$props;
@@ -1191,8 +1196,8 @@ class Accordion extends SvelteElement {
1191
1196
  props: attribute_to_object(this.attributes),
1192
1197
  customElement: true
1193
1198
  },
1194
- instance$K,
1195
- create_fragment$Q,
1199
+ instance$L,
1200
+ create_fragment$S,
1196
1201
  safe_not_equal,
1197
1202
  {
1198
1203
  open: 10,
@@ -1320,7 +1325,7 @@ customElements.define("goa-accordion", Accordion);
1320
1325
 
1321
1326
  /* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.51.0 */
1322
1327
 
1323
- function create_else_block$9(ctx) {
1328
+ function create_else_block$a(ctx) {
1324
1329
  let div;
1325
1330
  let img0;
1326
1331
  let img0_src_value;
@@ -1368,7 +1373,7 @@ function create_else_block$9(ctx) {
1368
1373
  }
1369
1374
 
1370
1375
  // (19:4) {#if url}
1371
- function create_if_block$o(ctx) {
1376
+ function create_if_block$p(ctx) {
1372
1377
  let a;
1373
1378
  let img0;
1374
1379
  let img0_src_value;
@@ -1420,7 +1425,7 @@ function create_if_block$o(ctx) {
1420
1425
  };
1421
1426
  }
1422
1427
 
1423
- function create_fragment$P(ctx) {
1428
+ function create_fragment$R(ctx) {
1424
1429
  let div2;
1425
1430
  let div1;
1426
1431
  let t;
@@ -1428,8 +1433,8 @@ function create_fragment$P(ctx) {
1428
1433
  let div2_style_value;
1429
1434
 
1430
1435
  function select_block_type(ctx, dirty) {
1431
- if (/*url*/ ctx[1]) return create_if_block$o;
1432
- return create_else_block$9;
1436
+ if (/*url*/ ctx[1]) return create_if_block$p;
1437
+ return create_else_block$a;
1433
1438
  }
1434
1439
 
1435
1440
  let current_block_type = select_block_type(ctx);
@@ -1486,7 +1491,7 @@ function create_fragment$P(ctx) {
1486
1491
  };
1487
1492
  }
1488
1493
 
1489
- function instance$J($$self, $$props, $$invalidate) {
1494
+ function instance$K($$self, $$props, $$invalidate) {
1490
1495
  let { heading = "" } = $$props;
1491
1496
  let { url = "" } = $$props;
1492
1497
  let { testid = "" } = $$props;
@@ -1514,8 +1519,8 @@ class AppHeader extends SvelteElement {
1514
1519
  props: attribute_to_object(this.attributes),
1515
1520
  customElement: true
1516
1521
  },
1517
- instance$J,
1518
- create_fragment$P,
1522
+ instance$K,
1523
+ create_fragment$R,
1519
1524
  safe_not_equal,
1520
1525
  {
1521
1526
  heading: 0,
@@ -1583,7 +1588,7 @@ customElements.define("goa-app-header", AppHeader);
1583
1588
 
1584
1589
  /* libs/web-components/src/components/badge/Badge.svelte generated by Svelte v3.51.0 */
1585
1590
 
1586
- function create_else_block$8(ctx) {
1591
+ function create_else_block$9(ctx) {
1587
1592
  let div;
1588
1593
 
1589
1594
  return {
@@ -1603,7 +1608,7 @@ function create_else_block$8(ctx) {
1603
1608
  }
1604
1609
 
1605
1610
  // (45:2) {#if showIcon}
1606
- function create_if_block_1$e(ctx) {
1611
+ function create_if_block_1$f(ctx) {
1607
1612
  let goa_icon;
1608
1613
 
1609
1614
  return {
@@ -1627,7 +1632,7 @@ function create_if_block_1$e(ctx) {
1627
1632
  }
1628
1633
 
1629
1634
  // (50:2) {#if content}
1630
- function create_if_block$n(ctx) {
1635
+ function create_if_block$o(ctx) {
1631
1636
  let div;
1632
1637
  let t;
1633
1638
 
@@ -1650,20 +1655,20 @@ function create_if_block$n(ctx) {
1650
1655
  };
1651
1656
  }
1652
1657
 
1653
- function create_fragment$O(ctx) {
1658
+ function create_fragment$Q(ctx) {
1654
1659
  let div;
1655
1660
  let t;
1656
1661
  let div_style_value;
1657
1662
  let div_class_value;
1658
1663
 
1659
1664
  function select_block_type(ctx, dirty) {
1660
- if (/*showIcon*/ ctx[7]) return create_if_block_1$e;
1661
- return create_else_block$8;
1665
+ if (/*showIcon*/ ctx[7]) return create_if_block_1$f;
1666
+ return create_else_block$9;
1662
1667
  }
1663
1668
 
1664
1669
  let current_block_type = select_block_type(ctx);
1665
1670
  let if_block0 = current_block_type(ctx);
1666
- let if_block1 = /*content*/ ctx[2] && create_if_block$n(ctx);
1671
+ let if_block1 = /*content*/ ctx[2] && create_if_block$o(ctx);
1667
1672
 
1668
1673
  return {
1669
1674
  c() {
@@ -1701,7 +1706,7 @@ function create_fragment$O(ctx) {
1701
1706
  if (if_block1) {
1702
1707
  if_block1.p(ctx, dirty);
1703
1708
  } else {
1704
- if_block1 = create_if_block$n(ctx);
1709
+ if_block1 = create_if_block$o(ctx);
1705
1710
  if_block1.c();
1706
1711
  if_block1.m(div, null);
1707
1712
  }
@@ -1736,7 +1741,7 @@ function create_fragment$O(ctx) {
1736
1741
  };
1737
1742
  }
1738
1743
 
1739
- function instance$I($$self, $$props, $$invalidate) {
1744
+ function instance$J($$self, $$props, $$invalidate) {
1740
1745
  let showIcon;
1741
1746
  let iconType;
1742
1747
  const [Types, validateType] = typeValidator("Badge type", ["success", "important", "information", "emergency", "dark", "midtone", "light"], true);
@@ -1801,8 +1806,8 @@ class Badge extends SvelteElement {
1801
1806
  props: attribute_to_object(this.attributes),
1802
1807
  customElement: true
1803
1808
  },
1804
- instance$I,
1805
- create_fragment$O,
1809
+ instance$J,
1810
+ create_fragment$Q,
1806
1811
  safe_not_equal,
1807
1812
  {
1808
1813
  type: 0,
@@ -1910,7 +1915,7 @@ customElements.define("goa-badge", Badge);
1910
1915
 
1911
1916
  /* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.51.0 */
1912
1917
 
1913
- function create_fragment$N(ctx) {
1918
+ function create_fragment$P(ctx) {
1914
1919
  let div;
1915
1920
  let slot;
1916
1921
  let div_style_value;
@@ -1951,7 +1956,7 @@ function create_fragment$N(ctx) {
1951
1956
  };
1952
1957
  }
1953
1958
 
1954
- function instance$H($$self, $$props, $$invalidate) {
1959
+ function instance$I($$self, $$props, $$invalidate) {
1955
1960
  let { gap = "m" } = $$props;
1956
1961
  let { direction = "row" } = $$props;
1957
1962
  let { alignment = "start" } = $$props;
@@ -1985,8 +1990,8 @@ class Block extends SvelteElement {
1985
1990
  props: attribute_to_object(this.attributes),
1986
1991
  customElement: true
1987
1992
  },
1988
- instance$H,
1989
- create_fragment$N,
1993
+ instance$I,
1994
+ create_fragment$P,
1990
1995
  safe_not_equal,
1991
1996
  {
1992
1997
  gap: 0,
@@ -2084,13 +2089,13 @@ customElements.define("goa-block", Block);
2084
2089
 
2085
2090
  /* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.51.0 */
2086
2091
 
2087
- function create_else_block$7(ctx) {
2092
+ function create_else_block$8(ctx) {
2088
2093
  let t0;
2089
2094
  let span;
2090
2095
  let t1;
2091
2096
  let if_block1_anchor;
2092
- let if_block0 = /*leadingicon*/ ctx[3] && create_if_block_2$9(ctx);
2093
- let if_block1 = /*trailingicon*/ ctx[4] && create_if_block_1$d(ctx);
2097
+ let if_block0 = /*leadingicon*/ ctx[3] && create_if_block_2$a(ctx);
2098
+ let if_block1 = /*trailingicon*/ ctx[4] && create_if_block_1$e(ctx);
2094
2099
 
2095
2100
  return {
2096
2101
  c() {
@@ -2116,7 +2121,7 @@ function create_else_block$7(ctx) {
2116
2121
  if (if_block0) {
2117
2122
  if_block0.p(ctx, dirty);
2118
2123
  } else {
2119
- if_block0 = create_if_block_2$9(ctx);
2124
+ if_block0 = create_if_block_2$a(ctx);
2120
2125
  if_block0.c();
2121
2126
  if_block0.m(t0.parentNode, t0);
2122
2127
  }
@@ -2129,7 +2134,7 @@ function create_else_block$7(ctx) {
2129
2134
  if (if_block1) {
2130
2135
  if_block1.p(ctx, dirty);
2131
2136
  } else {
2132
- if_block1 = create_if_block_1$d(ctx);
2137
+ if_block1 = create_if_block_1$e(ctx);
2133
2138
  if_block1.c();
2134
2139
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
2135
2140
  }
@@ -2150,7 +2155,7 @@ function create_else_block$7(ctx) {
2150
2155
  }
2151
2156
 
2152
2157
  // (46:2) {#if type === "start"}
2153
- function create_if_block$m(ctx) {
2158
+ function create_if_block$n(ctx) {
2154
2159
  let span;
2155
2160
  let t;
2156
2161
  let goa_icon;
@@ -2181,7 +2186,7 @@ function create_if_block$m(ctx) {
2181
2186
  }
2182
2187
 
2183
2188
  // (52:4) {#if leadingicon}
2184
- function create_if_block_2$9(ctx) {
2189
+ function create_if_block_2$a(ctx) {
2185
2190
  let goa_icon;
2186
2191
 
2187
2192
  return {
@@ -2210,7 +2215,7 @@ function create_if_block_2$9(ctx) {
2210
2215
  }
2211
2216
 
2212
2217
  // (58:4) {#if trailingicon}
2213
- function create_if_block_1$d(ctx) {
2218
+ function create_if_block_1$e(ctx) {
2214
2219
  let goa_icon;
2215
2220
 
2216
2221
  return {
@@ -2238,7 +2243,7 @@ function create_if_block_1$d(ctx) {
2238
2243
  };
2239
2244
  }
2240
2245
 
2241
- function create_fragment$M(ctx) {
2246
+ function create_fragment$O(ctx) {
2242
2247
  let button;
2243
2248
  let button_class_value;
2244
2249
  let button_style_value;
@@ -2246,8 +2251,8 @@ function create_fragment$M(ctx) {
2246
2251
  let dispose;
2247
2252
 
2248
2253
  function select_block_type(ctx, dirty) {
2249
- if (/*type*/ ctx[0] === "start") return create_if_block$m;
2250
- return create_else_block$7;
2254
+ if (/*type*/ ctx[0] === "start") return create_if_block$n;
2255
+ return create_else_block$8;
2251
2256
  }
2252
2257
 
2253
2258
  let current_block_type = select_block_type(ctx);
@@ -2326,7 +2331,7 @@ function create_fragment$M(ctx) {
2326
2331
  };
2327
2332
  }
2328
2333
 
2329
- function instance$G($$self, $$props, $$invalidate) {
2334
+ function instance$H($$self, $$props, $$invalidate) {
2330
2335
  let isDisabled;
2331
2336
  let isButtonDark;
2332
2337
  const [Types, validateType] = typeValidator("Button type", ["primary", "submit", "secondary", "tertiary", "start"], true);
@@ -2412,8 +2417,8 @@ class Button extends SvelteElement {
2412
2417
  props: attribute_to_object(this.attributes),
2413
2418
  customElement: true
2414
2419
  },
2415
- instance$G,
2416
- create_fragment$M,
2420
+ instance$H,
2421
+ create_fragment$O,
2417
2422
  safe_not_equal,
2418
2423
  {
2419
2424
  type: 0,
@@ -2563,7 +2568,7 @@ customElements.define("goa-button", Button);
2563
2568
 
2564
2569
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */
2565
2570
 
2566
- function create_fragment$L(ctx) {
2571
+ function create_fragment$N(ctx) {
2567
2572
  let div;
2568
2573
  let slot;
2569
2574
  let div_style_value;
@@ -2597,7 +2602,7 @@ function create_fragment$L(ctx) {
2597
2602
  };
2598
2603
  }
2599
2604
 
2600
- function instance$F($$self, $$props, $$invalidate) {
2605
+ function instance$G($$self, $$props, $$invalidate) {
2601
2606
  let _alignment;
2602
2607
  let { alignment = "start" } = $$props;
2603
2608
  let { gap = "relaxed" } = $$props;
@@ -2649,8 +2654,8 @@ class ButtonGroup extends SvelteElement {
2649
2654
  props: attribute_to_object(this.attributes),
2650
2655
  customElement: true
2651
2656
  },
2652
- instance$F,
2653
- create_fragment$L,
2657
+ instance$G,
2658
+ create_fragment$N,
2654
2659
  safe_not_equal,
2655
2660
  {
2656
2661
  alignment: 7,
@@ -2748,7 +2753,7 @@ customElements.define("goa-button-group", ButtonGroup);
2748
2753
 
2749
2754
  /* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */
2750
2755
 
2751
- function create_if_block$l(ctx) {
2756
+ function create_if_block$m(ctx) {
2752
2757
  let h3;
2753
2758
  let t;
2754
2759
 
@@ -2775,7 +2780,7 @@ function create_if_block$l(ctx) {
2775
2780
  };
2776
2781
  }
2777
2782
 
2778
- function create_fragment$K(ctx) {
2783
+ function create_fragment$M(ctx) {
2779
2784
  let div;
2780
2785
  let span0;
2781
2786
  let goa_icon;
@@ -2789,7 +2794,7 @@ function create_fragment$K(ctx) {
2789
2794
  let mounted;
2790
2795
  let dispose;
2791
2796
  add_render_callback(/*onwindowresize*/ ctx[12]);
2792
- let if_block = /*heading*/ ctx[5] && create_if_block$l(ctx);
2797
+ let if_block = /*heading*/ ctx[5] && create_if_block$m(ctx);
2793
2798
 
2794
2799
  return {
2795
2800
  c() {
@@ -2848,7 +2853,7 @@ function create_fragment$K(ctx) {
2848
2853
  if (if_block) {
2849
2854
  if_block.p(ctx, dirty);
2850
2855
  } else {
2851
- if_block = create_if_block$l(ctx);
2856
+ if_block = create_if_block$m(ctx);
2852
2857
  if_block.c();
2853
2858
  if_block.m(span1, t1);
2854
2859
  }
@@ -2880,7 +2885,7 @@ function create_fragment$K(ctx) {
2880
2885
  };
2881
2886
  }
2882
2887
 
2883
- function instance$E($$self, $$props, $$invalidate) {
2888
+ function instance$F($$self, $$props, $$invalidate) {
2884
2889
  let isMediumCallout;
2885
2890
  let iconType;
2886
2891
  const [Types, validateType] = typeValidator("Callout type", ["emergency", "important", "information", "event", "success"], true);
@@ -2967,8 +2972,8 @@ class Callout extends SvelteElement {
2967
2972
  props: attribute_to_object(this.attributes),
2968
2973
  customElement: true
2969
2974
  },
2970
- instance$E,
2971
- create_fragment$K,
2975
+ instance$F,
2976
+ create_fragment$M,
2972
2977
  safe_not_equal,
2973
2978
  {
2974
2979
  mt: 0,
@@ -3076,7 +3081,7 @@ customElements.define("goa-callout", Callout);
3076
3081
 
3077
3082
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */
3078
3083
 
3079
- function create_fragment$J(ctx) {
3084
+ function create_fragment$L(ctx) {
3080
3085
  let goa_card_content;
3081
3086
 
3082
3087
  return {
@@ -3109,7 +3114,7 @@ class CardActions extends SvelteElement {
3109
3114
  customElement: true
3110
3115
  },
3111
3116
  null,
3112
- create_fragment$J,
3117
+ create_fragment$L,
3113
3118
  safe_not_equal,
3114
3119
  {},
3115
3120
  null
@@ -3127,7 +3132,7 @@ customElements.define("goa-card-actions", CardActions);
3127
3132
 
3128
3133
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */
3129
3134
 
3130
- function create_fragment$I(ctx) {
3135
+ function create_fragment$K(ctx) {
3131
3136
  let div;
3132
3137
  let slot;
3133
3138
  let div_style_value;
@@ -3167,7 +3172,7 @@ function create_fragment$I(ctx) {
3167
3172
  };
3168
3173
  }
3169
3174
 
3170
- function instance$D($$self, $$props, $$invalidate) {
3175
+ function instance$E($$self, $$props, $$invalidate) {
3171
3176
  let { elevation = 0 } = $$props;
3172
3177
  let { width = "100%" } = $$props;
3173
3178
  let { height = "auto" } = $$props;
@@ -3203,8 +3208,8 @@ class Card extends SvelteElement {
3203
3208
  props: attribute_to_object(this.attributes),
3204
3209
  customElement: true
3205
3210
  },
3206
- instance$D,
3207
- create_fragment$I,
3211
+ instance$E,
3212
+ create_fragment$K,
3208
3213
  safe_not_equal,
3209
3214
  {
3210
3215
  elevation: 0,
@@ -3312,7 +3317,7 @@ customElements.define("goa-card", Card);
3312
3317
 
3313
3318
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */
3314
3319
 
3315
- function create_fragment$H(ctx) {
3320
+ function create_fragment$J(ctx) {
3316
3321
  let div;
3317
3322
 
3318
3323
  return {
@@ -3347,7 +3352,7 @@ class CardContent extends SvelteElement {
3347
3352
  customElement: true
3348
3353
  },
3349
3354
  null,
3350
- create_fragment$H,
3355
+ create_fragment$J,
3351
3356
  safe_not_equal,
3352
3357
  {},
3353
3358
  null
@@ -3365,7 +3370,7 @@ customElements.define("goa-card-content", CardContent);
3365
3370
 
3366
3371
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */
3367
3372
 
3368
- function create_fragment$G(ctx) {
3373
+ function create_fragment$I(ctx) {
3369
3374
  let div;
3370
3375
 
3371
3376
  return {
@@ -3400,7 +3405,7 @@ class CardGroup extends SvelteElement {
3400
3405
  customElement: true
3401
3406
  },
3402
3407
  null,
3403
- create_fragment$G,
3408
+ create_fragment$I,
3404
3409
  safe_not_equal,
3405
3410
  {},
3406
3411
  null
@@ -3418,7 +3423,7 @@ customElements.define("goa-card-group", CardGroup);
3418
3423
 
3419
3424
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */
3420
3425
 
3421
- function create_fragment$F(ctx) {
3426
+ function create_fragment$H(ctx) {
3422
3427
  let div;
3423
3428
 
3424
3429
  return {
@@ -3450,7 +3455,7 @@ function create_fragment$F(ctx) {
3450
3455
  };
3451
3456
  }
3452
3457
 
3453
- function instance$C($$self, $$props, $$invalidate) {
3458
+ function instance$D($$self, $$props, $$invalidate) {
3454
3459
  let { src } = $$props;
3455
3460
  let { height = "100%" } = $$props;
3456
3461
 
@@ -3474,8 +3479,8 @@ class CardImage extends SvelteElement {
3474
3479
  props: attribute_to_object(this.attributes),
3475
3480
  customElement: true
3476
3481
  },
3477
- instance$C,
3478
- create_fragment$F,
3482
+ instance$D,
3483
+ create_fragment$H,
3479
3484
  safe_not_equal,
3480
3485
  { src: 0, height: 1 },
3481
3486
  null
@@ -3520,7 +3525,7 @@ customElements.define("goa-card-image", CardImage);
3520
3525
 
3521
3526
  /* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.51.0 */
3522
3527
 
3523
- function create_if_block_1$c(ctx) {
3528
+ function create_if_block_1$d(ctx) {
3524
3529
  let svg;
3525
3530
  let path;
3526
3531
 
@@ -3545,7 +3550,7 @@ function create_if_block_1$c(ctx) {
3545
3550
  }
3546
3551
 
3547
3552
  // (68:4) {#if isIndeterminate}
3548
- function create_if_block$k(ctx) {
3553
+ function create_if_block$l(ctx) {
3549
3554
  let svg;
3550
3555
  let rect;
3551
3556
 
@@ -3570,7 +3575,7 @@ function create_if_block$k(ctx) {
3570
3575
  };
3571
3576
  }
3572
3577
 
3573
- function create_fragment$E(ctx) {
3578
+ function create_fragment$G(ctx) {
3574
3579
  let label;
3575
3580
  let div0;
3576
3581
  let input;
@@ -3586,8 +3591,8 @@ function create_fragment$E(ctx) {
3586
3591
  let dispose;
3587
3592
 
3588
3593
  function select_block_type(ctx, dirty) {
3589
- if (/*isIndeterminate*/ ctx[10]) return create_if_block$k;
3590
- if (/*isChecked*/ ctx[9]) return create_if_block_1$c;
3594
+ if (/*isIndeterminate*/ ctx[10]) return create_if_block$l;
3595
+ if (/*isChecked*/ ctx[9]) return create_if_block_1$d;
3591
3596
  }
3592
3597
 
3593
3598
  let current_block_type = select_block_type(ctx);
@@ -3715,7 +3720,7 @@ function create_fragment$E(ctx) {
3715
3720
  };
3716
3721
  }
3717
3722
 
3718
- function instance$B($$self, $$props, $$invalidate) {
3723
+ function instance$C($$self, $$props, $$invalidate) {
3719
3724
  let isDisabled;
3720
3725
  let isError;
3721
3726
  let isChecked;
@@ -3827,8 +3832,8 @@ class Checkbox extends SvelteElement {
3827
3832
  props: attribute_to_object(this.attributes),
3828
3833
  customElement: true
3829
3834
  },
3830
- instance$B,
3831
- create_fragment$E,
3835
+ instance$C,
3836
+ create_fragment$G,
3832
3837
  safe_not_equal,
3833
3838
  {
3834
3839
  name: 0,
@@ -3989,7 +3994,7 @@ customElements.define("goa-checkbox", Checkbox);
3989
3994
 
3990
3995
  /* libs/web-components/src/components/chip/Chip.svelte generated by Svelte v3.51.0 */
3991
3996
 
3992
- function create_if_block_1$b(ctx) {
3997
+ function create_if_block_1$c(ctx) {
3993
3998
  let goa_icon;
3994
3999
 
3995
4000
  return {
@@ -4014,7 +4019,7 @@ function create_if_block_1$b(ctx) {
4014
4019
  }
4015
4020
 
4016
4021
  // (54:2) {#if _deletable}
4017
- function create_if_block$j(ctx) {
4022
+ function create_if_block$k(ctx) {
4018
4023
  let goa_icon;
4019
4024
  let goa_icon_fillcolor_value;
4020
4025
  let goa_icon_opacity_value;
@@ -4057,7 +4062,7 @@ function create_if_block$j(ctx) {
4057
4062
  };
4058
4063
  }
4059
4064
 
4060
- function create_fragment$D(ctx) {
4065
+ function create_fragment$F(ctx) {
4061
4066
  let div1;
4062
4067
  let t0;
4063
4068
  let div0;
@@ -4066,8 +4071,8 @@ function create_fragment$D(ctx) {
4066
4071
  let div1_style_value;
4067
4072
  let mounted;
4068
4073
  let dispose;
4069
- let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_1$b(ctx);
4070
- let if_block1 = /*_deletable*/ ctx[11] && create_if_block$j(ctx);
4074
+ let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_1$c(ctx);
4075
+ let if_block1 = /*_deletable*/ ctx[11] && create_if_block$k(ctx);
4071
4076
 
4072
4077
  return {
4073
4078
  c() {
@@ -4115,7 +4120,7 @@ function create_fragment$D(ctx) {
4115
4120
  if (if_block0) {
4116
4121
  if_block0.p(ctx, dirty);
4117
4122
  } else {
4118
- if_block0 = create_if_block_1$b(ctx);
4123
+ if_block0 = create_if_block_1$c(ctx);
4119
4124
  if_block0.c();
4120
4125
  if_block0.m(div1, t0);
4121
4126
  }
@@ -4130,7 +4135,7 @@ function create_fragment$D(ctx) {
4130
4135
  if (if_block1) {
4131
4136
  if_block1.p(ctx, dirty);
4132
4137
  } else {
4133
- if_block1 = create_if_block$j(ctx);
4138
+ if_block1 = create_if_block$k(ctx);
4134
4139
  if_block1.c();
4135
4140
  if_block1.m(div1, null);
4136
4141
  }
@@ -4172,7 +4177,7 @@ function create_fragment$D(ctx) {
4172
4177
  };
4173
4178
  }
4174
4179
 
4175
- function instance$A($$self, $$props, $$invalidate) {
4180
+ function instance$B($$self, $$props, $$invalidate) {
4176
4181
  let { mt = null } = $$props;
4177
4182
  let { mr = null } = $$props;
4178
4183
  let { mb = null } = $$props;
@@ -4269,8 +4274,8 @@ class Chip extends SvelteElement {
4269
4274
  props: attribute_to_object(this.attributes),
4270
4275
  customElement: true
4271
4276
  },
4272
- instance$A,
4273
- create_fragment$D,
4277
+ instance$B,
4278
+ create_fragment$F,
4274
4279
  safe_not_equal,
4275
4280
  {
4276
4281
  mt: 0,
@@ -4494,12 +4499,12 @@ function noscroll(_node, opts) {
4494
4499
 
4495
4500
  /* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.51.0 */
4496
4501
 
4497
- function create_if_block$i(ctx) {
4502
+ function create_if_block$j(ctx) {
4498
4503
  let current_block_type_index;
4499
4504
  let if_block;
4500
4505
  let if_block_anchor;
4501
4506
  let current;
4502
- const if_block_creators = [create_if_block_1$a, create_if_block_3$8];
4507
+ const if_block_creators = [create_if_block_1$b, create_if_block_3$9];
4503
4508
  const if_blocks = [];
4504
4509
 
4505
4510
  function select_block_type(ctx, dirty) {
@@ -4581,7 +4586,7 @@ function create_if_block$i(ctx) {
4581
4586
  }
4582
4587
 
4583
4588
  // (43:19)
4584
- function create_if_block_3$8(ctx) {
4589
+ function create_if_block_3$9(ctx) {
4585
4590
  let div;
4586
4591
  let goa_spinner;
4587
4592
  let t;
@@ -4645,7 +4650,7 @@ function create_if_block_3$8(ctx) {
4645
4650
  }
4646
4651
 
4647
4652
  // (32:2) {#if fullscreen}
4648
- function create_if_block_1$a(ctx) {
4653
+ function create_if_block_1$b(ctx) {
4649
4654
  let div;
4650
4655
  let goa_spinner;
4651
4656
  let t;
@@ -4653,7 +4658,7 @@ function create_if_block_1$a(ctx) {
4653
4658
  let current;
4654
4659
  let mounted;
4655
4660
  let dispose;
4656
- let if_block = /*message*/ ctx[0] && create_if_block_2$8(ctx);
4661
+ let if_block = /*message*/ ctx[0] && create_if_block_2$9(ctx);
4657
4662
 
4658
4663
  return {
4659
4664
  c() {
@@ -4690,7 +4695,7 @@ function create_if_block_1$a(ctx) {
4690
4695
  if (if_block) {
4691
4696
  if_block.p(ctx, dirty);
4692
4697
  } else {
4693
- if_block = create_if_block_2$8(ctx);
4698
+ if_block = create_if_block_2$9(ctx);
4694
4699
  if_block.c();
4695
4700
  if_block.m(div, null);
4696
4701
  }
@@ -4753,7 +4758,7 @@ function create_if_block_4$3(ctx) {
4753
4758
  }
4754
4759
 
4755
4760
  // (39:6) {#if message}
4756
- function create_if_block_2$8(ctx) {
4761
+ function create_if_block_2$9(ctx) {
4757
4762
  let div;
4758
4763
  let t;
4759
4764
 
@@ -4776,10 +4781,10 @@ function create_if_block_2$8(ctx) {
4776
4781
  };
4777
4782
  }
4778
4783
 
4779
- function create_fragment$C(ctx) {
4784
+ function create_fragment$E(ctx) {
4780
4785
  let if_block_anchor;
4781
4786
  let current;
4782
- let if_block = /*isVisible*/ ctx[5] && create_if_block$i(ctx);
4787
+ let if_block = /*isVisible*/ ctx[5] && create_if_block$j(ctx);
4783
4788
 
4784
4789
  return {
4785
4790
  c() {
@@ -4801,7 +4806,7 @@ function create_fragment$C(ctx) {
4801
4806
  transition_in(if_block, 1);
4802
4807
  }
4803
4808
  } else {
4804
- if_block = create_if_block$i(ctx);
4809
+ if_block = create_if_block$j(ctx);
4805
4810
  if_block.c();
4806
4811
  transition_in(if_block, 1);
4807
4812
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -4832,7 +4837,7 @@ function create_fragment$C(ctx) {
4832
4837
  };
4833
4838
  }
4834
4839
 
4835
- function instance$z($$self, $$props, $$invalidate) {
4840
+ function instance$A($$self, $$props, $$invalidate) {
4836
4841
  let isVisible;
4837
4842
  const [Variants, validateVariant] = typeValidator("Circular progress variant", ["fullscreen", "inline"]);
4838
4843
  const [Sizes, validateSize] = typeValidator("Button size", ["small", "large"]);
@@ -4892,8 +4897,8 @@ class CircularProgress extends SvelteElement {
4892
4897
  props: attribute_to_object(this.attributes),
4893
4898
  customElement: true
4894
4899
  },
4895
- instance$z,
4896
- create_fragment$C,
4900
+ instance$A,
4901
+ create_fragment$E,
4897
4902
  safe_not_equal,
4898
4903
  {
4899
4904
  variant: 6,
@@ -4971,7 +4976,7 @@ customElements.define("goa-circular-progress", CircularProgress);
4971
4976
 
4972
4977
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.51.0 */
4973
4978
 
4974
- function create_fragment$B(ctx) {
4979
+ function create_fragment$D(ctx) {
4975
4980
  let div3;
4976
4981
  let header;
4977
4982
  let div0;
@@ -5049,7 +5054,7 @@ function create_fragment$B(ctx) {
5049
5054
  };
5050
5055
  }
5051
5056
 
5052
- function instance$y($$self, $$props, $$invalidate) {
5057
+ function instance$z($$self, $$props, $$invalidate) {
5053
5058
  const [Types, validateType] = typeValidator("Container type", ["interactive", "info", "error", "success", "important", "non-interactive"]);
5054
5059
  const [Accents, validateAccent] = typeValidator("Container accent", ["thick", "thin", "filled"]);
5055
5060
  const [Paddings, validatePadding] = typeValidator("Container padding", ["relaxed", "compact"]);
@@ -5085,7 +5090,7 @@ function instance$y($$self, $$props, $$invalidate) {
5085
5090
  class Container extends SvelteElement {
5086
5091
  constructor(options) {
5087
5092
  super();
5088
- this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4)}.goa-container{box-sizing:border-box}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}</style>`;
5093
+ this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}</style>`;
5089
5094
 
5090
5095
  init(
5091
5096
  this,
@@ -5094,8 +5099,8 @@ class Container extends SvelteElement {
5094
5099
  props: attribute_to_object(this.attributes),
5095
5100
  customElement: true
5096
5101
  },
5097
- instance$y,
5098
- create_fragment$B,
5102
+ instance$z,
5103
+ create_fragment$D,
5099
5104
  safe_not_equal,
5100
5105
  {
5101
5106
  type: 0,
@@ -5203,7 +5208,7 @@ customElements.define("goa-container", Container);
5203
5208
 
5204
5209
  /* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.51.0 */
5205
5210
 
5206
- function create_fragment$A(ctx) {
5211
+ function create_fragment$C(ctx) {
5207
5212
  let details;
5208
5213
  let summary;
5209
5214
  let goa_icon;
@@ -5271,7 +5276,7 @@ function create_fragment$A(ctx) {
5271
5276
  };
5272
5277
  }
5273
5278
 
5274
- function instance$x($$self, $$props, $$invalidate) {
5279
+ function instance$y($$self, $$props, $$invalidate) {
5275
5280
  let { heading } = $$props;
5276
5281
  let { mt = null } = $$props;
5277
5282
  let { mr = null } = $$props;
@@ -5322,8 +5327,8 @@ class Details extends SvelteElement {
5322
5327
  props: attribute_to_object(this.attributes),
5323
5328
  customElement: true
5324
5329
  },
5325
- instance$x,
5326
- create_fragment$A,
5330
+ instance$y,
5331
+ create_fragment$C,
5327
5332
  safe_not_equal,
5328
5333
  { heading: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
5329
5334
  null
@@ -5395,7 +5400,7 @@ customElements.define("goa-details", Details);
5395
5400
 
5396
5401
  /* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.51.0 */
5397
5402
 
5398
- function create_fragment$z(ctx) {
5403
+ function create_fragment$B(ctx) {
5399
5404
  let hr;
5400
5405
  let hr_style_value;
5401
5406
 
@@ -5426,7 +5431,7 @@ function create_fragment$z(ctx) {
5426
5431
  };
5427
5432
  }
5428
5433
 
5429
- function instance$w($$self, $$props, $$invalidate) {
5434
+ function instance$x($$self, $$props, $$invalidate) {
5430
5435
  let { testid = "" } = $$props;
5431
5436
  let { mt = null } = $$props;
5432
5437
  let { mr = null } = $$props;
@@ -5456,8 +5461,8 @@ class Divider extends SvelteElement {
5456
5461
  props: attribute_to_object(this.attributes),
5457
5462
  customElement: true
5458
5463
  },
5459
- instance$w,
5460
- create_fragment$z,
5464
+ instance$x,
5465
+ create_fragment$B,
5461
5466
  safe_not_equal,
5462
5467
  { testid: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
5463
5468
  null
@@ -5536,14 +5541,14 @@ function get_each_context_1(ctx, list, i) {
5536
5541
  return child_ctx;
5537
5542
  }
5538
5543
 
5539
- function get_each_context$6(ctx, list, i) {
5544
+ function get_each_context$7(ctx, list, i) {
5540
5545
  const child_ctx = ctx.slice();
5541
5546
  child_ctx[50] = list[i];
5542
5547
  return child_ctx;
5543
5548
  }
5544
5549
 
5545
5550
  // (270:2) {:else}
5546
- function create_else_block$6(ctx) {
5551
+ function create_else_block$7(ctx) {
5547
5552
  let t0;
5548
5553
  let goa_input;
5549
5554
  let goa_input_arialabel_value;
@@ -5557,7 +5562,7 @@ function create_else_block$6(ctx) {
5557
5562
  let ul_style_value;
5558
5563
  let mounted;
5559
5564
  let dispose;
5560
- let if_block = /*_isMenuVisible*/ ctx[17] && create_if_block_1$9(ctx);
5565
+ let if_block = /*_isMenuVisible*/ ctx[17] && create_if_block_1$a(ctx);
5561
5566
  let each_value_1 = /*_options*/ ctx[12];
5562
5567
  const get_key = ctx => /*index*/ ctx[54];
5563
5568
 
@@ -5636,7 +5641,7 @@ function create_else_block$6(ctx) {
5636
5641
  if (if_block) {
5637
5642
  if_block.p(ctx, dirty);
5638
5643
  } else {
5639
- if_block = create_if_block_1$9(ctx);
5644
+ if_block = create_if_block_1$a(ctx);
5640
5645
  if_block.c();
5641
5646
  if_block.m(t0.parentNode, t0);
5642
5647
  }
@@ -5723,7 +5728,7 @@ function create_else_block$6(ctx) {
5723
5728
  }
5724
5729
 
5725
5730
  // (251:2) {#if _native}
5726
- function create_if_block$h(ctx) {
5731
+ function create_if_block$i(ctx) {
5727
5732
  let select;
5728
5733
  let slot;
5729
5734
  let select_aria_label_value;
@@ -5733,7 +5738,7 @@ function create_if_block$h(ctx) {
5733
5738
  let each_blocks = [];
5734
5739
 
5735
5740
  for (let i = 0; i < each_value.length; i += 1) {
5736
- each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
5741
+ each_blocks[i] = create_each_block$7(get_each_context$7(ctx, each_value, i));
5737
5742
  }
5738
5743
 
5739
5744
  return {
@@ -5770,12 +5775,12 @@ function create_if_block$h(ctx) {
5770
5775
  let i;
5771
5776
 
5772
5777
  for (i = 0; i < each_value.length; i += 1) {
5773
- const child_ctx = get_each_context$6(ctx, each_value, i);
5778
+ const child_ctx = get_each_context$7(ctx, each_value, i);
5774
5779
 
5775
5780
  if (each_blocks[i]) {
5776
5781
  each_blocks[i].p(child_ctx, dirty);
5777
5782
  } else {
5778
- each_blocks[i] = create_each_block$6(child_ctx);
5783
+ each_blocks[i] = create_each_block$7(child_ctx);
5779
5784
  each_blocks[i].c();
5780
5785
  each_blocks[i].m(select, null);
5781
5786
  }
@@ -5811,7 +5816,7 @@ function create_if_block$h(ctx) {
5811
5816
  }
5812
5817
 
5813
5818
  // (271:4) {#if _isMenuVisible}
5814
- function create_if_block_1$9(ctx) {
5819
+ function create_if_block_1$a(ctx) {
5815
5820
  let div;
5816
5821
  let div_data_testid_value;
5817
5822
  let noscroll_action;
@@ -5953,7 +5958,7 @@ function create_each_block_1(key_1, ctx) {
5953
5958
  }
5954
5959
 
5955
5960
  // (260:6) {#each _options as option}
5956
- function create_each_block$6(ctx) {
5961
+ function create_each_block$7(ctx) {
5957
5962
  let option;
5958
5963
  let t0_value = /*option*/ ctx[50].label + "";
5959
5964
  let t0;
@@ -5999,14 +6004,14 @@ function create_each_block$6(ctx) {
5999
6004
  };
6000
6005
  }
6001
6006
 
6002
- function create_fragment$y(ctx) {
6007
+ function create_fragment$A(ctx) {
6003
6008
  let div;
6004
6009
  let div_data_testid_value;
6005
6010
  let div_style_value;
6006
6011
 
6007
6012
  function select_block_type(ctx, dirty) {
6008
- if (/*_native*/ ctx[14]) return create_if_block$h;
6009
- return create_else_block$6;
6013
+ if (/*_native*/ ctx[14]) return create_if_block$i;
6014
+ return create_else_block$7;
6010
6015
  }
6011
6016
 
6012
6017
  let current_block_type = select_block_type(ctx);
@@ -6085,7 +6090,7 @@ function parseValues(selectedValue) {
6085
6090
  return rawValues.map(val => `${val}`);
6086
6091
  }
6087
6092
 
6088
- function instance$v($$self, $$props, $$invalidate) {
6093
+ function instance$w($$self, $$props, $$invalidate) {
6089
6094
  let _disabled;
6090
6095
  let _error;
6091
6096
  let _multiselect;
@@ -6456,8 +6461,8 @@ class Dropdown extends SvelteElement {
6456
6461
  props: attribute_to_object(this.attributes),
6457
6462
  customElement: true
6458
6463
  },
6459
- instance$v,
6460
- create_fragment$y,
6464
+ instance$w,
6465
+ create_fragment$A,
6461
6466
  safe_not_equal,
6462
6467
  {
6463
6468
  name: 0,
@@ -6652,7 +6657,7 @@ customElements.define("goa-dropdown", Dropdown);
6652
6657
 
6653
6658
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
6654
6659
 
6655
- function create_fragment$x(ctx) {
6660
+ function create_fragment$z(ctx) {
6656
6661
  return {
6657
6662
  c() {
6658
6663
  this.c = noop;
@@ -6677,7 +6682,7 @@ class DropdownItem extends SvelteElement {
6677
6682
  customElement: true
6678
6683
  },
6679
6684
  null,
6680
- create_fragment$x,
6685
+ create_fragment$z,
6681
6686
  safe_not_equal,
6682
6687
  {},
6683
6688
  null
@@ -6695,7 +6700,7 @@ customElements.define("goa-dropdown-item", DropdownItem);
6695
6700
 
6696
6701
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
6697
6702
 
6698
- function create_fragment$w(ctx) {
6703
+ function create_fragment$y(ctx) {
6699
6704
  let div;
6700
6705
 
6701
6706
  return {
@@ -6747,7 +6752,7 @@ function isFocusable(element) {
6747
6752
  }
6748
6753
  }
6749
6754
 
6750
- function instance$u($$self, $$props, $$invalidate) {
6755
+ function instance$v($$self, $$props, $$invalidate) {
6751
6756
  let isActive;
6752
6757
  let { active } = $$props;
6753
6758
  let ignoreFocusChanges = false;
@@ -6764,7 +6769,7 @@ function instance$u($$self, $$props, $$invalidate) {
6764
6769
  }
6765
6770
 
6766
6771
  // ====
6767
- // First Node
6772
+ // First Node
6768
6773
  // ====
6769
6774
  function focusOnFirstNode(nodes) {
6770
6775
  if (!nodes) return false;
@@ -6800,7 +6805,7 @@ function instance$u($$self, $$props, $$invalidate) {
6800
6805
  }
6801
6806
 
6802
6807
  // ====
6803
- // Last Node
6808
+ // Last Node
6804
6809
  // ====
6805
6810
  function focusOnLastNode(nodes) {
6806
6811
  if (!nodes) return false;
@@ -6922,8 +6927,8 @@ class FocusTrap extends SvelteElement {
6922
6927
  props: attribute_to_object(this.attributes),
6923
6928
  customElement: true
6924
6929
  },
6925
- instance$u,
6926
- create_fragment$w,
6930
+ instance$v,
6931
+ create_fragment$y,
6927
6932
  safe_not_equal,
6928
6933
  { active: 1 },
6929
6934
  null
@@ -6959,7 +6964,7 @@ customElements.define("goa-focus-trap", FocusTrap);
6959
6964
 
6960
6965
  /* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.51.0 */
6961
6966
 
6962
- function create_if_block$g(ctx) {
6967
+ function create_if_block$h(ctx) {
6963
6968
  let goa_divider;
6964
6969
 
6965
6970
  return {
@@ -6976,7 +6981,7 @@ function create_if_block$g(ctx) {
6976
6981
  };
6977
6982
  }
6978
6983
 
6979
- function create_fragment$v(ctx) {
6984
+ function create_fragment$x(ctx) {
6980
6985
  let div5;
6981
6986
  let div4;
6982
6987
  let div0;
@@ -6990,7 +6995,7 @@ function create_fragment$v(ctx) {
6990
6995
  let t3;
6991
6996
  let a1;
6992
6997
  let div5_style_value;
6993
- let if_block = /*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0 && create_if_block$g();
6998
+ let if_block = /*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0 && create_if_block$h();
6994
6999
 
6995
7000
  return {
6996
7001
  c() {
@@ -7044,7 +7049,7 @@ function create_fragment$v(ctx) {
7044
7049
  p(ctx, [dirty]) {
7045
7050
  if (/*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0) {
7046
7051
  if (if_block) ; else {
7047
- if_block = create_if_block$g();
7052
+ if_block = create_if_block$h();
7048
7053
  if_block.c();
7049
7054
  if_block.m(div4, t1);
7050
7055
  }
@@ -7075,7 +7080,7 @@ function create_fragment$v(ctx) {
7075
7080
  };
7076
7081
  }
7077
7082
 
7078
- function instance$t($$self, $$props, $$invalidate) {
7083
+ function instance$u($$self, $$props, $$invalidate) {
7079
7084
  let { maxcontentwidth = "" } = $$props;
7080
7085
  let rootEl;
7081
7086
  let navLinks;
@@ -7116,8 +7121,8 @@ class Footer extends SvelteElement {
7116
7121
  props: attribute_to_object(this.attributes),
7117
7122
  customElement: true
7118
7123
  },
7119
- instance$t,
7120
- create_fragment$v,
7124
+ instance$u,
7125
+ create_fragment$x,
7121
7126
  safe_not_equal,
7122
7127
  { maxcontentwidth: 0 },
7123
7128
  null
@@ -7153,14 +7158,14 @@ customElements.define("goa-app-footer", Footer);
7153
7158
 
7154
7159
  /* libs/web-components/src/components/footer-meta-section/FooterMetaSection.svelte generated by Svelte v3.51.0 */
7155
7160
 
7156
- function get_each_context$5(ctx, list, i) {
7161
+ function get_each_context$6(ctx, list, i) {
7157
7162
  const child_ctx = ctx.slice();
7158
7163
  child_ctx[3] = list[i];
7159
7164
  return child_ctx;
7160
7165
  }
7161
7166
 
7162
7167
  // (52:4) {#each children as child}
7163
- function create_each_block$5(ctx) {
7168
+ function create_each_block$6(ctx) {
7164
7169
  let li;
7165
7170
  let a;
7166
7171
  let t_value = /*child*/ ctx[3].innerHTML + "";
@@ -7192,7 +7197,7 @@ function create_each_block$5(ctx) {
7192
7197
  };
7193
7198
  }
7194
7199
 
7195
- function create_fragment$u(ctx) {
7200
+ function create_fragment$w(ctx) {
7196
7201
  let section;
7197
7202
  let div;
7198
7203
  let t;
@@ -7201,7 +7206,7 @@ function create_fragment$u(ctx) {
7201
7206
  let each_blocks = [];
7202
7207
 
7203
7208
  for (let i = 0; i < each_value.length; i += 1) {
7204
- each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
7209
+ each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
7205
7210
  }
7206
7211
 
7207
7212
  return {
@@ -7237,12 +7242,12 @@ function create_fragment$u(ctx) {
7237
7242
  let i;
7238
7243
 
7239
7244
  for (i = 0; i < each_value.length; i += 1) {
7240
- const child_ctx = get_each_context$5(ctx, each_value, i);
7245
+ const child_ctx = get_each_context$6(ctx, each_value, i);
7241
7246
 
7242
7247
  if (each_blocks[i]) {
7243
7248
  each_blocks[i].p(child_ctx, dirty);
7244
7249
  } else {
7245
- each_blocks[i] = create_each_block$5(child_ctx);
7250
+ each_blocks[i] = create_each_block$6(child_ctx);
7246
7251
  each_blocks[i].c();
7247
7252
  each_blocks[i].m(ul, null);
7248
7253
  }
@@ -7265,7 +7270,7 @@ function create_fragment$u(ctx) {
7265
7270
  };
7266
7271
  }
7267
7272
 
7268
- function instance$s($$self, $$props, $$invalidate) {
7273
+ function instance$t($$self, $$props, $$invalidate) {
7269
7274
  let rootEl;
7270
7275
  let children = [];
7271
7276
 
@@ -7309,8 +7314,8 @@ class FooterMetaSection extends SvelteElement {
7309
7314
  props: attribute_to_object(this.attributes),
7310
7315
  customElement: true
7311
7316
  },
7312
- instance$s,
7313
- create_fragment$u,
7317
+ instance$t,
7318
+ create_fragment$w,
7314
7319
  safe_not_equal,
7315
7320
  {},
7316
7321
  null
@@ -7328,14 +7333,14 @@ customElements.define("goa-app-footer-meta-section", FooterMetaSection);
7328
7333
 
7329
7334
  /* libs/web-components/src/components/footer-nav-section/FooterNavSection.svelte generated by Svelte v3.51.0 */
7330
7335
 
7331
- function get_each_context$4(ctx, list, i) {
7336
+ function get_each_context$5(ctx, list, i) {
7332
7337
  const child_ctx = ctx.slice();
7333
7338
  child_ctx[5] = list[i];
7334
7339
  return child_ctx;
7335
7340
  }
7336
7341
 
7337
7342
  // (31:2) {#if heading}
7338
- function create_if_block$f(ctx) {
7343
+ function create_if_block$g(ctx) {
7339
7344
  let div;
7340
7345
  let t0;
7341
7346
  let t1;
@@ -7368,7 +7373,7 @@ function create_if_block$f(ctx) {
7368
7373
  }
7369
7374
 
7370
7375
  // (49:4) {#each children as child}
7371
- function create_each_block$4(ctx) {
7376
+ function create_each_block$5(ctx) {
7372
7377
  let li;
7373
7378
  let a;
7374
7379
  let t_value = /*child*/ ctx[5].innerHTML + "";
@@ -7400,19 +7405,19 @@ function create_each_block$4(ctx) {
7400
7405
  };
7401
7406
  }
7402
7407
 
7403
- function create_fragment$t(ctx) {
7408
+ function create_fragment$v(ctx) {
7404
7409
  let section;
7405
7410
  let t0;
7406
7411
  let div;
7407
7412
  let t1;
7408
7413
  let ul;
7409
7414
  let ul_style_value;
7410
- let if_block = /*heading*/ ctx[0] && create_if_block$f(ctx);
7415
+ let if_block = /*heading*/ ctx[0] && create_if_block$g(ctx);
7411
7416
  let each_value = /*children*/ ctx[3];
7412
7417
  let each_blocks = [];
7413
7418
 
7414
7419
  for (let i = 0; i < each_value.length; i += 1) {
7415
- each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
7420
+ each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
7416
7421
  }
7417
7422
 
7418
7423
  return {
@@ -7461,7 +7466,7 @@ function create_fragment$t(ctx) {
7461
7466
  if (if_block) {
7462
7467
  if_block.p(ctx, dirty);
7463
7468
  } else {
7464
- if_block = create_if_block$f(ctx);
7469
+ if_block = create_if_block$g(ctx);
7465
7470
  if_block.c();
7466
7471
  if_block.m(section, t0);
7467
7472
  }
@@ -7475,12 +7480,12 @@ function create_fragment$t(ctx) {
7475
7480
  let i;
7476
7481
 
7477
7482
  for (i = 0; i < each_value.length; i += 1) {
7478
- const child_ctx = get_each_context$4(ctx, each_value, i);
7483
+ const child_ctx = get_each_context$5(ctx, each_value, i);
7479
7484
 
7480
7485
  if (each_blocks[i]) {
7481
7486
  each_blocks[i].p(child_ctx, dirty);
7482
7487
  } else {
7483
- each_blocks[i] = create_each_block$4(child_ctx);
7488
+ each_blocks[i] = create_each_block$5(child_ctx);
7484
7489
  each_blocks[i].c();
7485
7490
  each_blocks[i].m(ul, null);
7486
7491
  }
@@ -7515,7 +7520,7 @@ function create_fragment$t(ctx) {
7515
7520
  };
7516
7521
  }
7517
7522
 
7518
- function instance$r($$self, $$props, $$invalidate) {
7523
+ function instance$s($$self, $$props, $$invalidate) {
7519
7524
  let { heading = "" } = $$props;
7520
7525
  let { maxcolumncount = 1 } = $$props;
7521
7526
  let rootEl;
@@ -7570,8 +7575,8 @@ class FooterNavSection extends SvelteElement {
7570
7575
  props: attribute_to_object(this.attributes),
7571
7576
  customElement: true
7572
7577
  },
7573
- instance$r,
7574
- create_fragment$t,
7578
+ instance$s,
7579
+ create_fragment$v,
7575
7580
  safe_not_equal,
7576
7581
  { heading: 0, maxcolumncount: 1 },
7577
7582
  null
@@ -7616,12 +7621,12 @@ customElements.define("goa-app-footer-nav-section", FooterNavSection);
7616
7621
 
7617
7622
  /* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.51.0 */
7618
7623
 
7619
- function create_if_block_2$7(ctx) {
7624
+ function create_if_block_2$8(ctx) {
7620
7625
  let div;
7621
7626
  let t0;
7622
7627
  let t1;
7623
7628
  let show_if = /*requirement*/ ctx[8] && /*REQUIREMENT_TYPES*/ ctx[9].includes(/*requirement*/ ctx[8]);
7624
- let if_block = show_if && create_if_block_3$7(ctx);
7629
+ let if_block = show_if && create_if_block_3$8(ctx);
7625
7630
 
7626
7631
  return {
7627
7632
  c() {
@@ -7645,7 +7650,7 @@ function create_if_block_2$7(ctx) {
7645
7650
  if (if_block) {
7646
7651
  if_block.p(ctx, dirty);
7647
7652
  } else {
7648
- if_block = create_if_block_3$7(ctx);
7653
+ if_block = create_if_block_3$8(ctx);
7649
7654
  if_block.c();
7650
7655
  if_block.m(div, null);
7651
7656
  }
@@ -7662,7 +7667,7 @@ function create_if_block_2$7(ctx) {
7662
7667
  }
7663
7668
 
7664
7669
  // (34:6) {#if requirement && REQUIREMENT_TYPES.includes(requirement)}
7665
- function create_if_block_3$7(ctx) {
7670
+ function create_if_block_3$8(ctx) {
7666
7671
  let em;
7667
7672
  let t0;
7668
7673
  let t1;
@@ -7691,7 +7696,7 @@ function create_if_block_3$7(ctx) {
7691
7696
  }
7692
7697
 
7693
7698
  // (42:2) {#if error}
7694
- function create_if_block_1$8(ctx) {
7699
+ function create_if_block_1$9(ctx) {
7695
7700
  let div;
7696
7701
  let goa_icon;
7697
7702
  let t0;
@@ -7725,7 +7730,7 @@ function create_if_block_1$8(ctx) {
7725
7730
  }
7726
7731
 
7727
7732
  // (48:2) {#if helptext}
7728
- function create_if_block$e(ctx) {
7733
+ function create_if_block$f(ctx) {
7729
7734
  let div;
7730
7735
  let t;
7731
7736
 
@@ -7748,16 +7753,16 @@ function create_if_block$e(ctx) {
7748
7753
  };
7749
7754
  }
7750
7755
 
7751
- function create_fragment$s(ctx) {
7756
+ function create_fragment$u(ctx) {
7752
7757
  let div1;
7753
7758
  let t0;
7754
7759
  let div0;
7755
7760
  let t1;
7756
7761
  let t2;
7757
7762
  let div1_style_value;
7758
- let if_block0 = /*label*/ ctx[5] && create_if_block_2$7(ctx);
7759
- let if_block1 = /*error*/ ctx[7] && create_if_block_1$8(ctx);
7760
- let if_block2 = /*helptext*/ ctx[6] && create_if_block$e(ctx);
7763
+ let if_block0 = /*label*/ ctx[5] && create_if_block_2$8(ctx);
7764
+ let if_block1 = /*error*/ ctx[7] && create_if_block_1$9(ctx);
7765
+ let if_block2 = /*helptext*/ ctx[6] && create_if_block$f(ctx);
7761
7766
 
7762
7767
  return {
7763
7768
  c() {
@@ -7791,7 +7796,7 @@ function create_fragment$s(ctx) {
7791
7796
  if (if_block0) {
7792
7797
  if_block0.p(ctx, dirty);
7793
7798
  } else {
7794
- if_block0 = create_if_block_2$7(ctx);
7799
+ if_block0 = create_if_block_2$8(ctx);
7795
7800
  if_block0.c();
7796
7801
  if_block0.m(div1, t0);
7797
7802
  }
@@ -7804,7 +7809,7 @@ function create_fragment$s(ctx) {
7804
7809
  if (if_block1) {
7805
7810
  if_block1.p(ctx, dirty);
7806
7811
  } else {
7807
- if_block1 = create_if_block_1$8(ctx);
7812
+ if_block1 = create_if_block_1$9(ctx);
7808
7813
  if_block1.c();
7809
7814
  if_block1.m(div1, t2);
7810
7815
  }
@@ -7817,7 +7822,7 @@ function create_fragment$s(ctx) {
7817
7822
  if (if_block2) {
7818
7823
  if_block2.p(ctx, dirty);
7819
7824
  } else {
7820
- if_block2 = create_if_block$e(ctx);
7825
+ if_block2 = create_if_block$f(ctx);
7821
7826
  if_block2.c();
7822
7827
  if_block2.m(div1, null);
7823
7828
  }
@@ -7845,7 +7850,7 @@ function create_fragment$s(ctx) {
7845
7850
  };
7846
7851
  }
7847
7852
 
7848
- function instance$q($$self, $$props, $$invalidate) {
7853
+ function instance$r($$self, $$props, $$invalidate) {
7849
7854
  const [REQUIREMENT_TYPES, validateRequirementType] = typeValidator("Requirement type", ["optional", "required"], false);
7850
7855
  let { testid = "" } = $$props;
7851
7856
  let { mt = null } = $$props;
@@ -7888,8 +7893,8 @@ class FormItem extends SvelteElement {
7888
7893
  props: attribute_to_object(this.attributes),
7889
7894
  customElement: true
7890
7895
  },
7891
- instance$q,
7892
- create_fragment$s,
7896
+ instance$r,
7897
+ create_fragment$u,
7893
7898
  safe_not_equal,
7894
7899
  {
7895
7900
  testid: 0,
@@ -8017,7 +8022,7 @@ customElements.define("goa-form-item", FormItem);
8017
8022
 
8018
8023
  /* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.51.0 */
8019
8024
 
8020
- function create_fragment$r(ctx) {
8025
+ function create_fragment$t(ctx) {
8021
8026
  let div;
8022
8027
  let slot;
8023
8028
  let div_style_value;
@@ -8056,7 +8061,7 @@ function create_fragment$r(ctx) {
8056
8061
  };
8057
8062
  }
8058
8063
 
8059
- function instance$p($$self, $$props, $$invalidate) {
8064
+ function instance$q($$self, $$props, $$invalidate) {
8060
8065
  let { gap = "m" } = $$props;
8061
8066
  let { minchildwidth = "" } = $$props;
8062
8067
  let { mt = null } = $$props;
@@ -8092,8 +8097,8 @@ class Grid extends SvelteElement {
8092
8097
  props: attribute_to_object(this.attributes),
8093
8098
  customElement: true
8094
8099
  },
8095
- instance$p,
8096
- create_fragment$r,
8100
+ instance$q,
8101
+ create_fragment$t,
8097
8102
  safe_not_equal,
8098
8103
  {
8099
8104
  gap: 0,
@@ -8181,7 +8186,7 @@ customElements.define("goa-grid", Grid);
8181
8186
 
8182
8187
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.51.0 */
8183
8188
 
8184
- function create_fragment$q(ctx) {
8189
+ function create_fragment$s(ctx) {
8185
8190
  let div1;
8186
8191
  let goa_page_block;
8187
8192
  let h1;
@@ -8249,7 +8254,7 @@ function create_fragment$q(ctx) {
8249
8254
  };
8250
8255
  }
8251
8256
 
8252
- function instance$o($$self, $$props, $$invalidate) {
8257
+ function instance$p($$self, $$props, $$invalidate) {
8253
8258
  let { heading } = $$props;
8254
8259
  let { backgroundurl } = $$props;
8255
8260
  let { minheight = "600px" } = $$props;
@@ -8277,8 +8282,8 @@ class HeroBanner extends SvelteElement {
8277
8282
  props: attribute_to_object(this.attributes),
8278
8283
  customElement: true
8279
8284
  },
8280
- instance$o,
8281
- create_fragment$q,
8285
+ instance$p,
8286
+ create_fragment$s,
8282
8287
  safe_not_equal,
8283
8288
  {
8284
8289
  heading: 0,
@@ -8346,7 +8351,7 @@ customElements.define("goa-hero-banner", HeroBanner);
8346
8351
 
8347
8352
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.51.0 */
8348
8353
 
8349
- function create_fragment$p(ctx) {
8354
+ function create_fragment$r(ctx) {
8350
8355
  let button;
8351
8356
  let goa_icon;
8352
8357
  let button_style_value;
@@ -8433,7 +8438,7 @@ function handleClick(e) {
8433
8438
  e.target.dispatchEvent(new CustomEvent("_click", { composed: true, detail: { event: e } }));
8434
8439
  }
8435
8440
 
8436
- function instance$n($$self, $$props, $$invalidate) {
8441
+ function instance$o($$self, $$props, $$invalidate) {
8437
8442
  let css;
8438
8443
  let isDisabled;
8439
8444
  let isInverted;
@@ -8517,7 +8522,7 @@ function instance$n($$self, $$props, $$invalidate) {
8517
8522
  class IconButton extends SvelteElement {
8518
8523
  constructor(options) {
8519
8524
  super();
8520
- this.shadowRoot.innerHTML = `<style>:host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--goa-font-family-sans)}button,button *{box-sizing:border-box}button{display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;background:transparent;cursor:pointer;border:none;border-radius:0.5rem;padding:var(--pading-size)}.color,.dark{color:var(--goa-color-interactive-default);fill:var(--goa-color-interactive-default);cursor:pointer;transition:background-color 100ms ease-in, transform 100ms ease-in}.dark:not(.inverted){color:unset}button:hover:not(.destructive){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);outline:none}button:focus:not(.destructive),button:active:not(.destructive){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-interactive-focus);color:var(--goa-color-interactive-focus);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.color.inverted:hover{background-color:var(--goa-color-interactive-hover)}.destructive{color:var(--goa-color-emergency-dark);fill:var(--goa-color-emergency-dark)}.destructive:hover{background-color:var(--goa-color-emergency-light);border-color:var(--goa-color-emergency-light);outline:none}.destructive:focus,.destructive:active{background-color:var(--goa-color-emergency-light);border-color:var(--goa-color-interactive-focus);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}button:disabled{pointer-events:none;opacity:0.5;transform:none;cursor:default}button:disabled:hover{background-color:transparent}button.dark:hover{background-color:rgba(0, 0, 0, 0.3)}button.dark:focus,button.dark:active{background-color:rgba(0, 0, 0, 0.3);box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}</style>`;
8525
+ this.shadowRoot.innerHTML = `<style>:host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--goa-font-family-sans)}button,button *{box-sizing:border-box}button{display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;background:transparent;cursor:pointer;border:none;border-radius:var(--goa-border-radius-m);padding:var(--pading-size)}.color,.dark{color:var(--goa-color-interactive-default);fill:var(--goa-color-interactive-default);cursor:pointer;transition:background-color 100ms ease-in, transform 100ms ease-in}.dark:not(.inverted){color:unset}button:hover:not(.destructive){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);outline:none}button:focus:not(.destructive),button:active:not(.destructive){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-interactive-focus);color:var(--goa-color-interactive-focus);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.color.inverted:hover{background-color:var(--goa-color-interactive-hover)}.destructive{color:var(--goa-color-emergency-dark);fill:var(--goa-color-emergency-dark)}.destructive:hover{background-color:var(--goa-color-emergency-light);border-color:var(--goa-color-emergency-light);outline:none}.destructive:focus,.destructive:active{background-color:var(--goa-color-emergency-light);border-color:var(--goa-color-interactive-focus);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}button:disabled{pointer-events:none;opacity:0.5;transform:none;cursor:default}button:disabled:hover{background-color:transparent}button.dark:hover{background-color:rgba(0, 0, 0, 0.3)}button.dark:focus,button.dark:active{background-color:rgba(0, 0, 0, 0.3);box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}</style>`;
8521
8526
 
8522
8527
  init(
8523
8528
  this,
@@ -8526,8 +8531,8 @@ class IconButton extends SvelteElement {
8526
8531
  props: attribute_to_object(this.attributes),
8527
8532
  customElement: true
8528
8533
  },
8529
- instance$n,
8530
- create_fragment$p,
8534
+ instance$o,
8535
+ create_fragment$r,
8531
8536
  safe_not_equal,
8532
8537
  {
8533
8538
  icon: 0,
@@ -8688,15 +8693,15 @@ customElements.define("goa-icon-button", IconButton);
8688
8693
 
8689
8694
  /* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.51.0 */
8690
8695
 
8691
- function create_if_block$d(ctx) {
8696
+ function create_if_block$e(ctx) {
8692
8697
  let show_if;
8693
8698
  let if_block_anchor;
8694
8699
 
8695
8700
  function select_block_type(ctx, dirty) {
8696
8701
  if (dirty & /*type*/ 16) show_if = null;
8697
8702
  if (show_if == null) show_if = !!Object.keys(/*_iconOverrides*/ ctx[12]).includes(/*type*/ ctx[4]);
8698
- if (show_if) return create_if_block_1$7;
8699
- return create_else_block$5;
8703
+ if (show_if) return create_if_block_1$8;
8704
+ return create_else_block$6;
8700
8705
  }
8701
8706
 
8702
8707
  let current_block_type = select_block_type(ctx, -1);
@@ -8732,7 +8737,7 @@ function create_if_block$d(ctx) {
8732
8737
  }
8733
8738
 
8734
8739
  // (57:4) {:else}
8735
- function create_else_block$5(ctx) {
8740
+ function create_else_block$6(ctx) {
8736
8741
  let ion_icon;
8737
8742
  let ion_icon_name_value;
8738
8743
 
@@ -8761,7 +8766,7 @@ function create_else_block$5(ctx) {
8761
8766
  }
8762
8767
 
8763
8768
  // (53:4) {#if Object.keys(_iconOverrides).includes(type)}
8764
- function create_if_block_1$7(ctx) {
8769
+ function create_if_block_1$8(ctx) {
8765
8770
  let div;
8766
8771
  let raw_value = /*_iconOverrides*/ ctx[12][/*type*/ ctx[4]] + "";
8767
8772
 
@@ -8782,11 +8787,11 @@ function create_if_block_1$7(ctx) {
8782
8787
  };
8783
8788
  }
8784
8789
 
8785
- function create_fragment$o(ctx) {
8790
+ function create_fragment$q(ctx) {
8786
8791
  let div;
8787
8792
  let div_class_value;
8788
8793
  let div_style_value;
8789
- let if_block = /*type*/ ctx[4] && create_if_block$d(ctx);
8794
+ let if_block = /*type*/ ctx[4] && create_if_block$e(ctx);
8790
8795
 
8791
8796
  return {
8792
8797
  c() {
@@ -8814,7 +8819,7 @@ function create_fragment$o(ctx) {
8814
8819
  if (if_block) {
8815
8820
  if_block.p(ctx, dirty);
8816
8821
  } else {
8817
- if_block = create_if_block$d(ctx);
8822
+ if_block = create_if_block$e(ctx);
8818
8823
  if_block.c();
8819
8824
  if_block.m(div, null);
8820
8825
  }
@@ -8856,7 +8861,7 @@ function create_fragment$o(ctx) {
8856
8861
  };
8857
8862
  }
8858
8863
 
8859
- function instance$m($$self, $$props, $$invalidate) {
8864
+ function instance$n($$self, $$props, $$invalidate) {
8860
8865
  let isInverted;
8861
8866
  let { mt = null } = $$props;
8862
8867
  let { mr = null } = $$props;
@@ -8930,7 +8935,7 @@ function instance$m($$self, $$props, $$invalidate) {
8930
8935
  class Icon extends SvelteElement {
8931
8936
  constructor(options) {
8932
8937
  super();
8933
- this.shadowRoot.innerHTML = `<style>:host{display:inline-flex;align-items:center}ion-icon{pointer-events:none;width:100%;height:100%}.goa-icon{fill:var(--fill-color);color:var(--fill-color);opacity:var(--opacity);display:inline-flex;align-items:center;justify-content:center}.goa-icon--small{width:1.25rem;height:1.25rem}.goa-icon--medium{width:1.5rem;height:1.5rem}.goa-icon--large{width:2rem;height:2rem}.goa-icon--xlarge{width:2.5rem;height:2.5rem}.goa-icon:has(.icon-override){height:fit-content}.icon-override{display:flex;flex-direction:column;align-items:center}.inverted *{color:#fff;fill:#fff}</style>`;
8938
+ this.shadowRoot.innerHTML = `<style>:host{display:inline-flex;align-items:center}ion-icon{pointer-events:none;width:100%;height:100%}.goa-icon{fill:var(--fill-color);color:var(--fill-color);opacity:var(--opacity);display:inline-flex;align-items:center;justify-content:center}.goa-icon--small{width:var(--goa-icon-size-m);height:var(--goa-icon-size-m)}.goa-icon--medium{width:var(--goa-icon-size-l);height:var(--goa-icon-size-l)}.goa-icon--large{width:2rem;height:2rem}.goa-icon--xlarge{width:2.5rem;height:2.5rem}.goa-icon:has(.icon-override){height:fit-content}.icon-override{display:flex;flex-direction:column;align-items:center}.inverted *{color:#fff;fill:#fff}</style>`;
8934
8939
 
8935
8940
  init(
8936
8941
  this,
@@ -8939,8 +8944,8 @@ class Icon extends SvelteElement {
8939
8944
  props: attribute_to_object(this.attributes),
8940
8945
  customElement: true
8941
8946
  },
8942
- instance$m,
8943
- create_fragment$o,
8947
+ instance$n,
8948
+ create_fragment$q,
8944
8949
  safe_not_equal,
8945
8950
  {
8946
8951
  mt: 0,
@@ -9125,7 +9130,7 @@ function create_if_block_4$2(ctx) {
9125
9130
  }
9126
9131
 
9127
9132
  // (123:4) {#if leadingicon}
9128
- function create_if_block_3$6(ctx) {
9133
+ function create_if_block_3$7(ctx) {
9129
9134
  let goa_icon;
9130
9135
 
9131
9136
  return {
@@ -9150,7 +9155,7 @@ function create_if_block_3$6(ctx) {
9150
9155
  }
9151
9156
 
9152
9157
  // (157:4) {#if trailingicon && !handlesTrailingIconClick}
9153
- function create_if_block_2$6(ctx) {
9158
+ function create_if_block_2$7(ctx) {
9154
9159
  let goa_icon;
9155
9160
 
9156
9161
  return {
@@ -9176,7 +9181,7 @@ function create_if_block_2$6(ctx) {
9176
9181
  }
9177
9182
 
9178
9183
  // (167:4) {#if trailingicon && handlesTrailingIconClick}
9179
- function create_if_block_1$6(ctx) {
9184
+ function create_if_block_1$7(ctx) {
9180
9185
  let goa_icon_button;
9181
9186
  let mounted;
9182
9187
  let dispose;
@@ -9216,7 +9221,7 @@ function create_if_block_1$6(ctx) {
9216
9221
  }
9217
9222
 
9218
9223
  // (179:4) {#if suffix}
9219
- function create_if_block$c(ctx) {
9224
+ function create_if_block$d(ctx) {
9220
9225
  let span;
9221
9226
  let t;
9222
9227
 
@@ -9239,7 +9244,7 @@ function create_if_block$c(ctx) {
9239
9244
  };
9240
9245
  }
9241
9246
 
9242
- function create_fragment$n(ctx) {
9247
+ function create_fragment$p(ctx) {
9243
9248
  let div3;
9244
9249
  let div2;
9245
9250
  let t0;
@@ -9260,10 +9265,10 @@ function create_fragment$n(ctx) {
9260
9265
  let mounted;
9261
9266
  let dispose;
9262
9267
  let if_block0 = /*prefix*/ ctx[14] && create_if_block_4$2(ctx);
9263
- let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_3$6(ctx);
9264
- let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[27] && create_if_block_2$6(ctx);
9265
- let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[27] && create_if_block_1$6(ctx);
9266
- let if_block4 = /*suffix*/ ctx[15] && create_if_block$c(ctx);
9268
+ let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_3$7(ctx);
9269
+ let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[27] && create_if_block_2$7(ctx);
9270
+ let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[27] && create_if_block_1$7(ctx);
9271
+ let if_block4 = /*suffix*/ ctx[15] && create_if_block$d(ctx);
9267
9272
 
9268
9273
  return {
9269
9274
  c() {
@@ -9384,7 +9389,7 @@ function create_fragment$n(ctx) {
9384
9389
  if (if_block1) {
9385
9390
  if_block1.p(ctx, dirty);
9386
9391
  } else {
9387
- if_block1 = create_if_block_3$6(ctx);
9392
+ if_block1 = create_if_block_3$7(ctx);
9388
9393
  if_block1.c();
9389
9394
  if_block1.m(div2, t2);
9390
9395
  }
@@ -9461,7 +9466,7 @@ function create_fragment$n(ctx) {
9461
9466
  if (if_block2) {
9462
9467
  if_block2.p(ctx, dirty);
9463
9468
  } else {
9464
- if_block2 = create_if_block_2$6(ctx);
9469
+ if_block2 = create_if_block_2$7(ctx);
9465
9470
  if_block2.c();
9466
9471
  if_block2.m(div2, t4);
9467
9472
  }
@@ -9474,7 +9479,7 @@ function create_fragment$n(ctx) {
9474
9479
  if (if_block3) {
9475
9480
  if_block3.p(ctx, dirty);
9476
9481
  } else {
9477
- if_block3 = create_if_block_1$6(ctx);
9482
+ if_block3 = create_if_block_1$7(ctx);
9478
9483
  if_block3.c();
9479
9484
  if_block3.m(div2, t5);
9480
9485
  }
@@ -9487,7 +9492,7 @@ function create_fragment$n(ctx) {
9487
9492
  if (if_block4) {
9488
9493
  if_block4.p(ctx, dirty);
9489
9494
  } else {
9490
- if_block4 = create_if_block$c(ctx);
9495
+ if_block4 = create_if_block$d(ctx);
9491
9496
  if_block4.c();
9492
9497
  if_block4.m(div2, t6);
9493
9498
  }
@@ -9543,7 +9548,7 @@ function doClick() {
9543
9548
  this.dispatchEvent(new CustomEvent("_trailingIconClick", { composed: true }));
9544
9549
  }
9545
9550
 
9546
- function instance$l($$self, $$props, $$invalidate) {
9551
+ function instance$m($$self, $$props, $$invalidate) {
9547
9552
  let handlesTrailingIconClick;
9548
9553
  let isFocused;
9549
9554
  let isReadonly;
@@ -9779,8 +9784,8 @@ class Input extends SvelteElement {
9779
9784
  props: attribute_to_object(this.attributes),
9780
9785
  customElement: true
9781
9786
  },
9782
- instance$l,
9783
- create_fragment$n,
9787
+ instance$m,
9788
+ create_fragment$p,
9784
9789
  safe_not_equal,
9785
9790
  {
9786
9791
  type: 1,
@@ -10096,7 +10101,7 @@ customElements.define("goa-input", Input);
10096
10101
 
10097
10102
  /* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.51.0 */
10098
10103
 
10099
- function create_if_block_3$5(ctx) {
10104
+ function create_if_block_3$6(ctx) {
10100
10105
  let div;
10101
10106
 
10102
10107
  return {
@@ -10116,7 +10121,7 @@ function create_if_block_3$5(ctx) {
10116
10121
  }
10117
10122
 
10118
10123
  // (31:4) {#if ["alpha", "beta"].includes(type)}
10119
- function create_if_block_1$5(ctx) {
10124
+ function create_if_block_1$6(ctx) {
10120
10125
  let div0;
10121
10126
  let t0_value = capitalize(/*type*/ ctx[0]) + "";
10122
10127
  let t0;
@@ -10126,7 +10131,7 @@ function create_if_block_1$5(ctx) {
10126
10131
  let t2;
10127
10132
  let a;
10128
10133
  let t4;
10129
- let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$5(ctx);
10134
+ let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$6(ctx);
10130
10135
 
10131
10136
  return {
10132
10137
  c() {
@@ -10166,7 +10171,7 @@ function create_if_block_1$5(ctx) {
10166
10171
  if (if_block) {
10167
10172
  if_block.p(ctx, dirty);
10168
10173
  } else {
10169
- if_block = create_if_block_2$5(ctx);
10174
+ if_block = create_if_block_2$6(ctx);
10170
10175
  if_block.c();
10171
10176
  if_block.m(div1, null);
10172
10177
  }
@@ -10185,7 +10190,7 @@ function create_if_block_1$5(ctx) {
10185
10190
  }
10186
10191
 
10187
10192
  // (40:8) {#if feedbackurl}
10188
- function create_if_block_2$5(ctx) {
10193
+ function create_if_block_2$6(ctx) {
10189
10194
  let span;
10190
10195
  let t0;
10191
10196
  let a;
@@ -10218,7 +10223,7 @@ function create_if_block_2$5(ctx) {
10218
10223
  }
10219
10224
 
10220
10225
  // (46:4) {#if version}
10221
- function create_if_block$b(ctx) {
10226
+ function create_if_block$c(ctx) {
10222
10227
  let div;
10223
10228
  let t;
10224
10229
 
@@ -10242,7 +10247,7 @@ function create_if_block$b(ctx) {
10242
10247
  };
10243
10248
  }
10244
10249
 
10245
- function create_fragment$m(ctx) {
10250
+ function create_fragment$o(ctx) {
10246
10251
  let header;
10247
10252
  let div1;
10248
10253
  let t0;
@@ -10251,9 +10256,9 @@ function create_fragment$m(ctx) {
10251
10256
  let div0;
10252
10257
  let t2;
10253
10258
  let header_style_value;
10254
- let if_block0 = /*type*/ ctx[0] === "live" && create_if_block_3$5();
10255
- let if_block1 = show_if && create_if_block_1$5(ctx);
10256
- let if_block2 = /*version*/ ctx[1] && create_if_block$b(ctx);
10259
+ let if_block0 = /*type*/ ctx[0] === "live" && create_if_block_3$6();
10260
+ let if_block1 = show_if && create_if_block_1$6(ctx);
10261
+ let if_block2 = /*version*/ ctx[1] && create_if_block$c(ctx);
10257
10262
 
10258
10263
  return {
10259
10264
  c() {
@@ -10286,7 +10291,7 @@ function create_fragment$m(ctx) {
10286
10291
  p(ctx, [dirty]) {
10287
10292
  if (/*type*/ ctx[0] === "live") {
10288
10293
  if (if_block0) ; else {
10289
- if_block0 = create_if_block_3$5();
10294
+ if_block0 = create_if_block_3$6();
10290
10295
  if_block0.c();
10291
10296
  if_block0.m(div1, t0);
10292
10297
  }
@@ -10301,7 +10306,7 @@ function create_fragment$m(ctx) {
10301
10306
  if (if_block1) {
10302
10307
  if_block1.p(ctx, dirty);
10303
10308
  } else {
10304
- if_block1 = create_if_block_1$5(ctx);
10309
+ if_block1 = create_if_block_1$6(ctx);
10305
10310
  if_block1.c();
10306
10311
  if_block1.m(div1, t1);
10307
10312
  }
@@ -10314,7 +10319,7 @@ function create_fragment$m(ctx) {
10314
10319
  if (if_block2) {
10315
10320
  if_block2.p(ctx, dirty);
10316
10321
  } else {
10317
- if_block2 = create_if_block$b(ctx);
10322
+ if_block2 = create_if_block$c(ctx);
10318
10323
  if_block2.c();
10319
10324
  if_block2.m(div1, null);
10320
10325
  }
@@ -10343,7 +10348,7 @@ function capitalize(val) {
10343
10348
  return val[0].toUpperCase() + val.slice(1);
10344
10349
  }
10345
10350
 
10346
- function instance$k($$self, $$props, $$invalidate) {
10351
+ function instance$l($$self, $$props, $$invalidate) {
10347
10352
  const [Types, validateType] = typeValidator("Microsite header type", ["live", "alpha", "beta"], true);
10348
10353
  let { type } = $$props;
10349
10354
  let { version = "" } = $$props;
@@ -10376,8 +10381,8 @@ class MicrositeHeader extends SvelteElement {
10376
10381
  props: attribute_to_object(this.attributes),
10377
10382
  customElement: true
10378
10383
  },
10379
- instance$k,
10380
- create_fragment$m,
10384
+ instance$l,
10385
+ create_fragment$o,
10381
10386
  safe_not_equal,
10382
10387
  {
10383
10388
  type: 0,
@@ -10445,7 +10450,7 @@ customElements.define("goa-microsite-header", MicrositeHeader);
10445
10450
 
10446
10451
  /* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.51.0 */
10447
10452
 
10448
- function create_if_block$a(ctx) {
10453
+ function create_if_block$b(ctx) {
10449
10454
  let goa_focus_trap;
10450
10455
  let div6;
10451
10456
  let div0;
@@ -10470,16 +10475,16 @@ function create_if_block$a(ctx) {
10470
10475
  let current;
10471
10476
  let mounted;
10472
10477
  let dispose;
10473
- let if_block0 = /*calloutvariant*/ ctx[3] !== null && create_if_block_3$4(ctx);
10478
+ let if_block0 = /*calloutvariant*/ ctx[3] !== null && create_if_block_3$5(ctx);
10474
10479
 
10475
10480
  function select_block_type(ctx, dirty) {
10476
- if (/*heading*/ ctx[0]) return create_if_block_2$4;
10477
- return create_else_block$4;
10481
+ if (/*heading*/ ctx[0]) return create_if_block_2$5;
10482
+ return create_else_block$5;
10478
10483
  }
10479
10484
 
10480
10485
  let current_block_type = select_block_type(ctx);
10481
10486
  let if_block1 = current_block_type(ctx);
10482
- let if_block2 = /*_isClosable*/ ctx[9] && create_if_block_1$4(ctx);
10487
+ let if_block2 = /*_isClosable*/ ctx[9] && create_if_block_1$5(ctx);
10483
10488
 
10484
10489
  return {
10485
10490
  c() {
@@ -10563,7 +10568,7 @@ function create_if_block$a(ctx) {
10563
10568
  if (if_block0) {
10564
10569
  if_block0.p(ctx, dirty);
10565
10570
  } else {
10566
- if_block0 = create_if_block_3$4(ctx);
10571
+ if_block0 = create_if_block_3$5(ctx);
10567
10572
  if_block0.c();
10568
10573
  if_block0.m(div5, t1);
10569
10574
  }
@@ -10588,7 +10593,7 @@ function create_if_block$a(ctx) {
10588
10593
  if (if_block2) {
10589
10594
  if_block2.p(ctx, dirty);
10590
10595
  } else {
10591
- if_block2 = create_if_block_1$4(ctx);
10596
+ if_block2 = create_if_block_1$5(ctx);
10592
10597
  if_block2.c();
10593
10598
  if_block2.m(header, null);
10594
10599
  }
@@ -10665,7 +10670,7 @@ function create_if_block$a(ctx) {
10665
10670
  }
10666
10671
 
10667
10672
  // (137:8) {#if calloutvariant !== null}
10668
- function create_if_block_3$4(ctx) {
10673
+ function create_if_block_3$5(ctx) {
10669
10674
  let div;
10670
10675
  let goa_icon;
10671
10676
  let goa_icon_inverted_value;
@@ -10709,7 +10714,7 @@ function create_if_block_3$4(ctx) {
10709
10714
  }
10710
10715
 
10711
10716
  // (150:14) {:else}
10712
- function create_else_block$4(ctx) {
10717
+ function create_else_block$5(ctx) {
10713
10718
  let slot;
10714
10719
 
10715
10720
  return {
@@ -10728,7 +10733,7 @@ function create_else_block$4(ctx) {
10728
10733
  }
10729
10734
 
10730
10735
  // (148:14) {#if heading}
10731
- function create_if_block_2$4(ctx) {
10736
+ function create_if_block_2$5(ctx) {
10732
10737
  let t;
10733
10738
 
10734
10739
  return {
@@ -10748,7 +10753,7 @@ function create_if_block_2$4(ctx) {
10748
10753
  }
10749
10754
 
10750
10755
  // (154:12) {#if _isClosable}
10751
- function create_if_block_1$4(ctx) {
10756
+ function create_if_block_1$5(ctx) {
10752
10757
  let div;
10753
10758
  let goa_icon_button;
10754
10759
  let mounted;
@@ -10781,10 +10786,10 @@ function create_if_block_1$4(ctx) {
10781
10786
  };
10782
10787
  }
10783
10788
 
10784
- function create_fragment$l(ctx) {
10789
+ function create_fragment$n(ctx) {
10785
10790
  let if_block_anchor;
10786
10791
  let current;
10787
- let if_block = /*_isOpen*/ ctx[7] && create_if_block$a(ctx);
10792
+ let if_block = /*_isOpen*/ ctx[7] && create_if_block$b(ctx);
10788
10793
 
10789
10794
  return {
10790
10795
  c() {
@@ -10806,7 +10811,7 @@ function create_fragment$l(ctx) {
10806
10811
  transition_in(if_block, 1);
10807
10812
  }
10808
10813
  } else {
10809
- if_block = create_if_block$a(ctx);
10814
+ if_block = create_if_block$b(ctx);
10810
10815
  if_block.c();
10811
10816
  transition_in(if_block, 1);
10812
10817
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -10837,7 +10842,7 @@ function create_fragment$l(ctx) {
10837
10842
  };
10838
10843
  }
10839
10844
 
10840
- function instance$j($$self, $$props, $$invalidate) {
10845
+ function instance$k($$self, $$props, $$invalidate) {
10841
10846
  let _isClosable;
10842
10847
  let _transitionTime;
10843
10848
  let _iconType;
@@ -11054,8 +11059,8 @@ class Modal extends SvelteElement {
11054
11059
  props: attribute_to_object(this.attributes),
11055
11060
  customElement: true
11056
11061
  },
11057
- instance$j,
11058
- create_fragment$l,
11062
+ instance$k,
11063
+ create_fragment$n,
11059
11064
  safe_not_equal,
11060
11065
  {
11061
11066
  heading: 0,
@@ -11143,18 +11148,19 @@ customElements.define("goa-modal", Modal);
11143
11148
 
11144
11149
  /* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.51.0 */
11145
11150
 
11146
- function create_if_block$9(ctx) {
11151
+ function create_if_block$a(ctx) {
11147
11152
  let div4;
11148
11153
  let div3;
11149
11154
  let div0;
11150
- let goa_icon;
11151
- let goa_icon_inverted_value;
11155
+ let goa_icon0;
11156
+ let goa_icon0_inverted_value;
11152
11157
  let t0;
11153
11158
  let div1;
11154
11159
  let t1;
11155
11160
  let div2;
11156
- let goa_icon_button;
11157
- let goa_icon_button_inverted_value;
11161
+ let button;
11162
+ let goa_icon1;
11163
+ let goa_icon1_inverted_value;
11158
11164
  let div4_class_value;
11159
11165
  let div4_style_value;
11160
11166
  let div4_transition;
@@ -11167,22 +11173,26 @@ function create_if_block$9(ctx) {
11167
11173
  div4 = element("div");
11168
11174
  div3 = element("div");
11169
11175
  div0 = element("div");
11170
- goa_icon = element("goa-icon");
11176
+ goa_icon0 = element("goa-icon");
11171
11177
  t0 = space();
11172
11178
  div1 = element("div");
11173
11179
  div1.innerHTML = `<slot></slot>`;
11174
11180
  t1 = space();
11175
11181
  div2 = element("div");
11176
- goa_icon_button = element("goa-icon-button");
11177
- set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[3]);
11178
- set_custom_element_data(goa_icon, "inverted", goa_icon_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true");
11182
+ button = element("button");
11183
+ goa_icon1 = element("goa-icon");
11184
+ set_custom_element_data(goa_icon0, "type", /*iconType*/ ctx[4]);
11185
+ set_custom_element_data(goa_icon0, "inverted", goa_icon0_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true");
11179
11186
  attr(div0, "class", "icon");
11180
11187
  attr(div1, "class", "content");
11181
- set_custom_element_data(goa_icon_button, "icon", "close");
11182
- set_custom_element_data(goa_icon_button, "variant", "dark");
11183
- set_custom_element_data(goa_icon_button, "inverted", goa_icon_button_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true");
11188
+ set_custom_element_data(goa_icon1, "type", "close");
11189
+ set_custom_element_data(goa_icon1, "inverted", goa_icon1_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true");
11190
+ attr(button, "class", /*type*/ ctx[0]);
11184
11191
  attr(div2, "class", "close");
11185
11192
  attr(div3, "class", "content-container");
11193
+ attr(div3, "role", "alert");
11194
+ attr(div3, "aria-live", /*arialive*/ ctx[2]);
11195
+ attr(div3, "aria-atomic", "true");
11186
11196
  attr(div4, "class", div4_class_value = "notification " + /*type*/ ctx[0]);
11187
11197
  attr(div4, "style", div4_style_value = `--max-content-width: ${/*maxcontentwidth*/ ctx[1]}`);
11188
11198
  },
@@ -11190,30 +11200,39 @@ function create_if_block$9(ctx) {
11190
11200
  insert(target, div4, anchor);
11191
11201
  append(div4, div3);
11192
11202
  append(div3, div0);
11193
- append(div0, goa_icon);
11203
+ append(div0, goa_icon0);
11194
11204
  append(div3, t0);
11195
11205
  append(div3, div1);
11196
11206
  append(div3, t1);
11197
11207
  append(div3, div2);
11198
- append(div2, goa_icon_button);
11208
+ append(div2, button);
11209
+ append(button, goa_icon1);
11199
11210
  current = true;
11200
11211
 
11201
11212
  if (!mounted) {
11202
- dispose = listen(goa_icon_button, "click", /*close*/ ctx[4]);
11213
+ dispose = listen(button, "click", /*close*/ ctx[5]);
11203
11214
  mounted = true;
11204
11215
  }
11205
11216
  },
11206
11217
  p(ctx, dirty) {
11207
- if (!current || dirty & /*iconType*/ 8) {
11208
- set_custom_element_data(goa_icon, "type", /*iconType*/ ctx[3]);
11218
+ if (!current || dirty & /*iconType*/ 16) {
11219
+ set_custom_element_data(goa_icon0, "type", /*iconType*/ ctx[4]);
11209
11220
  }
11210
11221
 
11211
- if (!current || dirty & /*type*/ 1 && goa_icon_inverted_value !== (goa_icon_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true")) {
11212
- set_custom_element_data(goa_icon, "inverted", goa_icon_inverted_value);
11222
+ if (!current || dirty & /*type*/ 1 && goa_icon0_inverted_value !== (goa_icon0_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true")) {
11223
+ set_custom_element_data(goa_icon0, "inverted", goa_icon0_inverted_value);
11224
+ }
11225
+
11226
+ if (!current || dirty & /*type*/ 1 && goa_icon1_inverted_value !== (goa_icon1_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true")) {
11227
+ set_custom_element_data(goa_icon1, "inverted", goa_icon1_inverted_value);
11228
+ }
11229
+
11230
+ if (!current || dirty & /*type*/ 1) {
11231
+ attr(button, "class", /*type*/ ctx[0]);
11213
11232
  }
11214
11233
 
11215
- if (!current || dirty & /*type*/ 1 && goa_icon_button_inverted_value !== (goa_icon_button_inverted_value = /*type*/ ctx[0] === "important" ? "false" : "true")) {
11216
- set_custom_element_data(goa_icon_button, "inverted", goa_icon_button_inverted_value);
11234
+ if (!current || dirty & /*arialive*/ 4) {
11235
+ attr(div3, "aria-live", /*arialive*/ ctx[2]);
11217
11236
  }
11218
11237
 
11219
11238
  if (!current || dirty & /*type*/ 1 && div4_class_value !== (div4_class_value = "notification " + /*type*/ ctx[0])) {
@@ -11248,10 +11267,10 @@ function create_if_block$9(ctx) {
11248
11267
  };
11249
11268
  }
11250
11269
 
11251
- function create_fragment$k(ctx) {
11270
+ function create_fragment$m(ctx) {
11252
11271
  let if_block_anchor;
11253
11272
  let current;
11254
- let if_block = /*show*/ ctx[2] && create_if_block$9(ctx);
11273
+ let if_block = /*show*/ ctx[3] && create_if_block$a(ctx);
11255
11274
 
11256
11275
  return {
11257
11276
  c() {
@@ -11265,15 +11284,15 @@ function create_fragment$k(ctx) {
11265
11284
  current = true;
11266
11285
  },
11267
11286
  p(ctx, [dirty]) {
11268
- if (/*show*/ ctx[2]) {
11287
+ if (/*show*/ ctx[3]) {
11269
11288
  if (if_block) {
11270
11289
  if_block.p(ctx, dirty);
11271
11290
 
11272
- if (dirty & /*show*/ 4) {
11291
+ if (dirty & /*show*/ 8) {
11273
11292
  transition_in(if_block, 1);
11274
11293
  }
11275
11294
  } else {
11276
- if_block = create_if_block$9(ctx);
11295
+ if_block = create_if_block$a(ctx);
11277
11296
  if_block.c();
11278
11297
  transition_in(if_block, 1);
11279
11298
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -11304,19 +11323,22 @@ function create_fragment$k(ctx) {
11304
11323
  };
11305
11324
  }
11306
11325
 
11307
- function instance$i($$self, $$props, $$invalidate) {
11326
+ function instance$j($$self, $$props, $$invalidate) {
11308
11327
  let iconType;
11309
11328
  const [Types, validateType] = typeValidator("Notification type", ["emergency", "important", "information", "event"], true);
11329
+ const [AriaLiveTypes, validateAriaLiveType] = typeValidator("Aria-Live type", ["assertive", "off", "polite"], true);
11310
11330
  let { type = "" } = $$props;
11311
11331
  let { maxcontentwidth = "100%" } = $$props;
11332
+ let { arialive = "polite" } = $$props;
11312
11333
  let show = true;
11313
11334
 
11314
11335
  onMount(() => {
11336
+ validateAriaLiveType(arialive);
11315
11337
  setTimeout(() => validateType(type), 1);
11316
11338
  });
11317
11339
 
11318
11340
  function close(e) {
11319
- $$invalidate(2, show = false);
11341
+ $$invalidate(3, show = false);
11320
11342
  e.target.dispatchEvent(new CustomEvent("_dismiss", { composed: true }));
11321
11343
  e.stopPropagation();
11322
11344
  }
@@ -11324,11 +11346,12 @@ function instance$i($$self, $$props, $$invalidate) {
11324
11346
  $$self.$$set = $$props => {
11325
11347
  if ('type' in $$props) $$invalidate(0, type = $$props.type);
11326
11348
  if ('maxcontentwidth' in $$props) $$invalidate(1, maxcontentwidth = $$props.maxcontentwidth);
11349
+ if ('arialive' in $$props) $$invalidate(2, arialive = $$props.arialive);
11327
11350
  };
11328
11351
 
11329
11352
  $$self.$$.update = () => {
11330
11353
  if ($$self.$$.dirty & /*type*/ 1) {
11331
- $$invalidate(3, iconType = type === "emergency"
11354
+ $$invalidate(4, iconType = type === "emergency"
11332
11355
  ? "warning"
11333
11356
  : type === "important"
11334
11357
  ? "alert-circle"
@@ -11338,13 +11361,13 @@ function instance$i($$self, $$props, $$invalidate) {
11338
11361
  }
11339
11362
  };
11340
11363
 
11341
- return [type, maxcontentwidth, show, iconType, close];
11364
+ return [type, maxcontentwidth, arialive, show, iconType, close];
11342
11365
  }
11343
11366
 
11344
11367
  class Notification extends SvelteElement {
11345
11368
  constructor(options) {
11346
11369
  super();
11347
- this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:1.5rem 1rem;display:flex}@media(min-width: 640px){.notification{padding:1.5rem 2rem}}@media(min-width: 1024px){.notification{padding:1.5rem 4.5rem}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.event{background-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:1rem;margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}.close{flex:0 0 auto}</style>`;
11370
+ this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:var(--goa-space-l) var(--goa-space-m);display:flex}@media(min-width: 640px){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}@media(min-width: 1024px){.notification{padding:var(--goa-space-l) calc(3 * var(--goa-space-l))}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.information,.event{background-color:var(--goa-color-info-default);color:var(--goa-color-text-light)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:var(--goa-space-m);margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}::slotted(a:focus){outline:auto!important;border-radius:var(--goa-border-radius-m)}.notification.important ::slotted(a:focus){outline:unset!important;box-shadow:0 0 0 3px var(--goa-color-greyscale-black);border-radius:var(--goa-border-radius-m)}.close{flex:0 0 auto}.close button{background-color:transparent;border:none;cursor:pointer;padding:var(--goa-space-2xs);margin:0;outline:none;border-radius:var(--goa-border-radius-m);display:inline-flex}.close button.information:hover,.close button.information:focus,.close button.event:hover,.close button.event:focus{background-color:var(--goa-color-info-dark)}.close button.information:focus,.close button.event:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}.close button.important:hover,.close button.important:focus{background-color:var(--goa-color-warning-dark)}.close button.important:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-black)}.close button.emergency:hover,.close button.emergency:focus{background-color:var(--goa-color-emergency-dark)}.close button.emergency:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}</style>`;
11348
11371
 
11349
11372
  init(
11350
11373
  this,
@@ -11353,10 +11376,10 @@ class Notification extends SvelteElement {
11353
11376
  props: attribute_to_object(this.attributes),
11354
11377
  customElement: true
11355
11378
  },
11356
- instance$i,
11357
- create_fragment$k,
11379
+ instance$j,
11380
+ create_fragment$m,
11358
11381
  safe_not_equal,
11359
- { type: 0, maxcontentwidth: 1 },
11382
+ { type: 0, maxcontentwidth: 1, arialive: 2 },
11360
11383
  null
11361
11384
  );
11362
11385
 
@@ -11373,7 +11396,7 @@ class Notification extends SvelteElement {
11373
11396
  }
11374
11397
 
11375
11398
  static get observedAttributes() {
11376
- return ["type", "maxcontentwidth"];
11399
+ return ["type", "maxcontentwidth", "arialive"];
11377
11400
  }
11378
11401
 
11379
11402
  get type() {
@@ -11393,6 +11416,15 @@ class Notification extends SvelteElement {
11393
11416
  this.$$set({ maxcontentwidth });
11394
11417
  flush();
11395
11418
  }
11419
+
11420
+ get arialive() {
11421
+ return this.$$.ctx[2];
11422
+ }
11423
+
11424
+ set arialive(arialive) {
11425
+ this.$$set({ arialive });
11426
+ flush();
11427
+ }
11396
11428
  }
11397
11429
 
11398
11430
  customElements.define("goa-notification", Notification);
@@ -11404,7 +11436,7 @@ function isValidDimension(value) {
11404
11436
 
11405
11437
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
11406
11438
 
11407
- function create_fragment$j(ctx) {
11439
+ function create_fragment$l(ctx) {
11408
11440
  let div;
11409
11441
  let slot;
11410
11442
  let div_style_value;
@@ -11434,7 +11466,7 @@ function create_fragment$j(ctx) {
11434
11466
  };
11435
11467
  }
11436
11468
 
11437
- function instance$h($$self, $$props, $$invalidate) {
11469
+ function instance$i($$self, $$props, $$invalidate) {
11438
11470
  const Sizes = { "full": "100%" };
11439
11471
  let { width } = $$props;
11440
11472
  let { _width } = $$props;
@@ -11473,8 +11505,8 @@ class PageBlock extends SvelteElement {
11473
11505
  props: attribute_to_object(this.attributes),
11474
11506
  customElement: true
11475
11507
  },
11476
- instance$h,
11477
- create_fragment$j,
11508
+ instance$i,
11509
+ create_fragment$l,
11478
11510
  safe_not_equal,
11479
11511
  { width: 1, _width: 0 },
11480
11512
  null
@@ -11519,7 +11551,7 @@ customElements.define("goa-page-block", PageBlock);
11519
11551
 
11520
11552
  /* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.51.0 */
11521
11553
 
11522
- function get_each_context$3(ctx, list, i) {
11554
+ function get_each_context$4(ctx, list, i) {
11523
11555
  const child_ctx = ctx.slice();
11524
11556
  child_ctx[18] = list[i];
11525
11557
  child_ctx[20] = i;
@@ -11527,7 +11559,7 @@ function get_each_context$3(ctx, list, i) {
11527
11559
  }
11528
11560
 
11529
11561
  // (66:4) {#if variant === "all"}
11530
- function create_if_block$8(ctx) {
11562
+ function create_if_block$9(ctx) {
11531
11563
  let goa_block;
11532
11564
  let span0;
11533
11565
  let t1;
@@ -11542,7 +11574,7 @@ function create_if_block$8(ctx) {
11542
11574
  let each_blocks = [];
11543
11575
 
11544
11576
  for (let i = 0; i < each_value.length; i += 1) {
11545
- each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
11577
+ each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
11546
11578
  }
11547
11579
 
11548
11580
  return {
@@ -11595,12 +11627,12 @@ function create_if_block$8(ctx) {
11595
11627
  let i;
11596
11628
 
11597
11629
  for (i = 0; i < each_value.length; i += 1) {
11598
- const child_ctx = get_each_context$3(ctx, each_value, i);
11630
+ const child_ctx = get_each_context$4(ctx, each_value, i);
11599
11631
 
11600
11632
  if (each_blocks[i]) {
11601
11633
  each_blocks[i].p(child_ctx, dirty);
11602
11634
  } else {
11603
- each_blocks[i] = create_each_block$3(child_ctx);
11635
+ each_blocks[i] = create_each_block$4(child_ctx);
11604
11636
  each_blocks[i].c();
11605
11637
  each_blocks[i].m(goa_dropdown, null);
11606
11638
  }
@@ -11629,7 +11661,7 @@ function create_if_block$8(ctx) {
11629
11661
  }
11630
11662
 
11631
11663
  // (71:10) {#each {length: _pageCount} as _, i}
11632
- function create_each_block$3(ctx) {
11664
+ function create_each_block$4(ctx) {
11633
11665
  let goa_dropdown_item;
11634
11666
 
11635
11667
  return {
@@ -11648,7 +11680,7 @@ function create_each_block$3(ctx) {
11648
11680
  };
11649
11681
  }
11650
11682
 
11651
- function create_fragment$i(ctx) {
11683
+ function create_fragment$k(ctx) {
11652
11684
  let goa_block1;
11653
11685
  let div;
11654
11686
  let t0;
@@ -11662,7 +11694,7 @@ function create_fragment$i(ctx) {
11662
11694
  let goa_button1_disabled_value;
11663
11695
  let mounted;
11664
11696
  let dispose;
11665
- let if_block = /*variant*/ ctx[1] === "all" && create_if_block$8(ctx);
11697
+ let if_block = /*variant*/ ctx[1] === "all" && create_if_block$9(ctx);
11666
11698
 
11667
11699
  return {
11668
11700
  c() {
@@ -11723,7 +11755,7 @@ function create_fragment$i(ctx) {
11723
11755
  if (if_block) {
11724
11756
  if_block.p(ctx, dirty);
11725
11757
  } else {
11726
- if_block = create_if_block$8(ctx);
11758
+ if_block = create_if_block$9(ctx);
11727
11759
  if_block.c();
11728
11760
  if_block.m(div, t0);
11729
11761
  }
@@ -11769,7 +11801,7 @@ function create_fragment$i(ctx) {
11769
11801
  };
11770
11802
  }
11771
11803
 
11772
- function instance$g($$self, $$props, $$invalidate) {
11804
+ function instance$h($$self, $$props, $$invalidate) {
11773
11805
  let _pageCount;
11774
11806
  const [Variants, validateVariant] = typeValidator("Pagination variant", ["all", "links-only"]);
11775
11807
  let { pagenumber } = $$props;
@@ -11889,8 +11921,8 @@ class Pagination extends SvelteElement {
11889
11921
  props: attribute_to_object(this.attributes),
11890
11922
  customElement: true
11891
11923
  },
11892
- instance$g,
11893
- create_fragment$i,
11924
+ instance$h,
11925
+ create_fragment$k,
11894
11926
  safe_not_equal,
11895
11927
  {
11896
11928
  pagenumber: 0,
@@ -11998,7 +12030,7 @@ customElements.define("goa-pagination", Pagination);
11998
12030
 
11999
12031
  /* libs/web-components/src/components/popover/Popover.svelte generated by Svelte v3.51.0 */
12000
12032
 
12001
- function create_if_block$7(ctx) {
12033
+ function create_if_block$8(ctx) {
12002
12034
  let goa_focus_trap;
12003
12035
  let div0;
12004
12036
  let t;
@@ -12061,14 +12093,14 @@ function create_if_block$7(ctx) {
12061
12093
  };
12062
12094
  }
12063
12095
 
12064
- function create_fragment$h(ctx) {
12096
+ function create_fragment$j(ctx) {
12065
12097
  let div1;
12066
12098
  let div0;
12067
12099
  let t;
12068
12100
  let div1_style_value;
12069
12101
  let mounted;
12070
12102
  let dispose;
12071
- let if_block = /*_isContentVisible*/ ctx[6] && create_if_block$7(ctx);
12103
+ let if_block = /*_isContentVisible*/ ctx[6] && create_if_block$8(ctx);
12072
12104
 
12073
12105
  return {
12074
12106
  c() {
@@ -12101,7 +12133,7 @@ function create_fragment$h(ctx) {
12101
12133
  if (if_block) {
12102
12134
  if_block.p(ctx, dirty);
12103
12135
  } else {
12104
- if_block = create_if_block$7(ctx);
12136
+ if_block = create_if_block$8(ctx);
12105
12137
  if_block.c();
12106
12138
  if_block.m(div1, null);
12107
12139
  }
@@ -12150,7 +12182,7 @@ function getBoundingClientRectWithMargins(el) {
12150
12182
  };
12151
12183
  }
12152
12184
 
12153
- function instance$f($$self, $$props, $$invalidate) {
12185
+ function instance$g($$self, $$props, $$invalidate) {
12154
12186
  let paddedContent;
12155
12187
  let { testid = "" } = $$props;
12156
12188
  let { maxwidth = "320px" } = $$props;
@@ -12300,8 +12332,8 @@ class Popover extends SvelteElement {
12300
12332
  props: attribute_to_object(this.attributes),
12301
12333
  customElement: true
12302
12334
  },
12303
- instance$f,
12304
- create_fragment$h,
12335
+ instance$g,
12336
+ create_fragment$j,
12305
12337
  safe_not_equal,
12306
12338
  {
12307
12339
  testid: 0,
@@ -12399,14 +12431,14 @@ customElements.define("goa-popover", Popover);
12399
12431
 
12400
12432
  /* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.51.0 */
12401
12433
 
12402
- function get_each_context$2(ctx, list, i) {
12434
+ function get_each_context$3(ctx, list, i) {
12403
12435
  const child_ctx = ctx.slice();
12404
12436
  child_ctx[22] = list[i];
12405
12437
  return child_ctx;
12406
12438
  }
12407
12439
 
12408
12440
  // (80:2) {#each options as option (option.value)}
12409
- function create_each_block$2(key_1, ctx) {
12441
+ function create_each_block$3(key_1, ctx) {
12410
12442
  let label;
12411
12443
  let input;
12412
12444
  let input_value_value;
@@ -12513,7 +12545,7 @@ function create_each_block$2(key_1, ctx) {
12513
12545
  };
12514
12546
  }
12515
12547
 
12516
- function create_fragment$g(ctx) {
12548
+ function create_fragment$i(ctx) {
12517
12549
  let div;
12518
12550
  let slot;
12519
12551
  let t;
@@ -12525,9 +12557,9 @@ function create_fragment$g(ctx) {
12525
12557
  const get_key = ctx => /*option*/ ctx[22].value;
12526
12558
 
12527
12559
  for (let i = 0; i < each_value.length; i += 1) {
12528
- let child_ctx = get_each_context$2(ctx, each_value, i);
12560
+ let child_ctx = get_each_context$3(ctx, each_value, i);
12529
12561
  let key = get_key(child_ctx);
12530
- each_1_lookup.set(key, each_blocks[i] = create_each_block$2(key, child_ctx));
12562
+ each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
12531
12563
  }
12532
12564
 
12533
12565
  return {
@@ -12559,7 +12591,7 @@ function create_fragment$g(ctx) {
12559
12591
  p(ctx, [dirty]) {
12560
12592
  if (dirty & /*options, isDisabled, isError, name, value, arialabel, onChange*/ 14867) {
12561
12593
  each_value = /*options*/ ctx[9];
12562
- each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, destroy_block, create_each_block$2, null, get_each_context$2);
12594
+ each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, destroy_block, create_each_block$3, null, get_each_context$3);
12563
12595
  }
12564
12596
 
12565
12597
  if (dirty & /*mt, mr, mb, ml*/ 480 && div_style_value !== (div_style_value = calculateMargin(/*mt*/ ctx[5], /*mr*/ ctx[6], /*mb*/ ctx[7], /*ml*/ ctx[8]))) {
@@ -12588,7 +12620,7 @@ function create_fragment$g(ctx) {
12588
12620
  };
12589
12621
  }
12590
12622
 
12591
- function instance$e($$self, $$props, $$invalidate) {
12623
+ function instance$f($$self, $$props, $$invalidate) {
12592
12624
  let isDisabled;
12593
12625
  let isError;
12594
12626
  const [Orientations, validateOrientation] = typeValidator("Radio group orientation", ["vertical", "horizontal"]);
@@ -12721,8 +12753,8 @@ class RadioGroup extends SvelteElement {
12721
12753
  props: attribute_to_object(this.attributes),
12722
12754
  customElement: true
12723
12755
  },
12724
- instance$e,
12725
- create_fragment$g,
12756
+ instance$f,
12757
+ create_fragment$i,
12726
12758
  safe_not_equal,
12727
12759
  {
12728
12760
  name: 1,
@@ -12872,7 +12904,7 @@ customElements.define("goa-radio-group", RadioGroup);
12872
12904
 
12873
12905
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.51.0 */
12874
12906
 
12875
- function create_fragment$f(ctx) {
12907
+ function create_fragment$h(ctx) {
12876
12908
  let div;
12877
12909
  let slot;
12878
12910
  let div_style_value;
@@ -12930,7 +12962,7 @@ function create_fragment$f(ctx) {
12930
12962
  };
12931
12963
  }
12932
12964
 
12933
- function instance$d($$self, $$props, $$invalidate) {
12965
+ function instance$e($$self, $$props, $$invalidate) {
12934
12966
  let { direction = "vertical" } = $$props;
12935
12967
  let { hpadding = "" } = $$props;
12936
12968
  let { vpadding = "" } = $$props;
@@ -13001,8 +13033,8 @@ class Scrollable extends SvelteElement {
13001
13033
  props: attribute_to_object(this.attributes),
13002
13034
  customElement: true
13003
13035
  },
13004
- instance$d,
13005
- create_fragment$f,
13036
+ instance$e,
13037
+ create_fragment$h,
13006
13038
  safe_not_equal,
13007
13039
  {
13008
13040
  direction: 0,
@@ -13097,14 +13129,14 @@ customElements.define("goa-scrollable", Scrollable);
13097
13129
 
13098
13130
  /* libs/web-components/src/components/skeleton/Skeleton.svelte generated by Svelte v3.51.0 */
13099
13131
 
13100
- function get_each_context$1(ctx, list, i) {
13132
+ function get_each_context$2(ctx, list, i) {
13101
13133
  const child_ctx = ctx.slice();
13102
13134
  child_ctx[13] = list[i];
13103
13135
  return child_ctx;
13104
13136
  }
13105
13137
 
13106
13138
  // (81:2) {:else}
13107
- function create_else_block$3(ctx) {
13139
+ function create_else_block$4(ctx) {
13108
13140
  let div;
13109
13141
  let div_class_value;
13110
13142
 
@@ -13130,7 +13162,7 @@ function create_else_block$3(ctx) {
13130
13162
  }
13131
13163
 
13132
13164
  // (68:31)
13133
- function create_if_block_3$3(ctx) {
13165
+ function create_if_block_3$4(ctx) {
13134
13166
  let div3;
13135
13167
  let div2;
13136
13168
  let div0;
@@ -13221,14 +13253,14 @@ function create_if_block_3$3(ctx) {
13221
13253
  }
13222
13254
 
13223
13255
  // (64:29)
13224
- function create_if_block_2$3(ctx) {
13256
+ function create_if_block_2$4(ctx) {
13225
13257
  let each_1_anchor;
13226
13258
  let current;
13227
13259
  let each_value = Array(Number.parseInt(/*linecount*/ ctx[2] + ""));
13228
13260
  let each_blocks = [];
13229
13261
 
13230
13262
  for (let i = 0; i < each_value.length; i += 1) {
13231
- each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
13263
+ each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
13232
13264
  }
13233
13265
 
13234
13266
  const out = i => transition_out(each_blocks[i], 1, 1, () => {
@@ -13257,13 +13289,13 @@ function create_if_block_2$3(ctx) {
13257
13289
  let i;
13258
13290
 
13259
13291
  for (i = 0; i < each_value.length; i += 1) {
13260
- const child_ctx = get_each_context$1(ctx, each_value, i);
13292
+ const child_ctx = get_each_context$2(ctx, each_value, i);
13261
13293
 
13262
13294
  if (each_blocks[i]) {
13263
13295
  each_blocks[i].p(child_ctx, dirty);
13264
13296
  transition_in(each_blocks[i], 1);
13265
13297
  } else {
13266
- each_blocks[i] = create_each_block$1(child_ctx);
13298
+ each_blocks[i] = create_each_block$2(child_ctx);
13267
13299
  each_blocks[i].c();
13268
13300
  transition_in(each_blocks[i], 1);
13269
13301
  each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
@@ -13305,7 +13337,7 @@ function create_if_block_2$3(ctx) {
13305
13337
  }
13306
13338
 
13307
13339
  // (54:31)
13308
- function create_if_block_1$3(ctx) {
13340
+ function create_if_block_1$4(ctx) {
13309
13341
  let div2;
13310
13342
  let div0;
13311
13343
  let skeleton0;
@@ -13395,7 +13427,7 @@ function create_if_block_1$3(ctx) {
13395
13427
  }
13396
13428
 
13397
13429
  // (43:2) {#if type === "card"}
13398
- function create_if_block$6(ctx) {
13430
+ function create_if_block$7(ctx) {
13399
13431
  let div1;
13400
13432
  let skeleton0;
13401
13433
  let t0;
@@ -13488,7 +13520,7 @@ function create_if_block$6(ctx) {
13488
13520
  }
13489
13521
 
13490
13522
  // (65:4) {#each Array(Number.parseInt(linecount+"")) as _item}
13491
- function create_each_block$1(ctx) {
13523
+ function create_each_block$2(ctx) {
13492
13524
  let skeleton;
13493
13525
  let current;
13494
13526
 
@@ -13529,7 +13561,7 @@ function create_each_block$1(ctx) {
13529
13561
  };
13530
13562
  }
13531
13563
 
13532
- function create_fragment$e(ctx) {
13564
+ function create_fragment$g(ctx) {
13533
13565
  let div;
13534
13566
  let current_block_type_index;
13535
13567
  let if_block;
@@ -13537,11 +13569,11 @@ function create_fragment$e(ctx) {
13537
13569
  let current;
13538
13570
 
13539
13571
  const if_block_creators = [
13540
- create_if_block$6,
13541
- create_if_block_1$3,
13542
- create_if_block_2$3,
13543
- create_if_block_3$3,
13544
- create_else_block$3
13572
+ create_if_block$7,
13573
+ create_if_block_1$4,
13574
+ create_if_block_2$4,
13575
+ create_if_block_3$4,
13576
+ create_else_block$4
13545
13577
  ];
13546
13578
 
13547
13579
  const if_blocks = [];
@@ -13621,7 +13653,7 @@ function create_fragment$e(ctx) {
13621
13653
  };
13622
13654
  }
13623
13655
 
13624
- function instance$c($$self, $$props, $$invalidate) {
13656
+ function instance$d($$self, $$props, $$invalidate) {
13625
13657
  const [Types, validateType] = typeValidator(
13626
13658
  "Skeleton type",
13627
13659
  [
@@ -13684,8 +13716,8 @@ class Skeleton extends SvelteElement {
13684
13716
  props: attribute_to_object(this.attributes),
13685
13717
  customElement: true
13686
13718
  },
13687
- instance$c,
13688
- create_fragment$e,
13719
+ instance$d,
13720
+ create_fragment$g,
13689
13721
  safe_not_equal,
13690
13722
  {
13691
13723
  maxwidth: 0,
@@ -13803,7 +13835,7 @@ customElements.define("goa-skeleton", Skeleton);
13803
13835
 
13804
13836
  /* libs/web-components/src/components/spacer/Spacer.svelte generated by Svelte v3.51.0 */
13805
13837
 
13806
- function create_fragment$d(ctx) {
13838
+ function create_fragment$f(ctx) {
13807
13839
  let div;
13808
13840
 
13809
13841
  return {
@@ -13825,7 +13857,7 @@ function create_fragment$d(ctx) {
13825
13857
  };
13826
13858
  }
13827
13859
 
13828
- function instance$b($$self, $$props, $$invalidate) {
13860
+ function instance$c($$self, $$props, $$invalidate) {
13829
13861
  let { hspacing = "none" } = $$props;
13830
13862
  let { vspacing = "none" } = $$props;
13831
13863
  let rootEl;
@@ -13866,8 +13898,8 @@ class Spacer extends SvelteElement {
13866
13898
  props: attribute_to_object(this.attributes),
13867
13899
  customElement: true
13868
13900
  },
13869
- instance$b,
13870
- create_fragment$d,
13901
+ instance$c,
13902
+ create_fragment$f,
13871
13903
  safe_not_equal,
13872
13904
  { hspacing: 1, vspacing: 2 },
13873
13905
  null
@@ -14059,7 +14091,7 @@ function tweened(value, defaults = {}) {
14059
14091
 
14060
14092
  /* libs/web-components/src/components/spinner/Spinner.svelte generated by Svelte v3.51.0 */
14061
14093
 
14062
- function create_if_block$5(ctx) {
14094
+ function create_if_block$6(ctx) {
14063
14095
  let svg;
14064
14096
  let circle;
14065
14097
  let circle_stroke_value;
@@ -14168,9 +14200,9 @@ function create_if_block$5(ctx) {
14168
14200
  };
14169
14201
  }
14170
14202
 
14171
- function create_fragment$c(ctx) {
14203
+ function create_fragment$e(ctx) {
14172
14204
  let if_block_anchor;
14173
- let if_block = /*ready*/ ctx[6] && create_if_block$5(ctx);
14205
+ let if_block = /*ready*/ ctx[6] && create_if_block$6(ctx);
14174
14206
 
14175
14207
  return {
14176
14208
  c() {
@@ -14187,7 +14219,7 @@ function create_fragment$c(ctx) {
14187
14219
  if (if_block) {
14188
14220
  if_block.p(ctx, dirty);
14189
14221
  } else {
14190
- if_block = create_if_block$5(ctx);
14222
+ if_block = create_if_block$6(ctx);
14191
14223
  if_block.c();
14192
14224
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
14193
14225
  }
@@ -14205,7 +14237,7 @@ function create_fragment$c(ctx) {
14205
14237
  };
14206
14238
  }
14207
14239
 
14208
- function instance$a($$self, $$props, $$invalidate) {
14240
+ function instance$b($$self, $$props, $$invalidate) {
14209
14241
  let diameter;
14210
14242
  let strokewidth;
14211
14243
  let radius;
@@ -14324,8 +14356,8 @@ class Spinner extends SvelteElement {
14324
14356
  props: attribute_to_object(this.attributes),
14325
14357
  customElement: true
14326
14358
  },
14327
- instance$a,
14328
- create_fragment$c,
14359
+ instance$b,
14360
+ create_fragment$e,
14329
14361
  safe_not_equal,
14330
14362
  {
14331
14363
  size: 10,
@@ -14393,7 +14425,7 @@ customElements.define("goa-spinner", Spinner);
14393
14425
 
14394
14426
  /* libs/web-components/src/components/table/Table.svelte generated by Svelte v3.51.0 */
14395
14427
 
14396
- function create_fragment$b(ctx) {
14428
+ function create_fragment$d(ctx) {
14397
14429
  let table;
14398
14430
  let slot;
14399
14431
  let t0;
@@ -14453,7 +14485,7 @@ function create_fragment$b(ctx) {
14453
14485
  };
14454
14486
  }
14455
14487
 
14456
- function instance$9($$self, $$props, $$invalidate) {
14488
+ function instance$a($$self, $$props, $$invalidate) {
14457
14489
  let _stickyHeader;
14458
14490
  const [Variants, validateVariant] = typeValidator("Table variant", ["normal", "relaxed"], true);
14459
14491
  let { width = "" } = $$props;
@@ -14566,8 +14598,8 @@ class Table extends SvelteElement {
14566
14598
  props: attribute_to_object(this.attributes),
14567
14599
  customElement: true
14568
14600
  },
14569
- instance$9,
14570
- create_fragment$b,
14601
+ instance$a,
14602
+ create_fragment$d,
14571
14603
  safe_not_equal,
14572
14604
  {
14573
14605
  width: 0,
@@ -14665,7 +14697,7 @@ customElements.define("goa-table", Table);
14665
14697
 
14666
14698
  /* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.51.0 */
14667
14699
 
14668
- function create_else_block$2(ctx) {
14700
+ function create_else_block$3(ctx) {
14669
14701
  let img;
14670
14702
  let img_src_value;
14671
14703
 
@@ -14695,7 +14727,7 @@ function create_else_block$2(ctx) {
14695
14727
  }
14696
14728
 
14697
14729
  // (55:2) {#if direction === "none"}
14698
- function create_if_block$4(ctx) {
14730
+ function create_if_block$5(ctx) {
14699
14731
  let img;
14700
14732
  let img_src_value;
14701
14733
 
@@ -14715,14 +14747,14 @@ function create_if_block$4(ctx) {
14715
14747
  };
14716
14748
  }
14717
14749
 
14718
- function create_fragment$a(ctx) {
14750
+ function create_fragment$c(ctx) {
14719
14751
  let button;
14720
14752
  let slot;
14721
14753
  let t;
14722
14754
 
14723
14755
  function select_block_type(ctx, dirty) {
14724
- if (/*direction*/ ctx[0] === "none") return create_if_block$4;
14725
- return create_else_block$2;
14756
+ if (/*direction*/ ctx[0] === "none") return create_if_block$5;
14757
+ return create_else_block$3;
14726
14758
  }
14727
14759
 
14728
14760
  let current_block_type = select_block_type(ctx);
@@ -14764,7 +14796,7 @@ function create_fragment$a(ctx) {
14764
14796
  };
14765
14797
  }
14766
14798
 
14767
- function instance$8($$self, $$props, $$invalidate) {
14799
+ function instance$9($$self, $$props, $$invalidate) {
14768
14800
  let { direction = "none" } = $$props;
14769
14801
 
14770
14802
  $$self.$$set = $$props => {
@@ -14786,8 +14818,8 @@ class TableSortHeader extends SvelteElement {
14786
14818
  props: attribute_to_object(this.attributes),
14787
14819
  customElement: true
14788
14820
  },
14789
- instance$8,
14790
- create_fragment$a,
14821
+ instance$9,
14822
+ create_fragment$c,
14791
14823
  safe_not_equal,
14792
14824
  { direction: 0 },
14793
14825
  null
@@ -14823,7 +14855,7 @@ customElements.define("goa-table-sort-header", TableSortHeader);
14823
14855
 
14824
14856
  /* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */
14825
14857
 
14826
- function create_fragment$9(ctx) {
14858
+ function create_fragment$b(ctx) {
14827
14859
  let div;
14828
14860
  let textarea;
14829
14861
  let textarea_aria_label_value;
@@ -14919,7 +14951,7 @@ function create_fragment$9(ctx) {
14919
14951
  };
14920
14952
  }
14921
14953
 
14922
- function instance$7($$self, $$props, $$invalidate) {
14954
+ function instance$8($$self, $$props, $$invalidate) {
14923
14955
  let isError;
14924
14956
  let isDisabled;
14925
14957
  let isReadonly;
@@ -15025,8 +15057,8 @@ class TextArea extends SvelteElement {
15025
15057
  props: attribute_to_object(this.attributes),
15026
15058
  customElement: true
15027
15059
  },
15028
- instance$7,
15029
- create_fragment$9,
15060
+ instance$8,
15061
+ create_fragment$b,
15030
15062
  safe_not_equal,
15031
15063
  {
15032
15064
  name: 0,
@@ -15220,7 +15252,7 @@ customElements.define("goa-textarea", TextArea);
15220
15252
 
15221
15253
  /* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.51.0 */
15222
15254
 
15223
- function create_fragment$8(ctx) {
15255
+ function create_fragment$a(ctx) {
15224
15256
  let div;
15225
15257
 
15226
15258
  return {
@@ -15269,7 +15301,7 @@ class FullScreenNavbarLayout extends SvelteElement {
15269
15301
  customElement: true
15270
15302
  },
15271
15303
  null,
15272
- create_fragment$8,
15304
+ create_fragment$a,
15273
15305
  safe_not_equal,
15274
15306
  {},
15275
15307
  null
@@ -15287,7 +15319,7 @@ customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
15287
15319
 
15288
15320
  /* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.51.0 */
15289
15321
 
15290
- function create_fragment$7(ctx) {
15322
+ function create_fragment$9(ctx) {
15291
15323
  let div;
15292
15324
 
15293
15325
  return {
@@ -15328,7 +15360,7 @@ class OneColumnLayout extends SvelteElement {
15328
15360
  customElement: true
15329
15361
  },
15330
15362
  null,
15331
- create_fragment$7,
15363
+ create_fragment$9,
15332
15364
  safe_not_equal,
15333
15365
  {},
15334
15366
  null
@@ -15346,7 +15378,7 @@ customElements.define("goa-one-column-layout", OneColumnLayout);
15346
15378
 
15347
15379
  /* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.51.0 */
15348
15380
 
15349
- function create_fragment$6(ctx) {
15381
+ function create_fragment$8(ctx) {
15350
15382
  let div;
15351
15383
  let header;
15352
15384
  let t0;
@@ -15405,7 +15437,7 @@ function create_fragment$6(ctx) {
15405
15437
  };
15406
15438
  }
15407
15439
 
15408
- function instance$6($$self, $$props, $$invalidate) {
15440
+ function instance$7($$self, $$props, $$invalidate) {
15409
15441
  let { navcolumnwidth = "" } = $$props;
15410
15442
  let { maxcontentwidth = "" } = $$props;
15411
15443
 
@@ -15429,8 +15461,8 @@ class TwoColumnLayout extends SvelteElement {
15429
15461
  props: attribute_to_object(this.attributes),
15430
15462
  customElement: true
15431
15463
  },
15432
- instance$6,
15433
- create_fragment$6,
15464
+ instance$7,
15465
+ create_fragment$8,
15434
15466
  safe_not_equal,
15435
15467
  { navcolumnwidth: 0, maxcontentwidth: 1 },
15436
15468
  null
@@ -15475,7 +15507,7 @@ customElements.define("goa-two-column-layout", TwoColumnLayout);
15475
15507
 
15476
15508
  /* libs/web-components/src/layouts/three-column-layout/ThreeColumnLayout.svelte generated by Svelte v3.51.0 */
15477
15509
 
15478
- function create_fragment$5(ctx) {
15510
+ function create_fragment$7(ctx) {
15479
15511
  let div;
15480
15512
  let header;
15481
15513
  let t0;
@@ -15538,7 +15570,7 @@ function create_fragment$5(ctx) {
15538
15570
  };
15539
15571
  }
15540
15572
 
15541
- function instance$5($$self, $$props, $$invalidate) {
15573
+ function instance$6($$self, $$props, $$invalidate) {
15542
15574
  let { leftcolumnwidth } = $$props;
15543
15575
  let { rightcolumnwidth } = $$props;
15544
15576
  let { maxcontentwidth } = $$props;
@@ -15564,8 +15596,8 @@ class ThreeColumnLayout extends SvelteElement {
15564
15596
  props: attribute_to_object(this.attributes),
15565
15597
  customElement: true
15566
15598
  },
15567
- instance$5,
15568
- create_fragment$5,
15599
+ instance$6,
15600
+ create_fragment$7,
15569
15601
  safe_not_equal,
15570
15602
  {
15571
15603
  leftcolumnwidth: 0,
@@ -15621,6 +15653,642 @@ class ThreeColumnLayout extends SvelteElement {
15621
15653
 
15622
15654
  customElements.define("goa-three-column-layout", ThreeColumnLayout);
15623
15655
 
15656
+ /* libs/web-components/src/components/sidebar/Sidebar.svelte generated by Svelte v3.51.0 */
15657
+
15658
+ function get_each_context$1(ctx, list, i) {
15659
+ const child_ctx = ctx.slice();
15660
+ child_ctx[14] = list[i];
15661
+ child_ctx[16] = i;
15662
+ return child_ctx;
15663
+ }
15664
+
15665
+ // (88:6) {#if true}
15666
+ function create_if_block_1$3(ctx) {
15667
+ let li;
15668
+ let span;
15669
+ let t0_value = /*item*/ ctx[14].displayname + "";
15670
+ let t0;
15671
+ let t1;
15672
+ let li_aria_selected_value;
15673
+ let li_aria_label_value;
15674
+ let mounted;
15675
+ let dispose;
15676
+ let if_block = /*item*/ ctx[14].items && /*item*/ ctx[14].items.length > 0 && create_if_block_2$3(ctx);
15677
+
15678
+ function click_handler() {
15679
+ return /*click_handler*/ ctx[8](/*item*/ ctx[14]);
15680
+ }
15681
+
15682
+ function keydown_handler(...args) {
15683
+ return /*keydown_handler*/ ctx[9](/*item*/ ctx[14], ...args);
15684
+ }
15685
+
15686
+ return {
15687
+ c() {
15688
+ li = element("li");
15689
+ span = element("span");
15690
+ t0 = text(t0_value);
15691
+ t1 = space();
15692
+ if (if_block) if_block.c();
15693
+ attr(span, "class", "label");
15694
+ attr(li, "role", "menuitem");
15695
+ attr(li, "aria-selected", li_aria_selected_value = /*item*/ ctx[14].active);
15696
+
15697
+ attr(li, "aria-label", li_aria_label_value = `${/*item*/ ctx[14].displayname}${/*item*/ ctx[14].items && /*item*/ ctx[14].items.length > 0
15698
+ ? /*isExpanded*/ ctx[5](/*item*/ ctx[14])
15699
+ ? " Expanded"
15700
+ : " Collapsed"
15701
+ : ""}`);
15702
+
15703
+ attr(li, "tabindex", "0");
15704
+ toggle_class(li, "active", /*item*/ ctx[14].active);
15705
+ toggle_class(li, "expanded", /*isExpanded*/ ctx[5](/*item*/ ctx[14]) && hasSubItemSelected(/*item*/ ctx[14]));
15706
+ toggle_class(li, "sub-level", /*level*/ ctx[0] > 0);
15707
+ },
15708
+ m(target, anchor) {
15709
+ insert(target, li, anchor);
15710
+ append(li, span);
15711
+ append(span, t0);
15712
+ append(li, t1);
15713
+ if (if_block) if_block.m(li, null);
15714
+
15715
+ if (!mounted) {
15716
+ dispose = [
15717
+ listen(li, "click", click_handler),
15718
+ listen(li, "keydown", keydown_handler)
15719
+ ];
15720
+
15721
+ mounted = true;
15722
+ }
15723
+ },
15724
+ p(new_ctx, dirty) {
15725
+ ctx = new_ctx;
15726
+ if (dirty & /*_items*/ 4 && t0_value !== (t0_value = /*item*/ ctx[14].displayname + "")) set_data(t0, t0_value);
15727
+
15728
+ if (/*item*/ ctx[14].items && /*item*/ ctx[14].items.length > 0) {
15729
+ if (if_block) {
15730
+ if_block.p(ctx, dirty);
15731
+ } else {
15732
+ if_block = create_if_block_2$3(ctx);
15733
+ if_block.c();
15734
+ if_block.m(li, null);
15735
+ }
15736
+ } else if (if_block) {
15737
+ if_block.d(1);
15738
+ if_block = null;
15739
+ }
15740
+
15741
+ if (dirty & /*_items*/ 4 && li_aria_selected_value !== (li_aria_selected_value = /*item*/ ctx[14].active)) {
15742
+ attr(li, "aria-selected", li_aria_selected_value);
15743
+ }
15744
+
15745
+ if (dirty & /*_items*/ 4 && li_aria_label_value !== (li_aria_label_value = `${/*item*/ ctx[14].displayname}${/*item*/ ctx[14].items && /*item*/ ctx[14].items.length > 0
15746
+ ? /*isExpanded*/ ctx[5](/*item*/ ctx[14])
15747
+ ? " Expanded"
15748
+ : " Collapsed"
15749
+ : ""}`)) {
15750
+ attr(li, "aria-label", li_aria_label_value);
15751
+ }
15752
+
15753
+ if (dirty & /*_items*/ 4) {
15754
+ toggle_class(li, "active", /*item*/ ctx[14].active);
15755
+ }
15756
+
15757
+ if (dirty & /*isExpanded, _items, hasSubItemSelected*/ 36) {
15758
+ toggle_class(li, "expanded", /*isExpanded*/ ctx[5](/*item*/ ctx[14]) && hasSubItemSelected(/*item*/ ctx[14]));
15759
+ }
15760
+
15761
+ if (dirty & /*level*/ 1) {
15762
+ toggle_class(li, "sub-level", /*level*/ ctx[0] > 0);
15763
+ }
15764
+ },
15765
+ d(detaching) {
15766
+ if (detaching) detach(li);
15767
+ if (if_block) if_block.d();
15768
+ mounted = false;
15769
+ run_all(dispose);
15770
+ }
15771
+ };
15772
+ }
15773
+
15774
+ // (102:8) {#if item.items && item.items.length > 0}
15775
+ function create_if_block_2$3(ctx) {
15776
+ let show_if;
15777
+ let if_block_anchor;
15778
+
15779
+ function select_block_type(ctx, dirty) {
15780
+ if (dirty & /*_items*/ 4) show_if = null;
15781
+ if (show_if == null) show_if = !!/*isExpanded*/ ctx[5](/*item*/ ctx[14]);
15782
+ if (show_if) return create_if_block_3$3;
15783
+ return create_else_block$2;
15784
+ }
15785
+
15786
+ let current_block_type = select_block_type(ctx, -1);
15787
+ let if_block = current_block_type(ctx);
15788
+
15789
+ return {
15790
+ c() {
15791
+ if_block.c();
15792
+ if_block_anchor = empty();
15793
+ },
15794
+ m(target, anchor) {
15795
+ if_block.m(target, anchor);
15796
+ insert(target, if_block_anchor, anchor);
15797
+ },
15798
+ p(ctx, dirty) {
15799
+ if (current_block_type !== (current_block_type = select_block_type(ctx, dirty))) {
15800
+ if_block.d(1);
15801
+ if_block = current_block_type(ctx);
15802
+
15803
+ if (if_block) {
15804
+ if_block.c();
15805
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
15806
+ }
15807
+ }
15808
+ },
15809
+ d(detaching) {
15810
+ if_block.d(detaching);
15811
+ if (detaching) detach(if_block_anchor);
15812
+ }
15813
+ };
15814
+ }
15815
+
15816
+ // (105:10) {:else}
15817
+ function create_else_block$2(ctx) {
15818
+ let goa_icon;
15819
+
15820
+ return {
15821
+ c() {
15822
+ goa_icon = element("goa-icon");
15823
+ set_custom_element_data(goa_icon, "type", "chevron-forward");
15824
+ set_custom_element_data(goa_icon, "size", "medium");
15825
+ },
15826
+ m(target, anchor) {
15827
+ insert(target, goa_icon, anchor);
15828
+ },
15829
+ d(detaching) {
15830
+ if (detaching) detach(goa_icon);
15831
+ }
15832
+ };
15833
+ }
15834
+
15835
+ // (103:10) {#if isExpanded(item)}
15836
+ function create_if_block_3$3(ctx) {
15837
+ let goa_icon;
15838
+
15839
+ return {
15840
+ c() {
15841
+ goa_icon = element("goa-icon");
15842
+ set_custom_element_data(goa_icon, "type", "chevron-down");
15843
+ set_custom_element_data(goa_icon, "size", "medium");
15844
+ },
15845
+ m(target, anchor) {
15846
+ insert(target, goa_icon, anchor);
15847
+ },
15848
+ d(detaching) {
15849
+ if (detaching) detach(goa_icon);
15850
+ }
15851
+ };
15852
+ }
15853
+
15854
+ // (112:6) {#if item.items && item.items.length > 0 && isExpanded(item)}
15855
+ function create_if_block$4(ctx) {
15856
+ let div;
15857
+ let sidebar;
15858
+ let t;
15859
+ let current;
15860
+
15861
+ sidebar = new Sidebar({
15862
+ props: {
15863
+ navitems: /*item*/ ctx[14].items,
15864
+ level: /*level*/ ctx[0] + 1
15865
+ }
15866
+ });
15867
+
15868
+ return {
15869
+ c() {
15870
+ div = element("div");
15871
+ create_component(sidebar.$$.fragment);
15872
+ t = space();
15873
+ attr(div, "style", /*calculateMarginLeft*/ ctx[4]());
15874
+ },
15875
+ m(target, anchor) {
15876
+ insert(target, div, anchor);
15877
+ mount_component(sidebar, div, null);
15878
+ append(div, t);
15879
+ current = true;
15880
+ },
15881
+ p(ctx, dirty) {
15882
+ const sidebar_changes = {};
15883
+ if (dirty & /*_items*/ 4) sidebar_changes.navitems = /*item*/ ctx[14].items;
15884
+ if (dirty & /*level*/ 1) sidebar_changes.level = /*level*/ ctx[0] + 1;
15885
+ sidebar.$set(sidebar_changes);
15886
+ },
15887
+ i(local) {
15888
+ if (current) return;
15889
+ transition_in(sidebar.$$.fragment, local);
15890
+ current = true;
15891
+ },
15892
+ o(local) {
15893
+ transition_out(sidebar.$$.fragment, local);
15894
+ current = false;
15895
+ },
15896
+ d(detaching) {
15897
+ if (detaching) detach(div);
15898
+ destroy_component(sidebar);
15899
+ }
15900
+ };
15901
+ }
15902
+
15903
+ // (87:4) {#each _items as item, index (index)}
15904
+ function create_each_block$1(key_1, ctx) {
15905
+ let first;
15906
+ let t;
15907
+ let show_if = /*item*/ ctx[14].items && /*item*/ ctx[14].items.length > 0 && /*isExpanded*/ ctx[5](/*item*/ ctx[14]);
15908
+ let if_block1_anchor;
15909
+ let current;
15910
+ let if_block0 = create_if_block_1$3(ctx);
15911
+ let if_block1 = show_if && create_if_block$4(ctx);
15912
+
15913
+ return {
15914
+ key: key_1,
15915
+ first: null,
15916
+ c() {
15917
+ first = empty();
15918
+ if (if_block0) if_block0.c();
15919
+ t = space();
15920
+ if (if_block1) if_block1.c();
15921
+ if_block1_anchor = empty();
15922
+ this.first = first;
15923
+ },
15924
+ m(target, anchor) {
15925
+ insert(target, first, anchor);
15926
+ if (if_block0) if_block0.m(target, anchor);
15927
+ insert(target, t, anchor);
15928
+ if (if_block1) if_block1.m(target, anchor);
15929
+ insert(target, if_block1_anchor, anchor);
15930
+ current = true;
15931
+ },
15932
+ p(new_ctx, dirty) {
15933
+ ctx = new_ctx;
15934
+ if_block0.p(ctx, dirty);
15935
+ if (dirty & /*_items*/ 4) show_if = /*item*/ ctx[14].items && /*item*/ ctx[14].items.length > 0 && /*isExpanded*/ ctx[5](/*item*/ ctx[14]);
15936
+
15937
+ if (show_if) {
15938
+ if (if_block1) {
15939
+ if_block1.p(ctx, dirty);
15940
+
15941
+ if (dirty & /*_items*/ 4) {
15942
+ transition_in(if_block1, 1);
15943
+ }
15944
+ } else {
15945
+ if_block1 = create_if_block$4(ctx);
15946
+ if_block1.c();
15947
+ transition_in(if_block1, 1);
15948
+ if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
15949
+ }
15950
+ } else if (if_block1) {
15951
+ group_outros();
15952
+
15953
+ transition_out(if_block1, 1, 1, () => {
15954
+ if_block1 = null;
15955
+ });
15956
+
15957
+ check_outros();
15958
+ }
15959
+ },
15960
+ i(local) {
15961
+ if (current) return;
15962
+ transition_in(if_block1);
15963
+ current = true;
15964
+ },
15965
+ o(local) {
15966
+ transition_out(if_block1);
15967
+ current = false;
15968
+ },
15969
+ d(detaching) {
15970
+ if (detaching) detach(first);
15971
+ if (if_block0) if_block0.d(detaching);
15972
+ if (detaching) detach(t);
15973
+ if (if_block1) if_block1.d(detaching);
15974
+ if (detaching) detach(if_block1_anchor);
15975
+ }
15976
+ };
15977
+ }
15978
+
15979
+ function create_fragment$6(ctx) {
15980
+ let div;
15981
+ let ul;
15982
+ let slot;
15983
+ let t;
15984
+ let each_blocks = [];
15985
+ let each_1_lookup = new Map();
15986
+ let current;
15987
+ let each_value = /*_items*/ ctx[2];
15988
+ const get_key = ctx => /*index*/ ctx[16];
15989
+
15990
+ for (let i = 0; i < each_value.length; i += 1) {
15991
+ let child_ctx = get_each_context$1(ctx, each_value, i);
15992
+ let key = get_key(child_ctx);
15993
+ each_1_lookup.set(key, each_blocks[i] = create_each_block$1(key, child_ctx));
15994
+ }
15995
+
15996
+ return {
15997
+ c() {
15998
+ div = element("div");
15999
+ ul = element("ul");
16000
+ slot = element("slot");
16001
+ t = space();
16002
+
16003
+ for (let i = 0; i < each_blocks.length; i += 1) {
16004
+ each_blocks[i].c();
16005
+ }
16006
+
16007
+ this.c = noop;
16008
+ attr(ul, "role", "menu");
16009
+ attr(ul, "aria-label", "Side Menu");
16010
+ attr(ul, "tabindex", "-1");
16011
+ toggle_class(div, "first-level", /*level*/ ctx[0] === 0);
16012
+ },
16013
+ m(target, anchor) {
16014
+ insert(target, div, anchor);
16015
+ append(div, ul);
16016
+ append(ul, slot);
16017
+ append(ul, t);
16018
+
16019
+ for (let i = 0; i < each_blocks.length; i += 1) {
16020
+ each_blocks[i].m(ul, null);
16021
+ }
16022
+
16023
+ /*div_binding*/ ctx[10](div);
16024
+ current = true;
16025
+ },
16026
+ p(ctx, [dirty]) {
16027
+ if (dirty & /*calculateMarginLeft, _items, level, isExpanded, hasSubItemSelected, toggle, handleKeyDown*/ 125) {
16028
+ each_value = /*_items*/ ctx[2];
16029
+ group_outros();
16030
+ each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, ul, outro_and_destroy_block, create_each_block$1, null, get_each_context$1);
16031
+ check_outros();
16032
+ }
16033
+
16034
+ if (!current || dirty & /*level*/ 1) {
16035
+ toggle_class(div, "first-level", /*level*/ ctx[0] === 0);
16036
+ }
16037
+ },
16038
+ i(local) {
16039
+ if (current) return;
16040
+
16041
+ for (let i = 0; i < each_value.length; i += 1) {
16042
+ transition_in(each_blocks[i]);
16043
+ }
16044
+
16045
+ current = true;
16046
+ },
16047
+ o(local) {
16048
+ for (let i = 0; i < each_blocks.length; i += 1) {
16049
+ transition_out(each_blocks[i]);
16050
+ }
16051
+
16052
+ current = false;
16053
+ },
16054
+ d(detaching) {
16055
+ if (detaching) detach(div);
16056
+
16057
+ for (let i = 0; i < each_blocks.length; i += 1) {
16058
+ each_blocks[i].d();
16059
+ }
16060
+
16061
+ /*div_binding*/ ctx[10](null);
16062
+ }
16063
+ };
16064
+ }
16065
+
16066
+ function hasSubItemSelected(item) {
16067
+ return item.items && item.items.length > 0 && item.items.some(_item => _item.active);
16068
+ }
16069
+
16070
+ function instance$5($$self, $$props, $$invalidate) {
16071
+ let { level = 0 } = $$props;
16072
+ let { navitems = [] } = $$props;
16073
+
16074
+ // Private
16075
+ let _rootElement;
16076
+
16077
+ let _items = [];
16078
+ let _expandedNavItems = [];
16079
+
16080
+ onMount(async () => {
16081
+ const slot = _rootElement.querySelector("slot");
16082
+
16083
+ slot === null || slot === void 0
16084
+ ? void 0
16085
+ : slot.addEventListener("slotchange", _e => {
16086
+ $$invalidate(2, _items = level === 0 ? [...getItems()] : [...navitems]);
16087
+ });
16088
+ });
16089
+
16090
+ function toggle(item) {
16091
+ // Only dispatch back when the nav item is the lowest level (no children)
16092
+ if (!item.items || item.items.length === 0) {
16093
+ _rootElement.dispatchEvent(new CustomEvent("_change", { composed: true, detail: item }));
16094
+ }
16095
+
16096
+ // Updated this expanded item to our _expandedNavItems array
16097
+ _expandedNavItems = item && !_expandedNavItems.includes(item)
16098
+ ? [..._expandedNavItems, item]
16099
+ : _expandedNavItems.filter(_item => _item !== item);
16100
+
16101
+ $$invalidate(2, _items = [..._items]);
16102
+ }
16103
+
16104
+ function getItems(nodes = null) {
16105
+ const children = nodes || getChildren();
16106
+
16107
+ return children.filter(child => child.tagName === "GOAX-SIDEBAR-ITEM").map(el => {
16108
+ return {
16109
+ displayname: el.displayname,
16110
+ active: el.active,
16111
+ url: el.url,
16112
+ name: el.name,
16113
+ items: el.children.length > 0 ? getItems([...el.children]) : []
16114
+ };
16115
+ });
16116
+ }
16117
+
16118
+ function getChildren() {
16119
+ const slot = _rootElement.querySelector("slot");
16120
+
16121
+ if (slot) {
16122
+ return slot.assignedElements();
16123
+ }
16124
+
16125
+ return [..._rootElement.children];
16126
+ }
16127
+
16128
+ function calculateMarginLeft() {
16129
+ const marginLeft = 32;
16130
+ return `margin-left: ${marginLeft * (level + 1)}px`;
16131
+ }
16132
+
16133
+ /**
16134
+ * Check if the item is expanded by action (verify with _expandedNavItems) or by sub item selection (default by user)
16135
+ */
16136
+ function isExpanded(item) {
16137
+ if (item.items && item.items.length > 0) {
16138
+ return _expandedNavItems.includes(item) || hasSubItemSelected(item);
16139
+ }
16140
+
16141
+ return false;
16142
+ }
16143
+
16144
+ /**
16145
+ * Accessibility when press enter to select the item
16146
+ */
16147
+ function handleKeyDown(event, item) {
16148
+ if (event.key === "Enter") {
16149
+ toggle(item);
16150
+ }
16151
+ }
16152
+
16153
+ const click_handler = item => toggle(item);
16154
+ const keydown_handler = (item, event) => handleKeyDown(event, item);
16155
+
16156
+ function div_binding($$value) {
16157
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16158
+ _rootElement = $$value;
16159
+ $$invalidate(1, _rootElement);
16160
+ });
16161
+ }
16162
+
16163
+ $$self.$$set = $$props => {
16164
+ if ('level' in $$props) $$invalidate(0, level = $$props.level);
16165
+ if ('navitems' in $$props) $$invalidate(7, navitems = $$props.navitems);
16166
+ };
16167
+
16168
+ $$self.$$.update = () => {
16169
+ if ($$self.$$.dirty & /*_rootElement, level, navitems*/ 131) {
16170
+ {
16171
+ if (_rootElement) {
16172
+ $$invalidate(2, _items = level === 0 ? [...getItems()] : [...navitems]);
16173
+ }
16174
+ }
16175
+ }
16176
+ };
16177
+
16178
+ return [
16179
+ level,
16180
+ _rootElement,
16181
+ _items,
16182
+ toggle,
16183
+ calculateMarginLeft,
16184
+ isExpanded,
16185
+ handleKeyDown,
16186
+ navitems,
16187
+ click_handler,
16188
+ keydown_handler,
16189
+ div_binding
16190
+ ];
16191
+ }
16192
+
16193
+ class Sidebar extends SvelteElement {
16194
+ constructor(options) {
16195
+ super();
16196
+ this.shadowRoot.innerHTML = `<style>div.first-level{margin-top:var(--goa-space-m)}:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);color:var(--goa-color-text-default)}ul{list-style:none;padding:0;margin:0}li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-xl);gap:var(--goa-line-height-05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.label{font:var(--goa-typography-body-m);display:flex;align-items:center}li.active .label{font:var(--goa-typography-heading-s)}li:hover{background:#CEDFEE}li.expanded{background:#CEDFEE}li.active{background:var(--goa-color-info-background)}li:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}li.sub-level{padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-m)}li.active.sub-level{border-left:4px solid var(--goa-color-interactive-disabled)}li.sub-level:not(.active):not(:hover){border-left:4px solid var(--goa-color-greyscale-100)}li.sub-level:hover{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-greyscale-200)}</style>`;
16197
+
16198
+ init(
16199
+ this,
16200
+ {
16201
+ target: this.shadowRoot,
16202
+ props: attribute_to_object(this.attributes),
16203
+ customElement: true
16204
+ },
16205
+ instance$5,
16206
+ create_fragment$6,
16207
+ safe_not_equal,
16208
+ { level: 0, navitems: 7 },
16209
+ null
16210
+ );
16211
+
16212
+ if (options) {
16213
+ if (options.target) {
16214
+ insert(options.target, this, options.anchor);
16215
+ }
16216
+
16217
+ if (options.props) {
16218
+ this.$set(options.props);
16219
+ flush();
16220
+ }
16221
+ }
16222
+ }
16223
+
16224
+ static get observedAttributes() {
16225
+ return ["level", "navitems"];
16226
+ }
16227
+
16228
+ get level() {
16229
+ return this.$$.ctx[0];
16230
+ }
16231
+
16232
+ set level(level) {
16233
+ this.$$set({ level });
16234
+ flush();
16235
+ }
16236
+
16237
+ get navitems() {
16238
+ return this.$$.ctx[7];
16239
+ }
16240
+
16241
+ set navitems(navitems) {
16242
+ this.$$set({ navitems });
16243
+ flush();
16244
+ }
16245
+ }
16246
+
16247
+ customElements.define("goax-sidebar", Sidebar);
16248
+
16249
+ /* libs/web-components/src/components/sidebar/SidebarItem.svelte generated by Svelte v3.51.0 */
16250
+
16251
+ function create_fragment$5(ctx) {
16252
+ return {
16253
+ c() {
16254
+ this.c = noop;
16255
+ },
16256
+ m: noop,
16257
+ p: noop,
16258
+ i: noop,
16259
+ o: noop,
16260
+ d: noop
16261
+ };
16262
+ }
16263
+
16264
+ class SidebarItem extends SvelteElement {
16265
+ constructor(options) {
16266
+ super();
16267
+
16268
+ init(
16269
+ this,
16270
+ {
16271
+ target: this.shadowRoot,
16272
+ props: attribute_to_object(this.attributes),
16273
+ customElement: true
16274
+ },
16275
+ null,
16276
+ create_fragment$5,
16277
+ safe_not_equal,
16278
+ {},
16279
+ null
16280
+ );
16281
+
16282
+ if (options) {
16283
+ if (options.target) {
16284
+ insert(options.target, this, options.anchor);
16285
+ }
16286
+ }
16287
+ }
16288
+ }
16289
+
16290
+ customElements.define("goax-sidebar-item", SidebarItem);
16291
+
15624
16292
  /* libs/web-components/src/components/form-stepper/FormStepper.svelte generated by Svelte v3.51.0 */
15625
16293
 
15626
16294
  function create_if_block$3(ctx) {