@abgov/react-components 4.0.0-alpha.137 → 4.0.0-alpha.138

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 (6) hide show
  1. package/index.d.ts +2 -0
  2. package/lib/file-upload-card/file-upload-card.d.ts +27 -0
  3. package/lib/file-upload-input/file-upload-input.d.ts +23 -0
  4. package/package.json +1 -1
  5. package/react-components.esm.js +2038 -478
  6. package/react-components.umd.js +2078 -514
package/react-components.umd.js CHANGED
@@ -251,50 +251,6 @@
251
251
  return e;
252
252
  }
253
253
 
254
- class HtmlTag {
255
- constructor(is_svg = false) {
256
- this.is_svg = false;
257
- this.is_svg = is_svg;
258
- this.e = this.n = null;
259
- }
260
-
261
- c(html) {
262
- this.h(html);
263
- }
264
-
265
- m(html, target, anchor = null) {
266
- if (!this.e) {
267
- if (this.is_svg) this.e = svg_element(target.nodeName);else this.e = element(target.nodeName);
268
- this.t = target;
269
- this.c(html);
270
- }
271
-
272
- this.i(anchor);
273
- }
274
-
275
- h(html) {
276
- this.e.innerHTML = html;
277
- this.n = Array.from(this.e.childNodes);
278
- }
279
-
280
- i(anchor) {
281
- for (let i = 0; i < this.n.length; i += 1) {
282
- insert(this.t, this.n[i], anchor);
283
- }
284
- }
285
-
286
- p(html) {
287
- this.d();
288
- this.h(html);
289
- this.i(this.a);
290
- }
291
-
292
- d() {
293
- this.n.forEach(detach);
294
- }
295
-
296
- }
297
-
298
254
  function attribute_to_object(attributes) {
299
255
  const result = {};
300
256
 
@@ -1190,10 +1146,29 @@
1190
1146
 
1191
1147
  return [values, validator];
1192
1148
  }
1149
+
1150
+ function getTimestamp(val) {
1151
+ const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
1152
+ const now = val || new Date();
1153
+ const hour24 = now.getHours();
1154
+ const min0 = now.getMinutes();
1155
+ const date = now.getDate();
1156
+ const month = months[now.getMonth()];
1157
+ const year = now.getFullYear();
1158
+ const hour = hour24 === 0 && 12 || hour24 > 12 && hour24 - 12 || hour24;
1159
+ const meridium = hour24 === 0 && "AM" || hour24 >= 12 && "PM" || "AM";
1160
+ const min = min0 < 10 && `0${min0}` || min0;
1161
+ const ordinal = date % 10 === 1 && date !== 11 && "st" || date % 10 === 2 && date !== 12 && "nd" || date % 10 === 3 && date !== 13 && "rd" || "th";
1162
+ return `${month} ${date}${ordinal} ${year}, ${hour}:${min} ${meridium}`;
1163
+ }
1164
+
1165
+ function cssVar(name, value) {
1166
+ return value ? `${name}: ${value}` : "";
1167
+ }
1193
1168
  /* libs/web-components/src/components/accordion/Accordion.svelte generated by Svelte v3.51.0 */
1194
1169
 
1195
1170
 
1196
- function create_fragment$N(ctx) {
1171
+ function create_fragment$P(ctx) {
1197
1172
  let div3;
1198
1173
  let details;
1199
1174
  let summary;
@@ -1396,7 +1371,7 @@
1396
1371
  };
1397
1372
  }
1398
1373
 
1399
- function instance$H($$self, $$props, $$invalidate) {
1374
+ function instance$J($$self, $$props, $$invalidate) {
1400
1375
  let isOpen;
1401
1376
  const [HeadingSizes, validateHeadingSize] = typeValidator("Accordion heading size", ["small", "medium"]);
1402
1377
  let {
@@ -1474,7 +1449,7 @@
1474
1449
  target: this.shadowRoot,
1475
1450
  props: attribute_to_object(this.attributes),
1476
1451
  customElement: true
1477
- }, instance$H, create_fragment$N, safe_not_equal, {
1452
+ }, instance$J, create_fragment$P, safe_not_equal, {
1478
1453
  open: 10,
1479
1454
  heading: 0,
1480
1455
  secondarytext: 1,
@@ -1606,7 +1581,7 @@
1606
1581
  customElements.define("goa-accordion", Accordion);
1607
1582
  /* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.51.0 */
1608
1583
 
1609
- function create_else_block$8(ctx) {
1584
+ function create_else_block$9(ctx) {
1610
1585
  let div;
1611
1586
  let img0;
1612
1587
  let img0_src_value;
@@ -1663,7 +1638,7 @@
1663
1638
  } // (19:4) {#if url}
1664
1639
 
1665
1640
 
1666
- function create_if_block$m(ctx) {
1641
+ function create_if_block$o(ctx) {
1667
1642
  let a;
1668
1643
  let img0;
1669
1644
  let img0_src_value;
@@ -1730,7 +1705,7 @@
1730
1705
  };
1731
1706
  }
1732
1707
 
1733
- function create_fragment$M(ctx) {
1708
+ function create_fragment$O(ctx) {
1734
1709
  let div2;
1735
1710
  let div1;
1736
1711
  let t;
@@ -1740,8 +1715,8 @@
1740
1715
  function select_block_type(ctx, dirty) {
1741
1716
  if (
1742
1717
  /*url*/
1743
- ctx[1]) return create_if_block$m;
1744
- return create_else_block$8;
1718
+ ctx[1]) return create_if_block$o;
1719
+ return create_else_block$9;
1745
1720
  }
1746
1721
 
1747
1722
  let current_block_type = select_block_type(ctx);
@@ -1814,7 +1789,7 @@
1814
1789
  };
1815
1790
  }
1816
1791
 
1817
- function instance$G($$self, $$props, $$invalidate) {
1792
+ function instance$I($$self, $$props, $$invalidate) {
1818
1793
  let {
1819
1794
  heading = ""
1820
1795
  } = $$props;
@@ -1846,7 +1821,7 @@
1846
1821
  target: this.shadowRoot,
1847
1822
  props: attribute_to_object(this.attributes),
1848
1823
  customElement: true
1849
- }, instance$G, create_fragment$M, safe_not_equal, {
1824
+ }, instance$I, create_fragment$O, safe_not_equal, {
1850
1825
  heading: 0,
1851
1826
  url: 1,
1852
1827
  testid: 2,
@@ -1918,7 +1893,7 @@
1918
1893
  customElements.define("goa-app-header", AppHeader);
1919
1894
  /* libs/web-components/src/components/badge/Badge.svelte generated by Svelte v3.51.0 */
1920
1895
 
1921
- function create_else_block$7(ctx) {
1896
+ function create_else_block$8(ctx) {
1922
1897
  let div;
1923
1898
  return {
1924
1899
  c() {
@@ -1941,7 +1916,7 @@
1941
1916
  } // (45:2) {#if showIcon}
1942
1917
 
1943
1918
 
1944
- function create_if_block_1$c(ctx) {
1919
+ function create_if_block_1$e(ctx) {
1945
1920
  let goa_icon;
1946
1921
  return {
1947
1922
  c() {
@@ -1974,7 +1949,7 @@
1974
1949
  } // (50:2) {#if content}
1975
1950
 
1976
1951
 
1977
- function create_if_block$l(ctx) {
1952
+ function create_if_block$n(ctx) {
1978
1953
  let div;
1979
1954
  let t;
1980
1955
  return {
@@ -2006,7 +1981,7 @@
2006
1981
  };
2007
1982
  }
2008
1983
 
2009
- function create_fragment$L(ctx) {
1984
+ function create_fragment$N(ctx) {
2010
1985
  let div;
2011
1986
  let t;
2012
1987
  let div_style_value;
@@ -2015,15 +1990,15 @@
2015
1990
  function select_block_type(ctx, dirty) {
2016
1991
  if (
2017
1992
  /*showIcon*/
2018
- ctx[7]) return create_if_block_1$c;
2019
- return create_else_block$7;
1993
+ ctx[7]) return create_if_block_1$e;
1994
+ return create_else_block$8;
2020
1995
  }
2021
1996
 
2022
1997
  let current_block_type = select_block_type(ctx);
2023
1998
  let if_block0 = current_block_type(ctx);
2024
1999
  let if_block1 =
2025
2000
  /*content*/
2026
- ctx[2] && create_if_block$l(ctx);
2001
+ ctx[2] && create_if_block$n(ctx);
2027
2002
  return {
2028
2003
  c() {
2029
2004
  div = element("div");
@@ -2080,7 +2055,7 @@
2080
2055
  if (if_block1) {
2081
2056
  if_block1.p(ctx, dirty);
2082
2057
  } else {
2083
- if_block1 = create_if_block$l(ctx);
2058
+ if_block1 = create_if_block$n(ctx);
2084
2059
  if_block1.c();
2085
2060
  if_block1.m(div, null);
2086
2061
  }
@@ -2142,7 +2117,7 @@
2142
2117
  };
2143
2118
  }
2144
2119
 
2145
- function instance$F($$self, $$props, $$invalidate) {
2120
+ function instance$H($$self, $$props, $$invalidate) {
2146
2121
  let showIcon;
2147
2122
  let iconType;
2148
2123
  const [Types, validateType] = typeValidator("Badge type", ["success", "important", "information", "emergency", "dark", "midtone", "light"], true);
@@ -2222,7 +2197,7 @@
2222
2197
  target: this.shadowRoot,
2223
2198
  props: attribute_to_object(this.attributes),
2224
2199
  customElement: true
2225
- }, instance$F, create_fragment$L, safe_not_equal, {
2200
+ }, instance$H, create_fragment$N, safe_not_equal, {
2226
2201
  type: 0,
2227
2202
  testid: 1,
2228
2203
  content: 2,
@@ -2342,7 +2317,7 @@
2342
2317
  customElements.define("goa-badge", Badge);
2343
2318
  /* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.51.0 */
2344
2319
 
2345
- function create_fragment$K(ctx) {
2320
+ function create_fragment$M(ctx) {
2346
2321
  let div;
2347
2322
  let slot;
2348
2323
  let div_style_value;
@@ -2416,7 +2391,7 @@
2416
2391
  };
2417
2392
  }
2418
2393
 
2419
- function instance$E($$self, $$props, $$invalidate) {
2394
+ function instance$G($$self, $$props, $$invalidate) {
2420
2395
  let {
2421
2396
  gap = "m"
2422
2397
  } = $$props;
@@ -2460,7 +2435,7 @@
2460
2435
  target: this.shadowRoot,
2461
2436
  props: attribute_to_object(this.attributes),
2462
2437
  customElement: true
2463
- }, instance$E, create_fragment$K, safe_not_equal, {
2438
+ }, instance$G, create_fragment$M, safe_not_equal, {
2464
2439
  gap: 0,
2465
2440
  direction: 1,
2466
2441
  alignment: 2,
@@ -2568,17 +2543,17 @@
2568
2543
  customElements.define("goa-block", Block);
2569
2544
  /* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.51.0 */
2570
2545
 
2571
- function create_else_block$6(ctx) {
2546
+ function create_else_block$7(ctx) {
2572
2547
  let t0;
2573
2548
  let span;
2574
2549
  let t1;
2575
2550
  let if_block1_anchor;
2576
2551
  let if_block0 =
2577
2552
  /*leadingicon*/
2578
- ctx[3] && create_if_block_2$7(ctx);
2553
+ ctx[3] && create_if_block_2$9(ctx);
2579
2554
  let if_block1 =
2580
2555
  /*trailingicon*/
2581
- ctx[4] && create_if_block_1$b(ctx);
2556
+ ctx[4] && create_if_block_1$d(ctx);
2582
2557
  return {
2583
2558
  c() {
2584
2559
  if (if_block0) if_block0.c();
@@ -2607,7 +2582,7 @@
2607
2582
  if (if_block0) {
2608
2583
  if_block0.p(ctx, dirty);
2609
2584
  } else {
2610
- if_block0 = create_if_block_2$7(ctx);
2585
+ if_block0 = create_if_block_2$9(ctx);
2611
2586
  if_block0.c();
2612
2587
  if_block0.m(t0.parentNode, t0);
2613
2588
  }
@@ -2622,7 +2597,7 @@
2622
2597
  if (if_block1) {
2623
2598
  if_block1.p(ctx, dirty);
2624
2599
  } else {
2625
- if_block1 = create_if_block_1$b(ctx);
2600
+ if_block1 = create_if_block_1$d(ctx);
2626
2601
  if_block1.c();
2627
2602
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
2628
2603
  }
@@ -2645,7 +2620,7 @@
2645
2620
  } // (46:2) {#if type === "start"}
2646
2621
 
2647
2622
 
2648
- function create_if_block$k(ctx) {
2623
+ function create_if_block$m(ctx) {
2649
2624
  let span;
2650
2625
  let t;
2651
2626
  let goa_icon;
@@ -2679,7 +2654,7 @@
2679
2654
  } // (52:4) {#if leadingicon}
2680
2655
 
2681
2656
 
2682
- function create_if_block_2$7(ctx) {
2657
+ function create_if_block_2$9(ctx) {
2683
2658
  let goa_icon;
2684
2659
  return {
2685
2660
  c() {
@@ -2723,7 +2698,7 @@
2723
2698
  } // (58:4) {#if trailingicon}
2724
2699
 
2725
2700
 
2726
- function create_if_block_1$b(ctx) {
2701
+ function create_if_block_1$d(ctx) {
2727
2702
  let goa_icon;
2728
2703
  return {
2729
2704
  c() {
@@ -2766,7 +2741,7 @@
2766
2741
  };
2767
2742
  }
2768
2743
 
2769
- function create_fragment$J(ctx) {
2744
+ function create_fragment$L(ctx) {
2770
2745
  let button;
2771
2746
  let button_class_value;
2772
2747
  let button_style_value;
@@ -2776,8 +2751,8 @@
2776
2751
  function select_block_type(ctx, dirty) {
2777
2752
  if (
2778
2753
  /*type*/
2779
- ctx[0] === "start") return create_if_block$k;
2780
- return create_else_block$6;
2754
+ ctx[0] === "start") return create_if_block$m;
2755
+ return create_else_block$7;
2781
2756
  }
2782
2757
 
2783
2758
  let current_block_type = select_block_type(ctx);
@@ -2920,7 +2895,7 @@
2920
2895
  };
2921
2896
  }
2922
2897
 
2923
- function instance$D($$self, $$props, $$invalidate) {
2898
+ function instance$F($$self, $$props, $$invalidate) {
2924
2899
  let isDisabled;
2925
2900
  let isButtonDark;
2926
2901
  const [Types, validateType] = typeValidator("Button type", ["primary", "submit", "secondary", "tertiary", "start"], true);
@@ -3010,12 +2985,12 @@
3010
2985
  constructor(options) {
3011
2986
  super();
3012
2987
  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,
3013
- 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>`;
2988
+ 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>`;
3014
2989
  init(this, {
3015
2990
  target: this.shadowRoot,
3016
2991
  props: attribute_to_object(this.attributes),
3017
2992
  customElement: true
3018
- }, instance$D, create_fragment$J, safe_not_equal, {
2993
+ }, instance$F, create_fragment$L, safe_not_equal, {
3019
2994
  type: 0,
3020
2995
  size: 1,
3021
2996
  variant: 2,
@@ -3171,7 +3146,7 @@
3171
3146
  customElements.define("goa-button", Button);
3172
3147
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */
3173
3148
 
3174
- function create_fragment$I(ctx) {
3149
+ function create_fragment$K(ctx) {
3175
3150
  let div;
3176
3151
  let slot;
3177
3152
  let div_style_value;
@@ -3241,7 +3216,7 @@
3241
3216
  };
3242
3217
  }
3243
3218
 
3244
- function instance$C($$self, $$props, $$invalidate) {
3219
+ function instance$E($$self, $$props, $$invalidate) {
3245
3220
  let _alignment;
3246
3221
 
3247
3222
  let {
@@ -3305,7 +3280,7 @@
3305
3280
  target: this.shadowRoot,
3306
3281
  props: attribute_to_object(this.attributes),
3307
3282
  customElement: true
3308
- }, instance$C, create_fragment$I, safe_not_equal, {
3283
+ }, instance$E, create_fragment$K, safe_not_equal, {
3309
3284
  alignment: 7,
3310
3285
  gap: 0,
3311
3286
  testid: 1,
@@ -3413,7 +3388,7 @@
3413
3388
  customElements.define("goa-button-group", ButtonGroup);
3414
3389
  /* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */
3415
3390
 
3416
- function create_if_block$j(ctx) {
3391
+ function create_if_block$l(ctx) {
3417
3392
  let h3;
3418
3393
  let t;
3419
3394
  return {
@@ -3444,7 +3419,7 @@
3444
3419
  };
3445
3420
  }
3446
3421
 
3447
- function create_fragment$H(ctx) {
3422
+ function create_fragment$J(ctx) {
3448
3423
  let div;
3449
3424
  let span0;
3450
3425
  let goa_icon;
@@ -3457,7 +3432,7 @@
3457
3432
  let div_style_value;
3458
3433
  let if_block =
3459
3434
  /*heading*/
3460
- ctx[5] && create_if_block$j(ctx);
3435
+ ctx[5] && create_if_block$l(ctx);
3461
3436
  return {
3462
3437
  c() {
3463
3438
  div = element("div");
@@ -3536,7 +3511,7 @@
3536
3511
  if (if_block) {
3537
3512
  if_block.p(ctx, dirty);
3538
3513
  } else {
3539
- if_block = create_if_block$j(ctx);
3514
+ if_block = create_if_block$l(ctx);
3540
3515
  if_block.c();
3541
3516
  if_block.m(span1, t1);
3542
3517
  }
@@ -3579,7 +3554,7 @@
3579
3554
  };
3580
3555
  }
3581
3556
 
3582
- function instance$B($$self, $$props, $$invalidate) {
3557
+ function instance$D($$self, $$props, $$invalidate) {
3583
3558
  let iconType;
3584
3559
  const [Types, validateType] = typeValidator("Callout type", ["emergency", "important", "information", "event", "success"], true);
3585
3560
  let {
@@ -3636,7 +3611,7 @@
3636
3611
  target: this.shadowRoot,
3637
3612
  props: attribute_to_object(this.attributes),
3638
3613
  customElement: true
3639
- }, instance$B, create_fragment$H, safe_not_equal, {
3614
+ }, instance$D, create_fragment$J, safe_not_equal, {
3640
3615
  mt: 0,
3641
3616
  mr: 1,
3642
3617
  mb: 2,
@@ -3744,7 +3719,7 @@
3744
3719
  customElements.define("goa-callout", Callout);
3745
3720
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */
3746
3721
 
3747
- function create_fragment$G(ctx) {
3722
+ function create_fragment$I(ctx) {
3748
3723
  let goa_card_content;
3749
3724
  return {
3750
3725
  c() {
@@ -3775,7 +3750,7 @@
3775
3750
  target: this.shadowRoot,
3776
3751
  props: attribute_to_object(this.attributes),
3777
3752
  customElement: true
3778
- }, null, create_fragment$G, safe_not_equal, {}, null);
3753
+ }, null, create_fragment$I, safe_not_equal, {}, null);
3779
3754
 
3780
3755
  if (options) {
3781
3756
  if (options.target) {
@@ -3789,7 +3764,7 @@
3789
3764
  customElements.define("goa-card-actions", CardActions);
3790
3765
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */
3791
3766
 
3792
- function create_fragment$F(ctx) {
3767
+ function create_fragment$H(ctx) {
3793
3768
  let div;
3794
3769
  let slot;
3795
3770
  let div_style_value;
@@ -3868,7 +3843,7 @@
3868
3843
  };
3869
3844
  }
3870
3845
 
3871
- function instance$A($$self, $$props, $$invalidate) {
3846
+ function instance$C($$self, $$props, $$invalidate) {
3872
3847
  let {
3873
3848
  elevation = 0
3874
3849
  } = $$props;
@@ -3916,7 +3891,7 @@
3916
3891
  target: this.shadowRoot,
3917
3892
  props: attribute_to_object(this.attributes),
3918
3893
  customElement: true
3919
- }, instance$A, create_fragment$F, safe_not_equal, {
3894
+ }, instance$C, create_fragment$H, safe_not_equal, {
3920
3895
  elevation: 0,
3921
3896
  width: 1,
3922
3897
  height: 2,
@@ -4036,7 +4011,7 @@
4036
4011
  customElements.define("goa-card", Card);
4037
4012
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */
4038
4013
 
4039
- function create_fragment$E(ctx) {
4014
+ function create_fragment$G(ctx) {
4040
4015
  let div;
4041
4016
  return {
4042
4017
  c() {
@@ -4069,7 +4044,7 @@
4069
4044
  target: this.shadowRoot,
4070
4045
  props: attribute_to_object(this.attributes),
4071
4046
  customElement: true
4072
- }, null, create_fragment$E, safe_not_equal, {}, null);
4047
+ }, null, create_fragment$G, safe_not_equal, {}, null);
4073
4048
 
4074
4049
  if (options) {
4075
4050
  if (options.target) {
@@ -4083,7 +4058,7 @@
4083
4058
  customElements.define("goa-card-content", CardContent);
4084
4059
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */
4085
4060
 
4086
- function create_fragment$D(ctx) {
4061
+ function create_fragment$F(ctx) {
4087
4062
  let div;
4088
4063
  return {
4089
4064
  c() {
@@ -4116,7 +4091,7 @@
4116
4091
  target: this.shadowRoot,
4117
4092
  props: attribute_to_object(this.attributes),
4118
4093
  customElement: true
4119
- }, null, create_fragment$D, safe_not_equal, {}, null);
4094
+ }, null, create_fragment$F, safe_not_equal, {}, null);
4120
4095
 
4121
4096
  if (options) {
4122
4097
  if (options.target) {
@@ -4130,7 +4105,7 @@
4130
4105
  customElements.define("goa-card-group", CardGroup);
4131
4106
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */
4132
4107
 
4133
- function create_fragment$C(ctx) {
4108
+ function create_fragment$E(ctx) {
4134
4109
  let div;
4135
4110
  return {
4136
4111
  c() {
@@ -4178,7 +4153,7 @@
4178
4153
  };
4179
4154
  }
4180
4155
 
4181
- function instance$z($$self, $$props, $$invalidate) {
4156
+ function instance$B($$self, $$props, $$invalidate) {
4182
4157
  let {
4183
4158
  src
4184
4159
  } = $$props;
@@ -4202,7 +4177,7 @@
4202
4177
  target: this.shadowRoot,
4203
4178
  props: attribute_to_object(this.attributes),
4204
4179
  customElement: true
4205
- }, instance$z, create_fragment$C, safe_not_equal, {
4180
+ }, instance$B, create_fragment$E, safe_not_equal, {
4206
4181
  src: 0,
4207
4182
  height: 1
4208
4183
  }, null);
@@ -4250,7 +4225,7 @@
4250
4225
  customElements.define("goa-card-image", CardImage);
4251
4226
  /* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.51.0 */
4252
4227
 
4253
- function create_if_block_1$a(ctx) {
4228
+ function create_if_block_1$c(ctx) {
4254
4229
  let svg;
4255
4230
  let path;
4256
4231
  return {
@@ -4277,7 +4252,7 @@
4277
4252
  } // (68:4) {#if isIndeterminate}
4278
4253
 
4279
4254
 
4280
- function create_if_block$i(ctx) {
4255
+ function create_if_block$k(ctx) {
4281
4256
  let svg;
4282
4257
  let rect;
4283
4258
  return {
@@ -4304,7 +4279,7 @@
4304
4279
  };
4305
4280
  }
4306
4281
 
4307
- function create_fragment$B(ctx) {
4282
+ function create_fragment$D(ctx) {
4308
4283
  let label;
4309
4284
  let div0;
4310
4285
  let input;
@@ -4322,10 +4297,10 @@
4322
4297
  function select_block_type(ctx, dirty) {
4323
4298
  if (
4324
4299
  /*isIndeterminate*/
4325
- ctx[10]) return create_if_block$i;
4300
+ ctx[10]) return create_if_block$k;
4326
4301
  if (
4327
4302
  /*isChecked*/
4328
- ctx[9]) return create_if_block_1$a;
4303
+ ctx[9]) return create_if_block_1$c;
4329
4304
  }
4330
4305
 
4331
4306
  let current_block_type = select_block_type(ctx);
@@ -4553,7 +4528,7 @@
4553
4528
  };
4554
4529
  }
4555
4530
 
4556
- function instance$y($$self, $$props, $$invalidate) {
4531
+ function instance$A($$self, $$props, $$invalidate) {
4557
4532
  let isDisabled;
4558
4533
  let isError;
4559
4534
  let isChecked;
@@ -4668,7 +4643,7 @@
4668
4643
  target: this.shadowRoot,
4669
4644
  props: attribute_to_object(this.attributes),
4670
4645
  customElement: true
4671
- }, instance$y, create_fragment$B, safe_not_equal, {
4646
+ }, instance$A, create_fragment$D, safe_not_equal, {
4672
4647
  name: 0,
4673
4648
  checked: 14,
4674
4649
  text: 1,
@@ -4836,7 +4811,7 @@
4836
4811
  customElements.define("goa-checkbox", Checkbox);
4837
4812
  /* libs/web-components/src/components/chip/Chip.svelte generated by Svelte v3.51.0 */
4838
4813
 
4839
- function create_if_block_1$9(ctx) {
4814
+ function create_if_block_1$b(ctx) {
4840
4815
  let goa_icon;
4841
4816
  return {
4842
4817
  c() {
@@ -4870,7 +4845,7 @@
4870
4845
  } // (54:2) {#if _deletable}
4871
4846
 
4872
4847
 
4873
- function create_if_block$h(ctx) {
4848
+ function create_if_block$j(ctx) {
4874
4849
  let goa_icon;
4875
4850
  let goa_icon_fillcolor_value;
4876
4851
  let goa_icon_opacity_value;
@@ -4926,7 +4901,7 @@
4926
4901
  };
4927
4902
  }
4928
4903
 
4929
- function create_fragment$A(ctx) {
4904
+ function create_fragment$C(ctx) {
4930
4905
  let div1;
4931
4906
  let t0;
4932
4907
  let div0;
@@ -4937,10 +4912,10 @@
4937
4912
  let dispose;
4938
4913
  let if_block0 =
4939
4914
  /*leadingicon*/
4940
- ctx[4] && create_if_block_1$9(ctx);
4915
+ ctx[4] && create_if_block_1$b(ctx);
4941
4916
  let if_block1 =
4942
4917
  /*_deletable*/
4943
- ctx[11] && create_if_block$h(ctx);
4918
+ ctx[11] && create_if_block$j(ctx);
4944
4919
  return {
4945
4920
  c() {
4946
4921
  div1 = element("div");
@@ -5014,7 +4989,7 @@
5014
4989
  if (if_block0) {
5015
4990
  if_block0.p(ctx, dirty);
5016
4991
  } else {
5017
- if_block0 = create_if_block_1$9(ctx);
4992
+ if_block0 = create_if_block_1$b(ctx);
5018
4993
  if_block0.c();
5019
4994
  if_block0.m(div1, t0);
5020
4995
  }
@@ -5035,7 +5010,7 @@
5035
5010
  if (if_block1) {
5036
5011
  if_block1.p(ctx, dirty);
5037
5012
  } else {
5038
- if_block1 = create_if_block$h(ctx);
5013
+ if_block1 = create_if_block$j(ctx);
5039
5014
  if_block1.c();
5040
5015
  if_block1.m(div1, null);
5041
5016
  }
@@ -5108,7 +5083,7 @@
5108
5083
  };
5109
5084
  }
5110
5085
 
5111
- function instance$x($$self, $$props, $$invalidate) {
5086
+ function instance$z($$self, $$props, $$invalidate) {
5112
5087
  let {
5113
5088
  mt = null
5114
5089
  } = $$props;
@@ -5209,7 +5184,7 @@
5209
5184
  target: this.shadowRoot,
5210
5185
  props: attribute_to_object(this.attributes),
5211
5186
  customElement: true
5212
- }, instance$x, create_fragment$A, safe_not_equal, {
5187
+ }, instance$z, create_fragment$C, safe_not_equal, {
5213
5188
  mt: 0,
5214
5189
  mr: 1,
5215
5190
  mb: 2,
@@ -5463,12 +5438,12 @@
5463
5438
  /* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.51.0 */
5464
5439
 
5465
5440
 
5466
- function create_if_block$g(ctx) {
5441
+ function create_if_block$i(ctx) {
5467
5442
  let current_block_type_index;
5468
5443
  let if_block;
5469
5444
  let if_block_anchor;
5470
5445
  let current;
5471
- const if_block_creators = [create_if_block_1$8, create_if_block_3$6];
5446
+ const if_block_creators = [create_if_block_1$a, create_if_block_3$8];
5472
5447
  const if_blocks = [];
5473
5448
 
5474
5449
  function select_block_type(ctx, dirty) {
@@ -5558,14 +5533,14 @@
5558
5533
  } // (43:19)
5559
5534
 
5560
5535
 
5561
- function create_if_block_3$6(ctx) {
5536
+ function create_if_block_3$8(ctx) {
5562
5537
  let div;
5563
5538
  let goa_spinner;
5564
5539
  let t;
5565
5540
  let div_class_value;
5566
5541
  let if_block =
5567
5542
  /*message*/
5568
- ctx[0] && create_if_block_4$1(ctx);
5543
+ ctx[0] && create_if_block_4$3(ctx);
5569
5544
  return {
5570
5545
  c() {
5571
5546
  div = element("div");
@@ -5616,7 +5591,7 @@
5616
5591
  if (if_block) {
5617
5592
  if_block.p(ctx, dirty);
5618
5593
  } else {
5619
- if_block = create_if_block_4$1(ctx);
5594
+ if_block = create_if_block_4$3(ctx);
5620
5595
  if_block.c();
5621
5596
  if_block.m(div, null);
5622
5597
  }
@@ -5654,7 +5629,7 @@
5654
5629
  } // (32:2) {#if fullscreen}
5655
5630
 
5656
5631
 
5657
- function create_if_block_1$8(ctx) {
5632
+ function create_if_block_1$a(ctx) {
5658
5633
  let div;
5659
5634
  let goa_spinner;
5660
5635
  let t;
@@ -5664,7 +5639,7 @@
5664
5639
  let dispose;
5665
5640
  let if_block =
5666
5641
  /*message*/
5667
- ctx[0] && create_if_block_2$6(ctx);
5642
+ ctx[0] && create_if_block_2$8(ctx);
5668
5643
  return {
5669
5644
  c() {
5670
5645
  div = element("div");
@@ -5720,7 +5695,7 @@
5720
5695
  if (if_block) {
5721
5696
  if_block.p(ctx, dirty);
5722
5697
  } else {
5723
- if_block = create_if_block_2$6(ctx);
5698
+ if_block = create_if_block_2$8(ctx);
5724
5699
  if_block.c();
5725
5700
  if_block.m(div, null);
5726
5701
  }
@@ -5769,7 +5744,7 @@
5769
5744
  } // (46:6) {#if message}
5770
5745
 
5771
5746
 
5772
- function create_if_block_4$1(ctx) {
5747
+ function create_if_block_4$3(ctx) {
5773
5748
  let div;
5774
5749
  let t;
5775
5750
  return {
@@ -5802,7 +5777,7 @@
5802
5777
  } // (39:6) {#if message}
5803
5778
 
5804
5779
 
5805
- function create_if_block_2$6(ctx) {
5780
+ function create_if_block_2$8(ctx) {
5806
5781
  let div;
5807
5782
  let t;
5808
5783
  return {
@@ -5834,12 +5809,12 @@
5834
5809
  };
5835
5810
  }
5836
5811
 
5837
- function create_fragment$z(ctx) {
5812
+ function create_fragment$B(ctx) {
5838
5813
  let if_block_anchor;
5839
5814
  let current;
5840
5815
  let if_block =
5841
5816
  /*isVisible*/
5842
- ctx[5] && create_if_block$g(ctx);
5817
+ ctx[5] && create_if_block$i(ctx);
5843
5818
  return {
5844
5819
  c() {
5845
5820
  if (if_block) if_block.c();
@@ -5866,7 +5841,7 @@
5866
5841
  transition_in(if_block, 1);
5867
5842
  }
5868
5843
  } else {
5869
- if_block = create_if_block$g(ctx);
5844
+ if_block = create_if_block$i(ctx);
5870
5845
  if_block.c();
5871
5846
  transition_in(if_block, 1);
5872
5847
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -5899,7 +5874,7 @@
5899
5874
  };
5900
5875
  }
5901
5876
 
5902
- function instance$w($$self, $$props, $$invalidate) {
5877
+ function instance$y($$self, $$props, $$invalidate) {
5903
5878
  let isVisible;
5904
5879
  const [Variants, validateVariant] = typeValidator("Circular progress variant", ["fullscreen", "inline"]);
5905
5880
  const [Sizes, validateSize] = typeValidator("Button size", ["small", "large"]);
@@ -5957,7 +5932,7 @@
5957
5932
  target: this.shadowRoot,
5958
5933
  props: attribute_to_object(this.attributes),
5959
5934
  customElement: true
5960
- }, instance$w, create_fragment$z, safe_not_equal, {
5935
+ }, instance$y, create_fragment$B, safe_not_equal, {
5961
5936
  variant: 6,
5962
5937
  size: 7,
5963
5938
  message: 0,
@@ -6041,7 +6016,7 @@
6041
6016
  customElements.define("goa-circular-progress", CircularProgress);
6042
6017
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.51.0 */
6043
6018
 
6044
- function create_fragment$y(ctx) {
6019
+ function create_fragment$A(ctx) {
6045
6020
  let div3;
6046
6021
  let header;
6047
6022
  let div0;
@@ -6166,7 +6141,7 @@
6166
6141
  };
6167
6142
  }
6168
6143
 
6169
- function instance$v($$self, $$props, $$invalidate) {
6144
+ function instance$x($$self, $$props, $$invalidate) {
6170
6145
  const [Types, validateType] = typeValidator("Container type", ["interactive", "info", "error", "success", "important", "non-interactive"]);
6171
6146
  const [Accents, validateAccent] = typeValidator("Container accent", ["thick", "thin", "filled"]);
6172
6147
  const [Paddings, validatePadding] = typeValidator("Container padding", ["relaxed", "compact"]);
@@ -6222,7 +6197,7 @@
6222
6197
  target: this.shadowRoot,
6223
6198
  props: attribute_to_object(this.attributes),
6224
6199
  customElement: true
6225
- }, instance$v, create_fragment$y, safe_not_equal, {
6200
+ }, instance$x, create_fragment$A, safe_not_equal, {
6226
6201
  type: 0,
6227
6202
  accent: 1,
6228
6203
  padding: 2,
@@ -6342,7 +6317,7 @@
6342
6317
  customElements.define("goa-container", Container);
6343
6318
  /* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.51.0 */
6344
6319
 
6345
- function create_fragment$x(ctx) {
6320
+ function create_fragment$z(ctx) {
6346
6321
  let details;
6347
6322
  let summary;
6348
6323
  let goa_icon;
@@ -6442,7 +6417,7 @@
6442
6417
  };
6443
6418
  }
6444
6419
 
6445
- function instance$u($$self, $$props, $$invalidate) {
6420
+ function instance$w($$self, $$props, $$invalidate) {
6446
6421
  let {
6447
6422
  heading
6448
6423
  } = $$props;
@@ -6502,7 +6477,7 @@
6502
6477
  target: this.shadowRoot,
6503
6478
  props: attribute_to_object(this.attributes),
6504
6479
  customElement: true
6505
- }, instance$u, create_fragment$x, safe_not_equal, {
6480
+ }, instance$w, create_fragment$z, safe_not_equal, {
6506
6481
  heading: 0,
6507
6482
  mt: 1,
6508
6483
  mr: 2,
@@ -6586,7 +6561,7 @@
6586
6561
  customElements.define("goa-details", Details);
6587
6562
  /* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.51.0 */
6588
6563
 
6589
- function create_fragment$w(ctx) {
6564
+ function create_fragment$y(ctx) {
6590
6565
  let hr;
6591
6566
  let hr_style_value;
6592
6567
  return {
@@ -6645,7 +6620,7 @@
6645
6620
  };
6646
6621
  }
6647
6622
 
6648
- function instance$t($$self, $$props, $$invalidate) {
6623
+ function instance$v($$self, $$props, $$invalidate) {
6649
6624
  let {
6650
6625
  testid = ""
6651
6626
  } = $$props;
@@ -6681,7 +6656,7 @@
6681
6656
  target: this.shadowRoot,
6682
6657
  props: attribute_to_object(this.attributes),
6683
6658
  customElement: true
6684
- }, instance$t, create_fragment$w, safe_not_equal, {
6659
+ }, instance$v, create_fragment$y, safe_not_equal, {
6685
6660
  testid: 0,
6686
6661
  mt: 1,
6687
6662
  mr: 2,
@@ -6772,14 +6747,14 @@
6772
6747
  return child_ctx;
6773
6748
  }
6774
6749
 
6775
- function get_each_context$5(ctx, list, i) {
6750
+ function get_each_context$6(ctx, list, i) {
6776
6751
  const child_ctx = ctx.slice();
6777
6752
  child_ctx[50] = list[i];
6778
6753
  return child_ctx;
6779
6754
  } // (270:2) {:else}
6780
6755
 
6781
6756
 
6782
- function create_else_block$5(ctx) {
6757
+ function create_else_block$6(ctx) {
6783
6758
  let t0;
6784
6759
  let goa_input;
6785
6760
  let goa_input_arialabel_value;
@@ -6795,7 +6770,7 @@
6795
6770
  let dispose;
6796
6771
  let if_block =
6797
6772
  /*_isMenuVisible*/
6798
- ctx[17] && create_if_block_1$7(ctx);
6773
+ ctx[17] && create_if_block_1$9(ctx);
6799
6774
  let each_value_1 =
6800
6775
  /*_options*/
6801
6776
  ctx[12];
@@ -6913,7 +6888,7 @@
6913
6888
  if (if_block) {
6914
6889
  if_block.p(ctx, dirty);
6915
6890
  } else {
6916
- if_block = create_if_block_1$7(ctx);
6891
+ if_block = create_if_block_1$9(ctx);
6917
6892
  if_block.c();
6918
6893
  if_block.m(t0.parentNode, t0);
6919
6894
  }
@@ -7060,7 +7035,7 @@
7060
7035
  } // (251:2) {#if _native}
7061
7036
 
7062
7037
 
7063
- function create_if_block$f(ctx) {
7038
+ function create_if_block$h(ctx) {
7064
7039
  let select;
7065
7040
  let slot;
7066
7041
  let select_aria_label_value;
@@ -7072,7 +7047,7 @@
7072
7047
  let each_blocks = [];
7073
7048
 
7074
7049
  for (let i = 0; i < each_value.length; i += 1) {
7075
- each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
7050
+ each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
7076
7051
  }
7077
7052
 
7078
7053
  return {
@@ -7127,12 +7102,12 @@
7127
7102
  let i;
7128
7103
 
7129
7104
  for (i = 0; i < each_value.length; i += 1) {
7130
- const child_ctx = get_each_context$5(ctx, each_value, i);
7105
+ const child_ctx = get_each_context$6(ctx, each_value, i);
7131
7106
 
7132
7107
  if (each_blocks[i]) {
7133
7108
  each_blocks[i].p(child_ctx, dirty);
7134
7109
  } else {
7135
- each_blocks[i] = create_each_block$5(child_ctx);
7110
+ each_blocks[i] = create_each_block$6(child_ctx);
7136
7111
  each_blocks[i].c();
7137
7112
  each_blocks[i].m(select, null);
7138
7113
  }
@@ -7186,7 +7161,7 @@
7186
7161
  } // (271:4) {#if _isMenuVisible}
7187
7162
 
7188
7163
 
7189
- function create_if_block_1$7(ctx) {
7164
+ function create_if_block_1$9(ctx) {
7190
7165
  let div;
7191
7166
  let div_data_testid_value;
7192
7167
  let noscroll_action;
@@ -7423,7 +7398,7 @@
7423
7398
  } // (260:6) {#each _options as option}
7424
7399
 
7425
7400
 
7426
- function create_each_block$5(ctx) {
7401
+ function create_each_block$6(ctx) {
7427
7402
  let option;
7428
7403
  let t0_value =
7429
7404
  /*option*/
@@ -7496,7 +7471,7 @@
7496
7471
  };
7497
7472
  }
7498
7473
 
7499
- function create_fragment$v(ctx) {
7474
+ function create_fragment$x(ctx) {
7500
7475
  let div;
7501
7476
  let div_data_testid_value;
7502
7477
  let div_style_value;
@@ -7504,8 +7479,8 @@
7504
7479
  function select_block_type(ctx, dirty) {
7505
7480
  if (
7506
7481
  /*_native*/
7507
- ctx[14]) return create_if_block$f;
7508
- return create_else_block$5;
7482
+ ctx[14]) return create_if_block$h;
7483
+ return create_else_block$6;
7509
7484
  }
7510
7485
 
7511
7486
  let current_block_type = select_block_type(ctx);
@@ -7627,7 +7602,7 @@
7627
7602
  return rawValues.map(val => `${val}`);
7628
7603
  }
7629
7604
 
7630
- function instance$s($$self, $$props, $$invalidate) {
7605
+ function instance$u($$self, $$props, $$invalidate) {
7631
7606
  const showMenu = _async(function () {
7632
7607
  if (_disabled || _isMenuVisible) {
7633
7608
  return;
@@ -8026,7 +8001,7 @@
8026
8001
  target: this.shadowRoot,
8027
8002
  props: attribute_to_object(this.attributes),
8028
8003
  customElement: true
8029
- }, instance$s, create_fragment$v, safe_not_equal, {
8004
+ }, instance$u, create_fragment$x, safe_not_equal, {
8030
8005
  name: 0,
8031
8006
  arialabel: 1,
8032
8007
  value: 29,
@@ -8230,7 +8205,7 @@
8230
8205
  customElements.define("goa-dropdown", Dropdown);
8231
8206
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
8232
8207
 
8233
- function create_fragment$u(ctx) {
8208
+ function create_fragment$w(ctx) {
8234
8209
  return {
8235
8210
  c() {
8236
8211
  this.c = noop;
@@ -8251,7 +8226,7 @@
8251
8226
  target: this.shadowRoot,
8252
8227
  props: attribute_to_object(this.attributes),
8253
8228
  customElement: true
8254
- }, null, create_fragment$u, safe_not_equal, {}, null);
8229
+ }, null, create_fragment$w, safe_not_equal, {}, null);
8255
8230
 
8256
8231
  if (options) {
8257
8232
  if (options.target) {
@@ -8265,7 +8240,7 @@
8265
8240
  customElements.define("goa-dropdown-item", DropdownItem);
8266
8241
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
8267
8242
 
8268
- function create_fragment$t(ctx) {
8243
+ function create_fragment$v(ctx) {
8269
8244
  let div;
8270
8245
  return {
8271
8246
  c() {
@@ -8325,7 +8300,7 @@
8325
8300
  }
8326
8301
  }
8327
8302
 
8328
- function instance$r($$self, $$props, $$invalidate) {
8303
+ function instance$t($$self, $$props, $$invalidate) {
8329
8304
  let isActive;
8330
8305
  let {
8331
8306
  active
@@ -8494,7 +8469,7 @@
8494
8469
  target: this.shadowRoot,
8495
8470
  props: attribute_to_object(this.attributes),
8496
8471
  customElement: true
8497
- }, instance$r, create_fragment$t, safe_not_equal, {
8472
+ }, instance$t, create_fragment$v, safe_not_equal, {
8498
8473
  active: 1
8499
8474
  }, null);
8500
8475
 
@@ -8530,7 +8505,7 @@
8530
8505
  customElements.define("goa-focus-trap", FocusTrap);
8531
8506
  /* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.51.0 */
8532
8507
 
8533
- function create_if_block$e(ctx) {
8508
+ function create_if_block$g(ctx) {
8534
8509
  let goa_divider;
8535
8510
  return {
8536
8511
  c() {
@@ -8549,7 +8524,7 @@
8549
8524
  };
8550
8525
  }
8551
8526
 
8552
- function create_fragment$s(ctx) {
8527
+ function create_fragment$u(ctx) {
8553
8528
  let div5;
8554
8529
  let div4;
8555
8530
  let div0;
@@ -8567,7 +8542,7 @@
8567
8542
  /*navLinks*/
8568
8543
  ctx[2] &&
8569
8544
  /*navLinks*/
8570
- ctx[2].length > 0 && create_if_block$e();
8545
+ ctx[2].length > 0 && create_if_block$g();
8571
8546
  return {
8572
8547
  c() {
8573
8548
  div5 = element("div");
@@ -8640,7 +8615,7 @@
8640
8615
  /*navLinks*/
8641
8616
  ctx[2].length > 0) {
8642
8617
  if (if_block) ;else {
8643
- if_block = create_if_block$e();
8618
+ if_block = create_if_block$g();
8644
8619
  if_block.c();
8645
8620
  if_block.m(div4, t1);
8646
8621
  }
@@ -8692,7 +8667,7 @@
8692
8667
  };
8693
8668
  }
8694
8669
 
8695
- function instance$q($$self, $$props, $$invalidate) {
8670
+ function instance$s($$self, $$props, $$invalidate) {
8696
8671
  let {
8697
8672
  maxcontentwidth = ""
8698
8673
  } = $$props;
@@ -8731,7 +8706,7 @@
8731
8706
  target: this.shadowRoot,
8732
8707
  props: attribute_to_object(this.attributes),
8733
8708
  customElement: true
8734
- }, instance$q, create_fragment$s, safe_not_equal, {
8709
+ }, instance$s, create_fragment$u, safe_not_equal, {
8735
8710
  maxcontentwidth: 0
8736
8711
  }, null);
8737
8712
 
@@ -8767,14 +8742,14 @@
8767
8742
  customElements.define("goa-app-footer", Footer);
8768
8743
  /* libs/web-components/src/components/footer-meta-section/FooterMetaSection.svelte generated by Svelte v3.51.0 */
8769
8744
 
8770
- function get_each_context$4(ctx, list, i) {
8745
+ function get_each_context$5(ctx, list, i) {
8771
8746
  const child_ctx = ctx.slice();
8772
8747
  child_ctx[3] = list[i];
8773
8748
  return child_ctx;
8774
8749
  } // (52:4) {#each children as child}
8775
8750
 
8776
8751
 
8777
- function create_each_block$4(ctx) {
8752
+ function create_each_block$5(ctx) {
8778
8753
  let li;
8779
8754
  let a;
8780
8755
  let t_value =
@@ -8821,7 +8796,7 @@
8821
8796
  };
8822
8797
  }
8823
8798
 
8824
- function create_fragment$r(ctx) {
8799
+ function create_fragment$t(ctx) {
8825
8800
  let section;
8826
8801
  let div;
8827
8802
  let t;
@@ -8832,7 +8807,7 @@
8832
8807
  let each_blocks = [];
8833
8808
 
8834
8809
  for (let i = 0; i < each_value.length; i += 1) {
8835
- each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
8810
+ each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
8836
8811
  }
8837
8812
 
8838
8813
  return {
@@ -8876,12 +8851,12 @@
8876
8851
  let i;
8877
8852
 
8878
8853
  for (i = 0; i < each_value.length; i += 1) {
8879
- const child_ctx = get_each_context$4(ctx, each_value, i);
8854
+ const child_ctx = get_each_context$5(ctx, each_value, i);
8880
8855
 
8881
8856
  if (each_blocks[i]) {
8882
8857
  each_blocks[i].p(child_ctx, dirty);
8883
8858
  } else {
8884
- each_blocks[i] = create_each_block$4(child_ctx);
8859
+ each_blocks[i] = create_each_block$5(child_ctx);
8885
8860
  each_blocks[i].c();
8886
8861
  each_blocks[i].m(ul, null);
8887
8862
  }
@@ -8909,7 +8884,7 @@
8909
8884
  };
8910
8885
  }
8911
8886
 
8912
- function instance$p($$self, $$props, $$invalidate) {
8887
+ function instance$r($$self, $$props, $$invalidate) {
8913
8888
  let rootEl;
8914
8889
  let children = [];
8915
8890
  onMount(function () {
@@ -8944,7 +8919,7 @@
8944
8919
  target: this.shadowRoot,
8945
8920
  props: attribute_to_object(this.attributes),
8946
8921
  customElement: true
8947
- }, instance$p, create_fragment$r, safe_not_equal, {}, null);
8922
+ }, instance$r, create_fragment$t, safe_not_equal, {}, null);
8948
8923
 
8949
8924
  if (options) {
8950
8925
  if (options.target) {
@@ -8958,14 +8933,14 @@
8958
8933
  customElements.define("goa-app-footer-meta-section", FooterMetaSection);
8959
8934
  /* libs/web-components/src/components/footer-nav-section/FooterNavSection.svelte generated by Svelte v3.51.0 */
8960
8935
 
8961
- function get_each_context$3(ctx, list, i) {
8936
+ function get_each_context$4(ctx, list, i) {
8962
8937
  const child_ctx = ctx.slice();
8963
8938
  child_ctx[5] = list[i];
8964
8939
  return child_ctx;
8965
8940
  } // (31:2) {#if heading}
8966
8941
 
8967
8942
 
8968
- function create_if_block$d(ctx) {
8943
+ function create_if_block$f(ctx) {
8969
8944
  let div;
8970
8945
  let t0;
8971
8946
  let t1;
@@ -9007,7 +8982,7 @@
9007
8982
  } // (49:4) {#each children as child}
9008
8983
 
9009
8984
 
9010
- function create_each_block$3(ctx) {
8985
+ function create_each_block$4(ctx) {
9011
8986
  let li;
9012
8987
  let a;
9013
8988
  let t_value =
@@ -9054,7 +9029,7 @@
9054
9029
  };
9055
9030
  }
9056
9031
 
9057
- function create_fragment$q(ctx) {
9032
+ function create_fragment$s(ctx) {
9058
9033
  let section;
9059
9034
  let t0;
9060
9035
  let div;
@@ -9063,14 +9038,14 @@
9063
9038
  let ul_style_value;
9064
9039
  let if_block =
9065
9040
  /*heading*/
9066
- ctx[0] && create_if_block$d(ctx);
9041
+ ctx[0] && create_if_block$f(ctx);
9067
9042
  let each_value =
9068
9043
  /*children*/
9069
9044
  ctx[3];
9070
9045
  let each_blocks = [];
9071
9046
 
9072
9047
  for (let i = 0; i < each_value.length; i += 1) {
9073
- each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
9048
+ each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
9074
9049
  }
9075
9050
 
9076
9051
  return {
@@ -9130,7 +9105,7 @@
9130
9105
  if (if_block) {
9131
9106
  if_block.p(ctx, dirty);
9132
9107
  } else {
9133
- if_block = create_if_block$d(ctx);
9108
+ if_block = create_if_block$f(ctx);
9134
9109
  if_block.c();
9135
9110
  if_block.m(section, t0);
9136
9111
  }
@@ -9148,12 +9123,12 @@
9148
9123
  let i;
9149
9124
 
9150
9125
  for (i = 0; i < each_value.length; i += 1) {
9151
- const child_ctx = get_each_context$3(ctx, each_value, i);
9126
+ const child_ctx = get_each_context$4(ctx, each_value, i);
9152
9127
 
9153
9128
  if (each_blocks[i]) {
9154
9129
  each_blocks[i].p(child_ctx, dirty);
9155
9130
  } else {
9156
- each_blocks[i] = create_each_block$3(child_ctx);
9131
+ each_blocks[i] = create_each_block$4(child_ctx);
9157
9132
  each_blocks[i].c();
9158
9133
  each_blocks[i].m(ul, null);
9159
9134
  }
@@ -9201,7 +9176,7 @@
9201
9176
  };
9202
9177
  }
9203
9178
 
9204
- function instance$o($$self, $$props, $$invalidate) {
9179
+ function instance$q($$self, $$props, $$invalidate) {
9205
9180
  let {
9206
9181
  heading = ""
9207
9182
  } = $$props;
@@ -9253,7 +9228,7 @@
9253
9228
  target: this.shadowRoot,
9254
9229
  props: attribute_to_object(this.attributes),
9255
9230
  customElement: true
9256
- }, instance$o, create_fragment$q, safe_not_equal, {
9231
+ }, instance$q, create_fragment$s, safe_not_equal, {
9257
9232
  heading: 0,
9258
9233
  maxcolumncount: 1
9259
9234
  }, null);
@@ -9301,7 +9276,7 @@
9301
9276
  customElements.define("goa-app-footer-nav-section", FooterNavSection);
9302
9277
  /* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.51.0 */
9303
9278
 
9304
- function create_if_block_2$5(ctx) {
9279
+ function create_if_block_2$7(ctx) {
9305
9280
  let div;
9306
9281
  let t0;
9307
9282
  let t1;
@@ -9312,7 +9287,7 @@
9312
9287
  ctx[9].includes(
9313
9288
  /*requirement*/
9314
9289
  ctx[8]);
9315
- let if_block = show_if && create_if_block_3$5(ctx);
9290
+ let if_block = show_if && create_if_block_3$7(ctx);
9316
9291
  return {
9317
9292
  c() {
9318
9293
  div = element("div");
@@ -9351,7 +9326,7 @@
9351
9326
  if (if_block) {
9352
9327
  if_block.p(ctx, dirty);
9353
9328
  } else {
9354
- if_block = create_if_block_3$5(ctx);
9329
+ if_block = create_if_block_3$7(ctx);
9355
9330
  if_block.c();
9356
9331
  if_block.m(div, null);
9357
9332
  }
@@ -9370,7 +9345,7 @@
9370
9345
  } // (34:6) {#if requirement && REQUIREMENT_TYPES.includes(requirement)}
9371
9346
 
9372
9347
 
9373
- function create_if_block_3$5(ctx) {
9348
+ function create_if_block_3$7(ctx) {
9374
9349
  let em;
9375
9350
  let t0;
9376
9351
  let t1;
@@ -9408,7 +9383,7 @@
9408
9383
  } // (42:2) {#if error}
9409
9384
 
9410
9385
 
9411
- function create_if_block_1$6(ctx) {
9386
+ function create_if_block_1$8(ctx) {
9412
9387
  let div;
9413
9388
  let goa_icon;
9414
9389
  let t0;
@@ -9451,7 +9426,7 @@
9451
9426
  } // (48:2) {#if helptext}
9452
9427
 
9453
9428
 
9454
- function create_if_block$c(ctx) {
9429
+ function create_if_block$e(ctx) {
9455
9430
  let div;
9456
9431
  let t;
9457
9432
  return {
@@ -9483,7 +9458,7 @@
9483
9458
  };
9484
9459
  }
9485
9460
 
9486
- function create_fragment$p(ctx) {
9461
+ function create_fragment$r(ctx) {
9487
9462
  let div1;
9488
9463
  let t0;
9489
9464
  let div0;
@@ -9492,13 +9467,13 @@
9492
9467
  let div1_style_value;
9493
9468
  let if_block0 =
9494
9469
  /*label*/
9495
- ctx[5] && create_if_block_2$5(ctx);
9470
+ ctx[5] && create_if_block_2$7(ctx);
9496
9471
  let if_block1 =
9497
9472
  /*error*/
9498
- ctx[7] && create_if_block_1$6(ctx);
9473
+ ctx[7] && create_if_block_1$8(ctx);
9499
9474
  let if_block2 =
9500
9475
  /*helptext*/
9501
- ctx[6] && create_if_block$c(ctx);
9476
+ ctx[6] && create_if_block$e(ctx);
9502
9477
  return {
9503
9478
  c() {
9504
9479
  div1 = element("div");
@@ -9545,7 +9520,7 @@
9545
9520
  if (if_block0) {
9546
9521
  if_block0.p(ctx, dirty);
9547
9522
  } else {
9548
- if_block0 = create_if_block_2$5(ctx);
9523
+ if_block0 = create_if_block_2$7(ctx);
9549
9524
  if_block0.c();
9550
9525
  if_block0.m(div1, t0);
9551
9526
  }
@@ -9560,7 +9535,7 @@
9560
9535
  if (if_block1) {
9561
9536
  if_block1.p(ctx, dirty);
9562
9537
  } else {
9563
- if_block1 = create_if_block_1$6(ctx);
9538
+ if_block1 = create_if_block_1$8(ctx);
9564
9539
  if_block1.c();
9565
9540
  if_block1.m(div1, t2);
9566
9541
  }
@@ -9575,7 +9550,7 @@
9575
9550
  if (if_block2) {
9576
9551
  if_block2.p(ctx, dirty);
9577
9552
  } else {
9578
- if_block2 = create_if_block$c(ctx);
9553
+ if_block2 = create_if_block$e(ctx);
9579
9554
  if_block2.c();
9580
9555
  if_block2.m(div1, null);
9581
9556
  }
@@ -9620,7 +9595,7 @@
9620
9595
  };
9621
9596
  }
9622
9597
 
9623
- function instance$n($$self, $$props, $$invalidate) {
9598
+ function instance$p($$self, $$props, $$invalidate) {
9624
9599
  const [REQUIREMENT_TYPES, validateRequirementType] = typeValidator("Requirement type", ["optional", "required"], false);
9625
9600
  let {
9626
9601
  testid = ""
@@ -9676,7 +9651,7 @@
9676
9651
  target: this.shadowRoot,
9677
9652
  props: attribute_to_object(this.attributes),
9678
9653
  customElement: true
9679
- }, instance$n, create_fragment$p, safe_not_equal, {
9654
+ }, instance$p, create_fragment$r, safe_not_equal, {
9680
9655
  testid: 0,
9681
9656
  mt: 1,
9682
9657
  mr: 2,
@@ -9808,7 +9783,7 @@
9808
9783
  customElements.define("goa-form-item", FormItem);
9809
9784
  /* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.51.0 */
9810
9785
 
9811
- function create_fragment$o(ctx) {
9786
+ function create_fragment$q(ctx) {
9812
9787
  let div;
9813
9788
  let slot;
9814
9789
  let div_style_value;
@@ -9876,7 +9851,7 @@
9876
9851
  };
9877
9852
  }
9878
9853
 
9879
- function instance$m($$self, $$props, $$invalidate) {
9854
+ function instance$o($$self, $$props, $$invalidate) {
9880
9855
  let {
9881
9856
  gap = "m"
9882
9857
  } = $$props;
@@ -9921,7 +9896,7 @@
9921
9896
  target: this.shadowRoot,
9922
9897
  props: attribute_to_object(this.attributes),
9923
9898
  customElement: true
9924
- }, instance$m, create_fragment$o, safe_not_equal, {
9899
+ }, instance$o, create_fragment$q, safe_not_equal, {
9925
9900
  gap: 0,
9926
9901
  minchildwidth: 1,
9927
9902
  mt: 2,
@@ -10017,7 +9992,7 @@
10017
9992
  customElements.define("goa-grid", Grid);
10018
9993
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.51.0 */
10019
9994
 
10020
- function create_fragment$n(ctx) {
9995
+ function create_fragment$p(ctx) {
10021
9996
  let div1;
10022
9997
  let goa_page_block;
10023
9998
  let h1;
@@ -10102,7 +10077,7 @@
10102
10077
  };
10103
10078
  }
10104
10079
 
10105
- function instance$l($$self, $$props, $$invalidate) {
10080
+ function instance$n($$self, $$props, $$invalidate) {
10106
10081
  let {
10107
10082
  heading
10108
10083
  } = $$props;
@@ -10130,7 +10105,7 @@
10130
10105
  target: this.shadowRoot,
10131
10106
  props: attribute_to_object(this.attributes),
10132
10107
  customElement: true
10133
- }, instance$l, create_fragment$n, safe_not_equal, {
10108
+ }, instance$n, create_fragment$p, safe_not_equal, {
10134
10109
  heading: 0,
10135
10110
  backgroundurl: 1,
10136
10111
  minheight: 2
@@ -10190,7 +10165,7 @@
10190
10165
  customElements.define("goa-hero-banner", HeroBanner);
10191
10166
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.51.0 */
10192
10167
 
10193
- function create_fragment$m(ctx) {
10168
+ function create_fragment$o(ctx) {
10194
10169
  let button;
10195
10170
  let goa_icon;
10196
10171
  let button_style_value;
@@ -10362,7 +10337,7 @@
10362
10337
  }));
10363
10338
  }
10364
10339
 
10365
- function instance$k($$self, $$props, $$invalidate) {
10340
+ function instance$m($$self, $$props, $$invalidate) {
10366
10341
  let css;
10367
10342
  let isDisabled;
10368
10343
  let isInverted;
@@ -10467,7 +10442,7 @@
10467
10442
  target: this.shadowRoot,
10468
10443
  props: attribute_to_object(this.attributes),
10469
10444
  customElement: true
10470
- }, instance$k, create_fragment$m, safe_not_equal, {
10445
+ }, instance$m, create_fragment$o, safe_not_equal, {
10471
10446
  icon: 0,
10472
10447
  size: 1,
10473
10448
  theme: 2,
@@ -10635,7 +10610,7 @@
10635
10610
  customElements.define("goa-icon-button", IconButton);
10636
10611
  /* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.51.0 */
10637
10612
 
10638
- function create_if_block$b(ctx) {
10613
+ function create_if_block$d(ctx) {
10639
10614
  let show_if;
10640
10615
  let if_block_anchor;
10641
10616
 
@@ -10645,11 +10620,11 @@
10645
10620
  16) show_if = null;
10646
10621
  if (show_if == null) show_if = !!Object.keys(
10647
10622
  /*_iconOverrides*/
10648
- ctx[12]).includes(
10623
+ ctx[13]).includes(
10649
10624
  /*type*/
10650
10625
  ctx[4]);
10651
- if (show_if) return create_if_block_1$5;
10652
- return create_else_block$4;
10626
+ if (show_if) return create_if_block_1$7;
10627
+ return create_else_block$5;
10653
10628
  }
10654
10629
 
10655
10630
  let current_block_type = select_block_type(ctx, -1);
@@ -10685,10 +10660,10 @@
10685
10660
  }
10686
10661
 
10687
10662
  };
10688
- } // (60:4) {:else}
10663
+ } // (59:4) {:else}
10689
10664
 
10690
10665
 
10691
- function create_else_block$4(ctx) {
10666
+ function create_else_block$5(ctx) {
10692
10667
  let ion_icon;
10693
10668
  let ion_icon_name_value;
10694
10669
  return {
@@ -10696,7 +10671,7 @@
10696
10671
  ion_icon = element("ion-icon");
10697
10672
  set_custom_element_data(ion_icon, "name", ion_icon_name_value =
10698
10673
  /*theme*/
10699
- ctx[5] === "filled" ||
10674
+ ctx[6] === "filled" ||
10700
10675
  /*type*/
10701
10676
  ctx[4].indexOf("logo") === 0 ?
10702
10677
  /*type*/
@@ -10704,7 +10679,7 @@
10704
10679
  /*type*/
10705
10680
  ctx[4]}-${
10706
10681
  /*theme*/
10707
- ctx[5]}`);
10682
+ ctx[6]}`);
10708
10683
  },
10709
10684
 
10710
10685
  m(target, anchor) {
@@ -10714,9 +10689,9 @@
10714
10689
  p(ctx, dirty) {
10715
10690
  if (dirty &
10716
10691
  /*theme, type*/
10717
- 48 && ion_icon_name_value !== (ion_icon_name_value =
10692
+ 80 && ion_icon_name_value !== (ion_icon_name_value =
10718
10693
  /*theme*/
10719
- ctx[5] === "filled" ||
10694
+ ctx[6] === "filled" ||
10720
10695
  /*type*/
10721
10696
  ctx[4].indexOf("logo") === 0 ?
10722
10697
  /*type*/
@@ -10724,7 +10699,7 @@
10724
10699
  /*type*/
10725
10700
  ctx[4]}-${
10726
10701
  /*theme*/
10727
- ctx[5]}`)) {
10702
+ ctx[6]}`)) {
10728
10703
  set_custom_element_data(ion_icon, "name", ion_icon_name_value);
10729
10704
  }
10730
10705
  },
@@ -10737,31 +10712,22 @@
10737
10712
  } // (55:4) {#if Object.keys(_iconOverrides).includes(type)}
10738
10713
 
10739
10714
 
10740
- function create_if_block_1$5(ctx) {
10715
+ function create_if_block_1$7(ctx) {
10741
10716
  let div;
10742
- let html_tag;
10743
10717
  let raw_value =
10744
10718
  /*_iconOverrides*/
10745
- ctx[12][
10719
+ ctx[13][
10746
10720
  /*type*/
10747
10721
  ctx[4]] + "";
10748
- let t;
10749
- let span;
10750
10722
  return {
10751
10723
  c() {
10752
10724
  div = element("div");
10753
- html_tag = new HtmlTag(false);
10754
- t = space();
10755
- span = element("span");
10756
- html_tag.a = t;
10757
10725
  attr(div, "class", "icon-override");
10758
10726
  },
10759
10727
 
10760
10728
  m(target, anchor) {
10761
10729
  insert(target, div, anchor);
10762
- html_tag.m(raw_value, div);
10763
- append(div, t);
10764
- append(div, span);
10730
+ div.innerHTML = raw_value;
10765
10731
  },
10766
10732
 
10767
10733
  p(ctx, dirty) {
@@ -10769,9 +10735,9 @@
10769
10735
  /*type*/
10770
10736
  16 && raw_value !== (raw_value =
10771
10737
  /*_iconOverrides*/
10772
- ctx[12][
10738
+ ctx[13][
10773
10739
  /*type*/
10774
- ctx[4]] + "")) html_tag.p(raw_value);
10740
+ ctx[4]] + "")) div.innerHTML = raw_value;
10775
10741
  },
10776
10742
 
10777
10743
  d(detaching) {
@@ -10781,24 +10747,27 @@
10781
10747
  };
10782
10748
  }
10783
10749
 
10784
- function create_fragment$l(ctx) {
10750
+ function create_fragment$n(ctx) {
10785
10751
  let div;
10752
+ let div_class_value;
10786
10753
  let div_style_value;
10787
10754
  let if_block =
10788
10755
  /*type*/
10789
- ctx[4] && create_if_block$b(ctx);
10756
+ ctx[4] && create_if_block$d(ctx);
10790
10757
  return {
10791
10758
  c() {
10792
10759
  div = element("div");
10793
10760
  if (if_block) if_block.c();
10794
10761
  this.c = noop;
10795
- attr(div, "class", "goa-icon");
10762
+ attr(div, "class", div_class_value = `goa-icon goa-icon--${
10763
+ /*size*/
10764
+ ctx[5]}`);
10796
10765
  attr(div, "data-testid",
10797
10766
  /*testid*/
10798
- ctx[9]);
10767
+ ctx[11]);
10799
10768
  attr(div, "title",
10800
10769
  /*title*/
10801
- ctx[8]);
10770
+ ctx[10]);
10802
10771
  attr(div, "style", div_style_value = `
10803
10772
  ${calculateMargin(
10804
10773
  /*mt*/
@@ -10809,19 +10778,19 @@
10809
10778
  ctx[2],
10810
10779
  /*ml*/
10811
10780
  ctx[3])}
10812
- --size: ${
10813
- /*_size*/
10814
- ctx[10]};
10815
- --fill-color: ${
10781
+ ${cssVar("--fill-color",
10816
10782
  /*fillcolor*/
10817
- ctx[6]};
10818
- --opacity: ${
10783
+ ctx[8])};
10784
+ ${cssVar("--hover-color",
10785
+ /*hovercolor*/
10786
+ ctx[7])};
10787
+ ${cssVar("--opacity",
10819
10788
  /*opacity*/
10820
- ctx[7]};
10789
+ ctx[9])};
10821
10790
  `);
10822
10791
  toggle_class(div, "inverted",
10823
10792
  /*isInverted*/
10824
- ctx[11]);
10793
+ ctx[12]);
10825
10794
  },
10826
10795
 
10827
10796
  m(target, anchor) {
@@ -10836,7 +10805,7 @@
10836
10805
  if (if_block) {
10837
10806
  if_block.p(ctx, dirty);
10838
10807
  } else {
10839
- if_block = create_if_block$b(ctx);
10808
+ if_block = create_if_block$d(ctx);
10840
10809
  if_block.c();
10841
10810
  if_block.m(div, null);
10842
10811
  }
@@ -10845,25 +10814,33 @@
10845
10814
  if_block = null;
10846
10815
  }
10847
10816
 
10817
+ if (dirty &
10818
+ /*size*/
10819
+ 32 && div_class_value !== (div_class_value = `goa-icon goa-icon--${
10820
+ /*size*/
10821
+ ctx[5]}`)) {
10822
+ attr(div, "class", div_class_value);
10823
+ }
10824
+
10848
10825
  if (dirty &
10849
10826
  /*testid*/
10850
- 512) {
10827
+ 2048) {
10851
10828
  attr(div, "data-testid",
10852
10829
  /*testid*/
10853
- ctx[9]);
10830
+ ctx[11]);
10854
10831
  }
10855
10832
 
10856
10833
  if (dirty &
10857
10834
  /*title*/
10858
- 256) {
10835
+ 1024) {
10859
10836
  attr(div, "title",
10860
10837
  /*title*/
10861
- ctx[8]);
10838
+ ctx[10]);
10862
10839
  }
10863
10840
 
10864
10841
  if (dirty &
10865
- /*mt, mr, mb, ml, _size, fillcolor, opacity*/
10866
- 1231 && div_style_value !== (div_style_value = `
10842
+ /*mt, mr, mb, ml, fillcolor, hovercolor, opacity*/
10843
+ 911 && div_style_value !== (div_style_value = `
10867
10844
  ${calculateMargin(
10868
10845
  /*mt*/
10869
10846
  ctx[0],
@@ -10873,25 +10850,25 @@
10873
10850
  ctx[2],
10874
10851
  /*ml*/
10875
10852
  ctx[3])}
10876
- --size: ${
10877
- /*_size*/
10878
- ctx[10]};
10879
- --fill-color: ${
10853
+ ${cssVar("--fill-color",
10880
10854
  /*fillcolor*/
10881
- ctx[6]};
10882
- --opacity: ${
10855
+ ctx[8])};
10856
+ ${cssVar("--hover-color",
10857
+ /*hovercolor*/
10858
+ ctx[7])};
10859
+ ${cssVar("--opacity",
10883
10860
  /*opacity*/
10884
- ctx[7]};
10861
+ ctx[9])};
10885
10862
  `)) {
10886
10863
  attr(div, "style", div_style_value);
10887
10864
  }
10888
10865
 
10889
10866
  if (dirty &
10890
- /*isInverted*/
10891
- 2048) {
10867
+ /*size, isInverted*/
10868
+ 4128) {
10892
10869
  toggle_class(div, "inverted",
10893
10870
  /*isInverted*/
10894
- ctx[11]);
10871
+ ctx[12]);
10895
10872
  }
10896
10873
  },
10897
10874
 
@@ -10906,11 +10883,8 @@
10906
10883
  };
10907
10884
  }
10908
10885
 
10909
- function instance$j($$self, $$props, $$invalidate) {
10886
+ function instance$l($$self, $$props, $$invalidate) {
10910
10887
  let isInverted;
10911
-
10912
- let _size;
10913
-
10914
10888
  let {
10915
10889
  mt = null
10916
10890
  } = $$props;
@@ -10935,6 +10909,9 @@
10935
10909
  let {
10936
10910
  inverted = "false"
10937
10911
  } = $$props;
10912
+ let {
10913
+ hovercolor = ""
10914
+ } = $$props;
10938
10915
  let {
10939
10916
  fillcolor = ""
10940
10917
  } = $$props;
@@ -10949,15 +10926,19 @@
10949
10926
  } = $$props; // Private
10950
10927
 
10951
10928
  const _iconOverrides = {
10952
- pencil: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
10953
- <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"/>
10954
- </svg>`,
10955
- checkmark: `<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10956
- <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"/>
10957
- </svg>`,
10958
- remove: `<svg width="16" height="20" viewBox="0 0 16 1" fill="none" xmlns="http://www.w3.org/2000/svg">
10959
- <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"/>
10960
- </svg>`
10929
+ 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>`,
10930
+ 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>`,
10931
+ 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>`,
10932
+ "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>`,
10933
+ "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>`,
10934
+ "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> `,
10935
+ "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> `,
10936
+ "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> `,
10937
+ "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> `,
10938
+ "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> `,
10939
+ "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> `,
10940
+ "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> `,
10941
+ "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> `
10961
10942
  };
10962
10943
 
10963
10944
  $$self.$$set = $$props => {
@@ -10966,57 +10947,49 @@
10966
10947
  if ('mb' in $$props) $$invalidate(2, mb = $$props.mb);
10967
10948
  if ('ml' in $$props) $$invalidate(3, ml = $$props.ml);
10968
10949
  if ('type' in $$props) $$invalidate(4, type = $$props.type);
10969
- if ('size' in $$props) $$invalidate(13, size = $$props.size);
10970
- if ('theme' in $$props) $$invalidate(5, theme = $$props.theme);
10950
+ if ('size' in $$props) $$invalidate(5, size = $$props.size);
10951
+ if ('theme' in $$props) $$invalidate(6, theme = $$props.theme);
10971
10952
  if ('inverted' in $$props) $$invalidate(14, inverted = $$props.inverted);
10972
- if ('fillcolor' in $$props) $$invalidate(6, fillcolor = $$props.fillcolor);
10973
- if ('opacity' in $$props) $$invalidate(7, opacity = $$props.opacity);
10974
- if ('title' in $$props) $$invalidate(8, title = $$props.title);
10975
- if ('testid' in $$props) $$invalidate(9, testid = $$props.testid);
10953
+ if ('hovercolor' in $$props) $$invalidate(7, hovercolor = $$props.hovercolor);
10954
+ if ('fillcolor' in $$props) $$invalidate(8, fillcolor = $$props.fillcolor);
10955
+ if ('opacity' in $$props) $$invalidate(9, opacity = $$props.opacity);
10956
+ if ('title' in $$props) $$invalidate(10, title = $$props.title);
10957
+ if ('testid' in $$props) $$invalidate(11, testid = $$props.testid);
10976
10958
  };
10977
10959
 
10978
10960
  $$self.$$.update = () => {
10979
10961
  if ($$self.$$.dirty &
10980
10962
  /*inverted*/
10981
10963
  16384) {
10982
- $$invalidate(11, isInverted = toBoolean(inverted));
10983
- }
10984
-
10985
- if ($$self.$$.dirty &
10986
- /*size*/
10987
- 8192) {
10988
- $$invalidate(10, _size = {
10989
- small: "1.25rem",
10990
- medium: "1.5rem",
10991
- large: "2rem"
10992
- }[size]);
10964
+ $$invalidate(12, isInverted = toBoolean(inverted));
10993
10965
  }
10994
10966
  };
10995
10967
 
10996
- return [mt, mr, mb, ml, type, theme, fillcolor, opacity, title, testid, _size, isInverted, _iconOverrides, size, inverted];
10968
+ return [mt, mr, mb, ml, type, size, theme, hovercolor, fillcolor, opacity, title, testid, isInverted, _iconOverrides, inverted];
10997
10969
  }
10998
10970
 
10999
10971
  class Icon extends SvelteElement {
11000
10972
  constructor(options) {
11001
10973
  super();
11002
- 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>`;
10974
+ 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>`;
11003
10975
  init(this, {
11004
10976
  target: this.shadowRoot,
11005
10977
  props: attribute_to_object(this.attributes),
11006
10978
  customElement: true
11007
- }, instance$j, create_fragment$l, safe_not_equal, {
10979
+ }, instance$l, create_fragment$n, safe_not_equal, {
11008
10980
  mt: 0,
11009
10981
  mr: 1,
11010
10982
  mb: 2,
11011
10983
  ml: 3,
11012
10984
  type: 4,
11013
- size: 13,
11014
- theme: 5,
10985
+ size: 5,
10986
+ theme: 6,
11015
10987
  inverted: 14,
11016
- fillcolor: 6,
11017
- opacity: 7,
11018
- title: 8,
11019
- testid: 9
10988
+ hovercolor: 7,
10989
+ fillcolor: 8,
10990
+ opacity: 9,
10991
+ title: 10,
10992
+ testid: 11
11020
10993
  }, null);
11021
10994
 
11022
10995
  if (options) {
@@ -11032,7 +11005,7 @@
11032
11005
  }
11033
11006
 
11034
11007
  static get observedAttributes() {
11035
- return ["mt", "mr", "mb", "ml", "type", "size", "theme", "inverted", "fillcolor", "opacity", "title", "testid"];
11008
+ return ["mt", "mr", "mb", "ml", "type", "size", "theme", "inverted", "hovercolor", "fillcolor", "opacity", "title", "testid"];
11036
11009
  }
11037
11010
 
11038
11011
  get mt() {
@@ -11091,7 +11064,7 @@
11091
11064
  }
11092
11065
 
11093
11066
  get size() {
11094
- return this.$$.ctx[13];
11067
+ return this.$$.ctx[5];
11095
11068
  }
11096
11069
 
11097
11070
  set size(size) {
@@ -11102,7 +11075,7 @@
11102
11075
  }
11103
11076
 
11104
11077
  get theme() {
11105
- return this.$$.ctx[5];
11078
+ return this.$$.ctx[6];
11106
11079
  }
11107
11080
 
11108
11081
  set theme(theme) {
@@ -11123,8 +11096,19 @@
11123
11096
  flush();
11124
11097
  }
11125
11098
 
11099
+ get hovercolor() {
11100
+ return this.$$.ctx[7];
11101
+ }
11102
+
11103
+ set hovercolor(hovercolor) {
11104
+ this.$$set({
11105
+ hovercolor
11106
+ });
11107
+ flush();
11108
+ }
11109
+
11126
11110
  get fillcolor() {
11127
- return this.$$.ctx[6];
11111
+ return this.$$.ctx[8];
11128
11112
  }
11129
11113
 
11130
11114
  set fillcolor(fillcolor) {
@@ -11135,7 +11119,7 @@
11135
11119
  }
11136
11120
 
11137
11121
  get opacity() {
11138
- return this.$$.ctx[7];
11122
+ return this.$$.ctx[9];
11139
11123
  }
11140
11124
 
11141
11125
  set opacity(opacity) {
@@ -11146,7 +11130,7 @@
11146
11130
  }
11147
11131
 
11148
11132
  get title() {
11149
- return this.$$.ctx[8];
11133
+ return this.$$.ctx[10];
11150
11134
  }
11151
11135
 
11152
11136
  set title(title) {
@@ -11157,7 +11141,7 @@
11157
11141
  }
11158
11142
 
11159
11143
  get testid() {
11160
- return this.$$.ctx[9];
11144
+ return this.$$.ctx[11];
11161
11145
  }
11162
11146
 
11163
11147
  set testid(testid) {
@@ -11172,7 +11156,7 @@
11172
11156
  customElements.define("goa-icon", Icon);
11173
11157
  /* libs/web-components/src/components/input/Input.svelte generated by Svelte v3.51.0 */
11174
11158
 
11175
- function create_if_block_4(ctx) {
11159
+ function create_if_block_4$2(ctx) {
11176
11160
  let div;
11177
11161
  let t;
11178
11162
  return {
@@ -11205,7 +11189,7 @@
11205
11189
  } // (123:4) {#if leadingicon}
11206
11190
 
11207
11191
 
11208
- function create_if_block_3$4(ctx) {
11192
+ function create_if_block_3$6(ctx) {
11209
11193
  let goa_icon;
11210
11194
  return {
11211
11195
  c() {
@@ -11239,7 +11223,7 @@
11239
11223
  } // (157:4) {#if trailingicon && !handlesTrailingIconClick}
11240
11224
 
11241
11225
 
11242
- function create_if_block_2$4(ctx) {
11226
+ function create_if_block_2$6(ctx) {
11243
11227
  let goa_icon;
11244
11228
  return {
11245
11229
  c() {
@@ -11274,7 +11258,7 @@
11274
11258
  } // (167:4) {#if trailingicon && handlesTrailingIconClick}
11275
11259
 
11276
11260
 
11277
- function create_if_block_1$4(ctx) {
11261
+ function create_if_block_1$6(ctx) {
11278
11262
  let goa_icon_button;
11279
11263
  let mounted;
11280
11264
  let dispose;
@@ -11329,7 +11313,7 @@
11329
11313
  } // (179:4) {#if suffix}
11330
11314
 
11331
11315
 
11332
- function create_if_block$a(ctx) {
11316
+ function create_if_block$c(ctx) {
11333
11317
  let span;
11334
11318
  let t;
11335
11319
  return {
@@ -11361,7 +11345,7 @@
11361
11345
  };
11362
11346
  }
11363
11347
 
11364
- function create_fragment$k(ctx) {
11348
+ function create_fragment$m(ctx) {
11365
11349
  let div3;
11366
11350
  let div2;
11367
11351
  let t0;
@@ -11383,23 +11367,23 @@
11383
11367
  let dispose;
11384
11368
  let if_block0 =
11385
11369
  /*prefix*/
11386
- ctx[14] && create_if_block_4(ctx);
11370
+ ctx[14] && create_if_block_4$2(ctx);
11387
11371
  let if_block1 =
11388
11372
  /*leadingicon*/
11389
- ctx[5] && create_if_block_3$4(ctx);
11373
+ ctx[5] && create_if_block_3$6(ctx);
11390
11374
  let if_block2 =
11391
11375
  /*trailingicon*/
11392
11376
  ctx[6] && !
11393
11377
  /*handlesTrailingIconClick*/
11394
- ctx[27] && create_if_block_2$4(ctx);
11378
+ ctx[27] && create_if_block_2$6(ctx);
11395
11379
  let if_block3 =
11396
11380
  /*trailingicon*/
11397
11381
  ctx[6] &&
11398
11382
  /*handlesTrailingIconClick*/
11399
- ctx[27] && create_if_block_1$4(ctx);
11383
+ ctx[27] && create_if_block_1$6(ctx);
11400
11384
  let if_block4 =
11401
11385
  /*suffix*/
11402
- ctx[15] && create_if_block$a(ctx);
11386
+ ctx[15] && create_if_block$c(ctx);
11403
11387
  return {
11404
11388
  c() {
11405
11389
  div3 = element("div");
@@ -11561,7 +11545,7 @@
11561
11545
  if (if_block0) {
11562
11546
  if_block0.p(ctx, dirty);
11563
11547
  } else {
11564
- if_block0 = create_if_block_4(ctx);
11548
+ if_block0 = create_if_block_4$2(ctx);
11565
11549
  if_block0.c();
11566
11550
  if_block0.m(div2, t0);
11567
11551
  }
@@ -11576,7 +11560,7 @@
11576
11560
  if (if_block1) {
11577
11561
  if_block1.p(ctx, dirty);
11578
11562
  } else {
11579
- if_block1 = create_if_block_3$4(ctx);
11563
+ if_block1 = create_if_block_3$6(ctx);
11580
11564
  if_block1.c();
11581
11565
  if_block1.m(div2, t2);
11582
11566
  }
@@ -11721,7 +11705,7 @@
11721
11705
  if (if_block2) {
11722
11706
  if_block2.p(ctx, dirty);
11723
11707
  } else {
11724
- if_block2 = create_if_block_2$4(ctx);
11708
+ if_block2 = create_if_block_2$6(ctx);
11725
11709
  if_block2.c();
11726
11710
  if_block2.m(div2, t4);
11727
11711
  }
@@ -11738,7 +11722,7 @@
11738
11722
  if (if_block3) {
11739
11723
  if_block3.p(ctx, dirty);
11740
11724
  } else {
11741
- if_block3 = create_if_block_1$4(ctx);
11725
+ if_block3 = create_if_block_1$6(ctx);
11742
11726
  if_block3.c();
11743
11727
  if_block3.m(div2, t5);
11744
11728
  }
@@ -11753,7 +11737,7 @@
11753
11737
  if (if_block4) {
11754
11738
  if_block4.p(ctx, dirty);
11755
11739
  } else {
11756
- if_block4 = create_if_block$a(ctx);
11740
+ if_block4 = create_if_block$c(ctx);
11757
11741
  if_block4.c();
11758
11742
  if_block4.m(div2, t6);
11759
11743
  }
@@ -11842,7 +11826,7 @@
11842
11826
  }));
11843
11827
  }
11844
11828
 
11845
- function instance$i($$self, $$props, $$invalidate) {
11829
+ function instance$k($$self, $$props, $$invalidate) {
11846
11830
  let handlesTrailingIconClick;
11847
11831
  let isFocused;
11848
11832
  let isReadonly;
@@ -12086,7 +12070,7 @@
12086
12070
  target: this.shadowRoot,
12087
12071
  props: attribute_to_object(this.attributes),
12088
12072
  customElement: true
12089
- }, instance$i, create_fragment$k, safe_not_equal, {
12073
+ }, instance$k, create_fragment$m, safe_not_equal, {
12090
12074
  type: 1,
12091
12075
  name: 2,
12092
12076
  value: 0,
@@ -12422,7 +12406,7 @@
12422
12406
  customElements.define("goa-input", Input);
12423
12407
  /* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.51.0 */
12424
12408
 
12425
- function create_if_block_3$3(ctx) {
12409
+ function create_if_block_3$5(ctx) {
12426
12410
  let div0;
12427
12411
  let t0;
12428
12412
  let div1;
@@ -12454,7 +12438,7 @@
12454
12438
  } // (41:2) {#if ["alpha", "beta"].includes(type)}
12455
12439
 
12456
12440
 
12457
- function create_if_block_1$3(ctx) {
12441
+ function create_if_block_1$5(ctx) {
12458
12442
  let div0;
12459
12443
  let t0_value = capitalize(
12460
12444
  /*type*/
@@ -12468,7 +12452,7 @@
12468
12452
  let t4;
12469
12453
  let if_block =
12470
12454
  /*feedbackurl*/
12471
- ctx[2] && create_if_block_2$3(ctx);
12455
+ ctx[2] && create_if_block_2$5(ctx);
12472
12456
  return {
12473
12457
  c() {
12474
12458
  div0 = element("div");
@@ -12521,7 +12505,7 @@
12521
12505
  if (if_block) {
12522
12506
  if_block.p(ctx, dirty);
12523
12507
  } else {
12524
- if_block = create_if_block_2$3(ctx);
12508
+ if_block = create_if_block_2$5(ctx);
12525
12509
  if_block.c();
12526
12510
  if_block.m(div1, null);
12527
12511
  }
@@ -12542,7 +12526,7 @@
12542
12526
  } // (50:6) {#if feedbackurl}
12543
12527
 
12544
12528
 
12545
- function create_if_block_2$3(ctx) {
12529
+ function create_if_block_2$5(ctx) {
12546
12530
  let span;
12547
12531
  let t0;
12548
12532
  let a;
@@ -12584,7 +12568,7 @@
12584
12568
  } // (56:2) {#if version}
12585
12569
 
12586
12570
 
12587
- function create_if_block$9(ctx) {
12571
+ function create_if_block$b(ctx) {
12588
12572
  let div;
12589
12573
  let t;
12590
12574
  return {
@@ -12617,7 +12601,7 @@
12617
12601
  };
12618
12602
  }
12619
12603
 
12620
- function create_fragment$j(ctx) {
12604
+ function create_fragment$l(ctx) {
12621
12605
  let header;
12622
12606
  let t0;
12623
12607
  let show_if = ["alpha", "beta"].includes(
@@ -12628,11 +12612,11 @@
12628
12612
  let t2;
12629
12613
  let if_block0 =
12630
12614
  /*type*/
12631
- ctx[0] === "live" && create_if_block_3$3();
12632
- let if_block1 = show_if && create_if_block_1$3(ctx);
12615
+ ctx[0] === "live" && create_if_block_3$5();
12616
+ let if_block1 = show_if && create_if_block_1$5(ctx);
12633
12617
  let if_block2 =
12634
12618
  /*version*/
12635
- ctx[1] && create_if_block$9(ctx);
12619
+ ctx[1] && create_if_block$b(ctx);
12636
12620
  return {
12637
12621
  c() {
12638
12622
  header = element("header");
@@ -12664,7 +12648,7 @@
12664
12648
  /*type*/
12665
12649
  ctx[0] === "live") {
12666
12650
  if (if_block0) ;else {
12667
- if_block0 = create_if_block_3$3();
12651
+ if_block0 = create_if_block_3$5();
12668
12652
  if_block0.c();
12669
12653
  if_block0.m(header, t0);
12670
12654
  }
@@ -12683,7 +12667,7 @@
12683
12667
  if (if_block1) {
12684
12668
  if_block1.p(ctx, dirty);
12685
12669
  } else {
12686
- if_block1 = create_if_block_1$3(ctx);
12670
+ if_block1 = create_if_block_1$5(ctx);
12687
12671
  if_block1.c();
12688
12672
  if_block1.m(header, t1);
12689
12673
  }
@@ -12698,7 +12682,7 @@
12698
12682
  if (if_block2) {
12699
12683
  if_block2.p(ctx, dirty);
12700
12684
  } else {
12701
- if_block2 = create_if_block$9(ctx);
12685
+ if_block2 = create_if_block$b(ctx);
12702
12686
  if_block2.c();
12703
12687
  if_block2.m(header, null);
12704
12688
  }
@@ -12726,7 +12710,7 @@
12726
12710
  return val[0].toUpperCase() + val.slice(1);
12727
12711
  }
12728
12712
 
12729
- function instance$h($$self, $$props, $$invalidate) {
12713
+ function instance$j($$self, $$props, $$invalidate) {
12730
12714
  const [Types, validateType] = typeValidator("Microsite header type", ["live", "alpha", "beta"], true);
12731
12715
  let {
12732
12716
  type
@@ -12758,7 +12742,7 @@
12758
12742
  target: this.shadowRoot,
12759
12743
  props: attribute_to_object(this.attributes),
12760
12744
  customElement: true
12761
- }, instance$h, create_fragment$j, safe_not_equal, {
12745
+ }, instance$j, create_fragment$l, safe_not_equal, {
12762
12746
  type: 0,
12763
12747
  version: 1,
12764
12748
  feedbackurl: 2
@@ -12818,7 +12802,7 @@
12818
12802
  customElements.define("goa-microsite-header", MicrositeHeader);
12819
12803
  /* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.51.0 */
12820
12804
 
12821
- function create_if_block$8(ctx) {
12805
+ function create_if_block$a(ctx) {
12822
12806
  let goa_focus_trap;
12823
12807
  let div6;
12824
12808
  let div0;
@@ -12845,20 +12829,20 @@
12845
12829
  let dispose;
12846
12830
  let if_block0 =
12847
12831
  /*calloutvariant*/
12848
- ctx[3] !== null && create_if_block_3$2(ctx);
12832
+ ctx[3] !== null && create_if_block_3$4(ctx);
12849
12833
 
12850
12834
  function select_block_type(ctx, dirty) {
12851
12835
  if (
12852
12836
  /*heading*/
12853
- ctx[0]) return create_if_block_2$2;
12854
- return create_else_block$3;
12837
+ ctx[0]) return create_if_block_2$4;
12838
+ return create_else_block$4;
12855
12839
  }
12856
12840
 
12857
12841
  let current_block_type = select_block_type(ctx);
12858
12842
  let if_block1 = current_block_type(ctx);
12859
12843
  let if_block2 =
12860
12844
  /*_isClosable*/
12861
- ctx[9] && create_if_block_1$2(ctx);
12845
+ ctx[9] && create_if_block_1$4(ctx);
12862
12846
  return {
12863
12847
  c() {
12864
12848
  goa_focus_trap = element("goa-focus-trap");
@@ -12962,7 +12946,7 @@
12962
12946
  if (if_block0) {
12963
12947
  if_block0.p(ctx, dirty);
12964
12948
  } else {
12965
- if_block0 = create_if_block_3$2(ctx);
12949
+ if_block0 = create_if_block_3$4(ctx);
12966
12950
  if_block0.c();
12967
12951
  if_block0.m(div5, t1);
12968
12952
  }
@@ -12989,7 +12973,7 @@
12989
12973
  if (if_block2) {
12990
12974
  if_block2.p(ctx, dirty);
12991
12975
  } else {
12992
- if_block2 = create_if_block_1$2(ctx);
12976
+ if_block2 = create_if_block_1$4(ctx);
12993
12977
  if_block2.c();
12994
12978
  if_block2.m(header, null);
12995
12979
  }
@@ -13099,7 +13083,7 @@
13099
13083
  } // (132:8) {#if calloutvariant !== null}
13100
13084
 
13101
13085
 
13102
- function create_if_block_3$2(ctx) {
13086
+ function create_if_block_3$4(ctx) {
13103
13087
  let div;
13104
13088
  let goa_icon;
13105
13089
  let goa_icon_inverted_value;
@@ -13158,7 +13142,7 @@
13158
13142
  } // (145:14) {:else}
13159
13143
 
13160
13144
 
13161
- function create_else_block$3(ctx) {
13145
+ function create_else_block$4(ctx) {
13162
13146
  let slot;
13163
13147
  return {
13164
13148
  c() {
@@ -13180,7 +13164,7 @@
13180
13164
  } // (143:14) {#if heading}
13181
13165
 
13182
13166
 
13183
- function create_if_block_2$2(ctx) {
13167
+ function create_if_block_2$4(ctx) {
13184
13168
  let t;
13185
13169
  return {
13186
13170
  c() {
@@ -13209,7 +13193,7 @@
13209
13193
  } // (149:12) {#if _isClosable}
13210
13194
 
13211
13195
 
13212
- function create_if_block_1$2(ctx) {
13196
+ function create_if_block_1$4(ctx) {
13213
13197
  let div;
13214
13198
  let goa_icon_button;
13215
13199
  let mounted;
@@ -13247,12 +13231,12 @@
13247
13231
  };
13248
13232
  }
13249
13233
 
13250
- function create_fragment$i(ctx) {
13234
+ function create_fragment$k(ctx) {
13251
13235
  let if_block_anchor;
13252
13236
  let current;
13253
13237
  let if_block =
13254
13238
  /*_isOpen*/
13255
- ctx[7] && create_if_block$8(ctx);
13239
+ ctx[7] && create_if_block$a(ctx);
13256
13240
  return {
13257
13241
  c() {
13258
13242
  if (if_block) if_block.c();
@@ -13279,7 +13263,7 @@
13279
13263
  transition_in(if_block, 1);
13280
13264
  }
13281
13265
  } else {
13282
- if_block = create_if_block$8(ctx);
13266
+ if_block = create_if_block$a(ctx);
13283
13267
  if_block.c();
13284
13268
  transition_in(if_block, 1);
13285
13269
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -13312,7 +13296,7 @@
13312
13296
  };
13313
13297
  }
13314
13298
 
13315
- function instance$g($$self, $$props, $$invalidate) {
13299
+ function instance$i($$self, $$props, $$invalidate) {
13316
13300
  let _isClosable;
13317
13301
 
13318
13302
  let _isOpen;
@@ -13512,7 +13496,7 @@
13512
13496
  target: this.shadowRoot,
13513
13497
  props: attribute_to_object(this.attributes),
13514
13498
  customElement: true
13515
- }, instance$g, create_fragment$i, safe_not_equal, {
13499
+ }, instance$i, create_fragment$k, safe_not_equal, {
13516
13500
  heading: 0,
13517
13501
  closable: 14,
13518
13502
  open: 1,
@@ -13608,7 +13592,7 @@
13608
13592
  customElements.define("goa-modal", Modal);
13609
13593
  /* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.51.0 */
13610
13594
 
13611
- function create_if_block$7(ctx) {
13595
+ function create_if_block$9(ctx) {
13612
13596
  let div3;
13613
13597
  let div0;
13614
13598
  let goa_icon;
@@ -13732,12 +13716,12 @@
13732
13716
  };
13733
13717
  }
13734
13718
 
13735
- function create_fragment$h(ctx) {
13719
+ function create_fragment$j(ctx) {
13736
13720
  let if_block_anchor;
13737
13721
  let current;
13738
13722
  let if_block =
13739
13723
  /*show*/
13740
- ctx[1] && create_if_block$7(ctx);
13724
+ ctx[1] && create_if_block$9(ctx);
13741
13725
  return {
13742
13726
  c() {
13743
13727
  if (if_block) if_block.c();
@@ -13764,7 +13748,7 @@
13764
13748
  transition_in(if_block, 1);
13765
13749
  }
13766
13750
  } else {
13767
- if_block = create_if_block$7(ctx);
13751
+ if_block = create_if_block$9(ctx);
13768
13752
  if_block.c();
13769
13753
  transition_in(if_block, 1);
13770
13754
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -13797,7 +13781,7 @@
13797
13781
  };
13798
13782
  }
13799
13783
 
13800
- function instance$f($$self, $$props, $$invalidate) {
13784
+ function instance$h($$self, $$props, $$invalidate) {
13801
13785
  let iconType;
13802
13786
  const [Types, validateType] = typeValidator("Notification type", ["emergency", "important", "information", "event"], true);
13803
13787
  let {
@@ -13839,7 +13823,7 @@
13839
13823
  target: this.shadowRoot,
13840
13824
  props: attribute_to_object(this.attributes),
13841
13825
  customElement: true
13842
- }, instance$f, create_fragment$h, safe_not_equal, {
13826
+ }, instance$h, create_fragment$j, safe_not_equal, {
13843
13827
  type: 0
13844
13828
  }, null);
13845
13829
 
@@ -13881,7 +13865,7 @@
13881
13865
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
13882
13866
 
13883
13867
 
13884
- function create_fragment$g(ctx) {
13868
+ function create_fragment$i(ctx) {
13885
13869
  let div;
13886
13870
  let slot;
13887
13871
  let div_style_value;
@@ -13921,7 +13905,7 @@
13921
13905
  };
13922
13906
  }
13923
13907
 
13924
- function instance$e($$self, $$props, $$invalidate) {
13908
+ function instance$g($$self, $$props, $$invalidate) {
13925
13909
  const Sizes = {
13926
13910
  "full": "100%"
13927
13911
  };
@@ -13962,7 +13946,7 @@
13962
13946
  target: this.shadowRoot,
13963
13947
  props: attribute_to_object(this.attributes),
13964
13948
  customElement: true
13965
- }, instance$e, create_fragment$g, safe_not_equal, {
13949
+ }, instance$g, create_fragment$i, safe_not_equal, {
13966
13950
  width: 1,
13967
13951
  _width: 0
13968
13952
  }, null);
@@ -14010,7 +13994,7 @@
14010
13994
  customElements.define("goa-page-block", PageBlock);
14011
13995
  /* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.51.0 */
14012
13996
 
14013
- function get_each_context$2(ctx, list, i) {
13997
+ function get_each_context$3(ctx, list, i) {
14014
13998
  const child_ctx = ctx.slice();
14015
13999
  child_ctx[18] = list[i];
14016
14000
  child_ctx[20] = i;
@@ -14018,7 +14002,7 @@
14018
14002
  } // (66:4) {#if variant === "all"}
14019
14003
 
14020
14004
 
14021
- function create_if_block$6(ctx) {
14005
+ function create_if_block$8(ctx) {
14022
14006
  let goa_block;
14023
14007
  let span0;
14024
14008
  let t1;
@@ -14037,7 +14021,7 @@
14037
14021
  let each_blocks = [];
14038
14022
 
14039
14023
  for (let i = 0; i < each_value.length; i += 1) {
14040
- each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
14024
+ each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
14041
14025
  }
14042
14026
 
14043
14027
  return {
@@ -14106,12 +14090,12 @@
14106
14090
  let i;
14107
14091
 
14108
14092
  for (i = 0; i < each_value.length; i += 1) {
14109
- const child_ctx = get_each_context$2(ctx, each_value, i);
14093
+ const child_ctx = get_each_context$3(ctx, each_value, i);
14110
14094
 
14111
14095
  if (each_blocks[i]) {
14112
14096
  each_blocks[i].p(child_ctx, dirty);
14113
14097
  } else {
14114
- each_blocks[i] = create_each_block$2(child_ctx);
14098
+ each_blocks[i] = create_each_block$3(child_ctx);
14115
14099
  each_blocks[i].c();
14116
14100
  each_blocks[i].m(goa_dropdown, null);
14117
14101
  }
@@ -14154,7 +14138,7 @@
14154
14138
  } // (71:10) {#each {length: _pageCount} as _, i}
14155
14139
 
14156
14140
 
14157
- function create_each_block$2(ctx) {
14141
+ function create_each_block$3(ctx) {
14158
14142
  let goa_dropdown_item;
14159
14143
  return {
14160
14144
  c() {
@@ -14180,7 +14164,7 @@
14180
14164
  };
14181
14165
  }
14182
14166
 
14183
- function create_fragment$f(ctx) {
14167
+ function create_fragment$h(ctx) {
14184
14168
  let goa_block1;
14185
14169
  let div;
14186
14170
  let t0;
@@ -14196,7 +14180,7 @@
14196
14180
  let dispose;
14197
14181
  let if_block =
14198
14182
  /*variant*/
14199
- ctx[1] === "all" && create_if_block$6(ctx);
14183
+ ctx[1] === "all" && create_if_block$8(ctx);
14200
14184
  return {
14201
14185
  c() {
14202
14186
  goa_block1 = element("goa-block");
@@ -14270,7 +14254,7 @@
14270
14254
  if (if_block) {
14271
14255
  if_block.p(ctx, dirty);
14272
14256
  } else {
14273
- if_block = create_if_block$6(ctx);
14257
+ if_block = create_if_block$8(ctx);
14274
14258
  if_block.c();
14275
14259
  if_block.m(div, t0);
14276
14260
  }
@@ -14343,7 +14327,7 @@
14343
14327
  };
14344
14328
  }
14345
14329
 
14346
- function instance$d($$self, $$props, $$invalidate) {
14330
+ function instance$f($$self, $$props, $$invalidate) {
14347
14331
  let _pageCount;
14348
14332
 
14349
14333
  const [Variants, validateVariant] = typeValidator("Pagination variant", ["all", "links-only"]);
@@ -14463,7 +14447,7 @@
14463
14447
  target: this.shadowRoot,
14464
14448
  props: attribute_to_object(this.attributes),
14465
14449
  customElement: true
14466
- }, instance$d, create_fragment$f, safe_not_equal, {
14450
+ }, instance$f, create_fragment$h, safe_not_equal, {
14467
14451
  pagenumber: 0,
14468
14452
  itemcount: 10,
14469
14453
  perpagecount: 11,
@@ -14583,7 +14567,7 @@
14583
14567
  customElements.define("goa-pagination", Pagination);
14584
14568
  /* libs/web-components/src/components/popover/Popover.svelte generated by Svelte v3.51.0 */
14585
14569
 
14586
- function create_if_block$5(ctx) {
14570
+ function create_if_block$7(ctx) {
14587
14571
  let goa_focus_trap;
14588
14572
  let div0;
14589
14573
  let t;
@@ -14667,7 +14651,7 @@
14667
14651
  };
14668
14652
  }
14669
14653
 
14670
- function create_fragment$e(ctx) {
14654
+ function create_fragment$g(ctx) {
14671
14655
  let div1;
14672
14656
  let div0;
14673
14657
  let t;
@@ -14675,7 +14659,7 @@
14675
14659
  let dispose;
14676
14660
  let if_block =
14677
14661
  /*_isContentVisible*/
14678
- ctx[2] && create_if_block$5(ctx);
14662
+ ctx[2] && create_if_block$7(ctx);
14679
14663
  return {
14680
14664
  c() {
14681
14665
  div1 = element("div");
@@ -14716,7 +14700,7 @@
14716
14700
  if (if_block) {
14717
14701
  if_block.p(ctx, dirty);
14718
14702
  } else {
14719
- if_block = create_if_block$5(ctx);
14703
+ if_block = create_if_block$7(ctx);
14720
14704
  if_block.c();
14721
14705
  if_block.m(div1, null);
14722
14706
  }
@@ -14750,7 +14734,7 @@
14750
14734
  };
14751
14735
  }
14752
14736
 
14753
- function instance$c($$self, $$props, $$invalidate) {
14737
+ function instance$e($$self, $$props, $$invalidate) {
14754
14738
  let paddedContent;
14755
14739
  let {
14756
14740
  testid = ""
@@ -14844,7 +14828,7 @@
14844
14828
  target: this.shadowRoot,
14845
14829
  props: attribute_to_object(this.attributes),
14846
14830
  customElement: true
14847
- }, instance$c, create_fragment$e, safe_not_equal, {
14831
+ }, instance$e, create_fragment$g, safe_not_equal, {
14848
14832
  testid: 0,
14849
14833
  maxwidth: 1,
14850
14834
  padded: 7
@@ -14904,14 +14888,14 @@
14904
14888
  customElements.define("goa-popover", Popover);
14905
14889
  /* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.51.0 */
14906
14890
 
14907
- function get_each_context$1(ctx, list, i) {
14891
+ function get_each_context$2(ctx, list, i) {
14908
14892
  const child_ctx = ctx.slice();
14909
14893
  child_ctx[22] = list[i];
14910
14894
  return child_ctx;
14911
14895
  } // (80:2) {#each options as option (option.value)}
14912
14896
 
14913
14897
 
14914
- function create_each_block$1(key_1, ctx) {
14898
+ function create_each_block$2(key_1, ctx) {
14915
14899
  let label;
14916
14900
  let input;
14917
14901
  let input_value_value;
@@ -15094,7 +15078,7 @@
15094
15078
  };
15095
15079
  }
15096
15080
 
15097
- function create_fragment$d(ctx) {
15081
+ function create_fragment$f(ctx) {
15098
15082
  let div;
15099
15083
  let slot;
15100
15084
  let t;
@@ -15111,9 +15095,9 @@
15111
15095
  ctx[22].value;
15112
15096
 
15113
15097
  for (let i = 0; i < each_value.length; i += 1) {
15114
- let child_ctx = get_each_context$1(ctx, each_value, i);
15098
+ let child_ctx = get_each_context$2(ctx, each_value, i);
15115
15099
  let key = get_key(child_ctx);
15116
- each_1_lookup.set(key, each_blocks[i] = create_each_block$1(key, child_ctx));
15100
+ each_1_lookup.set(key, each_blocks[i] = create_each_block$2(key, child_ctx));
15117
15101
  }
15118
15102
 
15119
15103
  return {
@@ -15165,7 +15149,7 @@
15165
15149
  each_value =
15166
15150
  /*options*/
15167
15151
  ctx[9];
15168
- 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);
15152
+ 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);
15169
15153
  }
15170
15154
 
15171
15155
  if (dirty &
@@ -15217,7 +15201,7 @@
15217
15201
  };
15218
15202
  }
15219
15203
 
15220
- function instance$b($$self, $$props, $$invalidate) {
15204
+ function instance$d($$self, $$props, $$invalidate) {
15221
15205
  let isDisabled;
15222
15206
  let isError;
15223
15207
  const [Orientations, validateOrientation] = typeValidator("Radio group orientation", ["vertical", "horizontal"]);
@@ -15361,7 +15345,7 @@
15361
15345
  target: this.shadowRoot,
15362
15346
  props: attribute_to_object(this.attributes),
15363
15347
  customElement: true
15364
- }, instance$b, create_fragment$d, safe_not_equal, {
15348
+ }, instance$d, create_fragment$f, safe_not_equal, {
15365
15349
  name: 1,
15366
15350
  value: 0,
15367
15351
  orientation: 2,
@@ -15517,7 +15501,7 @@
15517
15501
  customElements.define("goa-radio-group", RadioGroup);
15518
15502
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.51.0 */
15519
15503
 
15520
- function create_fragment$c(ctx) {
15504
+ function create_fragment$e(ctx) {
15521
15505
  let div;
15522
15506
  let slot;
15523
15507
  let div_style_value;
@@ -15602,7 +15586,7 @@
15602
15586
  };
15603
15587
  }
15604
15588
 
15605
- function instance$a($$self, $$props, $$invalidate) {
15589
+ function instance$c($$self, $$props, $$invalidate) {
15606
15590
  let {
15607
15591
  direction = "vertical"
15608
15592
  } = $$props;
@@ -15668,7 +15652,7 @@
15668
15652
  target: this.shadowRoot,
15669
15653
  props: attribute_to_object(this.attributes),
15670
15654
  customElement: true
15671
- }, instance$a, create_fragment$c, safe_not_equal, {
15655
+ }, instance$c, create_fragment$e, safe_not_equal, {
15672
15656
  direction: 0,
15673
15657
  hpadding: 1,
15674
15658
  vpadding: 2,
@@ -15764,14 +15748,14 @@
15764
15748
  customElements.define("goa-scrollable", Scrollable);
15765
15749
  /* libs/web-components/src/components/skeleton/Skeleton.svelte generated by Svelte v3.51.0 */
15766
15750
 
15767
- function get_each_context(ctx, list, i) {
15751
+ function get_each_context$1(ctx, list, i) {
15768
15752
  const child_ctx = ctx.slice();
15769
15753
  child_ctx[13] = list[i];
15770
15754
  return child_ctx;
15771
15755
  } // (81:2) {:else}
15772
15756
 
15773
15757
 
15774
- function create_else_block$2(ctx) {
15758
+ function create_else_block$3(ctx) {
15775
15759
  let div;
15776
15760
  let div_class_value;
15777
15761
  return {
@@ -15815,7 +15799,7 @@
15815
15799
  } // (68:31)
15816
15800
 
15817
15801
 
15818
- function create_if_block_3$1(ctx) {
15802
+ function create_if_block_3$3(ctx) {
15819
15803
  let div3;
15820
15804
  let div2;
15821
15805
  let div0;
@@ -15936,7 +15920,7 @@
15936
15920
  } // (64:29)
15937
15921
 
15938
15922
 
15939
- function create_if_block_2$1(ctx) {
15923
+ function create_if_block_2$3(ctx) {
15940
15924
  let each_1_anchor;
15941
15925
  let current;
15942
15926
  let each_value = Array(Number.parseInt(
@@ -15945,7 +15929,7 @@
15945
15929
  let each_blocks = [];
15946
15930
 
15947
15931
  for (let i = 0; i < each_value.length; i += 1) {
15948
- each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
15932
+ each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
15949
15933
  }
15950
15934
 
15951
15935
  const out = i => transition_out(each_blocks[i], 1, 1, () => {
@@ -15980,13 +15964,13 @@
15980
15964
  let i;
15981
15965
 
15982
15966
  for (i = 0; i < each_value.length; i += 1) {
15983
- const child_ctx = get_each_context(ctx, each_value, i);
15967
+ const child_ctx = get_each_context$1(ctx, each_value, i);
15984
15968
 
15985
15969
  if (each_blocks[i]) {
15986
15970
  each_blocks[i].p(child_ctx, dirty);
15987
15971
  transition_in(each_blocks[i], 1);
15988
15972
  } else {
15989
- each_blocks[i] = create_each_block(child_ctx);
15973
+ each_blocks[i] = create_each_block$1(child_ctx);
15990
15974
  each_blocks[i].c();
15991
15975
  transition_in(each_blocks[i], 1);
15992
15976
  each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
@@ -16032,7 +16016,7 @@
16032
16016
  } // (54:31)
16033
16017
 
16034
16018
 
16035
- function create_if_block_1$1(ctx) {
16019
+ function create_if_block_1$3(ctx) {
16036
16020
  let div2;
16037
16021
  let div0;
16038
16022
  let skeleton0;
@@ -16154,7 +16138,7 @@
16154
16138
  } // (43:2) {#if type === "card"}
16155
16139
 
16156
16140
 
16157
- function create_if_block$4(ctx) {
16141
+ function create_if_block$6(ctx) {
16158
16142
  let div1;
16159
16143
  let skeleton0;
16160
16144
  let t0;
@@ -16291,7 +16275,7 @@
16291
16275
  } // (65:4) {#each Array(Number.parseInt(linecount+"")) as _item}
16292
16276
 
16293
16277
 
16294
- function create_each_block(ctx) {
16278
+ function create_each_block$1(ctx) {
16295
16279
  let skeleton;
16296
16280
  let current;
16297
16281
  skeleton = new Skeleton({
@@ -16348,13 +16332,13 @@
16348
16332
  };
16349
16333
  }
16350
16334
 
16351
- function create_fragment$b(ctx) {
16335
+ function create_fragment$d(ctx) {
16352
16336
  let div;
16353
16337
  let current_block_type_index;
16354
16338
  let if_block;
16355
16339
  let div_style_value;
16356
16340
  let current;
16357
- const if_block_creators = [create_if_block$4, create_if_block_1$1, create_if_block_2$1, create_if_block_3$1, create_else_block$2];
16341
+ const if_block_creators = [create_if_block$6, create_if_block_1$3, create_if_block_2$3, create_if_block_3$3, create_else_block$3];
16358
16342
  const if_blocks = [];
16359
16343
 
16360
16344
  function select_block_type(ctx, dirty) {
@@ -16467,7 +16451,7 @@
16467
16451
  };
16468
16452
  }
16469
16453
 
16470
- function instance$9($$self, $$props, $$invalidate) {
16454
+ function instance$b($$self, $$props, $$invalidate) {
16471
16455
  const [Types, validateType] = typeValidator("Skeleton type", ["image", "text", "title", "text-small", "avatar", "header", "paragraph", "thumbnail", "card", "lines", "profile", "article"], true);
16472
16456
  const [Sizes, validateSize] = typeValidator("Skeleton size", ["1", "2", "3", "4"]);
16473
16457
  let {
@@ -16525,7 +16509,7 @@
16525
16509
  target: this.shadowRoot,
16526
16510
  props: attribute_to_object(this.attributes),
16527
16511
  customElement: true
16528
- }, instance$9, create_fragment$b, safe_not_equal, {
16512
+ }, instance$b, create_fragment$d, safe_not_equal, {
16529
16513
  maxwidth: 0,
16530
16514
  size: 1,
16531
16515
  linecount: 2,
@@ -16657,7 +16641,7 @@
16657
16641
  customElements.define("goa-skeleton", Skeleton);
16658
16642
  /* libs/web-components/src/components/spacer/Spacer.svelte generated by Svelte v3.51.0 */
16659
16643
 
16660
- function create_fragment$a(ctx) {
16644
+ function create_fragment$c(ctx) {
16661
16645
  let div;
16662
16646
  return {
16663
16647
  c() {
@@ -16686,7 +16670,7 @@
16686
16670
  };
16687
16671
  }
16688
16672
 
16689
- function instance$8($$self, $$props, $$invalidate) {
16673
+ function instance$a($$self, $$props, $$invalidate) {
16690
16674
  let {
16691
16675
  hspacing = "none"
16692
16676
  } = $$props;
@@ -16724,7 +16708,7 @@
16724
16708
  target: this.shadowRoot,
16725
16709
  props: attribute_to_object(this.attributes),
16726
16710
  customElement: true
16727
- }, instance$8, create_fragment$a, safe_not_equal, {
16711
+ }, instance$a, create_fragment$c, safe_not_equal, {
16728
16712
  hspacing: 1,
16729
16713
  vspacing: 2
16730
16714
  }, null);
@@ -16956,7 +16940,7 @@
16956
16940
  /* libs/web-components/src/components/spinner/Spinner.svelte generated by Svelte v3.51.0 */
16957
16941
 
16958
16942
 
16959
- function create_if_block$3(ctx) {
16943
+ function create_if_block$5(ctx) {
16960
16944
  let svg;
16961
16945
  let circle;
16962
16946
  let circle_stroke_value;
@@ -17146,11 +17130,11 @@
17146
17130
  };
17147
17131
  }
17148
17132
 
17149
- function create_fragment$9(ctx) {
17133
+ function create_fragment$b(ctx) {
17150
17134
  let if_block_anchor;
17151
17135
  let if_block =
17152
17136
  /*ready*/
17153
- ctx[6] && create_if_block$3(ctx);
17137
+ ctx[6] && create_if_block$5(ctx);
17154
17138
  return {
17155
17139
  c() {
17156
17140
  if (if_block) if_block.c();
@@ -17170,7 +17154,7 @@
17170
17154
  if (if_block) {
17171
17155
  if_block.p(ctx, dirty);
17172
17156
  } else {
17173
- if_block = create_if_block$3(ctx);
17157
+ if_block = create_if_block$5(ctx);
17174
17158
  if_block.c();
17175
17159
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
17176
17160
  }
@@ -17191,7 +17175,7 @@
17191
17175
  };
17192
17176
  }
17193
17177
 
17194
- function instance$7($$self, $$props, $$invalidate) {
17178
+ function instance$9($$self, $$props, $$invalidate) {
17195
17179
  let diameter;
17196
17180
  let strokewidth;
17197
17181
  let radius;
@@ -17322,7 +17306,7 @@
17322
17306
  target: this.shadowRoot,
17323
17307
  props: attribute_to_object(this.attributes),
17324
17308
  customElement: true
17325
- }, instance$7, create_fragment$9, safe_not_equal, {
17309
+ }, instance$9, create_fragment$b, safe_not_equal, {
17326
17310
  size: 10,
17327
17311
  invert: 0,
17328
17312
  progress: 11,
@@ -17394,7 +17378,7 @@
17394
17378
  customElements.define("goa-spinner", Spinner);
17395
17379
  /* libs/web-components/src/components/table/Table.svelte generated by Svelte v3.51.0 */
17396
17380
 
17397
- function create_fragment$8(ctx) {
17381
+ function create_fragment$a(ctx) {
17398
17382
  let table;
17399
17383
  let slot;
17400
17384
  let t0;
@@ -17496,7 +17480,7 @@
17496
17480
  };
17497
17481
  }
17498
17482
 
17499
- function instance$6($$self, $$props, $$invalidate) {
17483
+ function instance$8($$self, $$props, $$invalidate) {
17500
17484
  const attachSortEventHandling = function attachSortEventHandling() {
17501
17485
  return _call(tick, function () {
17502
17486
  const headings = _rootEl.querySelectorAll("goa-table-sort-header");
@@ -17610,7 +17594,7 @@
17610
17594
  target: this.shadowRoot,
17611
17595
  props: attribute_to_object(this.attributes),
17612
17596
  customElement: true
17613
- }, instance$6, create_fragment$8, safe_not_equal, {
17597
+ }, instance$8, create_fragment$a, safe_not_equal, {
17614
17598
  width: 0,
17615
17599
  stickyheader: 8,
17616
17600
  variant: 1,
@@ -17718,7 +17702,7 @@
17718
17702
  customElements.define("goa-table", Table);
17719
17703
  /* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.51.0 */
17720
17704
 
17721
- function create_else_block$1(ctx) {
17705
+ function create_else_block$2(ctx) {
17722
17706
  let img;
17723
17707
  let img_src_value;
17724
17708
  return {
@@ -17763,7 +17747,7 @@
17763
17747
  } // (55:2) {#if direction === "none"}
17764
17748
 
17765
17749
 
17766
- function create_if_block$2(ctx) {
17750
+ function create_if_block$4(ctx) {
17767
17751
  let img;
17768
17752
  let img_src_value;
17769
17753
  return {
@@ -17786,7 +17770,7 @@
17786
17770
  };
17787
17771
  }
17788
17772
 
17789
- function create_fragment$7(ctx) {
17773
+ function create_fragment$9(ctx) {
17790
17774
  let button;
17791
17775
  let slot;
17792
17776
  let t;
@@ -17794,8 +17778,8 @@
17794
17778
  function select_block_type(ctx, dirty) {
17795
17779
  if (
17796
17780
  /*direction*/
17797
- ctx[0] === "none") return create_if_block$2;
17798
- return create_else_block$1;
17781
+ ctx[0] === "none") return create_if_block$4;
17782
+ return create_else_block$2;
17799
17783
  }
17800
17784
 
17801
17785
  let current_block_type = select_block_type(ctx);
@@ -17841,7 +17825,7 @@
17841
17825
  };
17842
17826
  }
17843
17827
 
17844
- function instance$5($$self, $$props, $$invalidate) {
17828
+ function instance$7($$self, $$props, $$invalidate) {
17845
17829
  let {
17846
17830
  direction = "none"
17847
17831
  } = $$props;
@@ -17861,7 +17845,7 @@
17861
17845
  target: this.shadowRoot,
17862
17846
  props: attribute_to_object(this.attributes),
17863
17847
  customElement: true
17864
- }, instance$5, create_fragment$7, safe_not_equal, {
17848
+ }, instance$7, create_fragment$9, safe_not_equal, {
17865
17849
  direction: 0
17866
17850
  }, null);
17867
17851
 
@@ -17897,7 +17881,7 @@
17897
17881
  customElements.define("goa-table-sort-header", TableSortHeader);
17898
17882
  /* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */
17899
17883
 
17900
- function create_fragment$6(ctx) {
17884
+ function create_fragment$8(ctx) {
17901
17885
  let div;
17902
17886
  let textarea;
17903
17887
  let textarea_aria_label_value;
@@ -18078,7 +18062,7 @@
18078
18062
  };
18079
18063
  }
18080
18064
 
18081
- function instance$4($$self, $$props, $$invalidate) {
18065
+ function instance$6($$self, $$props, $$invalidate) {
18082
18066
  let isError;
18083
18067
  let isDisabled;
18084
18068
  let isReadonly;
@@ -18195,7 +18179,7 @@
18195
18179
  target: this.shadowRoot,
18196
18180
  props: attribute_to_object(this.attributes),
18197
18181
  customElement: true
18198
- }, instance$4, create_fragment$6, safe_not_equal, {
18182
+ }, instance$6, create_fragment$8, safe_not_equal, {
18199
18183
  name: 0,
18200
18184
  value: 1,
18201
18185
  placeholder: 2,
@@ -18399,7 +18383,7 @@
18399
18383
  customElements.define("goa-textarea", TextArea);
18400
18384
  /* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.51.0 */
18401
18385
 
18402
- function create_fragment$5(ctx) {
18386
+ function create_fragment$7(ctx) {
18403
18387
  let div;
18404
18388
  return {
18405
18389
  c() {
@@ -18443,7 +18427,7 @@
18443
18427
  target: this.shadowRoot,
18444
18428
  props: attribute_to_object(this.attributes),
18445
18429
  customElement: true
18446
- }, null, create_fragment$5, safe_not_equal, {}, null);
18430
+ }, null, create_fragment$7, safe_not_equal, {}, null);
18447
18431
 
18448
18432
  if (options) {
18449
18433
  if (options.target) {
@@ -18457,7 +18441,7 @@
18457
18441
  customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
18458
18442
  /* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.51.0 */
18459
18443
 
18460
- function create_fragment$4(ctx) {
18444
+ function create_fragment$6(ctx) {
18461
18445
  let div;
18462
18446
  return {
18463
18447
  c() {
@@ -18494,7 +18478,7 @@
18494
18478
  target: this.shadowRoot,
18495
18479
  props: attribute_to_object(this.attributes),
18496
18480
  customElement: true
18497
- }, null, create_fragment$4, safe_not_equal, {}, null);
18481
+ }, null, create_fragment$6, safe_not_equal, {}, null);
18498
18482
 
18499
18483
  if (options) {
18500
18484
  if (options.target) {
@@ -18508,7 +18492,7 @@
18508
18492
  customElements.define("goa-one-column-layout", OneColumnLayout);
18509
18493
  /* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.51.0 */
18510
18494
 
18511
- function create_fragment$3(ctx) {
18495
+ function create_fragment$5(ctx) {
18512
18496
  let div;
18513
18497
  let header;
18514
18498
  let t0;
@@ -18578,7 +18562,7 @@
18578
18562
  };
18579
18563
  }
18580
18564
 
18581
- function instance$3($$self, $$props, $$invalidate) {
18565
+ function instance$5($$self, $$props, $$invalidate) {
18582
18566
  let {
18583
18567
  navcolumnwidth = ""
18584
18568
  } = $$props;
@@ -18602,7 +18586,7 @@
18602
18586
  target: this.shadowRoot,
18603
18587
  props: attribute_to_object(this.attributes),
18604
18588
  customElement: true
18605
- }, instance$3, create_fragment$3, safe_not_equal, {
18589
+ }, instance$5, create_fragment$5, safe_not_equal, {
18606
18590
  navcolumnwidth: 0,
18607
18591
  maxcontentwidth: 1
18608
18592
  }, null);
@@ -18650,7 +18634,7 @@
18650
18634
  customElements.define("goa-two-column-layout", TwoColumnLayout);
18651
18635
  /* libs/web-components/src/components/form-stepper/FormStepper.svelte generated by Svelte v3.51.0 */
18652
18636
 
18653
- function create_if_block$1(ctx) {
18637
+ function create_if_block$3(ctx) {
18654
18638
  let progress0;
18655
18639
  let t;
18656
18640
  let progress1;
@@ -18704,7 +18688,7 @@
18704
18688
  };
18705
18689
  }
18706
18690
 
18707
- function create_fragment$2(ctx) {
18691
+ function create_fragment$4(ctx) {
18708
18692
  let section;
18709
18693
  let div1;
18710
18694
  let t;
@@ -18714,7 +18698,7 @@
18714
18698
  /*_steps*/
18715
18699
  ctx[4].length > 0 &&
18716
18700
  /*_showProgressBars*/
18717
- ctx[10] && create_if_block$1(ctx);
18701
+ ctx[10] && create_if_block$3(ctx);
18718
18702
  return {
18719
18703
  c() {
18720
18704
  section = element("section");
@@ -18775,7 +18759,7 @@
18775
18759
  if (if_block) {
18776
18760
  if_block.p(ctx, dirty);
18777
18761
  } else {
18778
- if_block = create_if_block$1(ctx);
18762
+ if_block = create_if_block$3(ctx);
18779
18763
  if_block.c();
18780
18764
  if_block.m(div1, t);
18781
18765
  }
@@ -18830,7 +18814,7 @@
18830
18814
  };
18831
18815
  }
18832
18816
 
18833
- function instance$2($$self, $$props, $$invalidate) {
18817
+ function instance$4($$self, $$props, $$invalidate) {
18834
18818
  let _progress;
18835
18819
 
18836
18820
  let {
@@ -19011,16 +18995,16 @@
19011
18995
  class FormStepper extends SvelteElement {
19012
18996
  constructor(options) {
19013
18997
  super();
19014
- 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)
18998
+ 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)
19015
18999
  translate(
19016
19000
  calc(50% + 1.25rem + 1.75rem),
19017
- calc((var(--height) - var(--step-height)) / 2 - 1.25rem - 1.75rem)
19001
+ calc((var(--height) - var(--step-height)) / 2 - 1.25rem - 1.5rem)
19018
19002
  )}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>`;
19019
19003
  init(this, {
19020
19004
  target: this.shadowRoot,
19021
19005
  props: attribute_to_object(this.attributes),
19022
19006
  customElement: true
19023
- }, instance$2, create_fragment$2, safe_not_equal, {
19007
+ }, instance$4, create_fragment$4, safe_not_equal, {
19024
19008
  step: 12,
19025
19009
  mt: 0,
19026
19010
  mr: 1,
@@ -19104,7 +19088,7 @@
19104
19088
  customElements.define("goa-form-stepper", FormStepper);
19105
19089
  /* libs/web-components/src/components/form-step/FormStep.svelte generated by Svelte v3.51.0 */
19106
19090
 
19107
- function create_else_block(ctx) {
19091
+ function create_else_block$1(ctx) {
19108
19092
  let div;
19109
19093
  let t;
19110
19094
  return {
@@ -19138,7 +19122,7 @@
19138
19122
  } // (152:38)
19139
19123
 
19140
19124
 
19141
- function create_if_block_3(ctx) {
19125
+ function create_if_block_3$2(ctx) {
19142
19126
  let goa_icon;
19143
19127
  return {
19144
19128
  c() {
@@ -19160,7 +19144,7 @@
19160
19144
  } // (150:36)
19161
19145
 
19162
19146
 
19163
- function create_if_block_2(ctx) {
19147
+ function create_if_block_2$2(ctx) {
19164
19148
  let goa_icon;
19165
19149
  return {
19166
19150
  c() {
@@ -19183,7 +19167,7 @@
19183
19167
  } // (148:4) {#if _isCurrent}
19184
19168
 
19185
19169
 
19186
- function create_if_block_1(ctx) {
19170
+ function create_if_block_1$2(ctx) {
19187
19171
  let goa_icon;
19188
19172
  return {
19189
19173
  c() {
@@ -19205,7 +19189,7 @@
19205
19189
  } // (160:4) {#if status === "incomplete"}
19206
19190
 
19207
19191
 
19208
- function create_if_block(ctx) {
19192
+ function create_if_block$2(ctx) {
19209
19193
  let div;
19210
19194
  return {
19211
19195
  c() {
@@ -19226,7 +19210,7 @@
19226
19210
  };
19227
19211
  }
19228
19212
 
19229
- function create_fragment$1(ctx) {
19213
+ function create_fragment$3(ctx) {
19230
19214
  let label;
19231
19215
  let input;
19232
19216
  let input_disabled_value;
@@ -19244,21 +19228,21 @@
19244
19228
  function select_block_type(ctx, dirty) {
19245
19229
  if (
19246
19230
  /*_isCurrent*/
19247
- ctx[7]) return create_if_block_1;
19231
+ ctx[7]) return create_if_block_1$2;
19248
19232
  if (
19249
19233
  /*status*/
19250
- ctx[3] === "complete") return create_if_block_2;
19234
+ ctx[3] === "complete") return create_if_block_2$2;
19251
19235
  if (
19252
19236
  /*status*/
19253
- ctx[3] === "incomplete") return create_if_block_3;
19254
- return create_else_block;
19237
+ ctx[3] === "incomplete") return create_if_block_3$2;
19238
+ return create_else_block$1;
19255
19239
  }
19256
19240
 
19257
19241
  let current_block_type = select_block_type(ctx);
19258
19242
  let if_block0 = current_block_type(ctx);
19259
19243
  let if_block1 =
19260
19244
  /*status*/
19261
- ctx[3] === "incomplete" && create_if_block();
19245
+ ctx[3] === "incomplete" && create_if_block$2();
19262
19246
  return {
19263
19247
  c() {
19264
19248
  label = element("label");
@@ -19383,7 +19367,7 @@
19383
19367
  /*status*/
19384
19368
  ctx[3] === "incomplete") {
19385
19369
  if (if_block1) ;else {
19386
- if_block1 = create_if_block();
19370
+ if_block1 = create_if_block$2();
19387
19371
  if_block1.c();
19388
19372
  if_block1.m(div2, null);
19389
19373
  }
@@ -19463,7 +19447,7 @@
19463
19447
  };
19464
19448
  }
19465
19449
 
19466
- function instance$1($$self, $$props, $$invalidate) {
19450
+ function instance$3($$self, $$props, $$invalidate) {
19467
19451
  let _isCurrent;
19468
19452
 
19469
19453
  let _isEnabled;
@@ -19554,7 +19538,7 @@
19554
19538
  constructor(options) {
19555
19539
  super();
19556
19540
  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)
19557
- }[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(
19541
+ }[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(
19558
19542
  [data-status=complete],
19559
19543
  [data-status=incomplete],
19560
19544
  [aria-current="step"]
@@ -19563,7 +19547,7 @@
19563
19547
  target: this.shadowRoot,
19564
19548
  props: attribute_to_object(this.attributes),
19565
19549
  customElement: true
19566
- }, instance$1, create_fragment$1, safe_not_equal, {
19550
+ }, instance$3, create_fragment$3, safe_not_equal, {
19567
19551
  text: 0,
19568
19552
  current: 8,
19569
19553
  enabled: 9,
@@ -19659,7 +19643,7 @@
19659
19643
  customElements.define("goa-form-step", FormStep);
19660
19644
  /* libs/web-components/src/components/pages/Pages.svelte generated by Svelte v3.51.0 */
19661
19645
 
19662
- function create_fragment(ctx) {
19646
+ function create_fragment$2(ctx) {
19663
19647
  let div;
19664
19648
  let slot;
19665
19649
  let div_style_value;
@@ -19717,7 +19701,7 @@
19717
19701
  };
19718
19702
  }
19719
19703
 
19720
- function instance($$self, $$props, $$invalidate) {
19704
+ function instance$2($$self, $$props, $$invalidate) {
19721
19705
  let {
19722
19706
  current = 1
19723
19707
  } = $$props;
@@ -19796,7 +19780,7 @@
19796
19780
  target: this.shadowRoot,
19797
19781
  props: attribute_to_object(this.attributes),
19798
19782
  customElement: true
19799
- }, instance, create_fragment, safe_not_equal, {
19783
+ }, instance$2, create_fragment$2, safe_not_equal, {
19800
19784
  current: 5,
19801
19785
  mt: 0,
19802
19786
  mr: 1,
@@ -19878,55 +19862,1633 @@
19878
19862
  }
19879
19863
 
19880
19864
  customElements.define("goa-pages", Pages);
19865
+ /* libs/web-components/src/components/file-upload-input/FileUploadInput.svelte generated by Svelte v3.51.0 */
19881
19866
 
19882
- /*! *****************************************************************************
19883
- Copyright (c) Microsoft Corporation.
19884
-
19885
- Permission to use, copy, modify, and/or distribute this software for any
19886
- purpose with or without fee is hereby granted.
19887
-
19888
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
19889
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
19890
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
19891
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
19892
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
19893
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
19894
- PERFORMANCE OF THIS SOFTWARE.
19895
- ***************************************************************************** */
19896
-
19897
- var __assign = function() {
19898
- __assign = Object.assign || function __assign(t) {
19899
- for (var s, i = 1, n = arguments.length; i < n; i++) {
19900
- s = arguments[i];
19901
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
19902
- }
19903
- return t;
19904
- };
19905
- return __assign.apply(this, arguments);
19906
- };
19907
-
19908
- function __rest(s, e) {
19909
- var t = {};
19910
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19911
- t[p] = s[p];
19912
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
19913
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19914
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19915
- t[p[i]] = s[p[i]];
19916
- }
19917
- return t;
19918
- }
19867
+ function get_each_context(ctx, list, i) {
19868
+ const child_ctx = ctx.slice();
19869
+ child_ctx[21] = list[i];
19870
+ return child_ctx;
19871
+ } // (126:0) {#if variant === "dragdrop"}
19919
19872
 
19920
- function GoAPages(props) {
19921
- return jsxRuntime.jsx("goa-pages", __assign({
19922
- current: props.current,
19923
- ml: props.ml,
19924
- mr: props.mr,
19925
- mt: props.mt,
19926
- mb: props.mb
19927
- }, {
19928
- children: props.children
19929
- }), void 0);
19873
+
19874
+ function create_if_block_3$1(ctx) {
19875
+ let div3;
19876
+ let div2;
19877
+ let t6;
19878
+ let t7;
19879
+ let input;
19880
+ let div3_class_value;
19881
+ let mounted;
19882
+ let dispose;
19883
+ let if_block =
19884
+ /*maxfilesize*/
19885
+ ctx[2] && create_if_block_4$1(ctx);
19886
+ return {
19887
+ c() {
19888
+ div3 = element("div");
19889
+ div2 = element("div");
19890
+ div2.innerHTML = `<goa-icon type="cloud-upload" size="large"></goa-icon>
19891
+ <div>Drag and drop files here</div>
19892
+ <em>or</em>
19893
+ <div class="browse-files">Browse files</div>`;
19894
+ t6 = space();
19895
+ if (if_block) if_block.c();
19896
+ t7 = space();
19897
+ input = element("input");
19898
+ attr(div2, "class", "instructions");
19899
+ attr(input, "data-testid", "input");
19900
+ attr(input, "tabindex", "0");
19901
+ attr(input, "type", "file");
19902
+ attr(input, "accept",
19903
+ /*accept*/
19904
+ ctx[1]);
19905
+ input.multiple = true;
19906
+ attr(div3, "data-testid", "dragdrop");
19907
+ attr(div3, "class", div3_class_value = `dragdrop state-${
19908
+ /*_state*/
19909
+ ctx[5]}`);
19910
+ },
19911
+
19912
+ m(target, anchor) {
19913
+ insert(target, div3, anchor);
19914
+ append(div3, div2);
19915
+ append(div3, t6);
19916
+ if (if_block) if_block.m(div3, null);
19917
+ append(div3, t7);
19918
+ append(div3, input);
19919
+ /*input_binding*/
19920
+
19921
+ ctx[13](input);
19922
+ /*div3_binding*/
19923
+
19924
+ ctx[14](div3);
19925
+
19926
+ if (!mounted) {
19927
+ dispose = [listen(div3, "click",
19928
+ /*openFilePicker*/
19929
+ ctx[7]), listen(div3, "drop",
19930
+ /*onDrop*/
19931
+ ctx[8]), listen(div3, "mouseover",
19932
+ /*onMouseOver*/
19933
+ ctx[11]), listen(div3, "mouseout",
19934
+ /*onMouseOut*/
19935
+ ctx[12]), listen(div3, "dragenter",
19936
+ /*onDragEnter*/
19937
+ ctx[9]), listen(div3, "dragleave",
19938
+ /*onDragLeave*/
19939
+ ctx[10]), listen(div3, "dragover", onDrag)];
19940
+ mounted = true;
19941
+ }
19942
+ },
19943
+
19944
+ p(ctx, dirty) {
19945
+ if (
19946
+ /*maxfilesize*/
19947
+ ctx[2]) {
19948
+ if (if_block) {
19949
+ if_block.p(ctx, dirty);
19950
+ } else {
19951
+ if_block = create_if_block_4$1(ctx);
19952
+ if_block.c();
19953
+ if_block.m(div3, t7);
19954
+ }
19955
+ } else if (if_block) {
19956
+ if_block.d(1);
19957
+ if_block = null;
19958
+ }
19959
+
19960
+ if (dirty &
19961
+ /*accept*/
19962
+ 2) {
19963
+ attr(input, "accept",
19964
+ /*accept*/
19965
+ ctx[1]);
19966
+ }
19967
+
19968
+ if (dirty &
19969
+ /*_state*/
19970
+ 32 && div3_class_value !== (div3_class_value = `dragdrop state-${
19971
+ /*_state*/
19972
+ ctx[5]}`)) {
19973
+ attr(div3, "class", div3_class_value);
19974
+ }
19975
+ },
19976
+
19977
+ d(detaching) {
19978
+ if (detaching) detach(div3);
19979
+ if (if_block) if_block.d();
19980
+ /*input_binding*/
19981
+
19982
+ ctx[13](null);
19983
+ /*div3_binding*/
19984
+
19985
+ ctx[14](null);
19986
+ mounted = false;
19987
+ run_all(dispose);
19988
+ }
19989
+
19990
+ };
19991
+ } // (146:4) {#if maxfilesize}
19992
+
19993
+
19994
+ function create_if_block_4$1(ctx) {
19995
+ let em;
19996
+ let t0;
19997
+ let t1;
19998
+ let t2;
19999
+ return {
20000
+ c() {
20001
+ em = element("em");
20002
+ t0 = text("Maximum file size is ");
20003
+ t1 = text(
20004
+ /*maxfilesize*/
20005
+ ctx[2]);
20006
+ t2 = text(".");
20007
+ attr(em, "class", "max-file-size");
20008
+ attr(em, "data-testid", "max-file-size");
20009
+ },
20010
+
20011
+ m(target, anchor) {
20012
+ insert(target, em, anchor);
20013
+ append(em, t0);
20014
+ append(em, t1);
20015
+ append(em, t2);
20016
+ },
20017
+
20018
+ p(ctx, dirty) {
20019
+ if (dirty &
20020
+ /*maxfilesize*/
20021
+ 4) set_data(t1,
20022
+ /*maxfilesize*/
20023
+ ctx[2]);
20024
+ },
20025
+
20026
+ d(detaching) {
20027
+ if (detaching) detach(em);
20028
+ }
20029
+
20030
+ };
20031
+ } // (154:0) {#if variant === "button"}
20032
+
20033
+
20034
+ function create_if_block_1$1(ctx) {
20035
+ let div;
20036
+ let goa_button;
20037
+ let t1;
20038
+ let t2;
20039
+ let input;
20040
+ let mounted;
20041
+ let dispose;
20042
+ let if_block =
20043
+ /*maxfilesize*/
20044
+ ctx[2] && create_if_block_2$1(ctx);
20045
+ return {
20046
+ c() {
20047
+ div = element("div");
20048
+ goa_button = element("goa-button");
20049
+ goa_button.textContent = "Choose file";
20050
+ t1 = space();
20051
+ if (if_block) if_block.c();
20052
+ t2 = space();
20053
+ input = element("input");
20054
+ set_custom_element_data(goa_button, "type", "secondary");
20055
+ attr(div, "class", "button");
20056
+ attr(input, "data-testid", "input");
20057
+ attr(input, "tabindex", "-1");
20058
+ attr(input, "type", "file");
20059
+ attr(input, "accept",
20060
+ /*accept*/
20061
+ ctx[1]);
20062
+ input.multiple = true;
20063
+ },
20064
+
20065
+ m(target, anchor) {
20066
+ insert(target, div, anchor);
20067
+ append(div, goa_button);
20068
+ append(div, t1);
20069
+ if (if_block) if_block.m(div, null);
20070
+ /*div_binding*/
20071
+
20072
+ ctx[15](div);
20073
+ insert(target, t2, anchor);
20074
+ insert(target, input, anchor);
20075
+ /*input_binding_1*/
20076
+
20077
+ ctx[16](input);
20078
+
20079
+ if (!mounted) {
20080
+ dispose = listen(goa_button, "click",
20081
+ /*openFilePicker*/
20082
+ ctx[7]);
20083
+ mounted = true;
20084
+ }
20085
+ },
20086
+
20087
+ p(ctx, dirty) {
20088
+ if (
20089
+ /*maxfilesize*/
20090
+ ctx[2]) {
20091
+ if (if_block) {
20092
+ if_block.p(ctx, dirty);
20093
+ } else {
20094
+ if_block = create_if_block_2$1(ctx);
20095
+ if_block.c();
20096
+ if_block.m(div, null);
20097
+ }
20098
+ } else if (if_block) {
20099
+ if_block.d(1);
20100
+ if_block = null;
20101
+ }
20102
+
20103
+ if (dirty &
20104
+ /*accept*/
20105
+ 2) {
20106
+ attr(input, "accept",
20107
+ /*accept*/
20108
+ ctx[1]);
20109
+ }
20110
+ },
20111
+
20112
+ d(detaching) {
20113
+ if (detaching) detach(div);
20114
+ if (if_block) if_block.d();
20115
+ /*div_binding*/
20116
+
20117
+ ctx[15](null);
20118
+ if (detaching) detach(t2);
20119
+ if (detaching) detach(input);
20120
+ /*input_binding_1*/
20121
+
20122
+ ctx[16](null);
20123
+ mounted = false;
20124
+ dispose();
20125
+ }
20126
+
20127
+ };
20128
+ } // (158:4) {#if maxfilesize}
20129
+
20130
+
20131
+ function create_if_block_2$1(ctx) {
20132
+ let em;
20133
+ let t0;
20134
+ let t1;
20135
+ let t2;
20136
+ return {
20137
+ c() {
20138
+ em = element("em");
20139
+ t0 = text("Maximum file size is ");
20140
+ t1 = text(
20141
+ /*maxfilesize*/
20142
+ ctx[2]);
20143
+ t2 = text(".");
20144
+ attr(em, "class", "max-file-size");
20145
+ attr(em, "data-testid", "max-file-size");
20146
+ },
20147
+
20148
+ m(target, anchor) {
20149
+ insert(target, em, anchor);
20150
+ append(em, t0);
20151
+ append(em, t1);
20152
+ append(em, t2);
20153
+ },
20154
+
20155
+ p(ctx, dirty) {
20156
+ if (dirty &
20157
+ /*maxfilesize*/
20158
+ 4) set_data(t1,
20159
+ /*maxfilesize*/
20160
+ ctx[2]);
20161
+ },
20162
+
20163
+ d(detaching) {
20164
+ if (detaching) detach(em);
20165
+ }
20166
+
20167
+ };
20168
+ } // (166:0) {#if issues.length}
20169
+
20170
+
20171
+ function create_if_block$1(ctx) {
20172
+ let div;
20173
+ let each_value =
20174
+ /*issues*/
20175
+ ctx[6];
20176
+ let each_blocks = [];
20177
+
20178
+ for (let i = 0; i < each_value.length; i += 1) {
20179
+ each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
20180
+ }
20181
+
20182
+ return {
20183
+ c() {
20184
+ div = element("div");
20185
+
20186
+ for (let i = 0; i < each_blocks.length; i += 1) {
20187
+ each_blocks[i].c();
20188
+ }
20189
+
20190
+ attr(div, "class", "issues");
20191
+ },
20192
+
20193
+ m(target, anchor) {
20194
+ insert(target, div, anchor);
20195
+
20196
+ for (let i = 0; i < each_blocks.length; i += 1) {
20197
+ each_blocks[i].m(div, null);
20198
+ }
20199
+ },
20200
+
20201
+ p(ctx, dirty) {
20202
+ if (dirty &
20203
+ /*issues*/
20204
+ 64) {
20205
+ each_value =
20206
+ /*issues*/
20207
+ ctx[6];
20208
+ let i;
20209
+
20210
+ for (i = 0; i < each_value.length; i += 1) {
20211
+ const child_ctx = get_each_context(ctx, each_value, i);
20212
+
20213
+ if (each_blocks[i]) {
20214
+ each_blocks[i].p(child_ctx, dirty);
20215
+ } else {
20216
+ each_blocks[i] = create_each_block(child_ctx);
20217
+ each_blocks[i].c();
20218
+ each_blocks[i].m(div, null);
20219
+ }
20220
+ }
20221
+
20222
+ for (; i < each_blocks.length; i += 1) {
20223
+ each_blocks[i].d(1);
20224
+ }
20225
+
20226
+ each_blocks.length = each_value.length;
20227
+ }
20228
+ },
20229
+
20230
+ d(detaching) {
20231
+ if (detaching) detach(div);
20232
+ destroy_each(each_blocks, detaching);
20233
+ }
20234
+
20235
+ };
20236
+ } // (168:4) {#each issues as issue}
20237
+
20238
+
20239
+ function create_each_block(ctx) {
20240
+ let div1;
20241
+ let t0_value =
20242
+ /*issue*/
20243
+ ctx[21].filename + "";
20244
+ let t0;
20245
+ let t1;
20246
+ let div0;
20247
+ let goa_icon;
20248
+ let t2;
20249
+ let t3_value =
20250
+ /*issue*/
20251
+ ctx[21].error + "";
20252
+ let t3;
20253
+ let t4;
20254
+ return {
20255
+ c() {
20256
+ div1 = element("div");
20257
+ t0 = text(t0_value);
20258
+ t1 = space();
20259
+ div0 = element("div");
20260
+ goa_icon = element("goa-icon");
20261
+ t2 = space();
20262
+ t3 = text(t3_value);
20263
+ t4 = space();
20264
+ set_custom_element_data(goa_icon, "type", "warning");
20265
+ set_custom_element_data(goa_icon, "size", "small");
20266
+ set_custom_element_data(goa_icon, "theme", "filled");
20267
+ attr(div0, "class", "error");
20268
+ attr(div0, "data-testid", "error");
20269
+ attr(div1, "class", "issue");
20270
+ },
20271
+
20272
+ m(target, anchor) {
20273
+ insert(target, div1, anchor);
20274
+ append(div1, t0);
20275
+ append(div1, t1);
20276
+ append(div1, div0);
20277
+ append(div0, goa_icon);
20278
+ append(div0, t2);
20279
+ append(div0, t3);
20280
+ append(div1, t4);
20281
+ },
20282
+
20283
+ p(ctx, dirty) {
20284
+ if (dirty &
20285
+ /*issues*/
20286
+ 64 && t0_value !== (t0_value =
20287
+ /*issue*/
20288
+ ctx[21].filename + "")) set_data(t0, t0_value);
20289
+ if (dirty &
20290
+ /*issues*/
20291
+ 64 && t3_value !== (t3_value =
20292
+ /*issue*/
20293
+ ctx[21].error + "")) set_data(t3, t3_value);
20294
+ },
20295
+
20296
+ d(detaching) {
20297
+ if (detaching) detach(div1);
20298
+ }
20299
+
20300
+ };
20301
+ }
20302
+
20303
+ function create_fragment$1(ctx) {
20304
+ let t0;
20305
+ let t1;
20306
+ let if_block2_anchor;
20307
+ let if_block0 =
20308
+ /*variant*/
20309
+ ctx[0] === "dragdrop" && create_if_block_3$1(ctx);
20310
+ let if_block1 =
20311
+ /*variant*/
20312
+ ctx[0] === "button" && create_if_block_1$1(ctx);
20313
+ let if_block2 =
20314
+ /*issues*/
20315
+ ctx[6].length && create_if_block$1(ctx);
20316
+ return {
20317
+ c() {
20318
+ if (if_block0) if_block0.c();
20319
+ t0 = space();
20320
+ if (if_block1) if_block1.c();
20321
+ t1 = space();
20322
+ if (if_block2) if_block2.c();
20323
+ if_block2_anchor = empty();
20324
+ this.c = noop;
20325
+ },
20326
+
20327
+ m(target, anchor) {
20328
+ if (if_block0) if_block0.m(target, anchor);
20329
+ insert(target, t0, anchor);
20330
+ if (if_block1) if_block1.m(target, anchor);
20331
+ insert(target, t1, anchor);
20332
+ if (if_block2) if_block2.m(target, anchor);
20333
+ insert(target, if_block2_anchor, anchor);
20334
+ },
20335
+
20336
+ p(ctx, [dirty]) {
20337
+ if (
20338
+ /*variant*/
20339
+ ctx[0] === "dragdrop") {
20340
+ if (if_block0) {
20341
+ if_block0.p(ctx, dirty);
20342
+ } else {
20343
+ if_block0 = create_if_block_3$1(ctx);
20344
+ if_block0.c();
20345
+ if_block0.m(t0.parentNode, t0);
20346
+ }
20347
+ } else if (if_block0) {
20348
+ if_block0.d(1);
20349
+ if_block0 = null;
20350
+ }
20351
+
20352
+ if (
20353
+ /*variant*/
20354
+ ctx[0] === "button") {
20355
+ if (if_block1) {
20356
+ if_block1.p(ctx, dirty);
20357
+ } else {
20358
+ if_block1 = create_if_block_1$1(ctx);
20359
+ if_block1.c();
20360
+ if_block1.m(t1.parentNode, t1);
20361
+ }
20362
+ } else if (if_block1) {
20363
+ if_block1.d(1);
20364
+ if_block1 = null;
20365
+ }
20366
+
20367
+ if (
20368
+ /*issues*/
20369
+ ctx[6].length) {
20370
+ if (if_block2) {
20371
+ if_block2.p(ctx, dirty);
20372
+ } else {
20373
+ if_block2 = create_if_block$1(ctx);
20374
+ if_block2.c();
20375
+ if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
20376
+ }
20377
+ } else if (if_block2) {
20378
+ if_block2.d(1);
20379
+ if_block2 = null;
20380
+ }
20381
+ },
20382
+
20383
+ i: noop,
20384
+ o: noop,
20385
+
20386
+ d(detaching) {
20387
+ if (if_block0) if_block0.d(detaching);
20388
+ if (detaching) detach(t0);
20389
+ if (if_block1) if_block1.d(detaching);
20390
+ if (detaching) detach(t1);
20391
+ if (if_block2) if_block2.d(detaching);
20392
+ if (detaching) detach(if_block2_anchor);
20393
+ }
20394
+
20395
+ };
20396
+ }
20397
+
20398
+ function onDrag(e) {
20399
+ e.preventDefault();
20400
+ return false;
20401
+ }
20402
+
20403
+ function instance$1($$self, $$props, $$invalidate) {
20404
+ let {
20405
+ variant = "dragdrop"
20406
+ } = $$props;
20407
+ let {
20408
+ accept = "*"
20409
+ } = $$props;
20410
+ let {
20411
+ maxfilesize = "5MB"
20412
+ } = $$props; // Private
20413
+
20414
+ let _el;
20415
+
20416
+ let _fileInput;
20417
+
20418
+ let _state = "default";
20419
+ let issues = []; // Hooks
20420
+
20421
+ onMount(() => {
20422
+ _fileInput.addEventListener("change", () => {
20423
+ $$invalidate(6, issues = []); // reset on every new batch of files
20424
+
20425
+ [..._fileInput.files].forEach(file => {
20426
+ const error = validate(file);
20427
+
20428
+ if (error) {
20429
+ $$invalidate(6, issues = [{
20430
+ filename: file.name,
20431
+ error
20432
+ }, ...issues]);
20433
+ return;
20434
+ }
20435
+
20436
+ dispatch(file);
20437
+ });
20438
+ $$invalidate(4, _fileInput.value = null, _fileInput);
20439
+ }, true);
20440
+ }); // Functions
20441
+
20442
+ function validate(file) {
20443
+ if (!isValidFileType(file)) {
20444
+ return "Invalid file type";
20445
+ }
20446
+
20447
+ if (!isValidFileSize(file)) {
20448
+ return `The file must be less than ${maxfilesize}`;
20449
+ }
20450
+ }
20451
+
20452
+ function isValidFileType(file) {
20453
+ const typeMatchers = accept.split(",");
20454
+
20455
+ for (const matcher of typeMatchers) {
20456
+ const matches = file.type.match(matcher.replace("*", ".*").replace("/", "\/")) || file.name.endsWith(accept);
20457
+
20458
+ if (matches) {
20459
+ return true;
20460
+ }
20461
+ }
20462
+
20463
+ return false;
20464
+ }
20465
+
20466
+ function isValidFileSize(file) {
20467
+ const [_, size, units] = maxfilesize.match(/(\d*)(\w*$)/);
20468
+ const factor = {
20469
+ "B": 1,
20470
+ "KB": 1024,
20471
+ "MB": Math.pow(1024, 2),
20472
+ "GB": Math.pow(1024, 3)
20473
+ };
20474
+
20475
+ if (file.size / factor[units] > parseInt(size)) {
20476
+ return false;
20477
+ }
20478
+
20479
+ return true;
20480
+ }
20481
+
20482
+ function dispatch(file) {
20483
+ _el.dispatchEvent(new CustomEvent("_selectFile", {
20484
+ composed: true,
20485
+ detail: {
20486
+ file
20487
+ }
20488
+ }));
20489
+ }
20490
+
20491
+ function openFilePicker() {
20492
+ _fileInput.click();
20493
+ }
20494
+
20495
+ function onDrop(e) {
20496
+ e.preventDefault();
20497
+ $$invalidate(6, issues = []); // reset on every new batch of files
20498
+
20499
+ if (e.dataTransfer.items) {
20500
+ [...e.dataTransfer.items].forEach(item => {
20501
+ if (item.kind === 'file') {
20502
+ const file = item.getAsFile();
20503
+ const error = validate(file);
20504
+
20505
+ if (error) {
20506
+ $$invalidate(6, issues = [{
20507
+ filename: file.name,
20508
+ error
20509
+ }, ...issues]);
20510
+ return;
20511
+ }
20512
+
20513
+ dispatch(item.getAsFile());
20514
+ }
20515
+ });
20516
+ } else {
20517
+ [...e.dataTransfer.files].forEach(file => {
20518
+ const error = validate(file);
20519
+
20520
+ if (error) {
20521
+ $$invalidate(6, issues = [{
20522
+ filename: file.name,
20523
+ error
20524
+ }, ...issues]);
20525
+ return;
20526
+ }
20527
+
20528
+ dispatch(file);
20529
+ });
20530
+ }
20531
+
20532
+ $$invalidate(4, _fileInput.value = null, _fileInput);
20533
+ }
20534
+
20535
+ function onDragEnter() {
20536
+ $$invalidate(5, _state = "dragenter");
20537
+ }
20538
+
20539
+ function onDragLeave(e) {
20540
+ // hovering over child components will result in the dragleave event to be fired,
20541
+ // so we must validate to whether the mouse pointer is within the bounds of the
20542
+ // dropable area
20543
+ const rect = _el.getBoundingClientRect();
20544
+
20545
+ const withinBounds = e.clientX > rect.x && e.clientX <= rect.x + rect.width && e.clientY > rect.y && e.clientY <= rect.y + rect.height;
20546
+
20547
+ if (!withinBounds) {
20548
+ $$invalidate(5, _state = "default");
20549
+ }
20550
+ }
20551
+
20552
+ function onMouseOver() {
20553
+ $$invalidate(5, _state = "hover");
20554
+ }
20555
+
20556
+ function onMouseOut() {
20557
+ $$invalidate(5, _state = "default");
20558
+ }
20559
+
20560
+ function input_binding($$value) {
20561
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
20562
+ _fileInput = $$value;
20563
+ $$invalidate(4, _fileInput);
20564
+ });
20565
+ }
20566
+
20567
+ function div3_binding($$value) {
20568
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
20569
+ _el = $$value;
20570
+ $$invalidate(3, _el);
20571
+ });
20572
+ }
20573
+
20574
+ function div_binding($$value) {
20575
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
20576
+ _el = $$value;
20577
+ $$invalidate(3, _el);
20578
+ });
20579
+ }
20580
+
20581
+ function input_binding_1($$value) {
20582
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
20583
+ _fileInput = $$value;
20584
+ $$invalidate(4, _fileInput);
20585
+ });
20586
+ }
20587
+
20588
+ $$self.$$set = $$props => {
20589
+ if ('variant' in $$props) $$invalidate(0, variant = $$props.variant);
20590
+ if ('accept' in $$props) $$invalidate(1, accept = $$props.accept);
20591
+ if ('maxfilesize' in $$props) $$invalidate(2, maxfilesize = $$props.maxfilesize);
20592
+ };
20593
+
20594
+ return [variant, accept, maxfilesize, _el, _fileInput, _state, issues, openFilePicker, onDrop, onDragEnter, onDragLeave, onMouseOver, onMouseOut, input_binding, div3_binding, div_binding, input_binding_1];
20595
+ }
20596
+
20597
+ class FileUploadInput extends SvelteElement {
20598
+ constructor(options) {
20599
+ super();
20600
+ 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>`;
20601
+ init(this, {
20602
+ target: this.shadowRoot,
20603
+ props: attribute_to_object(this.attributes),
20604
+ customElement: true
20605
+ }, instance$1, create_fragment$1, safe_not_equal, {
20606
+ variant: 0,
20607
+ accept: 1,
20608
+ maxfilesize: 2
20609
+ }, null);
20610
+
20611
+ if (options) {
20612
+ if (options.target) {
20613
+ insert(options.target, this, options.anchor);
20614
+ }
20615
+
20616
+ if (options.props) {
20617
+ this.$set(options.props);
20618
+ flush();
20619
+ }
20620
+ }
20621
+ }
20622
+
20623
+ static get observedAttributes() {
20624
+ return ["variant", "accept", "maxfilesize"];
20625
+ }
20626
+
20627
+ get variant() {
20628
+ return this.$$.ctx[0];
20629
+ }
20630
+
20631
+ set variant(variant) {
20632
+ this.$$set({
20633
+ variant
20634
+ });
20635
+ flush();
20636
+ }
20637
+
20638
+ get accept() {
20639
+ return this.$$.ctx[1];
20640
+ }
20641
+
20642
+ set accept(accept) {
20643
+ this.$$set({
20644
+ accept
20645
+ });
20646
+ flush();
20647
+ }
20648
+
20649
+ get maxfilesize() {
20650
+ return this.$$.ctx[2];
20651
+ }
20652
+
20653
+ set maxfilesize(maxfilesize) {
20654
+ this.$$set({
20655
+ maxfilesize
20656
+ });
20657
+ flush();
20658
+ }
20659
+
20660
+ }
20661
+
20662
+ customElements.define("goa-file-upload-input", FileUploadInput);
20663
+ /* libs/web-components/src/components/file-upload-card/FileUploadCard.svelte generated by Svelte v3.51.0 */
20664
+
20665
+ function create_else_block(ctx) {
20666
+ let goa_icon;
20667
+ return {
20668
+ c() {
20669
+ goa_icon = element("goa-icon");
20670
+ set_custom_element_data(goa_icon, "class", "fileicon");
20671
+ set_custom_element_data(goa_icon, "data-testid", "icon");
20672
+ set_custom_element_data(goa_icon, "type", "goa-file");
20673
+ set_custom_element_data(goa_icon, "fillcolor", "#dcdcdc");
20674
+ set_custom_element_data(goa_icon, "size", "xlarge");
20675
+ },
20676
+
20677
+ m(target, anchor) {
20678
+ insert(target, goa_icon, anchor);
20679
+ },
20680
+
20681
+ p: noop,
20682
+
20683
+ d(detaching) {
20684
+ if (detaching) detach(goa_icon);
20685
+ }
20686
+
20687
+ };
20688
+ } // (71:4) {#if _status === "uploaded"}
20689
+
20690
+
20691
+ function create_if_block_7(ctx) {
20692
+ let goa_icon;
20693
+ return {
20694
+ c() {
20695
+ goa_icon = element("goa-icon");
20696
+ set_custom_element_data(goa_icon, "class", "fileicon");
20697
+ set_custom_element_data(goa_icon, "data-testid", "icon");
20698
+ set_custom_element_data(goa_icon, "type",
20699
+ /*_fileIcon*/
20700
+ ctx[6]);
20701
+ set_custom_element_data(goa_icon, "fillcolor", "#0070c4");
20702
+ set_custom_element_data(goa_icon, "size", "xlarge");
20703
+ },
20704
+
20705
+ m(target, anchor) {
20706
+ insert(target, goa_icon, anchor);
20707
+ },
20708
+
20709
+ p(ctx, dirty) {
20710
+ if (dirty &
20711
+ /*_fileIcon*/
20712
+ 64) {
20713
+ set_custom_element_data(goa_icon, "type",
20714
+ /*_fileIcon*/
20715
+ ctx[6]);
20716
+ }
20717
+ },
20718
+
20719
+ d(detaching) {
20720
+ if (detaching) detach(goa_icon);
20721
+ }
20722
+
20723
+ };
20724
+ } // (78:6) {#if _status !== "error"}
20725
+
20726
+
20727
+ function create_if_block_6(ctx) {
20728
+ let div;
20729
+ let t_value = formatFileSize(
20730
+ /*size*/
20731
+ ctx[1]) + "";
20732
+ let t;
20733
+ return {
20734
+ c() {
20735
+ div = element("div");
20736
+ t = text(t_value);
20737
+ attr(div, "class", "filesize");
20738
+ attr(div, "data-testid", "filesize");
20739
+ },
20740
+
20741
+ m(target, anchor) {
20742
+ insert(target, div, anchor);
20743
+ append(div, t);
20744
+ },
20745
+
20746
+ p(ctx, dirty) {
20747
+ if (dirty &
20748
+ /*size*/
20749
+ 2 && t_value !== (t_value = formatFileSize(
20750
+ /*size*/
20751
+ ctx[1]) + "")) set_data(t, t_value);
20752
+ },
20753
+
20754
+ d(detaching) {
20755
+ if (detaching) detach(div);
20756
+ }
20757
+
20758
+ };
20759
+ } // (89:36)
20760
+
20761
+
20762
+ function create_if_block_5(ctx) {
20763
+ let div;
20764
+ let goa_icon;
20765
+ let t0;
20766
+ let t1;
20767
+ return {
20768
+ c() {
20769
+ div = element("div");
20770
+ goa_icon = element("goa-icon");
20771
+ t0 = space();
20772
+ t1 = text(
20773
+ /*error*/
20774
+ ctx[3]);
20775
+ set_custom_element_data(goa_icon, "type", "warning");
20776
+ set_custom_element_data(goa_icon, "size", "small");
20777
+ set_custom_element_data(goa_icon, "theme", "filled");
20778
+ attr(div, "class", "error-msg");
20779
+ attr(div, "data-testid", "error");
20780
+ },
20781
+
20782
+ m(target, anchor) {
20783
+ insert(target, div, anchor);
20784
+ append(div, goa_icon);
20785
+ append(div, t0);
20786
+ append(div, t1);
20787
+ },
20788
+
20789
+ p(ctx, dirty) {
20790
+ if (dirty &
20791
+ /*error*/
20792
+ 8) set_data(t1,
20793
+ /*error*/
20794
+ ctx[3]);
20795
+ },
20796
+
20797
+ d(detaching) {
20798
+ if (detaching) detach(div);
20799
+ }
20800
+
20801
+ };
20802
+ } // (85:39)
20803
+
20804
+
20805
+ function create_if_block_4(ctx) {
20806
+ let div;
20807
+ return {
20808
+ c() {
20809
+ div = element("div");
20810
+ div.textContent = `Uploaded on ${getTimestamp()}`;
20811
+ attr(div, "class", "timestamp");
20812
+ attr(div, "data-testid", "timestamp");
20813
+ },
20814
+
20815
+ m(target, anchor) {
20816
+ insert(target, div, anchor);
20817
+ },
20818
+
20819
+ p: noop,
20820
+
20821
+ d(detaching) {
20822
+ if (detaching) detach(div);
20823
+ }
20824
+
20825
+ };
20826
+ } // (81:6) {#if _status === "uploading"}
20827
+
20828
+
20829
+ function create_if_block_3(ctx) {
20830
+ let div;
20831
+ let progress_1;
20832
+ let t0;
20833
+ let t1_value = Math.ceil(
20834
+ /*progress*/
20835
+ ctx[2]) + "";
20836
+ let t1;
20837
+ let t2;
20838
+ return {
20839
+ c() {
20840
+ div = element("div");
20841
+ progress_1 = element("progress");
20842
+ t0 = space();
20843
+ t1 = text(t1_value);
20844
+ t2 = text("%");
20845
+ progress_1.value =
20846
+ /*progress*/
20847
+ ctx[2];
20848
+ attr(progress_1, "max", "100");
20849
+ attr(div, "class", "progress");
20850
+ attr(div, "data-testid", "progress");
20851
+ },
20852
+
20853
+ m(target, anchor) {
20854
+ insert(target, div, anchor);
20855
+ append(div, progress_1);
20856
+ append(div, t0);
20857
+ append(div, t1);
20858
+ append(div, t2);
20859
+ },
20860
+
20861
+ p(ctx, dirty) {
20862
+ if (dirty &
20863
+ /*progress*/
20864
+ 4) {
20865
+ progress_1.value =
20866
+ /*progress*/
20867
+ ctx[2];
20868
+ }
20869
+
20870
+ if (dirty &
20871
+ /*progress*/
20872
+ 4 && t1_value !== (t1_value = Math.ceil(
20873
+ /*progress*/
20874
+ ctx[2]) + "")) set_data(t1, t1_value);
20875
+ },
20876
+
20877
+ d(detaching) {
20878
+ if (detaching) detach(div);
20879
+ }
20880
+
20881
+ };
20882
+ } // (102:36)
20883
+
20884
+
20885
+ function create_if_block_2(ctx) {
20886
+ let goa_button;
20887
+ let mounted;
20888
+ let dispose;
20889
+ return {
20890
+ c() {
20891
+ goa_button = element("goa-button");
20892
+ goa_button.textContent = "Cancel";
20893
+ set_custom_element_data(goa_button, "type", "tertiary");
20894
+ set_custom_element_data(goa_button, "size", "compact");
20895
+ set_custom_element_data(goa_button, "variant", "destructive");
20896
+ },
20897
+
20898
+ m(target, anchor) {
20899
+ insert(target, goa_button, anchor);
20900
+
20901
+ if (!mounted) {
20902
+ dispose = listen(goa_button, "click",
20903
+ /*click_handler_2*/
20904
+ ctx[11]);
20905
+ mounted = true;
20906
+ }
20907
+ },
20908
+
20909
+ p: noop,
20910
+
20911
+ d(detaching) {
20912
+ if (detaching) detach(goa_button);
20913
+ mounted = false;
20914
+ dispose();
20915
+ }
20916
+
20917
+ };
20918
+ } // (100:39)
20919
+
20920
+
20921
+ function create_if_block_1(ctx) {
20922
+ let goa_button;
20923
+ let mounted;
20924
+ let dispose;
20925
+ return {
20926
+ c() {
20927
+ goa_button = element("goa-button");
20928
+ goa_button.textContent = "Remove";
20929
+ set_custom_element_data(goa_button, "type", "tertiary");
20930
+ set_custom_element_data(goa_button, "size", "compact");
20931
+ set_custom_element_data(goa_button, "leadingicon", "trash");
20932
+ },
20933
+
20934
+ m(target, anchor) {
20935
+ insert(target, goa_button, anchor);
20936
+
20937
+ if (!mounted) {
20938
+ dispose = listen(goa_button, "click",
20939
+ /*click_handler_1*/
20940
+ ctx[10]);
20941
+ mounted = true;
20942
+ }
20943
+ },
20944
+
20945
+ p: noop,
20946
+
20947
+ d(detaching) {
20948
+ if (detaching) detach(goa_button);
20949
+ mounted = false;
20950
+ dispose();
20951
+ }
20952
+
20953
+ };
20954
+ } // (98:6) {#if _status === "uploading"}
20955
+
20956
+
20957
+ function create_if_block(ctx) {
20958
+ let goa_button;
20959
+ let mounted;
20960
+ let dispose;
20961
+ return {
20962
+ c() {
20963
+ goa_button = element("goa-button");
20964
+ goa_button.textContent = "Cancel";
20965
+ set_custom_element_data(goa_button, "type", "tertiary");
20966
+ set_custom_element_data(goa_button, "size", "compact");
20967
+ },
20968
+
20969
+ m(target, anchor) {
20970
+ insert(target, goa_button, anchor);
20971
+
20972
+ if (!mounted) {
20973
+ dispose = listen(goa_button, "click",
20974
+ /*click_handler*/
20975
+ ctx[9]);
20976
+ mounted = true;
20977
+ }
20978
+ },
20979
+
20980
+ p: noop,
20981
+
20982
+ d(detaching) {
20983
+ if (detaching) detach(goa_button);
20984
+ mounted = false;
20985
+ dispose();
20986
+ }
20987
+
20988
+ };
20989
+ }
20990
+
20991
+ function create_fragment(ctx) {
20992
+ let div3;
20993
+ let t0;
20994
+ let div1;
20995
+ let div0;
20996
+ let t1;
20997
+ let t2;
20998
+ let t3;
20999
+ let t4;
21000
+ let div2;
21001
+ let div3_class_value;
21002
+
21003
+ function select_block_type(ctx, dirty) {
21004
+ if (
21005
+ /*_status*/
21006
+ ctx[4] === "uploaded") return create_if_block_7;
21007
+ return create_else_block;
21008
+ }
21009
+
21010
+ let current_block_type = select_block_type(ctx);
21011
+ let if_block0 = current_block_type(ctx);
21012
+ let if_block1 =
21013
+ /*_status*/
21014
+ ctx[4] !== "error" && create_if_block_6(ctx);
21015
+
21016
+ function select_block_type_1(ctx, dirty) {
21017
+ if (
21018
+ /*_status*/
21019
+ ctx[4] === "uploading") return create_if_block_3;
21020
+ if (
21021
+ /*_status*/
21022
+ ctx[4] === "uploaded") return create_if_block_4;
21023
+ if (
21024
+ /*_status*/
21025
+ ctx[4] === "error") return create_if_block_5;
21026
+ }
21027
+
21028
+ let current_block_type_1 = select_block_type_1(ctx);
21029
+ let if_block2 = current_block_type_1 && current_block_type_1(ctx);
21030
+
21031
+ function select_block_type_2(ctx, dirty) {
21032
+ if (
21033
+ /*_status*/
21034
+ ctx[4] === "uploading") return create_if_block;
21035
+ if (
21036
+ /*_status*/
21037
+ ctx[4] === "uploaded") return create_if_block_1;
21038
+ if (
21039
+ /*_status*/
21040
+ ctx[4] === "error") return create_if_block_2;
21041
+ }
21042
+
21043
+ let current_block_type_2 = select_block_type_2(ctx);
21044
+ let if_block3 = current_block_type_2 && current_block_type_2(ctx);
21045
+ return {
21046
+ c() {
21047
+ div3 = element("div");
21048
+ if_block0.c();
21049
+ t0 = space();
21050
+ div1 = element("div");
21051
+ div0 = element("div");
21052
+ t1 = text(
21053
+ /*filename*/
21054
+ ctx[0]);
21055
+ t2 = space();
21056
+ if (if_block1) if_block1.c();
21057
+ t3 = space();
21058
+ if (if_block2) if_block2.c();
21059
+ t4 = space();
21060
+ div2 = element("div");
21061
+ if (if_block3) if_block3.c();
21062
+ this.c = noop;
21063
+ attr(div0, "class", "filename");
21064
+ attr(div0, "data-testid", "filename");
21065
+ attr(div1, "class", "details");
21066
+ attr(div2, "class", "actions");
21067
+ attr(div2, "data-testid", "actions");
21068
+ attr(div3, "data-testid", "root");
21069
+ attr(div3, "class", div3_class_value = `root ${
21070
+ /*_status*/
21071
+ ctx[4]}`);
21072
+ toggle_class(div3, "error",
21073
+ /*error*/
21074
+ ctx[3]);
21075
+ },
21076
+
21077
+ m(target, anchor) {
21078
+ insert(target, div3, anchor);
21079
+ if_block0.m(div3, null);
21080
+ append(div3, t0);
21081
+ append(div3, div1);
21082
+ append(div1, div0);
21083
+ append(div0, t1);
21084
+ append(div1, t2);
21085
+ if (if_block1) if_block1.m(div1, null);
21086
+ append(div1, t3);
21087
+ if (if_block2) if_block2.m(div1, null);
21088
+ append(div3, t4);
21089
+ append(div3, div2);
21090
+ if (if_block3) if_block3.m(div2, null);
21091
+ /*div3_binding*/
21092
+
21093
+ ctx[12](div3);
21094
+ },
21095
+
21096
+ p(ctx, [dirty]) {
21097
+ if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block0) {
21098
+ if_block0.p(ctx, dirty);
21099
+ } else {
21100
+ if_block0.d(1);
21101
+ if_block0 = current_block_type(ctx);
21102
+
21103
+ if (if_block0) {
21104
+ if_block0.c();
21105
+ if_block0.m(div3, t0);
21106
+ }
21107
+ }
21108
+
21109
+ if (dirty &
21110
+ /*filename*/
21111
+ 1) set_data(t1,
21112
+ /*filename*/
21113
+ ctx[0]);
21114
+
21115
+ if (
21116
+ /*_status*/
21117
+ ctx[4] !== "error") {
21118
+ if (if_block1) {
21119
+ if_block1.p(ctx, dirty);
21120
+ } else {
21121
+ if_block1 = create_if_block_6(ctx);
21122
+ if_block1.c();
21123
+ if_block1.m(div1, t3);
21124
+ }
21125
+ } else if (if_block1) {
21126
+ if_block1.d(1);
21127
+ if_block1 = null;
21128
+ }
21129
+
21130
+ if (current_block_type_1 === (current_block_type_1 = select_block_type_1(ctx)) && if_block2) {
21131
+ if_block2.p(ctx, dirty);
21132
+ } else {
21133
+ if (if_block2) if_block2.d(1);
21134
+ if_block2 = current_block_type_1 && current_block_type_1(ctx);
21135
+
21136
+ if (if_block2) {
21137
+ if_block2.c();
21138
+ if_block2.m(div1, null);
21139
+ }
21140
+ }
21141
+
21142
+ if (current_block_type_2 === (current_block_type_2 = select_block_type_2(ctx)) && if_block3) {
21143
+ if_block3.p(ctx, dirty);
21144
+ } else {
21145
+ if (if_block3) if_block3.d(1);
21146
+ if_block3 = current_block_type_2 && current_block_type_2(ctx);
21147
+
21148
+ if (if_block3) {
21149
+ if_block3.c();
21150
+ if_block3.m(div2, null);
21151
+ }
21152
+ }
21153
+
21154
+ if (dirty &
21155
+ /*_status*/
21156
+ 16 && div3_class_value !== (div3_class_value = `root ${
21157
+ /*_status*/
21158
+ ctx[4]}`)) {
21159
+ attr(div3, "class", div3_class_value);
21160
+ }
21161
+
21162
+ if (dirty &
21163
+ /*_status, error*/
21164
+ 24) {
21165
+ toggle_class(div3, "error",
21166
+ /*error*/
21167
+ ctx[3]);
21168
+ }
21169
+ },
21170
+
21171
+ i: noop,
21172
+ o: noop,
21173
+
21174
+ d(detaching) {
21175
+ if (detaching) detach(div3);
21176
+ if_block0.d();
21177
+ if (if_block1) if_block1.d();
21178
+
21179
+ if (if_block2) {
21180
+ if_block2.d();
21181
+ }
21182
+
21183
+ if (if_block3) {
21184
+ if_block3.d();
21185
+ }
21186
+ /*div3_binding*/
21187
+
21188
+
21189
+ ctx[12](null);
21190
+ }
21191
+
21192
+ };
21193
+ }
21194
+
21195
+ function getFiletypeIcon(filename, type) {
21196
+ // file extensions
21197
+ const parts = filename.split(".");
21198
+ const ext = parts[parts.length - 1];
21199
+ 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";
21200
+ if (extTypeIcon) return extTypeIcon; // mimetype
21201
+
21202
+ 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";
21203
+ return mimeTypeIcon;
21204
+ }
21205
+
21206
+ function formatFileSize(bytes) {
21207
+ switch (true) {
21208
+ case bytes < 1024:
21209
+ return bytes + "B";
21210
+
21211
+ case bytes < 1024 * 1024:
21212
+ return Math.round(bytes / 1024) + "KB";
21213
+
21214
+ case bytes < Math.pow(1024, 3):
21215
+ return Math.round(bytes / Math.pow(1024, 2)) + "MB";
21216
+ }
21217
+ }
21218
+
21219
+ function instance($$self, $$props, $$invalidate) {
21220
+ let {
21221
+ filename
21222
+ } = $$props;
21223
+ let {
21224
+ size
21225
+ } = $$props;
21226
+ let {
21227
+ type = ""
21228
+ } = $$props;
21229
+ let {
21230
+ progress = -1
21231
+ } = $$props;
21232
+ let {
21233
+ error = ""
21234
+ } = $$props; // Private
21235
+
21236
+ let _status = "uploading";
21237
+
21238
+ let _rootEl;
21239
+
21240
+ let _fileIcon = "goa-file";
21241
+
21242
+ function dispatch(action) {
21243
+ _rootEl.dispatchEvent(new CustomEvent(action, {
21244
+ composed: true
21245
+ }));
21246
+ }
21247
+
21248
+ const click_handler = () => dispatch("_cancel");
21249
+
21250
+ const click_handler_1 = () => dispatch("_delete");
21251
+
21252
+ const click_handler_2 = () => dispatch("_delete");
21253
+
21254
+ function div3_binding($$value) {
21255
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
21256
+ _rootEl = $$value;
21257
+ $$invalidate(5, _rootEl);
21258
+ });
21259
+ }
21260
+
21261
+ $$self.$$set = $$props => {
21262
+ if ('filename' in $$props) $$invalidate(0, filename = $$props.filename);
21263
+ if ('size' in $$props) $$invalidate(1, size = $$props.size);
21264
+ if ('type' in $$props) $$invalidate(8, type = $$props.type);
21265
+ if ('progress' in $$props) $$invalidate(2, progress = $$props.progress);
21266
+ if ('error' in $$props) $$invalidate(3, error = $$props.error);
21267
+ };
21268
+
21269
+ $$self.$$.update = () => {
21270
+ if ($$self.$$.dirty &
21271
+ /*error, progress*/
21272
+ 12) {
21273
+ // Reactive
21274
+ $$invalidate(4, _status = error && "error" || progress >= 0 && progress < 100 && "uploading" || "uploaded");
21275
+ }
21276
+
21277
+ if ($$self.$$.dirty &
21278
+ /*filename, type*/
21279
+ 257) {
21280
+ $$invalidate(6, _fileIcon = filename && type && getFiletypeIcon(filename, type));
21281
+ }
21282
+ };
21283
+
21284
+ return [filename, size, progress, error, _status, _rootEl, _fileIcon, dispatch, type, click_handler, click_handler_1, click_handler_2, div3_binding];
21285
+ }
21286
+
21287
+ class FileUploadCard extends SvelteElement {
21288
+ constructor(options) {
21289
+ super();
21290
+ 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"
21291
+ "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>`;
21292
+ init(this, {
21293
+ target: this.shadowRoot,
21294
+ props: attribute_to_object(this.attributes),
21295
+ customElement: true
21296
+ }, instance, create_fragment, safe_not_equal, {
21297
+ filename: 0,
21298
+ size: 1,
21299
+ type: 8,
21300
+ progress: 2,
21301
+ error: 3
21302
+ }, null);
21303
+
21304
+ if (options) {
21305
+ if (options.target) {
21306
+ insert(options.target, this, options.anchor);
21307
+ }
21308
+
21309
+ if (options.props) {
21310
+ this.$set(options.props);
21311
+ flush();
21312
+ }
21313
+ }
21314
+ }
21315
+
21316
+ static get observedAttributes() {
21317
+ return ["filename", "size", "type", "progress", "error"];
21318
+ }
21319
+
21320
+ get filename() {
21321
+ return this.$$.ctx[0];
21322
+ }
21323
+
21324
+ set filename(filename) {
21325
+ this.$$set({
21326
+ filename
21327
+ });
21328
+ flush();
21329
+ }
21330
+
21331
+ get size() {
21332
+ return this.$$.ctx[1];
21333
+ }
21334
+
21335
+ set size(size) {
21336
+ this.$$set({
21337
+ size
21338
+ });
21339
+ flush();
21340
+ }
21341
+
21342
+ get type() {
21343
+ return this.$$.ctx[8];
21344
+ }
21345
+
21346
+ set type(type) {
21347
+ this.$$set({
21348
+ type
21349
+ });
21350
+ flush();
21351
+ }
21352
+
21353
+ get progress() {
21354
+ return this.$$.ctx[2];
21355
+ }
21356
+
21357
+ set progress(progress) {
21358
+ this.$$set({
21359
+ progress
21360
+ });
21361
+ flush();
21362
+ }
21363
+
21364
+ get error() {
21365
+ return this.$$.ctx[3];
21366
+ }
21367
+
21368
+ set error(error) {
21369
+ this.$$set({
21370
+ error
21371
+ });
21372
+ flush();
21373
+ }
21374
+
21375
+ }
21376
+
21377
+ customElements.define("goa-file-upload-card", FileUploadCard);
21378
+
21379
+ /*! *****************************************************************************
21380
+ Copyright (c) Microsoft Corporation.
21381
+
21382
+ Permission to use, copy, modify, and/or distribute this software for any
21383
+ purpose with or without fee is hereby granted.
21384
+
21385
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
21386
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
21387
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
21388
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
21389
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
21390
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
21391
+ PERFORMANCE OF THIS SOFTWARE.
21392
+ ***************************************************************************** */
21393
+
21394
+ var __assign = function() {
21395
+ __assign = Object.assign || function __assign(t) {
21396
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
21397
+ s = arguments[i];
21398
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
21399
+ }
21400
+ return t;
21401
+ };
21402
+ return __assign.apply(this, arguments);
21403
+ };
21404
+
21405
+ function __rest(s, e) {
21406
+ var t = {};
21407
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
21408
+ t[p] = s[p];
21409
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
21410
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
21411
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
21412
+ t[p[i]] = s[p[i]];
21413
+ }
21414
+ return t;
21415
+ }
21416
+
21417
+ function GoAPages(props) {
21418
+ return jsxRuntime.jsx("goa-pages", __assign({
21419
+ current: props.current,
21420
+ ml: props.ml,
21421
+ mr: props.mr,
21422
+ mt: props.mt,
21423
+ mb: props.mb
21424
+ }, {
21425
+ children: props.children
21426
+ }), void 0);
21427
+ }
21428
+
21429
+ function GoAFileUploadCard(_a) {
21430
+ var filename = _a.filename,
21431
+ size = _a.size,
21432
+ type = _a.type,
21433
+ progress = _a.progress,
21434
+ error = _a.error,
21435
+ onDelete = _a.onDelete,
21436
+ onCancel = _a.onCancel;
21437
+ var el = react.useRef(null);
21438
+ react.useEffect(function () {
21439
+ if (!el.current) return;
21440
+ var current = el.current;
21441
+
21442
+ var deleteHandler = function deleteHandler() {
21443
+ return onDelete === null || onDelete === void 0 ? void 0 : onDelete();
21444
+ };
21445
+
21446
+ var cancelHandler = function cancelHandler() {
21447
+ return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
21448
+ };
21449
+
21450
+ current.addEventListener("_delete", deleteHandler);
21451
+ current.addEventListener("_cancel", cancelHandler);
21452
+ return function () {
21453
+ current.removeEventListener("_delete", deleteHandler);
21454
+ current.removeEventListener("_cancel", cancelHandler);
21455
+ };
21456
+ }, [el, onDelete, onCancel]);
21457
+ return jsxRuntime.jsx("goa-file-upload-card", {
21458
+ ref: el,
21459
+ filename: filename,
21460
+ size: size,
21461
+ type: type,
21462
+ progress: progress,
21463
+ error: error
21464
+ }, void 0);
21465
+ }
21466
+
21467
+ function GoAFileUploadInput(_a) {
21468
+ var variant = _a.variant,
21469
+ accept = _a.accept,
21470
+ maxFileSize = _a.maxFileSize,
21471
+ onSelectFile = _a.onSelectFile;
21472
+ var el = react.useRef(null);
21473
+ react.useEffect(function () {
21474
+ if (!el.current) return;
21475
+ var current = el.current;
21476
+
21477
+ var handler = function handler(e) {
21478
+ onSelectFile(e.detail.file);
21479
+ };
21480
+
21481
+ current.addEventListener("_selectFile", handler);
21482
+ return function () {
21483
+ current.removeEventListener("_selectFile", handler);
21484
+ };
21485
+ }, [el, onSelectFile]);
21486
+ return jsxRuntime.jsx("goa-file-upload-input", {
21487
+ ref: el,
21488
+ variant: variant,
21489
+ accept: accept,
21490
+ maxfilesize: maxFileSize
21491
+ }, void 0);
19930
21492
  }
19931
21493
 
19932
21494
  var GoAAccordion = function GoAAccordion(_a) {
@@ -21374,6 +22936,8 @@
21374
22936
  exports.GoADropdownItem = GoADropdownItem;
21375
22937
  exports.GoADropdownOption = GoADropdownOption;
21376
22938
  exports.GoAEmergencyBadge = GoAEmergencyBadge;
22939
+ exports.GoAFileUploadCard = GoAFileUploadCard;
22940
+ exports.GoAFileUploadInput = GoAFileUploadInput;
21377
22941
  exports.GoAFormItem = GoAFormItem;
21378
22942
  exports.GoAFormStep = GoAFormStep;
21379
22943
  exports.GoAFormStepper = GoAFormStepper;