@abgov/react-components 4.0.0-alpha.101 → 4.0.0-alpha.103

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 (8) hide show
  1. package/index.d.ts +1 -0
  2. package/lib/dropdown/dropdown-item.d.ts +22 -0
  3. package/lib/dropdown/dropdown.d.ts +4 -5
  4. package/lib/table/table.d.ts +4 -1
  5. package/package.json +1 -1
  6. package/react-components.esm.js +884 -976
  7. package/react-components.umd.js +883 -973
  8. package/lib/dropdown/dropdown-option.d.ts +0 -21
package/react-components.esm.js CHANGED
@@ -1151,7 +1151,7 @@ function create_if_block$h(ctx) {
1151
1151
  };
1152
1152
  }
1153
1153
 
1154
- function create_fragment$G(ctx) {
1154
+ function create_fragment$F(ctx) {
1155
1155
  let div2;
1156
1156
  let div1;
1157
1157
  let t;
@@ -1235,7 +1235,7 @@ function create_fragment$G(ctx) {
1235
1235
  };
1236
1236
  }
1237
1237
 
1238
- function instance$B($$self, $$props, $$invalidate) {
1238
+ function instance$z($$self, $$props, $$invalidate) {
1239
1239
  let {
1240
1240
  heading = ""
1241
1241
  } = $$props;
@@ -1267,7 +1267,7 @@ class AppHeader extends SvelteElement {
1267
1267
  target: this.shadowRoot,
1268
1268
  props: attribute_to_object(this.attributes),
1269
1269
  customElement: true
1270
- }, instance$B, create_fragment$G, safe_not_equal, {
1270
+ }, instance$z, create_fragment$F, safe_not_equal, {
1271
1271
  heading: 0,
1272
1272
  url: 1,
1273
1273
  testid: 2,
@@ -1484,7 +1484,7 @@ function create_if_block$g(ctx) {
1484
1484
  };
1485
1485
  }
1486
1486
 
1487
- function create_fragment$F(ctx) {
1487
+ function create_fragment$E(ctx) {
1488
1488
  let div;
1489
1489
  let t;
1490
1490
  let div_style_value;
@@ -1620,7 +1620,7 @@ function create_fragment$F(ctx) {
1620
1620
  };
1621
1621
  }
1622
1622
 
1623
- function instance$A($$self, $$props, $$invalidate) {
1623
+ function instance$y($$self, $$props, $$invalidate) {
1624
1624
  let showIcon;
1625
1625
  let iconType;
1626
1626
  const [Types, validateType] = typeValidator("Badge type", ["success", "important", "information", "emergency", "dark", "midtone", "light"], true);
@@ -1702,7 +1702,7 @@ class Badge extends SvelteElement {
1702
1702
  target: this.shadowRoot,
1703
1703
  props: attribute_to_object(this.attributes),
1704
1704
  customElement: true
1705
- }, instance$A, create_fragment$F, safe_not_equal, {
1705
+ }, instance$y, create_fragment$E, safe_not_equal, {
1706
1706
  type: 0,
1707
1707
  testid: 1,
1708
1708
  content: 2,
@@ -1822,7 +1822,7 @@ class Badge extends SvelteElement {
1822
1822
  customElements.define("goa-badge", Badge);
1823
1823
  /* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.51.0 */
1824
1824
 
1825
- function create_fragment$E(ctx) {
1825
+ function create_fragment$D(ctx) {
1826
1826
  let div;
1827
1827
  let slot;
1828
1828
  let div_style_value;
@@ -1896,7 +1896,7 @@ function create_fragment$E(ctx) {
1896
1896
  };
1897
1897
  }
1898
1898
 
1899
- function instance$z($$self, $$props, $$invalidate) {
1899
+ function instance$x($$self, $$props, $$invalidate) {
1900
1900
  let {
1901
1901
  gap = "m"
1902
1902
  } = $$props;
@@ -1940,7 +1940,7 @@ class Block extends SvelteElement {
1940
1940
  target: this.shadowRoot,
1941
1941
  props: attribute_to_object(this.attributes),
1942
1942
  customElement: true
1943
- }, instance$z, create_fragment$E, safe_not_equal, {
1943
+ }, instance$x, create_fragment$D, safe_not_equal, {
1944
1944
  gap: 0,
1945
1945
  direction: 1,
1946
1946
  alignment: 2,
@@ -2244,7 +2244,7 @@ function create_if_block_1$9(ctx) {
2244
2244
  };
2245
2245
  }
2246
2246
 
2247
- function create_fragment$D(ctx) {
2247
+ function create_fragment$C(ctx) {
2248
2248
  let button;
2249
2249
  let button_class_value;
2250
2250
  let button_style_value;
@@ -2402,7 +2402,7 @@ function clickHandler(e) {
2402
2402
  e.stopPropagation();
2403
2403
  }
2404
2404
 
2405
- function instance$y($$self, $$props, $$invalidate) {
2405
+ function instance$w($$self, $$props, $$invalidate) {
2406
2406
  let isDisabled;
2407
2407
  let isButtonDark;
2408
2408
  const [Types, validateType] = typeValidator("Button type", ["primary", "submit", "secondary", "tertiary", "start"], true);
@@ -2489,7 +2489,7 @@ class Button extends SvelteElement {
2489
2489
  target: this.shadowRoot,
2490
2490
  props: attribute_to_object(this.attributes),
2491
2491
  customElement: true
2492
- }, instance$y, create_fragment$D, safe_not_equal, {
2492
+ }, instance$w, create_fragment$C, safe_not_equal, {
2493
2493
  type: 0,
2494
2494
  size: 1,
2495
2495
  variant: 2,
@@ -2645,7 +2645,7 @@ class Button extends SvelteElement {
2645
2645
  customElements.define("goa-button", Button);
2646
2646
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */
2647
2647
 
2648
- function create_fragment$C(ctx) {
2648
+ function create_fragment$B(ctx) {
2649
2649
  let div;
2650
2650
  let slot;
2651
2651
  let div_style_value;
@@ -2715,7 +2715,7 @@ function create_fragment$C(ctx) {
2715
2715
  };
2716
2716
  }
2717
2717
 
2718
- function instance$x($$self, $$props, $$invalidate) {
2718
+ function instance$v($$self, $$props, $$invalidate) {
2719
2719
  let _alignment;
2720
2720
 
2721
2721
  let {
@@ -2779,7 +2779,7 @@ class ButtonGroup extends SvelteElement {
2779
2779
  target: this.shadowRoot,
2780
2780
  props: attribute_to_object(this.attributes),
2781
2781
  customElement: true
2782
- }, instance$x, create_fragment$C, safe_not_equal, {
2782
+ }, instance$v, create_fragment$B, safe_not_equal, {
2783
2783
  alignment: 7,
2784
2784
  gap: 0,
2785
2785
  testid: 1,
@@ -2918,7 +2918,7 @@ function create_if_block$e(ctx) {
2918
2918
  };
2919
2919
  }
2920
2920
 
2921
- function create_fragment$B(ctx) {
2921
+ function create_fragment$A(ctx) {
2922
2922
  let div;
2923
2923
  let span0;
2924
2924
  let goa_icon;
@@ -3053,7 +3053,7 @@ function create_fragment$B(ctx) {
3053
3053
  };
3054
3054
  }
3055
3055
 
3056
- function instance$w($$self, $$props, $$invalidate) {
3056
+ function instance$u($$self, $$props, $$invalidate) {
3057
3057
  let iconType;
3058
3058
  const [Types, validateType] = typeValidator("Callout type", ["emergency", "important", "information", "event", "success"], true);
3059
3059
  let {
@@ -3110,7 +3110,7 @@ class Callout extends SvelteElement {
3110
3110
  target: this.shadowRoot,
3111
3111
  props: attribute_to_object(this.attributes),
3112
3112
  customElement: true
3113
- }, instance$w, create_fragment$B, safe_not_equal, {
3113
+ }, instance$u, create_fragment$A, safe_not_equal, {
3114
3114
  mt: 0,
3115
3115
  mr: 1,
3116
3116
  mb: 2,
@@ -3218,7 +3218,7 @@ class Callout extends SvelteElement {
3218
3218
  customElements.define("goa-callout", Callout);
3219
3219
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */
3220
3220
 
3221
- function create_fragment$A(ctx) {
3221
+ function create_fragment$z(ctx) {
3222
3222
  let goa_card_content;
3223
3223
  return {
3224
3224
  c() {
@@ -3249,7 +3249,7 @@ class CardActions extends SvelteElement {
3249
3249
  target: this.shadowRoot,
3250
3250
  props: attribute_to_object(this.attributes),
3251
3251
  customElement: true
3252
- }, null, create_fragment$A, safe_not_equal, {}, null);
3252
+ }, null, create_fragment$z, safe_not_equal, {}, null);
3253
3253
 
3254
3254
  if (options) {
3255
3255
  if (options.target) {
@@ -3263,7 +3263,7 @@ class CardActions extends SvelteElement {
3263
3263
  customElements.define("goa-card-actions", CardActions);
3264
3264
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */
3265
3265
 
3266
- function create_fragment$z(ctx) {
3266
+ function create_fragment$y(ctx) {
3267
3267
  let div;
3268
3268
  let slot;
3269
3269
  let div_style_value;
@@ -3342,7 +3342,7 @@ function create_fragment$z(ctx) {
3342
3342
  };
3343
3343
  }
3344
3344
 
3345
- function instance$v($$self, $$props, $$invalidate) {
3345
+ function instance$t($$self, $$props, $$invalidate) {
3346
3346
  let {
3347
3347
  elevation = 0
3348
3348
  } = $$props;
@@ -3390,7 +3390,7 @@ class Card extends SvelteElement {
3390
3390
  target: this.shadowRoot,
3391
3391
  props: attribute_to_object(this.attributes),
3392
3392
  customElement: true
3393
- }, instance$v, create_fragment$z, safe_not_equal, {
3393
+ }, instance$t, create_fragment$y, safe_not_equal, {
3394
3394
  elevation: 0,
3395
3395
  width: 1,
3396
3396
  height: 2,
@@ -3510,7 +3510,7 @@ class Card extends SvelteElement {
3510
3510
  customElements.define("goa-card", Card);
3511
3511
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */
3512
3512
 
3513
- function create_fragment$y(ctx) {
3513
+ function create_fragment$x(ctx) {
3514
3514
  let div;
3515
3515
  return {
3516
3516
  c() {
@@ -3543,7 +3543,7 @@ class CardContent extends SvelteElement {
3543
3543
  target: this.shadowRoot,
3544
3544
  props: attribute_to_object(this.attributes),
3545
3545
  customElement: true
3546
- }, null, create_fragment$y, safe_not_equal, {}, null);
3546
+ }, null, create_fragment$x, safe_not_equal, {}, null);
3547
3547
 
3548
3548
  if (options) {
3549
3549
  if (options.target) {
@@ -3557,7 +3557,7 @@ class CardContent extends SvelteElement {
3557
3557
  customElements.define("goa-card-content", CardContent);
3558
3558
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */
3559
3559
 
3560
- function create_fragment$x(ctx) {
3560
+ function create_fragment$w(ctx) {
3561
3561
  let div;
3562
3562
  return {
3563
3563
  c() {
@@ -3590,7 +3590,7 @@ class CardGroup extends SvelteElement {
3590
3590
  target: this.shadowRoot,
3591
3591
  props: attribute_to_object(this.attributes),
3592
3592
  customElement: true
3593
- }, null, create_fragment$x, safe_not_equal, {}, null);
3593
+ }, null, create_fragment$w, safe_not_equal, {}, null);
3594
3594
 
3595
3595
  if (options) {
3596
3596
  if (options.target) {
@@ -3604,7 +3604,7 @@ class CardGroup extends SvelteElement {
3604
3604
  customElements.define("goa-card-group", CardGroup);
3605
3605
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */
3606
3606
 
3607
- function create_fragment$w(ctx) {
3607
+ function create_fragment$v(ctx) {
3608
3608
  let div;
3609
3609
  return {
3610
3610
  c() {
@@ -3652,7 +3652,7 @@ function create_fragment$w(ctx) {
3652
3652
  };
3653
3653
  }
3654
3654
 
3655
- function instance$u($$self, $$props, $$invalidate) {
3655
+ function instance$s($$self, $$props, $$invalidate) {
3656
3656
  let {
3657
3657
  src
3658
3658
  } = $$props;
@@ -3676,7 +3676,7 @@ class CardImage extends SvelteElement {
3676
3676
  target: this.shadowRoot,
3677
3677
  props: attribute_to_object(this.attributes),
3678
3678
  customElement: true
3679
- }, instance$u, create_fragment$w, safe_not_equal, {
3679
+ }, instance$s, create_fragment$v, safe_not_equal, {
3680
3680
  src: 0,
3681
3681
  height: 1
3682
3682
  }, null);
@@ -3778,7 +3778,7 @@ function create_if_block$d(ctx) {
3778
3778
  };
3779
3779
  }
3780
3780
 
3781
- function create_fragment$v(ctx) {
3781
+ function create_fragment$u(ctx) {
3782
3782
  let label;
3783
3783
  let div0;
3784
3784
  let input;
@@ -4027,7 +4027,7 @@ function create_fragment$v(ctx) {
4027
4027
  };
4028
4028
  }
4029
4029
 
4030
- function instance$t($$self, $$props, $$invalidate) {
4030
+ function instance$r($$self, $$props, $$invalidate) {
4031
4031
  let isDisabled;
4032
4032
  let isError;
4033
4033
  let isChecked;
@@ -4142,7 +4142,7 @@ class Checkbox extends SvelteElement {
4142
4142
  target: this.shadowRoot,
4143
4143
  props: attribute_to_object(this.attributes),
4144
4144
  customElement: true
4145
- }, instance$t, create_fragment$v, safe_not_equal, {
4145
+ }, instance$r, create_fragment$u, safe_not_equal, {
4146
4146
  name: 0,
4147
4147
  checked: 14,
4148
4148
  text: 1,
@@ -4400,7 +4400,7 @@ function create_if_block$c(ctx) {
4400
4400
  };
4401
4401
  }
4402
4402
 
4403
- function create_fragment$u(ctx) {
4403
+ function create_fragment$t(ctx) {
4404
4404
  let div1;
4405
4405
  let t0;
4406
4406
  let div0;
@@ -4582,7 +4582,7 @@ function create_fragment$u(ctx) {
4582
4582
  };
4583
4583
  }
4584
4584
 
4585
- function instance$s($$self, $$props, $$invalidate) {
4585
+ function instance$q($$self, $$props, $$invalidate) {
4586
4586
  let {
4587
4587
  mt = null
4588
4588
  } = $$props;
@@ -4683,7 +4683,7 @@ class Chip extends SvelteElement {
4683
4683
  target: this.shadowRoot,
4684
4684
  props: attribute_to_object(this.attributes),
4685
4685
  customElement: true
4686
- }, instance$s, create_fragment$u, safe_not_equal, {
4686
+ }, instance$q, create_fragment$t, safe_not_equal, {
4687
4687
  mt: 0,
4688
4688
  mr: 1,
4689
4689
  mb: 2,
@@ -5311,7 +5311,7 @@ function create_if_block_2$5(ctx) {
5311
5311
  };
5312
5312
  }
5313
5313
 
5314
- function create_fragment$t(ctx) {
5314
+ function create_fragment$s(ctx) {
5315
5315
  let if_block_anchor;
5316
5316
  let current;
5317
5317
  let if_block =
@@ -5376,7 +5376,7 @@ function create_fragment$t(ctx) {
5376
5376
  };
5377
5377
  }
5378
5378
 
5379
- function instance$r($$self, $$props, $$invalidate) {
5379
+ function instance$p($$self, $$props, $$invalidate) {
5380
5380
  let isVisible;
5381
5381
  const [Variants, validateVariant] = typeValidator("Circular progress variant", ["fullscreen", "inline"]);
5382
5382
  const [Sizes, validateSize] = typeValidator("Button size", ["small", "large"]);
@@ -5433,7 +5433,7 @@ class CircularProgress extends SvelteElement {
5433
5433
  target: this.shadowRoot,
5434
5434
  props: attribute_to_object(this.attributes),
5435
5435
  customElement: true
5436
- }, instance$r, create_fragment$t, safe_not_equal, {
5436
+ }, instance$p, create_fragment$s, safe_not_equal, {
5437
5437
  variant: 6,
5438
5438
  size: 7,
5439
5439
  message: 0,
@@ -5517,7 +5517,7 @@ class CircularProgress extends SvelteElement {
5517
5517
  customElements.define("goa-circular-progress", CircularProgress);
5518
5518
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.51.0 */
5519
5519
 
5520
- function create_fragment$s(ctx) {
5520
+ function create_fragment$r(ctx) {
5521
5521
  let div3;
5522
5522
  let header;
5523
5523
  let div0;
@@ -5642,7 +5642,7 @@ function create_fragment$s(ctx) {
5642
5642
  };
5643
5643
  }
5644
5644
 
5645
- function instance$q($$self, $$props, $$invalidate) {
5645
+ function instance$o($$self, $$props, $$invalidate) {
5646
5646
  const [Types, validateType] = typeValidator("Container type", ["interactive", "info", "error", "success", "important", "non-interactive"]);
5647
5647
  const [Accents, validateAccent] = typeValidator("Container accent", ["thick", "thin", "filled"]);
5648
5648
  const [Paddings, validatePadding] = typeValidator("Container padding", ["relaxed", "compact"]);
@@ -5698,7 +5698,7 @@ class Container extends SvelteElement {
5698
5698
  target: this.shadowRoot,
5699
5699
  props: attribute_to_object(this.attributes),
5700
5700
  customElement: true
5701
- }, instance$q, create_fragment$s, safe_not_equal, {
5701
+ }, instance$o, create_fragment$r, safe_not_equal, {
5702
5702
  type: 0,
5703
5703
  accent: 1,
5704
5704
  padding: 2,
@@ -5818,7 +5818,7 @@ class Container extends SvelteElement {
5818
5818
  customElements.define("goa-container", Container);
5819
5819
  /* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.51.0 */
5820
5820
 
5821
- function create_fragment$r(ctx) {
5821
+ function create_fragment$q(ctx) {
5822
5822
  let hr;
5823
5823
  let hr_style_value;
5824
5824
  return {
@@ -5877,7 +5877,7 @@ function create_fragment$r(ctx) {
5877
5877
  };
5878
5878
  }
5879
5879
 
5880
- function instance$p($$self, $$props, $$invalidate) {
5880
+ function instance$n($$self, $$props, $$invalidate) {
5881
5881
  let {
5882
5882
  testid = ""
5883
5883
  } = $$props;
@@ -5913,7 +5913,7 @@ class Divider extends SvelteElement {
5913
5913
  target: this.shadowRoot,
5914
5914
  props: attribute_to_object(this.attributes),
5915
5915
  customElement: true
5916
- }, instance$p, create_fragment$r, safe_not_equal, {
5916
+ }, instance$n, create_fragment$q, safe_not_equal, {
5917
5917
  testid: 0,
5918
5918
  mt: 1,
5919
5919
  mr: 2,
@@ -5995,313 +5995,83 @@ class Divider extends SvelteElement {
5995
5995
  }
5996
5996
 
5997
5997
  customElements.define("goa-divider", Divider);
5998
- const subscriber_queue = [];
5999
- /**
6000
- * Create a `Writable` store that allows both updating and reading by subscription.
6001
- * @param {*=}value initial value
6002
- * @param {StartStopNotifier=}start start and stop notifications for subscriptions
6003
- */
6004
-
6005
- function writable(value, start = noop) {
6006
- let stop;
6007
- const subscribers = new Set();
6008
-
6009
- function set(new_value) {
6010
- if (safe_not_equal(value, new_value)) {
6011
- value = new_value;
6012
-
6013
- if (stop) {
6014
- // store is ready
6015
- const run_queue = !subscriber_queue.length;
6016
-
6017
- for (const subscriber of subscribers) {
6018
- subscriber[1]();
6019
- subscriber_queue.push(subscriber, value);
6020
- }
6021
-
6022
- if (run_queue) {
6023
- for (let i = 0; i < subscriber_queue.length; i += 2) {
6024
- subscriber_queue[i][0](subscriber_queue[i + 1]);
6025
- }
6026
-
6027
- subscriber_queue.length = 0;
6028
- }
6029
- }
6030
- }
6031
- }
6032
-
6033
- function update(fn) {
6034
- set(fn(value));
6035
- }
6036
-
6037
- function subscribe(run, invalidate = noop) {
6038
- const subscriber = [run, invalidate];
6039
- subscribers.add(subscriber);
6040
-
6041
- if (subscribers.size === 1) {
6042
- stop = start(set) || noop;
6043
- }
6044
-
6045
- run(value);
6046
- return () => {
6047
- subscribers.delete(subscriber);
6048
-
6049
- if (subscribers.size === 0) {
6050
- stop();
6051
- stop = null;
6052
- }
6053
- };
6054
- }
6055
-
6056
- return {
6057
- set,
6058
- update,
6059
- subscribe
6060
- };
6061
- }
6062
-
6063
- const stores = {};
6064
-
6065
- class ContextStoreInternal {
6066
- constructor() {
6067
- this.store = writable();
6068
- }
6069
-
6070
- subscribe(cb) {
6071
- this.store.subscribe(state => {
6072
- if (!state) return;
6073
- cb(state);
6074
- });
6075
- }
6076
-
6077
- notify(msg) {
6078
- var _this = this;
6079
-
6080
- const fn = async function fn() {
6081
- await tick();
6082
-
6083
- _this.store.update(() => msg);
6084
- };
6085
-
6086
- fn();
6087
- }
6088
-
6089
- }
6090
-
6091
- function getContext(name) {
6092
- let ctx = stores[name];
6093
-
6094
- if (!ctx) {
6095
- ctx = new ContextStoreInternal();
6096
- }
6097
-
6098
- stores[name] = ctx;
6099
- return ctx;
6100
- }
6101
-
6102
- function deleteContext(name) {
6103
- const store = stores[name];
6104
- if (!store) return;
6105
- delete stores[name];
6106
- }
6107
- /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
6108
-
6109
-
6110
- function create_fragment$q(ctx) {
6111
- return {
6112
- c() {
6113
- this.c = noop;
6114
- },
6115
-
6116
- m: noop,
6117
- p: noop,
6118
- i: noop,
6119
- o: noop,
6120
- d: noop
6121
- };
6122
- }
6123
-
6124
- function instance$o($$self, $$props, $$invalidate) {
6125
- let {
6126
- name = ""
6127
- } = $$props;
6128
- let {
6129
- value = ""
6130
- } = $$props;
6131
- let {
6132
- label = ""
6133
- } = $$props; // private
6134
-
6135
- let ctx;
6136
- let isBound = false;
6137
-
6138
- $$self.$$set = $$props => {
6139
- if ('name' in $$props) $$invalidate(0, name = $$props.name);
6140
- if ('value' in $$props) $$invalidate(1, value = $$props.value);
6141
- if ('label' in $$props) $$invalidate(2, label = $$props.label);
6142
- };
6143
-
6144
- $$self.$$.update = () => {
6145
- if ($$self.$$.dirty &
6146
- /*isBound, name, ctx, label, value*/
6147
- 31) {
6148
- {
6149
- (async () => {
6150
- await tick();
6151
-
6152
- if (!isBound) {
6153
- $$invalidate(4, isBound = true);
6154
- $$invalidate(3, ctx = getContext(name));
6155
- ctx.notify({
6156
- type: "bind",
6157
- name,
6158
- label,
6159
- value
6160
- });
6161
- }
6162
- })();
6163
- }
6164
- }
6165
- };
6166
-
6167
- return [name, value, label, ctx, isBound];
6168
- }
6169
-
6170
- class DropdownItem extends SvelteElement {
6171
- constructor(options) {
6172
- super();
6173
- init(this, {
6174
- target: this.shadowRoot,
6175
- props: attribute_to_object(this.attributes),
6176
- customElement: true
6177
- }, instance$o, create_fragment$q, safe_not_equal, {
6178
- name: 0,
6179
- value: 1,
6180
- label: 2
6181
- }, null);
6182
-
6183
- if (options) {
6184
- if (options.target) {
6185
- insert(options.target, this, options.anchor);
6186
- }
6187
-
6188
- if (options.props) {
6189
- this.$set(options.props);
6190
- flush();
6191
- }
6192
- }
6193
- }
6194
-
6195
- static get observedAttributes() {
6196
- return ["name", "value", "label"];
6197
- }
6198
-
6199
- get name() {
6200
- return this.$$.ctx[0];
6201
- }
6202
-
6203
- set name(name) {
6204
- this.$$set({
6205
- name
6206
- });
6207
- flush();
6208
- }
6209
-
6210
- get value() {
6211
- return this.$$.ctx[1];
6212
- }
6213
-
6214
- set value(value) {
6215
- this.$$set({
6216
- value
6217
- });
6218
- flush();
6219
- }
6220
-
6221
- get label() {
6222
- return this.$$.ctx[2];
6223
- }
6224
-
6225
- set label(label) {
6226
- this.$$set({
6227
- label
6228
- });
6229
- flush();
6230
- }
6231
-
6232
- }
6233
-
6234
- customElements.define("goa-dropdown-item", DropdownItem);
6235
5998
  /* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.51.0 */
6236
5999
 
6237
6000
  function get_each_context_1(ctx, list, i) {
6238
6001
  const child_ctx = ctx.slice();
6239
- child_ctx[47] = list[i];
6240
- child_ctx[51] = i;
6002
+ child_ctx[48] = list[i];
6003
+ child_ctx[52] = i;
6241
6004
  return child_ctx;
6242
6005
  }
6243
6006
 
6244
6007
  function get_each_context$4(ctx, list, i) {
6245
6008
  const child_ctx = ctx.slice();
6246
- child_ctx[47] = list[i];
6009
+ child_ctx[48] = list[i];
6247
6010
  return child_ctx;
6248
- } // (224:2) {:else}
6011
+ } // (244:2) {:else}
6249
6012
 
6250
6013
 
6251
6014
  function create_else_block$1(ctx) {
6252
6015
  let t0;
6016
+ let slot;
6017
+ let t1;
6253
6018
  let goa_input;
6254
6019
  let goa_input_aria_label_value;
6255
6020
  let goa_input_data_testid_value;
6256
- let t1;
6257
- let ul;
6258
6021
  let t2;
6259
- let slot;
6022
+ let ul;
6023
+ let each_blocks = [];
6024
+ let each_1_lookup = new Map();
6260
6025
  let ul_style_value;
6261
6026
  let mounted;
6262
6027
  let dispose;
6263
6028
  let if_block =
6264
- /*isMenuVisible*/
6265
- ctx[18] && create_if_block_1$5(ctx);
6029
+ /*_isMenuVisible*/
6030
+ ctx[15] && create_if_block_1$5(ctx);
6266
6031
  let each_value_1 =
6267
- /*options*/
6268
- ctx[16];
6269
- let each_blocks = [];
6032
+ /*_options*/
6033
+ ctx[13];
6034
+
6035
+ const get_key = ctx =>
6036
+ /*index*/
6037
+ ctx[52];
6270
6038
 
6271
6039
  for (let i = 0; i < each_value_1.length; i += 1) {
6272
- each_blocks[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
6040
+ let child_ctx = get_each_context_1(ctx, each_value_1, i);
6041
+ let key = get_key(child_ctx);
6042
+ each_1_lookup.set(key, each_blocks[i] = create_each_block_1(key, child_ctx));
6273
6043
  }
6274
6044
 
6275
6045
  return {
6276
6046
  c() {
6277
6047
  if (if_block) if_block.c();
6278
6048
  t0 = space();
6279
- goa_input = element("goa-input");
6049
+ slot = element("slot");
6280
6050
  t1 = space();
6051
+ goa_input = element("goa-input");
6052
+ t2 = space();
6281
6053
  ul = element("ul");
6282
6054
 
6283
6055
  for (let i = 0; i < each_blocks.length; i += 1) {
6284
6056
  each_blocks[i].c();
6285
6057
  }
6286
6058
 
6287
- t2 = space();
6288
- slot = element("slot");
6289
6059
  set_custom_element_data(goa_input, "error",
6290
6060
  /*error*/
6291
- ctx[8]);
6061
+ ctx[7]);
6292
6062
  set_custom_element_data(goa_input, "disabled",
6293
6063
  /*disabled*/
6294
- ctx[7]);
6064
+ ctx[6]);
6295
6065
  set_custom_element_data(goa_input, "leadingicon",
6296
6066
  /*leadingicon*/
6297
- ctx[3]);
6067
+ ctx[2]);
6298
6068
  set_custom_element_data(goa_input, "placeholder",
6299
6069
  /*placeholder*/
6300
- ctx[5]);
6070
+ ctx[4]);
6301
6071
  set_custom_element_data(goa_input, "aria-controls", "menu");
6302
6072
  set_custom_element_data(goa_input, "aria-expanded",
6303
- /*isMenuVisible*/
6304
- ctx[18]);
6073
+ /*_isMenuVisible*/
6074
+ ctx[15]);
6305
6075
  set_custom_element_data(goa_input, "aria-label", goa_input_aria_label_value =
6306
6076
  /*arialabel*/
6307
6077
  ctx[1] ||
@@ -6315,54 +6085,54 @@ function create_else_block$1(ctx) {
6315
6085
  set_custom_element_data(goa_input, "trailingicon", "chevron-down");
6316
6086
  set_custom_element_data(goa_input, "type", "text");
6317
6087
  set_custom_element_data(goa_input, "value",
6318
- /*selectedLabel*/
6319
- ctx[17]);
6088
+ /*_selectedLabel*/
6089
+ ctx[14]);
6320
6090
  set_custom_element_data(goa_input, "width", "100%");
6321
6091
  attr(ul, "id", "menu");
6322
6092
  attr(ul, "role", "listbox");
6323
6093
  attr(ul, "aria-activedescendant",
6324
- /*selectedLabel*/
6325
- ctx[17]);
6094
+ /*_selectedLabel*/
6095
+ ctx[14]);
6326
6096
  attr(ul, "data-testid", "dropdown-menu");
6327
6097
  attr(ul, "tabindex", "0");
6328
6098
  attr(ul, "class", "dropdown-list");
6329
6099
  attr(ul, "style", ul_style_value = `overflow-y: auto; max-height: ${
6330
6100
  /*maxheight*/
6331
- ctx[4]}`);
6101
+ ctx[3]}`);
6332
6102
  toggle_class(ul, "dropdown-active",
6333
- /*isMenuVisible*/
6334
- ctx[18]);
6103
+ /*_isMenuVisible*/
6104
+ ctx[15]);
6335
6105
  },
6336
6106
 
6337
6107
  m(target, anchor) {
6338
6108
  if (if_block) if_block.m(target, anchor);
6339
6109
  insert(target, t0, anchor);
6340
- insert(target, goa_input, anchor);
6110
+ insert(target, slot, anchor);
6341
6111
  insert(target, t1, anchor);
6112
+ insert(target, goa_input, anchor);
6113
+ insert(target, t2, anchor);
6342
6114
  insert(target, ul, anchor);
6343
6115
 
6344
6116
  for (let i = 0; i < each_blocks.length; i += 1) {
6345
6117
  each_blocks[i].m(ul, null);
6346
6118
  }
6347
-
6348
- append(ul, t2);
6349
- append(ul, slot);
6350
6119
  /*ul_binding*/
6351
6120
 
6352
- ctx[30](ul);
6121
+
6122
+ ctx[33](ul);
6353
6123
 
6354
6124
  if (!mounted) {
6355
6125
  dispose = listen(goa_input, "click",
6356
6126
  /*showMenu*/
6357
- ctx[22]);
6127
+ ctx[24]);
6358
6128
  mounted = true;
6359
6129
  }
6360
6130
  },
6361
6131
 
6362
6132
  p(ctx, dirty) {
6363
6133
  if (
6364
- /*isMenuVisible*/
6365
- ctx[18]) {
6134
+ /*_isMenuVisible*/
6135
+ ctx[15]) {
6366
6136
  if (if_block) {
6367
6137
  if_block.p(ctx, dirty);
6368
6138
  } else {
@@ -6377,42 +6147,42 @@ function create_else_block$1(ctx) {
6377
6147
 
6378
6148
  if (dirty[0] &
6379
6149
  /*error*/
6380
- 256) {
6150
+ 128) {
6381
6151
  set_custom_element_data(goa_input, "error",
6382
6152
  /*error*/
6383
- ctx[8]);
6153
+ ctx[7]);
6384
6154
  }
6385
6155
 
6386
6156
  if (dirty[0] &
6387
6157
  /*disabled*/
6388
- 128) {
6158
+ 64) {
6389
6159
  set_custom_element_data(goa_input, "disabled",
6390
6160
  /*disabled*/
6391
- ctx[7]);
6161
+ ctx[6]);
6392
6162
  }
6393
6163
 
6394
6164
  if (dirty[0] &
6395
6165
  /*leadingicon*/
6396
- 8) {
6166
+ 4) {
6397
6167
  set_custom_element_data(goa_input, "leadingicon",
6398
6168
  /*leadingicon*/
6399
- ctx[3]);
6169
+ ctx[2]);
6400
6170
  }
6401
6171
 
6402
6172
  if (dirty[0] &
6403
6173
  /*placeholder*/
6404
- 32) {
6174
+ 16) {
6405
6175
  set_custom_element_data(goa_input, "placeholder",
6406
6176
  /*placeholder*/
6407
- ctx[5]);
6177
+ ctx[4]);
6408
6178
  }
6409
6179
 
6410
6180
  if (dirty[0] &
6411
- /*isMenuVisible*/
6412
- 262144) {
6181
+ /*_isMenuVisible*/
6182
+ 32768) {
6413
6183
  set_custom_element_data(goa_input, "aria-expanded",
6414
- /*isMenuVisible*/
6415
- ctx[18]);
6184
+ /*_isMenuVisible*/
6185
+ ctx[15]);
6416
6186
  }
6417
6187
 
6418
6188
  if (dirty[0] &
@@ -6434,151 +6204,195 @@ function create_else_block$1(ctx) {
6434
6204
  }
6435
6205
 
6436
6206
  if (dirty[0] &
6437
- /*selectedLabel*/
6438
- 131072) {
6207
+ /*_selectedLabel*/
6208
+ 16384) {
6439
6209
  set_custom_element_data(goa_input, "value",
6440
- /*selectedLabel*/
6441
- ctx[17]);
6210
+ /*_selectedLabel*/
6211
+ ctx[14]);
6442
6212
  }
6443
6213
 
6444
6214
  if (dirty[0] &
6445
- /*options, _values, highlightedIndex, onSelect*/
6446
- 17399808) {
6215
+ /*_options, _values, _highlightedIndex, onSelect*/
6216
+ 67186688) {
6447
6217
  each_value_1 =
6448
- /*options*/
6449
- ctx[16];
6450
- let i;
6451
-
6452
- for (i = 0; i < each_value_1.length; i += 1) {
6453
- const child_ctx = get_each_context_1(ctx, each_value_1, i);
6454
-
6455
- if (each_blocks[i]) {
6456
- each_blocks[i].p(child_ctx, dirty);
6457
- } else {
6458
- each_blocks[i] = create_each_block_1(child_ctx);
6459
- each_blocks[i].c();
6460
- each_blocks[i].m(ul, t2);
6461
- }
6462
- }
6463
-
6464
- for (; i < each_blocks.length; i += 1) {
6465
- each_blocks[i].d(1);
6466
- }
6467
-
6468
- each_blocks.length = each_value_1.length;
6218
+ /*_options*/
6219
+ ctx[13];
6220
+ each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value_1, each_1_lookup, ul, destroy_block, create_each_block_1, null, get_each_context_1);
6469
6221
  }
6470
6222
 
6471
6223
  if (dirty[0] &
6472
- /*selectedLabel*/
6473
- 131072) {
6224
+ /*_selectedLabel*/
6225
+ 16384) {
6474
6226
  attr(ul, "aria-activedescendant",
6475
- /*selectedLabel*/
6476
- ctx[17]);
6227
+ /*_selectedLabel*/
6228
+ ctx[14]);
6477
6229
  }
6478
6230
 
6479
6231
  if (dirty[0] &
6480
6232
  /*maxheight*/
6481
- 16 && ul_style_value !== (ul_style_value = `overflow-y: auto; max-height: ${
6233
+ 8 && ul_style_value !== (ul_style_value = `overflow-y: auto; max-height: ${
6482
6234
  /*maxheight*/
6483
- ctx[4]}`)) {
6235
+ ctx[3]}`)) {
6484
6236
  attr(ul, "style", ul_style_value);
6485
6237
  }
6486
6238
 
6487
6239
  if (dirty[0] &
6488
- /*isMenuVisible*/
6489
- 262144) {
6240
+ /*_isMenuVisible*/
6241
+ 32768) {
6490
6242
  toggle_class(ul, "dropdown-active",
6491
- /*isMenuVisible*/
6492
- ctx[18]);
6243
+ /*_isMenuVisible*/
6244
+ ctx[15]);
6493
6245
  }
6494
6246
  },
6495
6247
 
6496
6248
  d(detaching) {
6497
6249
  if (if_block) if_block.d(detaching);
6498
6250
  if (detaching) detach(t0);
6499
- if (detaching) detach(goa_input);
6251
+ if (detaching) detach(slot);
6500
6252
  if (detaching) detach(t1);
6253
+ if (detaching) detach(goa_input);
6254
+ if (detaching) detach(t2);
6501
6255
  if (detaching) detach(ul);
6502
- destroy_each(each_blocks, detaching);
6256
+
6257
+ for (let i = 0; i < each_blocks.length; i += 1) {
6258
+ each_blocks[i].d();
6259
+ }
6503
6260
  /*ul_binding*/
6504
6261
 
6505
- ctx[30](null);
6262
+
6263
+ ctx[33](null);
6506
6264
  mounted = false;
6507
6265
  dispose();
6508
6266
  }
6509
6267
 
6510
6268
  };
6511
- } // (212:2) {#if _native}
6269
+ } // (225:2) {#if _native}
6512
6270
 
6513
6271
 
6514
6272
  function create_if_block$a(ctx) {
6515
6273
  let select;
6516
- let each_blocks = [];
6517
- let each_1_lookup = new Map();
6274
+ let slot;
6275
+ let select_aria_label_value;
6518
6276
  let mounted;
6519
6277
  let dispose;
6520
6278
  let each_value =
6521
- /*options*/
6522
- ctx[16];
6523
-
6524
- const get_key = ctx =>
6525
- /*option*/
6526
- ctx[47].value;
6279
+ /*_options*/
6280
+ ctx[13];
6281
+ let each_blocks = [];
6527
6282
 
6528
6283
  for (let i = 0; i < each_value.length; i += 1) {
6529
- let child_ctx = get_each_context$4(ctx, each_value, i);
6530
- let key = get_key(child_ctx);
6531
- each_1_lookup.set(key, each_blocks[i] = create_each_block$4(key, child_ctx));
6284
+ each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
6532
6285
  }
6533
6286
 
6534
6287
  return {
6535
6288
  c() {
6536
6289
  select = element("select");
6290
+ slot = element("slot");
6537
6291
 
6538
6292
  for (let i = 0; i < each_blocks.length; i += 1) {
6539
6293
  each_blocks[i].c();
6540
6294
  }
6295
+
6296
+ select.disabled =
6297
+ /*_disabled*/
6298
+ ctx[21];
6299
+ attr(select, "aria-label", select_aria_label_value =
6300
+ /*arialabel*/
6301
+ ctx[1] ||
6302
+ /*name*/
6303
+ ctx[0]);
6304
+ toggle_class(select, "error",
6305
+ /*_error*/
6306
+ ctx[23]);
6541
6307
  },
6542
6308
 
6543
6309
  m(target, anchor) {
6544
6310
  insert(target, select, anchor);
6311
+ append(select, slot);
6545
6312
 
6546
6313
  for (let i = 0; i < each_blocks.length; i += 1) {
6547
6314
  each_blocks[i].m(select, null);
6548
6315
  }
6316
+ /*select_binding*/
6317
+
6318
+
6319
+ ctx[31](select);
6549
6320
 
6550
6321
  if (!mounted) {
6551
6322
  dispose = listen(select, "change",
6552
6323
  /*onNativeSelect*/
6553
- ctx[25]);
6324
+ ctx[27]);
6554
6325
  mounted = true;
6555
6326
  }
6556
6327
  },
6557
6328
 
6558
6329
  p(ctx, dirty) {
6559
6330
  if (dirty[0] &
6560
- /*options, value*/
6561
- 65540) {
6331
+ /*_options*/
6332
+ 8192) {
6562
6333
  each_value =
6563
- /*options*/
6564
- ctx[16];
6565
- each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, select, destroy_block, create_each_block$4, null, get_each_context$4);
6334
+ /*_options*/
6335
+ ctx[13];
6336
+ let i;
6337
+
6338
+ for (i = 0; i < each_value.length; i += 1) {
6339
+ const child_ctx = get_each_context$4(ctx, each_value, i);
6340
+
6341
+ if (each_blocks[i]) {
6342
+ each_blocks[i].p(child_ctx, dirty);
6343
+ } else {
6344
+ each_blocks[i] = create_each_block$4(child_ctx);
6345
+ each_blocks[i].c();
6346
+ each_blocks[i].m(select, null);
6347
+ }
6348
+ }
6349
+
6350
+ for (; i < each_blocks.length; i += 1) {
6351
+ each_blocks[i].d(1);
6352
+ }
6353
+
6354
+ each_blocks.length = each_value.length;
6355
+ }
6356
+
6357
+ if (dirty[0] &
6358
+ /*_disabled*/
6359
+ 2097152) {
6360
+ select.disabled =
6361
+ /*_disabled*/
6362
+ ctx[21];
6363
+ }
6364
+
6365
+ if (dirty[0] &
6366
+ /*arialabel, name*/
6367
+ 3 && select_aria_label_value !== (select_aria_label_value =
6368
+ /*arialabel*/
6369
+ ctx[1] ||
6370
+ /*name*/
6371
+ ctx[0])) {
6372
+ attr(select, "aria-label", select_aria_label_value);
6373
+ }
6374
+
6375
+ if (dirty[0] &
6376
+ /*_error*/
6377
+ 8388608) {
6378
+ toggle_class(select, "error",
6379
+ /*_error*/
6380
+ ctx[23]);
6566
6381
  }
6567
6382
  },
6568
6383
 
6569
6384
  d(detaching) {
6570
6385
  if (detaching) detach(select);
6386
+ destroy_each(each_blocks, detaching);
6387
+ /*select_binding*/
6571
6388
 
6572
- for (let i = 0; i < each_blocks.length; i += 1) {
6573
- each_blocks[i].d();
6574
- }
6575
-
6389
+ ctx[31](null);
6576
6390
  mounted = false;
6577
6391
  dispose();
6578
6392
  }
6579
6393
 
6580
6394
  };
6581
- } // (225:4) {#if isMenuVisible}
6395
+ } // (245:4) {#if _isMenuVisible}
6582
6396
 
6583
6397
 
6584
6398
  function create_if_block_1$5(ctx) {
@@ -6601,7 +6415,7 @@ function create_if_block_1$5(ctx) {
6601
6415
  if (!mounted) {
6602
6416
  dispose = listen(div, "click",
6603
6417
  /*closeMenu*/
6604
- ctx[23]);
6418
+ ctx[25]);
6605
6419
  mounted = true;
6606
6420
  }
6607
6421
  },
@@ -6623,22 +6437,24 @@ function create_if_block_1$5(ctx) {
6623
6437
  }
6624
6438
 
6625
6439
  };
6626
- } // (265:6) {#each options as option, index}
6440
+ } // (287:6) {#each _options as option, index (index)}
6627
6441
 
6628
6442
 
6629
- function create_each_block_1(ctx) {
6443
+ function create_each_block_1(key_1, ctx) {
6630
6444
  let li;
6631
- let t_value = (
6445
+ let t0_value = (
6632
6446
  /*option*/
6633
- ctx[47].label ||
6447
+ ctx[48].label ||
6634
6448
  /*option*/
6635
- ctx[47].value) + "";
6636
- let t;
6449
+ ctx[48].value) + "";
6450
+ let t0;
6451
+ let t1;
6637
6452
  let li_id_value;
6638
6453
  let li_aria_label_value;
6639
6454
  let li_aria_selected_value;
6640
6455
  let li_data_testid_value;
6641
6456
  let li_data_index_value;
6457
+ let li_data_value_value;
6642
6458
  let li_style_value;
6643
6459
  let mounted;
6644
6460
  let dispose;
@@ -6646,54 +6462,63 @@ function create_each_block_1(ctx) {
6646
6462
  function click_handler() {
6647
6463
  return (
6648
6464
  /*click_handler*/
6649
- ctx[29](
6465
+ ctx[32](
6650
6466
  /*option*/
6651
- ctx[47])
6467
+ ctx[48])
6652
6468
  );
6653
6469
  }
6654
6470
 
6655
6471
  return {
6472
+ key: key_1,
6473
+ first: null,
6474
+
6656
6475
  c() {
6657
6476
  li = element("li");
6658
- t = text(t_value);
6477
+ t0 = text(t0_value);
6478
+ t1 = space();
6659
6479
  attr(li, "id", li_id_value =
6660
6480
  /*option*/
6661
- ctx[47].label);
6481
+ ctx[48].label);
6662
6482
  attr(li, "role", "option");
6663
6483
  attr(li, "aria-label", li_aria_label_value =
6664
6484
  /*option*/
6665
- ctx[47].label ||
6485
+ ctx[48].label ||
6666
6486
  /*option*/
6667
- ctx[47].value);
6487
+ ctx[48].value);
6668
6488
  attr(li, "aria-selected", li_aria_selected_value =
6669
6489
  /*_values*/
6670
- ctx[15].includes(
6490
+ ctx[12].includes(
6671
6491
  /*option*/
6672
- ctx[47].value) ? "true" : "false");
6673
- attr(li, "class", "dropdown-option");
6492
+ ctx[48].value) ? "true" : "false");
6493
+ attr(li, "class", "dropdown-item");
6674
6494
  attr(li, "data-testid", li_data_testid_value = `dropdown-item-${
6675
6495
  /*option*/
6676
- ctx[47].value}`);
6496
+ ctx[48].value}`);
6677
6497
  attr(li, "data-index", li_data_index_value =
6678
6498
  /*index*/
6679
- ctx[51]);
6499
+ ctx[52]);
6500
+ attr(li, "data-value", li_data_value_value =
6501
+ /*option*/
6502
+ ctx[48].value);
6680
6503
  attr(li, "style", li_style_value = `display: ${"block"}`);
6681
- toggle_class(li, "dropdown-option--disabled", false);
6682
- toggle_class(li, "dropdown-option--tabbed",
6504
+ toggle_class(li, "dropdown-item--disabled", false);
6505
+ toggle_class(li, "dropdown-item--tabbed",
6683
6506
  /*index*/
6684
- ctx[51] ===
6685
- /*highlightedIndex*/
6686
- ctx[19]);
6687
- toggle_class(li, "dropdown-option--selected",
6507
+ ctx[52] ===
6508
+ /*_highlightedIndex*/
6509
+ ctx[16]);
6510
+ toggle_class(li, "dropdown-item--selected",
6688
6511
  /*_values*/
6689
- ctx[15].includes(
6512
+ ctx[12].includes(
6690
6513
  /*option*/
6691
- ctx[47].value));
6514
+ ctx[48].value));
6515
+ this.first = li;
6692
6516
  },
6693
6517
 
6694
6518
  m(target, anchor) {
6695
6519
  insert(target, li, anchor);
6696
- append(li, t);
6520
+ append(li, t0);
6521
+ append(li, t1);
6697
6522
 
6698
6523
  if (!mounted) {
6699
6524
  dispose = listen(li, "click", click_handler);
@@ -6704,67 +6529,83 @@ function create_each_block_1(ctx) {
6704
6529
  p(new_ctx, dirty) {
6705
6530
  ctx = new_ctx;
6706
6531
  if (dirty[0] &
6707
- /*options*/
6708
- 65536 && t_value !== (t_value = (
6532
+ /*_options*/
6533
+ 8192 && t0_value !== (t0_value = (
6709
6534
  /*option*/
6710
- ctx[47].label ||
6535
+ ctx[48].label ||
6711
6536
  /*option*/
6712
- ctx[47].value) + "")) set_data(t, t_value);
6537
+ ctx[48].value) + "")) set_data(t0, t0_value);
6713
6538
 
6714
6539
  if (dirty[0] &
6715
- /*options*/
6716
- 65536 && li_id_value !== (li_id_value =
6540
+ /*_options*/
6541
+ 8192 && li_id_value !== (li_id_value =
6717
6542
  /*option*/
6718
- ctx[47].label)) {
6543
+ ctx[48].label)) {
6719
6544
  attr(li, "id", li_id_value);
6720
6545
  }
6721
6546
 
6722
6547
  if (dirty[0] &
6723
- /*options*/
6724
- 65536 && li_aria_label_value !== (li_aria_label_value =
6548
+ /*_options*/
6549
+ 8192 && li_aria_label_value !== (li_aria_label_value =
6725
6550
  /*option*/
6726
- ctx[47].label ||
6551
+ ctx[48].label ||
6727
6552
  /*option*/
6728
- ctx[47].value)) {
6553
+ ctx[48].value)) {
6729
6554
  attr(li, "aria-label", li_aria_label_value);
6730
6555
  }
6731
6556
 
6732
6557
  if (dirty[0] &
6733
- /*_values, options*/
6734
- 98304 && li_aria_selected_value !== (li_aria_selected_value =
6558
+ /*_values, _options*/
6559
+ 12288 && li_aria_selected_value !== (li_aria_selected_value =
6735
6560
  /*_values*/
6736
- ctx[15].includes(
6561
+ ctx[12].includes(
6737
6562
  /*option*/
6738
- ctx[47].value) ? "true" : "false")) {
6563
+ ctx[48].value) ? "true" : "false")) {
6739
6564
  attr(li, "aria-selected", li_aria_selected_value);
6740
6565
  }
6741
6566
 
6742
6567
  if (dirty[0] &
6743
- /*options*/
6744
- 65536 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${
6568
+ /*_options*/
6569
+ 8192 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${
6745
6570
  /*option*/
6746
- ctx[47].value}`)) {
6571
+ ctx[48].value}`)) {
6747
6572
  attr(li, "data-testid", li_data_testid_value);
6748
6573
  }
6749
6574
 
6750
6575
  if (dirty[0] &
6751
- /*highlightedIndex*/
6752
- 524288) {
6753
- toggle_class(li, "dropdown-option--tabbed",
6576
+ /*_options*/
6577
+ 8192 && li_data_index_value !== (li_data_index_value =
6578
+ /*index*/
6579
+ ctx[52])) {
6580
+ attr(li, "data-index", li_data_index_value);
6581
+ }
6582
+
6583
+ if (dirty[0] &
6584
+ /*_options*/
6585
+ 8192 && li_data_value_value !== (li_data_value_value =
6586
+ /*option*/
6587
+ ctx[48].value)) {
6588
+ attr(li, "data-value", li_data_value_value);
6589
+ }
6590
+
6591
+ if (dirty[0] &
6592
+ /*_options, _highlightedIndex*/
6593
+ 73728) {
6594
+ toggle_class(li, "dropdown-item--tabbed",
6754
6595
  /*index*/
6755
- ctx[51] ===
6756
- /*highlightedIndex*/
6757
- ctx[19]);
6596
+ ctx[52] ===
6597
+ /*_highlightedIndex*/
6598
+ ctx[16]);
6758
6599
  }
6759
6600
 
6760
6601
  if (dirty[0] &
6761
- /*_values, options*/
6762
- 98304) {
6763
- toggle_class(li, "dropdown-option--selected",
6602
+ /*_values, _options*/
6603
+ 12288) {
6604
+ toggle_class(li, "dropdown-item--selected",
6764
6605
  /*_values*/
6765
- ctx[15].includes(
6606
+ ctx[12].includes(
6766
6607
  /*option*/
6767
- ctx[47].value));
6608
+ ctx[48].value));
6768
6609
  }
6769
6610
  },
6770
6611
 
@@ -6775,44 +6616,34 @@ function create_each_block_1(ctx) {
6775
6616
  }
6776
6617
 
6777
6618
  };
6778
- } // (214:6) {#each options as option (option.value)}
6619
+ } // (234:6) {#each _options as option}
6779
6620
 
6780
6621
 
6781
- function create_each_block$4(key_1, ctx) {
6622
+ function create_each_block$4(ctx) {
6782
6623
  let option;
6783
- let t0_value = (
6624
+ let t0_value =
6784
6625
  /*option*/
6785
- ctx[47].label ||
6786
- /*option*/
6787
- ctx[47].value) + "";
6626
+ ctx[48].label + "";
6788
6627
  let t0;
6789
6628
  let t1;
6790
6629
  let option_selected_value;
6791
6630
  let option_value_value;
6792
6631
  let option_aria_label_value;
6793
6632
  return {
6794
- key: key_1,
6795
- first: null,
6796
-
6797
6633
  c() {
6798
6634
  option = element("option");
6799
6635
  t0 = text(t0_value);
6800
6636
  t1 = space();
6801
6637
  option.selected = option_selected_value =
6802
6638
  /*option*/
6803
- ctx[47].value ===
6804
- /*value*/
6805
- ctx[2];
6639
+ ctx[48].selected;
6806
6640
  option.__value = option_value_value =
6807
6641
  /*option*/
6808
- ctx[47].value;
6642
+ ctx[48].value;
6809
6643
  option.value = option.__value;
6810
6644
  attr(option, "aria-label", option_aria_label_value =
6811
6645
  /*option*/
6812
- ctx[47].label ||
6813
- /*option*/
6814
- ctx[47].value);
6815
- this.first = option;
6646
+ ctx[48].label);
6816
6647
  },
6817
6648
 
6818
6649
  m(target, anchor) {
@@ -6821,42 +6652,35 @@ function create_each_block$4(key_1, ctx) {
6821
6652
  append(option, t1);
6822
6653
  },
6823
6654
 
6824
- p(new_ctx, dirty) {
6825
- ctx = new_ctx;
6655
+ p(ctx, dirty) {
6826
6656
  if (dirty[0] &
6827
- /*options*/
6828
- 65536 && t0_value !== (t0_value = (
6657
+ /*_options*/
6658
+ 8192 && t0_value !== (t0_value =
6829
6659
  /*option*/
6830
- ctx[47].label ||
6831
- /*option*/
6832
- ctx[47].value) + "")) set_data(t0, t0_value);
6660
+ ctx[48].label + "")) set_data(t0, t0_value);
6833
6661
 
6834
6662
  if (dirty[0] &
6835
- /*options, value*/
6836
- 65540 && option_selected_value !== (option_selected_value =
6663
+ /*_options*/
6664
+ 8192 && option_selected_value !== (option_selected_value =
6837
6665
  /*option*/
6838
- ctx[47].value ===
6839
- /*value*/
6840
- ctx[2])) {
6666
+ ctx[48].selected)) {
6841
6667
  option.selected = option_selected_value;
6842
6668
  }
6843
6669
 
6844
6670
  if (dirty[0] &
6845
- /*options*/
6846
- 65536 && option_value_value !== (option_value_value =
6671
+ /*_options*/
6672
+ 8192 && option_value_value !== (option_value_value =
6847
6673
  /*option*/
6848
- ctx[47].value)) {
6674
+ ctx[48].value)) {
6849
6675
  option.__value = option_value_value;
6850
6676
  option.value = option.__value;
6851
6677
  }
6852
6678
 
6853
6679
  if (dirty[0] &
6854
- /*options*/
6855
- 65536 && option_aria_label_value !== (option_aria_label_value =
6856
- /*option*/
6857
- ctx[47].label ||
6680
+ /*_options*/
6681
+ 8192 && option_aria_label_value !== (option_aria_label_value =
6858
6682
  /*option*/
6859
- ctx[47].value)) {
6683
+ ctx[48].label)) {
6860
6684
  attr(option, "aria-label", option_aria_label_value);
6861
6685
  }
6862
6686
  },
@@ -6876,7 +6700,7 @@ function create_fragment$p(ctx) {
6876
6700
  function select_block_type(ctx, dirty) {
6877
6701
  if (
6878
6702
  /*_native*/
6879
- ctx[14]) return create_if_block$a;
6703
+ ctx[22]) return create_if_block$a;
6880
6704
  return create_else_block$1;
6881
6705
  }
6882
6706
 
@@ -6894,22 +6718,22 @@ function create_fragment$p(ctx) {
6894
6718
  attr(div, "style", div_style_value = `
6895
6719
  ${calculateMargin(
6896
6720
  /*mt*/
6897
- ctx[9],
6721
+ ctx[8],
6898
6722
  /*mr*/
6899
- ctx[10],
6723
+ ctx[9],
6900
6724
  /*mb*/
6901
- ctx[11],
6725
+ ctx[10],
6902
6726
  /*ml*/
6903
- ctx[12])}
6727
+ ctx[11])}
6904
6728
  --width: ${
6905
6729
  /*width*/
6906
- ctx[6] ||
6907
- /*computedWidth*/
6908
- ctx[20]}
6730
+ ctx[5] ||
6731
+ /*_computedWidth*/
6732
+ ctx[17]}
6909
6733
  `);
6910
6734
  toggle_class(div, "dropdown-native",
6911
6735
  /*_native*/
6912
- ctx[14]);
6736
+ ctx[22]);
6913
6737
  },
6914
6738
 
6915
6739
  m(target, anchor) {
@@ -6917,7 +6741,7 @@ function create_fragment$p(ctx) {
6917
6741
  if_block.m(div, null);
6918
6742
  /*div_binding*/
6919
6743
 
6920
- ctx[31](div);
6744
+ ctx[34](div);
6921
6745
  },
6922
6746
 
6923
6747
  p(ctx, dirty) {
@@ -6942,32 +6766,32 @@ function create_fragment$p(ctx) {
6942
6766
  }
6943
6767
 
6944
6768
  if (dirty[0] &
6945
- /*mt, mr, mb, ml, width, computedWidth*/
6946
- 1056320 && div_style_value !== (div_style_value = `
6769
+ /*mt, mr, mb, ml, width, _computedWidth*/
6770
+ 134944 && div_style_value !== (div_style_value = `
6947
6771
  ${calculateMargin(
6948
6772
  /*mt*/
6949
- ctx[9],
6773
+ ctx[8],
6950
6774
  /*mr*/
6951
- ctx[10],
6775
+ ctx[9],
6952
6776
  /*mb*/
6953
- ctx[11],
6777
+ ctx[10],
6954
6778
  /*ml*/
6955
- ctx[12])}
6779
+ ctx[11])}
6956
6780
  --width: ${
6957
6781
  /*width*/
6958
- ctx[6] ||
6959
- /*computedWidth*/
6960
- ctx[20]}
6782
+ ctx[5] ||
6783
+ /*_computedWidth*/
6784
+ ctx[17]}
6961
6785
  `)) {
6962
6786
  attr(div, "style", div_style_value);
6963
6787
  }
6964
6788
 
6965
6789
  if (dirty[0] &
6966
6790
  /*_native*/
6967
- 16384) {
6791
+ 4194304) {
6968
6792
  toggle_class(div, "dropdown-native",
6969
6793
  /*_native*/
6970
- ctx[14]);
6794
+ ctx[22]);
6971
6795
  }
6972
6796
  },
6973
6797
 
@@ -6979,17 +6803,31 @@ function create_fragment$p(ctx) {
6979
6803
  if_block.d();
6980
6804
  /*div_binding*/
6981
6805
 
6982
- ctx[31](null);
6806
+ ctx[34](null);
6983
6807
  }
6984
6808
 
6985
6809
  };
6986
6810
  }
6987
6811
 
6988
- const MAX_HEIGHT = "276px";
6812
+ function getCustomDropdownWidth(options) {
6813
+ let width;
6814
+ let maxCount = 0;
6815
+ options.forEach(option => {
6816
+ const label = option.label || option.value || "";
6989
6817
 
6990
- function instance$n($$self, $$props, $$invalidate) {
6818
+ if (!width && maxCount < label.length) {
6819
+ maxCount = label.length;
6820
+ width = `${Math.max(20, maxCount + 12)}ch`;
6821
+ }
6822
+ });
6823
+ return width;
6824
+ }
6825
+
6826
+ function instance$m($$self, $$props, $$invalidate) {
6991
6827
  let _disabled;
6992
6828
 
6829
+ let _error;
6830
+
6993
6831
  let _multiselect;
6994
6832
 
6995
6833
  let _native;
@@ -7007,7 +6845,7 @@ function instance$n($$self, $$props, $$invalidate) {
7007
6845
  leadingicon = null
7008
6846
  } = $$props;
7009
6847
  let {
7010
- maxheight = MAX_HEIGHT
6848
+ maxheight = "276px"
7011
6849
  } = $$props;
7012
6850
  let {
7013
6851
  placeholder = ""
@@ -7041,38 +6879,86 @@ function instance$n($$self, $$props, $$invalidate) {
7041
6879
  } = $$props; // Private
7042
6880
 
7043
6881
  let _values = [];
7044
- let options = [];
7045
- let selectedLabel = "";
7046
- let isMenuVisible = false;
7047
- let highlightedIndex = 0;
7048
- let maxLetterCount = 0;
7049
- let computedWidth;
7050
- let el;
7051
- let menuEl;
7052
- let ctx;
7053
- let isBound = false;
7054
- onMount(() => {
7055
- validateRequired("GoADropdown", {
7056
- name
7057
- });
6882
+ let _options = [];
6883
+ let _selectedLabel = "";
6884
+ let _isMenuVisible = false;
6885
+ let _highlightedIndex = 0;
6886
+
6887
+ let _computedWidth;
6888
+
6889
+ let _el;
6890
+
6891
+ let _menuEl;
6892
+
6893
+ let _selectEl;
6894
+
6895
+ onMount(async () => {
6896
+ await tick();
6897
+ $$invalidate(12, _values = parseValues());
6898
+ $$invalidate(13, _options = getOptions());
6899
+
6900
+ if (!_native) {
6901
+ $$invalidate(17, _computedWidth = getCustomDropdownWidth(_options));
6902
+ addKeyboardEventListeners();
6903
+ setHighlightedIndexToSelected();
6904
+ }
7058
6905
  });
7059
6906
  onDestroy(() => {
7060
6907
  removeKeyboardEventListeners();
7061
- deleteContext(name);
7062
6908
  }); // Functions
7063
6909
 
6910
+ function getChildren() {
6911
+ const slot = _el.querySelector("slot");
6912
+
6913
+ if (slot) {
6914
+ // default
6915
+ return slot.assignedElements();
6916
+ } // unit tests
6917
+
6918
+
6919
+ const el = _native ? _selectEl : _el;
6920
+ return [...el.children];
6921
+ } // Create a list of the options based on the children within the slot
6922
+ // The children don't have to be goa-dropdown-item elements. Any child element
6923
+ // work as long as it has a value and label content
6924
+
6925
+
6926
+ function getOptions() {
6927
+ const children = getChildren();
6928
+ return children.map(el => {
6929
+ const option = el;
6930
+ const value = el.getAttribute("value") || option.value;
6931
+ const label = el.getAttribute("label") || option.label || value;
6932
+
6933
+ const selected = _values.includes(value);
6934
+
6935
+ if (selected) {
6936
+ $$invalidate(14, _selectedLabel = label);
6937
+ $$invalidate(12, _values = [value]);
6938
+ }
6939
+
6940
+ return {
6941
+ selected,
6942
+ value,
6943
+ label
6944
+ };
6945
+ });
6946
+ }
6947
+
7064
6948
  function addKeyboardEventListeners() {
7065
- el.addEventListener("focus", onFocus, true);
7066
- el.addEventListener("blur", onBlur, true);
6949
+ _el.addEventListener("focus", onFocus, true);
6950
+
6951
+ _el.addEventListener("blur", onBlur, true);
7067
6952
  }
7068
6953
 
7069
6954
  function removeKeyboardEventListeners() {
7070
- el.removeEventListener("focus", onFocus, true);
7071
- el.removeEventListener("blur", onBlur, true);
7072
- }
6955
+ _el.removeEventListener("focus", onFocus, true);
6956
+
6957
+ _el.removeEventListener("blur", onBlur, true);
6958
+ } // parse and convert values to strings to avoid later type comparison issues
6959
+
7073
6960
 
7074
6961
  function parseValues() {
7075
- // parse and convert values to strings to avoid later type comparison issues
7076
6962
  let rawValue;
7077
6963
 
7078
6964
  try {
@@ -7083,84 +6969,66 @@ function instance$n($$self, $$props, $$invalidate) {
7083
6969
 
7084
6970
  const rawValues = typeof rawValue === "object" ? rawValue : [rawValue]; // convert all values to strings to avoid later type comparison issues
7085
6971
 
7086
- $$invalidate(15, _values = rawValues.map(val => `${val}`));
7087
- }
7088
-
7089
- function bindContext() {
7090
- ctx = getContext(name);
7091
- ctx.subscribe(data => {
7092
- const _data = data;
7093
-
7094
- const selected = _values.includes(_data.value);
7095
-
7096
- const label = _data.label || _data.value;
7097
- $$invalidate(16, options = [...options, Object.assign(Object.assign({}, _data), {
7098
- selected
7099
- })]);
7100
-
7101
- if (selected) {
7102
- $$invalidate(17, selectedLabel = label);
7103
- }
7104
-
7105
- if (!width && maxLetterCount < label.length) {
7106
- maxLetterCount = label.length;
7107
- $$invalidate(20, computedWidth = `${Math.max(20, maxLetterCount + 12)}ch`);
7108
- }
7109
-
7110
- setHighlightedIndexToSelected();
7111
- });
6972
+ return rawValues.map(val => `${val}`);
7112
6973
  }
7113
6974
 
7114
6975
  async function showMenu() {
7115
- if (_disabled || isMenuVisible) {
6976
+ if (_disabled || _isMenuVisible) {
7116
6977
  return;
7117
6978
  }
7118
6979
 
7119
- $$invalidate(18, isMenuVisible = true);
6980
+ $$invalidate(15, _isMenuVisible = true);
7120
6981
  await tick(); // hide menu on blur
7121
6982
 
7122
- menuEl.addEventListener("blur", closeMenu); // bind up/down arrows to navigate options
6983
+ _menuEl.addEventListener("blur", closeMenu); // bind up/down arrows to navigate options
7123
6984
 
7124
- menuEl.addEventListener("mouseover", onHighlight);
6985
+
6986
+ _menuEl.addEventListener("mouseover", onHighlight);
7125
6987
  }
7126
6988
 
7127
6989
  function closeMenu() {
7128
- menuEl.removeEventListener("blur", closeMenu);
7129
- menuEl.removeEventListener("mouseover", onHighlight);
6990
+ _menuEl.removeEventListener("blur", closeMenu);
6991
+
6992
+ _menuEl.removeEventListener("mouseover", onHighlight);
6993
+
7130
6994
  setHighlightedIndexToSelected();
7131
- $$invalidate(18, isMenuVisible = false);
6995
+ $$invalidate(15, _isMenuVisible = false);
7132
6996
  }
7133
6997
 
7134
6998
  function setHighlightedIndexToSelected() {
7135
- $$invalidate(19, highlightedIndex = options.findIndex(option => _values.includes(option.value)));
6999
+ $$invalidate(16, _highlightedIndex = _options.findIndex(option => _values.includes(option.value)));
7136
7000
  } // Event handlers
7137
7001
 
7002
+ /**
7003
+ * @property value the selected value
7004
+ */
7005
+
7138
7006
 
7139
7007
  function onSelect(value, label, close) {
7140
7008
  if (_disabled) return;
7141
- $$invalidate(17, selectedLabel = label);
7009
+ $$invalidate(14, _selectedLabel = label);
7010
+ let detail;
7142
7011
 
7143
7012
  if (_multiselect) {
7144
7013
  _values.push(value);
7145
7014
 
7146
- el.dispatchEvent(new CustomEvent("_change", {
7147
- composed: true,
7148
- detail: {
7149
- name,
7150
- values: _values
7151
- }
7152
- }));
7015
+ detail = {
7016
+ name,
7017
+ values: _values
7018
+ };
7153
7019
  } else {
7154
- $$invalidate(15, _values = [value]);
7155
- el.dispatchEvent(new CustomEvent("_change", {
7156
- composed: true,
7157
- detail: {
7158
- name,
7159
- value
7160
- }
7161
- }));
7020
+ $$invalidate(12, _values = [value]);
7021
+ detail = {
7022
+ name,
7023
+ value
7024
+ };
7162
7025
  }
7163
7026
 
7027
+ _el.dispatchEvent(new CustomEvent("_change", {
7028
+ composed: true,
7029
+ detail
7030
+ }));
7031
+
7164
7032
  if (close) {
7165
7033
  closeMenu();
7166
7034
  }
@@ -7170,18 +7038,18 @@ function instance$n($$self, $$props, $$invalidate) {
7170
7038
  switch (e.key) {
7171
7039
  case " ":
7172
7040
  case "Enter":
7173
- isMenuVisible ? closeMenu() : showMenu();
7041
+ _isMenuVisible ? closeMenu() : showMenu();
7174
7042
  e.preventDefault();
7175
7043
  break;
7176
7044
 
7177
7045
  case "Escape":
7178
- isMenuVisible && closeMenu();
7046
+ _isMenuVisible && closeMenu();
7179
7047
  e.preventDefault();
7180
7048
  break;
7181
7049
 
7182
7050
  case "ArrowDown":
7183
7051
  if (e.altKey) {
7184
- isMenuVisible ? closeMenu() : showMenu();
7052
+ _isMenuVisible ? closeMenu() : showMenu();
7185
7053
  break;
7186
7054
  }
7187
7055
 
@@ -7192,7 +7060,7 @@ function instance$n($$self, $$props, $$invalidate) {
7192
7060
 
7193
7061
  case "ArrowUp":
7194
7062
  if (e.altKey) {
7195
- isMenuVisible ? closeMenu() : showMenu();
7063
+ _isMenuVisible ? closeMenu() : showMenu();
7196
7064
  break;
7197
7065
  }
7198
7066
 
@@ -7204,141 +7072,134 @@ function instance$n($$self, $$props, $$invalidate) {
7204
7072
  };
7205
7073
 
7206
7074
  function _handleArrowDown() {
7207
- if (highlightedIndex < options.length - 1) {
7208
- $$invalidate(19, highlightedIndex++, highlightedIndex);
7209
- onSelect(options[highlightedIndex].value, options[highlightedIndex].label, false);
7075
+ if (_highlightedIndex < _options.length - 1) {
7076
+ $$invalidate(16, _highlightedIndex++, _highlightedIndex);
7077
+ onSelect(_options[_highlightedIndex].value, _options[_highlightedIndex].label, false);
7210
7078
  }
7211
7079
  }
7212
7080
 
7213
7081
  function _handleArrowUp() {
7214
- if (highlightedIndex > 0) {
7215
- $$invalidate(19, highlightedIndex--, highlightedIndex);
7216
- onSelect(options[highlightedIndex].value, options[highlightedIndex].label, false);
7082
+ if (_highlightedIndex > 0) {
7083
+ $$invalidate(16, _highlightedIndex--, _highlightedIndex);
7084
+ onSelect(_options[_highlightedIndex].value, _options[_highlightedIndex].label, false);
7217
7085
  }
7218
7086
  } // add required bindings to component
7219
7087
 
7220
7088
 
7221
7089
  function onFocus() {
7222
- el.addEventListener("keydown", onInputKeyDown);
7090
+ _el.addEventListener("keydown", onInputKeyDown);
7223
7091
  } // remove all bindings from component
7224
7092
 
7225
7093
 
7226
7094
  function onBlur() {
7227
- el.removeEventListener("keydown", onInputKeyDown);
7095
+ _el.removeEventListener("keydown", onInputKeyDown);
7228
7096
  }
7229
7097
 
7230
7098
  function onHighlight(e) {
7231
- $$invalidate(19, highlightedIndex = Number(e.target.dataset.index));
7099
+ $$invalidate(16, _highlightedIndex = Number(e.target.dataset.index));
7232
7100
  }
7233
7101
 
7234
7102
  function onNativeSelect(e) {
7235
7103
  const target = e.currentTarget;
7236
- const option = options[target.selectedIndex];
7237
- onSelect(option.value, option.label, false);
7104
+ const option = _options[target.selectedIndex];
7105
+ onSelect(option.value, option.label);
7106
+ }
7107
+
7108
+ function select_binding($$value) {
7109
+ binding_callbacks[$$value ? 'unshift' : 'push'](() => {
7110
+ _selectEl = $$value;
7111
+ $$invalidate(20, _selectEl);
7112
+ $$invalidate(13, _options);
7113
+ });
7238
7114
  }
7239
7115
 
7240
7116
  const click_handler = option => onSelect(option.value, option.label, true);
7241
7117
 
7242
7118
  function ul_binding($$value) {
7243
7119
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
7244
- menuEl = $$value;
7245
- $$invalidate(21, menuEl);
7120
+ _menuEl = $$value;
7121
+ $$invalidate(19, _menuEl);
7246
7122
  });
7247
7123
  }
7248
7124
 
7249
7125
  function div_binding($$value) {
7250
7126
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
7251
- el = $$value;
7252
- $$invalidate(13, el);
7127
+ _el = $$value;
7128
+ $$invalidate(18, _el);
7253
7129
  });
7254
7130
  }
7255
7131
 
7256
7132
  $$self.$$set = $$props => {
7257
7133
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
7258
7134
  if ('arialabel' in $$props) $$invalidate(1, arialabel = $$props.arialabel);
7259
- if ('value' in $$props) $$invalidate(2, value = $$props.value);
7260
- if ('leadingicon' in $$props) $$invalidate(3, leadingicon = $$props.leadingicon);
7261
- if ('maxheight' in $$props) $$invalidate(4, maxheight = $$props.maxheight);
7262
- if ('placeholder' in $$props) $$invalidate(5, placeholder = $$props.placeholder);
7263
- if ('width' in $$props) $$invalidate(6, width = $$props.width);
7264
- if ('disabled' in $$props) $$invalidate(7, disabled = $$props.disabled);
7265
- if ('error' in $$props) $$invalidate(8, error = $$props.error);
7266
- if ('multiselect' in $$props) $$invalidate(26, multiselect = $$props.multiselect);
7267
- if ('native' in $$props) $$invalidate(27, native = $$props.native);
7268
- if ('mt' in $$props) $$invalidate(9, mt = $$props.mt);
7269
- if ('mr' in $$props) $$invalidate(10, mr = $$props.mr);
7270
- if ('mb' in $$props) $$invalidate(11, mb = $$props.mb);
7271
- if ('ml' in $$props) $$invalidate(12, ml = $$props.ml);
7135
+ if ('value' in $$props) $$invalidate(28, value = $$props.value);
7136
+ if ('leadingicon' in $$props) $$invalidate(2, leadingicon = $$props.leadingicon);
7137
+ if ('maxheight' in $$props) $$invalidate(3, maxheight = $$props.maxheight);
7138
+ if ('placeholder' in $$props) $$invalidate(4, placeholder = $$props.placeholder);
7139
+ if ('width' in $$props) $$invalidate(5, width = $$props.width);
7140
+ if ('disabled' in $$props) $$invalidate(6, disabled = $$props.disabled);
7141
+ if ('error' in $$props) $$invalidate(7, error = $$props.error);
7142
+ if ('multiselect' in $$props) $$invalidate(29, multiselect = $$props.multiselect);
7143
+ if ('native' in $$props) $$invalidate(30, native = $$props.native);
7144
+ if ('mt' in $$props) $$invalidate(8, mt = $$props.mt);
7145
+ if ('mr' in $$props) $$invalidate(9, mr = $$props.mr);
7146
+ if ('mb' in $$props) $$invalidate(10, mb = $$props.mb);
7147
+ if ('ml' in $$props) $$invalidate(11, ml = $$props.ml);
7272
7148
  };
7273
7149
 
7274
7150
  $$self.$$.update = () => {
7275
7151
  if ($$self.$$.dirty[0] &
7276
7152
  /*disabled*/
7153
+ 64) {
7154
+ $$invalidate(21, _disabled = toBoolean(disabled));
7155
+ }
7156
+
7157
+ if ($$self.$$.dirty[0] &
7158
+ /*error*/
7277
7159
  128) {
7278
- _disabled = toBoolean(disabled);
7160
+ $$invalidate(23, _error = toBoolean(error));
7279
7161
  }
7280
7162
 
7281
7163
  if ($$self.$$.dirty[0] &
7282
7164
  /*multiselect*/
7283
- 67108864) {
7165
+ 536870912) {
7284
7166
  _multiselect = toBoolean(multiselect);
7285
7167
  }
7286
7168
 
7287
7169
  if ($$self.$$.dirty[0] &
7288
7170
  /*native*/
7289
- 134217728) {
7290
- $$invalidate(14, _native = toBoolean(native));
7291
- }
7292
-
7293
- if ($$self.$$.dirty[0] &
7294
- /*name, el, isBound, _native*/
7295
- 268460033) {
7296
- {
7297
- (async () => {
7298
- await tick();
7299
-
7300
- if (name && el && !isBound) {
7301
- $$invalidate(28, isBound = true);
7302
-
7303
- if (!_native) {
7304
- addKeyboardEventListeners();
7305
- }
7306
-
7307
- parseValues();
7308
- bindContext();
7309
- }
7310
- })();
7311
- }
7171
+ 1073741824) {
7172
+ $$invalidate(22, _native = toBoolean(native));
7312
7173
  }
7313
7174
  };
7314
7175
 
7315
- return [name, arialabel, value, leadingicon, maxheight, placeholder, width, disabled, error, mt, mr, mb, ml, el, _native, _values, options, selectedLabel, isMenuVisible, highlightedIndex, computedWidth, menuEl, showMenu, closeMenu, onSelect, onNativeSelect, multiselect, native, isBound, click_handler, ul_binding, div_binding];
7176
+ return [name, arialabel, leadingicon, maxheight, placeholder, width, disabled, error, mt, mr, mb, ml, _values, _options, _selectedLabel, _isMenuVisible, _highlightedIndex, _computedWidth, _el, _menuEl, _selectEl, _disabled, _native, _error, showMenu, closeMenu, onSelect, onNativeSelect, value, multiselect, native, select_binding, click_handler, ul_binding, div_binding];
7316
7177
  }
7317
7178
 
7318
7179
  class Dropdown extends SvelteElement {
7319
7180
  constructor(options) {
7320
7181
  super();
7321
- this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.dropdown{position:relative;cursor:pointer;display:inline-block;width:100%}@media(min-width: 640px){.dropdown{width:var(--width)}}.dropdown-background{cursor:default;position:fixed;z-index:98;inset:0}.dropdown-list{position:absolute;left:0;right:0;padding:0;margin:0;margin-top:3px;list-style-type:none;background:var(--color-white);border-radius:var(--input-border-radius);outline:none;box-shadow:var(--shadow-1);z-index:99;scroll-behavior:smooth;scrollbar-width:thin;display:none}.dropdown-active{display:block}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-list::-webkit-scrollbar-thumb{background:#888}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#555}.dropdown-option{margin:0;padding:0.5rem;cursor:pointer;color:var(--color-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-option--tabbed{background:var(--color-gray-100);color:var(--goa-color-interactive--hover)}.dropdown-option--disabled{opacity:0.5;cursor:default}.dropdown-option--disabled:hover{cursor:default;color:var(--color-gray-600)}.dropdown-option--selected{background:var(--goa-color-interactive);color:var(--color-white)}.dropdown-option--tabbed.dropdown-option--selected,.dropdown-option--selected:hover{background:var(--goa-color-interactive--hover);color:var(--color-white)}.dropdown-native{border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);background-color:var(--color-white)}select{border:none;background-color:transparent;color:var(--goa-color-text);font-size:var(--input-font-size);appearance:none;padding:calc(var(--input-padding) + 2px);padding-left:0.5rem;padding-right:2rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}</style>`;
7182
+ this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.dropdown{position:relative;cursor:pointer;display:inline-block;width:100%}@media(min-width: 640px){.dropdown{width:var(--width)}}.dropdown-background{cursor:default;position:fixed;z-index:98;inset:0}.dropdown-list{position:absolute;left:0;right:0;padding:0;margin:0;margin-top:3px;list-style-type:none;background:var(--color-white);border-radius:var(--input-border-radius);outline:none;box-shadow:var(--shadow-1);z-index:99;scroll-behavior:smooth;scrollbar-width:thin;display:none}.dropdown-active{display:block}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-list::-webkit-scrollbar-thumb{background:#888}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#555}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--color-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--color-gray-100);color:var(--goa-color-interactive--hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--color-gray-600)}.dropdown-item--selected{background:var(--goa-color-interactive);color:var(--color-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive--hover);color:var(--color-white)}.dropdown-native{border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);background-color:var(--color-white)}.dropdown-native:has(select:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive--error)}select{border:none;background-color:transparent;color:var(--goa-color-text);font-size:var(--input-font-size);appearance:none;padding:calc(var(--input-padding) + 2px);padding-left:0.5rem;padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}</style>`;
7322
7183
  init(this, {
7323
7184
  target: this.shadowRoot,
7324
7185
  props: attribute_to_object(this.attributes),
7325
7186
  customElement: true
7326
- }, instance$n, create_fragment$p, safe_not_equal, {
7187
+ }, instance$m, create_fragment$p, safe_not_equal, {
7327
7188
  name: 0,
7328
7189
  arialabel: 1,
7329
- value: 2,
7330
- leadingicon: 3,
7331
- maxheight: 4,
7332
- placeholder: 5,
7333
- width: 6,
7334
- disabled: 7,
7335
- error: 8,
7336
- multiselect: 26,
7337
- native: 27,
7338
- mt: 9,
7339
- mr: 10,
7340
- mb: 11,
7341
- ml: 12
7190
+ value: 28,
7191
+ leadingicon: 2,
7192
+ maxheight: 3,
7193
+ placeholder: 4,
7194
+ width: 5,
7195
+ disabled: 6,
7196
+ error: 7,
7197
+ multiselect: 29,
7198
+ native: 30,
7199
+ mt: 8,
7200
+ mr: 9,
7201
+ mb: 10,
7202
+ ml: 11
7342
7203
  }, null, [-1, -1]);
7343
7204
 
7344
7205
  if (options) {
@@ -7380,7 +7241,7 @@ class Dropdown extends SvelteElement {
7380
7241
  }
7381
7242
 
7382
7243
  get value() {
7383
- return this.$$.ctx[2];
7244
+ return this.$$.ctx[28];
7384
7245
  }
7385
7246
 
7386
7247
  set value(value) {
@@ -7391,7 +7252,7 @@ class Dropdown extends SvelteElement {
7391
7252
  }
7392
7253
 
7393
7254
  get leadingicon() {
7394
- return this.$$.ctx[3];
7255
+ return this.$$.ctx[2];
7395
7256
  }
7396
7257
 
7397
7258
  set leadingicon(leadingicon) {
@@ -7402,7 +7263,7 @@ class Dropdown extends SvelteElement {
7402
7263
  }
7403
7264
 
7404
7265
  get maxheight() {
7405
- return this.$$.ctx[4];
7266
+ return this.$$.ctx[3];
7406
7267
  }
7407
7268
 
7408
7269
  set maxheight(maxheight) {
@@ -7413,7 +7274,7 @@ class Dropdown extends SvelteElement {
7413
7274
  }
7414
7275
 
7415
7276
  get placeholder() {
7416
- return this.$$.ctx[5];
7277
+ return this.$$.ctx[4];
7417
7278
  }
7418
7279
 
7419
7280
  set placeholder(placeholder) {
@@ -7424,7 +7285,7 @@ class Dropdown extends SvelteElement {
7424
7285
  }
7425
7286
 
7426
7287
  get width() {
7427
- return this.$$.ctx[6];
7288
+ return this.$$.ctx[5];
7428
7289
  }
7429
7290
 
7430
7291
  set width(width) {
@@ -7435,7 +7296,7 @@ class Dropdown extends SvelteElement {
7435
7296
  }
7436
7297
 
7437
7298
  get disabled() {
7438
- return this.$$.ctx[7];
7299
+ return this.$$.ctx[6];
7439
7300
  }
7440
7301
 
7441
7302
  set disabled(disabled) {
@@ -7446,7 +7307,7 @@ class Dropdown extends SvelteElement {
7446
7307
  }
7447
7308
 
7448
7309
  get error() {
7449
- return this.$$.ctx[8];
7310
+ return this.$$.ctx[7];
7450
7311
  }
7451
7312
 
7452
7313
  set error(error) {
@@ -7457,7 +7318,7 @@ class Dropdown extends SvelteElement {
7457
7318
  }
7458
7319
 
7459
7320
  get multiselect() {
7460
- return this.$$.ctx[26];
7321
+ return this.$$.ctx[29];
7461
7322
  }
7462
7323
 
7463
7324
  set multiselect(multiselect) {
@@ -7468,7 +7329,7 @@ class Dropdown extends SvelteElement {
7468
7329
  }
7469
7330
 
7470
7331
  get native() {
7471
- return this.$$.ctx[27];
7332
+ return this.$$.ctx[30];
7472
7333
  }
7473
7334
 
7474
7335
  set native(native) {
@@ -7479,7 +7340,7 @@ class Dropdown extends SvelteElement {
7479
7340
  }
7480
7341
 
7481
7342
  get mt() {
7482
- return this.$$.ctx[9];
7343
+ return this.$$.ctx[8];
7483
7344
  }
7484
7345
 
7485
7346
  set mt(mt) {
@@ -7490,7 +7351,7 @@ class Dropdown extends SvelteElement {
7490
7351
  }
7491
7352
 
7492
7353
  get mr() {
7493
- return this.$$.ctx[10];
7354
+ return this.$$.ctx[9];
7494
7355
  }
7495
7356
 
7496
7357
  set mr(mr) {
@@ -7501,7 +7362,7 @@ class Dropdown extends SvelteElement {
7501
7362
  }
7502
7363
 
7503
7364
  get mb() {
7504
- return this.$$.ctx[11];
7365
+ return this.$$.ctx[10];
7505
7366
  }
7506
7367
 
7507
7368
  set mb(mb) {
@@ -7512,7 +7373,7 @@ class Dropdown extends SvelteElement {
7512
7373
  }
7513
7374
 
7514
7375
  get ml() {
7515
- return this.$$.ctx[12];
7376
+ return this.$$.ctx[11];
7516
7377
  }
7517
7378
 
7518
7379
  set ml(ml) {
@@ -7525,9 +7386,44 @@ class Dropdown extends SvelteElement {
7525
7386
  }
7526
7387
 
7527
7388
  customElements.define("goa-dropdown", Dropdown);
7528
- /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
7389
+ /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
7529
7390
 
7530
7391
  function create_fragment$o(ctx) {
7392
+ return {
7393
+ c() {
7394
+ this.c = noop;
7395
+ },
7396
+
7397
+ m: noop,
7398
+ p: noop,
7399
+ i: noop,
7400
+ o: noop,
7401
+ d: noop
7402
+ };
7403
+ }
7404
+
7405
+ class DropdownItem extends SvelteElement {
7406
+ constructor(options) {
7407
+ super();
7408
+ init(this, {
7409
+ target: this.shadowRoot,
7410
+ props: attribute_to_object(this.attributes),
7411
+ customElement: true
7412
+ }, null, create_fragment$o, safe_not_equal, {}, null);
7413
+
7414
+ if (options) {
7415
+ if (options.target) {
7416
+ insert(options.target, this, options.anchor);
7417
+ }
7418
+ }
7419
+ }
7420
+
7421
+ }
7422
+
7423
+ customElements.define("goa-dropdown-item", DropdownItem);
7424
+ /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
7425
+
7426
+ function create_fragment$n(ctx) {
7531
7427
  let div;
7532
7428
  return {
7533
7429
  c() {
@@ -7588,7 +7484,7 @@ function isFocusable(element) {
7588
7484
  }
7589
7485
  }
7590
7486
 
7591
- function instance$m($$self, $$props, $$invalidate) {
7487
+ function instance$l($$self, $$props, $$invalidate) {
7592
7488
  let isActive;
7593
7489
  let {
7594
7490
  active
@@ -7757,7 +7653,7 @@ class FocusTrap extends SvelteElement {
7757
7653
  target: this.shadowRoot,
7758
7654
  props: attribute_to_object(this.attributes),
7759
7655
  customElement: true
7760
- }, instance$m, create_fragment$o, safe_not_equal, {
7656
+ }, instance$l, create_fragment$n, safe_not_equal, {
7761
7657
  active: 1
7762
7658
  }, null);
7763
7659
 
@@ -7812,7 +7708,7 @@ function create_if_block$9(ctx) {
7812
7708
  };
7813
7709
  }
7814
7710
 
7815
- function create_fragment$n(ctx) {
7711
+ function create_fragment$m(ctx) {
7816
7712
  var _ctx$;
7817
7713
 
7818
7714
  let div5;
@@ -7953,7 +7849,7 @@ function create_fragment$n(ctx) {
7953
7849
  };
7954
7850
  }
7955
7851
 
7956
- function instance$l($$self, $$props, $$invalidate) {
7852
+ function instance$k($$self, $$props, $$invalidate) {
7957
7853
  let {
7958
7854
  maxcontentwidth = ""
7959
7855
  } = $$props;
@@ -7991,7 +7887,7 @@ class Footer extends SvelteElement {
7991
7887
  target: this.shadowRoot,
7992
7888
  props: attribute_to_object(this.attributes),
7993
7889
  customElement: true
7994
- }, instance$l, create_fragment$n, safe_not_equal, {
7890
+ }, instance$k, create_fragment$m, safe_not_equal, {
7995
7891
  maxcontentwidth: 0
7996
7892
  }, null);
7997
7893
 
@@ -8081,7 +7977,7 @@ function create_each_block$3(ctx) {
8081
7977
  };
8082
7978
  }
8083
7979
 
8084
- function create_fragment$m(ctx) {
7980
+ function create_fragment$l(ctx) {
8085
7981
  let section;
8086
7982
  let div;
8087
7983
  let t;
@@ -8169,7 +8065,7 @@ function create_fragment$m(ctx) {
8169
8065
  };
8170
8066
  }
8171
8067
 
8172
- function instance$k($$self, $$props, $$invalidate) {
8068
+ function instance$j($$self, $$props, $$invalidate) {
8173
8069
  let rootEl;
8174
8070
  let children = [];
8175
8071
  onMount(async () => {
@@ -8204,7 +8100,7 @@ class FooterMetaSection extends SvelteElement {
8204
8100
  target: this.shadowRoot,
8205
8101
  props: attribute_to_object(this.attributes),
8206
8102
  customElement: true
8207
- }, instance$k, create_fragment$m, safe_not_equal, {}, null);
8103
+ }, instance$j, create_fragment$l, safe_not_equal, {}, null);
8208
8104
 
8209
8105
  if (options) {
8210
8106
  if (options.target) {
@@ -8314,7 +8210,7 @@ function create_each_block$2(ctx) {
8314
8210
  };
8315
8211
  }
8316
8212
 
8317
- function create_fragment$l(ctx) {
8213
+ function create_fragment$k(ctx) {
8318
8214
  let section;
8319
8215
  let t0;
8320
8216
  let div;
@@ -8461,7 +8357,7 @@ function create_fragment$l(ctx) {
8461
8357
  };
8462
8358
  }
8463
8359
 
8464
- function instance$j($$self, $$props, $$invalidate) {
8360
+ function instance$i($$self, $$props, $$invalidate) {
8465
8361
  let {
8466
8362
  heading = ""
8467
8363
  } = $$props;
@@ -8512,7 +8408,7 @@ class FooterNavSection extends SvelteElement {
8512
8408
  target: this.shadowRoot,
8513
8409
  props: attribute_to_object(this.attributes),
8514
8410
  customElement: true
8515
- }, instance$j, create_fragment$l, safe_not_equal, {
8411
+ }, instance$i, create_fragment$k, safe_not_equal, {
8516
8412
  heading: 0,
8517
8413
  maxcolumncount: 1
8518
8414
  }, null);
@@ -8742,7 +8638,7 @@ function create_if_block$7(ctx) {
8742
8638
  };
8743
8639
  }
8744
8640
 
8745
- function create_fragment$k(ctx) {
8641
+ function create_fragment$j(ctx) {
8746
8642
  let div1;
8747
8643
  let t0;
8748
8644
  let div0;
@@ -8879,7 +8775,7 @@ function create_fragment$k(ctx) {
8879
8775
  };
8880
8776
  }
8881
8777
 
8882
- function instance$i($$self, $$props, $$invalidate) {
8778
+ function instance$h($$self, $$props, $$invalidate) {
8883
8779
  const [REQUIREMENT_TYPES, validateRequirementType] = typeValidator("Requirement type", ["optional", "required"], false);
8884
8780
  let {
8885
8781
  testid = ""
@@ -8935,7 +8831,7 @@ class FormItem extends SvelteElement {
8935
8831
  target: this.shadowRoot,
8936
8832
  props: attribute_to_object(this.attributes),
8937
8833
  customElement: true
8938
- }, instance$i, create_fragment$k, safe_not_equal, {
8834
+ }, instance$h, create_fragment$j, safe_not_equal, {
8939
8835
  testid: 0,
8940
8836
  mt: 1,
8941
8837
  mr: 2,
@@ -9067,7 +8963,7 @@ class FormItem extends SvelteElement {
9067
8963
  customElements.define("goa-form-item", FormItem);
9068
8964
  /* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.51.0 */
9069
8965
 
9070
- function create_fragment$j(ctx) {
8966
+ function create_fragment$i(ctx) {
9071
8967
  let div;
9072
8968
  let slot;
9073
8969
  let div_style_value;
@@ -9135,7 +9031,7 @@ function create_fragment$j(ctx) {
9135
9031
  };
9136
9032
  }
9137
9033
 
9138
- function instance$h($$self, $$props, $$invalidate) {
9034
+ function instance$g($$self, $$props, $$invalidate) {
9139
9035
  let {
9140
9036
  gap = "m"
9141
9037
  } = $$props;
@@ -9180,7 +9076,7 @@ class Grid extends SvelteElement {
9180
9076
  target: this.shadowRoot,
9181
9077
  props: attribute_to_object(this.attributes),
9182
9078
  customElement: true
9183
- }, instance$h, create_fragment$j, safe_not_equal, {
9079
+ }, instance$g, create_fragment$i, safe_not_equal, {
9184
9080
  gap: 0,
9185
9081
  minchildwidth: 1,
9186
9082
  mt: 2,
@@ -9276,7 +9172,7 @@ class Grid extends SvelteElement {
9276
9172
  customElements.define("goa-grid", Grid);
9277
9173
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.51.0 */
9278
9174
 
9279
- function create_fragment$i(ctx) {
9175
+ function create_fragment$h(ctx) {
9280
9176
  let div1;
9281
9177
  let goa_page_block;
9282
9178
  let h1;
@@ -9361,7 +9257,7 @@ function create_fragment$i(ctx) {
9361
9257
  };
9362
9258
  }
9363
9259
 
9364
- function instance$g($$self, $$props, $$invalidate) {
9260
+ function instance$f($$self, $$props, $$invalidate) {
9365
9261
  let {
9366
9262
  heading
9367
9263
  } = $$props;
@@ -9389,7 +9285,7 @@ class HeroBanner extends SvelteElement {
9389
9285
  target: this.shadowRoot,
9390
9286
  props: attribute_to_object(this.attributes),
9391
9287
  customElement: true
9392
- }, instance$g, create_fragment$i, safe_not_equal, {
9288
+ }, instance$f, create_fragment$h, safe_not_equal, {
9393
9289
  heading: 0,
9394
9290
  backgroundurl: 1,
9395
9291
  minheight: 2
@@ -9449,7 +9345,7 @@ class HeroBanner extends SvelteElement {
9449
9345
  customElements.define("goa-hero-banner", HeroBanner);
9450
9346
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.51.0 */
9451
9347
 
9452
- function create_fragment$h(ctx) {
9348
+ function create_fragment$g(ctx) {
9453
9349
  let button;
9454
9350
  let goa_icon;
9455
9351
  let button_style_value;
@@ -9621,7 +9517,7 @@ function handleClick(e) {
9621
9517
  }));
9622
9518
  }
9623
9519
 
9624
- function instance$f($$self, $$props, $$invalidate) {
9520
+ function instance$e($$self, $$props, $$invalidate) {
9625
9521
  let css;
9626
9522
  let isDisabled;
9627
9523
  let isInverted;
@@ -9726,7 +9622,7 @@ class IconButton extends SvelteElement {
9726
9622
  target: this.shadowRoot,
9727
9623
  props: attribute_to_object(this.attributes),
9728
9624
  customElement: true
9729
- }, instance$f, create_fragment$h, safe_not_equal, {
9625
+ }, instance$e, create_fragment$g, safe_not_equal, {
9730
9626
  icon: 0,
9731
9627
  size: 1,
9732
9628
  theme: 2,
@@ -9942,7 +9838,7 @@ function create_if_block$6(ctx) {
9942
9838
  };
9943
9839
  }
9944
9840
 
9945
- function create_fragment$g(ctx) {
9841
+ function create_fragment$f(ctx) {
9946
9842
  let div;
9947
9843
  let div_style_value;
9948
9844
  let if_block =
@@ -10073,7 +9969,7 @@ function create_fragment$g(ctx) {
10073
9969
  };
10074
9970
  }
10075
9971
 
10076
- function instance$e($$self, $$props, $$invalidate) {
9972
+ function instance$d($$self, $$props, $$invalidate) {
10077
9973
  let isInverted;
10078
9974
 
10079
9975
  let _size;
@@ -10163,7 +10059,7 @@ class Icon extends SvelteElement {
10163
10059
  target: this.shadowRoot,
10164
10060
  props: attribute_to_object(this.attributes),
10165
10061
  customElement: true
10166
- }, instance$e, create_fragment$g, safe_not_equal, {
10062
+ }, instance$d, create_fragment$f, safe_not_equal, {
10167
10063
  mt: 0,
10168
10064
  mr: 1,
10169
10065
  mb: 2,
@@ -10532,7 +10428,7 @@ function create_if_block$5(ctx) {
10532
10428
  };
10533
10429
  }
10534
10430
 
10535
- function create_fragment$f(ctx) {
10431
+ function create_fragment$e(ctx) {
10536
10432
  let div3;
10537
10433
  let div2;
10538
10434
  let t0;
@@ -10971,7 +10867,7 @@ function doClick() {
10971
10867
  }));
10972
10868
  }
10973
10869
 
10974
- function instance$d($$self, $$props, $$invalidate) {
10870
+ function instance$c($$self, $$props, $$invalidate) {
10975
10871
  let handlesTrailingIconClick;
10976
10872
  let isFocused;
10977
10873
  let isReadonly;
@@ -11172,13 +11068,13 @@ function instance$d($$self, $$props, $$invalidate) {
11172
11068
  class Input extends SvelteElement {
11173
11069
  constructor(options) {
11174
11070
  super();
11175
- 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}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%}.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);font-size:var(--input-font-size);padding:var(--input-padding);line-height:calc(40px - calc(var(--input-padding) * 2));background-color:transparent;width:0;flex:1 1 auto}input[type="text"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="number"]{font-family:var(--font-family)}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(--color-gray-100);border-color:var(--color-gray-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(--color-gray-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(--input-border-radius);border-bottom-left-radius:var(--input-border-radius);border-right:1px solid var(--color-gray-600)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--input-border-radius);border-bottom-right-radius:var(--input-border-radius);border-left:1px solid var(--color-gray-600)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--color-gray-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--color-gray-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>')
11071
+ 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}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%}.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);font-size:var(--input-font-size);padding:var(--input-padding);line-height:calc(40px - calc(var(--input-padding) * 2));background-color:transparent;width:0;flex:1 1 auto;font-family:var(--font-family)}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(--color-gray-100);border-color:var(--color-gray-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(--color-gray-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(--input-border-radius);border-bottom-left-radius:var(--input-border-radius);border-right:1px solid var(--color-gray-600)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--input-border-radius);border-bottom-right-radius:var(--input-border-radius);border-left:1px solid var(--color-gray-600)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--color-gray-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--color-gray-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>')
11176
11072
  center center no-repeat}</style>`;
11177
11073
  init(this, {
11178
11074
  target: this.shadowRoot,
11179
11075
  props: attribute_to_object(this.attributes),
11180
11076
  customElement: true
11181
- }, instance$d, create_fragment$f, safe_not_equal, {
11077
+ }, instance$c, create_fragment$e, safe_not_equal, {
11182
11078
  type: 1,
11183
11079
  name: 2,
11184
11080
  value: 0,
@@ -11697,7 +11593,7 @@ function create_if_block$4(ctx) {
11697
11593
  };
11698
11594
  }
11699
11595
 
11700
- function create_fragment$e(ctx) {
11596
+ function create_fragment$d(ctx) {
11701
11597
  let header;
11702
11598
  let t0;
11703
11599
  let show_if = ["alpha", "beta"].includes(
@@ -11806,7 +11702,7 @@ function capitalize(val) {
11806
11702
  return val[0].toUpperCase() + val.slice(1);
11807
11703
  }
11808
11704
 
11809
- function instance$c($$self, $$props, $$invalidate) {
11705
+ function instance$b($$self, $$props, $$invalidate) {
11810
11706
  const [Types, validateType] = typeValidator("Microsite header type", ["live", "alpha", "beta"], true);
11811
11707
  let {
11812
11708
  type
@@ -11838,7 +11734,7 @@ class MicrositeHeader extends SvelteElement {
11838
11734
  target: this.shadowRoot,
11839
11735
  props: attribute_to_object(this.attributes),
11840
11736
  customElement: true
11841
- }, instance$c, create_fragment$e, safe_not_equal, {
11737
+ }, instance$b, create_fragment$d, safe_not_equal, {
11842
11738
  type: 0,
11843
11739
  version: 1,
11844
11740
  feedbackurl: 2
@@ -12303,7 +12199,7 @@ function create_if_block_1$1(ctx) {
12303
12199
  };
12304
12200
  }
12305
12201
 
12306
- function create_fragment$d(ctx) {
12202
+ function create_fragment$c(ctx) {
12307
12203
  let if_block_anchor;
12308
12204
  let current;
12309
12205
  let if_block =
@@ -12368,7 +12264,7 @@ function create_fragment$d(ctx) {
12368
12264
  };
12369
12265
  }
12370
12266
 
12371
- function instance$b($$self, $$props, $$invalidate) {
12267
+ function instance$a($$self, $$props, $$invalidate) {
12372
12268
  let isClosable;
12373
12269
  let isOpen;
12374
12270
 
@@ -12458,7 +12354,7 @@ class Modal extends SvelteElement {
12458
12354
  target: this.shadowRoot,
12459
12355
  props: attribute_to_object(this.attributes),
12460
12356
  customElement: true
12461
- }, instance$b, create_fragment$d, safe_not_equal, {
12357
+ }, instance$a, create_fragment$c, safe_not_equal, {
12462
12358
  heading: 0,
12463
12359
  closable: 9,
12464
12360
  open: 1,
@@ -12678,7 +12574,7 @@ function create_if_block$2(ctx) {
12678
12574
  };
12679
12575
  }
12680
12576
 
12681
- function create_fragment$c(ctx) {
12577
+ function create_fragment$b(ctx) {
12682
12578
  let if_block_anchor;
12683
12579
  let current;
12684
12580
  let if_block =
@@ -12743,7 +12639,7 @@ function create_fragment$c(ctx) {
12743
12639
  };
12744
12640
  }
12745
12641
 
12746
- function instance$a($$self, $$props, $$invalidate) {
12642
+ function instance$9($$self, $$props, $$invalidate) {
12747
12643
  let iconType;
12748
12644
  const [Types, validateType] = typeValidator("Notification type", ["emergency", "important", "information", "event"], true);
12749
12645
  let {
@@ -12781,7 +12677,7 @@ class Notification extends SvelteElement {
12781
12677
  target: this.shadowRoot,
12782
12678
  props: attribute_to_object(this.attributes),
12783
12679
  customElement: true
12784
- }, instance$a, create_fragment$c, safe_not_equal, {
12680
+ }, instance$9, create_fragment$b, safe_not_equal, {
12785
12681
  type: 0
12786
12682
  }, null);
12787
12683
 
@@ -12823,7 +12719,7 @@ function isValidDimension(value) {
12823
12719
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
12824
12720
 
12825
12721
 
12826
- function create_fragment$b(ctx) {
12722
+ function create_fragment$a(ctx) {
12827
12723
  let div;
12828
12724
  let slot;
12829
12725
  let div_style_value;
@@ -12863,7 +12759,7 @@ function create_fragment$b(ctx) {
12863
12759
  };
12864
12760
  }
12865
12761
 
12866
- function instance$9($$self, $$props, $$invalidate) {
12762
+ function instance$8($$self, $$props, $$invalidate) {
12867
12763
  const Sizes = {
12868
12764
  "full": "100%"
12869
12765
  };
@@ -12904,7 +12800,7 @@ class PageBlock extends SvelteElement {
12904
12800
  target: this.shadowRoot,
12905
12801
  props: attribute_to_object(this.attributes),
12906
12802
  customElement: true
12907
- }, instance$9, create_fragment$b, safe_not_equal, {
12803
+ }, instance$8, create_fragment$a, safe_not_equal, {
12908
12804
  width: 1,
12909
12805
  _width: 0
12910
12806
  }, null);
@@ -12956,7 +12852,7 @@ function get_each_context$1(ctx, list, i) {
12956
12852
  const child_ctx = ctx.slice();
12957
12853
  child_ctx[22] = list[i];
12958
12854
  return child_ctx;
12959
- } // (66:2) {#each options as option (option.value)}
12855
+ } // (80:2) {#each options as option (option.value)}
12960
12856
 
12961
12857
 
12962
12858
  function create_each_block$1(key_1, ctx) {
@@ -12983,7 +12879,7 @@ function create_each_block$1(key_1, ctx) {
12983
12879
  function change_handler() {
12984
12880
  return (
12985
12881
  /*change_handler*/
12986
- ctx[18](
12882
+ ctx[16](
12987
12883
  /*option*/
12988
12884
  ctx[22])
12989
12885
  );
@@ -13033,7 +12929,7 @@ function create_each_block$1(key_1, ctx) {
13033
12929
  ctx[12]);
13034
12930
  toggle_class(label, "goa-radio--error",
13035
12931
  /*isError*/
13036
- ctx[10]);
12932
+ ctx[11]);
13037
12933
  this.first = label;
13038
12934
  },
13039
12935
 
@@ -13126,10 +13022,10 @@ function create_each_block$1(key_1, ctx) {
13126
13022
 
13127
13023
  if (dirty &
13128
13024
  /*isError*/
13129
- 1024) {
13025
+ 2048) {
13130
13026
  toggle_class(label, "goa-radio--error",
13131
13027
  /*isError*/
13132
- ctx[10]);
13028
+ ctx[11]);
13133
13029
  }
13134
13030
  },
13135
13031
 
@@ -13142,7 +13038,7 @@ function create_each_block$1(key_1, ctx) {
13142
13038
  };
13143
13039
  }
13144
13040
 
13145
- function create_fragment$a(ctx) {
13041
+ function create_fragment$9(ctx) {
13146
13042
  let div;
13147
13043
  let slot;
13148
13044
  let t;
@@ -13203,13 +13099,13 @@ function create_fragment$a(ctx) {
13203
13099
  /*div_binding*/
13204
13100
 
13205
13101
 
13206
- ctx[19](div);
13102
+ ctx[17](div);
13207
13103
  },
13208
13104
 
13209
13105
  p(ctx, [dirty]) {
13210
13106
  if (dirty &
13211
13107
  /*options, isDisabled, isError, name, value, arialabel, onChange*/
13212
- 13843) {
13108
+ 14867) {
13213
13109
  each_value =
13214
13110
  /*options*/
13215
13111
  ctx[9];
@@ -13259,14 +13155,15 @@ function create_fragment$a(ctx) {
13259
13155
  /*div_binding*/
13260
13156
 
13261
13157
 
13262
- ctx[19](null);
13158
+ ctx[17](null);
13263
13159
  }
13264
13160
 
13265
13161
  };
13266
13162
  }
13267
13163
 
13268
- function instance$8($$self, $$props, $$invalidate) {
13164
+ function instance$7($$self, $$props, $$invalidate) {
13269
13165
  let isDisabled;
13166
+ let isError;
13270
13167
  const [Orientations, validateOrientation] = typeValidator("Radio group orientation", ["vertical", "horizontal"]);
13271
13168
  let {
13272
13169
  name
@@ -13301,12 +13198,45 @@ function instance$8($$self, $$props, $$invalidate) {
13301
13198
  let {
13302
13199
  ml = null
13303
13200
  } = $$props;
13304
- let options = []; // private
13305
-
13306
- let isError;
13307
- let ctx;
13308
- let isBound = false;
13201
+ let options = [];
13309
13202
  let el;
13203
+ onMount(async () => {
13204
+ await tick();
13205
+ $$invalidate(9, options = getOptions());
13206
+ });
13207
+ /**
13208
+ * Allows the child elements to be obtainable within unit tests
13209
+ * @returns List of child elements
13210
+ */
13211
+
13212
+ function getChildren() {
13213
+ const slot = el.querySelector("slot");
13214
+ if (slot) // default
13215
+ return [...slot.assignedElements()];else // unit tests
13216
+ return [...el.children];
13217
+ }
13218
+ /**
13219
+ * Maps the child elements to a list of RadioOptions
13220
+ */
13221
+
13222
+
13223
+ function getOptions() {
13224
+ const children = getChildren();
13225
+ return children.map(el => {
13226
+ const option = el;
13227
+ const value = el.getAttribute("value") || option.value;
13228
+ const label = el.getAttribute("label") || el.innerText || option.label || option.innerText;
13229
+ return {
13230
+ value,
13231
+ label
13232
+ };
13233
+ });
13234
+ }
13235
+ /**
13236
+ * Handles changing of the radio items
13237
+ * @param newValue Selected value
13238
+ */
13239
+
13310
13240
 
13311
13241
  function onChange(newValue) {
13312
13242
  if (newValue === value) return;
@@ -13320,9 +13250,6 @@ function instance$8($$self, $$props, $$invalidate) {
13320
13250
  }));
13321
13251
  }
13322
13252
 
13323
- onDestroy(() => {
13324
- deleteContext(name);
13325
- });
13326
13253
  onMount(() => {
13327
13254
  validateOrientation(orientation);
13328
13255
  });
@@ -13332,7 +13259,7 @@ function instance$8($$self, $$props, $$invalidate) {
13332
13259
  function div_binding($$value) {
13333
13260
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
13334
13261
  el = $$value;
13335
- $$invalidate(11, el);
13262
+ $$invalidate(10, el);
13336
13263
  });
13337
13264
  }
13338
13265
 
@@ -13354,32 +13281,18 @@ function instance$8($$self, $$props, $$invalidate) {
13354
13281
  if ($$self.$$.dirty &
13355
13282
  /*disabled*/
13356
13283
  16384) {
13284
+ // private
13357
13285
  $$invalidate(12, isDisabled = toBoolean(disabled));
13358
13286
  }
13359
13287
 
13360
13288
  if ($$self.$$.dirty &
13361
13289
  /*error*/
13362
13290
  32768) {
13363
- $$invalidate(10, isError = toBoolean(error));
13364
- }
13365
-
13366
- if ($$self.$$.dirty &
13367
- /*name, isBound, ctx, options*/
13368
- 197122) {
13369
- {
13370
- if (name && !isBound) {
13371
- $$invalidate(17, isBound = true);
13372
- $$invalidate(16, ctx = getContext(name));
13373
- ctx.subscribe(msg => {
13374
- if (!msg) return;
13375
- $$invalidate(9, options = [...options, msg]);
13376
- });
13377
- }
13378
- }
13291
+ $$invalidate(11, isError = toBoolean(error));
13379
13292
  }
13380
13293
  };
13381
13294
 
13382
- return [value, name, orientation, testid, arialabel, mt, mr, mb, ml, options, isError, el, isDisabled, onChange, disabled, error, ctx, isBound, change_handler, div_binding];
13295
+ return [value, name, orientation, testid, arialabel, mt, mr, mb, ml, options, el, isError, isDisabled, onChange, disabled, error, change_handler, div_binding];
13383
13296
  }
13384
13297
 
13385
13298
  class RadioGroup extends SvelteElement {
@@ -13392,7 +13305,7 @@ class RadioGroup extends SvelteElement {
13392
13305
  target: this.shadowRoot,
13393
13306
  props: attribute_to_object(this.attributes),
13394
13307
  customElement: true
13395
- }, instance$8, create_fragment$a, safe_not_equal, {
13308
+ }, instance$7, create_fragment$9, safe_not_equal, {
13396
13309
  name: 1,
13397
13310
  value: 0,
13398
13311
  orientation: 2,
@@ -13464,213 +13377,88 @@ class RadioGroup extends SvelteElement {
13464
13377
  disabled
13465
13378
  });
13466
13379
  flush();
13467
- }
13468
-
13469
- get error() {
13470
- return this.$$.ctx[15];
13471
- }
13472
-
13473
- set error(error) {
13474
- this.$$set({
13475
- error
13476
- });
13477
- flush();
13478
- }
13479
-
13480
- get testid() {
13481
- return this.$$.ctx[3];
13482
- }
13483
-
13484
- set testid(testid) {
13485
- this.$$set({
13486
- testid
13487
- });
13488
- flush();
13489
- }
13490
-
13491
- get arialabel() {
13492
- return this.$$.ctx[4];
13493
- }
13494
-
13495
- set arialabel(arialabel) {
13496
- this.$$set({
13497
- arialabel
13498
- });
13499
- flush();
13500
- }
13501
-
13502
- get mt() {
13503
- return this.$$.ctx[5];
13504
- }
13505
-
13506
- set mt(mt) {
13507
- this.$$set({
13508
- mt
13509
- });
13510
- flush();
13511
- }
13512
-
13513
- get mr() {
13514
- return this.$$.ctx[6];
13515
- }
13516
-
13517
- set mr(mr) {
13518
- this.$$set({
13519
- mr
13520
- });
13521
- flush();
13522
- }
13523
-
13524
- get mb() {
13525
- return this.$$.ctx[7];
13526
- }
13527
-
13528
- set mb(mb) {
13529
- this.$$set({
13530
- mb
13531
- });
13532
- flush();
13533
- }
13534
-
13535
- get ml() {
13536
- return this.$$.ctx[8];
13537
- }
13538
-
13539
- set ml(ml) {
13540
- this.$$set({
13541
- ml
13542
- });
13543
- flush();
13544
- }
13545
-
13546
- }
13547
-
13548
- customElements.define("goa-radio-group", RadioGroup);
13549
- /* libs/web-components/src/components/radio-group/RadioItem.svelte generated by Svelte v3.51.0 */
13550
-
13551
- function create_fragment$9(ctx) {
13552
- return {
13553
- c() {
13554
- this.c = noop;
13555
- },
13556
-
13557
- m: noop,
13558
- p: noop,
13559
- i: noop,
13560
- o: noop,
13561
- d: noop
13562
- };
13563
- }
13564
-
13565
- function instance$7($$self, $$props, $$invalidate) {
13566
- let {
13567
- value
13568
- } = $$props;
13569
- let {
13570
- label
13571
- } = $$props;
13572
- let {
13573
- name
13574
- } = $$props;
13575
- let ctx;
13576
- let isBound = false;
13380
+ }
13577
13381
 
13578
- $$self.$$set = $$props => {
13579
- if ('value' in $$props) $$invalidate(0, value = $$props.value);
13580
- if ('label' in $$props) $$invalidate(1, label = $$props.label);
13581
- if ('name' in $$props) $$invalidate(2, name = $$props.name);
13582
- };
13382
+ get error() {
13383
+ return this.$$.ctx[15];
13384
+ }
13583
13385
 
13584
- $$self.$$.update = () => {
13585
- if ($$self.$$.dirty &
13586
- /*isBound, name, ctx, value, label*/
13587
- 31) {
13588
- {
13589
- (async () => {
13590
- await tick();
13591
-
13592
- if (!isBound) {
13593
- $$invalidate(4, isBound = true);
13594
- $$invalidate(3, ctx = getContext(name));
13595
- ctx.notify({
13596
- type: "bind",
13597
- value,
13598
- label
13599
- });
13600
- }
13601
- })();
13602
- }
13603
- }
13604
- };
13386
+ set error(error) {
13387
+ this.$$set({
13388
+ error
13389
+ });
13390
+ flush();
13391
+ }
13605
13392
 
13606
- return [value, label, name, ctx, isBound];
13607
- }
13393
+ get testid() {
13394
+ return this.$$.ctx[3];
13395
+ }
13608
13396
 
13609
- class RadioItem extends SvelteElement {
13610
- constructor(options) {
13611
- super();
13612
- init(this, {
13613
- target: this.shadowRoot,
13614
- props: attribute_to_object(this.attributes),
13615
- customElement: true
13616
- }, instance$7, create_fragment$9, safe_not_equal, {
13617
- value: 0,
13618
- label: 1,
13619
- name: 2
13620
- }, null);
13397
+ set testid(testid) {
13398
+ this.$$set({
13399
+ testid
13400
+ });
13401
+ flush();
13402
+ }
13621
13403
 
13622
- if (options) {
13623
- if (options.target) {
13624
- insert(options.target, this, options.anchor);
13625
- }
13404
+ get arialabel() {
13405
+ return this.$$.ctx[4];
13406
+ }
13626
13407
 
13627
- if (options.props) {
13628
- this.$set(options.props);
13629
- flush();
13630
- }
13631
- }
13408
+ set arialabel(arialabel) {
13409
+ this.$$set({
13410
+ arialabel
13411
+ });
13412
+ flush();
13632
13413
  }
13633
13414
 
13634
- static get observedAttributes() {
13635
- return ["value", "label", "name"];
13415
+ get mt() {
13416
+ return this.$$.ctx[5];
13636
13417
  }
13637
13418
 
13638
- get value() {
13639
- return this.$$.ctx[0];
13419
+ set mt(mt) {
13420
+ this.$$set({
13421
+ mt
13422
+ });
13423
+ flush();
13640
13424
  }
13641
13425
 
13642
- set value(value) {
13426
+ get mr() {
13427
+ return this.$$.ctx[6];
13428
+ }
13429
+
13430
+ set mr(mr) {
13643
13431
  this.$$set({
13644
- value
13432
+ mr
13645
13433
  });
13646
13434
  flush();
13647
13435
  }
13648
13436
 
13649
- get label() {
13650
- return this.$$.ctx[1];
13437
+ get mb() {
13438
+ return this.$$.ctx[7];
13651
13439
  }
13652
13440
 
13653
- set label(label) {
13441
+ set mb(mb) {
13654
13442
  this.$$set({
13655
- label
13443
+ mb
13656
13444
  });
13657
13445
  flush();
13658
13446
  }
13659
13447
 
13660
- get name() {
13661
- return this.$$.ctx[2];
13448
+ get ml() {
13449
+ return this.$$.ctx[8];
13662
13450
  }
13663
13451
 
13664
- set name(name) {
13452
+ set ml(ml) {
13665
13453
  this.$$set({
13666
- name
13454
+ ml
13667
13455
  });
13668
13456
  flush();
13669
13457
  }
13670
13458
 
13671
13459
  }
13672
13460
 
13673
- customElements.define("goa-radio-item", RadioItem);
13461
+ customElements.define("goa-radio-group", RadioGroup);
13674
13462
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.51.0 */
13675
13463
 
13676
13464
  function create_fragment$8(ctx) {
@@ -14719,6 +14507,70 @@ class Spacer extends SvelteElement {
14719
14507
  }
14720
14508
 
14721
14509
  customElements.define("goa-spacer", Spacer);
14510
+ const subscriber_queue = [];
14511
+ /**
14512
+ * Create a `Writable` store that allows both updating and reading by subscription.
14513
+ * @param {*=}value initial value
14514
+ * @param {StartStopNotifier=}start start and stop notifications for subscriptions
14515
+ */
14516
+
14517
+ function writable(value, start = noop) {
14518
+ let stop;
14519
+ const subscribers = new Set();
14520
+
14521
+ function set(new_value) {
14522
+ if (safe_not_equal(value, new_value)) {
14523
+ value = new_value;
14524
+
14525
+ if (stop) {
14526
+ // store is ready
14527
+ const run_queue = !subscriber_queue.length;
14528
+
14529
+ for (const subscriber of subscribers) {
14530
+ subscriber[1]();
14531
+ subscriber_queue.push(subscriber, value);
14532
+ }
14533
+
14534
+ if (run_queue) {
14535
+ for (let i = 0; i < subscriber_queue.length; i += 2) {
14536
+ subscriber_queue[i][0](subscriber_queue[i + 1]);
14537
+ }
14538
+
14539
+ subscriber_queue.length = 0;
14540
+ }
14541
+ }
14542
+ }
14543
+ }
14544
+
14545
+ function update(fn) {
14546
+ set(fn(value));
14547
+ }
14548
+
14549
+ function subscribe(run, invalidate = noop) {
14550
+ const subscriber = [run, invalidate];
14551
+ subscribers.add(subscriber);
14552
+
14553
+ if (subscribers.size === 1) {
14554
+ stop = start(set) || noop;
14555
+ }
14556
+
14557
+ run(value);
14558
+ return () => {
14559
+ subscribers.delete(subscriber);
14560
+
14561
+ if (subscribers.size === 0) {
14562
+ stop();
14563
+ stop = null;
14564
+ }
14565
+ };
14566
+ }
14567
+
14568
+ return {
14569
+ set,
14570
+ update,
14571
+ subscribe
14572
+ };
14573
+ }
14722
14574
 
14723
14575
  function is_date(obj) {
14724
14576
  return Object.prototype.toString.call(obj) === '[object Date]';
@@ -15295,23 +15147,28 @@ function create_fragment$4(ctx) {
15295
15147
  <tbody><tr><td></td></tr></tbody>
15296
15148
  <tfoot><tr><td></td></tr></tfoot>`;
15297
15149
  this.c = noop;
15150
+ attr(table, "class",
15151
+ /*variant*/
15152
+ ctx[1]);
15298
15153
  attr(table, "style", table_style_value = `
15299
- width: ${
15154
+ ${
15300
15155
  /*width*/
15301
- ctx[0]};
15156
+ ctx[0] ? `width: ${
15157
+ /*width*/
15158
+ ctx[0]};` : ``}
15302
15159
  ${calculateMargin(
15303
15160
  /*mt*/
15304
- ctx[1],
15305
- /*mr*/
15306
15161
  ctx[2],
15307
- /*mb*/
15162
+ /*mr*/
15308
15163
  ctx[3],
15164
+ /*mb*/
15165
+ ctx[4],
15309
15166
  /*ml*/
15310
- ctx[4])}
15167
+ ctx[5])}
15311
15168
  `);
15312
15169
  toggle_class(table, "sticky",
15313
15170
  /*_stickyHeader*/
15314
- ctx[6]);
15171
+ ctx[7]);
15315
15172
  },
15316
15173
 
15317
15174
  m(target, anchor) {
@@ -15321,35 +15178,45 @@ function create_fragment$4(ctx) {
15321
15178
  append(table, template);
15322
15179
  /*table_binding*/
15323
15180
 
15324
- ctx[8](table);
15181
+ ctx[9](table);
15325
15182
  },
15326
15183
 
15327
15184
  p(ctx, [dirty]) {
15185
+ if (dirty &
15186
+ /*variant*/
15187
+ 2) {
15188
+ attr(table, "class",
15189
+ /*variant*/
15190
+ ctx[1]);
15191
+ }
15192
+
15328
15193
  if (dirty &
15329
15194
  /*width, mt, mr, mb, ml*/
15330
- 31 && table_style_value !== (table_style_value = `
15331
- width: ${
15195
+ 61 && table_style_value !== (table_style_value = `
15196
+ ${
15197
+ /*width*/
15198
+ ctx[0] ? `width: ${
15332
15199
  /*width*/
15333
- ctx[0]};
15200
+ ctx[0]};` : ``}
15334
15201
  ${calculateMargin(
15335
15202
  /*mt*/
15336
- ctx[1],
15337
- /*mr*/
15338
15203
  ctx[2],
15339
- /*mb*/
15204
+ /*mr*/
15340
15205
  ctx[3],
15206
+ /*mb*/
15207
+ ctx[4],
15341
15208
  /*ml*/
15342
- ctx[4])}
15209
+ ctx[5])}
15343
15210
  `)) {
15344
15211
  attr(table, "style", table_style_value);
15345
15212
  }
15346
15213
 
15347
15214
  if (dirty &
15348
- /*_stickyHeader*/
15349
- 64) {
15215
+ /*variant, _stickyHeader*/
15216
+ 130) {
15350
15217
  toggle_class(table, "sticky",
15351
15218
  /*_stickyHeader*/
15352
- ctx[6]);
15219
+ ctx[7]);
15353
15220
  }
15354
15221
  },
15355
15222
 
@@ -15360,7 +15227,7 @@ function create_fragment$4(ctx) {
15360
15227
  if (detaching) detach(table);
15361
15228
  /*table_binding*/
15362
15229
 
15363
- ctx[8](null);
15230
+ ctx[9](null);
15364
15231
  }
15365
15232
 
15366
15233
  };
@@ -15369,12 +15236,16 @@ function create_fragment$4(ctx) {
15369
15236
  function instance$2($$self, $$props, $$invalidate) {
15370
15237
  let _stickyHeader;
15371
15238
 
15239
+ const [Variants, validateVariant] = typeValidator("Table variant", ["normal", "relaxed"], true);
15372
15240
  let {
15373
15241
  width = ""
15374
15242
  } = $$props;
15375
15243
  let {
15376
15244
  stickyheader = "false"
15377
15245
  } = $$props;
15246
+ let {
15247
+ variant = "normal"
15248
+ } = $$props;
15378
15249
  let {
15379
15250
  mt = null
15380
15251
  } = $$props;
@@ -15391,6 +15262,8 @@ function instance$2($$self, $$props, $$invalidate) {
15391
15262
  let _rootEl;
15392
15263
 
15393
15264
  onMount(() => {
15265
+ validateVariant(variant);
15266
+
15394
15267
  const slot = _rootEl.querySelector("slot");
15395
15268
 
15396
15269
  if (slot) {
@@ -15406,45 +15279,47 @@ function instance$2($$self, $$props, $$invalidate) {
15406
15279
  function table_binding($$value) {
15407
15280
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
15408
15281
  _rootEl = $$value;
15409
- $$invalidate(5, _rootEl);
15282
+ $$invalidate(6, _rootEl);
15410
15283
  });
15411
15284
  }
15412
15285
 
15413
15286
  $$self.$$set = $$props => {
15414
15287
  if ('width' in $$props) $$invalidate(0, width = $$props.width);
15415
- if ('stickyheader' in $$props) $$invalidate(7, stickyheader = $$props.stickyheader);
15416
- if ('mt' in $$props) $$invalidate(1, mt = $$props.mt);
15417
- if ('mr' in $$props) $$invalidate(2, mr = $$props.mr);
15418
- if ('mb' in $$props) $$invalidate(3, mb = $$props.mb);
15419
- if ('ml' in $$props) $$invalidate(4, ml = $$props.ml);
15288
+ if ('stickyheader' in $$props) $$invalidate(8, stickyheader = $$props.stickyheader);
15289
+ if ('variant' in $$props) $$invalidate(1, variant = $$props.variant);
15290
+ if ('mt' in $$props) $$invalidate(2, mt = $$props.mt);
15291
+ if ('mr' in $$props) $$invalidate(3, mr = $$props.mr);
15292
+ if ('mb' in $$props) $$invalidate(4, mb = $$props.mb);
15293
+ if ('ml' in $$props) $$invalidate(5, ml = $$props.ml);
15420
15294
  };
15421
15295
 
15422
15296
  $$self.$$.update = () => {
15423
15297
  if ($$self.$$.dirty &
15424
15298
  /*stickyheader*/
15425
- 128) {
15426
- $$invalidate(6, _stickyHeader = toBoolean(stickyheader));
15299
+ 256) {
15300
+ $$invalidate(7, _stickyHeader = toBoolean(stickyheader));
15427
15301
  }
15428
15302
  };
15429
15303
 
15430
- return [width, mt, mr, mb, ml, _rootEl, _stickyHeader, stickyheader, table_binding];
15304
+ return [width, variant, mt, mr, mb, ml, _rootEl, _stickyHeader, stickyheader, table_binding];
15431
15305
  }
15432
15306
 
15433
15307
  class Table extends SvelteElement {
15434
15308
  constructor(options) {
15435
15309
  super();
15436
- this.shadowRoot.innerHTML = `<style>table{border-collapse:collapse}table.sticky{position:relative}table.sticky thead{position:sticky;top:0}td{padding:1rem 1.5rem;border-bottom:1px solid var(--color-gray-200);line-height:1rem}th{background-color:var(--color-white);color:var(--goa-color-text-secondary);padding:1rem;vertical-align:middle;text-align:left;border-bottom:2px solid var(--color-gray-600)}tfoot td{background-color:var(--color-gray-100)}tfoot tr:first-child td{border-top:2px solid var(--color-gray-200)}tfoot tr:last-child td{border-bottom:none}</style>`;
15310
+ this.shadowRoot.innerHTML = `<style>table{border-collapse:collapse}table.sticky{position:relative}table.sticky thead{position:sticky;top:0}td{padding:0.75rem 1rem 0.5rem;border-bottom:1px solid var(--color-gray-200);line-height:1rem}table.relaxed td{padding:1.25rem 1rem 1rem}th{background-color:var(--color-white);color:var(--goa-color-text-secondary);padding:1rem;vertical-align:middle;text-align:left;border-bottom:2px solid var(--color-gray-600)}tfoot td{background-color:var(--color-gray-100)}tfoot tr:first-child td{border-top:2px solid var(--color-gray-200)}tfoot tr:last-child td{border-bottom:none}</style>`;
15437
15311
  init(this, {
15438
15312
  target: this.shadowRoot,
15439
15313
  props: attribute_to_object(this.attributes),
15440
15314
  customElement: true
15441
15315
  }, instance$2, create_fragment$4, safe_not_equal, {
15442
15316
  width: 0,
15443
- stickyheader: 7,
15444
- mt: 1,
15445
- mr: 2,
15446
- mb: 3,
15447
- ml: 4
15317
+ stickyheader: 8,
15318
+ variant: 1,
15319
+ mt: 2,
15320
+ mr: 3,
15321
+ mb: 4,
15322
+ ml: 5
15448
15323
  }, null);
15449
15324
 
15450
15325
  if (options) {
@@ -15460,7 +15335,7 @@ class Table extends SvelteElement {
15460
15335
  }
15461
15336
 
15462
15337
  static get observedAttributes() {
15463
- return ["width", "stickyheader", "mt", "mr", "mb", "ml"];
15338
+ return ["width", "stickyheader", "variant", "mt", "mr", "mb", "ml"];
15464
15339
  }
15465
15340
 
15466
15341
  get width() {
@@ -15475,7 +15350,7 @@ class Table extends SvelteElement {
15475
15350
  }
15476
15351
 
15477
15352
  get stickyheader() {
15478
- return this.$$.ctx[7];
15353
+ return this.$$.ctx[8];
15479
15354
  }
15480
15355
 
15481
15356
  set stickyheader(stickyheader) {
@@ -15485,10 +15360,21 @@ class Table extends SvelteElement {
15485
15360
  flush();
15486
15361
  }
15487
15362
 
15488
- get mt() {
15363
+ get variant() {
15489
15364
  return this.$$.ctx[1];
15490
15365
  }
15491
15366
 
15367
+ set variant(variant) {
15368
+ this.$$set({
15369
+ variant
15370
+ });
15371
+ flush();
15372
+ }
15373
+
15374
+ get mt() {
15375
+ return this.$$.ctx[2];
15376
+ }
15377
+
15492
15378
  set mt(mt) {
15493
15379
  this.$$set({
15494
15380
  mt
@@ -15497,7 +15383,7 @@ class Table extends SvelteElement {
15497
15383
  }
15498
15384
 
15499
15385
  get mr() {
15500
- return this.$$.ctx[2];
15386
+ return this.$$.ctx[3];
15501
15387
  }
15502
15388
 
15503
15389
  set mr(mr) {
@@ -15508,7 +15394,7 @@ class Table extends SvelteElement {
15508
15394
  }
15509
15395
 
15510
15396
  get mb() {
15511
- return this.$$.ctx[3];
15397
+ return this.$$.ctx[4];
15512
15398
  }
15513
15399
 
15514
15400
  set mb(mb) {
@@ -15519,7 +15405,7 @@ class Table extends SvelteElement {
15519
15405
  }
15520
15406
 
15521
15407
  get ml() {
15522
- return this.$$.ctx[4];
15408
+ return this.$$.ctx[5];
15523
15409
  }
15524
15410
 
15525
15411
  set ml(ml) {
@@ -16681,16 +16567,17 @@ function GoADivider(props) {
16681
16567
  }, void 0);
16682
16568
  }
16683
16569
 
16684
- const GoADropdownOption = props => {
16685
- return jsx("goa-dropdown-item", Object.assign({
16686
- "data-testid": props.testId,
16687
- name: props.name,
16688
- value: props.value,
16689
- label: props.label
16690
- }, {
16691
- children: props.children
16692
- }), void 0);
16693
- };
16570
+ function stringify(value) {
16571
+ if (typeof value === "undefined") {
16572
+ return "";
16573
+ }
16574
+
16575
+ if (typeof value === "string") {
16576
+ return value;
16577
+ }
16578
+
16579
+ return JSON.stringify(value);
16580
+ }
16694
16581
 
16695
16582
  const GoADropdown = props => {
16696
16583
  const el = useRef(null);
@@ -16718,7 +16605,7 @@ const GoADropdown = props => {
16718
16605
  return jsx("goa-dropdown", Object.assign({
16719
16606
  ref: el,
16720
16607
  name: props.name,
16721
- value: JSON.stringify(props.value),
16608
+ value: stringify(props.value),
16722
16609
  arialabel: props.ariaLabel,
16723
16610
  disabled: props.disabled,
16724
16611
  error: props.error,
@@ -16739,6 +16626,26 @@ const GoADropdown = props => {
16739
16626
  }), void 0);
16740
16627
  };
16741
16628
 
16629
+ function GoADropdownOption(props) {
16630
+ useEffect(() => {
16631
+ console.warn("GoADropdownOption is deprecated. Please use GoADropdownItem");
16632
+ }, []);
16633
+ return jsx(GoADropdownItem, Object.assign({}, props), void 0);
16634
+ }
16635
+ function GoADropdownItem({
16636
+ value,
16637
+ label,
16638
+ name,
16639
+ testId
16640
+ }) {
16641
+ return jsx("goa-dropdown-item", {
16642
+ "data-testid": testId,
16643
+ value: value,
16644
+ label: label,
16645
+ name: name
16646
+ }, void 0);
16647
+ }
16648
+
16742
16649
  function GoAAppFooterMetaSection({
16743
16650
  children
16744
16651
  }) {
@@ -17409,7 +17316,8 @@ const GoASpinner = ({
17409
17316
  function GoATable(props) {
17410
17317
  return jsx("goa-table", Object.assign({
17411
17318
  width: props.width,
17412
- stickyheader: false
17319
+ stickyheader: false,
17320
+ variant: props.variant
17413
17321
  }, {
17414
17322
  children: jsx("template", {
17415
17323
  children: jsx("table", {
@@ -17499,4 +17407,4 @@ function GoATwoColumnLayout(props) {
17499
17407
  }), void 0);
17500
17408
  }
17501
17409
 
17502
- export { GoAAppFooter, GoAAppFooterMetaSection, GoAAppFooterNavSection, GoAAppHeader, GoABadge, GoABlock, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAChip, GoACircularProgress, GoAContainer, GoADivider, GoADropdown, 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 };
17410
+ 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 };