@abgov/web-components 1.0.0-alpha.176 → 1.0.0-alpha.177

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 +1775 -495
  4. package/web-components.umd.js +107 -109
package/web-components.es.js CHANGED
@@ -170,44 +170,6 @@ function custom_event(type, detail, { bubbles = false, cancelable = false } = {}
170
170
  e.initCustomEvent(type, bubbles, cancelable, detail);
171
171
  return e;
172
172
  }
173
- class HtmlTag {
174
- constructor(is_svg = false) {
175
- this.is_svg = false;
176
- this.is_svg = is_svg;
177
- this.e = this.n = null;
178
- }
179
- c(html) {
180
- this.h(html);
181
- }
182
- m(html, target, anchor = null) {
183
- if (!this.e) {
184
- if (this.is_svg)
185
- this.e = svg_element(target.nodeName);
186
- else
187
- this.e = element(target.nodeName);
188
- this.t = target;
189
- this.c(html);
190
- }
191
- this.i(anchor);
192
- }
193
- h(html) {
194
- this.e.innerHTML = html;
195
- this.n = Array.from(this.e.childNodes);
196
- }
197
- i(anchor) {
198
- for (let i = 0; i < this.n.length; i += 1) {
199
- insert(this.t, this.n[i], anchor);
200
- }
201
- }
202
- p(html) {
203
- this.d();
204
- this.h(html);
205
- this.i(this.a);
206
- }
207
- d() {
208
- this.n.forEach(detach);
209
- }
210
- }
211
173
  function attribute_to_object(attributes) {
212
174
  const result = {};
213
175
  for (const attribute of attributes) {
@@ -995,10 +957,27 @@ function typeValidator(message, values, required = false) {
995
957
  };
996
958
  return [values, validator];
997
959
  }
960
+ function getTimestamp(val) {
961
+ const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
962
+ const now = val || new Date();
963
+ const hour24 = now.getHours();
964
+ const min0 = now.getMinutes();
965
+ const date = now.getDate();
966
+ const month = months[now.getMonth()];
967
+ const year = now.getFullYear();
968
+ const hour = hour24 === 0 && 12 || hour24 > 12 && hour24 - 12 || hour24;
969
+ const meridium = hour24 === 0 && "AM" || hour24 >= 12 && "PM" || "AM";
970
+ const min = min0 < 10 && `0${min0}` || min0;
971
+ const ordinal = date % 10 === 1 && date !== 11 && "st" || date % 10 === 2 && date !== 12 && "nd" || date % 10 === 3 && date !== 13 && "rd" || "th";
972
+ return `${month} ${date}${ordinal} ${year}, ${hour}:${min} ${meridium}`;
973
+ }
974
+ function cssVar(name, value) {
975
+ return value ? `${name}: ${value}` : "";
976
+ }
998
977
 
999
978
  /* libs/web-components/src/components/accordion/Accordion.svelte generated by Svelte v3.51.0 */
1000
979
 
1001
- function create_fragment$N(ctx) {
980
+ function create_fragment$P(ctx) {
1002
981
  let div3;
1003
982
  let details;
1004
983
  let summary;
@@ -1137,7 +1116,7 @@ function create_fragment$N(ctx) {
1137
1116
  };
1138
1117
  }
1139
1118
 
1140
- function instance$H($$self, $$props, $$invalidate) {
1119
+ function instance$J($$self, $$props, $$invalidate) {
1141
1120
  let isOpen;
1142
1121
  const [HeadingSizes, validateHeadingSize] = typeValidator("Accordion heading size", ["small", "medium"]);
1143
1122
  let { open = "false" } = $$props;
@@ -1212,8 +1191,8 @@ class Accordion extends SvelteElement {
1212
1191
  props: attribute_to_object(this.attributes),
1213
1192
  customElement: true
1214
1193
  },
1215
- instance$H,
1216
- create_fragment$N,
1194
+ instance$J,
1195
+ create_fragment$P,
1217
1196
  safe_not_equal,
1218
1197
  {
1219
1198
  open: 10,
@@ -1341,7 +1320,7 @@ customElements.define("goa-accordion", Accordion);
1341
1320
 
1342
1321
  /* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.51.0 */
1343
1322
 
1344
- function create_else_block$8(ctx) {
1323
+ function create_else_block$9(ctx) {
1345
1324
  let div;
1346
1325
  let img0;
1347
1326
  let img0_src_value;
@@ -1389,7 +1368,7 @@ function create_else_block$8(ctx) {
1389
1368
  }
1390
1369
 
1391
1370
  // (19:4) {#if url}
1392
- function create_if_block$m(ctx) {
1371
+ function create_if_block$o(ctx) {
1393
1372
  let a;
1394
1373
  let img0;
1395
1374
  let img0_src_value;
@@ -1441,7 +1420,7 @@ function create_if_block$m(ctx) {
1441
1420
  };
1442
1421
  }
1443
1422
 
1444
- function create_fragment$M(ctx) {
1423
+ function create_fragment$O(ctx) {
1445
1424
  let div2;
1446
1425
  let div1;
1447
1426
  let t;
@@ -1449,8 +1428,8 @@ function create_fragment$M(ctx) {
1449
1428
  let div2_style_value;
1450
1429
 
1451
1430
  function select_block_type(ctx, dirty) {
1452
- if (/*url*/ ctx[1]) return create_if_block$m;
1453
- return create_else_block$8;
1431
+ if (/*url*/ ctx[1]) return create_if_block$o;
1432
+ return create_else_block$9;
1454
1433
  }
1455
1434
 
1456
1435
  let current_block_type = select_block_type(ctx);
@@ -1507,7 +1486,7 @@ function create_fragment$M(ctx) {
1507
1486
  };
1508
1487
  }
1509
1488
 
1510
- function instance$G($$self, $$props, $$invalidate) {
1489
+ function instance$I($$self, $$props, $$invalidate) {
1511
1490
  let { heading = "" } = $$props;
1512
1491
  let { url = "" } = $$props;
1513
1492
  let { testid = "" } = $$props;
@@ -1535,8 +1514,8 @@ class AppHeader extends SvelteElement {
1535
1514
  props: attribute_to_object(this.attributes),
1536
1515
  customElement: true
1537
1516
  },
1538
- instance$G,
1539
- create_fragment$M,
1517
+ instance$I,
1518
+ create_fragment$O,
1540
1519
  safe_not_equal,
1541
1520
  {
1542
1521
  heading: 0,
@@ -1604,7 +1583,7 @@ customElements.define("goa-app-header", AppHeader);
1604
1583
 
1605
1584
  /* libs/web-components/src/components/badge/Badge.svelte generated by Svelte v3.51.0 */
1606
1585
 
1607
- function create_else_block$7(ctx) {
1586
+ function create_else_block$8(ctx) {
1608
1587
  let div;
1609
1588
 
1610
1589
  return {
@@ -1624,7 +1603,7 @@ function create_else_block$7(ctx) {
1624
1603
  }
1625
1604
 
1626
1605
  // (45:2) {#if showIcon}
1627
- function create_if_block_1$c(ctx) {
1606
+ function create_if_block_1$e(ctx) {
1628
1607
  let goa_icon;
1629
1608
 
1630
1609
  return {
@@ -1648,7 +1627,7 @@ function create_if_block_1$c(ctx) {
1648
1627
  }
1649
1628
 
1650
1629
  // (50:2) {#if content}
1651
- function create_if_block$l(ctx) {
1630
+ function create_if_block$n(ctx) {
1652
1631
  let div;
1653
1632
  let t;
1654
1633
 
@@ -1671,20 +1650,20 @@ function create_if_block$l(ctx) {
1671
1650
  };
1672
1651
  }
1673
1652
 
1674
- function create_fragment$L(ctx) {
1653
+ function create_fragment$N(ctx) {
1675
1654
  let div;
1676
1655
  let t;
1677
1656
  let div_style_value;
1678
1657
  let div_class_value;
1679
1658
 
1680
1659
  function select_block_type(ctx, dirty) {
1681
- if (/*showIcon*/ ctx[7]) return create_if_block_1$c;
1682
- return create_else_block$7;
1660
+ if (/*showIcon*/ ctx[7]) return create_if_block_1$e;
1661
+ return create_else_block$8;
1683
1662
  }
1684
1663
 
1685
1664
  let current_block_type = select_block_type(ctx);
1686
1665
  let if_block0 = current_block_type(ctx);
1687
- let if_block1 = /*content*/ ctx[2] && create_if_block$l(ctx);
1666
+ let if_block1 = /*content*/ ctx[2] && create_if_block$n(ctx);
1688
1667
 
1689
1668
  return {
1690
1669
  c() {
@@ -1722,7 +1701,7 @@ function create_fragment$L(ctx) {
1722
1701
  if (if_block1) {
1723
1702
  if_block1.p(ctx, dirty);
1724
1703
  } else {
1725
- if_block1 = create_if_block$l(ctx);
1704
+ if_block1 = create_if_block$n(ctx);
1726
1705
  if_block1.c();
1727
1706
  if_block1.m(div, null);
1728
1707
  }
@@ -1757,7 +1736,7 @@ function create_fragment$L(ctx) {
1757
1736
  };
1758
1737
  }
1759
1738
 
1760
- function instance$F($$self, $$props, $$invalidate) {
1739
+ function instance$H($$self, $$props, $$invalidate) {
1761
1740
  let showIcon;
1762
1741
  let iconType;
1763
1742
  const [Types, validateType] = typeValidator("Badge type", ["success", "important", "information", "emergency", "dark", "midtone", "light"], true);
@@ -1822,8 +1801,8 @@ class Badge extends SvelteElement {
1822
1801
  props: attribute_to_object(this.attributes),
1823
1802
  customElement: true
1824
1803
  },
1825
- instance$F,
1826
- create_fragment$L,
1804
+ instance$H,
1805
+ create_fragment$N,
1827
1806
  safe_not_equal,
1828
1807
  {
1829
1808
  type: 0,
@@ -1931,7 +1910,7 @@ customElements.define("goa-badge", Badge);
1931
1910
 
1932
1911
  /* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.51.0 */
1933
1912
 
1934
- function create_fragment$K(ctx) {
1913
+ function create_fragment$M(ctx) {
1935
1914
  let div;
1936
1915
  let slot;
1937
1916
  let div_style_value;
@@ -1972,7 +1951,7 @@ function create_fragment$K(ctx) {
1972
1951
  };
1973
1952
  }
1974
1953
 
1975
- function instance$E($$self, $$props, $$invalidate) {
1954
+ function instance$G($$self, $$props, $$invalidate) {
1976
1955
  let { gap = "m" } = $$props;
1977
1956
  let { direction = "row" } = $$props;
1978
1957
  let { alignment = "start" } = $$props;
@@ -2006,8 +1985,8 @@ class Block extends SvelteElement {
2006
1985
  props: attribute_to_object(this.attributes),
2007
1986
  customElement: true
2008
1987
  },
2009
- instance$E,
2010
- create_fragment$K,
1988
+ instance$G,
1989
+ create_fragment$M,
2011
1990
  safe_not_equal,
2012
1991
  {
2013
1992
  gap: 0,
@@ -2105,13 +2084,13 @@ customElements.define("goa-block", Block);
2105
2084
 
2106
2085
  /* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.51.0 */
2107
2086
 
2108
- function create_else_block$6(ctx) {
2087
+ function create_else_block$7(ctx) {
2109
2088
  let t0;
2110
2089
  let span;
2111
2090
  let t1;
2112
2091
  let if_block1_anchor;
2113
- let if_block0 = /*leadingicon*/ ctx[3] && create_if_block_2$7(ctx);
2114
- let if_block1 = /*trailingicon*/ ctx[4] && create_if_block_1$b(ctx);
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);
2115
2094
 
2116
2095
  return {
2117
2096
  c() {
@@ -2137,7 +2116,7 @@ function create_else_block$6(ctx) {
2137
2116
  if (if_block0) {
2138
2117
  if_block0.p(ctx, dirty);
2139
2118
  } else {
2140
- if_block0 = create_if_block_2$7(ctx);
2119
+ if_block0 = create_if_block_2$9(ctx);
2141
2120
  if_block0.c();
2142
2121
  if_block0.m(t0.parentNode, t0);
2143
2122
  }
@@ -2150,7 +2129,7 @@ function create_else_block$6(ctx) {
2150
2129
  if (if_block1) {
2151
2130
  if_block1.p(ctx, dirty);
2152
2131
  } else {
2153
- if_block1 = create_if_block_1$b(ctx);
2132
+ if_block1 = create_if_block_1$d(ctx);
2154
2133
  if_block1.c();
2155
2134
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
2156
2135
  }
@@ -2171,7 +2150,7 @@ function create_else_block$6(ctx) {
2171
2150
  }
2172
2151
 
2173
2152
  // (46:2) {#if type === "start"}
2174
- function create_if_block$k(ctx) {
2153
+ function create_if_block$m(ctx) {
2175
2154
  let span;
2176
2155
  let t;
2177
2156
  let goa_icon;
@@ -2202,7 +2181,7 @@ function create_if_block$k(ctx) {
2202
2181
  }
2203
2182
 
2204
2183
  // (52:4) {#if leadingicon}
2205
- function create_if_block_2$7(ctx) {
2184
+ function create_if_block_2$9(ctx) {
2206
2185
  let goa_icon;
2207
2186
 
2208
2187
  return {
@@ -2231,7 +2210,7 @@ function create_if_block_2$7(ctx) {
2231
2210
  }
2232
2211
 
2233
2212
  // (58:4) {#if trailingicon}
2234
- function create_if_block_1$b(ctx) {
2213
+ function create_if_block_1$d(ctx) {
2235
2214
  let goa_icon;
2236
2215
 
2237
2216
  return {
@@ -2259,7 +2238,7 @@ function create_if_block_1$b(ctx) {
2259
2238
  };
2260
2239
  }
2261
2240
 
2262
- function create_fragment$J(ctx) {
2241
+ function create_fragment$L(ctx) {
2263
2242
  let button;
2264
2243
  let button_class_value;
2265
2244
  let button_style_value;
@@ -2267,8 +2246,8 @@ function create_fragment$J(ctx) {
2267
2246
  let dispose;
2268
2247
 
2269
2248
  function select_block_type(ctx, dirty) {
2270
- if (/*type*/ ctx[0] === "start") return create_if_block$k;
2271
- return create_else_block$6;
2249
+ if (/*type*/ ctx[0] === "start") return create_if_block$m;
2250
+ return create_else_block$7;
2272
2251
  }
2273
2252
 
2274
2253
  let current_block_type = select_block_type(ctx);
@@ -2347,7 +2326,7 @@ function create_fragment$J(ctx) {
2347
2326
  };
2348
2327
  }
2349
2328
 
2350
- function instance$D($$self, $$props, $$invalidate) {
2329
+ function instance$F($$self, $$props, $$invalidate) {
2351
2330
  let isDisabled;
2352
2331
  let isButtonDark;
2353
2332
  const [Types, validateType] = typeValidator("Button type", ["primary", "submit", "secondary", "tertiary", "start"], true);
@@ -2424,7 +2403,7 @@ class Button extends SvelteElement {
2424
2403
  super();
2425
2404
 
2426
2405
  this.shadowRoot.innerHTML = `<style>:host{--button-height:2.625rem;--button-height-compact:2rem;--button-height-tall:3.25rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}@media(max-width: 480px){:host{width:100%}button{width:100%}}button{display:inline-flex;box-sizing:border-box;border-radius:0.25rem;border:2px solid var(--goa-color-interactive-default);box-sizing:border-box;cursor:pointer;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-5);font-weight:400;height:var(--button-height);letter-spacing:var(--goa-letter-spacing-button);line-height:100%;padding:0 0.75rem;gap:0.5rem;align-items:center;justify-content:center;transition:transform 0.1s ease-in-out, background-color 0.2s ease-in-out,
2427
- border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}</style>`;
2406
+ border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:transparent}.tertiary.destructive:hover{color:var(--goa-color-emergency-dark)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark)}</style>`;
2428
2407
 
2429
2408
  init(
2430
2409
  this,
@@ -2433,8 +2412,8 @@ class Button extends SvelteElement {
2433
2412
  props: attribute_to_object(this.attributes),
2434
2413
  customElement: true
2435
2414
  },
2436
- instance$D,
2437
- create_fragment$J,
2415
+ instance$F,
2416
+ create_fragment$L,
2438
2417
  safe_not_equal,
2439
2418
  {
2440
2419
  type: 0,
@@ -2584,7 +2563,7 @@ customElements.define("goa-button", Button);
2584
2563
 
2585
2564
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */
2586
2565
 
2587
- function create_fragment$I(ctx) {
2566
+ function create_fragment$K(ctx) {
2588
2567
  let div;
2589
2568
  let slot;
2590
2569
  let div_style_value;
@@ -2618,7 +2597,7 @@ function create_fragment$I(ctx) {
2618
2597
  };
2619
2598
  }
2620
2599
 
2621
- function instance$C($$self, $$props, $$invalidate) {
2600
+ function instance$E($$self, $$props, $$invalidate) {
2622
2601
  let _alignment;
2623
2602
  let { alignment = "start" } = $$props;
2624
2603
  let { gap = "relaxed" } = $$props;
@@ -2670,8 +2649,8 @@ class ButtonGroup extends SvelteElement {
2670
2649
  props: attribute_to_object(this.attributes),
2671
2650
  customElement: true
2672
2651
  },
2673
- instance$C,
2674
- create_fragment$I,
2652
+ instance$E,
2653
+ create_fragment$K,
2675
2654
  safe_not_equal,
2676
2655
  {
2677
2656
  alignment: 7,
@@ -2769,7 +2748,7 @@ customElements.define("goa-button-group", ButtonGroup);
2769
2748
 
2770
2749
  /* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */
2771
2750
 
2772
- function create_if_block$j(ctx) {
2751
+ function create_if_block$l(ctx) {
2773
2752
  let h3;
2774
2753
  let t;
2775
2754
 
@@ -2791,7 +2770,7 @@ function create_if_block$j(ctx) {
2791
2770
  };
2792
2771
  }
2793
2772
 
2794
- function create_fragment$H(ctx) {
2773
+ function create_fragment$J(ctx) {
2795
2774
  let div;
2796
2775
  let span0;
2797
2776
  let goa_icon;
@@ -2802,7 +2781,7 @@ function create_fragment$H(ctx) {
2802
2781
  let t1;
2803
2782
  let slot;
2804
2783
  let div_style_value;
2805
- let if_block = /*heading*/ ctx[5] && create_if_block$j(ctx);
2784
+ let if_block = /*heading*/ ctx[5] && create_if_block$l(ctx);
2806
2785
 
2807
2786
  return {
2808
2787
  c() {
@@ -2850,7 +2829,7 @@ function create_fragment$H(ctx) {
2850
2829
  if (if_block) {
2851
2830
  if_block.p(ctx, dirty);
2852
2831
  } else {
2853
- if_block = create_if_block$j(ctx);
2832
+ if_block = create_if_block$l(ctx);
2854
2833
  if_block.c();
2855
2834
  if_block.m(span1, t1);
2856
2835
  }
@@ -2876,7 +2855,7 @@ function create_fragment$H(ctx) {
2876
2855
  };
2877
2856
  }
2878
2857
 
2879
- function instance$B($$self, $$props, $$invalidate) {
2858
+ function instance$D($$self, $$props, $$invalidate) {
2880
2859
  let iconType;
2881
2860
  const [Types, validateType] = typeValidator("Callout type", ["emergency", "important", "information", "event", "success"], true);
2882
2861
  let { mt = null } = $$props;
@@ -2930,8 +2909,8 @@ class Callout extends SvelteElement {
2930
2909
  props: attribute_to_object(this.attributes),
2931
2910
  customElement: true
2932
2911
  },
2933
- instance$B,
2934
- create_fragment$H,
2912
+ instance$D,
2913
+ create_fragment$J,
2935
2914
  safe_not_equal,
2936
2915
  {
2937
2916
  mt: 0,
@@ -3029,7 +3008,7 @@ customElements.define("goa-callout", Callout);
3029
3008
 
3030
3009
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */
3031
3010
 
3032
- function create_fragment$G(ctx) {
3011
+ function create_fragment$I(ctx) {
3033
3012
  let goa_card_content;
3034
3013
 
3035
3014
  return {
@@ -3062,7 +3041,7 @@ class CardActions extends SvelteElement {
3062
3041
  customElement: true
3063
3042
  },
3064
3043
  null,
3065
- create_fragment$G,
3044
+ create_fragment$I,
3066
3045
  safe_not_equal,
3067
3046
  {},
3068
3047
  null
@@ -3080,7 +3059,7 @@ customElements.define("goa-card-actions", CardActions);
3080
3059
 
3081
3060
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */
3082
3061
 
3083
- function create_fragment$F(ctx) {
3062
+ function create_fragment$H(ctx) {
3084
3063
  let div;
3085
3064
  let slot;
3086
3065
  let div_style_value;
@@ -3120,7 +3099,7 @@ function create_fragment$F(ctx) {
3120
3099
  };
3121
3100
  }
3122
3101
 
3123
- function instance$A($$self, $$props, $$invalidate) {
3102
+ function instance$C($$self, $$props, $$invalidate) {
3124
3103
  let { elevation = 0 } = $$props;
3125
3104
  let { width = "100%" } = $$props;
3126
3105
  let { height = "auto" } = $$props;
@@ -3156,8 +3135,8 @@ class Card extends SvelteElement {
3156
3135
  props: attribute_to_object(this.attributes),
3157
3136
  customElement: true
3158
3137
  },
3159
- instance$A,
3160
- create_fragment$F,
3138
+ instance$C,
3139
+ create_fragment$H,
3161
3140
  safe_not_equal,
3162
3141
  {
3163
3142
  elevation: 0,
@@ -3265,7 +3244,7 @@ customElements.define("goa-card", Card);
3265
3244
 
3266
3245
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */
3267
3246
 
3268
- function create_fragment$E(ctx) {
3247
+ function create_fragment$G(ctx) {
3269
3248
  let div;
3270
3249
 
3271
3250
  return {
@@ -3300,7 +3279,7 @@ class CardContent extends SvelteElement {
3300
3279
  customElement: true
3301
3280
  },
3302
3281
  null,
3303
- create_fragment$E,
3282
+ create_fragment$G,
3304
3283
  safe_not_equal,
3305
3284
  {},
3306
3285
  null
@@ -3318,7 +3297,7 @@ customElements.define("goa-card-content", CardContent);
3318
3297
 
3319
3298
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */
3320
3299
 
3321
- function create_fragment$D(ctx) {
3300
+ function create_fragment$F(ctx) {
3322
3301
  let div;
3323
3302
 
3324
3303
  return {
@@ -3353,7 +3332,7 @@ class CardGroup extends SvelteElement {
3353
3332
  customElement: true
3354
3333
  },
3355
3334
  null,
3356
- create_fragment$D,
3335
+ create_fragment$F,
3357
3336
  safe_not_equal,
3358
3337
  {},
3359
3338
  null
@@ -3371,7 +3350,7 @@ customElements.define("goa-card-group", CardGroup);
3371
3350
 
3372
3351
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */
3373
3352
 
3374
- function create_fragment$C(ctx) {
3353
+ function create_fragment$E(ctx) {
3375
3354
  let div;
3376
3355
 
3377
3356
  return {
@@ -3403,7 +3382,7 @@ function create_fragment$C(ctx) {
3403
3382
  };
3404
3383
  }
3405
3384
 
3406
- function instance$z($$self, $$props, $$invalidate) {
3385
+ function instance$B($$self, $$props, $$invalidate) {
3407
3386
  let { src } = $$props;
3408
3387
  let { height = "100%" } = $$props;
3409
3388
 
@@ -3427,8 +3406,8 @@ class CardImage extends SvelteElement {
3427
3406
  props: attribute_to_object(this.attributes),
3428
3407
  customElement: true
3429
3408
  },
3430
- instance$z,
3431
- create_fragment$C,
3409
+ instance$B,
3410
+ create_fragment$E,
3432
3411
  safe_not_equal,
3433
3412
  { src: 0, height: 1 },
3434
3413
  null
@@ -3473,7 +3452,7 @@ customElements.define("goa-card-image", CardImage);
3473
3452
 
3474
3453
  /* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.51.0 */
3475
3454
 
3476
- function create_if_block_1$a(ctx) {
3455
+ function create_if_block_1$c(ctx) {
3477
3456
  let svg;
3478
3457
  let path;
3479
3458
 
@@ -3498,7 +3477,7 @@ function create_if_block_1$a(ctx) {
3498
3477
  }
3499
3478
 
3500
3479
  // (68:4) {#if isIndeterminate}
3501
- function create_if_block$i(ctx) {
3480
+ function create_if_block$k(ctx) {
3502
3481
  let svg;
3503
3482
  let rect;
3504
3483
 
@@ -3523,7 +3502,7 @@ function create_if_block$i(ctx) {
3523
3502
  };
3524
3503
  }
3525
3504
 
3526
- function create_fragment$B(ctx) {
3505
+ function create_fragment$D(ctx) {
3527
3506
  let label;
3528
3507
  let div0;
3529
3508
  let input;
@@ -3539,8 +3518,8 @@ function create_fragment$B(ctx) {
3539
3518
  let dispose;
3540
3519
 
3541
3520
  function select_block_type(ctx, dirty) {
3542
- if (/*isIndeterminate*/ ctx[10]) return create_if_block$i;
3543
- if (/*isChecked*/ ctx[9]) return create_if_block_1$a;
3521
+ if (/*isIndeterminate*/ ctx[10]) return create_if_block$k;
3522
+ if (/*isChecked*/ ctx[9]) return create_if_block_1$c;
3544
3523
  }
3545
3524
 
3546
3525
  let current_block_type = select_block_type(ctx);
@@ -3668,7 +3647,7 @@ function create_fragment$B(ctx) {
3668
3647
  };
3669
3648
  }
3670
3649
 
3671
- function instance$y($$self, $$props, $$invalidate) {
3650
+ function instance$A($$self, $$props, $$invalidate) {
3672
3651
  let isDisabled;
3673
3652
  let isError;
3674
3653
  let isChecked;
@@ -3780,8 +3759,8 @@ class Checkbox extends SvelteElement {
3780
3759
  props: attribute_to_object(this.attributes),
3781
3760
  customElement: true
3782
3761
  },
3783
- instance$y,
3784
- create_fragment$B,
3762
+ instance$A,
3763
+ create_fragment$D,
3785
3764
  safe_not_equal,
3786
3765
  {
3787
3766
  name: 0,
@@ -3942,7 +3921,7 @@ customElements.define("goa-checkbox", Checkbox);
3942
3921
 
3943
3922
  /* libs/web-components/src/components/chip/Chip.svelte generated by Svelte v3.51.0 */
3944
3923
 
3945
- function create_if_block_1$9(ctx) {
3924
+ function create_if_block_1$b(ctx) {
3946
3925
  let goa_icon;
3947
3926
 
3948
3927
  return {
@@ -3967,7 +3946,7 @@ function create_if_block_1$9(ctx) {
3967
3946
  }
3968
3947
 
3969
3948
  // (54:2) {#if _deletable}
3970
- function create_if_block$h(ctx) {
3949
+ function create_if_block$j(ctx) {
3971
3950
  let goa_icon;
3972
3951
  let goa_icon_fillcolor_value;
3973
3952
  let goa_icon_opacity_value;
@@ -4010,7 +3989,7 @@ function create_if_block$h(ctx) {
4010
3989
  };
4011
3990
  }
4012
3991
 
4013
- function create_fragment$A(ctx) {
3992
+ function create_fragment$C(ctx) {
4014
3993
  let div1;
4015
3994
  let t0;
4016
3995
  let div0;
@@ -4019,8 +3998,8 @@ function create_fragment$A(ctx) {
4019
3998
  let div1_style_value;
4020
3999
  let mounted;
4021
4000
  let dispose;
4022
- let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_1$9(ctx);
4023
- let if_block1 = /*_deletable*/ ctx[11] && create_if_block$h(ctx);
4001
+ let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_1$b(ctx);
4002
+ let if_block1 = /*_deletable*/ ctx[11] && create_if_block$j(ctx);
4024
4003
 
4025
4004
  return {
4026
4005
  c() {
@@ -4068,7 +4047,7 @@ function create_fragment$A(ctx) {
4068
4047
  if (if_block0) {
4069
4048
  if_block0.p(ctx, dirty);
4070
4049
  } else {
4071
- if_block0 = create_if_block_1$9(ctx);
4050
+ if_block0 = create_if_block_1$b(ctx);
4072
4051
  if_block0.c();
4073
4052
  if_block0.m(div1, t0);
4074
4053
  }
@@ -4083,7 +4062,7 @@ function create_fragment$A(ctx) {
4083
4062
  if (if_block1) {
4084
4063
  if_block1.p(ctx, dirty);
4085
4064
  } else {
4086
- if_block1 = create_if_block$h(ctx);
4065
+ if_block1 = create_if_block$j(ctx);
4087
4066
  if_block1.c();
4088
4067
  if_block1.m(div1, null);
4089
4068
  }
@@ -4125,7 +4104,7 @@ function create_fragment$A(ctx) {
4125
4104
  };
4126
4105
  }
4127
4106
 
4128
- function instance$x($$self, $$props, $$invalidate) {
4107
+ function instance$z($$self, $$props, $$invalidate) {
4129
4108
  let { mt = null } = $$props;
4130
4109
  let { mr = null } = $$props;
4131
4110
  let { mb = null } = $$props;
@@ -4222,8 +4201,8 @@ class Chip extends SvelteElement {
4222
4201
  props: attribute_to_object(this.attributes),
4223
4202
  customElement: true
4224
4203
  },
4225
- instance$x,
4226
- create_fragment$A,
4204
+ instance$z,
4205
+ create_fragment$C,
4227
4206
  safe_not_equal,
4228
4207
  {
4229
4208
  mt: 0,
@@ -4447,12 +4426,12 @@ function noscroll(_node, opts) {
4447
4426
 
4448
4427
  /* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.51.0 */
4449
4428
 
4450
- function create_if_block$g(ctx) {
4429
+ function create_if_block$i(ctx) {
4451
4430
  let current_block_type_index;
4452
4431
  let if_block;
4453
4432
  let if_block_anchor;
4454
4433
  let current;
4455
- const if_block_creators = [create_if_block_1$8, create_if_block_3$6];
4434
+ const if_block_creators = [create_if_block_1$a, create_if_block_3$8];
4456
4435
  const if_blocks = [];
4457
4436
 
4458
4437
  function select_block_type(ctx, dirty) {
@@ -4534,12 +4513,12 @@ function create_if_block$g(ctx) {
4534
4513
  }
4535
4514
 
4536
4515
  // (43:19)
4537
- function create_if_block_3$6(ctx) {
4516
+ function create_if_block_3$8(ctx) {
4538
4517
  let div;
4539
4518
  let goa_spinner;
4540
4519
  let t;
4541
4520
  let div_class_value;
4542
- let if_block = /*message*/ ctx[0] && create_if_block_4$1(ctx);
4521
+ let if_block = /*message*/ ctx[0] && create_if_block_4$3(ctx);
4543
4522
 
4544
4523
  return {
4545
4524
  c() {
@@ -4571,7 +4550,7 @@ function create_if_block_3$6(ctx) {
4571
4550
  if (if_block) {
4572
4551
  if_block.p(ctx, dirty);
4573
4552
  } else {
4574
- if_block = create_if_block_4$1(ctx);
4553
+ if_block = create_if_block_4$3(ctx);
4575
4554
  if_block.c();
4576
4555
  if_block.m(div, null);
4577
4556
  }
@@ -4598,7 +4577,7 @@ function create_if_block_3$6(ctx) {
4598
4577
  }
4599
4578
 
4600
4579
  // (32:2) {#if fullscreen}
4601
- function create_if_block_1$8(ctx) {
4580
+ function create_if_block_1$a(ctx) {
4602
4581
  let div;
4603
4582
  let goa_spinner;
4604
4583
  let t;
@@ -4606,7 +4585,7 @@ function create_if_block_1$8(ctx) {
4606
4585
  let current;
4607
4586
  let mounted;
4608
4587
  let dispose;
4609
- let if_block = /*message*/ ctx[0] && create_if_block_2$6(ctx);
4588
+ let if_block = /*message*/ ctx[0] && create_if_block_2$8(ctx);
4610
4589
 
4611
4590
  return {
4612
4591
  c() {
@@ -4643,7 +4622,7 @@ function create_if_block_1$8(ctx) {
4643
4622
  if (if_block) {
4644
4623
  if_block.p(ctx, dirty);
4645
4624
  } else {
4646
- if_block = create_if_block_2$6(ctx);
4625
+ if_block = create_if_block_2$8(ctx);
4647
4626
  if_block.c();
4648
4627
  if_block.m(div, null);
4649
4628
  }
@@ -4682,7 +4661,7 @@ function create_if_block_1$8(ctx) {
4682
4661
  }
4683
4662
 
4684
4663
  // (46:6) {#if message}
4685
- function create_if_block_4$1(ctx) {
4664
+ function create_if_block_4$3(ctx) {
4686
4665
  let div;
4687
4666
  let t;
4688
4667
 
@@ -4706,7 +4685,7 @@ function create_if_block_4$1(ctx) {
4706
4685
  }
4707
4686
 
4708
4687
  // (39:6) {#if message}
4709
- function create_if_block_2$6(ctx) {
4688
+ function create_if_block_2$8(ctx) {
4710
4689
  let div;
4711
4690
  let t;
4712
4691
 
@@ -4729,10 +4708,10 @@ function create_if_block_2$6(ctx) {
4729
4708
  };
4730
4709
  }
4731
4710
 
4732
- function create_fragment$z(ctx) {
4711
+ function create_fragment$B(ctx) {
4733
4712
  let if_block_anchor;
4734
4713
  let current;
4735
- let if_block = /*isVisible*/ ctx[5] && create_if_block$g(ctx);
4714
+ let if_block = /*isVisible*/ ctx[5] && create_if_block$i(ctx);
4736
4715
 
4737
4716
  return {
4738
4717
  c() {
@@ -4754,7 +4733,7 @@ function create_fragment$z(ctx) {
4754
4733
  transition_in(if_block, 1);
4755
4734
  }
4756
4735
  } else {
4757
- if_block = create_if_block$g(ctx);
4736
+ if_block = create_if_block$i(ctx);
4758
4737
  if_block.c();
4759
4738
  transition_in(if_block, 1);
4760
4739
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -4785,7 +4764,7 @@ function create_fragment$z(ctx) {
4785
4764
  };
4786
4765
  }
4787
4766
 
4788
- function instance$w($$self, $$props, $$invalidate) {
4767
+ function instance$y($$self, $$props, $$invalidate) {
4789
4768
  let isVisible;
4790
4769
  const [Variants, validateVariant] = typeValidator("Circular progress variant", ["fullscreen", "inline"]);
4791
4770
  const [Sizes, validateSize] = typeValidator("Button size", ["small", "large"]);
@@ -4845,8 +4824,8 @@ class CircularProgress extends SvelteElement {
4845
4824
  props: attribute_to_object(this.attributes),
4846
4825
  customElement: true
4847
4826
  },
4848
- instance$w,
4849
- create_fragment$z,
4827
+ instance$y,
4828
+ create_fragment$B,
4850
4829
  safe_not_equal,
4851
4830
  {
4852
4831
  variant: 6,
@@ -4924,7 +4903,7 @@ customElements.define("goa-circular-progress", CircularProgress);
4924
4903
 
4925
4904
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.51.0 */
4926
4905
 
4927
- function create_fragment$y(ctx) {
4906
+ function create_fragment$A(ctx) {
4928
4907
  let div3;
4929
4908
  let header;
4930
4909
  let div0;
@@ -5002,7 +4981,7 @@ function create_fragment$y(ctx) {
5002
4981
  };
5003
4982
  }
5004
4983
 
5005
- function instance$v($$self, $$props, $$invalidate) {
4984
+ function instance$x($$self, $$props, $$invalidate) {
5006
4985
  const [Types, validateType] = typeValidator("Container type", ["interactive", "info", "error", "success", "important", "non-interactive"]);
5007
4986
  const [Accents, validateAccent] = typeValidator("Container accent", ["thick", "thin", "filled"]);
5008
4987
  const [Paddings, validatePadding] = typeValidator("Container padding", ["relaxed", "compact"]);
@@ -5047,8 +5026,8 @@ class Container extends SvelteElement {
5047
5026
  props: attribute_to_object(this.attributes),
5048
5027
  customElement: true
5049
5028
  },
5050
- instance$v,
5051
- create_fragment$y,
5029
+ instance$x,
5030
+ create_fragment$A,
5052
5031
  safe_not_equal,
5053
5032
  {
5054
5033
  type: 0,
@@ -5156,7 +5135,7 @@ customElements.define("goa-container", Container);
5156
5135
 
5157
5136
  /* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.51.0 */
5158
5137
 
5159
- function create_fragment$x(ctx) {
5138
+ function create_fragment$z(ctx) {
5160
5139
  let details;
5161
5140
  let summary;
5162
5141
  let goa_icon;
@@ -5224,7 +5203,7 @@ function create_fragment$x(ctx) {
5224
5203
  };
5225
5204
  }
5226
5205
 
5227
- function instance$u($$self, $$props, $$invalidate) {
5206
+ function instance$w($$self, $$props, $$invalidate) {
5228
5207
  let { heading } = $$props;
5229
5208
  let { mt = null } = $$props;
5230
5209
  let { mr = null } = $$props;
@@ -5275,8 +5254,8 @@ class Details extends SvelteElement {
5275
5254
  props: attribute_to_object(this.attributes),
5276
5255
  customElement: true
5277
5256
  },
5278
- instance$u,
5279
- create_fragment$x,
5257
+ instance$w,
5258
+ create_fragment$z,
5280
5259
  safe_not_equal,
5281
5260
  { heading: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
5282
5261
  null
@@ -5348,7 +5327,7 @@ customElements.define("goa-details", Details);
5348
5327
 
5349
5328
  /* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.51.0 */
5350
5329
 
5351
- function create_fragment$w(ctx) {
5330
+ function create_fragment$y(ctx) {
5352
5331
  let hr;
5353
5332
  let hr_style_value;
5354
5333
 
@@ -5379,7 +5358,7 @@ function create_fragment$w(ctx) {
5379
5358
  };
5380
5359
  }
5381
5360
 
5382
- function instance$t($$self, $$props, $$invalidate) {
5361
+ function instance$v($$self, $$props, $$invalidate) {
5383
5362
  let { testid = "" } = $$props;
5384
5363
  let { mt = null } = $$props;
5385
5364
  let { mr = null } = $$props;
@@ -5409,8 +5388,8 @@ class Divider extends SvelteElement {
5409
5388
  props: attribute_to_object(this.attributes),
5410
5389
  customElement: true
5411
5390
  },
5412
- instance$t,
5413
- create_fragment$w,
5391
+ instance$v,
5392
+ create_fragment$y,
5414
5393
  safe_not_equal,
5415
5394
  { testid: 0, mt: 1, mr: 2, mb: 3, ml: 4 },
5416
5395
  null
@@ -5489,14 +5468,14 @@ function get_each_context_1(ctx, list, i) {
5489
5468
  return child_ctx;
5490
5469
  }
5491
5470
 
5492
- function get_each_context$5(ctx, list, i) {
5471
+ function get_each_context$6(ctx, list, i) {
5493
5472
  const child_ctx = ctx.slice();
5494
5473
  child_ctx[50] = list[i];
5495
5474
  return child_ctx;
5496
5475
  }
5497
5476
 
5498
5477
  // (270:2) {:else}
5499
- function create_else_block$5(ctx) {
5478
+ function create_else_block$6(ctx) {
5500
5479
  let t0;
5501
5480
  let goa_input;
5502
5481
  let goa_input_arialabel_value;
@@ -5510,7 +5489,7 @@ function create_else_block$5(ctx) {
5510
5489
  let ul_style_value;
5511
5490
  let mounted;
5512
5491
  let dispose;
5513
- let if_block = /*_isMenuVisible*/ ctx[17] && create_if_block_1$7(ctx);
5492
+ let if_block = /*_isMenuVisible*/ ctx[17] && create_if_block_1$9(ctx);
5514
5493
  let each_value_1 = /*_options*/ ctx[12];
5515
5494
  const get_key = ctx => /*index*/ ctx[54];
5516
5495
 
@@ -5589,7 +5568,7 @@ function create_else_block$5(ctx) {
5589
5568
  if (if_block) {
5590
5569
  if_block.p(ctx, dirty);
5591
5570
  } else {
5592
- if_block = create_if_block_1$7(ctx);
5571
+ if_block = create_if_block_1$9(ctx);
5593
5572
  if_block.c();
5594
5573
  if_block.m(t0.parentNode, t0);
5595
5574
  }
@@ -5676,7 +5655,7 @@ function create_else_block$5(ctx) {
5676
5655
  }
5677
5656
 
5678
5657
  // (251:2) {#if _native}
5679
- function create_if_block$f(ctx) {
5658
+ function create_if_block$h(ctx) {
5680
5659
  let select;
5681
5660
  let slot;
5682
5661
  let select_aria_label_value;
@@ -5686,7 +5665,7 @@ function create_if_block$f(ctx) {
5686
5665
  let each_blocks = [];
5687
5666
 
5688
5667
  for (let i = 0; i < each_value.length; i += 1) {
5689
- each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
5668
+ each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
5690
5669
  }
5691
5670
 
5692
5671
  return {
@@ -5723,12 +5702,12 @@ function create_if_block$f(ctx) {
5723
5702
  let i;
5724
5703
 
5725
5704
  for (i = 0; i < each_value.length; i += 1) {
5726
- const child_ctx = get_each_context$5(ctx, each_value, i);
5705
+ const child_ctx = get_each_context$6(ctx, each_value, i);
5727
5706
 
5728
5707
  if (each_blocks[i]) {
5729
5708
  each_blocks[i].p(child_ctx, dirty);
5730
5709
  } else {
5731
- each_blocks[i] = create_each_block$5(child_ctx);
5710
+ each_blocks[i] = create_each_block$6(child_ctx);
5732
5711
  each_blocks[i].c();
5733
5712
  each_blocks[i].m(select, null);
5734
5713
  }
@@ -5764,7 +5743,7 @@ function create_if_block$f(ctx) {
5764
5743
  }
5765
5744
 
5766
5745
  // (271:4) {#if _isMenuVisible}
5767
- function create_if_block_1$7(ctx) {
5746
+ function create_if_block_1$9(ctx) {
5768
5747
  let div;
5769
5748
  let div_data_testid_value;
5770
5749
  let noscroll_action;
@@ -5906,7 +5885,7 @@ function create_each_block_1(key_1, ctx) {
5906
5885
  }
5907
5886
 
5908
5887
  // (260:6) {#each _options as option}
5909
- function create_each_block$5(ctx) {
5888
+ function create_each_block$6(ctx) {
5910
5889
  let option;
5911
5890
  let t0_value = /*option*/ ctx[50].label + "";
5912
5891
  let t0;
@@ -5952,14 +5931,14 @@ function create_each_block$5(ctx) {
5952
5931
  };
5953
5932
  }
5954
5933
 
5955
- function create_fragment$v(ctx) {
5934
+ function create_fragment$x(ctx) {
5956
5935
  let div;
5957
5936
  let div_data_testid_value;
5958
5937
  let div_style_value;
5959
5938
 
5960
5939
  function select_block_type(ctx, dirty) {
5961
- if (/*_native*/ ctx[14]) return create_if_block$f;
5962
- return create_else_block$5;
5940
+ if (/*_native*/ ctx[14]) return create_if_block$h;
5941
+ return create_else_block$6;
5963
5942
  }
5964
5943
 
5965
5944
  let current_block_type = select_block_type(ctx);
@@ -6038,7 +6017,7 @@ function parseValues(selectedValue) {
6038
6017
  return rawValues.map(val => `${val}`);
6039
6018
  }
6040
6019
 
6041
- function instance$s($$self, $$props, $$invalidate) {
6020
+ function instance$u($$self, $$props, $$invalidate) {
6042
6021
  let _disabled;
6043
6022
  let _error;
6044
6023
  let _multiselect;
@@ -6409,8 +6388,8 @@ class Dropdown extends SvelteElement {
6409
6388
  props: attribute_to_object(this.attributes),
6410
6389
  customElement: true
6411
6390
  },
6412
- instance$s,
6413
- create_fragment$v,
6391
+ instance$u,
6392
+ create_fragment$x,
6414
6393
  safe_not_equal,
6415
6394
  {
6416
6395
  name: 0,
@@ -6605,7 +6584,7 @@ customElements.define("goa-dropdown", Dropdown);
6605
6584
 
6606
6585
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
6607
6586
 
6608
- function create_fragment$u(ctx) {
6587
+ function create_fragment$w(ctx) {
6609
6588
  return {
6610
6589
  c() {
6611
6590
  this.c = noop;
@@ -6630,7 +6609,7 @@ class DropdownItem extends SvelteElement {
6630
6609
  customElement: true
6631
6610
  },
6632
6611
  null,
6633
- create_fragment$u,
6612
+ create_fragment$w,
6634
6613
  safe_not_equal,
6635
6614
  {},
6636
6615
  null
@@ -6648,7 +6627,7 @@ customElements.define("goa-dropdown-item", DropdownItem);
6648
6627
 
6649
6628
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
6650
6629
 
6651
- function create_fragment$t(ctx) {
6630
+ function create_fragment$v(ctx) {
6652
6631
  let div;
6653
6632
 
6654
6633
  return {
@@ -6700,7 +6679,7 @@ function isFocusable(element) {
6700
6679
  }
6701
6680
  }
6702
6681
 
6703
- function instance$r($$self, $$props, $$invalidate) {
6682
+ function instance$t($$self, $$props, $$invalidate) {
6704
6683
  let isActive;
6705
6684
  let { active } = $$props;
6706
6685
  let ignoreFocusChanges = false;
@@ -6875,8 +6854,8 @@ class FocusTrap extends SvelteElement {
6875
6854
  props: attribute_to_object(this.attributes),
6876
6855
  customElement: true
6877
6856
  },
6878
- instance$r,
6879
- create_fragment$t,
6857
+ instance$t,
6858
+ create_fragment$v,
6880
6859
  safe_not_equal,
6881
6860
  { active: 1 },
6882
6861
  null
@@ -6912,7 +6891,7 @@ customElements.define("goa-focus-trap", FocusTrap);
6912
6891
 
6913
6892
  /* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.51.0 */
6914
6893
 
6915
- function create_if_block$e(ctx) {
6894
+ function create_if_block$g(ctx) {
6916
6895
  let goa_divider;
6917
6896
 
6918
6897
  return {
@@ -6929,7 +6908,7 @@ function create_if_block$e(ctx) {
6929
6908
  };
6930
6909
  }
6931
6910
 
6932
- function create_fragment$s(ctx) {
6911
+ function create_fragment$u(ctx) {
6933
6912
  let div5;
6934
6913
  let div4;
6935
6914
  let div0;
@@ -6943,7 +6922,7 @@ function create_fragment$s(ctx) {
6943
6922
  let t3;
6944
6923
  let a1;
6945
6924
  let div5_style_value;
6946
- let if_block = /*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0 && create_if_block$e();
6925
+ let if_block = /*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0 && create_if_block$g();
6947
6926
 
6948
6927
  return {
6949
6928
  c() {
@@ -6997,7 +6976,7 @@ function create_fragment$s(ctx) {
6997
6976
  p(ctx, [dirty]) {
6998
6977
  if (/*navLinks*/ ctx[2] && /*navLinks*/ ctx[2].length > 0) {
6999
6978
  if (if_block) ; else {
7000
- if_block = create_if_block$e();
6979
+ if_block = create_if_block$g();
7001
6980
  if_block.c();
7002
6981
  if_block.m(div4, t1);
7003
6982
  }
@@ -7028,7 +7007,7 @@ function create_fragment$s(ctx) {
7028
7007
  };
7029
7008
  }
7030
7009
 
7031
- function instance$q($$self, $$props, $$invalidate) {
7010
+ function instance$s($$self, $$props, $$invalidate) {
7032
7011
  let { maxcontentwidth = "" } = $$props;
7033
7012
  let rootEl;
7034
7013
  let navLinks;
@@ -7069,8 +7048,8 @@ class Footer extends SvelteElement {
7069
7048
  props: attribute_to_object(this.attributes),
7070
7049
  customElement: true
7071
7050
  },
7072
- instance$q,
7073
- create_fragment$s,
7051
+ instance$s,
7052
+ create_fragment$u,
7074
7053
  safe_not_equal,
7075
7054
  { maxcontentwidth: 0 },
7076
7055
  null
@@ -7106,14 +7085,14 @@ customElements.define("goa-app-footer", Footer);
7106
7085
 
7107
7086
  /* libs/web-components/src/components/footer-meta-section/FooterMetaSection.svelte generated by Svelte v3.51.0 */
7108
7087
 
7109
- function get_each_context$4(ctx, list, i) {
7088
+ function get_each_context$5(ctx, list, i) {
7110
7089
  const child_ctx = ctx.slice();
7111
7090
  child_ctx[3] = list[i];
7112
7091
  return child_ctx;
7113
7092
  }
7114
7093
 
7115
7094
  // (52:4) {#each children as child}
7116
- function create_each_block$4(ctx) {
7095
+ function create_each_block$5(ctx) {
7117
7096
  let li;
7118
7097
  let a;
7119
7098
  let t_value = /*child*/ ctx[3].innerHTML + "";
@@ -7145,7 +7124,7 @@ function create_each_block$4(ctx) {
7145
7124
  };
7146
7125
  }
7147
7126
 
7148
- function create_fragment$r(ctx) {
7127
+ function create_fragment$t(ctx) {
7149
7128
  let section;
7150
7129
  let div;
7151
7130
  let t;
@@ -7154,7 +7133,7 @@ function create_fragment$r(ctx) {
7154
7133
  let each_blocks = [];
7155
7134
 
7156
7135
  for (let i = 0; i < each_value.length; i += 1) {
7157
- each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
7136
+ each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
7158
7137
  }
7159
7138
 
7160
7139
  return {
@@ -7190,12 +7169,12 @@ function create_fragment$r(ctx) {
7190
7169
  let i;
7191
7170
 
7192
7171
  for (i = 0; i < each_value.length; i += 1) {
7193
- const child_ctx = get_each_context$4(ctx, each_value, i);
7172
+ const child_ctx = get_each_context$5(ctx, each_value, i);
7194
7173
 
7195
7174
  if (each_blocks[i]) {
7196
7175
  each_blocks[i].p(child_ctx, dirty);
7197
7176
  } else {
7198
- each_blocks[i] = create_each_block$4(child_ctx);
7177
+ each_blocks[i] = create_each_block$5(child_ctx);
7199
7178
  each_blocks[i].c();
7200
7179
  each_blocks[i].m(ul, null);
7201
7180
  }
@@ -7218,7 +7197,7 @@ function create_fragment$r(ctx) {
7218
7197
  };
7219
7198
  }
7220
7199
 
7221
- function instance$p($$self, $$props, $$invalidate) {
7200
+ function instance$r($$self, $$props, $$invalidate) {
7222
7201
  let rootEl;
7223
7202
  let children = [];
7224
7203
 
@@ -7262,8 +7241,8 @@ class FooterMetaSection extends SvelteElement {
7262
7241
  props: attribute_to_object(this.attributes),
7263
7242
  customElement: true
7264
7243
  },
7265
- instance$p,
7266
- create_fragment$r,
7244
+ instance$r,
7245
+ create_fragment$t,
7267
7246
  safe_not_equal,
7268
7247
  {},
7269
7248
  null
@@ -7281,14 +7260,14 @@ customElements.define("goa-app-footer-meta-section", FooterMetaSection);
7281
7260
 
7282
7261
  /* libs/web-components/src/components/footer-nav-section/FooterNavSection.svelte generated by Svelte v3.51.0 */
7283
7262
 
7284
- function get_each_context$3(ctx, list, i) {
7263
+ function get_each_context$4(ctx, list, i) {
7285
7264
  const child_ctx = ctx.slice();
7286
7265
  child_ctx[5] = list[i];
7287
7266
  return child_ctx;
7288
7267
  }
7289
7268
 
7290
7269
  // (31:2) {#if heading}
7291
- function create_if_block$d(ctx) {
7270
+ function create_if_block$f(ctx) {
7292
7271
  let div;
7293
7272
  let t0;
7294
7273
  let t1;
@@ -7321,7 +7300,7 @@ function create_if_block$d(ctx) {
7321
7300
  }
7322
7301
 
7323
7302
  // (49:4) {#each children as child}
7324
- function create_each_block$3(ctx) {
7303
+ function create_each_block$4(ctx) {
7325
7304
  let li;
7326
7305
  let a;
7327
7306
  let t_value = /*child*/ ctx[5].innerHTML + "";
@@ -7353,19 +7332,19 @@ function create_each_block$3(ctx) {
7353
7332
  };
7354
7333
  }
7355
7334
 
7356
- function create_fragment$q(ctx) {
7335
+ function create_fragment$s(ctx) {
7357
7336
  let section;
7358
7337
  let t0;
7359
7338
  let div;
7360
7339
  let t1;
7361
7340
  let ul;
7362
7341
  let ul_style_value;
7363
- let if_block = /*heading*/ ctx[0] && create_if_block$d(ctx);
7342
+ let if_block = /*heading*/ ctx[0] && create_if_block$f(ctx);
7364
7343
  let each_value = /*children*/ ctx[3];
7365
7344
  let each_blocks = [];
7366
7345
 
7367
7346
  for (let i = 0; i < each_value.length; i += 1) {
7368
- each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
7347
+ each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
7369
7348
  }
7370
7349
 
7371
7350
  return {
@@ -7414,7 +7393,7 @@ function create_fragment$q(ctx) {
7414
7393
  if (if_block) {
7415
7394
  if_block.p(ctx, dirty);
7416
7395
  } else {
7417
- if_block = create_if_block$d(ctx);
7396
+ if_block = create_if_block$f(ctx);
7418
7397
  if_block.c();
7419
7398
  if_block.m(section, t0);
7420
7399
  }
@@ -7428,12 +7407,12 @@ function create_fragment$q(ctx) {
7428
7407
  let i;
7429
7408
 
7430
7409
  for (i = 0; i < each_value.length; i += 1) {
7431
- const child_ctx = get_each_context$3(ctx, each_value, i);
7410
+ const child_ctx = get_each_context$4(ctx, each_value, i);
7432
7411
 
7433
7412
  if (each_blocks[i]) {
7434
7413
  each_blocks[i].p(child_ctx, dirty);
7435
7414
  } else {
7436
- each_blocks[i] = create_each_block$3(child_ctx);
7415
+ each_blocks[i] = create_each_block$4(child_ctx);
7437
7416
  each_blocks[i].c();
7438
7417
  each_blocks[i].m(ul, null);
7439
7418
  }
@@ -7468,7 +7447,7 @@ function create_fragment$q(ctx) {
7468
7447
  };
7469
7448
  }
7470
7449
 
7471
- function instance$o($$self, $$props, $$invalidate) {
7450
+ function instance$q($$self, $$props, $$invalidate) {
7472
7451
  let { heading = "" } = $$props;
7473
7452
  let { maxcolumncount = 1 } = $$props;
7474
7453
  let rootEl;
@@ -7523,8 +7502,8 @@ class FooterNavSection extends SvelteElement {
7523
7502
  props: attribute_to_object(this.attributes),
7524
7503
  customElement: true
7525
7504
  },
7526
- instance$o,
7527
- create_fragment$q,
7505
+ instance$q,
7506
+ create_fragment$s,
7528
7507
  safe_not_equal,
7529
7508
  { heading: 0, maxcolumncount: 1 },
7530
7509
  null
@@ -7569,12 +7548,12 @@ customElements.define("goa-app-footer-nav-section", FooterNavSection);
7569
7548
 
7570
7549
  /* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.51.0 */
7571
7550
 
7572
- function create_if_block_2$5(ctx) {
7551
+ function create_if_block_2$7(ctx) {
7573
7552
  let div;
7574
7553
  let t0;
7575
7554
  let t1;
7576
7555
  let show_if = /*requirement*/ ctx[8] && /*REQUIREMENT_TYPES*/ ctx[9].includes(/*requirement*/ ctx[8]);
7577
- let if_block = show_if && create_if_block_3$5(ctx);
7556
+ let if_block = show_if && create_if_block_3$7(ctx);
7578
7557
 
7579
7558
  return {
7580
7559
  c() {
@@ -7598,7 +7577,7 @@ function create_if_block_2$5(ctx) {
7598
7577
  if (if_block) {
7599
7578
  if_block.p(ctx, dirty);
7600
7579
  } else {
7601
- if_block = create_if_block_3$5(ctx);
7580
+ if_block = create_if_block_3$7(ctx);
7602
7581
  if_block.c();
7603
7582
  if_block.m(div, null);
7604
7583
  }
@@ -7615,7 +7594,7 @@ function create_if_block_2$5(ctx) {
7615
7594
  }
7616
7595
 
7617
7596
  // (34:6) {#if requirement && REQUIREMENT_TYPES.includes(requirement)}
7618
- function create_if_block_3$5(ctx) {
7597
+ function create_if_block_3$7(ctx) {
7619
7598
  let em;
7620
7599
  let t0;
7621
7600
  let t1;
@@ -7644,7 +7623,7 @@ function create_if_block_3$5(ctx) {
7644
7623
  }
7645
7624
 
7646
7625
  // (42:2) {#if error}
7647
- function create_if_block_1$6(ctx) {
7626
+ function create_if_block_1$8(ctx) {
7648
7627
  let div;
7649
7628
  let goa_icon;
7650
7629
  let t0;
@@ -7678,7 +7657,7 @@ function create_if_block_1$6(ctx) {
7678
7657
  }
7679
7658
 
7680
7659
  // (48:2) {#if helptext}
7681
- function create_if_block$c(ctx) {
7660
+ function create_if_block$e(ctx) {
7682
7661
  let div;
7683
7662
  let t;
7684
7663
 
@@ -7701,16 +7680,16 @@ function create_if_block$c(ctx) {
7701
7680
  };
7702
7681
  }
7703
7682
 
7704
- function create_fragment$p(ctx) {
7683
+ function create_fragment$r(ctx) {
7705
7684
  let div1;
7706
7685
  let t0;
7707
7686
  let div0;
7708
7687
  let t1;
7709
7688
  let t2;
7710
7689
  let div1_style_value;
7711
- let if_block0 = /*label*/ ctx[5] && create_if_block_2$5(ctx);
7712
- let if_block1 = /*error*/ ctx[7] && create_if_block_1$6(ctx);
7713
- let if_block2 = /*helptext*/ ctx[6] && create_if_block$c(ctx);
7690
+ let if_block0 = /*label*/ ctx[5] && create_if_block_2$7(ctx);
7691
+ let if_block1 = /*error*/ ctx[7] && create_if_block_1$8(ctx);
7692
+ let if_block2 = /*helptext*/ ctx[6] && create_if_block$e(ctx);
7714
7693
 
7715
7694
  return {
7716
7695
  c() {
@@ -7744,7 +7723,7 @@ function create_fragment$p(ctx) {
7744
7723
  if (if_block0) {
7745
7724
  if_block0.p(ctx, dirty);
7746
7725
  } else {
7747
- if_block0 = create_if_block_2$5(ctx);
7726
+ if_block0 = create_if_block_2$7(ctx);
7748
7727
  if_block0.c();
7749
7728
  if_block0.m(div1, t0);
7750
7729
  }
@@ -7757,7 +7736,7 @@ function create_fragment$p(ctx) {
7757
7736
  if (if_block1) {
7758
7737
  if_block1.p(ctx, dirty);
7759
7738
  } else {
7760
- if_block1 = create_if_block_1$6(ctx);
7739
+ if_block1 = create_if_block_1$8(ctx);
7761
7740
  if_block1.c();
7762
7741
  if_block1.m(div1, t2);
7763
7742
  }
@@ -7770,7 +7749,7 @@ function create_fragment$p(ctx) {
7770
7749
  if (if_block2) {
7771
7750
  if_block2.p(ctx, dirty);
7772
7751
  } else {
7773
- if_block2 = create_if_block$c(ctx);
7752
+ if_block2 = create_if_block$e(ctx);
7774
7753
  if_block2.c();
7775
7754
  if_block2.m(div1, null);
7776
7755
  }
@@ -7798,7 +7777,7 @@ function create_fragment$p(ctx) {
7798
7777
  };
7799
7778
  }
7800
7779
 
7801
- function instance$n($$self, $$props, $$invalidate) {
7780
+ function instance$p($$self, $$props, $$invalidate) {
7802
7781
  const [REQUIREMENT_TYPES, validateRequirementType] = typeValidator("Requirement type", ["optional", "required"], false);
7803
7782
  let { testid = "" } = $$props;
7804
7783
  let { mt = null } = $$props;
@@ -7841,8 +7820,8 @@ class FormItem extends SvelteElement {
7841
7820
  props: attribute_to_object(this.attributes),
7842
7821
  customElement: true
7843
7822
  },
7844
- instance$n,
7845
- create_fragment$p,
7823
+ instance$p,
7824
+ create_fragment$r,
7846
7825
  safe_not_equal,
7847
7826
  {
7848
7827
  testid: 0,
@@ -7970,7 +7949,7 @@ customElements.define("goa-form-item", FormItem);
7970
7949
 
7971
7950
  /* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.51.0 */
7972
7951
 
7973
- function create_fragment$o(ctx) {
7952
+ function create_fragment$q(ctx) {
7974
7953
  let div;
7975
7954
  let slot;
7976
7955
  let div_style_value;
@@ -8009,7 +7988,7 @@ function create_fragment$o(ctx) {
8009
7988
  };
8010
7989
  }
8011
7990
 
8012
- function instance$m($$self, $$props, $$invalidate) {
7991
+ function instance$o($$self, $$props, $$invalidate) {
8013
7992
  let { gap = "m" } = $$props;
8014
7993
  let { minchildwidth = "" } = $$props;
8015
7994
  let { mt = null } = $$props;
@@ -8045,8 +8024,8 @@ class Grid extends SvelteElement {
8045
8024
  props: attribute_to_object(this.attributes),
8046
8025
  customElement: true
8047
8026
  },
8048
- instance$m,
8049
- create_fragment$o,
8027
+ instance$o,
8028
+ create_fragment$q,
8050
8029
  safe_not_equal,
8051
8030
  {
8052
8031
  gap: 0,
@@ -8134,7 +8113,7 @@ customElements.define("goa-grid", Grid);
8134
8113
 
8135
8114
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.51.0 */
8136
8115
 
8137
- function create_fragment$n(ctx) {
8116
+ function create_fragment$p(ctx) {
8138
8117
  let div1;
8139
8118
  let goa_page_block;
8140
8119
  let h1;
@@ -8197,7 +8176,7 @@ function create_fragment$n(ctx) {
8197
8176
  };
8198
8177
  }
8199
8178
 
8200
- function instance$l($$self, $$props, $$invalidate) {
8179
+ function instance$n($$self, $$props, $$invalidate) {
8201
8180
  let { heading } = $$props;
8202
8181
  let { backgroundurl } = $$props;
8203
8182
  let { minheight = "600px" } = $$props;
@@ -8223,8 +8202,8 @@ class HeroBanner extends SvelteElement {
8223
8202
  props: attribute_to_object(this.attributes),
8224
8203
  customElement: true
8225
8204
  },
8226
- instance$l,
8227
- create_fragment$n,
8205
+ instance$n,
8206
+ create_fragment$p,
8228
8207
  safe_not_equal,
8229
8208
  {
8230
8209
  heading: 0,
@@ -8282,7 +8261,7 @@ customElements.define("goa-hero-banner", HeroBanner);
8282
8261
 
8283
8262
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.51.0 */
8284
8263
 
8285
- function create_fragment$m(ctx) {
8264
+ function create_fragment$o(ctx) {
8286
8265
  let button;
8287
8266
  let goa_icon;
8288
8267
  let button_style_value;
@@ -8369,7 +8348,7 @@ function handleClick(e) {
8369
8348
  e.target.dispatchEvent(new CustomEvent("_click", { composed: true, detail: { event: e } }));
8370
8349
  }
8371
8350
 
8372
- function instance$k($$self, $$props, $$invalidate) {
8351
+ function instance$m($$self, $$props, $$invalidate) {
8373
8352
  let css;
8374
8353
  let isDisabled;
8375
8354
  let isInverted;
@@ -8462,8 +8441,8 @@ class IconButton extends SvelteElement {
8462
8441
  props: attribute_to_object(this.attributes),
8463
8442
  customElement: true
8464
8443
  },
8465
- instance$k,
8466
- create_fragment$m,
8444
+ instance$m,
8445
+ create_fragment$o,
8467
8446
  safe_not_equal,
8468
8447
  {
8469
8448
  icon: 0,
@@ -8624,15 +8603,15 @@ customElements.define("goa-icon-button", IconButton);
8624
8603
 
8625
8604
  /* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.51.0 */
8626
8605
 
8627
- function create_if_block$b(ctx) {
8606
+ function create_if_block$d(ctx) {
8628
8607
  let show_if;
8629
8608
  let if_block_anchor;
8630
8609
 
8631
8610
  function select_block_type(ctx, dirty) {
8632
8611
  if (dirty & /*type*/ 16) show_if = null;
8633
- if (show_if == null) show_if = !!Object.keys(/*_iconOverrides*/ ctx[12]).includes(/*type*/ ctx[4]);
8634
- if (show_if) return create_if_block_1$5;
8635
- return create_else_block$4;
8612
+ if (show_if == null) show_if = !!Object.keys(/*_iconOverrides*/ ctx[13]).includes(/*type*/ ctx[4]);
8613
+ if (show_if) return create_if_block_1$7;
8614
+ return create_else_block$5;
8636
8615
  }
8637
8616
 
8638
8617
  let current_block_type = select_block_type(ctx, -1);
@@ -8667,8 +8646,8 @@ function create_if_block$b(ctx) {
8667
8646
  };
8668
8647
  }
8669
8648
 
8670
- // (60:4) {:else}
8671
- function create_else_block$4(ctx) {
8649
+ // (59:4) {:else}
8650
+ function create_else_block$5(ctx) {
8672
8651
  let ion_icon;
8673
8652
  let ion_icon_name_value;
8674
8653
 
@@ -8676,17 +8655,17 @@ function create_else_block$4(ctx) {
8676
8655
  c() {
8677
8656
  ion_icon = element("ion-icon");
8678
8657
 
8679
- set_custom_element_data(ion_icon, "name", ion_icon_name_value = /*theme*/ ctx[5] === "filled" || /*type*/ ctx[4].indexOf("logo") === 0
8658
+ set_custom_element_data(ion_icon, "name", ion_icon_name_value = /*theme*/ ctx[6] === "filled" || /*type*/ ctx[4].indexOf("logo") === 0
8680
8659
  ? /*type*/ ctx[4]
8681
- : `${/*type*/ ctx[4]}-${/*theme*/ ctx[5]}`);
8660
+ : `${/*type*/ ctx[4]}-${/*theme*/ ctx[6]}`);
8682
8661
  },
8683
8662
  m(target, anchor) {
8684
8663
  insert(target, ion_icon, anchor);
8685
8664
  },
8686
8665
  p(ctx, dirty) {
8687
- if (dirty & /*theme, type*/ 48 && ion_icon_name_value !== (ion_icon_name_value = /*theme*/ ctx[5] === "filled" || /*type*/ ctx[4].indexOf("logo") === 0
8666
+ if (dirty & /*theme, type*/ 80 && ion_icon_name_value !== (ion_icon_name_value = /*theme*/ ctx[6] === "filled" || /*type*/ ctx[4].indexOf("logo") === 0
8688
8667
  ? /*type*/ ctx[4]
8689
- : `${/*type*/ ctx[4]}-${/*theme*/ ctx[5]}`)) {
8668
+ : `${/*type*/ ctx[4]}-${/*theme*/ ctx[6]}`)) {
8690
8669
  set_custom_element_data(ion_icon, "name", ion_icon_name_value);
8691
8670
  }
8692
8671
  },
@@ -8697,59 +8676,50 @@ function create_else_block$4(ctx) {
8697
8676
  }
8698
8677
 
8699
8678
  // (55:4) {#if Object.keys(_iconOverrides).includes(type)}
8700
- function create_if_block_1$5(ctx) {
8679
+ function create_if_block_1$7(ctx) {
8701
8680
  let div;
8702
- let html_tag;
8703
- let raw_value = /*_iconOverrides*/ ctx[12][/*type*/ ctx[4]] + "";
8704
- let t;
8705
- let span;
8681
+ let raw_value = /*_iconOverrides*/ ctx[13][/*type*/ ctx[4]] + "";
8706
8682
 
8707
8683
  return {
8708
8684
  c() {
8709
8685
  div = element("div");
8710
- html_tag = new HtmlTag(false);
8711
- t = space();
8712
- span = element("span");
8713
- html_tag.a = t;
8714
8686
  attr(div, "class", "icon-override");
8715
8687
  },
8716
8688
  m(target, anchor) {
8717
8689
  insert(target, div, anchor);
8718
- html_tag.m(raw_value, div);
8719
- append(div, t);
8720
- append(div, span);
8690
+ div.innerHTML = raw_value;
8721
8691
  },
8722
8692
  p(ctx, dirty) {
8723
- if (dirty & /*type*/ 16 && raw_value !== (raw_value = /*_iconOverrides*/ ctx[12][/*type*/ ctx[4]] + "")) html_tag.p(raw_value);
8724
- },
8693
+ if (dirty & /*type*/ 16 && raw_value !== (raw_value = /*_iconOverrides*/ ctx[13][/*type*/ ctx[4]] + "")) div.innerHTML = raw_value; },
8725
8694
  d(detaching) {
8726
8695
  if (detaching) detach(div);
8727
8696
  }
8728
8697
  };
8729
8698
  }
8730
8699
 
8731
- function create_fragment$l(ctx) {
8700
+ function create_fragment$n(ctx) {
8732
8701
  let div;
8702
+ let div_class_value;
8733
8703
  let div_style_value;
8734
- let if_block = /*type*/ ctx[4] && create_if_block$b(ctx);
8704
+ let if_block = /*type*/ ctx[4] && create_if_block$d(ctx);
8735
8705
 
8736
8706
  return {
8737
8707
  c() {
8738
8708
  div = element("div");
8739
8709
  if (if_block) if_block.c();
8740
8710
  this.c = noop;
8741
- attr(div, "class", "goa-icon");
8742
- attr(div, "data-testid", /*testid*/ ctx[9]);
8743
- attr(div, "title", /*title*/ ctx[8]);
8711
+ attr(div, "class", div_class_value = `goa-icon goa-icon--${/*size*/ ctx[5]}`);
8712
+ attr(div, "data-testid", /*testid*/ ctx[11]);
8713
+ attr(div, "title", /*title*/ ctx[10]);
8744
8714
 
8745
8715
  attr(div, "style", div_style_value = `
8746
8716
  ${calculateMargin(/*mt*/ ctx[0], /*mr*/ ctx[1], /*mb*/ ctx[2], /*ml*/ ctx[3])}
8747
- --size: ${/*_size*/ ctx[10]};
8748
- --fill-color: ${/*fillcolor*/ ctx[6]};
8749
- --opacity: ${/*opacity*/ ctx[7]};
8717
+ ${cssVar("--fill-color", /*fillcolor*/ ctx[8])};
8718
+ ${cssVar("--hover-color", /*hovercolor*/ ctx[7])};
8719
+ ${cssVar("--opacity", /*opacity*/ ctx[9])};
8750
8720
  `);
8751
8721
 
8752
- toggle_class(div, "inverted", /*isInverted*/ ctx[11]);
8722
+ toggle_class(div, "inverted", /*isInverted*/ ctx[12]);
8753
8723
  },
8754
8724
  m(target, anchor) {
8755
8725
  insert(target, div, anchor);
@@ -8760,7 +8730,7 @@ function create_fragment$l(ctx) {
8760
8730
  if (if_block) {
8761
8731
  if_block.p(ctx, dirty);
8762
8732
  } else {
8763
- if_block = create_if_block$b(ctx);
8733
+ if_block = create_if_block$d(ctx);
8764
8734
  if_block.c();
8765
8735
  if_block.m(div, null);
8766
8736
  }
@@ -8769,25 +8739,29 @@ function create_fragment$l(ctx) {
8769
8739
  if_block = null;
8770
8740
  }
8771
8741
 
8772
- if (dirty & /*testid*/ 512) {
8773
- attr(div, "data-testid", /*testid*/ ctx[9]);
8742
+ if (dirty & /*size*/ 32 && div_class_value !== (div_class_value = `goa-icon goa-icon--${/*size*/ ctx[5]}`)) {
8743
+ attr(div, "class", div_class_value);
8744
+ }
8745
+
8746
+ if (dirty & /*testid*/ 2048) {
8747
+ attr(div, "data-testid", /*testid*/ ctx[11]);
8774
8748
  }
8775
8749
 
8776
- if (dirty & /*title*/ 256) {
8777
- attr(div, "title", /*title*/ ctx[8]);
8750
+ if (dirty & /*title*/ 1024) {
8751
+ attr(div, "title", /*title*/ ctx[10]);
8778
8752
  }
8779
8753
 
8780
- if (dirty & /*mt, mr, mb, ml, _size, fillcolor, opacity*/ 1231 && div_style_value !== (div_style_value = `
8754
+ if (dirty & /*mt, mr, mb, ml, fillcolor, hovercolor, opacity*/ 911 && div_style_value !== (div_style_value = `
8781
8755
  ${calculateMargin(/*mt*/ ctx[0], /*mr*/ ctx[1], /*mb*/ ctx[2], /*ml*/ ctx[3])}
8782
- --size: ${/*_size*/ ctx[10]};
8783
- --fill-color: ${/*fillcolor*/ ctx[6]};
8784
- --opacity: ${/*opacity*/ ctx[7]};
8756
+ ${cssVar("--fill-color", /*fillcolor*/ ctx[8])};
8757
+ ${cssVar("--hover-color", /*hovercolor*/ ctx[7])};
8758
+ ${cssVar("--opacity", /*opacity*/ ctx[9])};
8785
8759
  `)) {
8786
8760
  attr(div, "style", div_style_value);
8787
8761
  }
8788
8762
 
8789
- if (dirty & /*isInverted*/ 2048) {
8790
- toggle_class(div, "inverted", /*isInverted*/ ctx[11]);
8763
+ if (dirty & /*size, isInverted*/ 4128) {
8764
+ toggle_class(div, "inverted", /*isInverted*/ ctx[12]);
8791
8765
  }
8792
8766
  },
8793
8767
  i: noop,
@@ -8799,9 +8773,8 @@ function create_fragment$l(ctx) {
8799
8773
  };
8800
8774
  }
8801
8775
 
8802
- function instance$j($$self, $$props, $$invalidate) {
8776
+ function instance$l($$self, $$props, $$invalidate) {
8803
8777
  let isInverted;
8804
- let _size;
8805
8778
  let { mt = null } = $$props;
8806
8779
  let { mr = null } = $$props;
8807
8780
  let { mb = null } = $$props;
@@ -8810,6 +8783,7 @@ function instance$j($$self, $$props, $$invalidate) {
8810
8783
  let { size = "medium" } = $$props;
8811
8784
  let { theme = "outline" } = $$props;
8812
8785
  let { inverted = "false" } = $$props;
8786
+ let { hovercolor = "" } = $$props;
8813
8787
  let { fillcolor = "" } = $$props;
8814
8788
  let { opacity = 1 } = $$props;
8815
8789
  let { title = "" } = $$props;
@@ -8817,15 +8791,19 @@ function instance$j($$self, $$props, $$invalidate) {
8817
8791
 
8818
8792
  // Private
8819
8793
  const _iconOverrides = {
8820
- pencil: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
8821
- <path d="M16.1442 5.47956L12.5355 1.87088L13.7196 0.686776C14.0391 0.367257 14.4385 0.212197 14.9178 0.221594C15.3971 0.230992 15.7965 0.39545 16.116 0.714969L17.3283 1.92726C17.6478 2.24678 17.8076 2.64148 17.8076 3.11136C17.8076 3.58124 17.6478 3.97594 17.3283 4.29546L16.1442 5.47956ZM1.03951 17.8424C0.795173 17.8424 0.593125 17.7626 0.433365 17.6028C0.273605 17.443 0.193726 17.241 0.193726 16.9966V14.5721C0.193726 14.4593 0.212521 14.356 0.250112 14.262C0.287702 14.168 0.353485 14.074 0.447461 13.9801L11.4689 2.93435L15.0776 6.54303L4.05615 17.5887C3.96217 17.6827 3.8682 17.7485 3.77422 17.7861C3.68024 17.8236 3.57687 17.8424 3.4641 17.8424H1.03951Z" fill="#333333"/>
8822
- </svg>`,
8823
- checkmark: `<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8824
- <path fill-rule="evenodd" clip-rule="evenodd" d="M6.20129 11.5368L15.9974 0.341265C16.3611 -0.0743717 16.9929 -0.116489 17.4085 0.247193C17.8241 0.610875 17.8663 1.24264 17.5026 1.65827L7.00258 13.6583C6.82032 13.8666 6.5599 13.99 6.28328 13.9992C6.00666 14.0084 5.7386 13.9026 5.54289 13.7069L1.04289 9.20688C0.652369 8.81635 0.652369 8.18319 1.04289 7.79266C1.43342 7.40214 2.06658 7.40214 2.45711 7.79266L6.20129 11.5368Z" fill="#333333"/>
8825
- </svg>`,
8826
- remove: `<svg width="16" height="20" viewBox="0 0 16 1" fill="none" xmlns="http://www.w3.org/2000/svg">
8827
- <path d="M1.5 -0.000244141C0.947715 -0.000244141 0.5 0.447471 0.5 0.999756C0.5 1.55204 0.947715 1.99976 1.5 1.99976H15C15.5523 1.99976 16 1.55204 16 0.999756C16 0.447471 15.5523 -0.000244141 15 -0.000244141H1.5Z" fill="#333333"/>
8828
- </svg>`
8794
+ pencil: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.1442 5.47956L12.5355 1.87088L13.7196 0.686776C14.0391 0.367257 14.4385 0.212197 14.9178 0.221594C15.3971 0.230992 15.7965 0.39545 16.116 0.714969L17.3283 1.92726C17.6478 2.24678 17.8076 2.64148 17.8076 3.11136C17.8076 3.58124 17.6478 3.97594 17.3283 4.29546L16.1442 5.47956ZM1.03951 17.8424C0.795173 17.8424 0.593125 17.7626 0.433365 17.6028C0.273605 17.443 0.193726 17.241 0.193726 16.9966V14.5721C0.193726 14.4593 0.212521 14.356 0.250112 14.262C0.287702 14.168 0.353485 14.074 0.447461 13.9801L11.4689 2.93435L15.0776 6.54303L4.05615 17.5887C3.96217 17.6827 3.8682 17.7485 3.77422 17.7861C3.68024 17.8236 3.57687 17.8424 3.4641 17.8424H1.03951Z" fill="currentcolor"/> </svg>`,
8795
+ checkmark: `<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.20129 11.5368L15.9974 0.341265C16.3611 -0.0743717 16.9929 -0.116489 17.4085 0.247193C17.8241 0.610875 17.8663 1.24264 17.5026 1.65827L7.00258 13.6583C6.82032 13.8666 6.5599 13.99 6.28328 13.9992C6.00666 14.0084 5.7386 13.9026 5.54289 13.7069L1.04289 9.20688C0.652369 8.81635 0.652369 8.18319 1.04289 7.79266C1.43342 7.40214 2.06658 7.40214 2.45711 7.79266L6.20129 11.5368Z" fill="#333333"/> </svg>`,
8796
+ remove: `<svg width="16" height="20" viewBox="0 0 16 1" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 -0.000244141C0.947715 -0.000244141 0.5 0.447471 0.5 0.999756C0.5 1.55204 0.947715 1.99976 1.5 1.99976H15C15.5523 1.99976 16 1.55204 16 0.999756C16 0.447471 15.5523 -0.000244141 15 -0.000244141H1.5Z" fill="currentcolor"/> </svg>`,
8797
+ "goa-file": `<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1357_108691)"> <path d="M38.741 14C38.541 13.07 38.081 12.22 37.401 11.54L36.861 11L27.861 2L27.321 1.46C26.641 0.78 25.781 0.32 24.861 0.12C24.511 0.04 24.151 0 23.791 0H5.86096C3.10096 0 0.860962 2.24 0.860962 5V43C0.860962 45.76 3.10096 48 5.86096 48H33.861C36.621 48 38.861 45.76 38.861 43V15.07C38.861 14.71 38.811 14.35 38.741 14ZM35.041 12H29.871C28.221 12 26.871 10.65 26.871 9V3.83L35.041 12ZM36.871 43C36.871 44.65 35.521 46 33.871 46H5.87097C4.22097 46 2.87097 44.65 2.87097 43V5C2.87097 3.35 4.22097 2 5.87097 2H23.801C24.171 2 24.531 2.07 24.871 2.2V9C24.871 11.76 27.111 14 29.871 14H36.671C36.801 14.34 36.871 14.7 36.871 15.07V43Z" fill="currentcolor"/> </g> <defs> <clipPath id="clip0_1357_108691"><rect width="38" height="48" fill="white" transform="translate(0.861328)"/></clipPath></defs></svg>`,
8798
+ "goa-text": `<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.7953 14C38.5953 13.07 38.1353 12.22 37.4553 11.54L36.9153 11L27.9153 2L27.3753 1.46C26.6953 0.78 25.8353 0.32 24.9153 0.12C24.5653 0.04 24.2053 0 23.8453 0H5.91528C3.15528 0 0.915283 2.24 0.915283 5V43C0.915283 45.76 3.15528 48 5.91528 48H33.9153C36.6753 48 38.9153 45.76 38.9153 43V15.07C38.9153 14.71 38.8653 14.35 38.7953 14ZM35.0953 12H29.9253C28.2753 12 26.9253 10.65 26.9253 9V3.83L35.0953 12ZM36.9253 43C36.9253 44.65 35.5753 46 33.9253 46H5.91528C4.26528 46 2.91528 44.65 2.91528 43V5C2.91528 3.35 4.26528 2 5.91528 2H23.8453C24.2153 2 24.5753 2.07 24.9153 2.2V9C24.9153 11.76 27.1553 14 29.9153 14H36.7153C36.8453 14.34 36.9153 14.7 36.9153 15.07V43H36.9253Z" fill="currentcolor"/> <path d="M27.9153 34H11.9153C11.363 34 10.9153 34.4477 10.9153 35C10.9153 35.5523 11.363 36 11.9153 36H27.9153C28.4676 36 28.9153 35.5523 28.9153 35C28.9153 34.4477 28.4676 34 27.9153 34Z" fill="currentcolor"/> <path d="M27.9153 26H11.9153C11.363 26 10.9153 26.4477 10.9153 27C10.9153 27.5523 11.363 28 11.9153 28H27.9153C28.4676 28 28.9153 27.5523 28.9153 27C28.9153 26.4477 28.4676 26 27.9153 26Z" fill="currentcolor"/> </svg>`,
8799
+ "goa-pdf": `<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M37.8861 14C37.6861 13.07 37.2261 12.22 36.5461 11.54L36.0061 11L27.0061 2L26.4661 1.46C25.7861 0.78 24.9261 0.32 24.0061 0.12C23.6561 0.04 23.2961 0 22.9361 0H5.0061C2.2461 0 0.00610352 2.24 0.00610352 5V43C0.00610352 45.76 2.2461 48 5.0061 48H33.0061C35.7661 48 38.0061 45.76 38.0061 43V15.07C38.0061 14.71 37.9561 14.35 37.8861 14ZM34.1861 12H29.0161C27.3661 12 26.0161 10.65 26.0161 9V3.83L34.1861 12ZM36.0161 43C36.0161 44.65 34.6661 46 33.0161 46H5.0061C3.3561 46 2.0061 44.65 2.0061 43V5C2.0061 3.35 3.3561 2 5.0061 2H22.9361C23.3061 2 23.6661 2.07 24.0061 2.2V9C24.0061 11.76 26.2461 14 29.0061 14H35.8061C35.9361 14.34 36.0061 14.7 36.0061 15.07V43H36.0161Z" fill="currentcolor"/> <path d="M5.02611 27C5.02611 26.45 5.47611 26 6.02611 26H9.05611C11.1161 26 12.9261 27.06 12.9261 29.28C12.9261 31.5 11.2461 32.74 8.85611 32.74H7.25611V35.85C7.25611 36.47 6.75611 36.97 6.13611 36.97C5.51611 36.97 5.01611 36.47 5.01611 35.85V27.01L5.02611 27ZM7.26611 30.96H8.73611C9.91611 30.96 10.6561 30.53 10.6561 29.31C10.6561 28.22 9.90611 27.77 8.79611 27.77H7.25611V30.96H7.26611Z" fill="currentcolor"/> <path d="M15.0361 27C15.0361 26.45 15.4861 26 16.0361 26H18.8461C22.1761 26 24.0161 28.03 24.0161 31.25C24.0161 34.82 22.0961 36.96 18.7661 36.96H16.0361C15.4861 36.96 15.0361 36.51 15.0361 35.96V27ZM17.2961 35.2H18.7361C20.6861 35.2 21.6961 33.74 21.6961 31.28C21.6961 29.25 20.7861 27.79 18.7461 27.79H17.2861V35.2H17.2961Z" fill="currentcolor"/> <path d="M25.9761 27C25.9761 26.45 26.4261 26 26.9761 26H32.0861C32.5961 26 33.0061 26.41 33.0061 26.92C33.0061 27.43 32.5961 27.84 32.0861 27.84H28.1761V30.63H31.8161C32.3161 30.63 32.7161 31.03 32.7161 31.53C32.7161 32.03 32.3161 32.43 31.8161 32.43H28.1761V35.86C28.1761 36.47 27.6861 36.96 27.0761 36.96C26.4661 36.96 25.9761 36.47 25.9761 35.86V26.99V27Z" fill="currentcolor"/> </svg> `,
8800
+ "goa-doc": `<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.6134 14C38.4134 13.07 37.9534 12.22 37.2734 11.54L36.7334 11L27.7334 2L27.1934 1.46C26.5134 0.78 25.6534 0.32 24.7334 0.12C24.3834 0.04 24.0234 0 23.6634 0H5.7334C2.9734 0 0.733398 2.24 0.733398 5V43C0.733398 45.76 2.9734 48 5.7334 48H33.7334C36.4934 48 38.7334 45.76 38.7334 43V15.07C38.7334 14.71 38.6834 14.35 38.6134 14ZM34.9134 12H29.7434C28.0934 12 26.7434 10.65 26.7434 9V3.83L34.9134 12ZM36.7434 43C36.7434 44.65 35.3934 46 33.7434 46H5.7334C4.0834 46 2.7334 44.65 2.7334 43V5C2.7334 3.35 4.0834 2 5.7334 2H23.6634C24.0334 2 24.3934 2.07 24.7334 2.2V9C24.7334 11.76 26.9734 14 29.7334 14H36.5334C36.6634 14.34 36.7334 14.7 36.7334 15.07V43H36.7434Z" fill="currentcolor"/> <path d="M13.7834 36.6406L10.9034 24.5806C10.6934 23.7206 11.3534 22.8906 12.2334 22.8906C12.8734 22.8906 13.4334 23.3406 13.5734 23.9706C14.4934 28.2306 15.3434 32.5006 15.6434 34.9706H15.6634C16.0934 32.6806 17.3834 27.7106 18.2434 24.0806C18.4134 23.3806 19.0334 22.8906 19.7534 22.8906C20.4634 22.8906 21.0834 23.3706 21.2534 24.0606C22.0734 27.3606 23.3634 32.5806 23.7534 34.8406H23.7734C24.1834 32.0406 25.4534 26.8306 26.1134 23.8706C26.2434 23.3006 26.7434 22.8906 27.3334 22.8906C28.1534 22.8906 28.7434 23.6606 28.5434 24.4506L25.4134 36.6706C25.2134 37.4606 24.5034 38.0106 23.6934 38.0106C22.8634 38.0106 22.1534 37.4506 21.9634 36.6406C21.1734 33.2806 20.0434 28.8506 19.6434 26.6306H19.6234C19.1834 28.9106 18.0234 33.4506 17.2234 36.6606C17.0234 37.4506 16.3134 38.0006 15.5034 38.0006C14.6834 38.0006 13.9634 37.4406 13.7734 36.6406H13.7834Z" fill="currentcolor"/> </svg> `,
8801
+ "goa-ppt": `<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.2498 14C38.0498 13.07 37.5898 12.22 36.9098 11.54L36.3698 11L27.3698 2L26.8298 1.46C26.1497 0.78 25.2898 0.32 24.3698 0.12C24.0198 0.04 23.6598 0 23.2998 0H5.36975C2.60975 0 0.369751 2.24 0.369751 5V43C0.369751 45.76 2.60975 48 5.36975 48H33.3698C36.1297 48 38.3698 45.76 38.3698 43V15.07C38.3698 14.71 38.3198 14.35 38.2498 14ZM34.5498 12H29.3798C27.7298 12 26.3798 10.65 26.3798 9V3.83L34.5498 12ZM36.3797 43C36.3797 44.65 35.0298 46 33.3797 46H5.36975C3.71975 46 2.36975 44.65 2.36975 43V5C2.36975 3.35 3.71975 2 5.36975 2H23.2998C23.6698 2 24.0298 2.07 24.3698 2.2V9C24.3698 11.76 26.6098 14 29.3698 14H36.1698C36.2998 14.34 36.3698 14.7 36.3698 15.07V43H36.3797Z" fill="currentcolor"/> <path d="M14.0798 24.8906C14.0798 23.7906 14.9798 22.8906 16.0798 22.8906H19.4698C22.3098 22.8906 24.6598 24.3406 24.6598 27.2906C24.6598 30.2406 22.4198 31.9306 19.2298 31.9306H16.7698V36.6606C16.7698 37.4006 16.1698 38.0006 15.4298 38.0006C14.6898 38.0006 14.0898 37.4006 14.0898 36.6606V24.8906H14.0798ZM16.7598 29.8206H19.0698C20.8098 29.8206 21.9498 29.1806 21.9498 27.3606C21.9498 25.7306 20.7798 25.0306 19.1298 25.0306H16.7498V29.8306L16.7598 29.8206Z" fill="currentcolor"/> </svg> `,
8802
+ "goa-xls": `<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.3407 14C38.1407 13.07 37.6807 12.22 37.0007 11.54L36.4607 11L27.4607 2L26.9207 1.46C26.2407 0.78 25.3807 0.32 24.4607 0.12C24.1107 0.04 23.7507 0 23.3907 0H5.46069C2.70069 0 0.460693 2.24 0.460693 5V43C0.460693 45.76 2.70069 48 5.46069 48H33.4607C36.2207 48 38.4607 45.76 38.4607 43V15.07C38.4607 14.71 38.4107 14.35 38.3407 14ZM34.6407 12H29.4707C27.8207 12 26.4707 10.65 26.4707 9V3.83L34.6407 12ZM36.4707 43C36.4707 44.65 35.1207 46 33.4707 46H5.46069C3.81069 46 2.46069 44.65 2.46069 43V5C2.46069 3.35 3.81069 2 5.46069 2H23.3907C23.7607 2 24.1207 2.07 24.4607 2.2V9C24.4607 11.76 26.7007 14 29.4607 14H36.2607C36.3907 14.34 36.4607 14.7 36.4607 15.07V43H36.4707Z" fill="currentcolor"/> <path d="M23.4107 38.0006C22.9407 38.0006 22.5107 37.7506 22.2707 37.3406L19.3907 32.2806H19.3707L16.4607 37.3906C16.2507 37.7706 15.8407 38.0006 15.4107 38.0006C14.4707 38.0006 13.8907 36.9706 14.3807 36.1606L17.9207 30.3906L14.5807 24.8606C14.0607 23.9906 14.6807 22.8906 15.6907 22.8906C16.1607 22.8906 16.5907 23.1406 16.8207 23.5406L19.5307 28.2806L19.5507 28.2606L22.3507 23.4806C22.5607 23.1206 22.9507 22.8906 23.3807 22.8906C24.3107 22.8906 24.8807 23.9106 24.3907 24.7006L21.0307 30.1206L24.5407 36.0206C25.0607 36.8906 24.4307 38.0006 23.4207 38.0006H23.4107Z" fill="currentcolor"/> </svg> `,
8803
+ "goa-zip": `<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.7043 14C38.5043 13.07 38.0443 12.22 37.3643 11.54L36.8243 11L27.8243 2L27.2843 1.46C26.6043 0.78 25.7443 0.32 24.8243 0.12C24.4743 0.04 24.1143 0 23.7543 0H5.82434C3.06434 0 0.824341 2.24 0.824341 5V43C0.824341 45.76 3.06434 48 5.82434 48H33.8243C36.5843 48 38.8243 45.76 38.8243 43V15.07C38.8243 14.71 38.7743 14.35 38.7043 14ZM35.0043 12H29.8343C28.1843 12 26.8343 10.65 26.8343 9V3.83L35.0043 12ZM36.8343 43C36.8343 44.65 35.4843 46 33.8343 46H5.82434C4.17434 46 2.82434 44.65 2.82434 43V5C2.82434 3.35 4.17434 2 5.82434 2H23.7543C24.1243 2 24.4843 2.07 24.8243 2.2V9C24.8243 11.76 27.0643 14 29.8243 14H36.6243C36.7543 14.34 36.8243 14.7 36.8243 15.07V43H36.8343Z" fill="currentcolor"/> <path d="M14.8243 20H12.8243V22H14.8243V20Z" fill="currentcolor"/> <path d="M12.8243 18H10.8243V20H12.8243V18Z" fill="currentcolor"/> <path d="M14.8243 16H12.8243V18H14.8243V16Z" fill="currentcolor"/> <path d="M12.8243 14H10.8243V16H12.8243V14Z" fill="currentcolor"/> <path d="M14.8243 12H12.8243V14H14.8243V12Z" fill="currentcolor"/> <path d="M12.8243 10H10.8243V12H12.8243V10Z" fill="currentcolor"/> <path d="M14.8243 8H12.8243V10H14.8243V8Z" fill="currentcolor"/> <path d="M12.8243 6H10.8243V8H12.8243V6Z" fill="currentcolor"/> <path d="M14.8243 4H12.8243V6H14.8243V4Z" fill="currentcolor"/> <path d="M12.8243 2H10.8243V4H12.8243V2Z" fill="currentcolor"/> <path d="M17.7244 32.14L15.4744 23.69C15.3644 23.29 15.0044 23 14.5844 23H11.0644C10.6444 23 10.2744 23.28 10.1744 23.69L7.92435 32.14C7.30435 35.17 9.62435 37.97 12.8244 38C16.0144 37.98 18.3444 35.18 17.7244 32.14ZM15.1944 34.89C14.6244 35.58 13.7644 35.98 12.8244 35.99C11.8844 35.98 11.0244 35.58 10.4544 34.89C9.92435 34.24 9.71435 33.42 9.87435 32.59L11.8944 25H13.7544L15.7744 32.59C15.9344 33.42 15.7244 34.24 15.1944 34.89Z" fill="currentcolor"/> <path d="M13.8243 32H11.8243C11.2721 32 10.8243 32.4477 10.8243 33C10.8243 33.5523 11.2721 34 11.8243 34H13.8243C14.3766 34 14.8243 33.5523 14.8243 33C14.8243 32.4477 14.3766 32 13.8243 32Z" fill="currentcolor"/> </svg> `,
8804
+ "goa-video": `<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M37.977 14C37.777 13.07 37.317 12.22 36.637 11.54L36.097 11L27.097 2L26.557 1.46C25.877 0.78 25.017 0.32 24.097 0.12C23.747 0.04 23.387 0 23.027 0H5.09705C2.33705 0 0.0970459 2.24 0.0970459 5V43C0.0970459 45.76 2.33705 48 5.09705 48H33.097C35.857 48 38.097 45.76 38.097 43V15.07C38.097 14.71 38.047 14.35 37.977 14ZM34.277 12H29.107C27.457 12 26.107 10.65 26.107 9V3.83L34.277 12ZM36.107 43C36.107 44.65 34.757 46 33.107 46H5.09705C3.44705 46 2.09705 44.65 2.09705 43V5C2.09705 3.35 3.44705 2 5.09705 2H23.027C23.397 2 23.757 2.07 24.097 2.2V9C24.097 11.76 26.337 14 29.097 14H35.897C36.027 14.34 36.097 14.7 36.097 15.07V43H36.107Z" fill="currentcolor"/> <path d="M22.097 26.0002V29.0102C22.097 29.7802 22.927 30.2602 23.587 29.8802L25.077 29.0302L28.087 27.3202V34.6902L25.077 32.9802L23.587 32.1302C22.917 31.7502 22.097 32.2302 22.097 33.0002V35.9902H10.097V25.9902H22.097M22.097 23.9902H10.097C8.99705 23.9902 8.09705 24.8902 8.09705 25.9902V35.9902C8.09705 37.0902 8.99705 37.9902 10.097 37.9902H22.097C23.197 37.9902 24.097 37.0902 24.097 35.9902V34.7202L27.107 36.4302C27.427 36.6102 27.767 36.6902 28.087 36.6902C29.137 36.6902 30.087 35.8502 30.087 34.6902V27.3202C30.087 26.1502 29.127 25.3202 28.087 25.3202C27.757 25.3202 27.417 25.4002 27.107 25.5802L24.097 27.2902V25.9902C24.097 24.8902 23.197 23.9902 22.097 23.9902Z" fill="currentcolor"/> </svg> `,
8805
+ "goa-audio": `<svg width="39" height="49" viewBox="0 0 39 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.0679 14.2305C37.8679 13.3005 37.4079 12.4505 36.7279 11.7705L36.1879 11.2305L27.1879 2.23047L26.6479 1.69047C25.9679 1.01047 25.1079 0.550469 24.1879 0.350469C23.8379 0.270469 23.4779 0.230469 23.1179 0.230469H5.18793C2.42793 0.230469 0.187927 2.47047 0.187927 5.23047V43.2305C0.187927 45.9905 2.42793 48.2305 5.18793 48.2305H33.1879C35.9479 48.2305 38.1879 45.9905 38.1879 43.2305V15.3005C38.1879 14.9405 38.1379 14.5805 38.0679 14.2305ZM34.3679 12.2305H29.1979C27.5479 12.2305 26.1979 10.8805 26.1979 9.23047V4.06047L34.3679 12.2305ZM36.1979 43.2305C36.1979 44.8805 34.8479 46.2305 33.1979 46.2305H5.19792C3.54792 46.2305 2.19792 44.8805 2.19792 43.2305V5.23047C2.19792 3.58047 3.54792 2.23047 5.19792 2.23047H23.1279C23.4979 2.23047 23.8579 2.30047 24.1979 2.43047V9.23047C24.1979 11.9905 26.4379 14.2305 29.1979 14.2305H35.9979C36.1279 14.5705 36.1979 14.9305 36.1979 15.3005V43.2305Z" fill="currentcolor"/> <path d="M20.1879 25.1189V37.3489L16.3479 34.6089L15.8279 34.2389H10.1879V28.2389H15.8279L16.3479 27.8689L20.1879 25.1289M20.1879 23.1289C19.7979 23.1289 19.3979 23.2489 19.0279 23.5089L15.1879 26.2489H10.1879C9.08793 26.2489 8.18793 27.1489 8.18793 28.2489V34.2489C8.18793 35.3489 9.08793 36.2489 10.1879 36.2489H15.1879L19.0279 38.9889C19.3879 39.2489 19.7879 39.3689 20.1879 39.3689C21.2279 39.3689 22.1979 38.5489 22.1979 37.3689V25.1389C22.1979 23.9589 21.2279 23.1389 20.1879 23.1389V23.1289Z" fill="currentcolor"/> <path d="M26.1381 23.707C26.6381 24.037 27.1081 24.417 27.5481 24.857C27.9881 25.297 28.3681 25.767 28.6981 26.267C29.0281 26.767 29.2981 27.287 29.5181 27.837C29.7381 28.387 29.8981 28.937 30.0081 29.507C30.1181 30.077 30.1681 30.647 30.1681 31.227C30.1681 31.807 30.1181 32.377 30.0081 32.947C29.8981 33.517 29.7381 34.077 29.5181 34.617C29.2981 35.157 29.0281 35.687 28.6981 36.187C28.3681 36.687 27.9881 37.157 27.5481 37.597C27.1081 38.037 26.6381 38.417 26.1381 38.747" stroke="currentcolor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/> </svg> `,
8806
+ "goa-image": `<svg width="39" height="49" viewBox="0 0 39 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.1588 14.2305C37.9588 13.3005 37.4988 12.4505 36.8188 11.7705L36.2788 11.2305L27.2788 2.23047L26.7388 1.69047C26.0588 1.01047 25.1988 0.550469 24.2788 0.350469C23.9288 0.270469 23.5688 0.230469 23.2088 0.230469H5.27881C2.51881 0.230469 0.278809 2.47047 0.278809 5.23047V43.2305C0.278809 45.9905 2.51881 48.2305 5.27881 48.2305H33.2788C36.0388 48.2305 38.2788 45.9905 38.2788 43.2305V15.3005C38.2788 14.9405 38.2288 14.5805 38.1588 14.2305ZM34.4588 12.2305H29.2888C27.6388 12.2305 26.2888 10.8805 26.2888 9.23047V4.06047L34.4588 12.2305ZM36.2888 43.2305C36.2888 44.8805 34.9388 46.2305 33.2888 46.2305H5.2888C3.6388 46.2305 2.2888 44.8805 2.2888 43.2305V5.23047C2.2888 3.58047 3.6388 2.23047 5.2888 2.23047H23.2188C23.5888 2.23047 23.9488 2.30047 24.2888 2.43047V9.23047C24.2888 11.9905 26.5288 14.2305 29.2888 14.2305H36.0888C36.2188 14.5705 36.2888 14.9305 36.2888 15.3005V43.2305Z" fill="currentcolor"/> <path d="M20.9985 28.2305C21.3585 28.2305 21.6485 28.4405 21.7885 28.7305L27.1085 36.7305C27.3185 37.0205 27.3185 37.4405 27.1785 37.7305C27.0385 38.0905 26.6785 38.2305 26.3185 38.2305H12.2385C11.8785 38.2305 11.5885 38.0905 11.3785 37.7305C11.2385 37.4405 11.2385 37.0205 11.4485 36.7305L14.8285 31.7305C14.9685 31.4405 15.3285 31.2305 15.6185 31.2305C15.9785 31.2305 16.2685 31.4405 16.4785 31.7305L17.3385 32.9405L20.1385 28.7305C20.3585 28.4405 20.6385 28.2305 20.9985 28.2305ZM20.9985 26.2305C20.0485 26.2305 19.1685 26.6905 18.5385 27.5305L18.4985 27.5805L18.4685 27.6305L17.1185 29.6605C16.6585 29.3805 16.1485 29.2405 15.6085 29.2405C14.6085 29.2405 13.6185 29.8205 13.1085 30.6905L9.79851 35.5905C9.17851 36.4505 9.08851 37.6705 9.57851 38.6305L9.60851 38.7005L9.6485 38.7705C10.2085 39.7005 11.1485 40.2405 12.2285 40.2405H26.3085C27.5185 40.2405 28.5385 39.6005 28.9985 38.5605C29.4385 37.6105 29.3385 36.4405 28.7485 35.6005L23.5085 27.7105C22.9885 26.8005 22.0485 26.2405 21.0085 26.2405L20.9985 26.2305Z" fill="currentcolor"/> <path d="M12.7788 23.2305C13.6088 23.2305 14.2788 23.9005 14.2788 24.7305C14.2788 25.5605 13.6088 26.2305 12.7788 26.2305C11.9488 26.2305 11.2788 25.5605 11.2788 24.7305C11.2788 23.9005 11.9488 23.2305 12.7788 23.2305ZM12.7788 21.2305C10.8488 21.2305 9.27881 22.8005 9.27881 24.7305C9.27881 26.6605 10.8488 28.2305 12.7788 28.2305C14.7088 28.2305 16.2788 26.6605 16.2788 24.7305C16.2788 22.8005 14.7088 21.2305 12.7788 21.2305Z" fill="currentcolor"/> </svg> `
8829
8807
  };
8830
8808
 
8831
8809
  $$self.$$set = $$props => {
@@ -8834,26 +8812,19 @@ function instance$j($$self, $$props, $$invalidate) {
8834
8812
  if ('mb' in $$props) $$invalidate(2, mb = $$props.mb);
8835
8813
  if ('ml' in $$props) $$invalidate(3, ml = $$props.ml);
8836
8814
  if ('type' in $$props) $$invalidate(4, type = $$props.type);
8837
- if ('size' in $$props) $$invalidate(13, size = $$props.size);
8838
- if ('theme' in $$props) $$invalidate(5, theme = $$props.theme);
8815
+ if ('size' in $$props) $$invalidate(5, size = $$props.size);
8816
+ if ('theme' in $$props) $$invalidate(6, theme = $$props.theme);
8839
8817
  if ('inverted' in $$props) $$invalidate(14, inverted = $$props.inverted);
8840
- if ('fillcolor' in $$props) $$invalidate(6, fillcolor = $$props.fillcolor);
8841
- if ('opacity' in $$props) $$invalidate(7, opacity = $$props.opacity);
8842
- if ('title' in $$props) $$invalidate(8, title = $$props.title);
8843
- if ('testid' in $$props) $$invalidate(9, testid = $$props.testid);
8818
+ if ('hovercolor' in $$props) $$invalidate(7, hovercolor = $$props.hovercolor);
8819
+ if ('fillcolor' in $$props) $$invalidate(8, fillcolor = $$props.fillcolor);
8820
+ if ('opacity' in $$props) $$invalidate(9, opacity = $$props.opacity);
8821
+ if ('title' in $$props) $$invalidate(10, title = $$props.title);
8822
+ if ('testid' in $$props) $$invalidate(11, testid = $$props.testid);
8844
8823
  };
8845
8824
 
8846
8825
  $$self.$$.update = () => {
8847
8826
  if ($$self.$$.dirty & /*inverted*/ 16384) {
8848
- $$invalidate(11, isInverted = toBoolean(inverted));
8849
- }
8850
-
8851
- if ($$self.$$.dirty & /*size*/ 8192) {
8852
- $$invalidate(10, _size = ({
8853
- small: "1.25rem",
8854
- medium: "1.5rem",
8855
- large: "2rem"
8856
- })[size]);
8827
+ $$invalidate(12, isInverted = toBoolean(inverted));
8857
8828
  }
8858
8829
  };
8859
8830
 
@@ -8863,15 +8834,15 @@ function instance$j($$self, $$props, $$invalidate) {
8863
8834
  mb,
8864
8835
  ml,
8865
8836
  type,
8837
+ size,
8866
8838
  theme,
8839
+ hovercolor,
8867
8840
  fillcolor,
8868
8841
  opacity,
8869
8842
  title,
8870
8843
  testid,
8871
- _size,
8872
8844
  isInverted,
8873
8845
  _iconOverrides,
8874
- size,
8875
8846
  inverted
8876
8847
  ];
8877
8848
  }
@@ -8879,7 +8850,7 @@ function instance$j($$self, $$props, $$invalidate) {
8879
8850
  class Icon extends SvelteElement {
8880
8851
  constructor(options) {
8881
8852
  super();
8882
- this.shadowRoot.innerHTML = `<style>:host{display:inline-flex;align-items:center}ion-icon{pointer-events:none;width:100%;height:100%}.goa-icon{width:var(--size);height:var(--size);fill:var(--fill-color);color:var(--fill-color);opacity:var(--opacity);display:inline-flex;align-items:center;justify-content:center}.icon-override{display:flex;flex-direction:column;align-items:center}.icon-override *{fill:var(--goa-color-interactive-default)}.inverted *{color:#fff;fill:#fff}</style>`;
8853
+ 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:hover ion-icon{fill:var(--hover-color);color:var(--hover-color)}.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}.icon-override>*{fill:var(--fill-color, var(--goa-color-interactive-default));color:var(--fill-color, var(--goa-color-interactive-default))}.inverted *{color:#fff;fill:#fff}</style>`;
8883
8854
 
8884
8855
  init(
8885
8856
  this,
@@ -8888,8 +8859,8 @@ class Icon extends SvelteElement {
8888
8859
  props: attribute_to_object(this.attributes),
8889
8860
  customElement: true
8890
8861
  },
8891
- instance$j,
8892
- create_fragment$l,
8862
+ instance$l,
8863
+ create_fragment$n,
8893
8864
  safe_not_equal,
8894
8865
  {
8895
8866
  mt: 0,
@@ -8897,13 +8868,14 @@ class Icon extends SvelteElement {
8897
8868
  mb: 2,
8898
8869
  ml: 3,
8899
8870
  type: 4,
8900
- size: 13,
8901
- theme: 5,
8871
+ size: 5,
8872
+ theme: 6,
8902
8873
  inverted: 14,
8903
- fillcolor: 6,
8904
- opacity: 7,
8905
- title: 8,
8906
- testid: 9
8874
+ hovercolor: 7,
8875
+ fillcolor: 8,
8876
+ opacity: 9,
8877
+ title: 10,
8878
+ testid: 11
8907
8879
  },
8908
8880
  null
8909
8881
  );
@@ -8930,6 +8902,7 @@ class Icon extends SvelteElement {
8930
8902
  "size",
8931
8903
  "theme",
8932
8904
  "inverted",
8905
+ "hovercolor",
8933
8906
  "fillcolor",
8934
8907
  "opacity",
8935
8908
  "title",
@@ -8983,7 +8956,7 @@ class Icon extends SvelteElement {
8983
8956
  }
8984
8957
 
8985
8958
  get size() {
8986
- return this.$$.ctx[13];
8959
+ return this.$$.ctx[5];
8987
8960
  }
8988
8961
 
8989
8962
  set size(size) {
@@ -8992,7 +8965,7 @@ class Icon extends SvelteElement {
8992
8965
  }
8993
8966
 
8994
8967
  get theme() {
8995
- return this.$$.ctx[5];
8968
+ return this.$$.ctx[6];
8996
8969
  }
8997
8970
 
8998
8971
  set theme(theme) {
@@ -9009,8 +8982,17 @@ class Icon extends SvelteElement {
9009
8982
  flush();
9010
8983
  }
9011
8984
 
8985
+ get hovercolor() {
8986
+ return this.$$.ctx[7];
8987
+ }
8988
+
8989
+ set hovercolor(hovercolor) {
8990
+ this.$$set({ hovercolor });
8991
+ flush();
8992
+ }
8993
+
9012
8994
  get fillcolor() {
9013
- return this.$$.ctx[6];
8995
+ return this.$$.ctx[8];
9014
8996
  }
9015
8997
 
9016
8998
  set fillcolor(fillcolor) {
@@ -9019,7 +9001,7 @@ class Icon extends SvelteElement {
9019
9001
  }
9020
9002
 
9021
9003
  get opacity() {
9022
- return this.$$.ctx[7];
9004
+ return this.$$.ctx[9];
9023
9005
  }
9024
9006
 
9025
9007
  set opacity(opacity) {
@@ -9028,7 +9010,7 @@ class Icon extends SvelteElement {
9028
9010
  }
9029
9011
 
9030
9012
  get title() {
9031
- return this.$$.ctx[8];
9013
+ return this.$$.ctx[10];
9032
9014
  }
9033
9015
 
9034
9016
  set title(title) {
@@ -9037,7 +9019,7 @@ class Icon extends SvelteElement {
9037
9019
  }
9038
9020
 
9039
9021
  get testid() {
9040
- return this.$$.ctx[9];
9022
+ return this.$$.ctx[11];
9041
9023
  }
9042
9024
 
9043
9025
  set testid(testid) {
@@ -9050,7 +9032,7 @@ customElements.define("goa-icon", Icon);
9050
9032
 
9051
9033
  /* libs/web-components/src/components/input/Input.svelte generated by Svelte v3.51.0 */
9052
9034
 
9053
- function create_if_block_4(ctx) {
9035
+ function create_if_block_4$2(ctx) {
9054
9036
  let div;
9055
9037
  let t;
9056
9038
 
@@ -9074,7 +9056,7 @@ function create_if_block_4(ctx) {
9074
9056
  }
9075
9057
 
9076
9058
  // (123:4) {#if leadingicon}
9077
- function create_if_block_3$4(ctx) {
9059
+ function create_if_block_3$6(ctx) {
9078
9060
  let goa_icon;
9079
9061
 
9080
9062
  return {
@@ -9099,7 +9081,7 @@ function create_if_block_3$4(ctx) {
9099
9081
  }
9100
9082
 
9101
9083
  // (157:4) {#if trailingicon && !handlesTrailingIconClick}
9102
- function create_if_block_2$4(ctx) {
9084
+ function create_if_block_2$6(ctx) {
9103
9085
  let goa_icon;
9104
9086
 
9105
9087
  return {
@@ -9125,7 +9107,7 @@ function create_if_block_2$4(ctx) {
9125
9107
  }
9126
9108
 
9127
9109
  // (167:4) {#if trailingicon && handlesTrailingIconClick}
9128
- function create_if_block_1$4(ctx) {
9110
+ function create_if_block_1$6(ctx) {
9129
9111
  let goa_icon_button;
9130
9112
  let mounted;
9131
9113
  let dispose;
@@ -9165,7 +9147,7 @@ function create_if_block_1$4(ctx) {
9165
9147
  }
9166
9148
 
9167
9149
  // (179:4) {#if suffix}
9168
- function create_if_block$a(ctx) {
9150
+ function create_if_block$c(ctx) {
9169
9151
  let span;
9170
9152
  let t;
9171
9153
 
@@ -9188,7 +9170,7 @@ function create_if_block$a(ctx) {
9188
9170
  };
9189
9171
  }
9190
9172
 
9191
- function create_fragment$k(ctx) {
9173
+ function create_fragment$m(ctx) {
9192
9174
  let div3;
9193
9175
  let div2;
9194
9176
  let t0;
@@ -9208,11 +9190,11 @@ function create_fragment$k(ctx) {
9208
9190
  let div3_style_value;
9209
9191
  let mounted;
9210
9192
  let dispose;
9211
- let if_block0 = /*prefix*/ ctx[14] && create_if_block_4(ctx);
9212
- let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_3$4(ctx);
9213
- let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[27] && create_if_block_2$4(ctx);
9214
- let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[27] && create_if_block_1$4(ctx);
9215
- let if_block4 = /*suffix*/ ctx[15] && create_if_block$a(ctx);
9193
+ let if_block0 = /*prefix*/ ctx[14] && create_if_block_4$2(ctx);
9194
+ let if_block1 = /*leadingicon*/ ctx[5] && create_if_block_3$6(ctx);
9195
+ let if_block2 = /*trailingicon*/ ctx[6] && !/*handlesTrailingIconClick*/ ctx[27] && create_if_block_2$6(ctx);
9196
+ let if_block3 = /*trailingicon*/ ctx[6] && /*handlesTrailingIconClick*/ ctx[27] && create_if_block_1$6(ctx);
9197
+ let if_block4 = /*suffix*/ ctx[15] && create_if_block$c(ctx);
9216
9198
 
9217
9199
  return {
9218
9200
  c() {
@@ -9320,7 +9302,7 @@ function create_fragment$k(ctx) {
9320
9302
  if (if_block0) {
9321
9303
  if_block0.p(ctx, dirty);
9322
9304
  } else {
9323
- if_block0 = create_if_block_4(ctx);
9305
+ if_block0 = create_if_block_4$2(ctx);
9324
9306
  if_block0.c();
9325
9307
  if_block0.m(div2, t0);
9326
9308
  }
@@ -9333,7 +9315,7 @@ function create_fragment$k(ctx) {
9333
9315
  if (if_block1) {
9334
9316
  if_block1.p(ctx, dirty);
9335
9317
  } else {
9336
- if_block1 = create_if_block_3$4(ctx);
9318
+ if_block1 = create_if_block_3$6(ctx);
9337
9319
  if_block1.c();
9338
9320
  if_block1.m(div2, t2);
9339
9321
  }
@@ -9410,7 +9392,7 @@ function create_fragment$k(ctx) {
9410
9392
  if (if_block2) {
9411
9393
  if_block2.p(ctx, dirty);
9412
9394
  } else {
9413
- if_block2 = create_if_block_2$4(ctx);
9395
+ if_block2 = create_if_block_2$6(ctx);
9414
9396
  if_block2.c();
9415
9397
  if_block2.m(div2, t4);
9416
9398
  }
@@ -9423,7 +9405,7 @@ function create_fragment$k(ctx) {
9423
9405
  if (if_block3) {
9424
9406
  if_block3.p(ctx, dirty);
9425
9407
  } else {
9426
- if_block3 = create_if_block_1$4(ctx);
9408
+ if_block3 = create_if_block_1$6(ctx);
9427
9409
  if_block3.c();
9428
9410
  if_block3.m(div2, t5);
9429
9411
  }
@@ -9436,7 +9418,7 @@ function create_fragment$k(ctx) {
9436
9418
  if (if_block4) {
9437
9419
  if_block4.p(ctx, dirty);
9438
9420
  } else {
9439
- if_block4 = create_if_block$a(ctx);
9421
+ if_block4 = create_if_block$c(ctx);
9440
9422
  if_block4.c();
9441
9423
  if_block4.m(div2, t6);
9442
9424
  }
@@ -9492,7 +9474,7 @@ function doClick() {
9492
9474
  this.dispatchEvent(new CustomEvent("_trailingIconClick", { composed: true }));
9493
9475
  }
9494
9476
 
9495
- function instance$i($$self, $$props, $$invalidate) {
9477
+ function instance$k($$self, $$props, $$invalidate) {
9496
9478
  let handlesTrailingIconClick;
9497
9479
  let isFocused;
9498
9480
  let isReadonly;
@@ -9728,8 +9710,8 @@ class Input extends SvelteElement {
9728
9710
  props: attribute_to_object(this.attributes),
9729
9711
  customElement: true
9730
9712
  },
9731
- instance$i,
9732
- create_fragment$k,
9713
+ instance$k,
9714
+ create_fragment$m,
9733
9715
  safe_not_equal,
9734
9716
  {
9735
9717
  type: 1,
@@ -10045,7 +10027,7 @@ customElements.define("goa-input", Input);
10045
10027
 
10046
10028
  /* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.51.0 */
10047
10029
 
10048
- function create_if_block_3$3(ctx) {
10030
+ function create_if_block_3$5(ctx) {
10049
10031
  let div0;
10050
10032
  let t0;
10051
10033
  let div1;
@@ -10075,7 +10057,7 @@ function create_if_block_3$3(ctx) {
10075
10057
  }
10076
10058
 
10077
10059
  // (41:2) {#if ["alpha", "beta"].includes(type)}
10078
- function create_if_block_1$3(ctx) {
10060
+ function create_if_block_1$5(ctx) {
10079
10061
  let div0;
10080
10062
  let t0_value = capitalize(/*type*/ ctx[0]) + "";
10081
10063
  let t0;
@@ -10085,7 +10067,7 @@ function create_if_block_1$3(ctx) {
10085
10067
  let t2;
10086
10068
  let a;
10087
10069
  let t4;
10088
- let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$3(ctx);
10070
+ let if_block = /*feedbackurl*/ ctx[2] && create_if_block_2$5(ctx);
10089
10071
 
10090
10072
  return {
10091
10073
  c() {
@@ -10125,7 +10107,7 @@ function create_if_block_1$3(ctx) {
10125
10107
  if (if_block) {
10126
10108
  if_block.p(ctx, dirty);
10127
10109
  } else {
10128
- if_block = create_if_block_2$3(ctx);
10110
+ if_block = create_if_block_2$5(ctx);
10129
10111
  if_block.c();
10130
10112
  if_block.m(div1, null);
10131
10113
  }
@@ -10144,7 +10126,7 @@ function create_if_block_1$3(ctx) {
10144
10126
  }
10145
10127
 
10146
10128
  // (50:6) {#if feedbackurl}
10147
- function create_if_block_2$3(ctx) {
10129
+ function create_if_block_2$5(ctx) {
10148
10130
  let span;
10149
10131
  let t0;
10150
10132
  let a;
@@ -10177,7 +10159,7 @@ function create_if_block_2$3(ctx) {
10177
10159
  }
10178
10160
 
10179
10161
  // (56:2) {#if version}
10180
- function create_if_block$9(ctx) {
10162
+ function create_if_block$b(ctx) {
10181
10163
  let div;
10182
10164
  let t;
10183
10165
 
@@ -10201,16 +10183,16 @@ function create_if_block$9(ctx) {
10201
10183
  };
10202
10184
  }
10203
10185
 
10204
- function create_fragment$j(ctx) {
10186
+ function create_fragment$l(ctx) {
10205
10187
  let header;
10206
10188
  let t0;
10207
10189
  let show_if = ["alpha", "beta"].includes(/*type*/ ctx[0]);
10208
10190
  let t1;
10209
10191
  let div;
10210
10192
  let t2;
10211
- let if_block0 = /*type*/ ctx[0] === "live" && create_if_block_3$3();
10212
- let if_block1 = show_if && create_if_block_1$3(ctx);
10213
- let if_block2 = /*version*/ ctx[1] && create_if_block$9(ctx);
10193
+ let if_block0 = /*type*/ ctx[0] === "live" && create_if_block_3$5();
10194
+ let if_block1 = show_if && create_if_block_1$5(ctx);
10195
+ let if_block2 = /*version*/ ctx[1] && create_if_block$b(ctx);
10214
10196
 
10215
10197
  return {
10216
10198
  c() {
@@ -10239,7 +10221,7 @@ function create_fragment$j(ctx) {
10239
10221
  p(ctx, [dirty]) {
10240
10222
  if (/*type*/ ctx[0] === "live") {
10241
10223
  if (if_block0) ; else {
10242
- if_block0 = create_if_block_3$3();
10224
+ if_block0 = create_if_block_3$5();
10243
10225
  if_block0.c();
10244
10226
  if_block0.m(header, t0);
10245
10227
  }
@@ -10254,7 +10236,7 @@ function create_fragment$j(ctx) {
10254
10236
  if (if_block1) {
10255
10237
  if_block1.p(ctx, dirty);
10256
10238
  } else {
10257
- if_block1 = create_if_block_1$3(ctx);
10239
+ if_block1 = create_if_block_1$5(ctx);
10258
10240
  if_block1.c();
10259
10241
  if_block1.m(header, t1);
10260
10242
  }
@@ -10267,7 +10249,7 @@ function create_fragment$j(ctx) {
10267
10249
  if (if_block2) {
10268
10250
  if_block2.p(ctx, dirty);
10269
10251
  } else {
10270
- if_block2 = create_if_block$9(ctx);
10252
+ if_block2 = create_if_block$b(ctx);
10271
10253
  if_block2.c();
10272
10254
  if_block2.m(header, null);
10273
10255
  }
@@ -10292,7 +10274,7 @@ function capitalize(val) {
10292
10274
  return val[0].toUpperCase() + val.slice(1);
10293
10275
  }
10294
10276
 
10295
- function instance$h($$self, $$props, $$invalidate) {
10277
+ function instance$j($$self, $$props, $$invalidate) {
10296
10278
  const [Types, validateType] = typeValidator("Microsite header type", ["live", "alpha", "beta"], true);
10297
10279
  let { type } = $$props;
10298
10280
  let { version = "" } = $$props;
@@ -10323,8 +10305,8 @@ class MicrositeHeader extends SvelteElement {
10323
10305
  props: attribute_to_object(this.attributes),
10324
10306
  customElement: true
10325
10307
  },
10326
- instance$h,
10327
- create_fragment$j,
10308
+ instance$j,
10309
+ create_fragment$l,
10328
10310
  safe_not_equal,
10329
10311
  { type: 0, version: 1, feedbackurl: 2 },
10330
10312
  null
@@ -10378,7 +10360,7 @@ customElements.define("goa-microsite-header", MicrositeHeader);
10378
10360
 
10379
10361
  /* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.51.0 */
10380
10362
 
10381
- function create_if_block$8(ctx) {
10363
+ function create_if_block$a(ctx) {
10382
10364
  let goa_focus_trap;
10383
10365
  let div6;
10384
10366
  let div0;
@@ -10403,16 +10385,16 @@ function create_if_block$8(ctx) {
10403
10385
  let current;
10404
10386
  let mounted;
10405
10387
  let dispose;
10406
- let if_block0 = /*calloutvariant*/ ctx[3] !== null && create_if_block_3$2(ctx);
10388
+ let if_block0 = /*calloutvariant*/ ctx[3] !== null && create_if_block_3$4(ctx);
10407
10389
 
10408
10390
  function select_block_type(ctx, dirty) {
10409
- if (/*heading*/ ctx[0]) return create_if_block_2$2;
10410
- return create_else_block$3;
10391
+ if (/*heading*/ ctx[0]) return create_if_block_2$4;
10392
+ return create_else_block$4;
10411
10393
  }
10412
10394
 
10413
10395
  let current_block_type = select_block_type(ctx);
10414
10396
  let if_block1 = current_block_type(ctx);
10415
- let if_block2 = /*_isClosable*/ ctx[9] && create_if_block_1$2(ctx);
10397
+ let if_block2 = /*_isClosable*/ ctx[9] && create_if_block_1$4(ctx);
10416
10398
 
10417
10399
  return {
10418
10400
  c() {
@@ -10496,7 +10478,7 @@ function create_if_block$8(ctx) {
10496
10478
  if (if_block0) {
10497
10479
  if_block0.p(ctx, dirty);
10498
10480
  } else {
10499
- if_block0 = create_if_block_3$2(ctx);
10481
+ if_block0 = create_if_block_3$4(ctx);
10500
10482
  if_block0.c();
10501
10483
  if_block0.m(div5, t1);
10502
10484
  }
@@ -10521,7 +10503,7 @@ function create_if_block$8(ctx) {
10521
10503
  if (if_block2) {
10522
10504
  if_block2.p(ctx, dirty);
10523
10505
  } else {
10524
- if_block2 = create_if_block_1$2(ctx);
10506
+ if_block2 = create_if_block_1$4(ctx);
10525
10507
  if_block2.c();
10526
10508
  if_block2.m(header, null);
10527
10509
  }
@@ -10598,7 +10580,7 @@ function create_if_block$8(ctx) {
10598
10580
  }
10599
10581
 
10600
10582
  // (132:8) {#if calloutvariant !== null}
10601
- function create_if_block_3$2(ctx) {
10583
+ function create_if_block_3$4(ctx) {
10602
10584
  let div;
10603
10585
  let goa_icon;
10604
10586
  let goa_icon_inverted_value;
@@ -10642,7 +10624,7 @@ function create_if_block_3$2(ctx) {
10642
10624
  }
10643
10625
 
10644
10626
  // (145:14) {:else}
10645
- function create_else_block$3(ctx) {
10627
+ function create_else_block$4(ctx) {
10646
10628
  let slot;
10647
10629
 
10648
10630
  return {
@@ -10661,7 +10643,7 @@ function create_else_block$3(ctx) {
10661
10643
  }
10662
10644
 
10663
10645
  // (143:14) {#if heading}
10664
- function create_if_block_2$2(ctx) {
10646
+ function create_if_block_2$4(ctx) {
10665
10647
  let t;
10666
10648
 
10667
10649
  return {
@@ -10681,7 +10663,7 @@ function create_if_block_2$2(ctx) {
10681
10663
  }
10682
10664
 
10683
10665
  // (149:12) {#if _isClosable}
10684
- function create_if_block_1$2(ctx) {
10666
+ function create_if_block_1$4(ctx) {
10685
10667
  let div;
10686
10668
  let goa_icon_button;
10687
10669
  let mounted;
@@ -10714,10 +10696,10 @@ function create_if_block_1$2(ctx) {
10714
10696
  };
10715
10697
  }
10716
10698
 
10717
- function create_fragment$i(ctx) {
10699
+ function create_fragment$k(ctx) {
10718
10700
  let if_block_anchor;
10719
10701
  let current;
10720
- let if_block = /*_isOpen*/ ctx[7] && create_if_block$8(ctx);
10702
+ let if_block = /*_isOpen*/ ctx[7] && create_if_block$a(ctx);
10721
10703
 
10722
10704
  return {
10723
10705
  c() {
@@ -10739,7 +10721,7 @@ function create_fragment$i(ctx) {
10739
10721
  transition_in(if_block, 1);
10740
10722
  }
10741
10723
  } else {
10742
- if_block = create_if_block$8(ctx);
10724
+ if_block = create_if_block$a(ctx);
10743
10725
  if_block.c();
10744
10726
  transition_in(if_block, 1);
10745
10727
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -10770,7 +10752,7 @@ function create_fragment$i(ctx) {
10770
10752
  };
10771
10753
  }
10772
10754
 
10773
- function instance$g($$self, $$props, $$invalidate) {
10755
+ function instance$i($$self, $$props, $$invalidate) {
10774
10756
  let _isClosable;
10775
10757
  let _isOpen;
10776
10758
  let _transitionTime;
@@ -10982,8 +10964,8 @@ class Modal extends SvelteElement {
10982
10964
  props: attribute_to_object(this.attributes),
10983
10965
  customElement: true
10984
10966
  },
10985
- instance$g,
10986
- create_fragment$i,
10967
+ instance$i,
10968
+ create_fragment$k,
10987
10969
  safe_not_equal,
10988
10970
  {
10989
10971
  heading: 0,
@@ -11071,7 +11053,7 @@ customElements.define("goa-modal", Modal);
11071
11053
 
11072
11054
  /* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.51.0 */
11073
11055
 
11074
- function create_if_block$7(ctx) {
11056
+ function create_if_block$9(ctx) {
11075
11057
  let div3;
11076
11058
  let div0;
11077
11059
  let goa_icon;
@@ -11166,10 +11148,10 @@ function create_if_block$7(ctx) {
11166
11148
  };
11167
11149
  }
11168
11150
 
11169
- function create_fragment$h(ctx) {
11151
+ function create_fragment$j(ctx) {
11170
11152
  let if_block_anchor;
11171
11153
  let current;
11172
- let if_block = /*show*/ ctx[1] && create_if_block$7(ctx);
11154
+ let if_block = /*show*/ ctx[1] && create_if_block$9(ctx);
11173
11155
 
11174
11156
  return {
11175
11157
  c() {
@@ -11191,7 +11173,7 @@ function create_fragment$h(ctx) {
11191
11173
  transition_in(if_block, 1);
11192
11174
  }
11193
11175
  } else {
11194
- if_block = create_if_block$7(ctx);
11176
+ if_block = create_if_block$9(ctx);
11195
11177
  if_block.c();
11196
11178
  transition_in(if_block, 1);
11197
11179
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -11222,7 +11204,7 @@ function create_fragment$h(ctx) {
11222
11204
  };
11223
11205
  }
11224
11206
 
11225
- function instance$f($$self, $$props, $$invalidate) {
11207
+ function instance$h($$self, $$props, $$invalidate) {
11226
11208
  let iconType;
11227
11209
  const [Types, validateType] = typeValidator("Notification type", ["emergency", "important", "information", "event"], true);
11228
11210
  let { type = "" } = $$props;
@@ -11269,8 +11251,8 @@ class Notification extends SvelteElement {
11269
11251
  props: attribute_to_object(this.attributes),
11270
11252
  customElement: true
11271
11253
  },
11272
- instance$f,
11273
- create_fragment$h,
11254
+ instance$h,
11255
+ create_fragment$j,
11274
11256
  safe_not_equal,
11275
11257
  { type: 0 },
11276
11258
  null
@@ -11311,7 +11293,7 @@ function isValidDimension(value) {
11311
11293
 
11312
11294
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
11313
11295
 
11314
- function create_fragment$g(ctx) {
11296
+ function create_fragment$i(ctx) {
11315
11297
  let div;
11316
11298
  let slot;
11317
11299
  let div_style_value;
@@ -11341,7 +11323,7 @@ function create_fragment$g(ctx) {
11341
11323
  };
11342
11324
  }
11343
11325
 
11344
- function instance$e($$self, $$props, $$invalidate) {
11326
+ function instance$g($$self, $$props, $$invalidate) {
11345
11327
  const Sizes = { "full": "100%" };
11346
11328
  let { width } = $$props;
11347
11329
  let { _width } = $$props;
@@ -11380,8 +11362,8 @@ class PageBlock extends SvelteElement {
11380
11362
  props: attribute_to_object(this.attributes),
11381
11363
  customElement: true
11382
11364
  },
11383
- instance$e,
11384
- create_fragment$g,
11365
+ instance$g,
11366
+ create_fragment$i,
11385
11367
  safe_not_equal,
11386
11368
  { width: 1, _width: 0 },
11387
11369
  null
@@ -11426,7 +11408,7 @@ customElements.define("goa-page-block", PageBlock);
11426
11408
 
11427
11409
  /* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.51.0 */
11428
11410
 
11429
- function get_each_context$2(ctx, list, i) {
11411
+ function get_each_context$3(ctx, list, i) {
11430
11412
  const child_ctx = ctx.slice();
11431
11413
  child_ctx[18] = list[i];
11432
11414
  child_ctx[20] = i;
@@ -11434,7 +11416,7 @@ function get_each_context$2(ctx, list, i) {
11434
11416
  }
11435
11417
 
11436
11418
  // (66:4) {#if variant === "all"}
11437
- function create_if_block$6(ctx) {
11419
+ function create_if_block$8(ctx) {
11438
11420
  let goa_block;
11439
11421
  let span0;
11440
11422
  let t1;
@@ -11449,7 +11431,7 @@ function create_if_block$6(ctx) {
11449
11431
  let each_blocks = [];
11450
11432
 
11451
11433
  for (let i = 0; i < each_value.length; i += 1) {
11452
- each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
11434
+ each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
11453
11435
  }
11454
11436
 
11455
11437
  return {
@@ -11502,12 +11484,12 @@ function create_if_block$6(ctx) {
11502
11484
  let i;
11503
11485
 
11504
11486
  for (i = 0; i < each_value.length; i += 1) {
11505
- const child_ctx = get_each_context$2(ctx, each_value, i);
11487
+ const child_ctx = get_each_context$3(ctx, each_value, i);
11506
11488
 
11507
11489
  if (each_blocks[i]) {
11508
11490
  each_blocks[i].p(child_ctx, dirty);
11509
11491
  } else {
11510
- each_blocks[i] = create_each_block$2(child_ctx);
11492
+ each_blocks[i] = create_each_block$3(child_ctx);
11511
11493
  each_blocks[i].c();
11512
11494
  each_blocks[i].m(goa_dropdown, null);
11513
11495
  }
@@ -11536,7 +11518,7 @@ function create_if_block$6(ctx) {
11536
11518
  }
11537
11519
 
11538
11520
  // (71:10) {#each {length: _pageCount} as _, i}
11539
- function create_each_block$2(ctx) {
11521
+ function create_each_block$3(ctx) {
11540
11522
  let goa_dropdown_item;
11541
11523
 
11542
11524
  return {
@@ -11555,7 +11537,7 @@ function create_each_block$2(ctx) {
11555
11537
  };
11556
11538
  }
11557
11539
 
11558
- function create_fragment$f(ctx) {
11540
+ function create_fragment$h(ctx) {
11559
11541
  let goa_block1;
11560
11542
  let div;
11561
11543
  let t0;
@@ -11569,7 +11551,7 @@ function create_fragment$f(ctx) {
11569
11551
  let goa_button1_disabled_value;
11570
11552
  let mounted;
11571
11553
  let dispose;
11572
- let if_block = /*variant*/ ctx[1] === "all" && create_if_block$6(ctx);
11554
+ let if_block = /*variant*/ ctx[1] === "all" && create_if_block$8(ctx);
11573
11555
 
11574
11556
  return {
11575
11557
  c() {
@@ -11630,7 +11612,7 @@ function create_fragment$f(ctx) {
11630
11612
  if (if_block) {
11631
11613
  if_block.p(ctx, dirty);
11632
11614
  } else {
11633
- if_block = create_if_block$6(ctx);
11615
+ if_block = create_if_block$8(ctx);
11634
11616
  if_block.c();
11635
11617
  if_block.m(div, t0);
11636
11618
  }
@@ -11676,7 +11658,7 @@ function create_fragment$f(ctx) {
11676
11658
  };
11677
11659
  }
11678
11660
 
11679
- function instance$d($$self, $$props, $$invalidate) {
11661
+ function instance$f($$self, $$props, $$invalidate) {
11680
11662
  let _pageCount;
11681
11663
  const [Variants, validateVariant] = typeValidator("Pagination variant", ["all", "links-only"]);
11682
11664
  let { pagenumber } = $$props;
@@ -11796,8 +11778,8 @@ class Pagination extends SvelteElement {
11796
11778
  props: attribute_to_object(this.attributes),
11797
11779
  customElement: true
11798
11780
  },
11799
- instance$d,
11800
- create_fragment$f,
11781
+ instance$f,
11782
+ create_fragment$h,
11801
11783
  safe_not_equal,
11802
11784
  {
11803
11785
  pagenumber: 0,
@@ -11905,7 +11887,7 @@ customElements.define("goa-pagination", Pagination);
11905
11887
 
11906
11888
  /* libs/web-components/src/components/popover/Popover.svelte generated by Svelte v3.51.0 */
11907
11889
 
11908
- function create_if_block$5(ctx) {
11890
+ function create_if_block$7(ctx) {
11909
11891
  let goa_focus_trap;
11910
11892
  let div0;
11911
11893
  let t;
@@ -11966,13 +11948,13 @@ function create_if_block$5(ctx) {
11966
11948
  };
11967
11949
  }
11968
11950
 
11969
- function create_fragment$e(ctx) {
11951
+ function create_fragment$g(ctx) {
11970
11952
  let div1;
11971
11953
  let div0;
11972
11954
  let t;
11973
11955
  let mounted;
11974
11956
  let dispose;
11975
- let if_block = /*_isContentVisible*/ ctx[2] && create_if_block$5(ctx);
11957
+ let if_block = /*_isContentVisible*/ ctx[2] && create_if_block$7(ctx);
11976
11958
 
11977
11959
  return {
11978
11960
  c() {
@@ -12004,7 +11986,7 @@ function create_fragment$e(ctx) {
12004
11986
  if (if_block) {
12005
11987
  if_block.p(ctx, dirty);
12006
11988
  } else {
12007
- if_block = create_if_block$5(ctx);
11989
+ if_block = create_if_block$7(ctx);
12008
11990
  if_block.c();
12009
11991
  if_block.m(div1, null);
12010
11992
  }
@@ -12029,7 +12011,7 @@ function create_fragment$e(ctx) {
12029
12011
  };
12030
12012
  }
12031
12013
 
12032
- function instance$c($$self, $$props, $$invalidate) {
12014
+ function instance$e($$self, $$props, $$invalidate) {
12033
12015
  let paddedContent;
12034
12016
  let { testid = "" } = $$props;
12035
12017
  let { maxwidth = "320px" } = $$props;
@@ -12126,8 +12108,8 @@ class Popover extends SvelteElement {
12126
12108
  props: attribute_to_object(this.attributes),
12127
12109
  customElement: true
12128
12110
  },
12129
- instance$c,
12130
- create_fragment$e,
12111
+ instance$e,
12112
+ create_fragment$g,
12131
12113
  safe_not_equal,
12132
12114
  { testid: 0, maxwidth: 1, padded: 7 },
12133
12115
  null
@@ -12181,14 +12163,14 @@ customElements.define("goa-popover", Popover);
12181
12163
 
12182
12164
  /* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.51.0 */
12183
12165
 
12184
- function get_each_context$1(ctx, list, i) {
12166
+ function get_each_context$2(ctx, list, i) {
12185
12167
  const child_ctx = ctx.slice();
12186
12168
  child_ctx[22] = list[i];
12187
12169
  return child_ctx;
12188
12170
  }
12189
12171
 
12190
12172
  // (80:2) {#each options as option (option.value)}
12191
- function create_each_block$1(key_1, ctx) {
12173
+ function create_each_block$2(key_1, ctx) {
12192
12174
  let label;
12193
12175
  let input;
12194
12176
  let input_value_value;
@@ -12295,7 +12277,7 @@ function create_each_block$1(key_1, ctx) {
12295
12277
  };
12296
12278
  }
12297
12279
 
12298
- function create_fragment$d(ctx) {
12280
+ function create_fragment$f(ctx) {
12299
12281
  let div;
12300
12282
  let slot;
12301
12283
  let t;
@@ -12307,9 +12289,9 @@ function create_fragment$d(ctx) {
12307
12289
  const get_key = ctx => /*option*/ ctx[22].value;
12308
12290
 
12309
12291
  for (let i = 0; i < each_value.length; i += 1) {
12310
- let child_ctx = get_each_context$1(ctx, each_value, i);
12292
+ let child_ctx = get_each_context$2(ctx, each_value, i);
12311
12293
  let key = get_key(child_ctx);
12312
- each_1_lookup.set(key, each_blocks[i] = create_each_block$1(key, child_ctx));
12294
+ each_1_lookup.set(key, each_blocks[i] = create_each_block$2(key, child_ctx));
12313
12295
  }
12314
12296
 
12315
12297
  return {
@@ -12341,7 +12323,7 @@ function create_fragment$d(ctx) {
12341
12323
  p(ctx, [dirty]) {
12342
12324
  if (dirty & /*options, isDisabled, isError, name, value, arialabel, onChange*/ 14867) {
12343
12325
  each_value = /*options*/ ctx[9];
12344
- each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, destroy_block, create_each_block$1, null, get_each_context$1);
12326
+ 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);
12345
12327
  }
12346
12328
 
12347
12329
  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]))) {
@@ -12370,7 +12352,7 @@ function create_fragment$d(ctx) {
12370
12352
  };
12371
12353
  }
12372
12354
 
12373
- function instance$b($$self, $$props, $$invalidate) {
12355
+ function instance$d($$self, $$props, $$invalidate) {
12374
12356
  let isDisabled;
12375
12357
  let isError;
12376
12358
  const [Orientations, validateOrientation] = typeValidator("Radio group orientation", ["vertical", "horizontal"]);
@@ -12503,8 +12485,8 @@ class RadioGroup extends SvelteElement {
12503
12485
  props: attribute_to_object(this.attributes),
12504
12486
  customElement: true
12505
12487
  },
12506
- instance$b,
12507
- create_fragment$d,
12488
+ instance$d,
12489
+ create_fragment$f,
12508
12490
  safe_not_equal,
12509
12491
  {
12510
12492
  name: 1,
@@ -12654,7 +12636,7 @@ customElements.define("goa-radio-group", RadioGroup);
12654
12636
 
12655
12637
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.51.0 */
12656
12638
 
12657
- function create_fragment$c(ctx) {
12639
+ function create_fragment$e(ctx) {
12658
12640
  let div;
12659
12641
  let slot;
12660
12642
  let div_style_value;
@@ -12712,7 +12694,7 @@ function create_fragment$c(ctx) {
12712
12694
  };
12713
12695
  }
12714
12696
 
12715
- function instance$a($$self, $$props, $$invalidate) {
12697
+ function instance$c($$self, $$props, $$invalidate) {
12716
12698
  let { direction = "vertical" } = $$props;
12717
12699
  let { hpadding = "" } = $$props;
12718
12700
  let { vpadding = "" } = $$props;
@@ -12783,8 +12765,8 @@ class Scrollable extends SvelteElement {
12783
12765
  props: attribute_to_object(this.attributes),
12784
12766
  customElement: true
12785
12767
  },
12786
- instance$a,
12787
- create_fragment$c,
12768
+ instance$c,
12769
+ create_fragment$e,
12788
12770
  safe_not_equal,
12789
12771
  {
12790
12772
  direction: 0,
@@ -12879,14 +12861,14 @@ customElements.define("goa-scrollable", Scrollable);
12879
12861
 
12880
12862
  /* libs/web-components/src/components/skeleton/Skeleton.svelte generated by Svelte v3.51.0 */
12881
12863
 
12882
- function get_each_context(ctx, list, i) {
12864
+ function get_each_context$1(ctx, list, i) {
12883
12865
  const child_ctx = ctx.slice();
12884
12866
  child_ctx[13] = list[i];
12885
12867
  return child_ctx;
12886
12868
  }
12887
12869
 
12888
12870
  // (81:2) {:else}
12889
- function create_else_block$2(ctx) {
12871
+ function create_else_block$3(ctx) {
12890
12872
  let div;
12891
12873
  let div_class_value;
12892
12874
 
@@ -12912,7 +12894,7 @@ function create_else_block$2(ctx) {
12912
12894
  }
12913
12895
 
12914
12896
  // (68:31)
12915
- function create_if_block_3$1(ctx) {
12897
+ function create_if_block_3$3(ctx) {
12916
12898
  let div3;
12917
12899
  let div2;
12918
12900
  let div0;
@@ -13003,14 +12985,14 @@ function create_if_block_3$1(ctx) {
13003
12985
  }
13004
12986
 
13005
12987
  // (64:29)
13006
- function create_if_block_2$1(ctx) {
12988
+ function create_if_block_2$3(ctx) {
13007
12989
  let each_1_anchor;
13008
12990
  let current;
13009
12991
  let each_value = Array(Number.parseInt(/*linecount*/ ctx[2] + ""));
13010
12992
  let each_blocks = [];
13011
12993
 
13012
12994
  for (let i = 0; i < each_value.length; i += 1) {
13013
- each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
12995
+ each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
13014
12996
  }
13015
12997
 
13016
12998
  const out = i => transition_out(each_blocks[i], 1, 1, () => {
@@ -13039,13 +13021,13 @@ function create_if_block_2$1(ctx) {
13039
13021
  let i;
13040
13022
 
13041
13023
  for (i = 0; i < each_value.length; i += 1) {
13042
- const child_ctx = get_each_context(ctx, each_value, i);
13024
+ const child_ctx = get_each_context$1(ctx, each_value, i);
13043
13025
 
13044
13026
  if (each_blocks[i]) {
13045
13027
  each_blocks[i].p(child_ctx, dirty);
13046
13028
  transition_in(each_blocks[i], 1);
13047
13029
  } else {
13048
- each_blocks[i] = create_each_block(child_ctx);
13030
+ each_blocks[i] = create_each_block$1(child_ctx);
13049
13031
  each_blocks[i].c();
13050
13032
  transition_in(each_blocks[i], 1);
13051
13033
  each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
@@ -13087,7 +13069,7 @@ function create_if_block_2$1(ctx) {
13087
13069
  }
13088
13070
 
13089
13071
  // (54:31)
13090
- function create_if_block_1$1(ctx) {
13072
+ function create_if_block_1$3(ctx) {
13091
13073
  let div2;
13092
13074
  let div0;
13093
13075
  let skeleton0;
@@ -13177,7 +13159,7 @@ function create_if_block_1$1(ctx) {
13177
13159
  }
13178
13160
 
13179
13161
  // (43:2) {#if type === "card"}
13180
- function create_if_block$4(ctx) {
13162
+ function create_if_block$6(ctx) {
13181
13163
  let div1;
13182
13164
  let skeleton0;
13183
13165
  let t0;
@@ -13270,7 +13252,7 @@ function create_if_block$4(ctx) {
13270
13252
  }
13271
13253
 
13272
13254
  // (65:4) {#each Array(Number.parseInt(linecount+"")) as _item}
13273
- function create_each_block(ctx) {
13255
+ function create_each_block$1(ctx) {
13274
13256
  let skeleton;
13275
13257
  let current;
13276
13258
 
@@ -13311,7 +13293,7 @@ function create_each_block(ctx) {
13311
13293
  };
13312
13294
  }
13313
13295
 
13314
- function create_fragment$b(ctx) {
13296
+ function create_fragment$d(ctx) {
13315
13297
  let div;
13316
13298
  let current_block_type_index;
13317
13299
  let if_block;
@@ -13319,11 +13301,11 @@ function create_fragment$b(ctx) {
13319
13301
  let current;
13320
13302
 
13321
13303
  const if_block_creators = [
13322
- create_if_block$4,
13323
- create_if_block_1$1,
13324
- create_if_block_2$1,
13325
- create_if_block_3$1,
13326
- create_else_block$2
13304
+ create_if_block$6,
13305
+ create_if_block_1$3,
13306
+ create_if_block_2$3,
13307
+ create_if_block_3$3,
13308
+ create_else_block$3
13327
13309
  ];
13328
13310
 
13329
13311
  const if_blocks = [];
@@ -13403,7 +13385,7 @@ function create_fragment$b(ctx) {
13403
13385
  };
13404
13386
  }
13405
13387
 
13406
- function instance$9($$self, $$props, $$invalidate) {
13388
+ function instance$b($$self, $$props, $$invalidate) {
13407
13389
  const [Types, validateType] = typeValidator(
13408
13390
  "Skeleton type",
13409
13391
  [
@@ -13466,8 +13448,8 @@ class Skeleton extends SvelteElement {
13466
13448
  props: attribute_to_object(this.attributes),
13467
13449
  customElement: true
13468
13450
  },
13469
- instance$9,
13470
- create_fragment$b,
13451
+ instance$b,
13452
+ create_fragment$d,
13471
13453
  safe_not_equal,
13472
13454
  {
13473
13455
  maxwidth: 0,
@@ -13585,7 +13567,7 @@ customElements.define("goa-skeleton", Skeleton);
13585
13567
 
13586
13568
  /* libs/web-components/src/components/spacer/Spacer.svelte generated by Svelte v3.51.0 */
13587
13569
 
13588
- function create_fragment$a(ctx) {
13570
+ function create_fragment$c(ctx) {
13589
13571
  let div;
13590
13572
 
13591
13573
  return {
@@ -13607,7 +13589,7 @@ function create_fragment$a(ctx) {
13607
13589
  };
13608
13590
  }
13609
13591
 
13610
- function instance$8($$self, $$props, $$invalidate) {
13592
+ function instance$a($$self, $$props, $$invalidate) {
13611
13593
  let { hspacing = "none" } = $$props;
13612
13594
  let { vspacing = "none" } = $$props;
13613
13595
  let rootEl;
@@ -13648,8 +13630,8 @@ class Spacer extends SvelteElement {
13648
13630
  props: attribute_to_object(this.attributes),
13649
13631
  customElement: true
13650
13632
  },
13651
- instance$8,
13652
- create_fragment$a,
13633
+ instance$a,
13634
+ create_fragment$c,
13653
13635
  safe_not_equal,
13654
13636
  { hspacing: 1, vspacing: 2 },
13655
13637
  null
@@ -13841,7 +13823,7 @@ function tweened(value, defaults = {}) {
13841
13823
 
13842
13824
  /* libs/web-components/src/components/spinner/Spinner.svelte generated by Svelte v3.51.0 */
13843
13825
 
13844
- function create_if_block$3(ctx) {
13826
+ function create_if_block$5(ctx) {
13845
13827
  let svg;
13846
13828
  let circle;
13847
13829
  let circle_stroke_value;
@@ -13950,9 +13932,9 @@ function create_if_block$3(ctx) {
13950
13932
  };
13951
13933
  }
13952
13934
 
13953
- function create_fragment$9(ctx) {
13935
+ function create_fragment$b(ctx) {
13954
13936
  let if_block_anchor;
13955
- let if_block = /*ready*/ ctx[6] && create_if_block$3(ctx);
13937
+ let if_block = /*ready*/ ctx[6] && create_if_block$5(ctx);
13956
13938
 
13957
13939
  return {
13958
13940
  c() {
@@ -13969,7 +13951,7 @@ function create_fragment$9(ctx) {
13969
13951
  if (if_block) {
13970
13952
  if_block.p(ctx, dirty);
13971
13953
  } else {
13972
- if_block = create_if_block$3(ctx);
13954
+ if_block = create_if_block$5(ctx);
13973
13955
  if_block.c();
13974
13956
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
13975
13957
  }
@@ -13987,7 +13969,7 @@ function create_fragment$9(ctx) {
13987
13969
  };
13988
13970
  }
13989
13971
 
13990
- function instance$7($$self, $$props, $$invalidate) {
13972
+ function instance$9($$self, $$props, $$invalidate) {
13991
13973
  let diameter;
13992
13974
  let strokewidth;
13993
13975
  let radius;
@@ -14106,8 +14088,8 @@ class Spinner extends SvelteElement {
14106
14088
  props: attribute_to_object(this.attributes),
14107
14089
  customElement: true
14108
14090
  },
14109
- instance$7,
14110
- create_fragment$9,
14091
+ instance$9,
14092
+ create_fragment$b,
14111
14093
  safe_not_equal,
14112
14094
  {
14113
14095
  size: 10,
@@ -14175,7 +14157,7 @@ customElements.define("goa-spinner", Spinner);
14175
14157
 
14176
14158
  /* libs/web-components/src/components/table/Table.svelte generated by Svelte v3.51.0 */
14177
14159
 
14178
- function create_fragment$8(ctx) {
14160
+ function create_fragment$a(ctx) {
14179
14161
  let table;
14180
14162
  let slot;
14181
14163
  let t0;
@@ -14235,7 +14217,7 @@ function create_fragment$8(ctx) {
14235
14217
  };
14236
14218
  }
14237
14219
 
14238
- function instance$6($$self, $$props, $$invalidate) {
14220
+ function instance$8($$self, $$props, $$invalidate) {
14239
14221
  let _stickyHeader;
14240
14222
  const [Variants, validateVariant] = typeValidator("Table variant", ["normal", "relaxed"], true);
14241
14223
  let { width = "" } = $$props;
@@ -14348,8 +14330,8 @@ class Table extends SvelteElement {
14348
14330
  props: attribute_to_object(this.attributes),
14349
14331
  customElement: true
14350
14332
  },
14351
- instance$6,
14352
- create_fragment$8,
14333
+ instance$8,
14334
+ create_fragment$a,
14353
14335
  safe_not_equal,
14354
14336
  {
14355
14337
  width: 0,
@@ -14447,7 +14429,7 @@ customElements.define("goa-table", Table);
14447
14429
 
14448
14430
  /* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.51.0 */
14449
14431
 
14450
- function create_else_block$1(ctx) {
14432
+ function create_else_block$2(ctx) {
14451
14433
  let img;
14452
14434
  let img_src_value;
14453
14435
 
@@ -14477,7 +14459,7 @@ function create_else_block$1(ctx) {
14477
14459
  }
14478
14460
 
14479
14461
  // (55:2) {#if direction === "none"}
14480
- function create_if_block$2(ctx) {
14462
+ function create_if_block$4(ctx) {
14481
14463
  let img;
14482
14464
  let img_src_value;
14483
14465
 
@@ -14497,14 +14479,14 @@ function create_if_block$2(ctx) {
14497
14479
  };
14498
14480
  }
14499
14481
 
14500
- function create_fragment$7(ctx) {
14482
+ function create_fragment$9(ctx) {
14501
14483
  let button;
14502
14484
  let slot;
14503
14485
  let t;
14504
14486
 
14505
14487
  function select_block_type(ctx, dirty) {
14506
- if (/*direction*/ ctx[0] === "none") return create_if_block$2;
14507
- return create_else_block$1;
14488
+ if (/*direction*/ ctx[0] === "none") return create_if_block$4;
14489
+ return create_else_block$2;
14508
14490
  }
14509
14491
 
14510
14492
  let current_block_type = select_block_type(ctx);
@@ -14546,7 +14528,7 @@ function create_fragment$7(ctx) {
14546
14528
  };
14547
14529
  }
14548
14530
 
14549
- function instance$5($$self, $$props, $$invalidate) {
14531
+ function instance$7($$self, $$props, $$invalidate) {
14550
14532
  let { direction = "none" } = $$props;
14551
14533
 
14552
14534
  $$self.$$set = $$props => {
@@ -14568,8 +14550,8 @@ class TableSortHeader extends SvelteElement {
14568
14550
  props: attribute_to_object(this.attributes),
14569
14551
  customElement: true
14570
14552
  },
14571
- instance$5,
14572
- create_fragment$7,
14553
+ instance$7,
14554
+ create_fragment$9,
14573
14555
  safe_not_equal,
14574
14556
  { direction: 0 },
14575
14557
  null
@@ -14605,7 +14587,7 @@ customElements.define("goa-table-sort-header", TableSortHeader);
14605
14587
 
14606
14588
  /* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */
14607
14589
 
14608
- function create_fragment$6(ctx) {
14590
+ function create_fragment$8(ctx) {
14609
14591
  let div;
14610
14592
  let textarea;
14611
14593
  let textarea_aria_label_value;
@@ -14701,7 +14683,7 @@ function create_fragment$6(ctx) {
14701
14683
  };
14702
14684
  }
14703
14685
 
14704
- function instance$4($$self, $$props, $$invalidate) {
14686
+ function instance$6($$self, $$props, $$invalidate) {
14705
14687
  let isError;
14706
14688
  let isDisabled;
14707
14689
  let isReadonly;
@@ -14807,8 +14789,8 @@ class TextArea extends SvelteElement {
14807
14789
  props: attribute_to_object(this.attributes),
14808
14790
  customElement: true
14809
14791
  },
14810
- instance$4,
14811
- create_fragment$6,
14792
+ instance$6,
14793
+ create_fragment$8,
14812
14794
  safe_not_equal,
14813
14795
  {
14814
14796
  name: 0,
@@ -15002,7 +14984,7 @@ customElements.define("goa-textarea", TextArea);
15002
14984
 
15003
14985
  /* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.51.0 */
15004
14986
 
15005
- function create_fragment$5(ctx) {
14987
+ function create_fragment$7(ctx) {
15006
14988
  let div;
15007
14989
 
15008
14990
  return {
@@ -15051,7 +15033,7 @@ class FullScreenNavbarLayout extends SvelteElement {
15051
15033
  customElement: true
15052
15034
  },
15053
15035
  null,
15054
- create_fragment$5,
15036
+ create_fragment$7,
15055
15037
  safe_not_equal,
15056
15038
  {},
15057
15039
  null
@@ -15069,7 +15051,7 @@ customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
15069
15051
 
15070
15052
  /* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.51.0 */
15071
15053
 
15072
- function create_fragment$4(ctx) {
15054
+ function create_fragment$6(ctx) {
15073
15055
  let div;
15074
15056
 
15075
15057
  return {
@@ -15110,7 +15092,7 @@ class OneColumnLayout extends SvelteElement {
15110
15092
  customElement: true
15111
15093
  },
15112
15094
  null,
15113
- create_fragment$4,
15095
+ create_fragment$6,
15114
15096
  safe_not_equal,
15115
15097
  {},
15116
15098
  null
@@ -15128,7 +15110,7 @@ customElements.define("goa-one-column-layout", OneColumnLayout);
15128
15110
 
15129
15111
  /* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.51.0 */
15130
15112
 
15131
- function create_fragment$3(ctx) {
15113
+ function create_fragment$5(ctx) {
15132
15114
  let div;
15133
15115
  let header;
15134
15116
  let t0;
@@ -15187,7 +15169,7 @@ function create_fragment$3(ctx) {
15187
15169
  };
15188
15170
  }
15189
15171
 
15190
- function instance$3($$self, $$props, $$invalidate) {
15172
+ function instance$5($$self, $$props, $$invalidate) {
15191
15173
  let { navcolumnwidth = "" } = $$props;
15192
15174
  let { maxcontentwidth = "" } = $$props;
15193
15175
 
@@ -15211,8 +15193,8 @@ class TwoColumnLayout extends SvelteElement {
15211
15193
  props: attribute_to_object(this.attributes),
15212
15194
  customElement: true
15213
15195
  },
15214
- instance$3,
15215
- create_fragment$3,
15196
+ instance$5,
15197
+ create_fragment$5,
15216
15198
  safe_not_equal,
15217
15199
  { navcolumnwidth: 0, maxcontentwidth: 1 },
15218
15200
  null
@@ -15257,7 +15239,7 @@ customElements.define("goa-two-column-layout", TwoColumnLayout);
15257
15239
 
15258
15240
  /* libs/web-components/src/components/form-stepper/FormStepper.svelte generated by Svelte v3.51.0 */
15259
15241
 
15260
- function create_if_block$1(ctx) {
15242
+ function create_if_block$3(ctx) {
15261
15243
  let progress0;
15262
15244
  let t;
15263
15245
  let progress1;
@@ -15296,13 +15278,13 @@ function create_if_block$1(ctx) {
15296
15278
  };
15297
15279
  }
15298
15280
 
15299
- function create_fragment$2(ctx) {
15281
+ function create_fragment$4(ctx) {
15300
15282
  let section;
15301
15283
  let div1;
15302
15284
  let t;
15303
15285
  let div0;
15304
15286
  let div1_style_value;
15305
- let if_block = /*_steps*/ ctx[4].length > 0 && /*_showProgressBars*/ ctx[10] && create_if_block$1(ctx);
15287
+ let if_block = /*_steps*/ ctx[4].length > 0 && /*_showProgressBars*/ ctx[10] && create_if_block$3(ctx);
15306
15288
 
15307
15289
  return {
15308
15290
  c() {
@@ -15340,7 +15322,7 @@ function create_fragment$2(ctx) {
15340
15322
  if (if_block) {
15341
15323
  if_block.p(ctx, dirty);
15342
15324
  } else {
15343
- if_block = create_if_block$1(ctx);
15325
+ if_block = create_if_block$3(ctx);
15344
15326
  if_block.c();
15345
15327
  if_block.m(div1, t);
15346
15328
  }
@@ -15370,7 +15352,7 @@ function create_fragment$2(ctx) {
15370
15352
  };
15371
15353
  }
15372
15354
 
15373
- function instance$2($$self, $$props, $$invalidate) {
15355
+ function instance$4($$self, $$props, $$invalidate) {
15374
15356
  let _progress;
15375
15357
  let { step = -1 } = $$props;
15376
15358
  let { mt = null } = $$props;
@@ -15559,10 +15541,10 @@ class FormStepper extends SvelteElement {
15559
15541
  constructor(options) {
15560
15542
  super();
15561
15543
 
15562
- this.shadowRoot.innerHTML = `<style>.form-stepper{position:relative}.slots{position:relative;inset:0;z-index:2}progress{position:absolute;z-index:1;-webkit-appearance:none;appearance:none;height:4px;border:none;background:var(--goa-color-greyscale-200);pointer-events:none}progress.horizontal{display:block;top:calc(1.75rem + (2.5rem / 2) - 2px);left:calc(var(--step-width) / 2);width:calc(100% - var(--step-width))}progress.vertical{display:none;width:calc(var(--height) - var(--step-height));transform:rotate(90deg)
15544
+ this.shadowRoot.innerHTML = `<style>.form-stepper{position:relative}.slots{position:relative;inset:0;z-index:2}progress{position:absolute;z-index:1;-webkit-appearance:none;appearance:none;height:4px;border:none;background:var(--goa-color-greyscale-200);pointer-events:none}progress.horizontal{display:block;top:calc(1.5rem + (2.5rem / 2) - 2px);left:calc(var(--step-width) / 2);width:calc(100% - var(--step-width))}progress.vertical{display:none;width:calc(var(--height) - var(--step-height));transform:rotate(90deg)
15563
15545
  translate(
15564
15546
  calc(50% + 1.25rem + 1.75rem),
15565
- calc((var(--height) - var(--step-height)) / 2 - 1.25rem - 1.75rem)
15547
+ calc((var(--height) - var(--step-height)) / 2 - 1.25rem - 1.5rem)
15566
15548
  )}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}@media(max-width: 639px){progress.horizontal{display:none}progress.vertical{display:inline-block}.form-stepper{display:inline-block}}</style>`;
15567
15549
 
15568
15550
  init(
@@ -15572,8 +15554,8 @@ class FormStepper extends SvelteElement {
15572
15554
  props: attribute_to_object(this.attributes),
15573
15555
  customElement: true
15574
15556
  },
15575
- instance$2,
15576
- create_fragment$2,
15557
+ instance$4,
15558
+ create_fragment$4,
15577
15559
  safe_not_equal,
15578
15560
  { step: 12, mt: 0, mr: 1, mb: 2, ml: 3 },
15579
15561
  null
@@ -15645,7 +15627,7 @@ customElements.define("goa-form-stepper", FormStepper);
15645
15627
 
15646
15628
  /* libs/web-components/src/components/form-step/FormStep.svelte generated by Svelte v3.51.0 */
15647
15629
 
15648
- function create_else_block(ctx) {
15630
+ function create_else_block$1(ctx) {
15649
15631
  let div;
15650
15632
  let t;
15651
15633
 
@@ -15670,7 +15652,7 @@ function create_else_block(ctx) {
15670
15652
  }
15671
15653
 
15672
15654
  // (152:38)
15673
- function create_if_block_3(ctx) {
15655
+ function create_if_block_3$2(ctx) {
15674
15656
  let goa_icon;
15675
15657
 
15676
15658
  return {
@@ -15689,7 +15671,7 @@ function create_if_block_3(ctx) {
15689
15671
  }
15690
15672
 
15691
15673
  // (150:36)
15692
- function create_if_block_2(ctx) {
15674
+ function create_if_block_2$2(ctx) {
15693
15675
  let goa_icon;
15694
15676
 
15695
15677
  return {
@@ -15709,7 +15691,7 @@ function create_if_block_2(ctx) {
15709
15691
  }
15710
15692
 
15711
15693
  // (148:4) {#if _isCurrent}
15712
- function create_if_block_1(ctx) {
15694
+ function create_if_block_1$2(ctx) {
15713
15695
  let goa_icon;
15714
15696
 
15715
15697
  return {
@@ -15728,7 +15710,7 @@ function create_if_block_1(ctx) {
15728
15710
  }
15729
15711
 
15730
15712
  // (160:4) {#if status === "incomplete"}
15731
- function create_if_block(ctx) {
15713
+ function create_if_block$2(ctx) {
15732
15714
  let div;
15733
15715
 
15734
15716
  return {
@@ -15747,7 +15729,7 @@ function create_if_block(ctx) {
15747
15729
  };
15748
15730
  }
15749
15731
 
15750
- function create_fragment$1(ctx) {
15732
+ function create_fragment$3(ctx) {
15751
15733
  let label;
15752
15734
  let input;
15753
15735
  let input_disabled_value;
@@ -15763,15 +15745,15 @@ function create_fragment$1(ctx) {
15763
15745
  let label_aria_label_value;
15764
15746
 
15765
15747
  function select_block_type(ctx, dirty) {
15766
- if (/*_isCurrent*/ ctx[7]) return create_if_block_1;
15767
- if (/*status*/ ctx[3] === "complete") return create_if_block_2;
15768
- if (/*status*/ ctx[3] === "incomplete") return create_if_block_3;
15769
- return create_else_block;
15748
+ if (/*_isCurrent*/ ctx[7]) return create_if_block_1$2;
15749
+ if (/*status*/ ctx[3] === "complete") return create_if_block_2$2;
15750
+ if (/*status*/ ctx[3] === "incomplete") return create_if_block_3$2;
15751
+ return create_else_block$1;
15770
15752
  }
15771
15753
 
15772
15754
  let current_block_type = select_block_type(ctx);
15773
15755
  let if_block0 = current_block_type(ctx);
15774
- let if_block1 = /*status*/ ctx[3] === "incomplete" && create_if_block();
15756
+ let if_block1 = /*status*/ ctx[3] === "incomplete" && create_if_block$2();
15775
15757
 
15776
15758
  return {
15777
15759
  c() {
@@ -15849,7 +15831,7 @@ function create_fragment$1(ctx) {
15849
15831
 
15850
15832
  if (/*status*/ ctx[3] === "incomplete") {
15851
15833
  if (if_block1) ; else {
15852
- if_block1 = create_if_block();
15834
+ if_block1 = create_if_block$2();
15853
15835
  if_block1.c();
15854
15836
  if_block1.m(div2, null);
15855
15837
  }
@@ -15894,7 +15876,7 @@ function create_fragment$1(ctx) {
15894
15876
  };
15895
15877
  }
15896
15878
 
15897
- function instance$1($$self, $$props, $$invalidate) {
15879
+ function instance$3($$self, $$props, $$invalidate) {
15898
15880
  let _isCurrent;
15899
15881
  let _isEnabled;
15900
15882
  let { text } = $$props;
@@ -15983,7 +15965,7 @@ class FormStep extends SvelteElement {
15983
15965
  super();
15984
15966
 
15985
15967
  this.shadowRoot.innerHTML = `<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):focus-within,[role="listitem"]:not([aria-disabled="true"]):focus,[role="listitem"]:not([aria-disabled="true"]):active{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
15986
- }[data-status=complete] .status{background-color:var(--goa-color-interactive-default)}[aria-current="step"][data-status=complete] .status{background:var(--goa-color-greyscale-white)}.step-number{margin-bottom:var(--font-valign-fix);font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-secondary)}[role="listitem"]:not(
15968
+ }[data-status=complete] .status{background:var(--goa-color-interactive-default)}[aria-current="step"][data-status=complete] .status{background:var(--goa-color-greyscale-white)}.step-number{margin-bottom:var(--font-valign-fix);font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-secondary)}[role="listitem"]:not(
15987
15969
  [data-status=complete],
15988
15970
  [data-status=incomplete],
15989
15971
  [aria-current="step"]
@@ -15996,8 +15978,8 @@ class FormStep extends SvelteElement {
15996
15978
  props: attribute_to_object(this.attributes),
15997
15979
  customElement: true
15998
15980
  },
15999
- instance$1,
16000
- create_fragment$1,
15981
+ instance$3,
15982
+ create_fragment$3,
16001
15983
  safe_not_equal,
16002
15984
  {
16003
15985
  text: 0,
@@ -16085,7 +16067,7 @@ customElements.define("goa-form-step", FormStep);
16085
16067
 
16086
16068
  /* libs/web-components/src/components/pages/Pages.svelte generated by Svelte v3.51.0 */
16087
16069
 
16088
- function create_fragment(ctx) {
16070
+ function create_fragment$2(ctx) {
16089
16071
  let div;
16090
16072
  let slot;
16091
16073
  let div_style_value;
@@ -16117,7 +16099,7 @@ function create_fragment(ctx) {
16117
16099
  };
16118
16100
  }
16119
16101
 
16120
- function instance($$self, $$props, $$invalidate) {
16102
+ function instance$2($$self, $$props, $$invalidate) {
16121
16103
  let { current = 1 } = $$props;
16122
16104
  let { mt = null } = $$props;
16123
16105
  let { mr = null } = $$props;
@@ -16189,8 +16171,8 @@ class Pages extends SvelteElement {
16189
16171
  props: attribute_to_object(this.attributes),
16190
16172
  customElement: true
16191
16173
  },
16192
- instance,
16193
- create_fragment,
16174
+ instance$2,
16175
+ create_fragment$2,
16194
16176
  safe_not_equal,
16195
16177
  { current: 5, mt: 0, mr: 1, mb: 2, ml: 3 },
16196
16178
  null
@@ -16260,4 +16242,1302 @@ class Pages extends SvelteElement {
16260
16242
 
16261
16243
  customElements.define("goa-pages", Pages);
16262
16244
 
16263
- export { FormStep, FormStepper, Pages, Pagination };
16245
+ /* libs/web-components/src/components/file-upload-input/FileUploadInput.svelte generated by Svelte v3.51.0 */
16246
+
16247
+ function get_each_context(ctx, list, i) {
16248
+ const child_ctx = ctx.slice();
16249
+ child_ctx[21] = list[i];
16250
+ return child_ctx;
16251
+ }
16252
+
16253
+ // (126:0) {#if variant === "dragdrop"}
16254
+ function create_if_block_3$1(ctx) {
16255
+ let div3;
16256
+ let div2;
16257
+ let t6;
16258
+ let t7;
16259
+ let input;
16260
+ let div3_class_value;
16261
+ let mounted;
16262
+ let dispose;
16263
+ let if_block = /*maxfilesize*/ ctx[2] && create_if_block_4$1(ctx);
16264
+
16265
+ return {
16266
+ c() {
16267
+ div3 = element("div");
16268
+ div2 = element("div");
16269
+
16270
+ div2.innerHTML = `<goa-icon type="cloud-upload" size="large"></goa-icon>
16271
+ <div>Drag and drop files here</div>
16272
+ <em>or</em>
16273
+ <div class="browse-files">Browse files</div>`;
16274
+
16275
+ t6 = space();
16276
+ if (if_block) if_block.c();
16277
+ t7 = space();
16278
+ input = element("input");
16279
+ attr(div2, "class", "instructions");
16280
+ attr(input, "data-testid", "input");
16281
+ attr(input, "tabindex", "0");
16282
+ attr(input, "type", "file");
16283
+ attr(input, "accept", /*accept*/ ctx[1]);
16284
+ input.multiple = true;
16285
+ attr(div3, "data-testid", "dragdrop");
16286
+ attr(div3, "class", div3_class_value = `dragdrop state-${/*_state*/ ctx[5]}`);
16287
+ },
16288
+ m(target, anchor) {
16289
+ insert(target, div3, anchor);
16290
+ append(div3, div2);
16291
+ append(div3, t6);
16292
+ if (if_block) if_block.m(div3, null);
16293
+ append(div3, t7);
16294
+ append(div3, input);
16295
+ /*input_binding*/ ctx[13](input);
16296
+ /*div3_binding*/ ctx[14](div3);
16297
+
16298
+ if (!mounted) {
16299
+ dispose = [
16300
+ listen(div3, "click", /*openFilePicker*/ ctx[7]),
16301
+ listen(div3, "drop", /*onDrop*/ ctx[8]),
16302
+ listen(div3, "mouseover", /*onMouseOver*/ ctx[11]),
16303
+ listen(div3, "mouseout", /*onMouseOut*/ ctx[12]),
16304
+ listen(div3, "dragenter", /*onDragEnter*/ ctx[9]),
16305
+ listen(div3, "dragleave", /*onDragLeave*/ ctx[10]),
16306
+ listen(div3, "dragover", onDrag)
16307
+ ];
16308
+
16309
+ mounted = true;
16310
+ }
16311
+ },
16312
+ p(ctx, dirty) {
16313
+ if (/*maxfilesize*/ ctx[2]) {
16314
+ if (if_block) {
16315
+ if_block.p(ctx, dirty);
16316
+ } else {
16317
+ if_block = create_if_block_4$1(ctx);
16318
+ if_block.c();
16319
+ if_block.m(div3, t7);
16320
+ }
16321
+ } else if (if_block) {
16322
+ if_block.d(1);
16323
+ if_block = null;
16324
+ }
16325
+
16326
+ if (dirty & /*accept*/ 2) {
16327
+ attr(input, "accept", /*accept*/ ctx[1]);
16328
+ }
16329
+
16330
+ if (dirty & /*_state*/ 32 && div3_class_value !== (div3_class_value = `dragdrop state-${/*_state*/ ctx[5]}`)) {
16331
+ attr(div3, "class", div3_class_value);
16332
+ }
16333
+ },
16334
+ d(detaching) {
16335
+ if (detaching) detach(div3);
16336
+ if (if_block) if_block.d();
16337
+ /*input_binding*/ ctx[13](null);
16338
+ /*div3_binding*/ ctx[14](null);
16339
+ mounted = false;
16340
+ run_all(dispose);
16341
+ }
16342
+ };
16343
+ }
16344
+
16345
+ // (146:4) {#if maxfilesize}
16346
+ function create_if_block_4$1(ctx) {
16347
+ let em;
16348
+ let t0;
16349
+ let t1;
16350
+ let t2;
16351
+
16352
+ return {
16353
+ c() {
16354
+ em = element("em");
16355
+ t0 = text("Maximum file size is ");
16356
+ t1 = text(/*maxfilesize*/ ctx[2]);
16357
+ t2 = text(".");
16358
+ attr(em, "class", "max-file-size");
16359
+ attr(em, "data-testid", "max-file-size");
16360
+ },
16361
+ m(target, anchor) {
16362
+ insert(target, em, anchor);
16363
+ append(em, t0);
16364
+ append(em, t1);
16365
+ append(em, t2);
16366
+ },
16367
+ p(ctx, dirty) {
16368
+ if (dirty & /*maxfilesize*/ 4) set_data(t1, /*maxfilesize*/ ctx[2]);
16369
+ },
16370
+ d(detaching) {
16371
+ if (detaching) detach(em);
16372
+ }
16373
+ };
16374
+ }
16375
+
16376
+ // (154:0) {#if variant === "button"}
16377
+ function create_if_block_1$1(ctx) {
16378
+ let div;
16379
+ let goa_button;
16380
+ let t1;
16381
+ let t2;
16382
+ let input;
16383
+ let mounted;
16384
+ let dispose;
16385
+ let if_block = /*maxfilesize*/ ctx[2] && create_if_block_2$1(ctx);
16386
+
16387
+ return {
16388
+ c() {
16389
+ div = element("div");
16390
+ goa_button = element("goa-button");
16391
+ goa_button.textContent = "Choose file";
16392
+ t1 = space();
16393
+ if (if_block) if_block.c();
16394
+ t2 = space();
16395
+ input = element("input");
16396
+ set_custom_element_data(goa_button, "type", "secondary");
16397
+ attr(div, "class", "button");
16398
+ attr(input, "data-testid", "input");
16399
+ attr(input, "tabindex", "-1");
16400
+ attr(input, "type", "file");
16401
+ attr(input, "accept", /*accept*/ ctx[1]);
16402
+ input.multiple = true;
16403
+ },
16404
+ m(target, anchor) {
16405
+ insert(target, div, anchor);
16406
+ append(div, goa_button);
16407
+ append(div, t1);
16408
+ if (if_block) if_block.m(div, null);
16409
+ /*div_binding*/ ctx[15](div);
16410
+ insert(target, t2, anchor);
16411
+ insert(target, input, anchor);
16412
+ /*input_binding_1*/ ctx[16](input);
16413
+
16414
+ if (!mounted) {
16415
+ dispose = listen(goa_button, "click", /*openFilePicker*/ ctx[7]);
16416
+ mounted = true;
16417
+ }
16418
+ },
16419
+ p(ctx, dirty) {
16420
+ if (/*maxfilesize*/ ctx[2]) {
16421
+ if (if_block) {
16422
+ if_block.p(ctx, dirty);
16423
+ } else {
16424
+ if_block = create_if_block_2$1(ctx);
16425
+ if_block.c();
16426
+ if_block.m(div, null);
16427
+ }
16428
+ } else if (if_block) {
16429
+ if_block.d(1);
16430
+ if_block = null;
16431
+ }
16432
+
16433
+ if (dirty & /*accept*/ 2) {
16434
+ attr(input, "accept", /*accept*/ ctx[1]);
16435
+ }
16436
+ },
16437
+ d(detaching) {
16438
+ if (detaching) detach(div);
16439
+ if (if_block) if_block.d();
16440
+ /*div_binding*/ ctx[15](null);
16441
+ if (detaching) detach(t2);
16442
+ if (detaching) detach(input);
16443
+ /*input_binding_1*/ ctx[16](null);
16444
+ mounted = false;
16445
+ dispose();
16446
+ }
16447
+ };
16448
+ }
16449
+
16450
+ // (158:4) {#if maxfilesize}
16451
+ function create_if_block_2$1(ctx) {
16452
+ let em;
16453
+ let t0;
16454
+ let t1;
16455
+ let t2;
16456
+
16457
+ return {
16458
+ c() {
16459
+ em = element("em");
16460
+ t0 = text("Maximum file size is ");
16461
+ t1 = text(/*maxfilesize*/ ctx[2]);
16462
+ t2 = text(".");
16463
+ attr(em, "class", "max-file-size");
16464
+ attr(em, "data-testid", "max-file-size");
16465
+ },
16466
+ m(target, anchor) {
16467
+ insert(target, em, anchor);
16468
+ append(em, t0);
16469
+ append(em, t1);
16470
+ append(em, t2);
16471
+ },
16472
+ p(ctx, dirty) {
16473
+ if (dirty & /*maxfilesize*/ 4) set_data(t1, /*maxfilesize*/ ctx[2]);
16474
+ },
16475
+ d(detaching) {
16476
+ if (detaching) detach(em);
16477
+ }
16478
+ };
16479
+ }
16480
+
16481
+ // (166:0) {#if issues.length}
16482
+ function create_if_block$1(ctx) {
16483
+ let div;
16484
+ let each_value = /*issues*/ ctx[6];
16485
+ let each_blocks = [];
16486
+
16487
+ for (let i = 0; i < each_value.length; i += 1) {
16488
+ each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
16489
+ }
16490
+
16491
+ return {
16492
+ c() {
16493
+ div = element("div");
16494
+
16495
+ for (let i = 0; i < each_blocks.length; i += 1) {
16496
+ each_blocks[i].c();
16497
+ }
16498
+
16499
+ attr(div, "class", "issues");
16500
+ },
16501
+ m(target, anchor) {
16502
+ insert(target, div, anchor);
16503
+
16504
+ for (let i = 0; i < each_blocks.length; i += 1) {
16505
+ each_blocks[i].m(div, null);
16506
+ }
16507
+ },
16508
+ p(ctx, dirty) {
16509
+ if (dirty & /*issues*/ 64) {
16510
+ each_value = /*issues*/ ctx[6];
16511
+ let i;
16512
+
16513
+ for (i = 0; i < each_value.length; i += 1) {
16514
+ const child_ctx = get_each_context(ctx, each_value, i);
16515
+
16516
+ if (each_blocks[i]) {
16517
+ each_blocks[i].p(child_ctx, dirty);
16518
+ } else {
16519
+ each_blocks[i] = create_each_block(child_ctx);
16520
+ each_blocks[i].c();
16521
+ each_blocks[i].m(div, null);
16522
+ }
16523
+ }
16524
+
16525
+ for (; i < each_blocks.length; i += 1) {
16526
+ each_blocks[i].d(1);
16527
+ }
16528
+
16529
+ each_blocks.length = each_value.length;
16530
+ }
16531
+ },
16532
+ d(detaching) {
16533
+ if (detaching) detach(div);
16534
+ destroy_each(each_blocks, detaching);
16535
+ }
16536
+ };
16537
+ }
16538
+
16539
+ // (168:4) {#each issues as issue}
16540
+ function create_each_block(ctx) {
16541
+ let div1;
16542
+ let t0_value = /*issue*/ ctx[21].filename + "";
16543
+ let t0;
16544
+ let t1;
16545
+ let div0;
16546
+ let goa_icon;
16547
+ let t2;
16548
+ let t3_value = /*issue*/ ctx[21].error + "";
16549
+ let t3;
16550
+ let t4;
16551
+
16552
+ return {
16553
+ c() {
16554
+ div1 = element("div");
16555
+ t0 = text(t0_value);
16556
+ t1 = space();
16557
+ div0 = element("div");
16558
+ goa_icon = element("goa-icon");
16559
+ t2 = space();
16560
+ t3 = text(t3_value);
16561
+ t4 = space();
16562
+ set_custom_element_data(goa_icon, "type", "warning");
16563
+ set_custom_element_data(goa_icon, "size", "small");
16564
+ set_custom_element_data(goa_icon, "theme", "filled");
16565
+ attr(div0, "class", "error");
16566
+ attr(div0, "data-testid", "error");
16567
+ attr(div1, "class", "issue");
16568
+ },
16569
+ m(target, anchor) {
16570
+ insert(target, div1, anchor);
16571
+ append(div1, t0);
16572
+ append(div1, t1);
16573
+ append(div1, div0);
16574
+ append(div0, goa_icon);
16575
+ append(div0, t2);
16576
+ append(div0, t3);
16577
+ append(div1, t4);
16578
+ },
16579
+ p(ctx, dirty) {
16580
+ if (dirty & /*issues*/ 64 && t0_value !== (t0_value = /*issue*/ ctx[21].filename + "")) set_data(t0, t0_value);
16581
+ if (dirty & /*issues*/ 64 && t3_value !== (t3_value = /*issue*/ ctx[21].error + "")) set_data(t3, t3_value);
16582
+ },
16583
+ d(detaching) {
16584
+ if (detaching) detach(div1);
16585
+ }
16586
+ };
16587
+ }
16588
+
16589
+ function create_fragment$1(ctx) {
16590
+ let t0;
16591
+ let t1;
16592
+ let if_block2_anchor;
16593
+ let if_block0 = /*variant*/ ctx[0] === "dragdrop" && create_if_block_3$1(ctx);
16594
+ let if_block1 = /*variant*/ ctx[0] === "button" && create_if_block_1$1(ctx);
16595
+ let if_block2 = /*issues*/ ctx[6].length && create_if_block$1(ctx);
16596
+
16597
+ return {
16598
+ c() {
16599
+ if (if_block0) if_block0.c();
16600
+ t0 = space();
16601
+ if (if_block1) if_block1.c();
16602
+ t1 = space();
16603
+ if (if_block2) if_block2.c();
16604
+ if_block2_anchor = empty();
16605
+ this.c = noop;
16606
+ },
16607
+ m(target, anchor) {
16608
+ if (if_block0) if_block0.m(target, anchor);
16609
+ insert(target, t0, anchor);
16610
+ if (if_block1) if_block1.m(target, anchor);
16611
+ insert(target, t1, anchor);
16612
+ if (if_block2) if_block2.m(target, anchor);
16613
+ insert(target, if_block2_anchor, anchor);
16614
+ },
16615
+ p(ctx, [dirty]) {
16616
+ if (/*variant*/ ctx[0] === "dragdrop") {
16617
+ if (if_block0) {
16618
+ if_block0.p(ctx, dirty);
16619
+ } else {
16620
+ if_block0 = create_if_block_3$1(ctx);
16621
+ if_block0.c();
16622
+ if_block0.m(t0.parentNode, t0);
16623
+ }
16624
+ } else if (if_block0) {
16625
+ if_block0.d(1);
16626
+ if_block0 = null;
16627
+ }
16628
+
16629
+ if (/*variant*/ ctx[0] === "button") {
16630
+ if (if_block1) {
16631
+ if_block1.p(ctx, dirty);
16632
+ } else {
16633
+ if_block1 = create_if_block_1$1(ctx);
16634
+ if_block1.c();
16635
+ if_block1.m(t1.parentNode, t1);
16636
+ }
16637
+ } else if (if_block1) {
16638
+ if_block1.d(1);
16639
+ if_block1 = null;
16640
+ }
16641
+
16642
+ if (/*issues*/ ctx[6].length) {
16643
+ if (if_block2) {
16644
+ if_block2.p(ctx, dirty);
16645
+ } else {
16646
+ if_block2 = create_if_block$1(ctx);
16647
+ if_block2.c();
16648
+ if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
16649
+ }
16650
+ } else if (if_block2) {
16651
+ if_block2.d(1);
16652
+ if_block2 = null;
16653
+ }
16654
+ },
16655
+ i: noop,
16656
+ o: noop,
16657
+ d(detaching) {
16658
+ if (if_block0) if_block0.d(detaching);
16659
+ if (detaching) detach(t0);
16660
+ if (if_block1) if_block1.d(detaching);
16661
+ if (detaching) detach(t1);
16662
+ if (if_block2) if_block2.d(detaching);
16663
+ if (detaching) detach(if_block2_anchor);
16664
+ }
16665
+ };
16666
+ }
16667
+
16668
+ function onDrag(e) {
16669
+ e.preventDefault();
16670
+ return false;
16671
+ }
16672
+
16673
+ function instance$1($$self, $$props, $$invalidate) {
16674
+ let { variant = "dragdrop" } = $$props;
16675
+ let { accept = "*" } = $$props;
16676
+ let { maxfilesize = "5MB" } = $$props;
16677
+
16678
+ // Private
16679
+ let _el;
16680
+
16681
+ let _fileInput;
16682
+ let _state = "default";
16683
+ let issues = [];
16684
+
16685
+ // Hooks
16686
+ onMount(() => {
16687
+ _fileInput.addEventListener(
16688
+ "change",
16689
+ () => {
16690
+ $$invalidate(6, issues = []); // reset on every new batch of files
16691
+
16692
+ [..._fileInput.files].forEach(file => {
16693
+ const error = validate(file);
16694
+
16695
+ if (error) {
16696
+ $$invalidate(6, issues = [{ filename: file.name, error }, ...issues]);
16697
+ return;
16698
+ }
16699
+
16700
+ dispatch(file);
16701
+ });
16702
+
16703
+ $$invalidate(4, _fileInput.value = null, _fileInput);
16704
+ },
16705
+ true
16706
+ );
16707
+ });
16708
+
16709
+ // Functions
16710
+ function validate(file) {
16711
+ if (!isValidFileType(file)) {
16712
+ return "Invalid file type";
16713
+ }
16714
+
16715
+ if (!isValidFileSize(file)) {
16716
+ return `The file must be less than ${maxfilesize}`;
16717
+ }
16718
+ }
16719
+
16720
+ function isValidFileType(file) {
16721
+ const typeMatchers = accept.split(",");
16722
+
16723
+ for (const matcher of typeMatchers) {
16724
+ const matches = file.type.match(matcher.replace("*", ".*").replace("/", "\/")) || file.name.endsWith(accept);
16725
+
16726
+ if (matches) {
16727
+ return true;
16728
+ }
16729
+ }
16730
+
16731
+ return false;
16732
+ }
16733
+
16734
+ function isValidFileSize(file) {
16735
+ const [_, size, units] = maxfilesize.match(/(\d*)(\w*$)/);
16736
+
16737
+ const factor = {
16738
+ "B": 1,
16739
+ "KB": 1024,
16740
+ "MB": Math.pow(1024, 2),
16741
+ "GB": Math.pow(1024, 3)
16742
+ };
16743
+
16744
+ if (file.size / factor[units] > parseInt(size)) {
16745
+ return false;
16746
+ }
16747
+
16748
+ return true;
16749
+ }
16750
+
16751
+ function dispatch(file) {
16752
+ _el.dispatchEvent(new CustomEvent("_selectFile", { composed: true, detail: { file } }));
16753
+ }
16754
+
16755
+ function openFilePicker() {
16756
+ _fileInput.click();
16757
+ }
16758
+
16759
+ function onDrop(e) {
16760
+ e.preventDefault();
16761
+ $$invalidate(6, issues = []); // reset on every new batch of files
16762
+
16763
+ if (e.dataTransfer.items) {
16764
+ [...e.dataTransfer.items].forEach(item => {
16765
+ if (item.kind === 'file') {
16766
+ const file = item.getAsFile();
16767
+ const error = validate(file);
16768
+
16769
+ if (error) {
16770
+ $$invalidate(6, issues = [{ filename: file.name, error }, ...issues]);
16771
+ return;
16772
+ }
16773
+
16774
+ dispatch(item.getAsFile());
16775
+ }
16776
+ });
16777
+ } else {
16778
+ [...e.dataTransfer.files].forEach(file => {
16779
+ const error = validate(file);
16780
+
16781
+ if (error) {
16782
+ $$invalidate(6, issues = [{ filename: file.name, error }, ...issues]);
16783
+ return;
16784
+ }
16785
+
16786
+ dispatch(file);
16787
+ });
16788
+ }
16789
+
16790
+ $$invalidate(4, _fileInput.value = null, _fileInput);
16791
+ }
16792
+
16793
+ function onDragEnter() {
16794
+ $$invalidate(5, _state = "dragenter");
16795
+ }
16796
+
16797
+ function onDragLeave(e) {
16798
+ // hovering over child components will result in the dragleave event to be fired,
16799
+ // so we must validate to whether the mouse pointer is within the bounds of the
16800
+ // dropable area
16801
+ const rect = _el.getBoundingClientRect();
16802
+
16803
+ const withinBounds = e.clientX > rect.x && e.clientX <= rect.x + rect.width && e.clientY > rect.y && e.clientY <= rect.y + rect.height;
16804
+
16805
+ if (!withinBounds) {
16806
+ $$invalidate(5, _state = "default");
16807
+ }
16808
+ }
16809
+
16810
+ function onMouseOver() {
16811
+ $$invalidate(5, _state = "hover");
16812
+ }
16813
+
16814
+ function onMouseOut() {
16815
+ $$invalidate(5, _state = "default");
16816
+ }
16817
+
16818
+ function input_binding($$value) {
16819
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16820
+ _fileInput = $$value;
16821
+ $$invalidate(4, _fileInput);
16822
+ });
16823
+ }
16824
+
16825
+ function div3_binding($$value) {
16826
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16827
+ _el = $$value;
16828
+ $$invalidate(3, _el);
16829
+ });
16830
+ }
16831
+
16832
+ function div_binding($$value) {
16833
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16834
+ _el = $$value;
16835
+ $$invalidate(3, _el);
16836
+ });
16837
+ }
16838
+
16839
+ function input_binding_1($$value) {
16840
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16841
+ _fileInput = $$value;
16842
+ $$invalidate(4, _fileInput);
16843
+ });
16844
+ }
16845
+
16846
+ $$self.$$set = $$props => {
16847
+ if ('variant' in $$props) $$invalidate(0, variant = $$props.variant);
16848
+ if ('accept' in $$props) $$invalidate(1, accept = $$props.accept);
16849
+ if ('maxfilesize' in $$props) $$invalidate(2, maxfilesize = $$props.maxfilesize);
16850
+ };
16851
+
16852
+ return [
16853
+ variant,
16854
+ accept,
16855
+ maxfilesize,
16856
+ _el,
16857
+ _fileInput,
16858
+ _state,
16859
+ issues,
16860
+ openFilePicker,
16861
+ onDrop,
16862
+ onDragEnter,
16863
+ onDragLeave,
16864
+ onMouseOver,
16865
+ onMouseOut,
16866
+ input_binding,
16867
+ div3_binding,
16868
+ div_binding,
16869
+ input_binding_1
16870
+ ];
16871
+ }
16872
+
16873
+ class FileUploadInput extends SvelteElement {
16874
+ constructor(options) {
16875
+ super();
16876
+ this.shadowRoot.innerHTML = `<style>.dragdrop{border-radius:var(--goa-border-radius-m);border:var(--goa-border-width-m) dashed var(--goa-color-interactive-default);display:flex;font:var(--goa-typography-body-m);flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;padding:3rem;color:var(--goa-color-interactive-default);text-align:center;cursor:pointer}.dragdrop:active,.dragdrop:focus-within{border-style:solid;outline:none}.dragdrop:hover div{color:var(--goa-color-interactive-hover)}.state-default{background:var(--goa-color-info-background)}.state-hover{background:var(--goa-color-greyscale-100);border-style:solid}.state-dragenter{background:var(--goa-color-info-background);border-style:solid}.instructions{display:flex;align-items:center;gap:0.5rem}@media(max-width: 640px){.instructions{flex-direction:column}}goa-icon{margin-top:4px}.browse-files{text-decoration:underline}em{font-style:normal;font:var(--goa-typography-body-s);color:var(--goa-color-greyscale-700)}.max-file-size{display:block;margin-top:0.5rem}input[type="file"]{position:absolute;left:-9999px}.issues{border-bottom:1px solid var(--goa-color-greyscale-200);margin:1rem 0}.issue{margin-bottom:1rem}.error{color:var(--goa-color-interactive-error);font-size:0.9em;display:flex;align-items:center;gap:0.5rem}</style>`;
16877
+
16878
+ init(
16879
+ this,
16880
+ {
16881
+ target: this.shadowRoot,
16882
+ props: attribute_to_object(this.attributes),
16883
+ customElement: true
16884
+ },
16885
+ instance$1,
16886
+ create_fragment$1,
16887
+ safe_not_equal,
16888
+ { variant: 0, accept: 1, maxfilesize: 2 },
16889
+ null
16890
+ );
16891
+
16892
+ if (options) {
16893
+ if (options.target) {
16894
+ insert(options.target, this, options.anchor);
16895
+ }
16896
+
16897
+ if (options.props) {
16898
+ this.$set(options.props);
16899
+ flush();
16900
+ }
16901
+ }
16902
+ }
16903
+
16904
+ static get observedAttributes() {
16905
+ return ["variant", "accept", "maxfilesize"];
16906
+ }
16907
+
16908
+ get variant() {
16909
+ return this.$$.ctx[0];
16910
+ }
16911
+
16912
+ set variant(variant) {
16913
+ this.$$set({ variant });
16914
+ flush();
16915
+ }
16916
+
16917
+ get accept() {
16918
+ return this.$$.ctx[1];
16919
+ }
16920
+
16921
+ set accept(accept) {
16922
+ this.$$set({ accept });
16923
+ flush();
16924
+ }
16925
+
16926
+ get maxfilesize() {
16927
+ return this.$$.ctx[2];
16928
+ }
16929
+
16930
+ set maxfilesize(maxfilesize) {
16931
+ this.$$set({ maxfilesize });
16932
+ flush();
16933
+ }
16934
+ }
16935
+
16936
+ customElements.define("goa-file-upload-input", FileUploadInput);
16937
+
16938
+ /* libs/web-components/src/components/file-upload-card/FileUploadCard.svelte generated by Svelte v3.51.0 */
16939
+
16940
+ function create_else_block(ctx) {
16941
+ let goa_icon;
16942
+
16943
+ return {
16944
+ c() {
16945
+ goa_icon = element("goa-icon");
16946
+ set_custom_element_data(goa_icon, "class", "fileicon");
16947
+ set_custom_element_data(goa_icon, "data-testid", "icon");
16948
+ set_custom_element_data(goa_icon, "type", "goa-file");
16949
+ set_custom_element_data(goa_icon, "fillcolor", "#dcdcdc");
16950
+ set_custom_element_data(goa_icon, "size", "xlarge");
16951
+ },
16952
+ m(target, anchor) {
16953
+ insert(target, goa_icon, anchor);
16954
+ },
16955
+ p: noop,
16956
+ d(detaching) {
16957
+ if (detaching) detach(goa_icon);
16958
+ }
16959
+ };
16960
+ }
16961
+
16962
+ // (71:4) {#if _status === "uploaded"}
16963
+ function create_if_block_7(ctx) {
16964
+ let goa_icon;
16965
+
16966
+ return {
16967
+ c() {
16968
+ goa_icon = element("goa-icon");
16969
+ set_custom_element_data(goa_icon, "class", "fileicon");
16970
+ set_custom_element_data(goa_icon, "data-testid", "icon");
16971
+ set_custom_element_data(goa_icon, "type", /*_fileIcon*/ ctx[6]);
16972
+ set_custom_element_data(goa_icon, "fillcolor", "#0070c4");
16973
+ set_custom_element_data(goa_icon, "size", "xlarge");
16974
+ },
16975
+ m(target, anchor) {
16976
+ insert(target, goa_icon, anchor);
16977
+ },
16978
+ p(ctx, dirty) {
16979
+ if (dirty & /*_fileIcon*/ 64) {
16980
+ set_custom_element_data(goa_icon, "type", /*_fileIcon*/ ctx[6]);
16981
+ }
16982
+ },
16983
+ d(detaching) {
16984
+ if (detaching) detach(goa_icon);
16985
+ }
16986
+ };
16987
+ }
16988
+
16989
+ // (78:6) {#if _status !== "error"}
16990
+ function create_if_block_6(ctx) {
16991
+ let div;
16992
+ let t_value = formatFileSize(/*size*/ ctx[1]) + "";
16993
+ let t;
16994
+
16995
+ return {
16996
+ c() {
16997
+ div = element("div");
16998
+ t = text(t_value);
16999
+ attr(div, "class", "filesize");
17000
+ attr(div, "data-testid", "filesize");
17001
+ },
17002
+ m(target, anchor) {
17003
+ insert(target, div, anchor);
17004
+ append(div, t);
17005
+ },
17006
+ p(ctx, dirty) {
17007
+ if (dirty & /*size*/ 2 && t_value !== (t_value = formatFileSize(/*size*/ ctx[1]) + "")) set_data(t, t_value);
17008
+ },
17009
+ d(detaching) {
17010
+ if (detaching) detach(div);
17011
+ }
17012
+ };
17013
+ }
17014
+
17015
+ // (89:36)
17016
+ function create_if_block_5(ctx) {
17017
+ let div;
17018
+ let goa_icon;
17019
+ let t0;
17020
+ let t1;
17021
+
17022
+ return {
17023
+ c() {
17024
+ div = element("div");
17025
+ goa_icon = element("goa-icon");
17026
+ t0 = space();
17027
+ t1 = text(/*error*/ ctx[3]);
17028
+ set_custom_element_data(goa_icon, "type", "warning");
17029
+ set_custom_element_data(goa_icon, "size", "small");
17030
+ set_custom_element_data(goa_icon, "theme", "filled");
17031
+ attr(div, "class", "error-msg");
17032
+ attr(div, "data-testid", "error");
17033
+ },
17034
+ m(target, anchor) {
17035
+ insert(target, div, anchor);
17036
+ append(div, goa_icon);
17037
+ append(div, t0);
17038
+ append(div, t1);
17039
+ },
17040
+ p(ctx, dirty) {
17041
+ if (dirty & /*error*/ 8) set_data(t1, /*error*/ ctx[3]);
17042
+ },
17043
+ d(detaching) {
17044
+ if (detaching) detach(div);
17045
+ }
17046
+ };
17047
+ }
17048
+
17049
+ // (85:39)
17050
+ function create_if_block_4(ctx) {
17051
+ let div;
17052
+
17053
+ return {
17054
+ c() {
17055
+ div = element("div");
17056
+ div.textContent = `Uploaded on ${getTimestamp()}`;
17057
+ attr(div, "class", "timestamp");
17058
+ attr(div, "data-testid", "timestamp");
17059
+ },
17060
+ m(target, anchor) {
17061
+ insert(target, div, anchor);
17062
+ },
17063
+ p: noop,
17064
+ d(detaching) {
17065
+ if (detaching) detach(div);
17066
+ }
17067
+ };
17068
+ }
17069
+
17070
+ // (81:6) {#if _status === "uploading"}
17071
+ function create_if_block_3(ctx) {
17072
+ let div;
17073
+ let progress_1;
17074
+ let t0;
17075
+ let t1_value = Math.ceil(/*progress*/ ctx[2]) + "";
17076
+ let t1;
17077
+ let t2;
17078
+
17079
+ return {
17080
+ c() {
17081
+ div = element("div");
17082
+ progress_1 = element("progress");
17083
+ t0 = space();
17084
+ t1 = text(t1_value);
17085
+ t2 = text("%");
17086
+ progress_1.value = /*progress*/ ctx[2];
17087
+ attr(progress_1, "max", "100");
17088
+ attr(div, "class", "progress");
17089
+ attr(div, "data-testid", "progress");
17090
+ },
17091
+ m(target, anchor) {
17092
+ insert(target, div, anchor);
17093
+ append(div, progress_1);
17094
+ append(div, t0);
17095
+ append(div, t1);
17096
+ append(div, t2);
17097
+ },
17098
+ p(ctx, dirty) {
17099
+ if (dirty & /*progress*/ 4) {
17100
+ progress_1.value = /*progress*/ ctx[2];
17101
+ }
17102
+
17103
+ if (dirty & /*progress*/ 4 && t1_value !== (t1_value = Math.ceil(/*progress*/ ctx[2]) + "")) set_data(t1, t1_value);
17104
+ },
17105
+ d(detaching) {
17106
+ if (detaching) detach(div);
17107
+ }
17108
+ };
17109
+ }
17110
+
17111
+ // (102:36)
17112
+ function create_if_block_2(ctx) {
17113
+ let goa_button;
17114
+ let mounted;
17115
+ let dispose;
17116
+
17117
+ return {
17118
+ c() {
17119
+ goa_button = element("goa-button");
17120
+ goa_button.textContent = "Cancel";
17121
+ set_custom_element_data(goa_button, "type", "tertiary");
17122
+ set_custom_element_data(goa_button, "size", "compact");
17123
+ set_custom_element_data(goa_button, "variant", "destructive");
17124
+ },
17125
+ m(target, anchor) {
17126
+ insert(target, goa_button, anchor);
17127
+
17128
+ if (!mounted) {
17129
+ dispose = listen(goa_button, "click", /*click_handler_2*/ ctx[11]);
17130
+ mounted = true;
17131
+ }
17132
+ },
17133
+ p: noop,
17134
+ d(detaching) {
17135
+ if (detaching) detach(goa_button);
17136
+ mounted = false;
17137
+ dispose();
17138
+ }
17139
+ };
17140
+ }
17141
+
17142
+ // (100:39)
17143
+ function create_if_block_1(ctx) {
17144
+ let goa_button;
17145
+ let mounted;
17146
+ let dispose;
17147
+
17148
+ return {
17149
+ c() {
17150
+ goa_button = element("goa-button");
17151
+ goa_button.textContent = "Remove";
17152
+ set_custom_element_data(goa_button, "type", "tertiary");
17153
+ set_custom_element_data(goa_button, "size", "compact");
17154
+ set_custom_element_data(goa_button, "leadingicon", "trash");
17155
+ },
17156
+ m(target, anchor) {
17157
+ insert(target, goa_button, anchor);
17158
+
17159
+ if (!mounted) {
17160
+ dispose = listen(goa_button, "click", /*click_handler_1*/ ctx[10]);
17161
+ mounted = true;
17162
+ }
17163
+ },
17164
+ p: noop,
17165
+ d(detaching) {
17166
+ if (detaching) detach(goa_button);
17167
+ mounted = false;
17168
+ dispose();
17169
+ }
17170
+ };
17171
+ }
17172
+
17173
+ // (98:6) {#if _status === "uploading"}
17174
+ function create_if_block(ctx) {
17175
+ let goa_button;
17176
+ let mounted;
17177
+ let dispose;
17178
+
17179
+ return {
17180
+ c() {
17181
+ goa_button = element("goa-button");
17182
+ goa_button.textContent = "Cancel";
17183
+ set_custom_element_data(goa_button, "type", "tertiary");
17184
+ set_custom_element_data(goa_button, "size", "compact");
17185
+ },
17186
+ m(target, anchor) {
17187
+ insert(target, goa_button, anchor);
17188
+
17189
+ if (!mounted) {
17190
+ dispose = listen(goa_button, "click", /*click_handler*/ ctx[9]);
17191
+ mounted = true;
17192
+ }
17193
+ },
17194
+ p: noop,
17195
+ d(detaching) {
17196
+ if (detaching) detach(goa_button);
17197
+ mounted = false;
17198
+ dispose();
17199
+ }
17200
+ };
17201
+ }
17202
+
17203
+ function create_fragment(ctx) {
17204
+ let div3;
17205
+ let t0;
17206
+ let div1;
17207
+ let div0;
17208
+ let t1;
17209
+ let t2;
17210
+ let t3;
17211
+ let t4;
17212
+ let div2;
17213
+ let div3_class_value;
17214
+
17215
+ function select_block_type(ctx, dirty) {
17216
+ if (/*_status*/ ctx[4] === "uploaded") return create_if_block_7;
17217
+ return create_else_block;
17218
+ }
17219
+
17220
+ let current_block_type = select_block_type(ctx);
17221
+ let if_block0 = current_block_type(ctx);
17222
+ let if_block1 = /*_status*/ ctx[4] !== "error" && create_if_block_6(ctx);
17223
+
17224
+ function select_block_type_1(ctx, dirty) {
17225
+ if (/*_status*/ ctx[4] === "uploading") return create_if_block_3;
17226
+ if (/*_status*/ ctx[4] === "uploaded") return create_if_block_4;
17227
+ if (/*_status*/ ctx[4] === "error") return create_if_block_5;
17228
+ }
17229
+
17230
+ let current_block_type_1 = select_block_type_1(ctx);
17231
+ let if_block2 = current_block_type_1 && current_block_type_1(ctx);
17232
+
17233
+ function select_block_type_2(ctx, dirty) {
17234
+ if (/*_status*/ ctx[4] === "uploading") return create_if_block;
17235
+ if (/*_status*/ ctx[4] === "uploaded") return create_if_block_1;
17236
+ if (/*_status*/ ctx[4] === "error") return create_if_block_2;
17237
+ }
17238
+
17239
+ let current_block_type_2 = select_block_type_2(ctx);
17240
+ let if_block3 = current_block_type_2 && current_block_type_2(ctx);
17241
+
17242
+ return {
17243
+ c() {
17244
+ div3 = element("div");
17245
+ if_block0.c();
17246
+ t0 = space();
17247
+ div1 = element("div");
17248
+ div0 = element("div");
17249
+ t1 = text(/*filename*/ ctx[0]);
17250
+ t2 = space();
17251
+ if (if_block1) if_block1.c();
17252
+ t3 = space();
17253
+ if (if_block2) if_block2.c();
17254
+ t4 = space();
17255
+ div2 = element("div");
17256
+ if (if_block3) if_block3.c();
17257
+ this.c = noop;
17258
+ attr(div0, "class", "filename");
17259
+ attr(div0, "data-testid", "filename");
17260
+ attr(div1, "class", "details");
17261
+ attr(div2, "class", "actions");
17262
+ attr(div2, "data-testid", "actions");
17263
+ attr(div3, "data-testid", "root");
17264
+ attr(div3, "class", div3_class_value = `root ${/*_status*/ ctx[4]}`);
17265
+ toggle_class(div3, "error", /*error*/ ctx[3]);
17266
+ },
17267
+ m(target, anchor) {
17268
+ insert(target, div3, anchor);
17269
+ if_block0.m(div3, null);
17270
+ append(div3, t0);
17271
+ append(div3, div1);
17272
+ append(div1, div0);
17273
+ append(div0, t1);
17274
+ append(div1, t2);
17275
+ if (if_block1) if_block1.m(div1, null);
17276
+ append(div1, t3);
17277
+ if (if_block2) if_block2.m(div1, null);
17278
+ append(div3, t4);
17279
+ append(div3, div2);
17280
+ if (if_block3) if_block3.m(div2, null);
17281
+ /*div3_binding*/ ctx[12](div3);
17282
+ },
17283
+ p(ctx, [dirty]) {
17284
+ if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block0) {
17285
+ if_block0.p(ctx, dirty);
17286
+ } else {
17287
+ if_block0.d(1);
17288
+ if_block0 = current_block_type(ctx);
17289
+
17290
+ if (if_block0) {
17291
+ if_block0.c();
17292
+ if_block0.m(div3, t0);
17293
+ }
17294
+ }
17295
+
17296
+ if (dirty & /*filename*/ 1) set_data(t1, /*filename*/ ctx[0]);
17297
+
17298
+ if (/*_status*/ ctx[4] !== "error") {
17299
+ if (if_block1) {
17300
+ if_block1.p(ctx, dirty);
17301
+ } else {
17302
+ if_block1 = create_if_block_6(ctx);
17303
+ if_block1.c();
17304
+ if_block1.m(div1, t3);
17305
+ }
17306
+ } else if (if_block1) {
17307
+ if_block1.d(1);
17308
+ if_block1 = null;
17309
+ }
17310
+
17311
+ if (current_block_type_1 === (current_block_type_1 = select_block_type_1(ctx)) && if_block2) {
17312
+ if_block2.p(ctx, dirty);
17313
+ } else {
17314
+ if (if_block2) if_block2.d(1);
17315
+ if_block2 = current_block_type_1 && current_block_type_1(ctx);
17316
+
17317
+ if (if_block2) {
17318
+ if_block2.c();
17319
+ if_block2.m(div1, null);
17320
+ }
17321
+ }
17322
+
17323
+ if (current_block_type_2 === (current_block_type_2 = select_block_type_2(ctx)) && if_block3) {
17324
+ if_block3.p(ctx, dirty);
17325
+ } else {
17326
+ if (if_block3) if_block3.d(1);
17327
+ if_block3 = current_block_type_2 && current_block_type_2(ctx);
17328
+
17329
+ if (if_block3) {
17330
+ if_block3.c();
17331
+ if_block3.m(div2, null);
17332
+ }
17333
+ }
17334
+
17335
+ if (dirty & /*_status*/ 16 && div3_class_value !== (div3_class_value = `root ${/*_status*/ ctx[4]}`)) {
17336
+ attr(div3, "class", div3_class_value);
17337
+ }
17338
+
17339
+ if (dirty & /*_status, error*/ 24) {
17340
+ toggle_class(div3, "error", /*error*/ ctx[3]);
17341
+ }
17342
+ },
17343
+ i: noop,
17344
+ o: noop,
17345
+ d(detaching) {
17346
+ if (detaching) detach(div3);
17347
+ if_block0.d();
17348
+ if (if_block1) if_block1.d();
17349
+
17350
+ if (if_block2) {
17351
+ if_block2.d();
17352
+ }
17353
+
17354
+ if (if_block3) {
17355
+ if_block3.d();
17356
+ }
17357
+
17358
+ /*div3_binding*/ ctx[12](null);
17359
+ }
17360
+ };
17361
+ }
17362
+
17363
+ function getFiletypeIcon(filename, type) {
17364
+ // file extensions
17365
+ const parts = filename.split(".");
17366
+
17367
+ const ext = parts[parts.length - 1];
17368
+ const extTypeIcon = ext === "xlxs" && "goa-xls" || ext === "xls" && "goa-xls" || ext === "zip" && "goa-zip" || ext === "docx" && "goa-doc" || ext === "doc" && "goa-doc" || ext === "pptx" && "goa-ppt" || ext === "ppt" && "goa-ppt" || ext === "pdf" && "goa-pdf" || ext === "html" && "goa-html";
17369
+ if (extTypeIcon) return extTypeIcon;
17370
+
17371
+ // mimetype
17372
+ const mimeTypeIcon = type === "application/vnd.ms-powerpoint" && "goa-ppt" || type.includes("presentationml") && "goa-ppt" || type.includes("wordprocessingml") && "goa-doc" || type.includes("spreadsheet") && "goa-xls" || type.startsWith("video") && "goa-video" || type.startsWith("audio") && "goa-audio" || type.startsWith("image") && "goa-image" || type === "application/msword" && "goa-doc" || "goa-file";
17373
+
17374
+ return mimeTypeIcon;
17375
+ }
17376
+
17377
+ function formatFileSize(bytes) {
17378
+ switch (true) {
17379
+ case bytes < 1024:
17380
+ return bytes + "B";
17381
+ case bytes < 1024 * 1024:
17382
+ return Math.round(bytes / 1024) + "KB";
17383
+ case bytes < Math.pow(1024, 3):
17384
+ return Math.round(bytes / Math.pow(1024, 2)) + "MB";
17385
+ }
17386
+ }
17387
+
17388
+ function instance($$self, $$props, $$invalidate) {
17389
+ let { filename } = $$props;
17390
+ let { size } = $$props;
17391
+ let { type = "" } = $$props;
17392
+ let { progress = -1 } = $$props;
17393
+ let { error = "" } = $$props;
17394
+
17395
+ // Private
17396
+ let _status = "uploading";
17397
+
17398
+ let _rootEl;
17399
+ let _fileIcon = "goa-file";
17400
+
17401
+ function dispatch(action) {
17402
+ _rootEl.dispatchEvent(new CustomEvent(action, { composed: true }));
17403
+ }
17404
+
17405
+ const click_handler = () => dispatch("_cancel");
17406
+ const click_handler_1 = () => dispatch("_delete");
17407
+ const click_handler_2 = () => dispatch("_delete");
17408
+
17409
+ function div3_binding($$value) {
17410
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
17411
+ _rootEl = $$value;
17412
+ $$invalidate(5, _rootEl);
17413
+ });
17414
+ }
17415
+
17416
+ $$self.$$set = $$props => {
17417
+ if ('filename' in $$props) $$invalidate(0, filename = $$props.filename);
17418
+ if ('size' in $$props) $$invalidate(1, size = $$props.size);
17419
+ if ('type' in $$props) $$invalidate(8, type = $$props.type);
17420
+ if ('progress' in $$props) $$invalidate(2, progress = $$props.progress);
17421
+ if ('error' in $$props) $$invalidate(3, error = $$props.error);
17422
+ };
17423
+
17424
+ $$self.$$.update = () => {
17425
+ if ($$self.$$.dirty & /*error, progress*/ 12) {
17426
+ // Reactive
17427
+ $$invalidate(4, _status = error && "error" || progress >= 0 && progress < 100 && "uploading" || "uploaded");
17428
+ }
17429
+
17430
+ if ($$self.$$.dirty & /*filename, type*/ 257) {
17431
+ $$invalidate(6, _fileIcon = filename && type && getFiletypeIcon(filename, type));
17432
+ }
17433
+ };
17434
+
17435
+ return [
17436
+ filename,
17437
+ size,
17438
+ progress,
17439
+ error,
17440
+ _status,
17441
+ _rootEl,
17442
+ _fileIcon,
17443
+ dispatch,
17444
+ type,
17445
+ click_handler,
17446
+ click_handler_1,
17447
+ click_handler_2,
17448
+ div3_binding
17449
+ ];
17450
+ }
17451
+
17452
+ class FileUploadCard extends SvelteElement {
17453
+ constructor(options) {
17454
+ super();
17455
+
17456
+ this.shadowRoot.innerHTML = `<style>.root{padding:var(--goa-space-l);border:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-radius:var(--goa-border-radius-m);margin:0.5rem 0;display:grid;grid-template-columns:38px auto;grid-template-rows:repeat(2, auto);grid-template-areas:"icon details"
17457
+ "action action";gap:1rem;align-items:center}.root.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error)}@media(min-width: 480px){.root{grid-template-columns:38px 1fr auto;grid-template-rows:auto;grid-template-areas:"icon details action"}.details{margin-left:0.5rem}}.fileicon{grid-area:icon;align-self:center}.actions{grid-area:action}.details{grid-area:details;display:flex;flex-direction:column;overflow-x:hidden}.filename{grid-area:filename;font-size:var(--goa-font-size-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-msg{display:flex;align-items:flex-start;margin-top:0.5rem;gap:var(--goa-space-2xs);color:var(--goa-color-interactive-error);font:var(--goa-typography-body-xs)}.timestamp,.filesize{color:var(--goa-color-greyscale-700);font:var(--goa-typography-body-s)}.progress{display:flex;align-items:center;font:var(--goa-typography-body-xs);gap:0.5rem}progress{flex:1 1 auto;-webkit-appearance:none;appearance:none;height:4px;border:none;border-radius:var(--goa-border-radius-m);background:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-700)}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}</style>`;
17458
+
17459
+ init(
17460
+ this,
17461
+ {
17462
+ target: this.shadowRoot,
17463
+ props: attribute_to_object(this.attributes),
17464
+ customElement: true
17465
+ },
17466
+ instance,
17467
+ create_fragment,
17468
+ safe_not_equal,
17469
+ {
17470
+ filename: 0,
17471
+ size: 1,
17472
+ type: 8,
17473
+ progress: 2,
17474
+ error: 3
17475
+ },
17476
+ null
17477
+ );
17478
+
17479
+ if (options) {
17480
+ if (options.target) {
17481
+ insert(options.target, this, options.anchor);
17482
+ }
17483
+
17484
+ if (options.props) {
17485
+ this.$set(options.props);
17486
+ flush();
17487
+ }
17488
+ }
17489
+ }
17490
+
17491
+ static get observedAttributes() {
17492
+ return ["filename", "size", "type", "progress", "error"];
17493
+ }
17494
+
17495
+ get filename() {
17496
+ return this.$$.ctx[0];
17497
+ }
17498
+
17499
+ set filename(filename) {
17500
+ this.$$set({ filename });
17501
+ flush();
17502
+ }
17503
+
17504
+ get size() {
17505
+ return this.$$.ctx[1];
17506
+ }
17507
+
17508
+ set size(size) {
17509
+ this.$$set({ size });
17510
+ flush();
17511
+ }
17512
+
17513
+ get type() {
17514
+ return this.$$.ctx[8];
17515
+ }
17516
+
17517
+ set type(type) {
17518
+ this.$$set({ type });
17519
+ flush();
17520
+ }
17521
+
17522
+ get progress() {
17523
+ return this.$$.ctx[2];
17524
+ }
17525
+
17526
+ set progress(progress) {
17527
+ this.$$set({ progress });
17528
+ flush();
17529
+ }
17530
+
17531
+ get error() {
17532
+ return this.$$.ctx[3];
17533
+ }
17534
+
17535
+ set error(error) {
17536
+ this.$$set({ error });
17537
+ flush();
17538
+ }
17539
+ }
17540
+
17541
+ customElements.define("goa-file-upload-card", FileUploadCard);
17542
+
17543
+ export { FileUploadCard, FileUploadInput, FormStep, FormStepper, Pages, Pagination };