@abgov/react-components 4.0.0-alpha.105 → 4.0.0-alpha.107

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 +1 -0
  2. package/lib/input/input.d.ts +2 -0
  3. package/lib/pagination/pagination.d.ts +25 -0
  4. package/package.json +1 -1
  5. package/react-components.esm.js +819 -241
  6. package/react-components.umd.js +818 -240
package/react-components.esm.js CHANGED
@@ -1083,7 +1083,7 @@ function create_else_block$4(ctx) {
1083
1083
  } // (19:4) {#if url}
1084
1084
 
1085
1085
 
1086
- function create_if_block$h(ctx) {
1086
+ function create_if_block$i(ctx) {
1087
1087
  let a;
1088
1088
  let img0;
1089
1089
  let img0_src_value;
@@ -1150,7 +1150,7 @@ function create_if_block$h(ctx) {
1150
1150
  };
1151
1151
  }
1152
1152
 
1153
- function create_fragment$F(ctx) {
1153
+ function create_fragment$G(ctx) {
1154
1154
  let div2;
1155
1155
  let div1;
1156
1156
  let t;
@@ -1160,7 +1160,7 @@ function create_fragment$F(ctx) {
1160
1160
  function select_block_type(ctx, dirty) {
1161
1161
  if (
1162
1162
  /*url*/
1163
- ctx[1]) return create_if_block$h;
1163
+ ctx[1]) return create_if_block$i;
1164
1164
  return create_else_block$4;
1165
1165
  }
1166
1166
 
@@ -1234,7 +1234,7 @@ function create_fragment$F(ctx) {
1234
1234
  };
1235
1235
  }
1236
1236
 
1237
- function instance$z($$self, $$props, $$invalidate) {
1237
+ function instance$A($$self, $$props, $$invalidate) {
1238
1238
  let {
1239
1239
  heading = ""
1240
1240
  } = $$props;
@@ -1266,7 +1266,7 @@ class AppHeader extends SvelteElement {
1266
1266
  target: this.shadowRoot,
1267
1267
  props: attribute_to_object(this.attributes),
1268
1268
  customElement: true
1269
- }, instance$z, create_fragment$F, safe_not_equal, {
1269
+ }, instance$A, create_fragment$G, safe_not_equal, {
1270
1270
  heading: 0,
1271
1271
  url: 1,
1272
1272
  testid: 2,
@@ -1451,7 +1451,7 @@ function create_if_block_1$a(ctx) {
1451
1451
  } // (50:2) {#if content}
1452
1452
 
1453
1453
 
1454
- function create_if_block$g(ctx) {
1454
+ function create_if_block$h(ctx) {
1455
1455
  let div;
1456
1456
  let t;
1457
1457
  return {
@@ -1483,7 +1483,7 @@ function create_if_block$g(ctx) {
1483
1483
  };
1484
1484
  }
1485
1485
 
1486
- function create_fragment$E(ctx) {
1486
+ function create_fragment$F(ctx) {
1487
1487
  let div;
1488
1488
  let t;
1489
1489
  let div_style_value;
@@ -1500,7 +1500,7 @@ function create_fragment$E(ctx) {
1500
1500
  let if_block0 = current_block_type(ctx);
1501
1501
  let if_block1 =
1502
1502
  /*content*/
1503
- ctx[2] && create_if_block$g(ctx);
1503
+ ctx[2] && create_if_block$h(ctx);
1504
1504
  return {
1505
1505
  c() {
1506
1506
  div = element("div");
@@ -1557,7 +1557,7 @@ function create_fragment$E(ctx) {
1557
1557
  if (if_block1) {
1558
1558
  if_block1.p(ctx, dirty);
1559
1559
  } else {
1560
- if_block1 = create_if_block$g(ctx);
1560
+ if_block1 = create_if_block$h(ctx);
1561
1561
  if_block1.c();
1562
1562
  if_block1.m(div, null);
1563
1563
  }
@@ -1619,7 +1619,7 @@ function create_fragment$E(ctx) {
1619
1619
  };
1620
1620
  }
1621
1621
 
1622
- function instance$y($$self, $$props, $$invalidate) {
1622
+ function instance$z($$self, $$props, $$invalidate) {
1623
1623
  let showIcon;
1624
1624
  let iconType;
1625
1625
  const [Types, validateType] = typeValidator("Badge type", ["success", "important", "information", "emergency", "dark", "midtone", "light"], true);
@@ -1699,7 +1699,7 @@ class Badge extends SvelteElement {
1699
1699
  target: this.shadowRoot,
1700
1700
  props: attribute_to_object(this.attributes),
1701
1701
  customElement: true
1702
- }, instance$y, create_fragment$E, safe_not_equal, {
1702
+ }, instance$z, create_fragment$F, safe_not_equal, {
1703
1703
  type: 0,
1704
1704
  testid: 1,
1705
1705
  content: 2,
@@ -1819,7 +1819,7 @@ class Badge extends SvelteElement {
1819
1819
  customElements.define("goa-badge", Badge);
1820
1820
  /* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.51.0 */
1821
1821
 
1822
- function create_fragment$D(ctx) {
1822
+ function create_fragment$E(ctx) {
1823
1823
  let div;
1824
1824
  let slot;
1825
1825
  let div_style_value;
@@ -1838,7 +1838,7 @@ function create_fragment$D(ctx) {
1838
1838
  /*mb*/
1839
1839
  ctx[5],
1840
1840
  /*ml*/
1841
- ctx[6])}
1841
+ ctx[6])};
1842
1842
  --gap: var(--goa-space-${
1843
1843
  /*gap*/
1844
1844
  ctx[0]});
@@ -1868,7 +1868,7 @@ function create_fragment$D(ctx) {
1868
1868
  /*mb*/
1869
1869
  ctx[5],
1870
1870
  /*ml*/
1871
- ctx[6])}
1871
+ ctx[6])};
1872
1872
  --gap: var(--goa-space-${
1873
1873
  /*gap*/
1874
1874
  ctx[0]});
@@ -1893,7 +1893,7 @@ function create_fragment$D(ctx) {
1893
1893
  };
1894
1894
  }
1895
1895
 
1896
- function instance$x($$self, $$props, $$invalidate) {
1896
+ function instance$y($$self, $$props, $$invalidate) {
1897
1897
  let {
1898
1898
  gap = "m"
1899
1899
  } = $$props;
@@ -1937,7 +1937,7 @@ class Block extends SvelteElement {
1937
1937
  target: this.shadowRoot,
1938
1938
  props: attribute_to_object(this.attributes),
1939
1939
  customElement: true
1940
- }, instance$x, create_fragment$D, safe_not_equal, {
1940
+ }, instance$y, create_fragment$E, safe_not_equal, {
1941
1941
  gap: 0,
1942
1942
  direction: 1,
1943
1943
  alignment: 2,
@@ -2119,10 +2119,10 @@ function create_else_block$2(ctx) {
2119
2119
  }
2120
2120
 
2121
2121
  };
2122
- } // (45:2) {#if type === "start"}
2122
+ } // (46:2) {#if type === "start"}
2123
2123
 
2124
2124
 
2125
- function create_if_block$f(ctx) {
2125
+ function create_if_block$g(ctx) {
2126
2126
  let span;
2127
2127
  let t;
2128
2128
  let goa_icon;
@@ -2153,7 +2153,7 @@ function create_if_block$f(ctx) {
2153
2153
  }
2154
2154
 
2155
2155
  };
2156
- } // (51:4) {#if leadingicon}
2156
+ } // (52:4) {#if leadingicon}
2157
2157
 
2158
2158
 
2159
2159
  function create_if_block_2$6(ctx) {
@@ -2167,7 +2167,7 @@ function create_if_block_2$6(ctx) {
2167
2167
  ctx[3]);
2168
2168
  set_custom_element_data(goa_icon, "inverted",
2169
2169
  /*isButtonDark*/
2170
- ctx[10]);
2170
+ ctx[11]);
2171
2171
  },
2172
2172
 
2173
2173
  m(target, anchor) {
@@ -2185,10 +2185,10 @@ function create_if_block_2$6(ctx) {
2185
2185
 
2186
2186
  if (dirty &
2187
2187
  /*isButtonDark*/
2188
- 1024) {
2188
+ 2048) {
2189
2189
  set_custom_element_data(goa_icon, "inverted",
2190
2190
  /*isButtonDark*/
2191
- ctx[10]);
2191
+ ctx[11]);
2192
2192
  }
2193
2193
  },
2194
2194
 
@@ -2197,7 +2197,7 @@ function create_if_block_2$6(ctx) {
2197
2197
  }
2198
2198
 
2199
2199
  };
2200
- } // (57:4) {#if trailingicon}
2200
+ } // (58:4) {#if trailingicon}
2201
2201
 
2202
2202
 
2203
2203
  function create_if_block_1$9(ctx) {
@@ -2211,7 +2211,7 @@ function create_if_block_1$9(ctx) {
2211
2211
  ctx[4]);
2212
2212
  set_custom_element_data(goa_icon, "inverted",
2213
2213
  /*isButtonDark*/
2214
- ctx[10]);
2214
+ ctx[11]);
2215
2215
  },
2216
2216
 
2217
2217
  m(target, anchor) {
@@ -2229,10 +2229,10 @@ function create_if_block_1$9(ctx) {
2229
2229
 
2230
2230
  if (dirty &
2231
2231
  /*isButtonDark*/
2232
- 1024) {
2232
+ 2048) {
2233
2233
  set_custom_element_data(goa_icon, "inverted",
2234
2234
  /*isButtonDark*/
2235
- ctx[10]);
2235
+ ctx[11]);
2236
2236
  }
2237
2237
  },
2238
2238
 
@@ -2243,7 +2243,7 @@ function create_if_block_1$9(ctx) {
2243
2243
  };
2244
2244
  }
2245
2245
 
2246
- function create_fragment$C(ctx) {
2246
+ function create_fragment$D(ctx) {
2247
2247
  let button;
2248
2248
  let button_class_value;
2249
2249
  let button_style_value;
@@ -2253,7 +2253,7 @@ function create_fragment$C(ctx) {
2253
2253
  function select_block_type(ctx, dirty) {
2254
2254
  if (
2255
2255
  /*type*/
2256
- ctx[0] === "start") return create_if_block$f;
2256
+ ctx[0] === "start") return create_if_block$g;
2257
2257
  return create_else_block$2;
2258
2258
  }
2259
2259
 
@@ -2282,7 +2282,7 @@ function create_fragment$C(ctx) {
2282
2282
  ctx[9]));
2283
2283
  button.disabled =
2284
2284
  /*isDisabled*/
2285
- ctx[11];
2285
+ ctx[10];
2286
2286
  attr(button, "data-testid",
2287
2287
  /*testid*/
2288
2288
  ctx[5]);
@@ -2301,7 +2301,11 @@ function create_fragment$C(ctx) {
2301
2301
  if_block.m(button, null);
2302
2302
 
2303
2303
  if (!mounted) {
2304
- dispose = [listen(button, "click", clickHandler), listen(button, "click", clickHandler)];
2304
+ dispose = [listen(button, "click",
2305
+ /*clickHandler*/
2306
+ ctx[12]), listen(button, "click",
2307
+ /*clickHandler*/
2308
+ ctx[12])];
2305
2309
  mounted = true;
2306
2310
  }
2307
2311
  },
@@ -2347,10 +2351,10 @@ function create_fragment$C(ctx) {
2347
2351
 
2348
2352
  if (dirty &
2349
2353
  /*isDisabled*/
2350
- 2048) {
2354
+ 1024) {
2351
2355
  button.disabled =
2352
2356
  /*isDisabled*/
2353
- ctx[11];
2357
+ ctx[10];
2354
2358
  }
2355
2359
 
2356
2360
  if (dirty &
@@ -2393,15 +2397,7 @@ function create_fragment$C(ctx) {
2393
2397
  };
2394
2398
  }
2395
2399
 
2396
- function clickHandler(e) {
2397
- this.dispatchEvent(new CustomEvent("_click", {
2398
- composed: true,
2399
- bubbles: true
2400
- }));
2401
- e.stopPropagation();
2402
- }
2403
-
2404
- function instance$w($$self, $$props, $$invalidate) {
2400
+ function instance$x($$self, $$props, $$invalidate) {
2405
2401
  let isDisabled;
2406
2402
  let isButtonDark;
2407
2403
  const [Types, validateType] = typeValidator("Button type", ["primary", "submit", "secondary", "tertiary", "start"], true);
@@ -2440,6 +2436,16 @@ function instance$w($$self, $$props, $$invalidate) {
2440
2436
  let {
2441
2437
  ml = null
2442
2438
  } = $$props;
2439
+
2440
+ function clickHandler(e) {
2441
+ if (!isDisabled) {
2442
+ this.dispatchEvent(new CustomEvent("_click", {
2443
+ composed: true,
2444
+ bubbles: true
2445
+ }));
2446
+ }
2447
+ }
2448
+
2443
2449
  onMount(() => {
2444
2450
  validateType(type);
2445
2451
  validateSize(size);
@@ -2450,7 +2456,7 @@ function instance$w($$self, $$props, $$invalidate) {
2450
2456
  if ('type' in $$props) $$invalidate(0, type = $$props.type);
2451
2457
  if ('size' in $$props) $$invalidate(1, size = $$props.size);
2452
2458
  if ('variant' in $$props) $$invalidate(2, variant = $$props.variant);
2453
- if ('disabled' in $$props) $$invalidate(12, disabled = $$props.disabled);
2459
+ if ('disabled' in $$props) $$invalidate(13, disabled = $$props.disabled);
2454
2460
  if ('leadingicon' in $$props) $$invalidate(3, leadingicon = $$props.leadingicon);
2455
2461
  if ('trailingicon' in $$props) $$invalidate(4, trailingicon = $$props.trailingicon);
2456
2462
  if ('testid' in $$props) $$invalidate(5, testid = $$props.testid);
@@ -2463,18 +2469,18 @@ function instance$w($$self, $$props, $$invalidate) {
2463
2469
  $$self.$$.update = () => {
2464
2470
  if ($$self.$$.dirty &
2465
2471
  /*disabled*/
2466
- 4096) {
2467
- $$invalidate(11, isDisabled = toBoolean(disabled));
2472
+ 8192) {
2473
+ $$invalidate(10, isDisabled = toBoolean(disabled));
2468
2474
  }
2469
2475
 
2470
2476
  if ($$self.$$.dirty &
2471
2477
  /*type*/
2472
2478
  1) {
2473
- $$invalidate(10, isButtonDark = type === "primary" || type === "start");
2479
+ $$invalidate(11, isButtonDark = type === "primary" || type === "start");
2474
2480
  }
2475
2481
  };
2476
2482
 
2477
- return [type, size, variant, leadingicon, trailingicon, testid, mt, mr, mb, ml, isButtonDark, isDisabled, disabled];
2483
+ return [type, size, variant, leadingicon, trailingicon, testid, mt, mr, mb, ml, isDisabled, isButtonDark, clickHandler, disabled];
2478
2484
  }
2479
2485
 
2480
2486
  class Button extends SvelteElement {
@@ -2486,11 +2492,11 @@ class Button extends SvelteElement {
2486
2492
  target: this.shadowRoot,
2487
2493
  props: attribute_to_object(this.attributes),
2488
2494
  customElement: true
2489
- }, instance$w, create_fragment$C, safe_not_equal, {
2495
+ }, instance$x, create_fragment$D, safe_not_equal, {
2490
2496
  type: 0,
2491
2497
  size: 1,
2492
2498
  variant: 2,
2493
- disabled: 12,
2499
+ disabled: 13,
2494
2500
  leadingicon: 3,
2495
2501
  trailingicon: 4,
2496
2502
  testid: 5,
@@ -2550,7 +2556,7 @@ class Button extends SvelteElement {
2550
2556
  }
2551
2557
 
2552
2558
  get disabled() {
2553
- return this.$$.ctx[12];
2559
+ return this.$$.ctx[13];
2554
2560
  }
2555
2561
 
2556
2562
  set disabled(disabled) {
@@ -2642,7 +2648,7 @@ class Button extends SvelteElement {
2642
2648
  customElements.define("goa-button", Button);
2643
2649
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */
2644
2650
 
2645
- function create_fragment$B(ctx) {
2651
+ function create_fragment$C(ctx) {
2646
2652
  let div;
2647
2653
  let slot;
2648
2654
  let div_style_value;
@@ -2712,7 +2718,7 @@ function create_fragment$B(ctx) {
2712
2718
  };
2713
2719
  }
2714
2720
 
2715
- function instance$v($$self, $$props, $$invalidate) {
2721
+ function instance$w($$self, $$props, $$invalidate) {
2716
2722
  let _alignment;
2717
2723
 
2718
2724
  let {
@@ -2776,7 +2782,7 @@ class ButtonGroup extends SvelteElement {
2776
2782
  target: this.shadowRoot,
2777
2783
  props: attribute_to_object(this.attributes),
2778
2784
  customElement: true
2779
- }, instance$v, create_fragment$B, safe_not_equal, {
2785
+ }, instance$w, create_fragment$C, safe_not_equal, {
2780
2786
  alignment: 7,
2781
2787
  gap: 0,
2782
2788
  testid: 1,
@@ -2884,7 +2890,7 @@ class ButtonGroup extends SvelteElement {
2884
2890
  customElements.define("goa-button-group", ButtonGroup);
2885
2891
  /* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */
2886
2892
 
2887
- function create_if_block$e(ctx) {
2893
+ function create_if_block$f(ctx) {
2888
2894
  let h3;
2889
2895
  let t;
2890
2896
  return {
@@ -2915,7 +2921,7 @@ function create_if_block$e(ctx) {
2915
2921
  };
2916
2922
  }
2917
2923
 
2918
- function create_fragment$A(ctx) {
2924
+ function create_fragment$B(ctx) {
2919
2925
  let div;
2920
2926
  let span0;
2921
2927
  let goa_icon;
@@ -2928,7 +2934,7 @@ function create_fragment$A(ctx) {
2928
2934
  let div_style_value;
2929
2935
  let if_block =
2930
2936
  /*heading*/
2931
- ctx[5] && create_if_block$e(ctx);
2937
+ ctx[5] && create_if_block$f(ctx);
2932
2938
  return {
2933
2939
  c() {
2934
2940
  div = element("div");
@@ -3007,7 +3013,7 @@ function create_fragment$A(ctx) {
3007
3013
  if (if_block) {
3008
3014
  if_block.p(ctx, dirty);
3009
3015
  } else {
3010
- if_block = create_if_block$e(ctx);
3016
+ if_block = create_if_block$f(ctx);
3011
3017
  if_block.c();
3012
3018
  if_block.m(span1, t1);
3013
3019
  }
@@ -3050,7 +3056,7 @@ function create_fragment$A(ctx) {
3050
3056
  };
3051
3057
  }
3052
3058
 
3053
- function instance$u($$self, $$props, $$invalidate) {
3059
+ function instance$v($$self, $$props, $$invalidate) {
3054
3060
  let iconType;
3055
3061
  const [Types, validateType] = typeValidator("Callout type", ["emergency", "important", "information", "event", "success"], true);
3056
3062
  let {
@@ -3107,7 +3113,7 @@ class Callout extends SvelteElement {
3107
3113
  target: this.shadowRoot,
3108
3114
  props: attribute_to_object(this.attributes),
3109
3115
  customElement: true
3110
- }, instance$u, create_fragment$A, safe_not_equal, {
3116
+ }, instance$v, create_fragment$B, safe_not_equal, {
3111
3117
  mt: 0,
3112
3118
  mr: 1,
3113
3119
  mb: 2,
@@ -3215,7 +3221,7 @@ class Callout extends SvelteElement {
3215
3221
  customElements.define("goa-callout", Callout);
3216
3222
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */
3217
3223
 
3218
- function create_fragment$z(ctx) {
3224
+ function create_fragment$A(ctx) {
3219
3225
  let goa_card_content;
3220
3226
  return {
3221
3227
  c() {
@@ -3246,7 +3252,7 @@ class CardActions extends SvelteElement {
3246
3252
  target: this.shadowRoot,
3247
3253
  props: attribute_to_object(this.attributes),
3248
3254
  customElement: true
3249
- }, null, create_fragment$z, safe_not_equal, {}, null);
3255
+ }, null, create_fragment$A, safe_not_equal, {}, null);
3250
3256
 
3251
3257
  if (options) {
3252
3258
  if (options.target) {
@@ -3260,7 +3266,7 @@ class CardActions extends SvelteElement {
3260
3266
  customElements.define("goa-card-actions", CardActions);
3261
3267
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */
3262
3268
 
3263
- function create_fragment$y(ctx) {
3269
+ function create_fragment$z(ctx) {
3264
3270
  let div;
3265
3271
  let slot;
3266
3272
  let div_style_value;
@@ -3339,7 +3345,7 @@ function create_fragment$y(ctx) {
3339
3345
  };
3340
3346
  }
3341
3347
 
3342
- function instance$t($$self, $$props, $$invalidate) {
3348
+ function instance$u($$self, $$props, $$invalidate) {
3343
3349
  let {
3344
3350
  elevation = 0
3345
3351
  } = $$props;
@@ -3387,7 +3393,7 @@ class Card extends SvelteElement {
3387
3393
  target: this.shadowRoot,
3388
3394
  props: attribute_to_object(this.attributes),
3389
3395
  customElement: true
3390
- }, instance$t, create_fragment$y, safe_not_equal, {
3396
+ }, instance$u, create_fragment$z, safe_not_equal, {
3391
3397
  elevation: 0,
3392
3398
  width: 1,
3393
3399
  height: 2,
@@ -3507,7 +3513,7 @@ class Card extends SvelteElement {
3507
3513
  customElements.define("goa-card", Card);
3508
3514
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */
3509
3515
 
3510
- function create_fragment$x(ctx) {
3516
+ function create_fragment$y(ctx) {
3511
3517
  let div;
3512
3518
  return {
3513
3519
  c() {
@@ -3540,7 +3546,7 @@ class CardContent extends SvelteElement {
3540
3546
  target: this.shadowRoot,
3541
3547
  props: attribute_to_object(this.attributes),
3542
3548
  customElement: true
3543
- }, null, create_fragment$x, safe_not_equal, {}, null);
3549
+ }, null, create_fragment$y, safe_not_equal, {}, null);
3544
3550
 
3545
3551
  if (options) {
3546
3552
  if (options.target) {
@@ -3554,7 +3560,7 @@ class CardContent extends SvelteElement {
3554
3560
  customElements.define("goa-card-content", CardContent);
3555
3561
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */
3556
3562
 
3557
- function create_fragment$w(ctx) {
3563
+ function create_fragment$x(ctx) {
3558
3564
  let div;
3559
3565
  return {
3560
3566
  c() {
@@ -3587,7 +3593,7 @@ class CardGroup extends SvelteElement {
3587
3593
  target: this.shadowRoot,
3588
3594
  props: attribute_to_object(this.attributes),
3589
3595
  customElement: true
3590
- }, null, create_fragment$w, safe_not_equal, {}, null);
3596
+ }, null, create_fragment$x, safe_not_equal, {}, null);
3591
3597
 
3592
3598
  if (options) {
3593
3599
  if (options.target) {
@@ -3601,7 +3607,7 @@ class CardGroup extends SvelteElement {
3601
3607
  customElements.define("goa-card-group", CardGroup);
3602
3608
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */
3603
3609
 
3604
- function create_fragment$v(ctx) {
3610
+ function create_fragment$w(ctx) {
3605
3611
  let div;
3606
3612
  return {
3607
3613
  c() {
@@ -3649,7 +3655,7 @@ function create_fragment$v(ctx) {
3649
3655
  };
3650
3656
  }
3651
3657
 
3652
- function instance$s($$self, $$props, $$invalidate) {
3658
+ function instance$t($$self, $$props, $$invalidate) {
3653
3659
  let {
3654
3660
  src
3655
3661
  } = $$props;
@@ -3673,7 +3679,7 @@ class CardImage extends SvelteElement {
3673
3679
  target: this.shadowRoot,
3674
3680
  props: attribute_to_object(this.attributes),
3675
3681
  customElement: true
3676
- }, instance$s, create_fragment$v, safe_not_equal, {
3682
+ }, instance$t, create_fragment$w, safe_not_equal, {
3677
3683
  src: 0,
3678
3684
  height: 1
3679
3685
  }, null);
@@ -3748,7 +3754,7 @@ function create_if_block_1$8(ctx) {
3748
3754
  } // (68:4) {#if isIndeterminate}
3749
3755
 
3750
3756
 
3751
- function create_if_block$d(ctx) {
3757
+ function create_if_block$e(ctx) {
3752
3758
  let svg;
3753
3759
  let rect;
3754
3760
  return {
@@ -3775,7 +3781,7 @@ function create_if_block$d(ctx) {
3775
3781
  };
3776
3782
  }
3777
3783
 
3778
- function create_fragment$u(ctx) {
3784
+ function create_fragment$v(ctx) {
3779
3785
  let label;
3780
3786
  let div0;
3781
3787
  let input;
@@ -3793,7 +3799,7 @@ function create_fragment$u(ctx) {
3793
3799
  function select_block_type(ctx, dirty) {
3794
3800
  if (
3795
3801
  /*isIndeterminate*/
3796
- ctx[10]) return create_if_block$d;
3802
+ ctx[10]) return create_if_block$e;
3797
3803
  if (
3798
3804
  /*isChecked*/
3799
3805
  ctx[9]) return create_if_block_1$8;
@@ -4024,7 +4030,7 @@ function create_fragment$u(ctx) {
4024
4030
  };
4025
4031
  }
4026
4032
 
4027
- function instance$r($$self, $$props, $$invalidate) {
4033
+ function instance$s($$self, $$props, $$invalidate) {
4028
4034
  let isDisabled;
4029
4035
  let isError;
4030
4036
  let isChecked;
@@ -4139,7 +4145,7 @@ class Checkbox extends SvelteElement {
4139
4145
  target: this.shadowRoot,
4140
4146
  props: attribute_to_object(this.attributes),
4141
4147
  customElement: true
4142
- }, instance$r, create_fragment$u, safe_not_equal, {
4148
+ }, instance$s, create_fragment$v, safe_not_equal, {
4143
4149
  name: 0,
4144
4150
  checked: 14,
4145
4151
  text: 1,
@@ -4341,7 +4347,7 @@ function create_if_block_1$7(ctx) {
4341
4347
  } // (54:2) {#if _deletable}
4342
4348
 
4343
4349
 
4344
- function create_if_block$c(ctx) {
4350
+ function create_if_block$d(ctx) {
4345
4351
  let goa_icon;
4346
4352
  let goa_icon_fillcolor_value;
4347
4353
  let goa_icon_opacity_value;
@@ -4397,7 +4403,7 @@ function create_if_block$c(ctx) {
4397
4403
  };
4398
4404
  }
4399
4405
 
4400
- function create_fragment$t(ctx) {
4406
+ function create_fragment$u(ctx) {
4401
4407
  let div1;
4402
4408
  let t0;
4403
4409
  let div0;
@@ -4411,7 +4417,7 @@ function create_fragment$t(ctx) {
4411
4417
  ctx[4] && create_if_block_1$7(ctx);
4412
4418
  let if_block1 =
4413
4419
  /*_deletable*/
4414
- ctx[11] && create_if_block$c(ctx);
4420
+ ctx[11] && create_if_block$d(ctx);
4415
4421
  return {
4416
4422
  c() {
4417
4423
  div1 = element("div");
@@ -4506,7 +4512,7 @@ function create_fragment$t(ctx) {
4506
4512
  if (if_block1) {
4507
4513
  if_block1.p(ctx, dirty);
4508
4514
  } else {
4509
- if_block1 = create_if_block$c(ctx);
4515
+ if_block1 = create_if_block$d(ctx);
4510
4516
  if_block1.c();
4511
4517
  if_block1.m(div1, null);
4512
4518
  }
@@ -4579,7 +4585,7 @@ function create_fragment$t(ctx) {
4579
4585
  };
4580
4586
  }
4581
4587
 
4582
- function instance$q($$self, $$props, $$invalidate) {
4588
+ function instance$r($$self, $$props, $$invalidate) {
4583
4589
  let {
4584
4590
  mt = null
4585
4591
  } = $$props;
@@ -4680,7 +4686,7 @@ class Chip extends SvelteElement {
4680
4686
  target: this.shadowRoot,
4681
4687
  props: attribute_to_object(this.attributes),
4682
4688
  customElement: true
4683
- }, instance$q, create_fragment$t, safe_not_equal, {
4689
+ }, instance$r, create_fragment$u, safe_not_equal, {
4684
4690
  mt: 0,
4685
4691
  mr: 1,
4686
4692
  mb: 2,
@@ -4937,7 +4943,7 @@ function noscroll(_node, opts) {
4937
4943
  /* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.51.0 */
4938
4944
 
4939
4945
 
4940
- function create_if_block$b(ctx) {
4946
+ function create_if_block$c(ctx) {
4941
4947
  let current_block_type_index;
4942
4948
  let if_block;
4943
4949
  let if_block_anchor;
@@ -5308,12 +5314,12 @@ function create_if_block_2$5(ctx) {
5308
5314
  };
5309
5315
  }
5310
5316
 
5311
- function create_fragment$s(ctx) {
5317
+ function create_fragment$t(ctx) {
5312
5318
  let if_block_anchor;
5313
5319
  let current;
5314
5320
  let if_block =
5315
5321
  /*isVisible*/
5316
- ctx[5] && create_if_block$b(ctx);
5322
+ ctx[5] && create_if_block$c(ctx);
5317
5323
  return {
5318
5324
  c() {
5319
5325
  if (if_block) if_block.c();
@@ -5340,7 +5346,7 @@ function create_fragment$s(ctx) {
5340
5346
  transition_in(if_block, 1);
5341
5347
  }
5342
5348
  } else {
5343
- if_block = create_if_block$b(ctx);
5349
+ if_block = create_if_block$c(ctx);
5344
5350
  if_block.c();
5345
5351
  transition_in(if_block, 1);
5346
5352
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -5373,7 +5379,7 @@ function create_fragment$s(ctx) {
5373
5379
  };
5374
5380
  }
5375
5381
 
5376
- function instance$p($$self, $$props, $$invalidate) {
5382
+ function instance$q($$self, $$props, $$invalidate) {
5377
5383
  let isVisible;
5378
5384
  const [Variants, validateVariant] = typeValidator("Circular progress variant", ["fullscreen", "inline"]);
5379
5385
  const [Sizes, validateSize] = typeValidator("Button size", ["small", "large"]);
@@ -5430,7 +5436,7 @@ class CircularProgress extends SvelteElement {
5430
5436
  target: this.shadowRoot,
5431
5437
  props: attribute_to_object(this.attributes),
5432
5438
  customElement: true
5433
- }, instance$p, create_fragment$s, safe_not_equal, {
5439
+ }, instance$q, create_fragment$t, safe_not_equal, {
5434
5440
  variant: 6,
5435
5441
  size: 7,
5436
5442
  message: 0,
@@ -5514,7 +5520,7 @@ class CircularProgress extends SvelteElement {
5514
5520
  customElements.define("goa-circular-progress", CircularProgress);
5515
5521
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.51.0 */
5516
5522
 
5517
- function create_fragment$r(ctx) {
5523
+ function create_fragment$s(ctx) {
5518
5524
  let div3;
5519
5525
  let header;
5520
5526
  let div0;
@@ -5639,7 +5645,7 @@ function create_fragment$r(ctx) {
5639
5645
  };
5640
5646
  }
5641
5647
 
5642
- function instance$o($$self, $$props, $$invalidate) {
5648
+ function instance$p($$self, $$props, $$invalidate) {
5643
5649
  const [Types, validateType] = typeValidator("Container type", ["interactive", "info", "error", "success", "important", "non-interactive"]);
5644
5650
  const [Accents, validateAccent] = typeValidator("Container accent", ["thick", "thin", "filled"]);
5645
5651
  const [Paddings, validatePadding] = typeValidator("Container padding", ["relaxed", "compact"]);
@@ -5695,7 +5701,7 @@ class Container extends SvelteElement {
5695
5701
  target: this.shadowRoot,
5696
5702
  props: attribute_to_object(this.attributes),
5697
5703
  customElement: true
5698
- }, instance$o, create_fragment$r, safe_not_equal, {
5704
+ }, instance$p, create_fragment$s, safe_not_equal, {
5699
5705
  type: 0,
5700
5706
  accent: 1,
5701
5707
  padding: 2,
@@ -5815,7 +5821,7 @@ class Container extends SvelteElement {
5815
5821
  customElements.define("goa-container", Container);
5816
5822
  /* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.51.0 */
5817
5823
 
5818
- function create_fragment$q(ctx) {
5824
+ function create_fragment$r(ctx) {
5819
5825
  let hr;
5820
5826
  let hr_style_value;
5821
5827
  return {
@@ -5874,7 +5880,7 @@ function create_fragment$q(ctx) {
5874
5880
  };
5875
5881
  }
5876
5882
 
5877
- function instance$n($$self, $$props, $$invalidate) {
5883
+ function instance$o($$self, $$props, $$invalidate) {
5878
5884
  let {
5879
5885
  testid = ""
5880
5886
  } = $$props;
@@ -5910,7 +5916,7 @@ class Divider extends SvelteElement {
5910
5916
  target: this.shadowRoot,
5911
5917
  props: attribute_to_object(this.attributes),
5912
5918
  customElement: true
5913
- }, instance$n, create_fragment$q, safe_not_equal, {
5919
+ }, instance$o, create_fragment$r, safe_not_equal, {
5914
5920
  testid: 0,
5915
5921
  mt: 1,
5916
5922
  mr: 2,
@@ -6277,7 +6283,7 @@ function create_else_block$1(ctx) {
6277
6283
  } // (237:2) {#if _native}
6278
6284
 
6279
6285
 
6280
- function create_if_block$a(ctx) {
6286
+ function create_if_block$b(ctx) {
6281
6287
  let select;
6282
6288
  let slot;
6283
6289
  let select_aria_label_value;
@@ -6700,7 +6706,7 @@ function create_each_block$4(ctx) {
6700
6706
  };
6701
6707
  }
6702
6708
 
6703
- function create_fragment$p(ctx) {
6709
+ function create_fragment$q(ctx) {
6704
6710
  let div;
6705
6711
  let div_data_testid_value;
6706
6712
  let div_style_value;
@@ -6708,7 +6714,7 @@ function create_fragment$p(ctx) {
6708
6714
  function select_block_type(ctx, dirty) {
6709
6715
  if (
6710
6716
  /*_native*/
6711
- ctx[22]) return create_if_block$a;
6717
+ ctx[22]) return create_if_block$b;
6712
6718
  return create_else_block$1;
6713
6719
  }
6714
6720
 
@@ -6817,7 +6823,7 @@ function create_fragment$p(ctx) {
6817
6823
  };
6818
6824
  }
6819
6825
 
6820
- function instance$m($$self, $$props, $$invalidate) {
6826
+ function instance$n($$self, $$props, $$invalidate) {
6821
6827
  let _disabled;
6822
6828
 
6823
6829
  let _error;
@@ -7207,7 +7213,7 @@ class Dropdown extends SvelteElement {
7207
7213
  target: this.shadowRoot,
7208
7214
  props: attribute_to_object(this.attributes),
7209
7215
  customElement: true
7210
- }, instance$m, create_fragment$p, safe_not_equal, {
7216
+ }, instance$n, create_fragment$q, safe_not_equal, {
7211
7217
  name: 0,
7212
7218
  arialabel: 1,
7213
7219
  value: 28,
@@ -7411,7 +7417,7 @@ class Dropdown extends SvelteElement {
7411
7417
  customElements.define("goa-dropdown", Dropdown);
7412
7418
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
7413
7419
 
7414
- function create_fragment$o(ctx) {
7420
+ function create_fragment$p(ctx) {
7415
7421
  return {
7416
7422
  c() {
7417
7423
  this.c = noop;
@@ -7432,7 +7438,7 @@ class DropdownItem extends SvelteElement {
7432
7438
  target: this.shadowRoot,
7433
7439
  props: attribute_to_object(this.attributes),
7434
7440
  customElement: true
7435
- }, null, create_fragment$o, safe_not_equal, {}, null);
7441
+ }, null, create_fragment$p, safe_not_equal, {}, null);
7436
7442
 
7437
7443
  if (options) {
7438
7444
  if (options.target) {
@@ -7446,7 +7452,7 @@ class DropdownItem extends SvelteElement {
7446
7452
  customElements.define("goa-dropdown-item", DropdownItem);
7447
7453
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
7448
7454
 
7449
- function create_fragment$n(ctx) {
7455
+ function create_fragment$o(ctx) {
7450
7456
  let div;
7451
7457
  return {
7452
7458
  c() {
@@ -7507,7 +7513,7 @@ function isFocusable(element) {
7507
7513
  }
7508
7514
  }
7509
7515
 
7510
- function instance$l($$self, $$props, $$invalidate) {
7516
+ function instance$m($$self, $$props, $$invalidate) {
7511
7517
  let isActive;
7512
7518
  let {
7513
7519
  active
@@ -7676,7 +7682,7 @@ class FocusTrap extends SvelteElement {
7676
7682
  target: this.shadowRoot,
7677
7683
  props: attribute_to_object(this.attributes),
7678
7684
  customElement: true
7679
- }, instance$l, create_fragment$n, safe_not_equal, {
7685
+ }, instance$m, create_fragment$o, safe_not_equal, {
7680
7686
  active: 1
7681
7687
  }, null);
7682
7688
 
@@ -7712,7 +7718,7 @@ class FocusTrap extends SvelteElement {
7712
7718
  customElements.define("goa-focus-trap", FocusTrap);
7713
7719
  /* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.51.0 */
7714
7720
 
7715
- function create_if_block$9(ctx) {
7721
+ function create_if_block$a(ctx) {
7716
7722
  let goa_divider;
7717
7723
  return {
7718
7724
  c() {
@@ -7731,9 +7737,7 @@ function create_if_block$9(ctx) {
7731
7737
  };
7732
7738
  }
7733
7739
 
7734
- function create_fragment$m(ctx) {
7735
- var _ctx$;
7736
-
7740
+ function create_fragment$n(ctx) {
7737
7741
  let div5;
7738
7742
  let div4;
7739
7743
  let div0;
@@ -7749,11 +7753,11 @@ function create_fragment$m(ctx) {
7749
7753
  let div5_style_value;
7750
7754
  let if_block =
7751
7755
  /*navLinks*/
7752
- ((_ctx$ = ctx[2]) === null || _ctx$ === void 0 ? void 0 : _ctx$.length) && create_if_block$9();
7756
+ ctx[2] &&
7757
+ /*navLinks*/
7758
+ ctx[2].length > 0 && create_if_block$a();
7753
7759
  return {
7754
7760
  c() {
7755
- var _ctx$2, _ctx$3;
7756
-
7757
7761
  div5 = element("div");
7758
7762
  div4 = element("div");
7759
7763
  div0 = element("div");
@@ -7782,11 +7786,15 @@ function create_fragment$m(ctx) {
7782
7786
  attr(div2, "class", "abgov");
7783
7787
  toggle_class(div2, "with-meta-links",
7784
7788
  /*metaLinks*/
7785
- (_ctx$2 = ctx[3]) === null || _ctx$2 === void 0 ? void 0 : _ctx$2.length);
7789
+ ctx[3] &&
7790
+ /*metaLinks*/
7791
+ ctx[3].length > 0);
7786
7792
  attr(div3, "class", "meta-section");
7787
7793
  toggle_class(div3, "with-meta-links",
7788
7794
  /*metaLinks*/
7789
- (_ctx$3 = ctx[3]) === null || _ctx$3 === void 0 ? void 0 : _ctx$3.length);
7795
+ ctx[3] &&
7796
+ /*metaLinks*/
7797
+ ctx[3].length > 0);
7790
7798
  attr(div4, "class", "content");
7791
7799
  attr(div5, "class", "app-footer");
7792
7800
  attr(div5, "style", div5_style_value = `--max-content-width: ${
@@ -7814,13 +7822,13 @@ function create_fragment$m(ctx) {
7814
7822
  },
7815
7823
 
7816
7824
  p(ctx, [dirty]) {
7817
- var _ctx$4;
7818
-
7819
7825
  if (
7820
7826
  /*navLinks*/
7821
- (_ctx$4 = ctx[2]) !== null && _ctx$4 !== void 0 && _ctx$4.length) {
7827
+ ctx[2] &&
7828
+ /*navLinks*/
7829
+ ctx[2].length > 0) {
7822
7830
  if (if_block) ;else {
7823
- if_block = create_if_block$9();
7831
+ if_block = create_if_block$a();
7824
7832
  if_block.c();
7825
7833
  if_block.m(div4, t1);
7826
7834
  }
@@ -7832,21 +7840,21 @@ function create_fragment$m(ctx) {
7832
7840
  if (dirty &
7833
7841
  /*metaLinks*/
7834
7842
  8) {
7835
- var _ctx$5;
7836
-
7837
7843
  toggle_class(div2, "with-meta-links",
7838
7844
  /*metaLinks*/
7839
- (_ctx$5 = ctx[3]) === null || _ctx$5 === void 0 ? void 0 : _ctx$5.length);
7845
+ ctx[3] &&
7846
+ /*metaLinks*/
7847
+ ctx[3].length > 0);
7840
7848
  }
7841
7849
 
7842
7850
  if (dirty &
7843
7851
  /*metaLinks*/
7844
7852
  8) {
7845
- var _ctx$6;
7846
-
7847
7853
  toggle_class(div3, "with-meta-links",
7848
7854
  /*metaLinks*/
7849
- (_ctx$6 = ctx[3]) === null || _ctx$6 === void 0 ? void 0 : _ctx$6.length);
7855
+ ctx[3] &&
7856
+ /*metaLinks*/
7857
+ ctx[3].length > 0);
7850
7858
  }
7851
7859
 
7852
7860
  if (dirty &
@@ -7872,7 +7880,7 @@ function create_fragment$m(ctx) {
7872
7880
  };
7873
7881
  }
7874
7882
 
7875
- function instance$k($$self, $$props, $$invalidate) {
7883
+ function instance$l($$self, $$props, $$invalidate) {
7876
7884
  let {
7877
7885
  maxcontentwidth = ""
7878
7886
  } = $$props;
@@ -7910,7 +7918,7 @@ class Footer extends SvelteElement {
7910
7918
  target: this.shadowRoot,
7911
7919
  props: attribute_to_object(this.attributes),
7912
7920
  customElement: true
7913
- }, instance$k, create_fragment$m, safe_not_equal, {
7921
+ }, instance$l, create_fragment$n, safe_not_equal, {
7914
7922
  maxcontentwidth: 0
7915
7923
  }, null);
7916
7924
 
@@ -8000,7 +8008,7 @@ function create_each_block$3(ctx) {
8000
8008
  };
8001
8009
  }
8002
8010
 
8003
- function create_fragment$l(ctx) {
8011
+ function create_fragment$m(ctx) {
8004
8012
  let section;
8005
8013
  let div;
8006
8014
  let t;
@@ -8088,7 +8096,7 @@ function create_fragment$l(ctx) {
8088
8096
  };
8089
8097
  }
8090
8098
 
8091
- function instance$j($$self, $$props, $$invalidate) {
8099
+ function instance$k($$self, $$props, $$invalidate) {
8092
8100
  let rootEl;
8093
8101
  let children = [];
8094
8102
  onMount(async () => {
@@ -8123,7 +8131,7 @@ class FooterMetaSection extends SvelteElement {
8123
8131
  target: this.shadowRoot,
8124
8132
  props: attribute_to_object(this.attributes),
8125
8133
  customElement: true
8126
- }, instance$j, create_fragment$l, safe_not_equal, {}, null);
8134
+ }, instance$k, create_fragment$m, safe_not_equal, {}, null);
8127
8135
 
8128
8136
  if (options) {
8129
8137
  if (options.target) {
@@ -8144,7 +8152,7 @@ function get_each_context$2(ctx, list, i) {
8144
8152
  } // (31:2) {#if heading}
8145
8153
 
8146
8154
 
8147
- function create_if_block$8(ctx) {
8155
+ function create_if_block$9(ctx) {
8148
8156
  let div;
8149
8157
  let t0;
8150
8158
  let t1;
@@ -8233,7 +8241,7 @@ function create_each_block$2(ctx) {
8233
8241
  };
8234
8242
  }
8235
8243
 
8236
- function create_fragment$k(ctx) {
8244
+ function create_fragment$l(ctx) {
8237
8245
  let section;
8238
8246
  let t0;
8239
8247
  let div;
@@ -8242,7 +8250,7 @@ function create_fragment$k(ctx) {
8242
8250
  let ul_style_value;
8243
8251
  let if_block =
8244
8252
  /*heading*/
8245
- ctx[0] && create_if_block$8(ctx);
8253
+ ctx[0] && create_if_block$9(ctx);
8246
8254
  let each_value =
8247
8255
  /*children*/
8248
8256
  ctx[3];
@@ -8309,7 +8317,7 @@ function create_fragment$k(ctx) {
8309
8317
  if (if_block) {
8310
8318
  if_block.p(ctx, dirty);
8311
8319
  } else {
8312
- if_block = create_if_block$8(ctx);
8320
+ if_block = create_if_block$9(ctx);
8313
8321
  if_block.c();
8314
8322
  if_block.m(section, t0);
8315
8323
  }
@@ -8380,7 +8388,7 @@ function create_fragment$k(ctx) {
8380
8388
  };
8381
8389
  }
8382
8390
 
8383
- function instance$i($$self, $$props, $$invalidate) {
8391
+ function instance$j($$self, $$props, $$invalidate) {
8384
8392
  let {
8385
8393
  heading = ""
8386
8394
  } = $$props;
@@ -8431,7 +8439,7 @@ class FooterNavSection extends SvelteElement {
8431
8439
  target: this.shadowRoot,
8432
8440
  props: attribute_to_object(this.attributes),
8433
8441
  customElement: true
8434
- }, instance$i, create_fragment$k, safe_not_equal, {
8442
+ }, instance$j, create_fragment$l, safe_not_equal, {
8435
8443
  heading: 0,
8436
8444
  maxcolumncount: 1
8437
8445
  }, null);
@@ -8629,7 +8637,7 @@ function create_if_block_1$4(ctx) {
8629
8637
  } // (48:2) {#if helptext}
8630
8638
 
8631
8639
 
8632
- function create_if_block$7(ctx) {
8640
+ function create_if_block$8(ctx) {
8633
8641
  let div;
8634
8642
  let t;
8635
8643
  return {
@@ -8661,7 +8669,7 @@ function create_if_block$7(ctx) {
8661
8669
  };
8662
8670
  }
8663
8671
 
8664
- function create_fragment$j(ctx) {
8672
+ function create_fragment$k(ctx) {
8665
8673
  let div1;
8666
8674
  let t0;
8667
8675
  let div0;
@@ -8676,7 +8684,7 @@ function create_fragment$j(ctx) {
8676
8684
  ctx[7] && create_if_block_1$4(ctx);
8677
8685
  let if_block2 =
8678
8686
  /*helptext*/
8679
- ctx[6] && create_if_block$7(ctx);
8687
+ ctx[6] && create_if_block$8(ctx);
8680
8688
  return {
8681
8689
  c() {
8682
8690
  div1 = element("div");
@@ -8753,7 +8761,7 @@ function create_fragment$j(ctx) {
8753
8761
  if (if_block2) {
8754
8762
  if_block2.p(ctx, dirty);
8755
8763
  } else {
8756
- if_block2 = create_if_block$7(ctx);
8764
+ if_block2 = create_if_block$8(ctx);
8757
8765
  if_block2.c();
8758
8766
  if_block2.m(div1, null);
8759
8767
  }
@@ -8798,7 +8806,7 @@ function create_fragment$j(ctx) {
8798
8806
  };
8799
8807
  }
8800
8808
 
8801
- function instance$h($$self, $$props, $$invalidate) {
8809
+ function instance$i($$self, $$props, $$invalidate) {
8802
8810
  const [REQUIREMENT_TYPES, validateRequirementType] = typeValidator("Requirement type", ["optional", "required"], false);
8803
8811
  let {
8804
8812
  testid = ""
@@ -8854,7 +8862,7 @@ class FormItem extends SvelteElement {
8854
8862
  target: this.shadowRoot,
8855
8863
  props: attribute_to_object(this.attributes),
8856
8864
  customElement: true
8857
- }, instance$h, create_fragment$j, safe_not_equal, {
8865
+ }, instance$i, create_fragment$k, safe_not_equal, {
8858
8866
  testid: 0,
8859
8867
  mt: 1,
8860
8868
  mr: 2,
@@ -8986,7 +8994,7 @@ class FormItem extends SvelteElement {
8986
8994
  customElements.define("goa-form-item", FormItem);
8987
8995
  /* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.51.0 */
8988
8996
 
8989
- function create_fragment$i(ctx) {
8997
+ function create_fragment$j(ctx) {
8990
8998
  let div;
8991
8999
  let slot;
8992
9000
  let div_style_value;
@@ -9054,7 +9062,7 @@ function create_fragment$i(ctx) {
9054
9062
  };
9055
9063
  }
9056
9064
 
9057
- function instance$g($$self, $$props, $$invalidate) {
9065
+ function instance$h($$self, $$props, $$invalidate) {
9058
9066
  let {
9059
9067
  gap = "m"
9060
9068
  } = $$props;
@@ -9099,7 +9107,7 @@ class Grid extends SvelteElement {
9099
9107
  target: this.shadowRoot,
9100
9108
  props: attribute_to_object(this.attributes),
9101
9109
  customElement: true
9102
- }, instance$g, create_fragment$i, safe_not_equal, {
9110
+ }, instance$h, create_fragment$j, safe_not_equal, {
9103
9111
  gap: 0,
9104
9112
  minchildwidth: 1,
9105
9113
  mt: 2,
@@ -9195,7 +9203,7 @@ class Grid extends SvelteElement {
9195
9203
  customElements.define("goa-grid", Grid);
9196
9204
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.51.0 */
9197
9205
 
9198
- function create_fragment$h(ctx) {
9206
+ function create_fragment$i(ctx) {
9199
9207
  let div1;
9200
9208
  let goa_page_block;
9201
9209
  let h1;
@@ -9280,7 +9288,7 @@ function create_fragment$h(ctx) {
9280
9288
  };
9281
9289
  }
9282
9290
 
9283
- function instance$f($$self, $$props, $$invalidate) {
9291
+ function instance$g($$self, $$props, $$invalidate) {
9284
9292
  let {
9285
9293
  heading
9286
9294
  } = $$props;
@@ -9308,7 +9316,7 @@ class HeroBanner extends SvelteElement {
9308
9316
  target: this.shadowRoot,
9309
9317
  props: attribute_to_object(this.attributes),
9310
9318
  customElement: true
9311
- }, instance$f, create_fragment$h, safe_not_equal, {
9319
+ }, instance$g, create_fragment$i, safe_not_equal, {
9312
9320
  heading: 0,
9313
9321
  backgroundurl: 1,
9314
9322
  minheight: 2
@@ -9368,7 +9376,7 @@ class HeroBanner extends SvelteElement {
9368
9376
  customElements.define("goa-hero-banner", HeroBanner);
9369
9377
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.51.0 */
9370
9378
 
9371
- function create_fragment$g(ctx) {
9379
+ function create_fragment$h(ctx) {
9372
9380
  let button;
9373
9381
  let goa_icon;
9374
9382
  let button_style_value;
@@ -9540,7 +9548,7 @@ function handleClick(e) {
9540
9548
  }));
9541
9549
  }
9542
9550
 
9543
- function instance$e($$self, $$props, $$invalidate) {
9551
+ function instance$f($$self, $$props, $$invalidate) {
9544
9552
  let css;
9545
9553
  let isDisabled;
9546
9554
  let isInverted;
@@ -9645,7 +9653,7 @@ class IconButton extends SvelteElement {
9645
9653
  target: this.shadowRoot,
9646
9654
  props: attribute_to_object(this.attributes),
9647
9655
  customElement: true
9648
- }, instance$e, create_fragment$g, safe_not_equal, {
9656
+ }, instance$f, create_fragment$h, safe_not_equal, {
9649
9657
  icon: 0,
9650
9658
  size: 1,
9651
9659
  theme: 2,
@@ -9813,7 +9821,7 @@ class IconButton extends SvelteElement {
9813
9821
  customElements.define("goa-icon-button", IconButton);
9814
9822
  /* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.51.0 */
9815
9823
 
9816
- function create_if_block$6(ctx) {
9824
+ function create_if_block$7(ctx) {
9817
9825
  let ion_icon;
9818
9826
  let ion_icon_name_value;
9819
9827
  return {
@@ -9861,12 +9869,12 @@ function create_if_block$6(ctx) {
9861
9869
  };
9862
9870
  }
9863
9871
 
9864
- function create_fragment$f(ctx) {
9872
+ function create_fragment$g(ctx) {
9865
9873
  let div;
9866
9874
  let div_style_value;
9867
9875
  let if_block =
9868
9876
  /*type*/
9869
- ctx[4] && create_if_block$6(ctx);
9877
+ ctx[4] && create_if_block$7(ctx);
9870
9878
  return {
9871
9879
  c() {
9872
9880
  div = element("div");
@@ -9919,7 +9927,7 @@ function create_fragment$f(ctx) {
9919
9927
  if (if_block) {
9920
9928
  if_block.p(ctx, dirty);
9921
9929
  } else {
9922
- if_block = create_if_block$6(ctx);
9930
+ if_block = create_if_block$7(ctx);
9923
9931
  if_block.c();
9924
9932
  if_block.m(div, null);
9925
9933
  }
@@ -9992,7 +10000,7 @@ function create_fragment$f(ctx) {
9992
10000
  };
9993
10001
  }
9994
10002
 
9995
- function instance$d($$self, $$props, $$invalidate) {
10003
+ function instance$e($$self, $$props, $$invalidate) {
9996
10004
  let isInverted;
9997
10005
 
9998
10006
  let _size;
@@ -10082,7 +10090,7 @@ class Icon extends SvelteElement {
10082
10090
  target: this.shadowRoot,
10083
10091
  props: attribute_to_object(this.attributes),
10084
10092
  customElement: true
10085
- }, instance$d, create_fragment$f, safe_not_equal, {
10093
+ }, instance$e, create_fragment$g, safe_not_equal, {
10086
10094
  mt: 0,
10087
10095
  mr: 1,
10088
10096
  mb: 2,
@@ -10292,7 +10300,7 @@ function create_if_block_4$1(ctx) {
10292
10300
  }
10293
10301
 
10294
10302
  };
10295
- } // (100:4) {#if leadingicon}
10303
+ } // (109:4) {#if leadingicon}
10296
10304
 
10297
10305
 
10298
10306
  function create_if_block_3$2(ctx) {
@@ -10326,7 +10334,7 @@ function create_if_block_3$2(ctx) {
10326
10334
  }
10327
10335
 
10328
10336
  };
10329
- } // (130:4) {#if trailingicon && !handlesTrailingIconClick}
10337
+ } // (139:4) {#if trailingicon && !handlesTrailingIconClick}
10330
10338
 
10331
10339
 
10332
10340
  function create_if_block_2$3(ctx) {
@@ -10361,7 +10369,7 @@ function create_if_block_2$3(ctx) {
10361
10369
  }
10362
10370
 
10363
10371
  };
10364
- } // (140:4) {#if trailingicon && handlesTrailingIconClick}
10372
+ } // (149:4) {#if trailingicon && handlesTrailingIconClick}
10365
10373
 
10366
10374
 
10367
10375
  function create_if_block_1$3(ctx) {
@@ -10416,10 +10424,10 @@ function create_if_block_1$3(ctx) {
10416
10424
  }
10417
10425
 
10418
10426
  };
10419
- } // (152:4) {#if suffix}
10427
+ } // (161:4) {#if suffix}
10420
10428
 
10421
10429
 
10422
- function create_if_block$5(ctx) {
10430
+ function create_if_block$6(ctx) {
10423
10431
  let span;
10424
10432
  let t;
10425
10433
  return {
@@ -10451,7 +10459,7 @@ function create_if_block$5(ctx) {
10451
10459
  };
10452
10460
  }
10453
10461
 
10454
- function create_fragment$e(ctx) {
10462
+ function create_fragment$f(ctx) {
10455
10463
  let div3;
10456
10464
  let div2;
10457
10465
  let t0;
@@ -10489,7 +10497,7 @@ function create_fragment$e(ctx) {
10489
10497
  ctx[24] && create_if_block_1$3(ctx);
10490
10498
  let if_block4 =
10491
10499
  /*suffix*/
10492
- ctx[15] && create_if_block$5(ctx);
10500
+ ctx[15] && create_if_block$6(ctx);
10493
10501
  return {
10494
10502
  c() {
10495
10503
  div3 = element("div");
@@ -10603,7 +10611,7 @@ function create_fragment$e(ctx) {
10603
10611
  append(div2, input);
10604
10612
  /*input_binding*/
10605
10613
 
10606
- ctx[32](input);
10614
+ ctx[33](input);
10607
10615
  append(div2, t3);
10608
10616
  if (if_block2) if_block2.m(div2, null);
10609
10617
  append(div2, t4);
@@ -10810,7 +10818,7 @@ function create_fragment$e(ctx) {
10810
10818
  if (if_block4) {
10811
10819
  if_block4.p(ctx, dirty);
10812
10820
  } else {
10813
- if_block4 = create_if_block$5(ctx);
10821
+ if_block4 = create_if_block$6(ctx);
10814
10822
  if_block4.c();
10815
10823
  if_block4.m(div2, t6);
10816
10824
  }
@@ -10873,7 +10881,7 @@ function create_fragment$e(ctx) {
10873
10881
  if (if_block1) if_block1.d();
10874
10882
  /*input_binding*/
10875
10883
 
10876
- ctx[32](null);
10884
+ ctx[33](null);
10877
10885
  if (if_block2) if_block2.d();
10878
10886
  if (if_block3) if_block3.d();
10879
10887
  if (if_block4) if_block4.d();
@@ -10890,7 +10898,7 @@ function doClick() {
10890
10898
  }));
10891
10899
  }
10892
10900
 
10893
- function instance$c($$self, $$props, $$invalidate) {
10901
+ function instance$d($$self, $$props, $$invalidate) {
10894
10902
  let handlesTrailingIconClick;
10895
10903
  let isFocused;
10896
10904
  let isReadonly;
@@ -10947,13 +10955,13 @@ function instance$c($$self, $$props, $$invalidate) {
10947
10955
  arialabel = null
10948
10956
  } = $$props;
10949
10957
  let {
10950
- min = null
10958
+ min = ""
10951
10959
  } = $$props;
10952
10960
  let {
10953
- max = null
10961
+ max = ""
10954
10962
  } = $$props;
10955
10963
  let {
10956
- step = null
10964
+ step = 1
10957
10965
  } = $$props;
10958
10966
  let {
10959
10967
  prefix = ""
@@ -10961,6 +10969,9 @@ function instance$c($$self, $$props, $$invalidate) {
10961
10969
  let {
10962
10970
  suffix = ""
10963
10971
  } = $$props;
10972
+ let {
10973
+ debounce = 0
10974
+ } = $$props;
10964
10975
  let {
10965
10976
  mt = null
10966
10977
  } = $$props;
@@ -10974,19 +10985,28 @@ function instance$c($$self, $$props, $$invalidate) {
10974
10985
  ml = null
10975
10986
  } = $$props;
10976
10987
  let inputEl;
10988
+ let _debounceId = null;
10977
10989
 
10978
10990
  function onKeyUp(e) {
10979
- const ee = e.target;
10980
- e.target.dispatchEvent(new CustomEvent("_change", {
10981
- composed: true,
10982
- bubbles: false,
10983
- cancelable: true,
10984
- detail: {
10985
- name,
10986
- value: ee.value
10987
- }
10988
- }));
10989
- $$invalidate(0, value = ee.value);
10991
+ const input = e.target;
10992
+ if (!input) return;
10993
+
10994
+ if (_debounceId != null) {
10995
+ clearTimeout(_debounceId);
10996
+ }
10997
+
10998
+ _debounceId = setTimeout(() => {
10999
+ input.dispatchEvent(new CustomEvent("_change", {
11000
+ composed: true,
11001
+ bubbles: false,
11002
+ cancelable: true,
11003
+ detail: {
11004
+ name,
11005
+ value: input.value
11006
+ }
11007
+ }));
11008
+ }, debounce);
11009
+ $$invalidate(0, value = input.value);
10990
11010
  }
10991
11011
 
10992
11012
  onMount(() => {
@@ -11027,6 +11047,7 @@ function instance$c($$self, $$props, $$invalidate) {
11027
11047
  if ('step' in $$props) $$invalidate(13, step = $$props.step);
11028
11048
  if ('prefix' in $$props) $$invalidate(14, prefix = $$props.prefix);
11029
11049
  if ('suffix' in $$props) $$invalidate(15, suffix = $$props.suffix);
11050
+ if ('debounce' in $$props) $$invalidate(31, debounce = $$props.debounce);
11030
11051
  if ('mt' in $$props) $$invalidate(16, mt = $$props.mt);
11031
11052
  if ('mr' in $$props) $$invalidate(17, mr = $$props.mr);
11032
11053
  if ('mb' in $$props) $$invalidate(18, mb = $$props.mb);
@@ -11043,7 +11064,7 @@ function instance$c($$self, $$props, $$invalidate) {
11043
11064
  if ($$self.$$.dirty[0] &
11044
11065
  /*focused*/
11045
11066
  268435456) {
11046
- $$invalidate(31, isFocused = toBoolean(focused));
11067
+ $$invalidate(32, isFocused = toBoolean(focused));
11047
11068
  }
11048
11069
 
11049
11070
  if ($$self.$$.dirty[0] &
@@ -11068,7 +11089,7 @@ function instance$c($$self, $$props, $$invalidate) {
11068
11089
  /*inputEl*/
11069
11090
  1048576 | $$self.$$.dirty[1] &
11070
11091
  /*isFocused*/
11071
- 1) {
11092
+ 2) {
11072
11093
  if (isFocused && inputEl) {
11073
11094
  setTimeout(() => inputEl.focus(), 1);
11074
11095
  }
@@ -11085,19 +11106,19 @@ function instance$c($$self, $$props, $$invalidate) {
11085
11106
  }
11086
11107
  };
11087
11108
 
11088
- return [value, type, name, autocapitalize, placeholder, leadingicon, trailingicon, variant, testid, width, arialabel, min, max, step, prefix, suffix, mt, mr, mb, ml, inputEl, isDisabled, isError, isReadonly, handlesTrailingIconClick, onKeyUp, disabled, handletrailingiconclick, focused, readonly, error, isFocused, input_binding];
11109
+ return [value, type, name, autocapitalize, placeholder, leadingicon, trailingicon, variant, testid, width, arialabel, min, max, step, prefix, suffix, mt, mr, mb, ml, inputEl, isDisabled, isError, isReadonly, handlesTrailingIconClick, onKeyUp, disabled, handletrailingiconclick, focused, readonly, error, debounce, isFocused, input_binding];
11089
11110
  }
11090
11111
 
11091
11112
  class Input extends SvelteElement {
11092
11113
  constructor(options) {
11093
11114
  super();
11094
- this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--color-white)}.goa-input:hover{border-color:var(--goa-color-interactive-hover)}.goa-input:active,.goa-input:focus,.goa-input:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.5rem}.goa-input-trailing-icon{margin-right:0.5rem}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:0;flex:1 1 auto;font-family:var(--goa-font-family-sans)}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive-error)}input[type="search" i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
11115
+ this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover{border-color:var(--goa-color-interactive-hover)}.goa-input:active,.goa-input:focus,.goa-input:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.5rem}.goa-input-trailing-icon{margin-right:0.5rem}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans)}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive-error)}input[type="search" i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
11095
11116
  center center no-repeat}</style>`;
11096
11117
  init(this, {
11097
11118
  target: this.shadowRoot,
11098
11119
  props: attribute_to_object(this.attributes),
11099
11120
  customElement: true
11100
- }, instance$c, create_fragment$e, safe_not_equal, {
11121
+ }, instance$d, create_fragment$f, safe_not_equal, {
11101
11122
  type: 1,
11102
11123
  name: 2,
11103
11124
  value: 0,
@@ -11119,6 +11140,7 @@ class Input extends SvelteElement {
11119
11140
  step: 13,
11120
11141
  prefix: 14,
11121
11142
  suffix: 15,
11143
+ debounce: 31,
11122
11144
  mt: 16,
11123
11145
  mr: 17,
11124
11146
  mb: 18,
@@ -11138,7 +11160,7 @@ class Input extends SvelteElement {
11138
11160
  }
11139
11161
 
11140
11162
  static get observedAttributes() {
11141
- return ["type", "name", "value", "autocapitalize", "placeholder", "leadingicon", "trailingicon", "variant", "disabled", "handletrailingiconclick", "focused", "readonly", "error", "testid", "width", "arialabel", "min", "max", "step", "prefix", "suffix", "mt", "mr", "mb", "ml"];
11163
+ return ["type", "name", "value", "autocapitalize", "placeholder", "leadingicon", "trailingicon", "variant", "disabled", "handletrailingiconclick", "focused", "readonly", "error", "testid", "width", "arialabel", "min", "max", "step", "prefix", "suffix", "debounce", "mt", "mr", "mb", "ml"];
11142
11164
  }
11143
11165
 
11144
11166
  get type() {
@@ -11372,6 +11394,17 @@ class Input extends SvelteElement {
11372
11394
  flush();
11373
11395
  }
11374
11396
 
11397
+ get debounce() {
11398
+ return this.$$.ctx[31];
11399
+ }
11400
+
11401
+ set debounce(debounce) {
11402
+ this.$$set({
11403
+ debounce
11404
+ });
11405
+ flush();
11406
+ }
11407
+
11375
11408
  get mt() {
11376
11409
  return this.$$.ctx[16];
11377
11410
  }
@@ -11583,7 +11616,7 @@ function create_if_block_2$2(ctx) {
11583
11616
  } // (56:2) {#if version}
11584
11617
 
11585
11618
 
11586
- function create_if_block$4(ctx) {
11619
+ function create_if_block$5(ctx) {
11587
11620
  let div;
11588
11621
  let t;
11589
11622
  return {
@@ -11616,7 +11649,7 @@ function create_if_block$4(ctx) {
11616
11649
  };
11617
11650
  }
11618
11651
 
11619
- function create_fragment$d(ctx) {
11652
+ function create_fragment$e(ctx) {
11620
11653
  let header;
11621
11654
  let t0;
11622
11655
  let show_if = ["alpha", "beta"].includes(
@@ -11631,7 +11664,7 @@ function create_fragment$d(ctx) {
11631
11664
  let if_block1 = show_if && create_if_block_1$2(ctx);
11632
11665
  let if_block2 =
11633
11666
  /*version*/
11634
- ctx[1] && create_if_block$4(ctx);
11667
+ ctx[1] && create_if_block$5(ctx);
11635
11668
  return {
11636
11669
  c() {
11637
11670
  header = element("header");
@@ -11697,7 +11730,7 @@ function create_fragment$d(ctx) {
11697
11730
  if (if_block2) {
11698
11731
  if_block2.p(ctx, dirty);
11699
11732
  } else {
11700
- if_block2 = create_if_block$4(ctx);
11733
+ if_block2 = create_if_block$5(ctx);
11701
11734
  if_block2.c();
11702
11735
  if_block2.m(header, null);
11703
11736
  }
@@ -11725,7 +11758,7 @@ function capitalize(val) {
11725
11758
  return val[0].toUpperCase() + val.slice(1);
11726
11759
  }
11727
11760
 
11728
- function instance$b($$self, $$props, $$invalidate) {
11761
+ function instance$c($$self, $$props, $$invalidate) {
11729
11762
  const [Types, validateType] = typeValidator("Microsite header type", ["live", "alpha", "beta"], true);
11730
11763
  let {
11731
11764
  type
@@ -11757,7 +11790,7 @@ class MicrositeHeader extends SvelteElement {
11757
11790
  target: this.shadowRoot,
11758
11791
  props: attribute_to_object(this.attributes),
11759
11792
  customElement: true
11760
- }, instance$b, create_fragment$d, safe_not_equal, {
11793
+ }, instance$c, create_fragment$e, safe_not_equal, {
11761
11794
  type: 0,
11762
11795
  version: 1,
11763
11796
  feedbackurl: 2
@@ -11817,7 +11850,7 @@ class MicrositeHeader extends SvelteElement {
11817
11850
  customElements.define("goa-microsite-header", MicrositeHeader);
11818
11851
  /* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.51.0 */
11819
11852
 
11820
- function create_if_block$3(ctx) {
11853
+ function create_if_block$4(ctx) {
11821
11854
  let goa_focus_trap;
11822
11855
  let div5;
11823
11856
  let div0;
@@ -12222,12 +12255,12 @@ function create_if_block_1$1(ctx) {
12222
12255
  };
12223
12256
  }
12224
12257
 
12225
- function create_fragment$c(ctx) {
12258
+ function create_fragment$d(ctx) {
12226
12259
  let if_block_anchor;
12227
12260
  let current;
12228
12261
  let if_block =
12229
12262
  /*isOpen*/
12230
- ctx[7] && create_if_block$3(ctx);
12263
+ ctx[7] && create_if_block$4(ctx);
12231
12264
  return {
12232
12265
  c() {
12233
12266
  if (if_block) if_block.c();
@@ -12254,7 +12287,7 @@ function create_fragment$c(ctx) {
12254
12287
  transition_in(if_block, 1);
12255
12288
  }
12256
12289
  } else {
12257
- if_block = create_if_block$3(ctx);
12290
+ if_block = create_if_block$4(ctx);
12258
12291
  if_block.c();
12259
12292
  transition_in(if_block, 1);
12260
12293
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -12287,7 +12320,7 @@ function create_fragment$c(ctx) {
12287
12320
  };
12288
12321
  }
12289
12322
 
12290
- function instance$a($$self, $$props, $$invalidate) {
12323
+ function instance$b($$self, $$props, $$invalidate) {
12291
12324
  let isClosable;
12292
12325
  let isOpen;
12293
12326
 
@@ -12377,7 +12410,7 @@ class Modal extends SvelteElement {
12377
12410
  target: this.shadowRoot,
12378
12411
  props: attribute_to_object(this.attributes),
12379
12412
  customElement: true
12380
- }, instance$a, create_fragment$c, safe_not_equal, {
12413
+ }, instance$b, create_fragment$d, safe_not_equal, {
12381
12414
  heading: 0,
12382
12415
  closable: 9,
12383
12416
  open: 1,
@@ -12473,7 +12506,7 @@ class Modal extends SvelteElement {
12473
12506
  customElements.define("goa-modal", Modal);
12474
12507
  /* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.51.0 */
12475
12508
 
12476
- function create_if_block$2(ctx) {
12509
+ function create_if_block$3(ctx) {
12477
12510
  let div3;
12478
12511
  let div0;
12479
12512
  let goa_icon;
@@ -12597,12 +12630,12 @@ function create_if_block$2(ctx) {
12597
12630
  };
12598
12631
  }
12599
12632
 
12600
- function create_fragment$b(ctx) {
12633
+ function create_fragment$c(ctx) {
12601
12634
  let if_block_anchor;
12602
12635
  let current;
12603
12636
  let if_block =
12604
12637
  /*show*/
12605
- ctx[1] && create_if_block$2(ctx);
12638
+ ctx[1] && create_if_block$3(ctx);
12606
12639
  return {
12607
12640
  c() {
12608
12641
  if (if_block) if_block.c();
@@ -12629,7 +12662,7 @@ function create_fragment$b(ctx) {
12629
12662
  transition_in(if_block, 1);
12630
12663
  }
12631
12664
  } else {
12632
- if_block = create_if_block$2(ctx);
12665
+ if_block = create_if_block$3(ctx);
12633
12666
  if_block.c();
12634
12667
  transition_in(if_block, 1);
12635
12668
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -12662,7 +12695,7 @@ function create_fragment$b(ctx) {
12662
12695
  };
12663
12696
  }
12664
12697
 
12665
- function instance$9($$self, $$props, $$invalidate) {
12698
+ function instance$a($$self, $$props, $$invalidate) {
12666
12699
  let iconType;
12667
12700
  const [Types, validateType] = typeValidator("Notification type", ["emergency", "important", "information", "event"], true);
12668
12701
  let {
@@ -12700,7 +12733,7 @@ class Notification extends SvelteElement {
12700
12733
  target: this.shadowRoot,
12701
12734
  props: attribute_to_object(this.attributes),
12702
12735
  customElement: true
12703
- }, instance$9, create_fragment$b, safe_not_equal, {
12736
+ }, instance$a, create_fragment$c, safe_not_equal, {
12704
12737
  type: 0
12705
12738
  }, null);
12706
12739
 
@@ -12742,7 +12775,7 @@ function isValidDimension(value) {
12742
12775
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
12743
12776
 
12744
12777
 
12745
- function create_fragment$a(ctx) {
12778
+ function create_fragment$b(ctx) {
12746
12779
  let div;
12747
12780
  let slot;
12748
12781
  let div_style_value;
@@ -12782,7 +12815,7 @@ function create_fragment$a(ctx) {
12782
12815
  };
12783
12816
  }
12784
12817
 
12785
- function instance$8($$self, $$props, $$invalidate) {
12818
+ function instance$9($$self, $$props, $$invalidate) {
12786
12819
  const Sizes = {
12787
12820
  "full": "100%"
12788
12821
  };
@@ -12823,7 +12856,7 @@ class PageBlock extends SvelteElement {
12823
12856
  target: this.shadowRoot,
12824
12857
  props: attribute_to_object(this.attributes),
12825
12858
  customElement: true
12826
- }, instance$8, create_fragment$a, safe_not_equal, {
12859
+ }, instance$9, create_fragment$b, safe_not_equal, {
12827
12860
  width: 1,
12828
12861
  _width: 0
12829
12862
  }, null);
@@ -13061,7 +13094,7 @@ function create_each_block$1(key_1, ctx) {
13061
13094
  };
13062
13095
  }
13063
13096
 
13064
- function create_fragment$9(ctx) {
13097
+ function create_fragment$a(ctx) {
13065
13098
  let div;
13066
13099
  let slot;
13067
13100
  let t;
@@ -13184,7 +13217,7 @@ function create_fragment$9(ctx) {
13184
13217
  };
13185
13218
  }
13186
13219
 
13187
- function instance$7($$self, $$props, $$invalidate) {
13220
+ function instance$8($$self, $$props, $$invalidate) {
13188
13221
  let isDisabled;
13189
13222
  let isError;
13190
13223
  const [Orientations, validateOrientation] = typeValidator("Radio group orientation", ["vertical", "horizontal"]);
@@ -13328,7 +13361,7 @@ class RadioGroup extends SvelteElement {
13328
13361
  target: this.shadowRoot,
13329
13362
  props: attribute_to_object(this.attributes),
13330
13363
  customElement: true
13331
- }, instance$7, create_fragment$9, safe_not_equal, {
13364
+ }, instance$8, create_fragment$a, safe_not_equal, {
13332
13365
  name: 1,
13333
13366
  value: 0,
13334
13367
  orientation: 2,
@@ -13484,7 +13517,7 @@ class RadioGroup extends SvelteElement {
13484
13517
  customElements.define("goa-radio-group", RadioGroup);
13485
13518
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.51.0 */
13486
13519
 
13487
- function create_fragment$8(ctx) {
13520
+ function create_fragment$9(ctx) {
13488
13521
  let div;
13489
13522
  let slot;
13490
13523
  let div_style_value;
@@ -13552,7 +13585,7 @@ function create_fragment$8(ctx) {
13552
13585
  };
13553
13586
  }
13554
13587
 
13555
- function instance$6($$self, $$props, $$invalidate) {
13588
+ function instance$7($$self, $$props, $$invalidate) {
13556
13589
  let {
13557
13590
  direction = "vertical"
13558
13591
  } = $$props;
@@ -13584,7 +13617,7 @@ class Scrollable extends SvelteElement {
13584
13617
  target: this.shadowRoot,
13585
13618
  props: attribute_to_object(this.attributes),
13586
13619
  customElement: true
13587
- }, instance$6, create_fragment$8, safe_not_equal, {
13620
+ }, instance$7, create_fragment$9, safe_not_equal, {
13588
13621
  direction: 0,
13589
13622
  hpadding: 1,
13590
13623
  vpadding: 2,
@@ -13925,7 +13958,7 @@ function create_if_block_1(ctx) {
13925
13958
  } // (30:2) {#if type === "card"}
13926
13959
 
13927
13960
 
13928
- function create_if_block$1(ctx) {
13961
+ function create_if_block$2(ctx) {
13929
13962
  let div1;
13930
13963
  let skeleton0;
13931
13964
  let t0;
@@ -14119,13 +14152,13 @@ function create_each_block(ctx) {
14119
14152
  };
14120
14153
  }
14121
14154
 
14122
- function create_fragment$7(ctx) {
14155
+ function create_fragment$8(ctx) {
14123
14156
  let div;
14124
14157
  let current_block_type_index;
14125
14158
  let if_block;
14126
14159
  let div_style_value;
14127
14160
  let current;
14128
- const if_block_creators = [create_if_block$1, create_if_block_1, create_if_block_2, create_else_block];
14161
+ const if_block_creators = [create_if_block$2, create_if_block_1, create_if_block_2, create_else_block];
14129
14162
  const if_blocks = [];
14130
14163
 
14131
14164
  function select_block_type(ctx, dirty) {
@@ -14235,7 +14268,7 @@ function create_fragment$7(ctx) {
14235
14268
  };
14236
14269
  }
14237
14270
 
14238
- function instance$5($$self, $$props, $$invalidate) {
14271
+ function instance$6($$self, $$props, $$invalidate) {
14239
14272
  const [Types, validateType] = typeValidator("Skeleton type", ["image", "text", "title", "text-small", "avatar", "header", "paragraph", "thumbnail", "card", "profile", "lines"], true);
14240
14273
  const [Sizes, validateSize] = typeValidator("Skeleton size", ["1", "2", "3", "4"]);
14241
14274
  let {
@@ -14293,7 +14326,7 @@ class Skeleton extends SvelteElement {
14293
14326
  target: this.shadowRoot,
14294
14327
  props: attribute_to_object(this.attributes),
14295
14328
  customElement: true
14296
- }, instance$5, create_fragment$7, safe_not_equal, {
14329
+ }, instance$6, create_fragment$8, safe_not_equal, {
14297
14330
  maxwidth: 0,
14298
14331
  size: 1,
14299
14332
  linecount: 2,
@@ -14425,7 +14458,7 @@ class Skeleton extends SvelteElement {
14425
14458
  customElements.define("goa-skeleton", Skeleton);
14426
14459
  /* libs/web-components/src/components/spacer/Spacer.svelte generated by Svelte v3.51.0 */
14427
14460
 
14428
- function create_fragment$6(ctx) {
14461
+ function create_fragment$7(ctx) {
14429
14462
  let div;
14430
14463
  return {
14431
14464
  c() {
@@ -14454,7 +14487,7 @@ function create_fragment$6(ctx) {
14454
14487
  };
14455
14488
  }
14456
14489
 
14457
- function instance$4($$self, $$props, $$invalidate) {
14490
+ function instance$5($$self, $$props, $$invalidate) {
14458
14491
  let {
14459
14492
  hspacing = "none"
14460
14493
  } = $$props;
@@ -14491,7 +14524,7 @@ class Spacer extends SvelteElement {
14491
14524
  target: this.shadowRoot,
14492
14525
  props: attribute_to_object(this.attributes),
14493
14526
  customElement: true
14494
- }, instance$4, create_fragment$6, safe_not_equal, {
14527
+ }, instance$5, create_fragment$7, safe_not_equal, {
14495
14528
  hspacing: 1,
14496
14529
  vspacing: 2
14497
14530
  }, null);
@@ -14723,7 +14756,7 @@ function tweened(value, defaults = {}) {
14723
14756
  /* libs/web-components/src/components/spinner/Spinner.svelte generated by Svelte v3.51.0 */
14724
14757
 
14725
14758
 
14726
- function create_if_block(ctx) {
14759
+ function create_if_block$1(ctx) {
14727
14760
  let svg;
14728
14761
  let circle;
14729
14762
  let circle_stroke_value;
@@ -14913,11 +14946,11 @@ function create_if_block(ctx) {
14913
14946
  };
14914
14947
  }
14915
14948
 
14916
- function create_fragment$5(ctx) {
14949
+ function create_fragment$6(ctx) {
14917
14950
  let if_block_anchor;
14918
14951
  let if_block =
14919
14952
  /*ready*/
14920
- ctx[6] && create_if_block(ctx);
14953
+ ctx[6] && create_if_block$1(ctx);
14921
14954
  return {
14922
14955
  c() {
14923
14956
  if (if_block) if_block.c();
@@ -14937,7 +14970,7 @@ function create_fragment$5(ctx) {
14937
14970
  if (if_block) {
14938
14971
  if_block.p(ctx, dirty);
14939
14972
  } else {
14940
- if_block = create_if_block(ctx);
14973
+ if_block = create_if_block$1(ctx);
14941
14974
  if_block.c();
14942
14975
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
14943
14976
  }
@@ -14958,7 +14991,7 @@ function create_fragment$5(ctx) {
14958
14991
  };
14959
14992
  }
14960
14993
 
14961
- function instance$3($$self, $$props, $$invalidate) {
14994
+ function instance$4($$self, $$props, $$invalidate) {
14962
14995
  let diameter;
14963
14996
  let strokewidth;
14964
14997
  let radius;
@@ -15089,7 +15122,7 @@ class Spinner extends SvelteElement {
15089
15122
  target: this.shadowRoot,
15090
15123
  props: attribute_to_object(this.attributes),
15091
15124
  customElement: true
15092
- }, instance$3, create_fragment$5, safe_not_equal, {
15125
+ }, instance$4, create_fragment$6, safe_not_equal, {
15093
15126
  size: 10,
15094
15127
  invert: 0,
15095
15128
  progress: 11,
@@ -15161,7 +15194,7 @@ class Spinner extends SvelteElement {
15161
15194
  customElements.define("goa-spinner", Spinner);
15162
15195
  /* libs/web-components/src/components/table/Table.svelte generated by Svelte v3.51.0 */
15163
15196
 
15164
- function create_fragment$4(ctx) {
15197
+ function create_fragment$5(ctx) {
15165
15198
  let table;
15166
15199
  let slot;
15167
15200
  let t0;
@@ -15263,7 +15296,7 @@ function create_fragment$4(ctx) {
15263
15296
  };
15264
15297
  }
15265
15298
 
15266
- function instance$2($$self, $$props, $$invalidate) {
15299
+ function instance$3($$self, $$props, $$invalidate) {
15267
15300
  let _stickyHeader;
15268
15301
 
15269
15302
  const [Variants, validateVariant] = typeValidator("Table variant", ["normal", "relaxed"], true);
@@ -15342,7 +15375,7 @@ class Table extends SvelteElement {
15342
15375
  target: this.shadowRoot,
15343
15376
  props: attribute_to_object(this.attributes),
15344
15377
  customElement: true
15345
- }, instance$2, create_fragment$4, safe_not_equal, {
15378
+ }, instance$3, create_fragment$5, safe_not_equal, {
15346
15379
  width: 0,
15347
15380
  stickyheader: 8,
15348
15381
  variant: 1,
@@ -15450,7 +15483,7 @@ class Table extends SvelteElement {
15450
15483
  customElements.define("goa-table", Table);
15451
15484
  /* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */
15452
15485
 
15453
- function create_fragment$3(ctx) {
15486
+ function create_fragment$4(ctx) {
15454
15487
  let div;
15455
15488
  let textarea;
15456
15489
  let textarea_aria_label_value;
@@ -15631,7 +15664,7 @@ function create_fragment$3(ctx) {
15631
15664
  };
15632
15665
  }
15633
15666
 
15634
- function instance$1($$self, $$props, $$invalidate) {
15667
+ function instance$2($$self, $$props, $$invalidate) {
15635
15668
  let isError;
15636
15669
  let isDisabled;
15637
15670
  let isReadonly;
@@ -15748,7 +15781,7 @@ class TextArea extends SvelteElement {
15748
15781
  target: this.shadowRoot,
15749
15782
  props: attribute_to_object(this.attributes),
15750
15783
  customElement: true
15751
- }, instance$1, create_fragment$3, safe_not_equal, {
15784
+ }, instance$2, create_fragment$4, safe_not_equal, {
15752
15785
  name: 0,
15753
15786
  value: 1,
15754
15787
  placeholder: 2,
@@ -15952,7 +15985,7 @@ class TextArea extends SvelteElement {
15952
15985
  customElements.define("goa-textarea", TextArea);
15953
15986
  /* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.51.0 */
15954
15987
 
15955
- function create_fragment$2(ctx) {
15988
+ function create_fragment$3(ctx) {
15956
15989
  let div;
15957
15990
  return {
15958
15991
  c() {
@@ -15996,7 +16029,7 @@ class FullScreenNavbarLayout extends SvelteElement {
15996
16029
  target: this.shadowRoot,
15997
16030
  props: attribute_to_object(this.attributes),
15998
16031
  customElement: true
15999
- }, null, create_fragment$2, safe_not_equal, {}, null);
16032
+ }, null, create_fragment$3, safe_not_equal, {}, null);
16000
16033
 
16001
16034
  if (options) {
16002
16035
  if (options.target) {
@@ -16010,7 +16043,7 @@ class FullScreenNavbarLayout extends SvelteElement {
16010
16043
  customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
16011
16044
  /* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.51.0 */
16012
16045
 
16013
- function create_fragment$1(ctx) {
16046
+ function create_fragment$2(ctx) {
16014
16047
  let div;
16015
16048
  return {
16016
16049
  c() {
@@ -16047,7 +16080,7 @@ class OneColumnLayout extends SvelteElement {
16047
16080
  target: this.shadowRoot,
16048
16081
  props: attribute_to_object(this.attributes),
16049
16082
  customElement: true
16050
- }, null, create_fragment$1, safe_not_equal, {}, null);
16083
+ }, null, create_fragment$2, safe_not_equal, {}, null);
16051
16084
 
16052
16085
  if (options) {
16053
16086
  if (options.target) {
@@ -16061,7 +16094,7 @@ class OneColumnLayout extends SvelteElement {
16061
16094
  customElements.define("goa-one-column-layout", OneColumnLayout);
16062
16095
  /* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.51.0 */
16063
16096
 
16064
- function create_fragment(ctx) {
16097
+ function create_fragment$1(ctx) {
16065
16098
  let div;
16066
16099
  let header;
16067
16100
  let t0;
@@ -16131,7 +16164,7 @@ function create_fragment(ctx) {
16131
16164
  };
16132
16165
  }
16133
16166
 
16134
- function instance($$self, $$props, $$invalidate) {
16167
+ function instance$1($$self, $$props, $$invalidate) {
16135
16168
  let {
16136
16169
  navcolumnwidth = ""
16137
16170
  } = $$props;
@@ -16155,7 +16188,7 @@ class TwoColumnLayout extends SvelteElement {
16155
16188
  target: this.shadowRoot,
16156
16189
  props: attribute_to_object(this.attributes),
16157
16190
  customElement: true
16158
- }, instance, create_fragment, safe_not_equal, {
16191
+ }, instance$1, create_fragment$1, safe_not_equal, {
16159
16192
  navcolumnwidth: 0,
16160
16193
  maxcontentwidth: 1
16161
16194
  }, null);
@@ -16201,6 +16234,512 @@ class TwoColumnLayout extends SvelteElement {
16201
16234
  }
16202
16235
 
16203
16236
  customElements.define("goa-two-column-layout", TwoColumnLayout);
16237
+ /* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.51.0 */
16238
+
16239
+ function create_if_block(ctx) {
16240
+ let goa_block;
16241
+ let span0;
16242
+ let t1;
16243
+ let input;
16244
+ let t2;
16245
+ let goa_input;
16246
+ let t3;
16247
+ let span1;
16248
+ let t4;
16249
+ let t5;
16250
+ return {
16251
+ c() {
16252
+ goa_block = element("goa-block");
16253
+ span0 = element("span");
16254
+ span0.textContent = "Page";
16255
+ t1 = space();
16256
+ input = element("input");
16257
+ t2 = space();
16258
+ goa_input = element("goa-input");
16259
+ t3 = space();
16260
+ span1 = element("span");
16261
+ t4 = text("of ");
16262
+ t5 = text(
16263
+ /*_pageCount*/
16264
+ ctx[8]);
16265
+ attr(input, "type", "hidden");
16266
+ set_custom_element_data(goa_input, "type", "number");
16267
+ set_custom_element_data(goa_input, "value",
16268
+ /*pagenumber*/
16269
+ ctx[0]);
16270
+ set_custom_element_data(goa_input, "width", "8ch");
16271
+ set_custom_element_data(goa_input, "debounce", "500");
16272
+ set_custom_element_data(goa_input, "min", "1");
16273
+ set_custom_element_data(goa_input, "max",
16274
+ /*_pageCount*/
16275
+ ctx[8]);
16276
+ set_custom_element_data(goa_block, "data-testid", "page-selector");
16277
+ set_custom_element_data(goa_block, "alignment", "center");
16278
+ set_custom_element_data(goa_block, "gap", "s");
16279
+ },
16280
+
16281
+ m(target, anchor) {
16282
+ insert(target, goa_block, anchor);
16283
+ append(goa_block, span0);
16284
+ append(goa_block, t1);
16285
+ append(goa_block, input);
16286
+ /*input_binding*/
16287
+
16288
+ ctx[12](input);
16289
+ append(goa_block, t2);
16290
+ append(goa_block, goa_input);
16291
+ /*goa_input_binding*/
16292
+
16293
+ ctx[13](goa_input);
16294
+ append(goa_block, t3);
16295
+ append(goa_block, span1);
16296
+ append(span1, t4);
16297
+ append(span1, t5);
16298
+ },
16299
+
16300
+ p(ctx, dirty) {
16301
+ if (dirty &
16302
+ /*pagenumber*/
16303
+ 1) {
16304
+ set_custom_element_data(goa_input, "value",
16305
+ /*pagenumber*/
16306
+ ctx[0]);
16307
+ }
16308
+
16309
+ if (dirty &
16310
+ /*_pageCount*/
16311
+ 256) {
16312
+ set_custom_element_data(goa_input, "max",
16313
+ /*_pageCount*/
16314
+ ctx[8]);
16315
+ }
16316
+
16317
+ if (dirty &
16318
+ /*_pageCount*/
16319
+ 256) set_data(t5,
16320
+ /*_pageCount*/
16321
+ ctx[8]);
16322
+ },
16323
+
16324
+ d(detaching) {
16325
+ if (detaching) detach(goa_block);
16326
+ /*input_binding*/
16327
+
16328
+ ctx[12](null);
16329
+ /*goa_input_binding*/
16330
+
16331
+ ctx[13](null);
16332
+ }
16333
+
16334
+ };
16335
+ }
16336
+
16337
+ function create_fragment(ctx) {
16338
+ let goa_block1;
16339
+ let div;
16340
+ let t0;
16341
+ let goa_block0;
16342
+ let goa_button0;
16343
+ let t1;
16344
+ let goa_button0_disabled_value;
16345
+ let t2;
16346
+ let goa_button1;
16347
+ let t3;
16348
+ let goa_button1_disabled_value;
16349
+ let mounted;
16350
+ let dispose;
16351
+ let if_block =
16352
+ /*variant*/
16353
+ ctx[1] === "all" && create_if_block(ctx);
16354
+ return {
16355
+ c() {
16356
+ goa_block1 = element("goa-block");
16357
+ div = element("div");
16358
+ if (if_block) if_block.c();
16359
+ t0 = space();
16360
+ goa_block0 = element("goa-block");
16361
+ goa_button0 = element("goa-button");
16362
+ t1 = text("Previous");
16363
+ t2 = space();
16364
+ goa_button1 = element("goa-button");
16365
+ t3 = text("Next");
16366
+ this.c = noop;
16367
+ set_custom_element_data(goa_button0, "type", "tertiary");
16368
+ set_custom_element_data(goa_button0, "leadingicon", "arrow-back");
16369
+ set_custom_element_data(goa_button0, "disabled", goa_button0_disabled_value =
16370
+ /*pagenumber*/
16371
+ ctx[0] == 1 ? "true" : "false");
16372
+ set_custom_element_data(goa_button1, "type", "tertiary");
16373
+ set_custom_element_data(goa_button1, "trailingicon", "arrow-forward");
16374
+ set_custom_element_data(goa_button1, "disabled", goa_button1_disabled_value =
16375
+ /*pagenumber*/
16376
+ ctx[0] ==
16377
+ /*_pageCount*/
16378
+ ctx[8] ? "true" : "false");
16379
+ set_custom_element_data(goa_block0, "alignment", "center");
16380
+ set_custom_element_data(goa_block0, "gap", "m");
16381
+ set_custom_element_data(goa_block0, "data-testid", "page-links");
16382
+ attr(div, "class", "controls");
16383
+ set_custom_element_data(goa_block1, "id", "root");
16384
+ set_custom_element_data(goa_block1, "ml",
16385
+ /*ml*/
16386
+ ctx[5]);
16387
+ set_custom_element_data(goa_block1, "mr",
16388
+ /*mr*/
16389
+ ctx[3]);
16390
+ set_custom_element_data(goa_block1, "mb",
16391
+ /*mb*/
16392
+ ctx[4]);
16393
+ set_custom_element_data(goa_block1, "mt",
16394
+ /*mt*/
16395
+ ctx[2]);
16396
+ },
16397
+
16398
+ m(target, anchor) {
16399
+ insert(target, goa_block1, anchor);
16400
+ append(goa_block1, div);
16401
+ if (if_block) if_block.m(div, null);
16402
+ append(div, t0);
16403
+ append(div, goa_block0);
16404
+ append(goa_block0, goa_button0);
16405
+ append(goa_button0, t1);
16406
+ append(goa_block0, t2);
16407
+ append(goa_block0, goa_button1);
16408
+ append(goa_button1, t3);
16409
+
16410
+ if (!mounted) {
16411
+ dispose = [listen(goa_button0, "click",
16412
+ /*click_handler*/
16413
+ ctx[14]), listen(goa_button1, "click",
16414
+ /*click_handler_1*/
16415
+ ctx[15])];
16416
+ mounted = true;
16417
+ }
16418
+ },
16419
+
16420
+ p(ctx, [dirty]) {
16421
+ if (
16422
+ /*variant*/
16423
+ ctx[1] === "all") {
16424
+ if (if_block) {
16425
+ if_block.p(ctx, dirty);
16426
+ } else {
16427
+ if_block = create_if_block(ctx);
16428
+ if_block.c();
16429
+ if_block.m(div, t0);
16430
+ }
16431
+ } else if (if_block) {
16432
+ if_block.d(1);
16433
+ if_block = null;
16434
+ }
16435
+
16436
+ if (dirty &
16437
+ /*pagenumber*/
16438
+ 1 && goa_button0_disabled_value !== (goa_button0_disabled_value =
16439
+ /*pagenumber*/
16440
+ ctx[0] == 1 ? "true" : "false")) {
16441
+ set_custom_element_data(goa_button0, "disabled", goa_button0_disabled_value);
16442
+ }
16443
+
16444
+ if (dirty &
16445
+ /*pagenumber, _pageCount*/
16446
+ 257 && goa_button1_disabled_value !== (goa_button1_disabled_value =
16447
+ /*pagenumber*/
16448
+ ctx[0] ==
16449
+ /*_pageCount*/
16450
+ ctx[8] ? "true" : "false")) {
16451
+ set_custom_element_data(goa_button1, "disabled", goa_button1_disabled_value);
16452
+ }
16453
+
16454
+ if (dirty &
16455
+ /*ml*/
16456
+ 32) {
16457
+ set_custom_element_data(goa_block1, "ml",
16458
+ /*ml*/
16459
+ ctx[5]);
16460
+ }
16461
+
16462
+ if (dirty &
16463
+ /*mr*/
16464
+ 8) {
16465
+ set_custom_element_data(goa_block1, "mr",
16466
+ /*mr*/
16467
+ ctx[3]);
16468
+ }
16469
+
16470
+ if (dirty &
16471
+ /*mb*/
16472
+ 16) {
16473
+ set_custom_element_data(goa_block1, "mb",
16474
+ /*mb*/
16475
+ ctx[4]);
16476
+ }
16477
+
16478
+ if (dirty &
16479
+ /*mt*/
16480
+ 4) {
16481
+ set_custom_element_data(goa_block1, "mt",
16482
+ /*mt*/
16483
+ ctx[2]);
16484
+ }
16485
+ },
16486
+
16487
+ i: noop,
16488
+ o: noop,
16489
+
16490
+ d(detaching) {
16491
+ if (detaching) detach(goa_block1);
16492
+ if (if_block) if_block.d();
16493
+ mounted = false;
16494
+ run_all(dispose);
16495
+ }
16496
+
16497
+ };
16498
+ }
16499
+
16500
+ function instance($$self, $$props, $$invalidate) {
16501
+ let _pageCount;
16502
+
16503
+ const [Variants, validateVariant] = typeValidator("Pagination variant", ["all", "links-only"]);
16504
+ let {
16505
+ pagenumber
16506
+ } = $$props;
16507
+ let {
16508
+ itemcount
16509
+ } = $$props;
16510
+ let {
16511
+ perpagecount = 10
16512
+ } = $$props;
16513
+ let {
16514
+ variant = "all"
16515
+ } = $$props;
16516
+ let {
16517
+ mt = null
16518
+ } = $$props;
16519
+ let {
16520
+ mr = null
16521
+ } = $$props;
16522
+ let {
16523
+ mb = "m"
16524
+ } = $$props;
16525
+ let {
16526
+ ml = null
16527
+ } = $$props; // private
16528
+
16529
+ let inputEl = null;
16530
+ let hiddenEl = null; // needed to allow the inputEl's event to be cancelled
16531
+ // hooks
16532
+
16533
+ onMount(async () => {
16534
+ await tick();
16535
+ validateRequired("GoAPagination", {
16536
+ itemcount,
16537
+ pagenumber
16538
+ });
16539
+ validateVariant(variant); // prevent event propagation if value is non-numeric
16540
+ // (input[type=number] returns blank for non-numeric numbers)
16541
+
16542
+ inputEl && inputEl.addEventListener("_change", e => {
16543
+ const page = Number.parseInt(e.detail.value);
16544
+ e.stopPropagation();
16545
+
16546
+ if (isNaN(page)) {
16547
+ return;
16548
+ }
16549
+
16550
+ hiddenEl.dispatchEvent(new CustomEvent("_change", {
16551
+ composed: true,
16552
+ bubbles: true,
16553
+ detail: {
16554
+ page
16555
+ }
16556
+ }));
16557
+ });
16558
+ }); // functions
16559
+
16560
+ function goto(e, offset) {
16561
+ const newPage = Number.parseInt(pagenumber + "") + offset;
16562
+
16563
+ if (newPage > 0 && newPage <= _pageCount) {
16564
+ e.target.dispatchEvent(new CustomEvent("_change", {
16565
+ composed: true,
16566
+ bubbles: true,
16567
+ detail: {
16568
+ page: newPage
16569
+ }
16570
+ }));
16571
+ }
16572
+
16573
+ e.preventDefault();
16574
+ }
16575
+
16576
+ function input_binding($$value) {
16577
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16578
+ hiddenEl = $$value;
16579
+ $$invalidate(7, hiddenEl);
16580
+ });
16581
+ }
16582
+
16583
+ function goa_input_binding($$value) {
16584
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
16585
+ inputEl = $$value;
16586
+ $$invalidate(6, inputEl);
16587
+ });
16588
+ }
16589
+
16590
+ const click_handler = e => goto(e, -1);
16591
+
16592
+ const click_handler_1 = e => goto(e, 1);
16593
+
16594
+ $$self.$$set = $$props => {
16595
+ if ('pagenumber' in $$props) $$invalidate(0, pagenumber = $$props.pagenumber);
16596
+ if ('itemcount' in $$props) $$invalidate(10, itemcount = $$props.itemcount);
16597
+ if ('perpagecount' in $$props) $$invalidate(11, perpagecount = $$props.perpagecount);
16598
+ if ('variant' in $$props) $$invalidate(1, variant = $$props.variant);
16599
+ if ('mt' in $$props) $$invalidate(2, mt = $$props.mt);
16600
+ if ('mr' in $$props) $$invalidate(3, mr = $$props.mr);
16601
+ if ('mb' in $$props) $$invalidate(4, mb = $$props.mb);
16602
+ if ('ml' in $$props) $$invalidate(5, ml = $$props.ml);
16603
+ };
16604
+
16605
+ $$self.$$.update = () => {
16606
+ if ($$self.$$.dirty &
16607
+ /*itemcount, perpagecount*/
16608
+ 3072) {
16609
+ // reactive
16610
+ $$invalidate(8, _pageCount = Math.ceil(itemcount / perpagecount));
16611
+ }
16612
+ };
16613
+
16614
+ return [pagenumber, variant, mt, mr, mb, ml, inputEl, hiddenEl, _pageCount, goto, itemcount, perpagecount, input_binding, goa_input_binding, click_handler, click_handler_1];
16615
+ }
16616
+
16617
+ class Pagination extends SvelteElement {
16618
+ constructor(options) {
16619
+ super();
16620
+ this.shadowRoot.innerHTML = `<style>span{white-space:nowrap}.controls{display:flex;gap:1rem;flex-direction:column;align-items:center;width:100%}@media(min-width: 480px){.controls{flex-direction:row;justify-content:space-between}}</style>`;
16621
+ init(this, {
16622
+ target: this.shadowRoot,
16623
+ props: attribute_to_object(this.attributes),
16624
+ customElement: true
16625
+ }, instance, create_fragment, safe_not_equal, {
16626
+ pagenumber: 0,
16627
+ itemcount: 10,
16628
+ perpagecount: 11,
16629
+ variant: 1,
16630
+ mt: 2,
16631
+ mr: 3,
16632
+ mb: 4,
16633
+ ml: 5
16634
+ }, null);
16635
+
16636
+ if (options) {
16637
+ if (options.target) {
16638
+ insert(options.target, this, options.anchor);
16639
+ }
16640
+
16641
+ if (options.props) {
16642
+ this.$set(options.props);
16643
+ flush();
16644
+ }
16645
+ }
16646
+ }
16647
+
16648
+ static get observedAttributes() {
16649
+ return ["pagenumber", "itemcount", "perpagecount", "variant", "mt", "mr", "mb", "ml"];
16650
+ }
16651
+
16652
+ get pagenumber() {
16653
+ return this.$$.ctx[0];
16654
+ }
16655
+
16656
+ set pagenumber(pagenumber) {
16657
+ this.$$set({
16658
+ pagenumber
16659
+ });
16660
+ flush();
16661
+ }
16662
+
16663
+ get itemcount() {
16664
+ return this.$$.ctx[10];
16665
+ }
16666
+
16667
+ set itemcount(itemcount) {
16668
+ this.$$set({
16669
+ itemcount
16670
+ });
16671
+ flush();
16672
+ }
16673
+
16674
+ get perpagecount() {
16675
+ return this.$$.ctx[11];
16676
+ }
16677
+
16678
+ set perpagecount(perpagecount) {
16679
+ this.$$set({
16680
+ perpagecount
16681
+ });
16682
+ flush();
16683
+ }
16684
+
16685
+ get variant() {
16686
+ return this.$$.ctx[1];
16687
+ }
16688
+
16689
+ set variant(variant) {
16690
+ this.$$set({
16691
+ variant
16692
+ });
16693
+ flush();
16694
+ }
16695
+
16696
+ get mt() {
16697
+ return this.$$.ctx[2];
16698
+ }
16699
+
16700
+ set mt(mt) {
16701
+ this.$$set({
16702
+ mt
16703
+ });
16704
+ flush();
16705
+ }
16706
+
16707
+ get mr() {
16708
+ return this.$$.ctx[3];
16709
+ }
16710
+
16711
+ set mr(mr) {
16712
+ this.$$set({
16713
+ mr
16714
+ });
16715
+ flush();
16716
+ }
16717
+
16718
+ get mb() {
16719
+ return this.$$.ctx[4];
16720
+ }
16721
+
16722
+ set mb(mb) {
16723
+ this.$$set({
16724
+ mb
16725
+ });
16726
+ flush();
16727
+ }
16728
+
16729
+ get ml() {
16730
+ return this.$$.ctx[5];
16731
+ }
16732
+
16733
+ set ml(ml) {
16734
+ this.$$set({
16735
+ ml
16736
+ });
16737
+ flush();
16738
+ }
16739
+
16740
+ }
16741
+
16742
+ customElements.define("goa-pagination", Pagination);
16204
16743
 
16205
16744
  const GoAAppHeader = ({
16206
16745
  heading,
@@ -16881,6 +17420,7 @@ function __rest(s, e) {
16881
17420
 
16882
17421
  const GoAInput = ({
16883
17422
  id,
17423
+ debounce,
16884
17424
  name,
16885
17425
  type,
16886
17426
  autoCapitalize,
@@ -16939,6 +17479,7 @@ const GoAInput = ({
16939
17479
  }, [ref, onChange, onTrailingIconClick]);
16940
17480
  return jsxs("goa-input", Object.assign({
16941
17481
  ref: ref,
17482
+ debounce: debounce,
16942
17483
  focused: focused,
16943
17484
  type: type,
16944
17485
  name: name,
@@ -17298,6 +17839,40 @@ const GoARadioGroup = ({
17298
17839
  }), void 0);
17299
17840
  };
17300
17841
 
17842
+ function GoAPagination(props) {
17843
+ const ref = useRef();
17844
+ useEffect(() => {
17845
+ if (!ref.current) {
17846
+ return;
17847
+ }
17848
+
17849
+ const current = ref.current;
17850
+
17851
+ const changeListener = e => {
17852
+ const {
17853
+ page
17854
+ } = e.detail;
17855
+ props.onChange(page);
17856
+ };
17857
+
17858
+ current.addEventListener("_change", changeListener);
17859
+ return () => {
17860
+ current.removeEventListener("_change", changeListener);
17861
+ };
17862
+ }, [ref, props.onChange]);
17863
+ return jsx("goa-pagination", {
17864
+ ref: ref,
17865
+ itemcount: props.itemCount,
17866
+ perpagecount: props.perPageCount,
17867
+ pagenumber: props.pageNumber,
17868
+ variant: props.variant,
17869
+ mt: props.mt,
17870
+ mb: props.mb,
17871
+ ml: props.ml,
17872
+ mr: props.mr
17873
+ }, void 0);
17874
+ }
17875
+
17301
17876
  const GoASkeleton = ({
17302
17877
  maxWidth,
17303
17878
  size,
@@ -17347,7 +17922,10 @@ function GoATable(props) {
17347
17922
  return jsx("goa-table", Object.assign({
17348
17923
  width: props.width,
17349
17924
  stickyheader: false,
17350
- variant: props.variant
17925
+ mt: props.mt,
17926
+ mb: props.mb,
17927
+ ml: props.ml,
17928
+ mr: props.mr
17351
17929
  }, {
17352
17930
  children: jsx("template", {
17353
17931
  children: jsx("table", {
@@ -17437,4 +18015,4 @@ function GoATwoColumnLayout(props) {
17437
18015
  }), void 0);
17438
18016
  }
17439
18017
 
17440
- export { GoAAppFooter, GoAAppFooterMetaSection, GoAAppFooterNavSection, GoAAppHeader, GoABadge, GoABlock, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAChip, GoACircularProgress, GoAContainer, GoADivider, GoADropdown, GoADropdownItem, GoADropdownOption, GoAEmergencyBadge, GoAFormItem, GoAGrid, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAImportantBadge, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAOneColumnLayout, GoAPageBlock, GoARadioGroup, GoARadioItem, GoASkeleton, GoASpacer, GoASpinner, GoASuccessBadge, GoATable, GoATextArea, GoATwoColumnLayout };
18018
+ export { GoAAppFooter, GoAAppFooterMetaSection, GoAAppFooterNavSection, GoAAppHeader, GoABadge, GoABlock, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAChip, GoACircularProgress, GoAContainer, GoADivider, GoADropdown, GoADropdownItem, GoADropdownOption, GoAEmergencyBadge, GoAFormItem, GoAGrid, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAImportantBadge, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAOneColumnLayout, GoAPageBlock, GoAPagination, GoARadioGroup, GoARadioItem, GoASkeleton, GoASpacer, GoASpinner, GoASuccessBadge, GoATable, GoATextArea, GoATwoColumnLayout };