@abgov/web-components 1.17.0-alpha.120 → 1.17.0-alpha.122

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 (3) hide show
  1. package/index.js +836 -600
  2. package/index.js.map +1 -1
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -9872,7 +9872,7 @@ const FormFieldMountMsg = "form-field::bind";
9872
9872
  const FormSummaryBindMsg = "form-summary::bind";
9873
9873
  const FormSummaryEditPageMsg = "form-summary::edit:page";
9874
9874
  function add_css$T(target) {
9875
- append_styles(target, "svelte-wkq5hu", ':host{box-sizing:border-box;font-family:var(--goa-font-family-sans);display:block}.root.svelte-wkq5hu.svelte-wkq5hu{display:inline-block}input[type="checkbox"].svelte-wkq5hu.svelte-wkq5hu{position:absolute;opacity:0;transform:scale(0);margin:0;cursor:pointer}input[type="checkbox"][disabled].svelte-wkq5hu.svelte-wkq5hu:hover{cursor:default}label.svelte-wkq5hu.svelte-wkq5hu{display:flex;cursor:pointer}.text.svelte-wkq5hu.svelte-wkq5hu{padding-left:var(--goa-space-xs);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:var(--goa-font-weight-regular);line-height:var(--goa-line-height-3)}.description.svelte-wkq5hu.svelte-wkq5hu{font:var(--goa-typography-body-xs);margin-left:var(--goa-space-xl);margin-top:var(--goa-space-2xs)}.container.svelte-wkq5hu.svelte-wkq5hu{box-sizing:border-box;border:var(--goa-border-width-s) solid var(--goa-color-greyscale-700);border-radius:2px;background-color:var(--goa-color-greyscale-white);height:var(--goa-space-l);width:var(--goa-space-l);margin-top:var(--goa-space-3xs);display:flex;justify-content:center;flex:0 0 auto}.container.svelte-wkq5hu.svelte-wkq5hu:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.container.svelte-wkq5hu svg.svelte-wkq5hu{fill:var(--goa-color-greyscale-white);margin:3px}.container.selected.svelte-wkq5hu.svelte-wkq5hu{background-color:var(--goa-color-interactive-default);border:none}.container.selected.svelte-wkq5hu.svelte-wkq5hu:hover{background-color:var(--goa-color-interactive-hover)}.error.svelte-wkq5hu .container.svelte-wkq5hu,.error.svelte-wkq5hu .container.svelte-wkq5hu:hover{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);background-color:var(--goa-color-greyscale-white);box-shadow:none}.error.svelte-wkq5hu .container svg.svelte-wkq5hu{fill:var(--goa-color-interactive-error)}.container.svelte-wkq5hu.svelte-wkq5hu:has(:focus-visible){outline:none;box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.disabled.svelte-wkq5hu.svelte-wkq5hu{cursor:default}.disabled.svelte-wkq5hu .text.svelte-wkq5hu{color:var(--goa-color-greyscale-500)}.disabled.svelte-wkq5hu:not(.error) .container.svelte-wkq5hu{border:var(--goa-border-width-s) solid var(--goa-color-greyscale-400);box-shadow:none}.disabled.svelte-wkq5hu:not(.error) .container.selected.svelte-wkq5hu{border:none;background-color:var(--goa-color-interactive-disabled)}.disabled.error.svelte-wkq5hu .container.selected.svelte-wkq5hu{border:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 1px var(--goa-color-interactive-error)}');
9875
+ append_styles(target, "svelte-187ppo6", ':host{box-sizing:border-box;font-family:var(--goa-font-family-sans);display:block}.root.svelte-187ppo6.svelte-187ppo6{display:inline-block}input[type="checkbox"].svelte-187ppo6.svelte-187ppo6{position:absolute;opacity:0;transform:scale(0);margin:0;cursor:pointer}input[type="checkbox"][disabled].svelte-187ppo6.svelte-187ppo6:hover{cursor:default}label.svelte-187ppo6.svelte-187ppo6{display:flex;cursor:pointer}.text.svelte-187ppo6.svelte-187ppo6{padding-left:var(--goa-space-xs);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:var(--goa-font-weight-regular);line-height:var(--goa-line-height-3)}.description.svelte-187ppo6.svelte-187ppo6{font:var(--goa-typography-body-xs);margin-left:var(--goa-space-xl);margin-top:var(--goa-space-2xs)}.container.svelte-187ppo6.svelte-187ppo6{box-sizing:border-box;border:var(--goa-border-width-s) solid var(--goa-color-greyscale-700);border-radius:2px;background-color:var(--goa-color-greyscale-white);height:var(--goa-space-l);width:var(--goa-space-l);margin-top:var(--goa-space-3xs);display:flex;justify-content:center;flex:0 0 auto}.container.svelte-187ppo6.svelte-187ppo6:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m)\n var(--goa-color-interactive-hover)}.container.svelte-187ppo6 svg.svelte-187ppo6{fill:var(--goa-color-greyscale-white);margin:3px}.container.selected.svelte-187ppo6.svelte-187ppo6{background-color:var(--goa-color-interactive-default);border:none}.container.selected.svelte-187ppo6.svelte-187ppo6:hover{background-color:var(--goa-color-interactive-hover)}.error.svelte-187ppo6 .container.svelte-187ppo6,.error.svelte-187ppo6 .container.svelte-187ppo6:hover{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);background-color:var(--goa-color-greyscale-white);box-shadow:none}.error.svelte-187ppo6 .container svg.svelte-187ppo6{fill:var(--goa-color-interactive-error)}.container.svelte-187ppo6.svelte-187ppo6:has(:focus-visible){outline:none;box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.disabled.svelte-187ppo6.svelte-187ppo6{cursor:default}.disabled.svelte-187ppo6 .text.svelte-187ppo6{color:var(--goa-color-greyscale-500)}.disabled.svelte-187ppo6:not(.error) .container.svelte-187ppo6{border:var(--goa-border-width-s) solid var(--goa-color-greyscale-400);box-shadow:none}.disabled.svelte-187ppo6:not(.error) .container.selected.svelte-187ppo6{border:none;background-color:var(--goa-color-interactive-disabled)}.disabled.error.svelte-187ppo6 .container.selected.svelte-187ppo6{border:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 1px var(--goa-color-interactive-error)}');
9876
9876
  }
9877
9877
  const get_description_slot_changes$1 = (dirty) => ({});
9878
9878
  const get_description_slot_context$1 = (ctx) => ({});
@@ -9888,7 +9888,7 @@ function create_if_block_2$d(ctx) {
9888
9888
  attr(svg, "data-testid", "checkmark");
9889
9889
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9890
9890
  attr(svg, "viewBox", "0 0 16 12.18");
9891
- attr(svg, "class", "svelte-wkq5hu");
9891
+ attr(svg, "class", "svelte-187ppo6");
9892
9892
  },
9893
9893
  m(target, anchor) {
9894
9894
  insert(target, svg, anchor);
@@ -9914,7 +9914,7 @@ function create_if_block_1$l(ctx) {
9914
9914
  attr(svg, "data-testid", "dashmark");
9915
9915
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
9916
9916
  attr(svg, "viewBox", "0 0 15 2");
9917
- attr(svg, "class", "svelte-wkq5hu");
9917
+ attr(svg, "class", "svelte-187ppo6");
9918
9918
  },
9919
9919
  m(target, anchor) {
9920
9920
  insert(target, svg, anchor);
@@ -9940,7 +9940,7 @@ function fallback_block$3(ctx) {
9940
9940
  insert(target, t, anchor);
9941
9941
  },
9942
9942
  p(ctx2, dirty) {
9943
- if (dirty & /*text*/
9943
+ if (dirty[0] & /*text*/
9944
9944
  4) set_data(
9945
9945
  t,
9946
9946
  /*text*/
@@ -9961,13 +9961,13 @@ function create_if_block$z(ctx) {
9961
9961
  let current;
9962
9962
  const description_slot_template = (
9963
9963
  /*#slots*/
9964
- ctx[23].description
9964
+ ctx[26].description
9965
9965
  );
9966
9966
  const description_slot = create_slot(
9967
9967
  description_slot_template,
9968
9968
  ctx,
9969
9969
  /*$$scope*/
9970
- ctx[22],
9970
+ ctx[25],
9971
9971
  get_description_slot_context$1
9972
9972
  );
9973
9973
  return {
@@ -9979,12 +9979,12 @@ function create_if_block$z(ctx) {
9979
9979
  /*description*/
9980
9980
  ctx[5]
9981
9981
  );
9982
- attr(div, "class", "description svelte-wkq5hu");
9982
+ attr(div, "class", "description svelte-187ppo6");
9983
9983
  attr(
9984
9984
  div,
9985
9985
  "id",
9986
9986
  /*_descriptionId*/
9987
- ctx[12]
9987
+ ctx[14]
9988
9988
  );
9989
9989
  attr(div, "data-testid", "description");
9990
9990
  },
@@ -9999,21 +9999,21 @@ function create_if_block$z(ctx) {
9999
9999
  },
10000
10000
  p(ctx2, dirty) {
10001
10001
  if (description_slot) {
10002
- if (description_slot.p && (!current || dirty & /*$$scope*/
10003
- 4194304)) {
10002
+ if (description_slot.p && (!current || dirty[0] & /*$$scope*/
10003
+ 33554432)) {
10004
10004
  update_slot_base(
10005
10005
  description_slot,
10006
10006
  description_slot_template,
10007
10007
  ctx2,
10008
10008
  /*$$scope*/
10009
- ctx2[22],
10009
+ ctx2[25],
10010
10010
  !current ? get_all_dirty_from_scope(
10011
10011
  /*$$scope*/
10012
- ctx2[22]
10012
+ ctx2[25]
10013
10013
  ) : get_slot_changes(
10014
10014
  description_slot_template,
10015
10015
  /*$$scope*/
10016
- ctx2[22],
10016
+ ctx2[25],
10017
10017
  dirty,
10018
10018
  get_description_slot_changes$1
10019
10019
  ),
@@ -10021,19 +10021,19 @@ function create_if_block$z(ctx) {
10021
10021
  );
10022
10022
  }
10023
10023
  }
10024
- if (!current || dirty & /*description*/
10024
+ if (!current || dirty[0] & /*description*/
10025
10025
  32) set_data(
10026
10026
  t1,
10027
10027
  /*description*/
10028
10028
  ctx2[5]
10029
10029
  );
10030
- if (!current || dirty & /*_descriptionId*/
10031
- 4096) {
10030
+ if (!current || dirty[0] & /*_descriptionId*/
10031
+ 16384) {
10032
10032
  attr(
10033
10033
  div,
10034
10034
  "id",
10035
10035
  /*_descriptionId*/
10036
- ctx2[12]
10036
+ ctx2[14]
10037
10037
  );
10038
10038
  }
10039
10039
  },
@@ -10062,6 +10062,7 @@ function create_fragment$Y(ctx) {
10062
10062
  let input_value_value;
10063
10063
  let input_aria_label_value;
10064
10064
  let input_aria_describedby_value;
10065
+ let input_aria_invalid_value;
10065
10066
  let t0;
10066
10067
  let t1;
10067
10068
  let div1;
@@ -10073,30 +10074,30 @@ function create_fragment$Y(ctx) {
10073
10074
  function select_block_type(ctx2, dirty) {
10074
10075
  if (
10075
10076
  /*isIndeterminate*/
10076
- ctx2[14]
10077
+ ctx2[16]
10077
10078
  ) return create_if_block_1$l;
10078
10079
  if (
10079
10080
  /*isChecked*/
10080
- ctx2[13]
10081
+ ctx2[15]
10081
10082
  ) return create_if_block_2$d;
10082
10083
  }
10083
10084
  let current_block_type = select_block_type(ctx);
10084
10085
  let if_block0 = current_block_type && current_block_type(ctx);
10085
10086
  const default_slot_template = (
10086
10087
  /*#slots*/
10087
- ctx[23].default
10088
+ ctx[26].default
10088
10089
  );
10089
10090
  const default_slot = create_slot(
10090
10091
  default_slot_template,
10091
10092
  ctx,
10092
10093
  /*$$scope*/
10093
- ctx[22],
10094
+ ctx[25],
10094
10095
  null
10095
10096
  );
10096
10097
  const default_slot_or_fallback = default_slot || fallback_block$3(ctx);
10097
10098
  let if_block1 = (
10098
10099
  /*$$slots*/
10099
- (ctx[18].description || /*description*/
10100
+ (ctx[20].description || /*description*/
10100
10101
  ctx[5]) && create_if_block$z(ctx)
10101
10102
  );
10102
10103
  return {
@@ -10125,9 +10126,9 @@ function create_fragment$Y(ctx) {
10125
10126
  ctx[1]
10126
10127
  );
10127
10128
  input.checked = /*isChecked*/
10128
- ctx[13];
10129
+ ctx[15];
10129
10130
  input.disabled = /*isDisabled*/
10130
- ctx[16];
10131
+ ctx[17];
10131
10132
  attr(input, "type", "checkbox");
10132
10133
  input.value = input_value_value = `${/*value*/
10133
10134
  ctx[0]}`;
@@ -10138,17 +10139,19 @@ function create_fragment$Y(ctx) {
10138
10139
  attr(input, "aria-describedby", input_aria_describedby_value = /*description*/
10139
10140
  ctx[5] ? (
10140
10141
  /*_descriptionId*/
10141
- ctx[12]
10142
+ ctx[14]
10142
10143
  ) : null);
10143
- attr(input, "class", "svelte-wkq5hu");
10144
- attr(div0, "class", "container svelte-wkq5hu");
10144
+ attr(input, "aria-invalid", input_aria_invalid_value = /*_error*/
10145
+ ctx[12] ? "true" : "false");
10146
+ attr(input, "class", "svelte-187ppo6");
10147
+ attr(div0, "class", "container svelte-187ppo6");
10145
10148
  toggle_class(
10146
10149
  div0,
10147
10150
  "selected",
10148
10151
  /*isChecked*/
10149
- ctx[13]
10152
+ ctx[15]
10150
10153
  );
10151
- attr(div1, "class", "text svelte-wkq5hu");
10154
+ attr(div1, "class", "text svelte-187ppo6");
10152
10155
  attr(div1, "data-testid", "text");
10153
10156
  attr(
10154
10157
  label,
@@ -10162,20 +10165,20 @@ function create_fragment$Y(ctx) {
10162
10165
  /*name*/
10163
10166
  ctx[1]
10164
10167
  );
10165
- attr(label, "class", "svelte-wkq5hu");
10168
+ attr(label, "class", "svelte-187ppo6");
10166
10169
  toggle_class(
10167
10170
  label,
10168
10171
  "disabled",
10169
10172
  /*isDisabled*/
10170
- ctx[16]
10173
+ ctx[17]
10171
10174
  );
10172
10175
  toggle_class(
10173
10176
  label,
10174
10177
  "error",
10175
- /*isError*/
10176
- ctx[15]
10178
+ /*_error*/
10179
+ ctx[12]
10177
10180
  );
10178
- attr(div2, "class", "root svelte-wkq5hu");
10181
+ attr(div2, "class", "root svelte-187ppo6");
10179
10182
  attr(div2, "style", div2_style_value = `
10180
10183
  ${calculateMargin(
10181
10184
  /*mt*/
@@ -10196,7 +10199,7 @@ function create_fragment$Y(ctx) {
10196
10199
  append(div2, label);
10197
10200
  append(label, div0);
10198
10201
  append(div0, input);
10199
- ctx[24](input);
10202
+ ctx[27](input);
10200
10203
  append(div0, t0);
10201
10204
  if (if_block0) if_block0.m(div0, null);
10202
10205
  append(label, t1);
@@ -10206,19 +10209,28 @@ function create_fragment$Y(ctx) {
10206
10209
  }
10207
10210
  append(div2, t2);
10208
10211
  if (if_block1) if_block1.m(div2, null);
10212
+ ctx[28](div2);
10209
10213
  current = true;
10210
10214
  if (!mounted) {
10211
- dispose = listen(
10212
- input,
10213
- "change",
10214
- /*onChange*/
10215
- ctx[17]
10216
- );
10215
+ dispose = [
10216
+ listen(
10217
+ input,
10218
+ "change",
10219
+ /*onChange*/
10220
+ ctx[18]
10221
+ ),
10222
+ listen(
10223
+ input,
10224
+ "focus",
10225
+ /*onFocus*/
10226
+ ctx[19]
10227
+ )
10228
+ ];
10217
10229
  mounted = true;
10218
10230
  }
10219
10231
  },
10220
- p(ctx2, [dirty]) {
10221
- if (!current || dirty & /*name*/
10232
+ p(ctx2, dirty) {
10233
+ if (!current || dirty[0] & /*name*/
10222
10234
  2) {
10223
10235
  attr(
10224
10236
  input,
@@ -10227,7 +10239,7 @@ function create_fragment$Y(ctx) {
10227
10239
  ctx2[1]
10228
10240
  );
10229
10241
  }
10230
- if (!current || dirty & /*name*/
10242
+ if (!current || dirty[0] & /*name*/
10231
10243
  2) {
10232
10244
  attr(
10233
10245
  input,
@@ -10236,36 +10248,41 @@ function create_fragment$Y(ctx) {
10236
10248
  ctx2[1]
10237
10249
  );
10238
10250
  }
10239
- if (!current || dirty & /*isChecked*/
10240
- 8192) {
10251
+ if (!current || dirty[0] & /*isChecked*/
10252
+ 32768) {
10241
10253
  input.checked = /*isChecked*/
10242
- ctx2[13];
10254
+ ctx2[15];
10243
10255
  }
10244
- if (!current || dirty & /*isDisabled*/
10245
- 65536) {
10256
+ if (!current || dirty[0] & /*isDisabled*/
10257
+ 131072) {
10246
10258
  input.disabled = /*isDisabled*/
10247
- ctx2[16];
10259
+ ctx2[17];
10248
10260
  }
10249
- if (!current || dirty & /*value*/
10261
+ if (!current || dirty[0] & /*value*/
10250
10262
  1 && input_value_value !== (input_value_value = `${/*value*/
10251
10263
  ctx2[0]}`)) {
10252
10264
  input.value = input_value_value;
10253
10265
  }
10254
- if (!current || dirty & /*arialabel, text, name*/
10266
+ if (!current || dirty[0] & /*arialabel, text, name*/
10255
10267
  22 && input_aria_label_value !== (input_aria_label_value = /*arialabel*/
10256
10268
  ctx2[4] || /*text*/
10257
10269
  ctx2[2] || /*name*/
10258
10270
  ctx2[1])) {
10259
10271
  attr(input, "aria-label", input_aria_label_value);
10260
10272
  }
10261
- if (!current || dirty & /*description, _descriptionId*/
10262
- 4128 && input_aria_describedby_value !== (input_aria_describedby_value = /*description*/
10273
+ if (!current || dirty[0] & /*description, _descriptionId*/
10274
+ 16416 && input_aria_describedby_value !== (input_aria_describedby_value = /*description*/
10263
10275
  ctx2[5] ? (
10264
10276
  /*_descriptionId*/
10265
- ctx2[12]
10277
+ ctx2[14]
10266
10278
  ) : null)) {
10267
10279
  attr(input, "aria-describedby", input_aria_describedby_value);
10268
10280
  }
10281
+ if (!current || dirty[0] & /*_error*/
10282
+ 4096 && input_aria_invalid_value !== (input_aria_invalid_value = /*_error*/
10283
+ ctx2[12] ? "true" : "false")) {
10284
+ attr(input, "aria-invalid", input_aria_invalid_value);
10285
+ }
10269
10286
  if (current_block_type !== (current_block_type = select_block_type(ctx2))) {
10270
10287
  if (if_block0) if_block0.d(1);
10271
10288
  if_block0 = current_block_type && current_block_type(ctx2);
@@ -10274,31 +10291,31 @@ function create_fragment$Y(ctx) {
10274
10291
  if_block0.m(div0, null);
10275
10292
  }
10276
10293
  }
10277
- if (!current || dirty & /*isChecked*/
10278
- 8192) {
10294
+ if (!current || dirty[0] & /*isChecked*/
10295
+ 32768) {
10279
10296
  toggle_class(
10280
10297
  div0,
10281
10298
  "selected",
10282
10299
  /*isChecked*/
10283
- ctx2[13]
10300
+ ctx2[15]
10284
10301
  );
10285
10302
  }
10286
10303
  if (default_slot) {
10287
- if (default_slot.p && (!current || dirty & /*$$scope*/
10288
- 4194304)) {
10304
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/
10305
+ 33554432)) {
10289
10306
  update_slot_base(
10290
10307
  default_slot,
10291
10308
  default_slot_template,
10292
10309
  ctx2,
10293
10310
  /*$$scope*/
10294
- ctx2[22],
10311
+ ctx2[25],
10295
10312
  !current ? get_all_dirty_from_scope(
10296
10313
  /*$$scope*/
10297
- ctx2[22]
10314
+ ctx2[25]
10298
10315
  ) : get_slot_changes(
10299
10316
  default_slot_template,
10300
10317
  /*$$scope*/
10301
- ctx2[22],
10318
+ ctx2[25],
10302
10319
  dirty,
10303
10320
  null
10304
10321
  ),
@@ -10306,12 +10323,12 @@ function create_fragment$Y(ctx) {
10306
10323
  );
10307
10324
  }
10308
10325
  } else {
10309
- if (default_slot_or_fallback && default_slot_or_fallback.p && (!current || dirty & /*text*/
10326
+ if (default_slot_or_fallback && default_slot_or_fallback.p && (!current || dirty[0] & /*text*/
10310
10327
  4)) {
10311
- default_slot_or_fallback.p(ctx2, !current ? -1 : dirty);
10328
+ default_slot_or_fallback.p(ctx2, !current ? [-1, -1] : dirty);
10312
10329
  }
10313
10330
  }
10314
- if (!current || dirty & /*testid*/
10331
+ if (!current || dirty[0] & /*testid*/
10315
10332
  8) {
10316
10333
  attr(
10317
10334
  label,
@@ -10320,7 +10337,7 @@ function create_fragment$Y(ctx) {
10320
10337
  ctx2[3]
10321
10338
  );
10322
10339
  }
10323
- if (!current || dirty & /*name*/
10340
+ if (!current || dirty[0] & /*name*/
10324
10341
  2) {
10325
10342
  attr(
10326
10343
  label,
@@ -10329,33 +10346,33 @@ function create_fragment$Y(ctx) {
10329
10346
  ctx2[1]
10330
10347
  );
10331
10348
  }
10332
- if (!current || dirty & /*isDisabled*/
10333
- 65536) {
10349
+ if (!current || dirty[0] & /*isDisabled*/
10350
+ 131072) {
10334
10351
  toggle_class(
10335
10352
  label,
10336
10353
  "disabled",
10337
10354
  /*isDisabled*/
10338
- ctx2[16]
10355
+ ctx2[17]
10339
10356
  );
10340
10357
  }
10341
- if (!current || dirty & /*isError*/
10342
- 32768) {
10358
+ if (!current || dirty[0] & /*_error*/
10359
+ 4096) {
10343
10360
  toggle_class(
10344
10361
  label,
10345
10362
  "error",
10346
- /*isError*/
10347
- ctx2[15]
10363
+ /*_error*/
10364
+ ctx2[12]
10348
10365
  );
10349
10366
  }
10350
10367
  if (
10351
10368
  /*$$slots*/
10352
- ctx2[18].description || /*description*/
10369
+ ctx2[20].description || /*description*/
10353
10370
  ctx2[5]
10354
10371
  ) {
10355
10372
  if (if_block1) {
10356
10373
  if_block1.p(ctx2, dirty);
10357
- if (dirty & /*$$slots, description*/
10358
- 262176) {
10374
+ if (dirty[0] & /*$$slots, description*/
10375
+ 1048608) {
10359
10376
  transition_in(if_block1, 1);
10360
10377
  }
10361
10378
  } else {
@@ -10371,7 +10388,7 @@ function create_fragment$Y(ctx) {
10371
10388
  });
10372
10389
  check_outros();
10373
10390
  }
10374
- if (!current || dirty & /*mt, mr, mb, ml, maxwidth*/
10391
+ if (!current || dirty[0] & /*mt, mr, mb, ml, maxwidth*/
10375
10392
  1984 && div2_style_value !== (div2_style_value = `
10376
10393
  ${calculateMargin(
10377
10394
  /*mt*/
@@ -10404,20 +10421,20 @@ function create_fragment$Y(ctx) {
10404
10421
  if (detaching) {
10405
10422
  detach(div2);
10406
10423
  }
10407
- ctx[24](null);
10424
+ ctx[27](null);
10408
10425
  if (if_block0) {
10409
10426
  if_block0.d();
10410
10427
  }
10411
10428
  if (default_slot_or_fallback) default_slot_or_fallback.d(detaching);
10412
10429
  if (if_block1) if_block1.d();
10430
+ ctx[28](null);
10413
10431
  mounted = false;
10414
- dispose();
10432
+ run_all(dispose);
10415
10433
  }
10416
10434
  };
10417
10435
  }
10418
10436
  function instance$Y($$self, $$props, $$invalidate) {
10419
10437
  let isDisabled;
10420
- let isError;
10421
10438
  let isChecked;
10422
10439
  let isIndeterminate;
10423
10440
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -10439,9 +10456,12 @@ function instance$Y($$self, $$props, $$invalidate) {
10439
10456
  let _value;
10440
10457
  let _checkboxRef;
10441
10458
  let _descriptionId;
10459
+ let _rootEl;
10460
+ let _error;
10461
+ let _prevError = _error;
10442
10462
  onMount(() => {
10443
10463
  _value = value;
10444
- $$invalidate(12, _descriptionId = `description_${name}`);
10464
+ $$invalidate(14, _descriptionId = `description_${name}`);
10445
10465
  addRelayListener();
10446
10466
  sendMountedMessage();
10447
10467
  });
@@ -10452,17 +10472,17 @@ function instance$Y($$self, $$props, $$invalidate) {
10452
10472
  onSetValue(data);
10453
10473
  break;
10454
10474
  case FieldsetSetErrorMsg:
10455
- $$invalidate(20, error = "true");
10475
+ $$invalidate(22, error = "true");
10456
10476
  break;
10457
10477
  case FieldsetResetErrorsMsg:
10458
- $$invalidate(20, error = "false");
10478
+ $$invalidate(22, error = "false");
10459
10479
  break;
10460
10480
  }
10461
10481
  });
10462
10482
  }
10463
10483
  function onSetValue(detail) {
10464
10484
  $$invalidate(0, value = detail.value);
10465
- $$invalidate(19, checked = detail.value ? "true" : "false");
10485
+ $$invalidate(21, checked = detail.value ? "true" : "false");
10466
10486
  dispatch$1(_checkboxRef, "_change", { name, value }, { bubbles: true });
10467
10487
  }
10468
10488
  function sendMountedMessage() {
@@ -10473,7 +10493,7 @@ function instance$Y($$self, $$props, $$invalidate) {
10473
10493
  _checkboxRef.focus();
10474
10494
  const newCheckStatus = !isChecked;
10475
10495
  const newValue = newCheckStatus ? `${_value || "checked"}` : "";
10476
- $$invalidate(19, checked = fromBoolean(newCheckStatus));
10496
+ $$invalidate(21, checked = fromBoolean(newCheckStatus));
10477
10497
  (_a = e.target) == null ? void 0 : _a.dispatchEvent(new CustomEvent(
10478
10498
  "_change",
10479
10499
  {
@@ -10487,19 +10507,28 @@ function instance$Y($$self, $$props, $$invalidate) {
10487
10507
  }
10488
10508
  ));
10489
10509
  }
10510
+ function onFocus() {
10511
+ dispatch$1(_rootEl, "help-text::announce", void 0, { bubbles: true });
10512
+ }
10490
10513
  function input_binding($$value) {
10491
10514
  binding_callbacks[$$value ? "unshift" : "push"](() => {
10492
10515
  _checkboxRef = $$value;
10493
- $$invalidate(11, _checkboxRef);
10516
+ $$invalidate(13, _checkboxRef);
10517
+ });
10518
+ }
10519
+ function div2_binding($$value) {
10520
+ binding_callbacks[$$value ? "unshift" : "push"](() => {
10521
+ _rootEl = $$value;
10522
+ $$invalidate(11, _rootEl);
10494
10523
  });
10495
10524
  }
10496
10525
  $$self.$$set = ($$props2) => {
10497
10526
  if ("name" in $$props2) $$invalidate(1, name = $$props2.name);
10498
- if ("checked" in $$props2) $$invalidate(19, checked = $$props2.checked);
10527
+ if ("checked" in $$props2) $$invalidate(21, checked = $$props2.checked);
10499
10528
  if ("text" in $$props2) $$invalidate(2, text2 = $$props2.text);
10500
10529
  if ("value" in $$props2) $$invalidate(0, value = $$props2.value);
10501
- if ("disabled" in $$props2) $$invalidate(21, disabled = $$props2.disabled);
10502
- if ("error" in $$props2) $$invalidate(20, error = $$props2.error);
10530
+ if ("disabled" in $$props2) $$invalidate(23, disabled = $$props2.disabled);
10531
+ if ("error" in $$props2) $$invalidate(22, error = $$props2.error);
10503
10532
  if ("testid" in $$props2) $$invalidate(3, testid = $$props2.testid);
10504
10533
  if ("arialabel" in $$props2) $$invalidate(4, arialabel = $$props2.arialabel);
10505
10534
  if ("description" in $$props2) $$invalidate(5, description = $$props2.description);
@@ -10508,23 +10537,29 @@ function instance$Y($$self, $$props, $$invalidate) {
10508
10537
  if ("mr" in $$props2) $$invalidate(8, mr = $$props2.mr);
10509
10538
  if ("mb" in $$props2) $$invalidate(9, mb = $$props2.mb);
10510
10539
  if ("ml" in $$props2) $$invalidate(10, ml = $$props2.ml);
10511
- if ("$$scope" in $$props2) $$invalidate(22, $$scope = $$props2.$$scope);
10540
+ if ("$$scope" in $$props2) $$invalidate(25, $$scope = $$props2.$$scope);
10512
10541
  };
10513
10542
  $$self.$$.update = () => {
10514
- if ($$self.$$.dirty & /*disabled*/
10515
- 2097152) {
10516
- $$invalidate(16, isDisabled = toBoolean(disabled));
10543
+ if ($$self.$$.dirty[0] & /*disabled*/
10544
+ 8388608) {
10545
+ $$invalidate(17, isDisabled = toBoolean(disabled));
10517
10546
  }
10518
- if ($$self.$$.dirty & /*error*/
10519
- 1048576) {
10520
- $$invalidate(15, isError = toBoolean(error));
10547
+ if ($$self.$$.dirty[0] & /*error, _error, _prevError, _rootEl*/
10548
+ 20977664) {
10549
+ {
10550
+ $$invalidate(12, _error = toBoolean(error));
10551
+ if (_error !== _prevError) {
10552
+ dispatch$1(_rootEl, "error::change", { isError: _error }, { bubbles: true });
10553
+ $$invalidate(24, _prevError = _error);
10554
+ }
10555
+ }
10521
10556
  }
10522
- if ($$self.$$.dirty & /*checked*/
10523
- 524288) {
10524
- $$invalidate(13, isChecked = toBoolean(checked));
10557
+ if ($$self.$$.dirty[0] & /*checked*/
10558
+ 2097152) {
10559
+ $$invalidate(15, isChecked = toBoolean(checked));
10525
10560
  }
10526
10561
  };
10527
- $$invalidate(14, isIndeterminate = false);
10562
+ $$invalidate(16, isIndeterminate = false);
10528
10563
  return [
10529
10564
  value,
10530
10565
  name,
@@ -10537,20 +10572,24 @@ function instance$Y($$self, $$props, $$invalidate) {
10537
10572
  mr,
10538
10573
  mb,
10539
10574
  ml,
10575
+ _rootEl,
10576
+ _error,
10540
10577
  _checkboxRef,
10541
10578
  _descriptionId,
10542
10579
  isChecked,
10543
10580
  isIndeterminate,
10544
- isError,
10545
10581
  isDisabled,
10546
10582
  onChange,
10583
+ onFocus,
10547
10584
  $$slots,
10548
10585
  checked,
10549
10586
  error,
10550
10587
  disabled,
10588
+ _prevError,
10551
10589
  $$scope,
10552
10590
  slots,
10553
- input_binding
10591
+ input_binding,
10592
+ div2_binding
10554
10593
  ];
10555
10594
  }
10556
10595
  class Checkbox extends SvelteComponent {
@@ -10564,11 +10603,11 @@ class Checkbox extends SvelteComponent {
10564
10603
  safe_not_equal,
10565
10604
  {
10566
10605
  name: 1,
10567
- checked: 19,
10606
+ checked: 21,
10568
10607
  text: 2,
10569
10608
  value: 0,
10570
- disabled: 21,
10571
- error: 20,
10609
+ disabled: 23,
10610
+ error: 22,
10572
10611
  testid: 3,
10573
10612
  arialabel: 4,
10574
10613
  description: 5,
@@ -10578,7 +10617,8 @@ class Checkbox extends SvelteComponent {
10578
10617
  mb: 9,
10579
10618
  ml: 10
10580
10619
  },
10581
- add_css$T
10620
+ add_css$T,
10621
+ [-1, -1]
10582
10622
  );
10583
10623
  }
10584
10624
  get name() {
@@ -10589,7 +10629,7 @@ class Checkbox extends SvelteComponent {
10589
10629
  flush();
10590
10630
  }
10591
10631
  get checked() {
10592
- return this.$$.ctx[19];
10632
+ return this.$$.ctx[21];
10593
10633
  }
10594
10634
  set checked(checked) {
10595
10635
  this.$$set({ checked });
@@ -10610,14 +10650,14 @@ class Checkbox extends SvelteComponent {
10610
10650
  flush();
10611
10651
  }
10612
10652
  get disabled() {
10613
- return this.$$.ctx[21];
10653
+ return this.$$.ctx[23];
10614
10654
  }
10615
10655
  set disabled(disabled) {
10616
10656
  this.$$set({ disabled });
10617
10657
  flush();
10618
10658
  }
10619
10659
  get error() {
10620
- return this.$$.ctx[20];
10660
+ return this.$$.ctx[22];
10621
10661
  }
10622
10662
  set error(error) {
10623
10663
  this.$$set({ error });
@@ -13974,13 +14014,13 @@ function add_css$M(target) {
13974
14014
  }
13975
14015
  function get_each_context_1$1(ctx, list, i) {
13976
14016
  const child_ctx = ctx.slice();
13977
- child_ctx[73] = list[i];
13978
- child_ctx[77] = i;
14017
+ child_ctx[75] = list[i];
14018
+ child_ctx[79] = i;
13979
14019
  return child_ctx;
13980
14020
  }
13981
14021
  function get_each_context$7(ctx, list, i) {
13982
14022
  const child_ctx = ctx.slice();
13983
- child_ctx[73] = list[i];
14023
+ child_ctx[75] = list[i];
13984
14024
  return child_ctx;
13985
14025
  }
13986
14026
  function create_else_block$b(ctx) {
@@ -14009,13 +14049,13 @@ function create_else_block$b(ctx) {
14009
14049
  let dispose;
14010
14050
  const default_slot_template = (
14011
14051
  /*#slots*/
14012
- ctx[46].default
14052
+ ctx[48].default
14013
14053
  );
14014
14054
  const default_slot = create_slot(
14015
14055
  default_slot_template,
14016
14056
  ctx,
14017
14057
  /*$$scope*/
14018
- ctx[45],
14058
+ ctx[47],
14019
14059
  null
14020
14060
  );
14021
14061
  let if_block0 = (
@@ -14026,8 +14066,8 @@ function create_else_block$b(ctx) {
14026
14066
  var _a;
14027
14067
  if (
14028
14068
  /*_inputEl*/
14029
- ((_a = ctx2[24]) == null ? void 0 : _a.value) && /*_filterable*/
14030
- ctx2[28]
14069
+ ((_a = ctx2[25]) == null ? void 0 : _a.value) && /*_filterable*/
14070
+ ctx2[29]
14031
14071
  ) return create_if_block_2$b;
14032
14072
  return create_else_block_2$1;
14033
14073
  }
@@ -14039,7 +14079,7 @@ function create_else_block$b(ctx) {
14039
14079
  );
14040
14080
  const get_key = (ctx2) => (
14041
14081
  /*index*/
14042
- ctx2[77]
14082
+ ctx2[79]
14043
14083
  );
14044
14084
  for (let i = 0; i < each_value_1.length; i += 1) {
14045
14085
  let child_ctx = get_each_context_1$1(ctx, each_value_1, i);
@@ -14072,15 +14112,15 @@ function create_else_block$b(ctx) {
14072
14112
  }
14073
14113
  attr(input, "style", input_style_value = `
14074
14114
  cursor: ${!/*_disabled*/
14075
- ctx[27] ? (
14115
+ ctx[28] ? (
14076
14116
  /*_filterable*/
14077
- ctx[28] ? "auto" : "pointer"
14117
+ ctx[29] ? "auto" : "pointer"
14078
14118
  ) : "default"};
14079
14119
  `);
14080
14120
  attr(input, "data-testid", "input");
14081
14121
  input.value = input_value_value = /*_selectedOption*/
14082
- ((_a = ctx[18]) == null ? void 0 : _a.label) || /*_selectedOption*/
14083
- ((_b = ctx[18]) == null ? void 0 : _b.value) || "";
14122
+ ((_a = ctx[20]) == null ? void 0 : _a.label) || /*_selectedOption*/
14123
+ ((_b = ctx[20]) == null ? void 0 : _b.value) || "";
14084
14124
  attr(input, "type", "text");
14085
14125
  attr(input, "role", "combobox");
14086
14126
  attr(input, "autocomplete", "off");
@@ -14091,7 +14131,7 @@ function create_else_block$b(ctx) {
14091
14131
  input,
14092
14132
  "aria-expanded",
14093
14133
  /*_isMenuVisible*/
14094
- ctx[19]
14134
+ ctx[21]
14095
14135
  );
14096
14136
  attr(input, "aria-label", input_aria_label_value = /*arialabel*/
14097
14137
  ctx[2] || /*name*/
@@ -14112,22 +14152,22 @@ function create_else_block$b(ctx) {
14112
14152
  input,
14113
14153
  "aria-activedescendant",
14114
14154
  /*_activeDescendantId*/
14115
- ctx[26]
14155
+ ctx[27]
14116
14156
  );
14117
14157
  attr(
14118
14158
  input,
14119
14159
  "aria-disabled",
14120
14160
  /*_disabled*/
14121
- ctx[27]
14161
+ ctx[28]
14122
14162
  );
14123
14163
  attr(input, "aria-owns", input_aria_owns_value = /*_isMenuVisible*/
14124
- ctx[19] ? `menu-${/*name*/
14164
+ ctx[21] ? `menu-${/*name*/
14125
14165
  ctx[1]}` : void 0);
14126
14166
  attr(input, "aria-haspopup", "listbox");
14127
14167
  input.disabled = /*_disabled*/
14128
- ctx[27];
14129
- input.readOnly = input_readonly_value = !/*_filterable*/
14130
14168
  ctx[28];
14169
+ input.readOnly = input_readonly_value = !/*_filterable*/
14170
+ ctx[29];
14131
14171
  attr(
14132
14172
  input,
14133
14173
  "placeholder",
@@ -14147,13 +14187,13 @@ function create_else_block$b(ctx) {
14147
14187
  div,
14148
14188
  "dropdown-input-group--disabled",
14149
14189
  /*_disabled*/
14150
- ctx[27]
14190
+ ctx[28]
14151
14191
  );
14152
14192
  toggle_class(
14153
14193
  div,
14154
14194
  "error",
14155
14195
  /*_error*/
14156
- ctx[29]
14196
+ ctx[17]
14157
14197
  );
14158
14198
  attr(ul, "id", ul_id_value = `menu-${/*name*/
14159
14199
  ctx[1]}`);
@@ -14190,12 +14230,12 @@ function create_else_block$b(ctx) {
14190
14230
  );
14191
14231
  set_custom_element_data(goa_popover, "data-testid", "option-list");
14192
14232
  set_custom_element_data(goa_popover, "width", goa_popover_width_value = `${/*_popoverMaxWidth*/
14193
- ctx[21] || 300}px`);
14233
+ ctx[23] || 300}px`);
14194
14234
  set_custom_element_data(
14195
14235
  goa_popover,
14196
14236
  "open",
14197
14237
  /*_isMenuVisible*/
14198
- ctx[19]
14238
+ ctx[21]
14199
14239
  );
14200
14240
  set_custom_element_data(goa_popover, "padded", "false");
14201
14241
  set_custom_element_data(goa_popover, "tabindex", "-1");
@@ -14210,7 +14250,7 @@ function create_else_block$b(ctx) {
14210
14250
  if (if_block0) if_block0.m(div, null);
14211
14251
  append(div, t1);
14212
14252
  append(div, input);
14213
- ctx[47](input);
14253
+ ctx[49](input);
14214
14254
  append(div, t2);
14215
14255
  if_block1.m(div, null);
14216
14256
  append(goa_popover, t3);
@@ -14223,7 +14263,7 @@ function create_else_block$b(ctx) {
14223
14263
  if (each_1_else) {
14224
14264
  each_1_else.m(ul, null);
14225
14265
  }
14226
- ctx[49](ul);
14266
+ ctx[51](ul);
14227
14267
  current = true;
14228
14268
  if (!mounted) {
14229
14269
  dispose = [
@@ -14245,6 +14285,18 @@ function create_else_block$b(ctx) {
14245
14285
  /*onChange*/
14246
14286
  ctx[33]
14247
14287
  ),
14288
+ listen(
14289
+ input,
14290
+ "focus",
14291
+ /*onFocus*/
14292
+ ctx[40]
14293
+ ),
14294
+ listen(
14295
+ ul,
14296
+ "focus",
14297
+ /*onFocus*/
14298
+ ctx[40]
14299
+ ),
14248
14300
  listen(
14249
14301
  goa_popover,
14250
14302
  "_open",
@@ -14265,20 +14317,20 @@ function create_else_block$b(ctx) {
14265
14317
  var _a, _b;
14266
14318
  if (default_slot) {
14267
14319
  if (default_slot.p && (!current || dirty[1] & /*$$scope*/
14268
- 16384)) {
14320
+ 65536)) {
14269
14321
  update_slot_base(
14270
14322
  default_slot,
14271
14323
  default_slot_template,
14272
14324
  ctx2,
14273
14325
  /*$$scope*/
14274
- ctx2[45],
14326
+ ctx2[47],
14275
14327
  !current ? get_all_dirty_from_scope(
14276
14328
  /*$$scope*/
14277
- ctx2[45]
14329
+ ctx2[47]
14278
14330
  ) : get_slot_changes(
14279
14331
  default_slot_template,
14280
14332
  /*$$scope*/
14281
- ctx2[45],
14333
+ ctx2[47],
14282
14334
  dirty,
14283
14335
  null
14284
14336
  ),
@@ -14302,19 +14354,19 @@ function create_else_block$b(ctx) {
14302
14354
  if_block0 = null;
14303
14355
  }
14304
14356
  if (!current || dirty[0] & /*_disabled, _filterable*/
14305
- 402653184 && input_style_value !== (input_style_value = `
14357
+ 805306368 && input_style_value !== (input_style_value = `
14306
14358
  cursor: ${!/*_disabled*/
14307
- ctx2[27] ? (
14359
+ ctx2[28] ? (
14308
14360
  /*_filterable*/
14309
- ctx2[28] ? "auto" : "pointer"
14361
+ ctx2[29] ? "auto" : "pointer"
14310
14362
  ) : "default"};
14311
14363
  `)) {
14312
14364
  attr(input, "style", input_style_value);
14313
14365
  }
14314
14366
  if (!current || dirty[0] & /*_selectedOption*/
14315
- 262144 && input_value_value !== (input_value_value = /*_selectedOption*/
14316
- ((_a = ctx2[18]) == null ? void 0 : _a.label) || /*_selectedOption*/
14317
- ((_b = ctx2[18]) == null ? void 0 : _b.value) || "") && input.value !== input_value_value) {
14367
+ 1048576 && input_value_value !== (input_value_value = /*_selectedOption*/
14368
+ ((_a = ctx2[20]) == null ? void 0 : _a.label) || /*_selectedOption*/
14369
+ ((_b = ctx2[20]) == null ? void 0 : _b.value) || "") && input.value !== input_value_value) {
14318
14370
  input.value = input_value_value;
14319
14371
  }
14320
14372
  if (!current || dirty[0] & /*name*/
@@ -14323,12 +14375,12 @@ function create_else_block$b(ctx) {
14323
14375
  attr(input, "aria-controls", input_aria_controls_value);
14324
14376
  }
14325
14377
  if (!current || dirty[0] & /*_isMenuVisible*/
14326
- 524288) {
14378
+ 2097152) {
14327
14379
  attr(
14328
14380
  input,
14329
14381
  "aria-expanded",
14330
14382
  /*_isMenuVisible*/
14331
- ctx2[19]
14383
+ ctx2[21]
14332
14384
  );
14333
14385
  }
14334
14386
  if (!current || dirty[0] & /*arialabel, name*/
@@ -14356,37 +14408,37 @@ function create_else_block$b(ctx) {
14356
14408
  );
14357
14409
  }
14358
14410
  if (!current || dirty[0] & /*_activeDescendantId*/
14359
- 67108864) {
14411
+ 134217728) {
14360
14412
  attr(
14361
14413
  input,
14362
14414
  "aria-activedescendant",
14363
14415
  /*_activeDescendantId*/
14364
- ctx2[26]
14416
+ ctx2[27]
14365
14417
  );
14366
14418
  }
14367
14419
  if (!current || dirty[0] & /*_disabled*/
14368
- 134217728) {
14420
+ 268435456) {
14369
14421
  attr(
14370
14422
  input,
14371
14423
  "aria-disabled",
14372
14424
  /*_disabled*/
14373
- ctx2[27]
14425
+ ctx2[28]
14374
14426
  );
14375
14427
  }
14376
14428
  if (!current || dirty[0] & /*_isMenuVisible, name*/
14377
- 524290 && input_aria_owns_value !== (input_aria_owns_value = /*_isMenuVisible*/
14378
- ctx2[19] ? `menu-${/*name*/
14429
+ 2097154 && input_aria_owns_value !== (input_aria_owns_value = /*_isMenuVisible*/
14430
+ ctx2[21] ? `menu-${/*name*/
14379
14431
  ctx2[1]}` : void 0)) {
14380
14432
  attr(input, "aria-owns", input_aria_owns_value);
14381
14433
  }
14382
14434
  if (!current || dirty[0] & /*_disabled*/
14383
- 134217728) {
14435
+ 268435456) {
14384
14436
  input.disabled = /*_disabled*/
14385
- ctx2[27];
14437
+ ctx2[28];
14386
14438
  }
14387
14439
  if (!current || dirty[0] & /*_filterable*/
14388
- 268435456 && input_readonly_value !== (input_readonly_value = !/*_filterable*/
14389
- ctx2[28])) {
14440
+ 536870912 && input_readonly_value !== (input_readonly_value = !/*_filterable*/
14441
+ ctx2[29])) {
14390
14442
  input.readOnly = input_readonly_value;
14391
14443
  }
14392
14444
  if (!current || dirty[0] & /*placeholder*/
@@ -14418,25 +14470,25 @@ function create_else_block$b(ctx) {
14418
14470
  }
14419
14471
  }
14420
14472
  if (!current || dirty[0] & /*_disabled*/
14421
- 134217728) {
14473
+ 268435456) {
14422
14474
  toggle_class(
14423
14475
  div,
14424
14476
  "dropdown-input-group--disabled",
14425
14477
  /*_disabled*/
14426
- ctx2[27]
14478
+ ctx2[28]
14427
14479
  );
14428
14480
  }
14429
14481
  if (!current || dirty[0] & /*_error*/
14430
- 536870912) {
14482
+ 131072) {
14431
14483
  toggle_class(
14432
14484
  div,
14433
14485
  "error",
14434
14486
  /*_error*/
14435
- ctx2[29]
14487
+ ctx2[17]
14436
14488
  );
14437
14489
  }
14438
14490
  if (dirty[0] & /*_filteredOptions, _selectedOption, _highlightedIndex, _isDirty, _filterable*/
14439
- 302350336 | dirty[1] & /*onSelect*/
14491
+ 605110272 | dirty[1] & /*onSelect*/
14440
14492
  2) {
14441
14493
  each_value_1 = ensure_array_like(
14442
14494
  /*_filteredOptions*/
@@ -14502,17 +14554,17 @@ function create_else_block$b(ctx) {
14502
14554
  );
14503
14555
  }
14504
14556
  if (!current || dirty[0] & /*_popoverMaxWidth*/
14505
- 2097152 && goa_popover_width_value !== (goa_popover_width_value = `${/*_popoverMaxWidth*/
14506
- ctx2[21] || 300}px`)) {
14557
+ 8388608 && goa_popover_width_value !== (goa_popover_width_value = `${/*_popoverMaxWidth*/
14558
+ ctx2[23] || 300}px`)) {
14507
14559
  set_custom_element_data(goa_popover, "width", goa_popover_width_value);
14508
14560
  }
14509
14561
  if (!current || dirty[0] & /*_isMenuVisible*/
14510
- 524288) {
14562
+ 2097152) {
14511
14563
  set_custom_element_data(
14512
14564
  goa_popover,
14513
14565
  "open",
14514
14566
  /*_isMenuVisible*/
14515
- ctx2[19]
14567
+ ctx2[21]
14516
14568
  );
14517
14569
  }
14518
14570
  },
@@ -14532,13 +14584,13 @@ function create_else_block$b(ctx) {
14532
14584
  }
14533
14585
  if (default_slot) default_slot.d(detaching);
14534
14586
  if (if_block0) if_block0.d();
14535
- ctx[47](null);
14587
+ ctx[49](null);
14536
14588
  if_block1.d();
14537
14589
  for (let i = 0; i < each_blocks.length; i += 1) {
14538
14590
  each_blocks[i].d();
14539
14591
  }
14540
14592
  if (each_1_else) each_1_else.d();
14541
- ctx[49](null);
14593
+ ctx[51](null);
14542
14594
  mounted = false;
14543
14595
  run_all(dispose);
14544
14596
  }
@@ -14552,18 +14604,18 @@ function create_if_block$u(ctx) {
14552
14604
  let dispose;
14553
14605
  const default_slot_template = (
14554
14606
  /*#slots*/
14555
- ctx[46].default
14607
+ ctx[48].default
14556
14608
  );
14557
14609
  const default_slot = create_slot(
14558
14610
  default_slot_template,
14559
14611
  ctx,
14560
14612
  /*$$scope*/
14561
- ctx[45],
14613
+ ctx[47],
14562
14614
  null
14563
14615
  );
14564
14616
  let each_value = ensure_array_like(
14565
14617
  /*_options*/
14566
- ctx[14]
14618
+ ctx[19]
14567
14619
  );
14568
14620
  let each_blocks = [];
14569
14621
  for (let i = 0; i < each_value.length; i += 1) {
@@ -14592,7 +14644,7 @@ function create_if_block$u(ctx) {
14592
14644
  ctx[3]
14593
14645
  );
14594
14646
  select.disabled = /*_disabled*/
14595
- ctx[27];
14647
+ ctx[28];
14596
14648
  attr(
14597
14649
  select,
14598
14650
  "id",
@@ -14604,7 +14656,7 @@ function create_if_block$u(ctx) {
14604
14656
  select,
14605
14657
  "error",
14606
14658
  /*_error*/
14607
- ctx[29]
14659
+ ctx[17]
14608
14660
  );
14609
14661
  },
14610
14662
  m(target, anchor) {
@@ -14619,32 +14671,40 @@ function create_if_block$u(ctx) {
14619
14671
  }
14620
14672
  current = true;
14621
14673
  if (!mounted) {
14622
- dispose = listen(
14623
- select,
14624
- "change",
14625
- /*onNativeSelect*/
14626
- ctx[38]
14627
- );
14674
+ dispose = [
14675
+ listen(
14676
+ select,
14677
+ "change",
14678
+ /*onNativeSelect*/
14679
+ ctx[38]
14680
+ ),
14681
+ listen(
14682
+ select,
14683
+ "focus",
14684
+ /*onFocus*/
14685
+ ctx[40]
14686
+ )
14687
+ ];
14628
14688
  mounted = true;
14629
14689
  }
14630
14690
  },
14631
14691
  p(ctx2, dirty) {
14632
14692
  if (default_slot) {
14633
14693
  if (default_slot.p && (!current || dirty[1] & /*$$scope*/
14634
- 16384)) {
14694
+ 65536)) {
14635
14695
  update_slot_base(
14636
14696
  default_slot,
14637
14697
  default_slot_template,
14638
14698
  ctx2,
14639
14699
  /*$$scope*/
14640
- ctx2[45],
14700
+ ctx2[47],
14641
14701
  !current ? get_all_dirty_from_scope(
14642
14702
  /*$$scope*/
14643
- ctx2[45]
14703
+ ctx2[47]
14644
14704
  ) : get_slot_changes(
14645
14705
  default_slot_template,
14646
14706
  /*$$scope*/
14647
- ctx2[45],
14707
+ ctx2[47],
14648
14708
  dirty,
14649
14709
  null
14650
14710
  ),
@@ -14653,10 +14713,10 @@ function create_if_block$u(ctx) {
14653
14713
  }
14654
14714
  }
14655
14715
  if (dirty[0] & /*value, _options*/
14656
- 16385) {
14716
+ 524289) {
14657
14717
  each_value = ensure_array_like(
14658
14718
  /*_options*/
14659
- ctx2[14]
14719
+ ctx2[19]
14660
14720
  );
14661
14721
  let i;
14662
14722
  for (i = 0; i < each_value.length; i += 1) {
@@ -14699,9 +14759,9 @@ function create_if_block$u(ctx) {
14699
14759
  );
14700
14760
  }
14701
14761
  if (!current || dirty[0] & /*_disabled*/
14702
- 134217728) {
14762
+ 268435456) {
14703
14763
  select.disabled = /*_disabled*/
14704
- ctx2[27];
14764
+ ctx2[28];
14705
14765
  }
14706
14766
  if (!current || dirty[0] & /*name*/
14707
14767
  2) {
@@ -14713,12 +14773,12 @@ function create_if_block$u(ctx) {
14713
14773
  );
14714
14774
  }
14715
14775
  if (!current || dirty[0] & /*_error*/
14716
- 536870912) {
14776
+ 131072) {
14717
14777
  toggle_class(
14718
14778
  select,
14719
14779
  "error",
14720
14780
  /*_error*/
14721
- ctx2[29]
14781
+ ctx2[17]
14722
14782
  );
14723
14783
  }
14724
14784
  },
@@ -14738,7 +14798,7 @@ function create_if_block$u(ctx) {
14738
14798
  if (default_slot) default_slot.d(detaching);
14739
14799
  destroy_each(each_blocks, detaching);
14740
14800
  mounted = false;
14741
- dispose();
14801
+ run_all(dispose);
14742
14802
  }
14743
14803
  };
14744
14804
  }
@@ -14803,12 +14863,12 @@ function create_else_block_2$1(ctx) {
14803
14863
  ctx[1]}`);
14804
14864
  set_custom_element_data(goa_icon, "ariaexpanded", goa_icon_ariaexpanded_value = fromBoolean(
14805
14865
  /*_isMenuVisible*/
14806
- ctx[19]
14866
+ ctx[21]
14807
14867
  ));
14808
14868
  set_custom_element_data(goa_icon, "class", "dropdown-icon--arrow svelte-e8n4uj");
14809
14869
  set_custom_element_data(goa_icon, "size", "medium");
14810
14870
  set_custom_element_data(goa_icon, "type", goa_icon_type_value = /*_isMenuVisible*/
14811
- ctx[19] ? "chevron-up" : "chevron-down");
14871
+ ctx[21] ? "chevron-up" : "chevron-down");
14812
14872
  },
14813
14873
  m(target, anchor) {
14814
14874
  insert(target, goa_icon, anchor);
@@ -14844,15 +14904,15 @@ function create_else_block_2$1(ctx) {
14844
14904
  set_custom_element_data(goa_icon, "ariacontrols", goa_icon_ariacontrols_value);
14845
14905
  }
14846
14906
  if (dirty[0] & /*_isMenuVisible*/
14847
- 524288 && goa_icon_ariaexpanded_value !== (goa_icon_ariaexpanded_value = fromBoolean(
14907
+ 2097152 && goa_icon_ariaexpanded_value !== (goa_icon_ariaexpanded_value = fromBoolean(
14848
14908
  /*_isMenuVisible*/
14849
- ctx2[19]
14909
+ ctx2[21]
14850
14910
  ))) {
14851
14911
  set_custom_element_data(goa_icon, "ariaexpanded", goa_icon_ariaexpanded_value);
14852
14912
  }
14853
14913
  if (dirty[0] & /*_isMenuVisible*/
14854
- 524288 && goa_icon_type_value !== (goa_icon_type_value = /*_isMenuVisible*/
14855
- ctx2[19] ? "chevron-up" : "chevron-down")) {
14914
+ 2097152 && goa_icon_type_value !== (goa_icon_type_value = /*_isMenuVisible*/
14915
+ ctx2[21] ? "chevron-up" : "chevron-down")) {
14856
14916
  set_custom_element_data(goa_icon, "type", goa_icon_type_value);
14857
14917
  }
14858
14918
  },
@@ -14884,7 +14944,7 @@ function create_if_block_2$b(ctx) {
14884
14944
  );
14885
14945
  set_custom_element_data(goa_icon, "data-testid", "clear-icon");
14886
14946
  set_custom_element_data(goa_icon, "tabindex", goa_icon_tabindex_value = /*_disabled*/
14887
- ctx[27] ? -1 : 0);
14947
+ ctx[28] ? -1 : 0);
14888
14948
  set_custom_element_data(goa_icon, "role", "button");
14889
14949
  set_custom_element_data(goa_icon, "arialabel", goa_icon_arialabel_value = `clear ${/*arialabel*/
14890
14950
  ctx[2] || /*name*/
@@ -14893,7 +14953,7 @@ function create_if_block_2$b(ctx) {
14893
14953
  ctx[1]}`);
14894
14954
  set_custom_element_data(goa_icon, "ariaexpanded", goa_icon_ariaexpanded_value = fromBoolean(
14895
14955
  /*_isMenuVisible*/
14896
- ctx[19]
14956
+ ctx[21]
14897
14957
  ));
14898
14958
  set_custom_element_data(goa_icon, "class", "dropdown-icon--clear svelte-e8n4uj");
14899
14959
  set_custom_element_data(goa_icon, "size", "medium");
@@ -14902,7 +14962,7 @@ function create_if_block_2$b(ctx) {
14902
14962
  goa_icon,
14903
14963
  "disabled",
14904
14964
  /*_disabled*/
14905
- ctx[27]
14965
+ ctx[28]
14906
14966
  );
14907
14967
  },
14908
14968
  m(target, anchor) {
@@ -14936,8 +14996,8 @@ function create_if_block_2$b(ctx) {
14936
14996
  );
14937
14997
  }
14938
14998
  if (dirty[0] & /*_disabled*/
14939
- 134217728 && goa_icon_tabindex_value !== (goa_icon_tabindex_value = /*_disabled*/
14940
- ctx2[27] ? -1 : 0)) {
14999
+ 268435456 && goa_icon_tabindex_value !== (goa_icon_tabindex_value = /*_disabled*/
15000
+ ctx2[28] ? -1 : 0)) {
14941
15001
  set_custom_element_data(goa_icon, "tabindex", goa_icon_tabindex_value);
14942
15002
  }
14943
15003
  if (dirty[0] & /*arialabel, name*/
@@ -14952,19 +15012,19 @@ function create_if_block_2$b(ctx) {
14952
15012
  set_custom_element_data(goa_icon, "ariacontrols", goa_icon_ariacontrols_value);
14953
15013
  }
14954
15014
  if (dirty[0] & /*_isMenuVisible*/
14955
- 524288 && goa_icon_ariaexpanded_value !== (goa_icon_ariaexpanded_value = fromBoolean(
15015
+ 2097152 && goa_icon_ariaexpanded_value !== (goa_icon_ariaexpanded_value = fromBoolean(
14956
15016
  /*_isMenuVisible*/
14957
- ctx2[19]
15017
+ ctx2[21]
14958
15018
  ))) {
14959
15019
  set_custom_element_data(goa_icon, "ariaexpanded", goa_icon_ariaexpanded_value);
14960
15020
  }
14961
15021
  if (dirty[0] & /*_disabled*/
14962
- 134217728) {
15022
+ 268435456) {
14963
15023
  toggle_class(
14964
15024
  goa_icon,
14965
15025
  "disabled",
14966
15026
  /*_disabled*/
14967
- ctx2[27]
15027
+ ctx2[28]
14968
15028
  );
14969
15029
  }
14970
15030
  },
@@ -14981,7 +15041,7 @@ function create_else_block_1$1(ctx) {
14981
15041
  let if_block_anchor;
14982
15042
  let if_block = (
14983
15043
  /*_filterable*/
14984
- ctx[28] && create_if_block_1$h()
15044
+ ctx[29] && create_if_block_1$h()
14985
15045
  );
14986
15046
  return {
14987
15047
  c() {
@@ -14995,7 +15055,7 @@ function create_else_block_1$1(ctx) {
14995
15055
  p(ctx2, dirty) {
14996
15056
  if (
14997
15057
  /*_filterable*/
14998
- ctx2[28]
15058
+ ctx2[29]
14999
15059
  ) {
15000
15060
  if (if_block) ;
15001
15061
  else {
@@ -15039,8 +15099,8 @@ function create_each_block_1$1(key_1, ctx) {
15039
15099
  let li;
15040
15100
  let t0_value = (
15041
15101
  /*option*/
15042
- (ctx[73].label || /*option*/
15043
- ctx[73].value) + ""
15102
+ (ctx[75].label || /*option*/
15103
+ ctx[75].value) + ""
15044
15104
  );
15045
15105
  let t0;
15046
15106
  let t1;
@@ -15054,9 +15114,9 @@ function create_each_block_1$1(key_1, ctx) {
15054
15114
  function click_handler() {
15055
15115
  return (
15056
15116
  /*click_handler*/
15057
- ctx[48](
15117
+ ctx[50](
15058
15118
  /*option*/
15059
- ctx[73]
15119
+ ctx[75]
15060
15120
  )
15061
15121
  );
15062
15122
  }
@@ -15069,34 +15129,34 @@ function create_each_block_1$1(key_1, ctx) {
15069
15129
  t0 = text(t0_value);
15070
15130
  t1 = space();
15071
15131
  attr(li, "id", li_id_value = /*option*/
15072
- ctx[73].value);
15132
+ ctx[75].value);
15073
15133
  attr(li, "aria-selected", li_aria_selected_value = /*_selectedOption*/
15074
- ((_a = ctx[18]) == null ? void 0 : _a.value) === /*option*/
15075
- (ctx[73].label || /*option*/
15076
- ctx[73].value));
15134
+ ((_a = ctx[20]) == null ? void 0 : _a.value) === /*option*/
15135
+ (ctx[75].label || /*option*/
15136
+ ctx[75].value));
15077
15137
  attr(li, "class", "dropdown-item svelte-e8n4uj");
15078
15138
  attr(li, "data-index", li_data_index_value = /*index*/
15079
- ctx[77]);
15139
+ ctx[79]);
15080
15140
  attr(li, "data-testid", li_data_testid_value = `dropdown-item-${/*option*/
15081
- ctx[73].value}`);
15141
+ ctx[75].value}`);
15082
15142
  attr(li, "data-value", li_data_value_value = /*option*/
15083
- ctx[73].value);
15143
+ ctx[75].value);
15084
15144
  attr(li, "role", "option");
15085
15145
  set_style(li, "display", "block");
15086
15146
  toggle_class(
15087
15147
  li,
15088
15148
  "selected",
15089
15149
  /*_selectedOption*/
15090
- ((_b = ctx[18]) == null ? void 0 : _b.value) === /*option*/
15091
- (ctx[73].label || /*option*/
15092
- ctx[73].value)
15150
+ ((_b = ctx[20]) == null ? void 0 : _b.value) === /*option*/
15151
+ (ctx[75].label || /*option*/
15152
+ ctx[75].value)
15093
15153
  );
15094
15154
  toggle_class(
15095
15155
  li,
15096
15156
  "dropdown-item--highlighted",
15097
15157
  /*index*/
15098
- ctx[77] === /*_highlightedIndex*/
15099
- ctx[15]
15158
+ ctx[79] === /*_highlightedIndex*/
15159
+ ctx[14]
15100
15160
  );
15101
15161
  this.first = li;
15102
15162
  },
@@ -15114,54 +15174,54 @@ function create_each_block_1$1(key_1, ctx) {
15114
15174
  ctx = new_ctx;
15115
15175
  if (dirty[0] & /*_filteredOptions*/
15116
15176
  65536 && t0_value !== (t0_value = /*option*/
15117
- (ctx[73].label || /*option*/
15118
- ctx[73].value) + "")) set_data(t0, t0_value);
15177
+ (ctx[75].label || /*option*/
15178
+ ctx[75].value) + "")) set_data(t0, t0_value);
15119
15179
  if (dirty[0] & /*_filteredOptions*/
15120
15180
  65536 && li_id_value !== (li_id_value = /*option*/
15121
- ctx[73].value)) {
15181
+ ctx[75].value)) {
15122
15182
  attr(li, "id", li_id_value);
15123
15183
  }
15124
15184
  if (dirty[0] & /*_selectedOption, _filteredOptions*/
15125
- 327680 && li_aria_selected_value !== (li_aria_selected_value = /*_selectedOption*/
15126
- ((_a = ctx[18]) == null ? void 0 : _a.value) === /*option*/
15127
- (ctx[73].label || /*option*/
15128
- ctx[73].value))) {
15185
+ 1114112 && li_aria_selected_value !== (li_aria_selected_value = /*_selectedOption*/
15186
+ ((_a = ctx[20]) == null ? void 0 : _a.value) === /*option*/
15187
+ (ctx[75].label || /*option*/
15188
+ ctx[75].value))) {
15129
15189
  attr(li, "aria-selected", li_aria_selected_value);
15130
15190
  }
15131
15191
  if (dirty[0] & /*_filteredOptions*/
15132
15192
  65536 && li_data_index_value !== (li_data_index_value = /*index*/
15133
- ctx[77])) {
15193
+ ctx[79])) {
15134
15194
  attr(li, "data-index", li_data_index_value);
15135
15195
  }
15136
15196
  if (dirty[0] & /*_filteredOptions*/
15137
15197
  65536 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${/*option*/
15138
- ctx[73].value}`)) {
15198
+ ctx[75].value}`)) {
15139
15199
  attr(li, "data-testid", li_data_testid_value);
15140
15200
  }
15141
15201
  if (dirty[0] & /*_filteredOptions*/
15142
15202
  65536 && li_data_value_value !== (li_data_value_value = /*option*/
15143
- ctx[73].value)) {
15203
+ ctx[75].value)) {
15144
15204
  attr(li, "data-value", li_data_value_value);
15145
15205
  }
15146
15206
  if (dirty[0] & /*_selectedOption, _filteredOptions*/
15147
- 327680) {
15207
+ 1114112) {
15148
15208
  toggle_class(
15149
15209
  li,
15150
15210
  "selected",
15151
15211
  /*_selectedOption*/
15152
- ((_b = ctx[18]) == null ? void 0 : _b.value) === /*option*/
15153
- (ctx[73].label || /*option*/
15154
- ctx[73].value)
15212
+ ((_b = ctx[20]) == null ? void 0 : _b.value) === /*option*/
15213
+ (ctx[75].label || /*option*/
15214
+ ctx[75].value)
15155
15215
  );
15156
15216
  }
15157
15217
  if (dirty[0] & /*_filteredOptions, _highlightedIndex*/
15158
- 98304) {
15218
+ 81920) {
15159
15219
  toggle_class(
15160
15220
  li,
15161
15221
  "dropdown-item--highlighted",
15162
15222
  /*index*/
15163
- ctx[77] === /*_highlightedIndex*/
15164
- ctx[15]
15223
+ ctx[79] === /*_highlightedIndex*/
15224
+ ctx[14]
15165
15225
  );
15166
15226
  }
15167
15227
  },
@@ -15178,7 +15238,7 @@ function create_each_block$7(ctx) {
15178
15238
  let option_1;
15179
15239
  let t0_value = (
15180
15240
  /*option*/
15181
- ctx[73].label + ""
15241
+ ctx[75].label + ""
15182
15242
  );
15183
15243
  let t0;
15184
15244
  let t1;
@@ -15191,9 +15251,9 @@ function create_each_block$7(ctx) {
15191
15251
  t1 = space();
15192
15252
  option_1.selected = option_1_selected_value = /*value*/
15193
15253
  ctx[0] === /*option*/
15194
- ctx[73].value;
15254
+ ctx[75].value;
15195
15255
  option_1.__value = option_1_value_value = /*option*/
15196
- ctx[73].value;
15256
+ ctx[75].value;
15197
15257
  set_input_value(option_1, option_1.__value);
15198
15258
  },
15199
15259
  m(target, anchor) {
@@ -15203,17 +15263,17 @@ function create_each_block$7(ctx) {
15203
15263
  },
15204
15264
  p(ctx2, dirty) {
15205
15265
  if (dirty[0] & /*_options*/
15206
- 16384 && t0_value !== (t0_value = /*option*/
15207
- ctx2[73].label + "")) set_data(t0, t0_value);
15266
+ 524288 && t0_value !== (t0_value = /*option*/
15267
+ ctx2[75].label + "")) set_data(t0, t0_value);
15208
15268
  if (dirty[0] & /*value, _options*/
15209
- 16385 && option_1_selected_value !== (option_1_selected_value = /*value*/
15269
+ 524289 && option_1_selected_value !== (option_1_selected_value = /*value*/
15210
15270
  ctx2[0] === /*option*/
15211
- ctx2[73].value)) {
15271
+ ctx2[75].value)) {
15212
15272
  option_1.selected = option_1_selected_value;
15213
15273
  }
15214
15274
  if (dirty[0] & /*_options*/
15215
- 16384 && option_1_value_value !== (option_1_value_value = /*option*/
15216
- ctx2[73].value)) {
15275
+ 524288 && option_1_value_value !== (option_1_value_value = /*option*/
15276
+ ctx2[75].value)) {
15217
15277
  option_1.__value = option_1_value_value;
15218
15278
  set_input_value(option_1, option_1.__value);
15219
15279
  }
@@ -15238,7 +15298,7 @@ function create_fragment$Q(ctx) {
15238
15298
  function select_block_type(ctx2, dirty) {
15239
15299
  if (
15240
15300
  /*_native*/
15241
- ctx2[17]
15301
+ ctx2[18]
15242
15302
  ) return 0;
15243
15303
  return 1;
15244
15304
  }
@@ -15264,27 +15324,27 @@ function create_fragment$Q(ctx) {
15264
15324
  ctx[12]
15265
15325
  )};
15266
15326
  --width: ${/*_width*/
15267
- ctx[20]};
15327
+ ctx[22]};
15268
15328
  `);
15269
15329
  add_render_callback(() => (
15270
15330
  /*div_elementresize_handler*/
15271
- ctx[51].call(div)
15331
+ ctx[53].call(div)
15272
15332
  ));
15273
15333
  toggle_class(
15274
15334
  div,
15275
15335
  "dropdown-native",
15276
15336
  /*_native*/
15277
- ctx[17]
15337
+ ctx[18]
15278
15338
  );
15279
15339
  },
15280
15340
  m(target, anchor) {
15281
15341
  insert(target, div, anchor);
15282
15342
  if_blocks[current_block_type_index].m(div, null);
15283
- ctx[50](div);
15343
+ ctx[52](div);
15284
15344
  div_resize_listener = add_iframe_resize_listener(
15285
15345
  div,
15286
15346
  /*div_elementresize_handler*/
15287
- ctx[51].bind(div)
15347
+ ctx[53].bind(div)
15288
15348
  );
15289
15349
  current = true;
15290
15350
  },
@@ -15316,7 +15376,7 @@ function create_fragment$Q(ctx) {
15316
15376
  attr(div, "data-testid", div_data_testid_value);
15317
15377
  }
15318
15378
  if (!current || dirty[0] & /*mt, mr, mb, ml, _width*/
15319
- 1056256 && div_style_value !== (div_style_value = `
15379
+ 4201984 && div_style_value !== (div_style_value = `
15320
15380
  ${calculateMargin(
15321
15381
  /*mt*/
15322
15382
  ctx2[9],
@@ -15328,17 +15388,17 @@ function create_fragment$Q(ctx) {
15328
15388
  ctx2[12]
15329
15389
  )};
15330
15390
  --width: ${/*_width*/
15331
- ctx2[20]};
15391
+ ctx2[22]};
15332
15392
  `)) {
15333
15393
  attr(div, "style", div_style_value);
15334
15394
  }
15335
15395
  if (!current || dirty[0] & /*_native*/
15336
- 131072) {
15396
+ 262144) {
15337
15397
  toggle_class(
15338
15398
  div,
15339
15399
  "dropdown-native",
15340
15400
  /*_native*/
15341
- ctx2[17]
15401
+ ctx2[18]
15342
15402
  );
15343
15403
  }
15344
15404
  },
@@ -15356,7 +15416,7 @@ function create_fragment$Q(ctx) {
15356
15416
  detach(div);
15357
15417
  }
15358
15418
  if_blocks[current_block_type_index].d();
15359
- ctx[50](null);
15419
+ ctx[52](null);
15360
15420
  div_resize_listener();
15361
15421
  }
15362
15422
  };
@@ -15380,7 +15440,6 @@ function isFilterMatch(option, filter) {
15380
15440
  }
15381
15441
  function instance$Q($$self, $$props, $$invalidate) {
15382
15442
  let _disabled;
15383
- let _error;
15384
15443
  let _multiselect;
15385
15444
  let _native;
15386
15445
  let _filterable;
@@ -15421,6 +15480,8 @@ function instance$Q($$self, $$props, $$invalidate) {
15421
15480
  let _bindTimeoutId;
15422
15481
  let _mountStatus = "ready";
15423
15482
  let _mountTimeoutId = void 0;
15483
+ let _error = toBoolean(error);
15484
+ let _prevError = _error;
15424
15485
  onMount(() => {
15425
15486
  getChildren();
15426
15487
  addRelayListener();
@@ -15434,10 +15495,10 @@ function instance$Q($$self, $$props, $$invalidate) {
15434
15495
  onSetValue(data);
15435
15496
  break;
15436
15497
  case FieldsetSetErrorMsg:
15437
- $$invalidate(40, error = "true");
15498
+ $$invalidate(41, error = "true");
15438
15499
  break;
15439
15500
  case FieldsetResetErrorsMsg:
15440
- $$invalidate(40, error = "false");
15501
+ $$invalidate(41, error = "false");
15441
15502
  break;
15442
15503
  }
15443
15504
  });
@@ -15454,19 +15515,19 @@ function instance$Q($$self, $$props, $$invalidate) {
15454
15515
  const detail = e.detail;
15455
15516
  if (_mountStatus === "ready") {
15456
15517
  if (detail.mountType === "reset") {
15457
- $$invalidate(14, _options = []);
15518
+ $$invalidate(19, _options = []);
15458
15519
  }
15459
15520
  _mountStatus = "active";
15460
15521
  }
15461
15522
  switch (detail.mountType) {
15462
15523
  case "append":
15463
- $$invalidate(14, _options = [..._options, detail]);
15524
+ $$invalidate(19, _options = [..._options, detail]);
15464
15525
  break;
15465
15526
  case "prepend":
15466
- $$invalidate(14, _options = [detail, ..._options]);
15527
+ $$invalidate(19, _options = [detail, ..._options]);
15467
15528
  break;
15468
15529
  case "reset":
15469
- $$invalidate(14, _options = [..._options, detail]);
15530
+ $$invalidate(19, _options = [..._options, detail]);
15470
15531
  break;
15471
15532
  }
15472
15533
  if (_mountTimeoutId) {
@@ -15488,19 +15549,19 @@ function instance$Q($$self, $$props, $$invalidate) {
15488
15549
  function bind() {
15489
15550
  syncFilteredOptions();
15490
15551
  if (!width) {
15491
- $$invalidate(20, _width = getLongestChildWidth(_options));
15552
+ $$invalidate(22, _width = getLongestChildWidth(_options));
15492
15553
  }
15493
15554
  if (_native) return;
15494
15555
  setSelected();
15495
15556
  if (width) {
15496
- $$invalidate(20, _width = width);
15557
+ $$invalidate(22, _width = width);
15497
15558
  }
15498
15559
  if (!width && _options.length > 0) {
15499
- $$invalidate(20, _width = getLongestChildWidth(_options));
15560
+ $$invalidate(22, _width = getLongestChildWidth(_options));
15500
15561
  }
15501
15562
  }
15502
15563
  function setSelected() {
15503
- $$invalidate(18, _selectedOption = _options.find((o) => o.value == _values[0]));
15564
+ $$invalidate(20, _selectedOption = _options.find((o) => o.value == _values[0]));
15504
15565
  }
15505
15566
  function getLongestChildWidth(options) {
15506
15567
  const optionsWidth = options.map((option) => {
@@ -15522,7 +15583,7 @@ function instance$Q($$self, $$props, $$invalidate) {
15522
15583
  } else if (index >= items.length) {
15523
15584
  index = _filterable ? 0 : items.length - 1;
15524
15585
  }
15525
- $$invalidate(15, _highlightedIndex = index);
15586
+ $$invalidate(14, _highlightedIndex = index);
15526
15587
  scrollToOption(index);
15527
15588
  }
15528
15589
  function scrollToOption(index) {
@@ -15544,16 +15605,16 @@ function instance$Q($$self, $$props, $$invalidate) {
15544
15605
  setTimeout(
15545
15606
  async () => {
15546
15607
  syncFilteredOptions();
15547
- $$invalidate(19, _isMenuVisible = true);
15608
+ $$invalidate(21, _isMenuVisible = true);
15548
15609
  },
15549
15610
  0
15550
15611
  );
15551
15612
  }
15552
15613
  function hideMenu() {
15553
- $$invalidate(19, _isMenuVisible = false);
15614
+ $$invalidate(21, _isMenuVisible = false);
15554
15615
  }
15555
15616
  function setDisplayedValue() {
15556
- $$invalidate(24, _inputEl.value = (_selectedOption == null ? void 0 : _selectedOption.label) || (_selectedOption == null ? void 0 : _selectedOption.value) || "", _inputEl);
15617
+ $$invalidate(25, _inputEl.value = (_selectedOption == null ? void 0 : _selectedOption.label) || (_selectedOption == null ? void 0 : _selectedOption.value) || "", _inputEl);
15557
15618
  }
15558
15619
  function dispatchValue(newValue) {
15559
15620
  const detail = _multiselect ? { name, values: [newValue, ..._values] } : { name, value: newValue };
@@ -15563,15 +15624,15 @@ function instance$Q($$self, $$props, $$invalidate) {
15563
15624
  setTimeout(
15564
15625
  () => {
15565
15626
  _rootEl == null ? void 0 : _rootEl.dispatchEvent(new CustomEvent("_change", { composed: true, detail, bubbles: true }));
15566
- $$invalidate(25, _isDirty = false);
15627
+ $$invalidate(26, _isDirty = false);
15567
15628
  },
15568
15629
  1
15569
15630
  );
15570
15631
  }
15571
15632
  function onSelect(option) {
15572
15633
  if (_disabled) return;
15573
- $$invalidate(25, _isDirty = option.value !== (_selectedOption == null ? void 0 : _selectedOption.value));
15574
- $$invalidate(18, _selectedOption = option);
15634
+ $$invalidate(26, _isDirty = option.value !== (_selectedOption == null ? void 0 : _selectedOption.value));
15635
+ $$invalidate(20, _selectedOption = option);
15575
15636
  if (!_native) {
15576
15637
  hideMenu();
15577
15638
  syncFilteredOptions();
@@ -15585,7 +15646,7 @@ function instance$Q($$self, $$props, $$invalidate) {
15585
15646
  syncFilteredOptions();
15586
15647
  if (_filteredOptions.length === 1) {
15587
15648
  const option = _filteredOptions[0];
15588
- $$invalidate(18, _selectedOption = option);
15649
+ $$invalidate(20, _selectedOption = option);
15589
15650
  dispatchValue(option.value);
15590
15651
  setDisplayedValue();
15591
15652
  setTimeout(
@@ -15595,19 +15656,19 @@ function instance$Q($$self, $$props, $$invalidate) {
15595
15656
  10
15596
15657
  );
15597
15658
  } else {
15598
- $$invalidate(18, _selectedOption = void 0);
15659
+ $$invalidate(20, _selectedOption = void 0);
15599
15660
  setDisplayedValue();
15600
15661
  dispatchValue("");
15601
15662
  }
15602
15663
  }
15603
15664
  function onInputKeyUp(e) {
15604
15665
  if (_disabled) return;
15605
- $$invalidate(25, _isDirty = true);
15666
+ $$invalidate(26, _isDirty = true);
15606
15667
  _eventHandler.handleKeyUp(e);
15607
15668
  }
15608
15669
  function onInputKeyDown(e) {
15609
15670
  if (_disabled) return;
15610
- $$invalidate(25, _isDirty = true);
15671
+ $$invalidate(26, _isDirty = true);
15611
15672
  _eventHandler.handleKeyDown(e);
15612
15673
  }
15613
15674
  function onClearIconKeyDown(e) {
@@ -15625,15 +15686,15 @@ function instance$Q($$self, $$props, $$invalidate) {
15625
15686
  function onNativeSelect(e) {
15626
15687
  const target = e.currentTarget;
15627
15688
  const option = _options[target.selectedIndex];
15628
- $$invalidate(25, _isDirty = true);
15689
+ $$invalidate(26, _isDirty = true);
15629
15690
  onSelect(option);
15630
15691
  }
15631
15692
  function reset() {
15632
15693
  if (_disabled) return;
15633
- $$invalidate(26, _activeDescendantId = void 0);
15634
- $$invalidate(15, _highlightedIndex = -1);
15635
- $$invalidate(18, _selectedOption = void 0);
15636
- $$invalidate(25, _isDirty = true);
15694
+ $$invalidate(27, _activeDescendantId = void 0);
15695
+ $$invalidate(14, _highlightedIndex = -1);
15696
+ $$invalidate(20, _selectedOption = void 0);
15697
+ $$invalidate(26, _isDirty = true);
15637
15698
  syncFilteredOptions();
15638
15699
  dispatchValue("");
15639
15700
  setDisplayedValue();
@@ -15643,6 +15704,9 @@ function instance$Q($$self, $$props, $$invalidate) {
15643
15704
  showMenu();
15644
15705
  e.stopPropagation();
15645
15706
  }
15707
+ function onFocus(e) {
15708
+ dispatch$1(_rootEl, "help-text::announce", void 0, { bubbles: true });
15709
+ }
15646
15710
  class ComboboxKeyUpHandler {
15647
15711
  constructor(input) {
15648
15712
  this.input = input;
@@ -15653,7 +15717,7 @@ function instance$Q($$self, $$props, $$invalidate) {
15653
15717
  onEnter(e) {
15654
15718
  const option = _filteredOptions[_highlightedIndex];
15655
15719
  if (option) {
15656
- $$invalidate(25, _isDirty = option.value !== (_selectedOption == null ? void 0 : _selectedOption.value));
15720
+ $$invalidate(26, _isDirty = option.value !== (_selectedOption == null ? void 0 : _selectedOption.value));
15657
15721
  onSelect(option);
15658
15722
  }
15659
15723
  if (_selectedOption) {
@@ -15770,76 +15834,72 @@ function instance$Q($$self, $$props, $$invalidate) {
15770
15834
  function input_binding($$value) {
15771
15835
  binding_callbacks[$$value ? "unshift" : "push"](() => {
15772
15836
  _inputEl = $$value;
15773
- $$invalidate(24, _inputEl);
15837
+ $$invalidate(25, _inputEl);
15774
15838
  });
15775
15839
  }
15776
15840
  const click_handler = (option) => {
15777
- $$invalidate(25, _isDirty = true);
15841
+ $$invalidate(26, _isDirty = true);
15778
15842
  onSelect(option);
15779
15843
  };
15780
15844
  function ul_binding($$value) {
15781
15845
  binding_callbacks[$$value ? "unshift" : "push"](() => {
15782
15846
  _menuEl = $$value;
15783
- $$invalidate(23, _menuEl);
15847
+ $$invalidate(24, _menuEl);
15784
15848
  });
15785
15849
  }
15786
15850
  function div_binding($$value) {
15787
15851
  binding_callbacks[$$value ? "unshift" : "push"](() => {
15788
15852
  _rootEl = $$value;
15789
- $$invalidate(22, _rootEl);
15853
+ $$invalidate(15, _rootEl);
15790
15854
  });
15791
15855
  }
15792
15856
  function div_elementresize_handler() {
15793
15857
  _popoverMaxWidth = this.clientWidth;
15794
- $$invalidate(21, _popoverMaxWidth);
15858
+ $$invalidate(23, _popoverMaxWidth);
15795
15859
  }
15796
15860
  $$self.$$set = ($$props2) => {
15797
15861
  if ("name" in $$props2) $$invalidate(1, name = $$props2.name);
15798
15862
  if ("arialabel" in $$props2) $$invalidate(2, arialabel = $$props2.arialabel);
15799
15863
  if ("arialabelledby" in $$props2) $$invalidate(3, arialabelledby = $$props2.arialabelledby);
15800
15864
  if ("value" in $$props2) $$invalidate(0, value = $$props2.value);
15801
- if ("filterable" in $$props2) $$invalidate(41, filterable = $$props2.filterable);
15865
+ if ("filterable" in $$props2) $$invalidate(42, filterable = $$props2.filterable);
15802
15866
  if ("leadingicon" in $$props2) $$invalidate(4, leadingicon = $$props2.leadingicon);
15803
15867
  if ("maxheight" in $$props2) $$invalidate(5, maxheight = $$props2.maxheight);
15804
15868
  if ("placeholder" in $$props2) $$invalidate(6, placeholder = $$props2.placeholder);
15805
- if ("width" in $$props2) $$invalidate(42, width = $$props2.width);
15869
+ if ("width" in $$props2) $$invalidate(43, width = $$props2.width);
15806
15870
  if ("disabled" in $$props2) $$invalidate(7, disabled = $$props2.disabled);
15807
- if ("error" in $$props2) $$invalidate(40, error = $$props2.error);
15808
- if ("multiselect" in $$props2) $$invalidate(43, multiselect = $$props2.multiselect);
15809
- if ("native" in $$props2) $$invalidate(44, native = $$props2.native);
15871
+ if ("error" in $$props2) $$invalidate(41, error = $$props2.error);
15872
+ if ("multiselect" in $$props2) $$invalidate(44, multiselect = $$props2.multiselect);
15873
+ if ("native" in $$props2) $$invalidate(45, native = $$props2.native);
15810
15874
  if ("relative" in $$props2) $$invalidate(8, relative = $$props2.relative);
15811
15875
  if ("mt" in $$props2) $$invalidate(9, mt = $$props2.mt);
15812
15876
  if ("mr" in $$props2) $$invalidate(10, mr = $$props2.mr);
15813
15877
  if ("mb" in $$props2) $$invalidate(11, mb = $$props2.mb);
15814
15878
  if ("ml" in $$props2) $$invalidate(12, ml = $$props2.ml);
15815
15879
  if ("testid" in $$props2) $$invalidate(13, testid = $$props2.testid);
15816
- if ("$$scope" in $$props2) $$invalidate(45, $$scope = $$props2.$$scope);
15880
+ if ("$$scope" in $$props2) $$invalidate(47, $$scope = $$props2.$$scope);
15817
15881
  };
15818
15882
  $$self.$$.update = () => {
15819
15883
  if ($$self.$$.dirty[0] & /*disabled*/
15820
15884
  128) {
15821
- $$invalidate(27, _disabled = toBoolean(disabled));
15822
- }
15823
- if ($$self.$$.dirty[1] & /*error*/
15824
- 512) {
15825
- $$invalidate(29, _error = toBoolean(error));
15885
+ $$invalidate(28, _disabled = toBoolean(disabled));
15826
15886
  }
15827
15887
  if ($$self.$$.dirty[1] & /*multiselect*/
15828
- 4096) {
15888
+ 8192) {
15829
15889
  _multiselect = toBoolean(multiselect);
15830
15890
  }
15831
15891
  if ($$self.$$.dirty[1] & /*native*/
15832
- 8192) {
15833
- $$invalidate(17, _native = toBoolean(native));
15892
+ 16384) {
15893
+ $$invalidate(18, _native = toBoolean(native));
15834
15894
  }
15835
15895
  if ($$self.$$.dirty[0] & /*_native*/
15836
- 131072 | $$self.$$.dirty[1] & /*filterable*/
15837
- 1024) {
15838
- $$invalidate(28, _filterable = toBoolean(filterable) && !_native);
15896
+ 262144 | $$self.$$.dirty[1] & /*filterable*/
15897
+ 2048) {
15898
+ $$invalidate(29, _filterable = toBoolean(filterable) && !_native);
15839
15899
  }
15840
15900
  if ($$self.$$.dirty[0] & /*_filteredOptions, _highlightedIndex*/
15841
- 98304) {
15842
- $$invalidate(26, _activeDescendantId = _filteredOptions[_highlightedIndex] ? _filteredOptions[_highlightedIndex].value : void 0);
15901
+ 81920) {
15902
+ $$invalidate(27, _activeDescendantId = _filteredOptions[_highlightedIndex] ? _filteredOptions[_highlightedIndex].value : void 0);
15843
15903
  }
15844
15904
  if ($$self.$$.dirty[0] & /*value*/
15845
15905
  1) {
@@ -15848,11 +15908,15 @@ function instance$Q($$self, $$props, $$invalidate) {
15848
15908
  setSelected();
15849
15909
  }
15850
15910
  }
15851
- if ($$self.$$.dirty[0] & /*_options*/
15852
- 16384 | $$self.$$.dirty[1] & /*width*/
15853
- 2048) {
15911
+ if ($$self.$$.dirty[0] & /*_error, _rootEl*/
15912
+ 163840 | $$self.$$.dirty[1] & /*error, _prevError*/
15913
+ 33792) {
15854
15914
  {
15855
- $$invalidate(20, _width = width || getLongestChildWidth(_options));
15915
+ $$invalidate(17, _error = toBoolean(error));
15916
+ if (_error !== _prevError) {
15917
+ dispatch$1(_rootEl, "error::change", { isError: _error }, { bubbles: true });
15918
+ $$invalidate(46, _prevError = _error);
15919
+ }
15856
15920
  }
15857
15921
  }
15858
15922
  };
@@ -15871,22 +15935,22 @@ function instance$Q($$self, $$props, $$invalidate) {
15871
15935
  mb,
15872
15936
  ml,
15873
15937
  testid,
15874
- _options,
15875
15938
  _highlightedIndex,
15939
+ _rootEl,
15876
15940
  _filteredOptions,
15941
+ _error,
15877
15942
  _native,
15943
+ _options,
15878
15944
  _selectedOption,
15879
15945
  _isMenuVisible,
15880
15946
  _width,
15881
15947
  _popoverMaxWidth,
15882
- _rootEl,
15883
15948
  _menuEl,
15884
15949
  _inputEl,
15885
15950
  _isDirty,
15886
15951
  _activeDescendantId,
15887
15952
  _disabled,
15888
15953
  _filterable,
15889
- _error,
15890
15954
  showMenu,
15891
15955
  hideMenu,
15892
15956
  onSelect,
@@ -15897,11 +15961,13 @@ function instance$Q($$self, $$props, $$invalidate) {
15897
15961
  onClearIconClick,
15898
15962
  onNativeSelect,
15899
15963
  onChevronClick,
15964
+ onFocus,
15900
15965
  error,
15901
15966
  filterable,
15902
15967
  width,
15903
15968
  multiselect,
15904
15969
  native,
15970
+ _prevError,
15905
15971
  $$scope,
15906
15972
  slots,
15907
15973
  input_binding,
@@ -15925,15 +15991,15 @@ class Dropdown extends SvelteComponent {
15925
15991
  arialabel: 2,
15926
15992
  arialabelledby: 3,
15927
15993
  value: 0,
15928
- filterable: 41,
15994
+ filterable: 42,
15929
15995
  leadingicon: 4,
15930
15996
  maxheight: 5,
15931
15997
  placeholder: 6,
15932
- width: 42,
15998
+ width: 43,
15933
15999
  disabled: 7,
15934
- error: 40,
15935
- multiselect: 43,
15936
- native: 44,
16000
+ error: 41,
16001
+ multiselect: 44,
16002
+ native: 45,
15937
16003
  relative: 8,
15938
16004
  mt: 9,
15939
16005
  mr: 10,
@@ -15974,7 +16040,7 @@ class Dropdown extends SvelteComponent {
15974
16040
  flush();
15975
16041
  }
15976
16042
  get filterable() {
15977
- return this.$$.ctx[41];
16043
+ return this.$$.ctx[42];
15978
16044
  }
15979
16045
  set filterable(filterable) {
15980
16046
  this.$$set({ filterable });
@@ -16002,7 +16068,7 @@ class Dropdown extends SvelteComponent {
16002
16068
  flush();
16003
16069
  }
16004
16070
  get width() {
16005
- return this.$$.ctx[42];
16071
+ return this.$$.ctx[43];
16006
16072
  }
16007
16073
  set width(width) {
16008
16074
  this.$$set({ width });
@@ -16016,21 +16082,21 @@ class Dropdown extends SvelteComponent {
16016
16082
  flush();
16017
16083
  }
16018
16084
  get error() {
16019
- return this.$$.ctx[40];
16085
+ return this.$$.ctx[41];
16020
16086
  }
16021
16087
  set error(error) {
16022
16088
  this.$$set({ error });
16023
16089
  flush();
16024
16090
  }
16025
16091
  get multiselect() {
16026
- return this.$$.ctx[43];
16092
+ return this.$$.ctx[44];
16027
16093
  }
16028
16094
  set multiselect(multiselect) {
16029
16095
  this.$$set({ multiselect });
16030
16096
  flush();
16031
16097
  }
16032
16098
  get native() {
16033
- return this.$$.ctx[44];
16099
+ return this.$$.ctx[45];
16034
16100
  }
16035
16101
  set native(native) {
16036
16102
  this.$$set({ native });
@@ -21646,7 +21712,7 @@ class TaskList extends SvelteComponent {
21646
21712
  }
21647
21713
  customElements.define("goa-public-form-task-list", create_custom_element(TaskList, { "heading": {}, "mt": {}, "mr": {}, "mb": {}, "ml": {} }, ["default"], [], true));
21648
21714
  function add_css$A(target) {
21649
- append_styles(target, "svelte-1awlped", ":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.svelte-1awlped.svelte-1awlped{box-sizing:border-box}.label.svelte-1awlped.svelte-1awlped{display:block;font:var(--goa-typography-heading-s);padding-bottom:var(--goa-space-xs)}.label.large.svelte-1awlped.svelte-1awlped{font:var(--goa-typography-heading-l);padding-bottom:var(--goa-space-s)}.label.svelte-1awlped em.svelte-1awlped{font:var(--goa-typography-body-xs);color:var(--goa-color-greyscale-700)}.error-msg.svelte-1awlped.svelte-1awlped{display:flex;align-items:flex-start;gap:var(--goa-space-2xs);font:var(--goa-typography-body-xs);color:var(--goa-color-interactive-error);margin-top:var(--goa-space-s)}.error-msg.svelte-1awlped goa-icon.svelte-1awlped{transform:translateY(calc(var(--goa-space-2xs) * -1))}.help-msg.svelte-1awlped.svelte-1awlped{font:var(--goa-typography-body-xs);color:var(--goa-color-text-default);margin-top:var(--goa-space-s)}.error-msg.svelte-1awlped+.help-msg.svelte-1awlped{margin-top:var(--goa-space-xs)}");
21715
+ append_styles(target, "svelte-1l2s7v5", ":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.svelte-1l2s7v5.svelte-1l2s7v5{box-sizing:border-box}.label.svelte-1l2s7v5.svelte-1l2s7v5{display:block;font:var(--goa-typography-heading-s);padding-bottom:var(--goa-space-xs)}.label.large.svelte-1l2s7v5.svelte-1l2s7v5{font:var(--goa-typography-heading-l);padding-bottom:var(--goa-space-s)}.label.svelte-1l2s7v5 em.svelte-1l2s7v5{font:var(--goa-typography-body-xs);color:var(--goa-color-greyscale-700)}.error-msg.svelte-1l2s7v5.svelte-1l2s7v5{display:flex;align-items:flex-start;gap:var(--goa-space-2xs);font:var(--goa-typography-body-xs);color:var(--goa-color-interactive-error);margin-top:var(--goa-space-s)}.error-msg.svelte-1l2s7v5 goa-icon.svelte-1l2s7v5{transform:translateY(calc(var(--goa-space-2xs) * -1))}.help-msg.svelte-1l2s7v5.svelte-1l2s7v5{font:var(--goa-typography-body-xs);color:var(--goa-color-text-default);margin-top:var(--goa-space-s)}.error-msg.svelte-1l2s7v5+.help-msg.svelte-1l2s7v5{margin-top:var(--goa-space-xs)}.sr-only.svelte-1l2s7v5.svelte-1l2s7v5{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}");
21650
21716
  }
21651
21717
  const get_helptext_slot_changes = (dirty) => ({});
21652
21718
  const get_helptext_slot_context = (ctx) => ({});
@@ -21676,7 +21742,7 @@ function create_if_block_2$6(ctx) {
21676
21742
  t1 = space();
21677
21743
  if (if_block) if_block.c();
21678
21744
  attr(label_1, "class", label_1_class_value = null_to_empty(`label ${/*labelsize*/
21679
- ctx[7]}`) + " svelte-1awlped");
21745
+ ctx[7]}`) + " svelte-1l2s7v5");
21680
21746
  },
21681
21747
  m(target, anchor) {
21682
21748
  insert(target, label_1, anchor);
@@ -21685,13 +21751,13 @@ function create_if_block_2$6(ctx) {
21685
21751
  if (if_block) if_block.m(label_1, null);
21686
21752
  },
21687
21753
  p(ctx2, dirty) {
21688
- if (dirty & /*label*/
21754
+ if (dirty[0] & /*label*/
21689
21755
  64) set_data(
21690
21756
  t0,
21691
21757
  /*label*/
21692
21758
  ctx2[6]
21693
21759
  );
21694
- if (dirty & /*requirement*/
21760
+ if (dirty[0] & /*requirement*/
21695
21761
  512) show_if = /*requirement*/
21696
21762
  ctx2[9] && /*REQUIREMENT_TYPES*/
21697
21763
  ctx2[12].includes(
@@ -21710,9 +21776,9 @@ function create_if_block_2$6(ctx) {
21710
21776
  if_block.d(1);
21711
21777
  if_block = null;
21712
21778
  }
21713
- if (dirty & /*labelsize*/
21779
+ if (dirty[0] & /*labelsize*/
21714
21780
  128 && label_1_class_value !== (label_1_class_value = null_to_empty(`label ${/*labelsize*/
21715
- ctx2[7]}`) + " svelte-1awlped")) {
21781
+ ctx2[7]}`) + " svelte-1l2s7v5")) {
21716
21782
  attr(label_1, "class", label_1_class_value);
21717
21783
  }
21718
21784
  },
@@ -21738,7 +21804,7 @@ function create_if_block_3$6(ctx) {
21738
21804
  ctx[9]
21739
21805
  );
21740
21806
  t2 = text(")");
21741
- attr(em, "class", "svelte-1awlped");
21807
+ attr(em, "class", "svelte-1l2s7v5");
21742
21808
  },
21743
21809
  m(target, anchor) {
21744
21810
  insert(target, em, anchor);
@@ -21747,7 +21813,7 @@ function create_if_block_3$6(ctx) {
21747
21813
  append(em, t2);
21748
21814
  },
21749
21815
  p(ctx2, dirty) {
21750
- if (dirty & /*requirement*/
21816
+ if (dirty[0] & /*requirement*/
21751
21817
  512) set_data(
21752
21818
  t1,
21753
21819
  /*requirement*/
@@ -21768,13 +21834,13 @@ function create_if_block_1$c(ctx) {
21768
21834
  let current;
21769
21835
  const error_slot_template = (
21770
21836
  /*#slots*/
21771
- ctx[16].error
21837
+ ctx[18].error
21772
21838
  );
21773
21839
  const error_slot = create_slot(
21774
21840
  error_slot_template,
21775
21841
  ctx,
21776
21842
  /*$$scope*/
21777
- ctx[15],
21843
+ ctx[17],
21778
21844
  get_error_slot_context
21779
21845
  );
21780
21846
  const error_slot_or_fallback = error_slot || fallback_block_1(ctx);
@@ -21788,8 +21854,15 @@ function create_if_block_1$c(ctx) {
21788
21854
  set_custom_element_data(goa_icon, "size", "small");
21789
21855
  set_custom_element_data(goa_icon, "theme", "filled");
21790
21856
  set_custom_element_data(goa_icon, "mt", "2xs");
21791
- set_custom_element_data(goa_icon, "class", "svelte-1awlped");
21792
- attr(div, "class", "error-msg svelte-1awlped");
21857
+ set_custom_element_data(goa_icon, "class", "svelte-1l2s7v5");
21858
+ attr(div, "class", "error-msg svelte-1l2s7v5");
21859
+ attr(
21860
+ div,
21861
+ "id",
21862
+ /*_errorId*/
21863
+ ctx[13]
21864
+ );
21865
+ attr(div, "role", "alert");
21793
21866
  },
21794
21867
  m(target, anchor) {
21795
21868
  insert(target, div, anchor);
@@ -21802,21 +21875,21 @@ function create_if_block_1$c(ctx) {
21802
21875
  },
21803
21876
  p(ctx2, dirty) {
21804
21877
  if (error_slot) {
21805
- if (error_slot.p && (!current || dirty & /*$$scope*/
21806
- 32768)) {
21878
+ if (error_slot.p && (!current || dirty[0] & /*$$scope*/
21879
+ 131072)) {
21807
21880
  update_slot_base(
21808
21881
  error_slot,
21809
21882
  error_slot_template,
21810
21883
  ctx2,
21811
21884
  /*$$scope*/
21812
- ctx2[15],
21885
+ ctx2[17],
21813
21886
  !current ? get_all_dirty_from_scope(
21814
21887
  /*$$scope*/
21815
- ctx2[15]
21888
+ ctx2[17]
21816
21889
  ) : get_slot_changes(
21817
21890
  error_slot_template,
21818
21891
  /*$$scope*/
21819
- ctx2[15],
21892
+ ctx2[17],
21820
21893
  dirty,
21821
21894
  get_error_slot_changes
21822
21895
  ),
@@ -21824,9 +21897,9 @@ function create_if_block_1$c(ctx) {
21824
21897
  );
21825
21898
  }
21826
21899
  } else {
21827
- if (error_slot_or_fallback && error_slot_or_fallback.p && (!current || dirty & /*error*/
21900
+ if (error_slot_or_fallback && error_slot_or_fallback.p && (!current || dirty[0] & /*error*/
21828
21901
  1)) {
21829
- error_slot_or_fallback.p(ctx2, !current ? -1 : dirty);
21902
+ error_slot_or_fallback.p(ctx2, !current ? [-1, -1] : dirty);
21830
21903
  }
21831
21904
  }
21832
21905
  },
@@ -21860,7 +21933,7 @@ function fallback_block_1(ctx) {
21860
21933
  insert(target, t, anchor);
21861
21934
  },
21862
21935
  p(ctx2, dirty) {
21863
- if (dirty & /*error*/
21936
+ if (dirty[0] & /*error*/
21864
21937
  1) set_data(
21865
21938
  t,
21866
21939
  /*error*/
@@ -21879,13 +21952,13 @@ function create_if_block$m(ctx) {
21879
21952
  let current;
21880
21953
  const helptext_slot_template = (
21881
21954
  /*#slots*/
21882
- ctx[16].helptext
21955
+ ctx[18].helptext
21883
21956
  );
21884
21957
  const helptext_slot = create_slot(
21885
21958
  helptext_slot_template,
21886
21959
  ctx,
21887
21960
  /*$$scope*/
21888
- ctx[15],
21961
+ ctx[17],
21889
21962
  get_helptext_slot_context
21890
21963
  );
21891
21964
  const helptext_slot_or_fallback = helptext_slot || fallback_block$2(ctx);
@@ -21893,7 +21966,13 @@ function create_if_block$m(ctx) {
21893
21966
  c() {
21894
21967
  div = element("div");
21895
21968
  if (helptext_slot_or_fallback) helptext_slot_or_fallback.c();
21896
- attr(div, "class", "help-msg svelte-1awlped");
21969
+ attr(div, "class", "help-msg svelte-1l2s7v5");
21970
+ attr(
21971
+ div,
21972
+ "id",
21973
+ /*_helpTextId*/
21974
+ ctx[14]
21975
+ );
21897
21976
  },
21898
21977
  m(target, anchor) {
21899
21978
  insert(target, div, anchor);
@@ -21904,21 +21983,21 @@ function create_if_block$m(ctx) {
21904
21983
  },
21905
21984
  p(ctx2, dirty) {
21906
21985
  if (helptext_slot) {
21907
- if (helptext_slot.p && (!current || dirty & /*$$scope*/
21908
- 32768)) {
21986
+ if (helptext_slot.p && (!current || dirty[0] & /*$$scope*/
21987
+ 131072)) {
21909
21988
  update_slot_base(
21910
21989
  helptext_slot,
21911
21990
  helptext_slot_template,
21912
21991
  ctx2,
21913
21992
  /*$$scope*/
21914
- ctx2[15],
21993
+ ctx2[17],
21915
21994
  !current ? get_all_dirty_from_scope(
21916
21995
  /*$$scope*/
21917
- ctx2[15]
21996
+ ctx2[17]
21918
21997
  ) : get_slot_changes(
21919
21998
  helptext_slot_template,
21920
21999
  /*$$scope*/
21921
- ctx2[15],
22000
+ ctx2[17],
21922
22001
  dirty,
21923
22002
  get_helptext_slot_changes
21924
22003
  ),
@@ -21926,9 +22005,9 @@ function create_if_block$m(ctx) {
21926
22005
  );
21927
22006
  }
21928
22007
  } else {
21929
- if (helptext_slot_or_fallback && helptext_slot_or_fallback.p && (!current || dirty & /*helptext*/
22008
+ if (helptext_slot_or_fallback && helptext_slot_or_fallback.p && (!current || dirty[0] & /*helptext*/
21930
22009
  256)) {
21931
- helptext_slot_or_fallback.p(ctx2, !current ? -1 : dirty);
22010
+ helptext_slot_or_fallback.p(ctx2, !current ? [-1, -1] : dirty);
21932
22011
  }
21933
22012
  }
21934
22013
  },
@@ -21962,7 +22041,7 @@ function fallback_block$2(ctx) {
21962
22041
  insert(target, t, anchor);
21963
22042
  },
21964
22043
  p(ctx2, dirty) {
21965
- if (dirty & /*helptext*/
22044
+ if (dirty[0] & /*helptext*/
21966
22045
  256) set_data(
21967
22046
  t,
21968
22047
  /*helptext*/
@@ -21990,23 +22069,23 @@ function create_fragment$C(ctx) {
21990
22069
  );
21991
22070
  const default_slot_template = (
21992
22071
  /*#slots*/
21993
- ctx[16].default
22072
+ ctx[18].default
21994
22073
  );
21995
22074
  const default_slot = create_slot(
21996
22075
  default_slot_template,
21997
22076
  ctx,
21998
22077
  /*$$scope*/
21999
- ctx[15],
22078
+ ctx[17],
22000
22079
  null
22001
22080
  );
22002
22081
  let if_block1 = (
22003
22082
  /*$$slots*/
22004
- (ctx[13].error || /*error*/
22083
+ (ctx[15].error || /*error*/
22005
22084
  ctx[0]) && create_if_block_1$c(ctx)
22006
22085
  );
22007
22086
  let if_block2 = (
22008
22087
  /*$$slots*/
22009
- (ctx[13].helptext || /*helptext*/
22088
+ (ctx[15].helptext || /*helptext*/
22010
22089
  ctx[8]) && create_if_block$m(ctx)
22011
22090
  );
22012
22091
  return {
@@ -22020,7 +22099,7 @@ function create_fragment$C(ctx) {
22020
22099
  if (if_block1) if_block1.c();
22021
22100
  t2 = space();
22022
22101
  if (if_block2) if_block2.c();
22023
- attr(div0, "class", "form-item-input svelte-1awlped");
22102
+ attr(div0, "class", "form-item-input svelte-1l2s7v5");
22024
22103
  attr(
22025
22104
  div1,
22026
22105
  "data-testid",
@@ -22041,7 +22120,7 @@ function create_fragment$C(ctx) {
22041
22120
  max-width: ${/*maxwidth*/
22042
22121
  ctx[10]};
22043
22122
  `);
22044
- attr(div1, "class", "svelte-1awlped");
22123
+ attr(div1, "class", "svelte-1l2s7v5");
22045
22124
  },
22046
22125
  m(target, anchor) {
22047
22126
  insert(target, div1, anchor);
@@ -22055,10 +22134,10 @@ function create_fragment$C(ctx) {
22055
22134
  if (if_block1) if_block1.m(div1, null);
22056
22135
  append(div1, t2);
22057
22136
  if (if_block2) if_block2.m(div1, null);
22058
- ctx[17](div1);
22137
+ ctx[19](div1);
22059
22138
  current = true;
22060
22139
  },
22061
- p(ctx2, [dirty]) {
22140
+ p(ctx2, dirty) {
22062
22141
  if (
22063
22142
  /*label*/
22064
22143
  ctx2[6]
@@ -22075,21 +22154,21 @@ function create_fragment$C(ctx) {
22075
22154
  if_block0 = null;
22076
22155
  }
22077
22156
  if (default_slot) {
22078
- if (default_slot.p && (!current || dirty & /*$$scope*/
22079
- 32768)) {
22157
+ if (default_slot.p && (!current || dirty[0] & /*$$scope*/
22158
+ 131072)) {
22080
22159
  update_slot_base(
22081
22160
  default_slot,
22082
22161
  default_slot_template,
22083
22162
  ctx2,
22084
22163
  /*$$scope*/
22085
- ctx2[15],
22164
+ ctx2[17],
22086
22165
  !current ? get_all_dirty_from_scope(
22087
22166
  /*$$scope*/
22088
- ctx2[15]
22167
+ ctx2[17]
22089
22168
  ) : get_slot_changes(
22090
22169
  default_slot_template,
22091
22170
  /*$$scope*/
22092
- ctx2[15],
22171
+ ctx2[17],
22093
22172
  dirty,
22094
22173
  null
22095
22174
  ),
@@ -22099,13 +22178,13 @@ function create_fragment$C(ctx) {
22099
22178
  }
22100
22179
  if (
22101
22180
  /*$$slots*/
22102
- ctx2[13].error || /*error*/
22181
+ ctx2[15].error || /*error*/
22103
22182
  ctx2[0]
22104
22183
  ) {
22105
22184
  if (if_block1) {
22106
22185
  if_block1.p(ctx2, dirty);
22107
- if (dirty & /*$$slots, error*/
22108
- 8193) {
22186
+ if (dirty[0] & /*$$slots, error*/
22187
+ 32769) {
22109
22188
  transition_in(if_block1, 1);
22110
22189
  }
22111
22190
  } else {
@@ -22123,13 +22202,13 @@ function create_fragment$C(ctx) {
22123
22202
  }
22124
22203
  if (
22125
22204
  /*$$slots*/
22126
- ctx2[13].helptext || /*helptext*/
22205
+ ctx2[15].helptext || /*helptext*/
22127
22206
  ctx2[8]
22128
22207
  ) {
22129
22208
  if (if_block2) {
22130
22209
  if_block2.p(ctx2, dirty);
22131
- if (dirty & /*$$slots, helptext*/
22132
- 8448) {
22210
+ if (dirty[0] & /*$$slots, helptext*/
22211
+ 33024) {
22133
22212
  transition_in(if_block2, 1);
22134
22213
  }
22135
22214
  } else {
@@ -22145,7 +22224,7 @@ function create_fragment$C(ctx) {
22145
22224
  });
22146
22225
  check_outros();
22147
22226
  }
22148
- if (!current || dirty & /*testid*/
22227
+ if (!current || dirty[0] & /*testid*/
22149
22228
  32) {
22150
22229
  attr(
22151
22230
  div1,
@@ -22154,7 +22233,7 @@ function create_fragment$C(ctx) {
22154
22233
  ctx2[5]
22155
22234
  );
22156
22235
  }
22157
- if (!current || dirty & /*mt, mr, mb, ml, maxwidth*/
22236
+ if (!current || dirty[0] & /*mt, mr, mb, ml, maxwidth*/
22158
22237
  1054 && div1_style_value !== (div1_style_value = `
22159
22238
  ${calculateMargin(
22160
22239
  /*mt*/
@@ -22193,10 +22272,29 @@ function create_fragment$C(ctx) {
22193
22272
  if (default_slot) default_slot.d(detaching);
22194
22273
  if (if_block1) if_block1.d();
22195
22274
  if (if_block2) if_block2.d();
22196
- ctx[17](null);
22275
+ ctx[19](null);
22197
22276
  }
22198
22277
  };
22199
22278
  }
22279
+ function announceOnFocus(text2) {
22280
+ const announcer = document.createElement("div");
22281
+ announcer.className = "sr-only";
22282
+ announcer.setAttribute("aria-live", "polite");
22283
+ announcer.setAttribute("aria-atomic", "true");
22284
+ document.body.appendChild(announcer);
22285
+ setTimeout(
22286
+ () => {
22287
+ announcer.textContent = text2;
22288
+ },
22289
+ 100
22290
+ );
22291
+ setTimeout(
22292
+ () => {
22293
+ document.body.removeChild(announcer);
22294
+ },
22295
+ 3e3
22296
+ );
22297
+ }
22200
22298
  function instance$C($$self, $$props, $$invalidate) {
22201
22299
  let { $$slots: slots = {}, $$scope } = $$props;
22202
22300
  const $$slots = compute_slots(slots);
@@ -22215,6 +22313,10 @@ function instance$C($$self, $$props, $$invalidate) {
22215
22313
  let { maxwidth = "none" } = $$props;
22216
22314
  let { id = "" } = $$props;
22217
22315
  let _rootEl;
22316
+ let _inputEl;
22317
+ let _errorId = `error-${generateRandomId()}`;
22318
+ let _helpTextId = `helptext-${generateRandomId()}`;
22319
+ let _hasError = false;
22218
22320
  onMount(() => {
22219
22321
  validateRequirementType(requirement);
22220
22322
  validateLabelSize(labelsize);
@@ -22232,7 +22334,44 @@ function instance$C($$self, $$props, $$invalidate) {
22232
22334
  break;
22233
22335
  }
22234
22336
  });
22337
+ _rootEl == null ? void 0 : _rootEl.addEventListener("form-field::bind", handleInputMounted);
22338
+ _rootEl == null ? void 0 : _rootEl.addEventListener("error::change", handleErrorChange);
22339
+ _rootEl == null ? void 0 : _rootEl.addEventListener("help-text::announce", handleAnnounceHelperText);
22235
22340
  });
22341
+ function handleInputMounted(e) {
22342
+ const ce = e;
22343
+ _inputEl = ce.detail.el;
22344
+ const ariaLabel = _inputEl.getAttribute("aria-label");
22345
+ if (!ariaLabel || ariaLabel.trim() === "") {
22346
+ _inputEl.setAttribute("aria-label", label);
22347
+ }
22348
+ _inputEl.setAttribute("aria-required", requirement === "required" ? "true" : "false");
22349
+ updateAriaDescribedBy();
22350
+ }
22351
+ function handleErrorChange(e) {
22352
+ const ce = e;
22353
+ if (_hasError !== ce.detail.isError) {
22354
+ _hasError = ce.detail.isError;
22355
+ updateAriaDescribedBy();
22356
+ }
22357
+ }
22358
+ function handleAnnounceHelperText() {
22359
+ const message2 = _hasError ? error || helptext : helptext;
22360
+ if (message2) {
22361
+ announceOnFocus(message2);
22362
+ }
22363
+ }
22364
+ function updateAriaDescribedBy() {
22365
+ if (!_inputEl) return;
22366
+ let describedBy = [];
22367
+ if (_hasError || $$slots.error) describedBy.push(_errorId);
22368
+ if (helptext || $$slots.helptext) describedBy.push(_helpTextId);
22369
+ if (describedBy.length > 0) {
22370
+ _inputEl.setAttribute("aria-describedby", describedBy.join(" "));
22371
+ } else {
22372
+ _inputEl.setAttribute("aria-describedby", "");
22373
+ }
22374
+ }
22236
22375
  function onSetError(d) {
22237
22376
  $$invalidate(0, error = d["error"]);
22238
22377
  }
@@ -22264,8 +22403,8 @@ function instance$C($$self, $$props, $$invalidate) {
22264
22403
  if ("error" in $$props2) $$invalidate(0, error = $$props2.error);
22265
22404
  if ("requirement" in $$props2) $$invalidate(9, requirement = $$props2.requirement);
22266
22405
  if ("maxwidth" in $$props2) $$invalidate(10, maxwidth = $$props2.maxwidth);
22267
- if ("id" in $$props2) $$invalidate(14, id = $$props2.id);
22268
- if ("$$scope" in $$props2) $$invalidate(15, $$scope = $$props2.$$scope);
22406
+ if ("id" in $$props2) $$invalidate(16, id = $$props2.id);
22407
+ if ("$$scope" in $$props2) $$invalidate(17, $$scope = $$props2.$$scope);
22269
22408
  };
22270
22409
  return [
22271
22410
  error,
@@ -22281,6 +22420,8 @@ function instance$C($$self, $$props, $$invalidate) {
22281
22420
  maxwidth,
22282
22421
  _rootEl,
22283
22422
  REQUIREMENT_TYPES,
22423
+ _errorId,
22424
+ _helpTextId,
22284
22425
  $$slots,
22285
22426
  id,
22286
22427
  $$scope,
@@ -22309,9 +22450,10 @@ class FormItem extends SvelteComponent {
22309
22450
  error: 0,
22310
22451
  requirement: 9,
22311
22452
  maxwidth: 10,
22312
- id: 14
22453
+ id: 16
22313
22454
  },
22314
- add_css$A
22455
+ add_css$A,
22456
+ [-1, -1]
22315
22457
  );
22316
22458
  }
22317
22459
  get mt() {
@@ -22392,7 +22534,7 @@ class FormItem extends SvelteComponent {
22392
22534
  flush();
22393
22535
  }
22394
22536
  get id() {
22395
- return this.$$.ctx[14];
22537
+ return this.$$.ctx[16];
22396
22538
  }
22397
22539
  set id(id) {
22398
22540
  this.$$set({ id });
@@ -25146,15 +25288,20 @@ class Icon extends SvelteComponent {
25146
25288
  }
25147
25289
  customElements.define("goa-icon", create_custom_element(Icon, { "mt": {}, "mr": {}, "mb": {}, "ml": {}, "type": {}, "size": {}, "theme": {}, "inverted": {}, "fillcolor": {}, "opacity": {}, "title": {}, "testid": {}, "arialabel": {}, "ariacontrols": {}, "ariaexpanded": {}, "role": {} }, [], [], true));
25148
25290
  function add_css$s(target) {
25149
- append_styles(target, "svelte-8e0991", `:host{box-sizing:border-box}.container.svelte-8e0991.svelte-8e0991{position:relative;width:100%;display:inline-block}@media not (max-width: 623px){.container.svelte-8e0991.svelte-8e0991{width:var(--width)}}.goa-input.svelte-8e0991.svelte-8e0991,.goa-input.svelte-8e0991 .svelte-8e0991{box-sizing:border-box;line-height:normal}.goa-input.svelte-8e0991.svelte-8e0991{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input.svelte-8e0991.svelte-8e0991:has(input:focus-visible){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.svelte-8e0991.svelte-8e0991:not(.leading-content):not(.trailing-content):hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input.type--range.svelte-8e0991.svelte-8e0991{border:none;&.type--range:active,
25291
+ append_styles(target, "svelte-1kamr7j", `:host{box-sizing:border-box}.container.svelte-1kamr7j.svelte-1kamr7j{position:relative;width:100%;display:inline-block}@media not (max-width: 623px){.container.svelte-1kamr7j.svelte-1kamr7j{width:var(--width)}}.goa-input.svelte-1kamr7j.svelte-1kamr7j,.goa-input.svelte-1kamr7j .svelte-1kamr7j{box-sizing:border-box;line-height:normal}.goa-input.svelte-1kamr7j.svelte-1kamr7j{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input.svelte-1kamr7j.svelte-1kamr7j:has(input:focus-visible){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.svelte-1kamr7j.svelte-1kamr7j:not(.leading-content):not(.trailing-content):hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m)
25292
+ var(--goa-color-interactive-hover)}.goa-input.type--range.svelte-1kamr7j.svelte-1kamr7j{border:none;&.type--range:active,
25150
25293
  &.type--range:focus,
25151
25294
  &.type--range:focus-within {
25152
25295
  box-shadow: none;
25153
- }}.leading-icon.svelte-8e0991.svelte-8e0991{margin-left:0.75rem}.trailing-icon.svelte-8e0991.svelte-8e0991{margin-right:var(--goa-space-s)}.trailing-icon-button.svelte-8e0991.svelte-8e0991{margin-right:var(--goa-space-xs)}input.svelte-8e0991.svelte-8e0991{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs) var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input.svelte-8e0991.svelte-8e0991,input.svelte-8e0991.svelte-8e0991:focus,input.svelte-8e0991.svelte-8e0991:hover,input.svelte-8e0991.svelte-8e0991:active{outline:none;border:none}input[readonly].svelte-8e0991.svelte-8e0991{cursor:pointer}.leading-icon.svelte-8e0991+input.svelte-8e0991{padding-left:0.5rem}.input--disabled.svelte-8e0991.svelte-8e0991,.input--disabled.svelte-8e0991.svelte-8e0991:hover,.input--disabled.svelte-8e0991.svelte-8e0991:active,.input--disabled.svelte-8e0991.svelte-8e0991:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.input--disabled.svelte-8e0991 input.svelte-8e0991,.input--disabled.svelte-8e0991 input.svelte-8e0991:hover,.input--disabled.svelte-8e0991 input.svelte-8e0991:active,.input--disabled.svelte-8e0991 input.svelte-8e0991:focus{color:var(--goa-color-text-secondary)}.input--disabled.svelte-8e0991 input.svelte-8e0991:hover{cursor:default !important}.prefix.svelte-8e0991.svelte-8e0991,.suffix.svelte-8e0991.svelte-8e0991,.leading-content-slot.svelte-8e0991 ::slotted(div),.trailing-content-slot.svelte-8e0991 ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center;white-space:nowrap}.leading-content-slot.svelte-8e0991 ::slotted(div),.trailing-content-slot.svelte-8e0991 ::slotted(div){padding:0.5rem 0.75rem}.prefix.svelte-8e0991.svelte-8e0991,.leading-content-slot.svelte-8e0991 ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix.svelte-8e0991.svelte-8e0991,.trailing-content-slot.svelte-8e0991 ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.input--disabled.svelte-8e0991 .prefix.svelte-8e0991,.input--disabled.svelte-8e0991 .leading-content-slot.svelte-8e0991 ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.input--disabled.svelte-8e0991 .suffix.svelte-8e0991,.input--disabled.svelte-8e0991 .trailing-content-slot.svelte-8e0991 ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa.svelte-8e0991.svelte-8e0991{display:block;border:none;flex:1 1 auto}.variant--bare.svelte-8e0991.svelte-8e0991{border:none}.variant--bare.svelte-8e0991.svelte-8e0991:focus,.variant--bare.svelte-8e0991.svelte-8e0991:active,.variant--bare.svelte-8e0991.svelte-8e0991:focus-within{box-shadow:none}.error.svelte-8e0991.svelte-8e0991:not(.leading-content):not(.trailing-content),.error.svelte-8e0991.svelte-8e0991:not(.leading-content):not(.trailing-content):hover{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error.svelte-8e0991.svelte-8e0991:not(.leading-content):not(.trailing-content):focus-within:hover{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error.svelte-8e0991 .input-leading-content.svelte-8e0991,.error.svelte-8e0991 .input-leading-content.svelte-8e0991:hover,.error.svelte-8e0991 .input-trailing-content.svelte-8e0991,.error.svelte-8e0991 .input-trailing-content.svelte-8e0991:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error.svelte-8e0991 .input-leading-content.svelte-8e0991:focus,.error.svelte-8e0991 .input-trailing-content.svelte-8e0991:focus,.error.svelte-8e0991 .input-leading-content.svelte-8e0991:active,.error.svelte-8e0991 .input-trailing-content.svelte-8e0991:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content.svelte-8e0991.svelte-8e0991:hover,.input-trailing-content.svelte-8e0991.svelte-8e0991:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content.svelte-8e0991.svelte-8e0991:active,.input-leading-content.svelte-8e0991.svelte-8e0991:focus,.input-leading-content.svelte-8e0991.svelte-8e0991:focus-within,.input-trailing-content.svelte-8e0991.svelte-8e0991:active,.input-trailing-content.svelte-8e0991.svelte-8e0991:focus,.input-trailing-content.svelte-8e0991.svelte-8e0991:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error.svelte-8e0991 .input-trailing-content.svelte-8e0991,.input-trailing-content.svelte-8e0991.svelte-8e0991:hover,.input-trailing-content.svelte-8e0991.svelte-8e0991:active,.input-trailing-content.svelte-8e0991.svelte-8e0991:focus,.input-trailing-content.svelte-8e0991.svelte-8e0991:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error.svelte-8e0991 .input-leading-content.svelte-8e0991,.input-leading-content.svelte-8e0991.svelte-8e0991:hover,.input-leading-content.svelte-8e0991.svelte-8e0991:active,.input-leading-content.svelte-8e0991.svelte-8e0991:focus,.input-leading-content.svelte-8e0991.svelte-8e0991:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.leading-content.svelte-8e0991 .input-trailing-content.svelte-8e0991,.leading-content.svelte-8e0991 .input-trailing-content.svelte-8e0991:hover,.leading-content.svelte-8e0991 .input-trailing-content.svelte-8e0991:active,.leading-content.svelte-8e0991 .input-trailing-content.svelte-8e0991:focus,.leading-content.svelte-8e0991 .input-trailing-content.svelte-8e0991:focus-within{border-radius:0}input[type="search"].svelte-8e0991.svelte-8e0991:enabled:read-write:-webkit-any(
25296
+ }}.leading-icon.svelte-1kamr7j.svelte-1kamr7j{margin-left:0.75rem}.trailing-icon.svelte-1kamr7j.svelte-1kamr7j{margin-right:var(--goa-space-s)}.trailing-icon-button.svelte-1kamr7j.svelte-1kamr7j{margin-right:var(--goa-space-xs)}input.svelte-1kamr7j.svelte-1kamr7j{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs) var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input.svelte-1kamr7j.svelte-1kamr7j,input.svelte-1kamr7j.svelte-1kamr7j:focus,input.svelte-1kamr7j.svelte-1kamr7j:hover,input.svelte-1kamr7j.svelte-1kamr7j:active{outline:none;border:none}input[readonly].svelte-1kamr7j.svelte-1kamr7j{cursor:pointer}.leading-icon.svelte-1kamr7j+input.svelte-1kamr7j{padding-left:0.5rem}.input--disabled.svelte-1kamr7j.svelte-1kamr7j,.input--disabled.svelte-1kamr7j.svelte-1kamr7j:hover,.input--disabled.svelte-1kamr7j.svelte-1kamr7j:active,.input--disabled.svelte-1kamr7j.svelte-1kamr7j:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.input--disabled.svelte-1kamr7j input.svelte-1kamr7j,.input--disabled.svelte-1kamr7j input.svelte-1kamr7j:hover,.input--disabled.svelte-1kamr7j input.svelte-1kamr7j:active,.input--disabled.svelte-1kamr7j input.svelte-1kamr7j:focus{color:var(--goa-color-text-secondary)}.input--disabled.svelte-1kamr7j input.svelte-1kamr7j:hover{cursor:default !important}.prefix.svelte-1kamr7j.svelte-1kamr7j,.suffix.svelte-1kamr7j.svelte-1kamr7j,.leading-content-slot.svelte-1kamr7j ::slotted(div),.trailing-content-slot.svelte-1kamr7j ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center;white-space:nowrap}.leading-content-slot.svelte-1kamr7j ::slotted(div),.trailing-content-slot.svelte-1kamr7j ::slotted(div){padding:0.5rem 0.75rem}.prefix.svelte-1kamr7j.svelte-1kamr7j,.leading-content-slot.svelte-1kamr7j ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix.svelte-1kamr7j.svelte-1kamr7j,.trailing-content-slot.svelte-1kamr7j ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.input--disabled.svelte-1kamr7j .prefix.svelte-1kamr7j,.input--disabled.svelte-1kamr7j .leading-content-slot.svelte-1kamr7j ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.input--disabled.svelte-1kamr7j .suffix.svelte-1kamr7j,.input--disabled.svelte-1kamr7j .trailing-content-slot.svelte-1kamr7j ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa.svelte-1kamr7j.svelte-1kamr7j{display:block;border:none;flex:1 1 auto}.variant--bare.svelte-1kamr7j.svelte-1kamr7j{border:none}.variant--bare.svelte-1kamr7j.svelte-1kamr7j:focus,.variant--bare.svelte-1kamr7j.svelte-1kamr7j:active,.variant--bare.svelte-1kamr7j.svelte-1kamr7j:focus-within{box-shadow:none}.error.svelte-1kamr7j.svelte-1kamr7j:not(.leading-content):not(.trailing-content),.error.svelte-1kamr7j.svelte-1kamr7j:not(.leading-content):not(.trailing-content):hover{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error.svelte-1kamr7j.svelte-1kamr7j:not(.leading-content):not(.trailing-content):focus-within:hover{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error.svelte-1kamr7j .input-leading-content.svelte-1kamr7j,.error.svelte-1kamr7j .input-leading-content.svelte-1kamr7j:hover,.error.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j,.error.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m)
25297
+ var(--goa-color-interactive-error)}.error.svelte-1kamr7j .input-leading-content.svelte-1kamr7j:focus,.error.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j:focus,.error.svelte-1kamr7j .input-leading-content.svelte-1kamr7j:active,.error.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l)
25298
+ var(--goa-color-interactive-focus)}.input-leading-content.svelte-1kamr7j.svelte-1kamr7j:hover,.input-trailing-content.svelte-1kamr7j.svelte-1kamr7j:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m)
25299
+ var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content.svelte-1kamr7j.svelte-1kamr7j:active,.input-leading-content.svelte-1kamr7j.svelte-1kamr7j:focus,.input-leading-content.svelte-1kamr7j.svelte-1kamr7j:focus-within,.input-trailing-content.svelte-1kamr7j.svelte-1kamr7j:active,.input-trailing-content.svelte-1kamr7j.svelte-1kamr7j:focus,.input-trailing-content.svelte-1kamr7j.svelte-1kamr7j:focus-within{box-shadow:0 0 0 var(--goa-border-width-l)
25300
+ var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j,.input-trailing-content.svelte-1kamr7j.svelte-1kamr7j:hover,.input-trailing-content.svelte-1kamr7j.svelte-1kamr7j:active,.input-trailing-content.svelte-1kamr7j.svelte-1kamr7j:focus,.input-trailing-content.svelte-1kamr7j.svelte-1kamr7j:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error.svelte-1kamr7j .input-leading-content.svelte-1kamr7j,.input-leading-content.svelte-1kamr7j.svelte-1kamr7j:hover,.input-leading-content.svelte-1kamr7j.svelte-1kamr7j:active,.input-leading-content.svelte-1kamr7j.svelte-1kamr7j:focus,.input-leading-content.svelte-1kamr7j.svelte-1kamr7j:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.leading-content.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j,.leading-content.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j:hover,.leading-content.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j:active,.leading-content.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j:focus,.leading-content.svelte-1kamr7j .input-trailing-content.svelte-1kamr7j:focus-within{border-radius:0}input[type="search"].svelte-1kamr7j.svelte-1kamr7j:enabled:read-write:-webkit-any(
25154
25301
  :focus,
25155
25302
  :hover
25156
25303
  )::-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>')
25157
- center center no-repeat}.svelte-8e0991.svelte-8e0991::-ms-reveal{display:none}`);
25304
+ center center no-repeat}.svelte-1kamr7j.svelte-1kamr7j::-ms-reveal{display:none}`);
25158
25305
  }
25159
25306
  const get_trailingContent_slot_changes = (dirty) => ({});
25160
25307
  const get_trailingContent_slot_context = (ctx) => ({});
@@ -25170,7 +25317,7 @@ function create_if_block_4$1(ctx) {
25170
25317
  /*prefix*/
25171
25318
  ctx[15]
25172
25319
  );
25173
- attr(div, "class", "prefix svelte-8e0991");
25320
+ attr(div, "class", "prefix svelte-1kamr7j");
25174
25321
  },
25175
25322
  m(target, anchor) {
25176
25323
  insert(target, div, anchor);
@@ -25196,7 +25343,7 @@ function create_if_block_3$4(ctx) {
25196
25343
  return {
25197
25344
  c() {
25198
25345
  goa_icon = element("goa-icon");
25199
- set_custom_element_data(goa_icon, "class", "leading-icon svelte-8e0991");
25346
+ set_custom_element_data(goa_icon, "class", "leading-icon svelte-1kamr7j");
25200
25347
  set_custom_element_data(goa_icon, "data-testid", "leading-icon");
25201
25348
  set_custom_element_data(
25202
25349
  goa_icon,
@@ -25231,7 +25378,7 @@ function create_if_block_2$4(ctx) {
25231
25378
  return {
25232
25379
  c() {
25233
25380
  goa_icon = element("goa-icon");
25234
- set_custom_element_data(goa_icon, "class", "trailing-icon svelte-8e0991");
25381
+ set_custom_element_data(goa_icon, "class", "trailing-icon svelte-1kamr7j");
25235
25382
  set_custom_element_data(goa_icon, "data-testid", "trailing-icon");
25236
25383
  set_custom_element_data(goa_icon, "size", "medium");
25237
25384
  set_custom_element_data(
@@ -25273,7 +25420,7 @@ function create_if_block_1$9(ctx) {
25273
25420
  goa_icon_button,
25274
25421
  "disabled",
25275
25422
  /*isDisabled*/
25276
- ctx[28]
25423
+ ctx[29]
25277
25424
  );
25278
25425
  set_custom_element_data(goa_icon_button, "variant", "dark");
25279
25426
  set_custom_element_data(goa_icon_button, "size", "medium");
@@ -25284,7 +25431,7 @@ function create_if_block_1$9(ctx) {
25284
25431
  ctx[6]
25285
25432
  );
25286
25433
  set_custom_element_data(goa_icon_button, "data-testid", "trailing-icon-button");
25287
- set_custom_element_data(goa_icon_button, "class", "trailing-icon-button svelte-8e0991");
25434
+ set_custom_element_data(goa_icon_button, "class", "trailing-icon-button svelte-1kamr7j");
25288
25435
  },
25289
25436
  m(target, anchor) {
25290
25437
  insert(target, goa_icon_button, anchor);
@@ -25295,12 +25442,12 @@ function create_if_block_1$9(ctx) {
25295
25442
  },
25296
25443
  p(ctx2, dirty) {
25297
25444
  if (dirty[0] & /*isDisabled*/
25298
- 268435456) {
25445
+ 536870912) {
25299
25446
  set_custom_element_data(
25300
25447
  goa_icon_button,
25301
25448
  "disabled",
25302
25449
  /*isDisabled*/
25303
- ctx2[28]
25450
+ ctx2[29]
25304
25451
  );
25305
25452
  }
25306
25453
  if (dirty[0] & /*trailingicon*/
@@ -25332,7 +25479,7 @@ function create_if_block$i(ctx) {
25332
25479
  /*suffix*/
25333
25480
  ctx[16]
25334
25481
  );
25335
- attr(span, "class", "suffix svelte-8e0991");
25482
+ attr(span, "class", "suffix svelte-1kamr7j");
25336
25483
  },
25337
25484
  m(target, anchor) {
25338
25485
  insert(target, span, anchor);
@@ -25365,6 +25512,7 @@ function create_fragment$u(ctx) {
25365
25512
  let input_style_value;
25366
25513
  let input_value_value;
25367
25514
  let input_id_value;
25515
+ let input_aria_invalid_value;
25368
25516
  let t3;
25369
25517
  let t4;
25370
25518
  let t5;
@@ -25381,13 +25529,13 @@ function create_fragment$u(ctx) {
25381
25529
  );
25382
25530
  const leadingContent_slot_template = (
25383
25531
  /*#slots*/
25384
- ctx[42].leadingContent
25532
+ ctx[43].leadingContent
25385
25533
  );
25386
25534
  const leadingContent_slot = create_slot(
25387
25535
  leadingContent_slot_template,
25388
25536
  ctx,
25389
25537
  /*$$scope*/
25390
- ctx[41],
25538
+ ctx[42],
25391
25539
  get_leadingContent_slot_context
25392
25540
  );
25393
25541
  let if_block1 = (
@@ -25410,13 +25558,13 @@ function create_fragment$u(ctx) {
25410
25558
  );
25411
25559
  const trailingContent_slot_template = (
25412
25560
  /*#slots*/
25413
- ctx[42].trailingContent
25561
+ ctx[43].trailingContent
25414
25562
  );
25415
25563
  const trailingContent_slot = create_slot(
25416
25564
  trailingContent_slot_template,
25417
25565
  ctx,
25418
25566
  /*$$scope*/
25419
- ctx[41],
25567
+ ctx[42],
25420
25568
  get_trailingContent_slot_context
25421
25569
  );
25422
25570
  return {
@@ -25440,15 +25588,15 @@ function create_fragment$u(ctx) {
25440
25588
  t6 = space();
25441
25589
  div1 = element("div");
25442
25590
  if (trailingContent_slot) trailingContent_slot.c();
25443
- attr(div0, "class", "leading-content-slot svelte-8e0991");
25591
+ attr(div0, "class", "leading-content-slot svelte-1kamr7j");
25444
25592
  attr(input, "class", input_class_value = "input--" + /*variant*/
25445
- ctx[7] + " svelte-8e0991");
25593
+ ctx[7] + " svelte-1kamr7j");
25446
25594
  attr(input, "style", input_style_value = `--search-icon-offset: ${/*trailingicon*/
25447
25595
  ctx[6] ? "-0.5rem" : "0"}`);
25448
25596
  input.readOnly = /*isReadonly*/
25449
- ctx[27];
25450
- input.disabled = /*isDisabled*/
25451
25597
  ctx[28];
25598
+ input.disabled = /*isDisabled*/
25599
+ ctx[29];
25452
25600
  attr(
25453
25601
  input,
25454
25602
  "data-testid",
@@ -25521,49 +25669,51 @@ function create_fragment$u(ctx) {
25521
25669
  /*arialabelledby*/
25522
25670
  ctx[11]
25523
25671
  );
25672
+ attr(input, "aria-invalid", input_aria_invalid_value = /*_error*/
25673
+ ctx[25] ? "true" : "false");
25524
25674
  toggle_class(
25525
25675
  input,
25526
25676
  "input-leading-content",
25527
25677
  /*_leadingContentSlot*/
25528
- ctx[24] && !/*isDisabled*/
25529
- ctx[28]
25678
+ ctx[26] && !/*isDisabled*/
25679
+ ctx[29]
25530
25680
  );
25531
25681
  toggle_class(
25532
25682
  input,
25533
25683
  "input-trailing-content",
25534
25684
  /*_trailingContentSlot*/
25535
- ctx[25] && !/*isDisabled*/
25536
- ctx[28]
25685
+ ctx[27] && !/*isDisabled*/
25686
+ ctx[29]
25537
25687
  );
25538
- attr(div1, "class", "trailing-content-slot svelte-8e0991");
25688
+ attr(div1, "class", "trailing-content-slot svelte-1kamr7j");
25539
25689
  attr(div2, "class", div2_class_value = "goa-input variant--" + /*variant*/
25540
25690
  ctx[7] + " type--" + /*type*/
25541
- ctx[1] + " svelte-8e0991");
25691
+ ctx[1] + " svelte-1kamr7j");
25542
25692
  toggle_class(
25543
25693
  div2,
25544
25694
  "input--disabled",
25545
25695
  /*isDisabled*/
25546
- ctx[28]
25696
+ ctx[29]
25547
25697
  );
25548
25698
  toggle_class(
25549
25699
  div2,
25550
25700
  "leading-content",
25551
25701
  /*_leadingContentSlot*/
25552
- ctx[24]
25702
+ ctx[26]
25553
25703
  );
25554
25704
  toggle_class(
25555
25705
  div2,
25556
25706
  "trailing-content",
25557
25707
  /*_trailingContentSlot*/
25558
- ctx[25]
25708
+ ctx[27]
25559
25709
  );
25560
25710
  toggle_class(
25561
25711
  div2,
25562
25712
  "error",
25563
- /*isError*/
25564
- ctx[29]
25713
+ /*_error*/
25714
+ ctx[25]
25565
25715
  );
25566
- attr(div3, "class", "container svelte-8e0991");
25716
+ attr(div3, "class", "container svelte-1kamr7j");
25567
25717
  attr(div3, "style", div3_style_value = `--width: ${/*width*/
25568
25718
  ctx[9]};${calculateMargin(
25569
25719
  /*mt*/
@@ -25589,7 +25739,7 @@ function create_fragment$u(ctx) {
25589
25739
  if (if_block1) if_block1.m(div2, null);
25590
25740
  append(div2, t2);
25591
25741
  append(div2, input);
25592
- ctx[43](input);
25742
+ ctx[44](input);
25593
25743
  append(div2, t3);
25594
25744
  if (if_block2) if_block2.m(div2, null);
25595
25745
  append(div2, t4);
@@ -25601,7 +25751,7 @@ function create_fragment$u(ctx) {
25601
25751
  if (trailingContent_slot) {
25602
25752
  trailingContent_slot.m(div1, null);
25603
25753
  }
25604
- ctx[44](div3);
25754
+ ctx[45](div3);
25605
25755
  current = true;
25606
25756
  if (!mounted) {
25607
25757
  dispose = [
@@ -25651,20 +25801,20 @@ function create_fragment$u(ctx) {
25651
25801
  }
25652
25802
  if (leadingContent_slot) {
25653
25803
  if (leadingContent_slot.p && (!current || dirty[1] & /*$$scope*/
25654
- 1024)) {
25804
+ 2048)) {
25655
25805
  update_slot_base(
25656
25806
  leadingContent_slot,
25657
25807
  leadingContent_slot_template,
25658
25808
  ctx2,
25659
25809
  /*$$scope*/
25660
- ctx2[41],
25810
+ ctx2[42],
25661
25811
  !current ? get_all_dirty_from_scope(
25662
25812
  /*$$scope*/
25663
- ctx2[41]
25813
+ ctx2[42]
25664
25814
  ) : get_slot_changes(
25665
25815
  leadingContent_slot_template,
25666
25816
  /*$$scope*/
25667
- ctx2[41],
25817
+ ctx2[42],
25668
25818
  dirty,
25669
25819
  get_leadingContent_slot_changes
25670
25820
  ),
@@ -25689,7 +25839,7 @@ function create_fragment$u(ctx) {
25689
25839
  }
25690
25840
  if (!current || dirty[0] & /*variant*/
25691
25841
  128 && input_class_value !== (input_class_value = "input--" + /*variant*/
25692
- ctx2[7] + " svelte-8e0991")) {
25842
+ ctx2[7] + " svelte-1kamr7j")) {
25693
25843
  attr(input, "class", input_class_value);
25694
25844
  }
25695
25845
  if (!current || dirty[0] & /*trailingicon*/
@@ -25698,14 +25848,14 @@ function create_fragment$u(ctx) {
25698
25848
  attr(input, "style", input_style_value);
25699
25849
  }
25700
25850
  if (!current || dirty[0] & /*isReadonly*/
25701
- 134217728) {
25851
+ 268435456) {
25702
25852
  input.readOnly = /*isReadonly*/
25703
- ctx2[27];
25853
+ ctx2[28];
25704
25854
  }
25705
25855
  if (!current || dirty[0] & /*isDisabled*/
25706
- 268435456) {
25856
+ 536870912) {
25707
25857
  input.disabled = /*isDisabled*/
25708
- ctx2[28];
25858
+ ctx2[29];
25709
25859
  }
25710
25860
  if (!current || dirty[0] & /*testid*/
25711
25861
  256) {
@@ -25817,24 +25967,29 @@ function create_fragment$u(ctx) {
25817
25967
  ctx2[11]
25818
25968
  );
25819
25969
  }
25970
+ if (!current || dirty[0] & /*_error*/
25971
+ 33554432 && input_aria_invalid_value !== (input_aria_invalid_value = /*_error*/
25972
+ ctx2[25] ? "true" : "false")) {
25973
+ attr(input, "aria-invalid", input_aria_invalid_value);
25974
+ }
25820
25975
  if (!current || dirty[0] & /*variant, _leadingContentSlot, isDisabled*/
25821
- 285212800) {
25976
+ 603979904) {
25822
25977
  toggle_class(
25823
25978
  input,
25824
25979
  "input-leading-content",
25825
25980
  /*_leadingContentSlot*/
25826
- ctx2[24] && !/*isDisabled*/
25827
- ctx2[28]
25981
+ ctx2[26] && !/*isDisabled*/
25982
+ ctx2[29]
25828
25983
  );
25829
25984
  }
25830
25985
  if (!current || dirty[0] & /*variant, _trailingContentSlot, isDisabled*/
25831
- 301990016) {
25986
+ 671088768) {
25832
25987
  toggle_class(
25833
25988
  input,
25834
25989
  "input-trailing-content",
25835
25990
  /*_trailingContentSlot*/
25836
- ctx2[25] && !/*isDisabled*/
25837
- ctx2[28]
25991
+ ctx2[27] && !/*isDisabled*/
25992
+ ctx2[29]
25838
25993
  );
25839
25994
  }
25840
25995
  if (
@@ -25886,20 +26041,20 @@ function create_fragment$u(ctx) {
25886
26041
  }
25887
26042
  if (trailingContent_slot) {
25888
26043
  if (trailingContent_slot.p && (!current || dirty[1] & /*$$scope*/
25889
- 1024)) {
26044
+ 2048)) {
25890
26045
  update_slot_base(
25891
26046
  trailingContent_slot,
25892
26047
  trailingContent_slot_template,
25893
26048
  ctx2,
25894
26049
  /*$$scope*/
25895
- ctx2[41],
26050
+ ctx2[42],
25896
26051
  !current ? get_all_dirty_from_scope(
25897
26052
  /*$$scope*/
25898
- ctx2[41]
26053
+ ctx2[42]
25899
26054
  ) : get_slot_changes(
25900
26055
  trailingContent_slot_template,
25901
26056
  /*$$scope*/
25902
- ctx2[41],
26057
+ ctx2[42],
25903
26058
  dirty,
25904
26059
  get_trailingContent_slot_changes
25905
26060
  ),
@@ -25910,43 +26065,43 @@ function create_fragment$u(ctx) {
25910
26065
  if (!current || dirty[0] & /*variant, type*/
25911
26066
  130 && div2_class_value !== (div2_class_value = "goa-input variant--" + /*variant*/
25912
26067
  ctx2[7] + " type--" + /*type*/
25913
- ctx2[1] + " svelte-8e0991")) {
26068
+ ctx2[1] + " svelte-1kamr7j")) {
25914
26069
  attr(div2, "class", div2_class_value);
25915
26070
  }
25916
26071
  if (!current || dirty[0] & /*variant, type, isDisabled*/
25917
- 268435586) {
26072
+ 536871042) {
25918
26073
  toggle_class(
25919
26074
  div2,
25920
26075
  "input--disabled",
25921
26076
  /*isDisabled*/
25922
- ctx2[28]
26077
+ ctx2[29]
25923
26078
  );
25924
26079
  }
25925
26080
  if (!current || dirty[0] & /*variant, type, _leadingContentSlot*/
25926
- 16777346) {
26081
+ 67108994) {
25927
26082
  toggle_class(
25928
26083
  div2,
25929
26084
  "leading-content",
25930
26085
  /*_leadingContentSlot*/
25931
- ctx2[24]
26086
+ ctx2[26]
25932
26087
  );
25933
26088
  }
25934
26089
  if (!current || dirty[0] & /*variant, type, _trailingContentSlot*/
25935
- 33554562) {
26090
+ 134217858) {
25936
26091
  toggle_class(
25937
26092
  div2,
25938
26093
  "trailing-content",
25939
26094
  /*_trailingContentSlot*/
25940
- ctx2[25]
26095
+ ctx2[27]
25941
26096
  );
25942
26097
  }
25943
- if (!current || dirty[0] & /*variant, type, isError*/
25944
- 536871042) {
26098
+ if (!current || dirty[0] & /*variant, type, _error*/
26099
+ 33554562) {
25945
26100
  toggle_class(
25946
26101
  div2,
25947
26102
  "error",
25948
- /*isError*/
25949
- ctx2[29]
26103
+ /*_error*/
26104
+ ctx2[25]
25950
26105
  );
25951
26106
  }
25952
26107
  if (!current || dirty[0] & /*width, mt, mr, mb, ml*/
@@ -25982,12 +26137,12 @@ function create_fragment$u(ctx) {
25982
26137
  if (if_block0) if_block0.d();
25983
26138
  if (leadingContent_slot) leadingContent_slot.d(detaching);
25984
26139
  if (if_block1) if_block1.d();
25985
- ctx[43](null);
26140
+ ctx[44](null);
25986
26141
  if (if_block2) if_block2.d();
25987
26142
  if (if_block3) if_block3.d();
25988
26143
  if (if_block4) if_block4.d();
25989
26144
  if (trailingContent_slot) trailingContent_slot.d(detaching);
25990
- ctx[44](null);
26145
+ ctx[45](null);
25991
26146
  mounted = false;
25992
26147
  run_all(dispose);
25993
26148
  }
@@ -26000,7 +26155,6 @@ function instance$u($$self, $$props, $$invalidate) {
26000
26155
  let handlesTrailingIconClick;
26001
26156
  let isFocused;
26002
26157
  let isReadonly;
26003
- let isError;
26004
26158
  let isDisabled;
26005
26159
  let { $$slots: slots = {}, $$scope } = $$props;
26006
26160
  const [Types, validateType] = typeValidator("Input type", [
@@ -26053,6 +26207,8 @@ function instance$u($$self, $$props, $$invalidate) {
26053
26207
  let _debounceId;
26054
26208
  let inputEl;
26055
26209
  let _rootEl;
26210
+ let _error;
26211
+ let _prevError = _error;
26056
26212
  onMount(async () => {
26057
26213
  await tick();
26058
26214
  validateType(type);
@@ -26126,6 +26282,7 @@ function instance$u($$self, $$props, $$invalidate) {
26126
26282
  detail: { name, value: input.value }
26127
26283
  }
26128
26284
  ));
26285
+ dispatch$1(_rootEl, "help-text::announce", void 0, { bubbles: true });
26129
26286
  }
26130
26287
  function onBlur(e) {
26131
26288
  $$invalidate(34, focused = "false");
@@ -26141,11 +26298,11 @@ function instance$u($$self, $$props, $$invalidate) {
26141
26298
  function checkSlots() {
26142
26299
  const leadingContentSlot = _rootEl.querySelector("slot[name=leadingContent]");
26143
26300
  if (leadingContentSlot && leadingContentSlot.assignedNodes().length > 0) {
26144
- $$invalidate(24, _leadingContentSlot = true);
26301
+ $$invalidate(26, _leadingContentSlot = true);
26145
26302
  }
26146
26303
  const trailingContentSlot = _rootEl.querySelector("slot[name=trailingContent]");
26147
26304
  if (trailingContentSlot && trailingContentSlot.assignedNodes().length > 0) {
26148
- $$invalidate(25, _trailingContentSlot = true);
26305
+ $$invalidate(27, _trailingContentSlot = true);
26149
26306
  }
26150
26307
  }
26151
26308
  function showDeprecationWarnings() {
@@ -26162,7 +26319,7 @@ function instance$u($$self, $$props, $$invalidate) {
26162
26319
  function div3_binding($$value) {
26163
26320
  binding_callbacks[$$value ? "unshift" : "push"](() => {
26164
26321
  _rootEl = $$value;
26165
- $$invalidate(26, _rootEl);
26322
+ $$invalidate(24, _rootEl);
26166
26323
  });
26167
26324
  }
26168
26325
  $$self.$$set = ($$props2) => {
@@ -26195,7 +26352,7 @@ function instance$u($$self, $$props, $$invalidate) {
26195
26352
  if ("mr" in $$props2) $$invalidate(20, mr = $$props2.mr);
26196
26353
  if ("mb" in $$props2) $$invalidate(21, mb = $$props2.mb);
26197
26354
  if ("ml" in $$props2) $$invalidate(22, ml = $$props2.ml);
26198
- if ("$$scope" in $$props2) $$invalidate(41, $$scope = $$props2.$$scope);
26355
+ if ("$$scope" in $$props2) $$invalidate(42, $$scope = $$props2.$$scope);
26199
26356
  };
26200
26357
  $$self.$$.update = () => {
26201
26358
  if ($$self.$$.dirty[1] & /*handletrailingiconclick*/
@@ -26204,23 +26361,30 @@ function instance$u($$self, $$props, $$invalidate) {
26204
26361
  }
26205
26362
  if ($$self.$$.dirty[1] & /*focused*/
26206
26363
  8) {
26207
- $$invalidate(40, isFocused = toBoolean(focused));
26364
+ $$invalidate(41, isFocused = toBoolean(focused));
26208
26365
  }
26209
26366
  if ($$self.$$.dirty[1] & /*readonly*/
26210
26367
  128) {
26211
- $$invalidate(27, isReadonly = toBoolean(readonly));
26212
- }
26213
- if ($$self.$$.dirty[1] & /*error*/
26214
- 16) {
26215
- $$invalidate(29, isError = toBoolean(error));
26368
+ $$invalidate(28, isReadonly = toBoolean(readonly));
26216
26369
  }
26217
26370
  if ($$self.$$.dirty[1] & /*disabled*/
26218
26371
  32) {
26219
- $$invalidate(28, isDisabled = toBoolean(disabled));
26372
+ $$invalidate(29, isDisabled = toBoolean(disabled));
26373
+ }
26374
+ if ($$self.$$.dirty[0] & /*_error, _rootEl*/
26375
+ 50331648 | $$self.$$.dirty[1] & /*error, _prevError*/
26376
+ 528) {
26377
+ {
26378
+ $$invalidate(25, _error = toBoolean(error));
26379
+ if (_error !== _prevError) {
26380
+ dispatch$1(_rootEl, "error::change", { isError: _error }, { bubbles: true });
26381
+ $$invalidate(40, _prevError = _error);
26382
+ }
26383
+ }
26220
26384
  }
26221
26385
  if ($$self.$$.dirty[0] & /*inputEl*/
26222
26386
  8388608 | $$self.$$.dirty[1] & /*isFocused*/
26223
- 512) {
26387
+ 1024) {
26224
26388
  if (isFocused && inputEl) {
26225
26389
  setTimeout(() => inputEl.focus(), 2);
26226
26390
  }
@@ -26259,12 +26423,12 @@ function instance$u($$self, $$props, $$invalidate) {
26259
26423
  mb,
26260
26424
  ml,
26261
26425
  inputEl,
26426
+ _rootEl,
26427
+ _error,
26262
26428
  _leadingContentSlot,
26263
26429
  _trailingContentSlot,
26264
- _rootEl,
26265
26430
  isReadonly,
26266
26431
  isDisabled,
26267
- isError,
26268
26432
  handlesTrailingIconClick,
26269
26433
  onKeyUp,
26270
26434
  onFocus,
@@ -26275,6 +26439,7 @@ function instance$u($$self, $$props, $$invalidate) {
26275
26439
  handletrailingiconclick,
26276
26440
  readonly,
26277
26441
  debounce,
26442
+ _prevError,
26278
26443
  isFocused,
26279
26444
  $$scope,
26280
26445
  slots,
@@ -31820,22 +31985,25 @@ class RadioItem extends SvelteComponent {
31820
31985
  }
31821
31986
  customElements.define("goa-radio-item", create_custom_element(RadioItem, { "value": { "reflect": true }, "name": {}, "label": {}, "description": { "reflect": true }, "disabled": {}, "error": { "reflect": true }, "checked": { "reflect": true }, "arialabel": { "reflect": true }, "maxwidth": {}, "mt": {}, "mr": {}, "mb": {}, "ml": {} }, ["description"], [], true));
31822
31987
  function add_css$h(target) {
31823
- append_styles(target, "svelte-1cz8ze9", ":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-radio-group--horizontal.svelte-1cz8ze9{display:flex;flex-direction:row}.goa-radio-group--vertical.svelte-1cz8ze9{display:inline-block}");
31988
+ append_styles(target, "svelte-r5d1fc", ":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-radio-group--horizontal.svelte-r5d1fc{display:flex;flex-direction:row}.goa-radio-group--vertical.svelte-r5d1fc{display:inline-block}.goa-radio-group--horizontal.svelte-r5d1fc:focus,.goa-radio-group--vertical.svelte-r5d1fc:focus{outline:none}");
31824
31989
  }
31825
31990
  function create_fragment$i(ctx) {
31826
31991
  let div;
31827
31992
  let div_style_value;
31828
31993
  let div_class_value;
31994
+ let div_aria_invalid_value;
31829
31995
  let current;
31996
+ let mounted;
31997
+ let dispose;
31830
31998
  const default_slot_template = (
31831
31999
  /*#slots*/
31832
- ctx[13].default
32000
+ ctx[16].default
31833
32001
  );
31834
32002
  const default_slot = create_slot(
31835
32003
  default_slot_template,
31836
32004
  ctx,
31837
32005
  /*$$scope*/
31838
- ctx[12],
32006
+ ctx[15],
31839
32007
  null
31840
32008
  );
31841
32009
  return {
@@ -31853,7 +32021,7 @@ function create_fragment$i(ctx) {
31853
32021
  ctx[6]
31854
32022
  ));
31855
32023
  attr(div, "class", div_class_value = null_to_empty(`goa-radio-group--${/*orientation*/
31856
- ctx[0]}`) + " svelte-1cz8ze9");
32024
+ ctx[0]}`) + " svelte-r5d1fc");
31857
32025
  attr(
31858
32026
  div,
31859
32027
  "data-testid",
@@ -31867,32 +32035,44 @@ function create_fragment$i(ctx) {
31867
32035
  /*arialabel*/
31868
32036
  ctx[2]
31869
32037
  );
32038
+ attr(div, "aria-invalid", div_aria_invalid_value = /*_error*/
32039
+ ctx[7] ? "true" : "false");
32040
+ attr(div, "tabindex", "0");
31870
32041
  },
31871
32042
  m(target, anchor) {
31872
32043
  insert(target, div, anchor);
31873
32044
  if (default_slot) {
31874
32045
  default_slot.m(div, null);
31875
32046
  }
31876
- ctx[14](div);
32047
+ ctx[17](div);
31877
32048
  current = true;
32049
+ if (!mounted) {
32050
+ dispose = listen(
32051
+ div,
32052
+ "focusin",
32053
+ /*onFocus*/
32054
+ ctx[9]
32055
+ );
32056
+ mounted = true;
32057
+ }
31878
32058
  },
31879
32059
  p(ctx2, [dirty]) {
31880
32060
  if (default_slot) {
31881
32061
  if (default_slot.p && (!current || dirty & /*$$scope*/
31882
- 4096)) {
32062
+ 32768)) {
31883
32063
  update_slot_base(
31884
32064
  default_slot,
31885
32065
  default_slot_template,
31886
32066
  ctx2,
31887
32067
  /*$$scope*/
31888
- ctx2[12],
32068
+ ctx2[15],
31889
32069
  !current ? get_all_dirty_from_scope(
31890
32070
  /*$$scope*/
31891
- ctx2[12]
32071
+ ctx2[15]
31892
32072
  ) : get_slot_changes(
31893
32073
  default_slot_template,
31894
32074
  /*$$scope*/
31895
- ctx2[12],
32075
+ ctx2[15],
31896
32076
  dirty,
31897
32077
  null
31898
32078
  ),
@@ -31915,7 +32095,7 @@ function create_fragment$i(ctx) {
31915
32095
  }
31916
32096
  if (!current || dirty & /*orientation*/
31917
32097
  1 && div_class_value !== (div_class_value = null_to_empty(`goa-radio-group--${/*orientation*/
31918
- ctx2[0]}`) + " svelte-1cz8ze9")) {
32098
+ ctx2[0]}`) + " svelte-r5d1fc")) {
31919
32099
  attr(div, "class", div_class_value);
31920
32100
  }
31921
32101
  if (!current || dirty & /*testid*/
@@ -31936,6 +32116,11 @@ function create_fragment$i(ctx) {
31936
32116
  ctx2[2]
31937
32117
  );
31938
32118
  }
32119
+ if (!current || dirty & /*_error*/
32120
+ 128 && div_aria_invalid_value !== (div_aria_invalid_value = /*_error*/
32121
+ ctx2[7] ? "true" : "false")) {
32122
+ attr(div, "aria-invalid", div_aria_invalid_value);
32123
+ }
31939
32124
  },
31940
32125
  i(local) {
31941
32126
  if (current) return;
@@ -31951,7 +32136,9 @@ function create_fragment$i(ctx) {
31951
32136
  detach(div);
31952
32137
  }
31953
32138
  if (default_slot) default_slot.d(detaching);
31954
- ctx[14](null);
32139
+ ctx[17](null);
32140
+ mounted = false;
32141
+ dispose();
31955
32142
  }
31956
32143
  };
31957
32144
  }
@@ -31970,7 +32157,8 @@ function instance$i($$self, $$props, $$invalidate) {
31970
32157
  let { mr = null } = $$props;
31971
32158
  let { mb = null } = $$props;
31972
32159
  let { ml = null } = $$props;
31973
- let isError;
32160
+ let _error = toBoolean(error);
32161
+ let _prevError = _error;
31974
32162
  let _rootEl;
31975
32163
  let _radioItems = [];
31976
32164
  let _bindTimeoutId;
@@ -31990,16 +32178,16 @@ function instance$i($$self, $$props, $$invalidate) {
31990
32178
  onSetValue(data);
31991
32179
  break;
31992
32180
  case FieldsetSetErrorMsg:
31993
- $$invalidate(9, error = "true");
32181
+ $$invalidate(11, error = "true");
31994
32182
  break;
31995
32183
  case FieldsetResetErrorsMsg:
31996
- $$invalidate(9, error = "false");
32184
+ $$invalidate(11, error = "false");
31997
32185
  break;
31998
32186
  }
31999
32187
  });
32000
32188
  }
32001
32189
  function onSetValue(detail) {
32002
- $$invalidate(8, value = detail.value);
32190
+ $$invalidate(10, value = detail.value);
32003
32191
  dispatch$1(_rootEl, "_change", { name, value }, { bubbles: true });
32004
32192
  }
32005
32193
  function sendMountedMessage() {
@@ -32028,7 +32216,7 @@ function instance$i($$self, $$props, $$invalidate) {
32028
32216
  composed: true,
32029
32217
  detail: {
32030
32218
  disabled: isDisabled,
32031
- error: isError,
32219
+ error: _error,
32032
32220
  description: props.description,
32033
32221
  name,
32034
32222
  checked: props.value === value
@@ -32039,7 +32227,7 @@ function instance$i($$self, $$props, $$invalidate) {
32039
32227
  }
32040
32228
  function onChange(newValue) {
32041
32229
  if (newValue === value) return;
32042
- $$invalidate(8, value = newValue);
32230
+ $$invalidate(10, value = newValue);
32043
32231
  _rootEl.dispatchEvent(new CustomEvent(
32044
32232
  "_change",
32045
32233
  {
@@ -32061,39 +32249,46 @@ function instance$i($$self, $$props, $$invalidate) {
32061
32249
  ));
32062
32250
  });
32063
32251
  }
32252
+ function onFocus(e) {
32253
+ dispatch$1(_rootEl, "help-text::announce", void 0, { bubbles: true });
32254
+ }
32064
32255
  function div_binding($$value) {
32065
32256
  binding_callbacks[$$value ? "unshift" : "push"](() => {
32066
32257
  _rootEl = $$value;
32067
- $$invalidate(7, _rootEl);
32258
+ $$invalidate(8, _rootEl);
32068
32259
  });
32069
32260
  }
32070
32261
  $$self.$$set = ($$props2) => {
32071
- if ("name" in $$props2) $$invalidate(10, name = $$props2.name);
32072
- if ("value" in $$props2) $$invalidate(8, value = $$props2.value);
32262
+ if ("name" in $$props2) $$invalidate(12, name = $$props2.name);
32263
+ if ("value" in $$props2) $$invalidate(10, value = $$props2.value);
32073
32264
  if ("orientation" in $$props2) $$invalidate(0, orientation = $$props2.orientation);
32074
- if ("disabled" in $$props2) $$invalidate(11, disabled = $$props2.disabled);
32075
- if ("error" in $$props2) $$invalidate(9, error = $$props2.error);
32265
+ if ("disabled" in $$props2) $$invalidate(13, disabled = $$props2.disabled);
32266
+ if ("error" in $$props2) $$invalidate(11, error = $$props2.error);
32076
32267
  if ("testid" in $$props2) $$invalidate(1, testid = $$props2.testid);
32077
32268
  if ("arialabel" in $$props2) $$invalidate(2, arialabel = $$props2.arialabel);
32078
32269
  if ("mt" in $$props2) $$invalidate(3, mt = $$props2.mt);
32079
32270
  if ("mr" in $$props2) $$invalidate(4, mr = $$props2.mr);
32080
32271
  if ("mb" in $$props2) $$invalidate(5, mb = $$props2.mb);
32081
32272
  if ("ml" in $$props2) $$invalidate(6, ml = $$props2.ml);
32082
- if ("$$scope" in $$props2) $$invalidate(12, $$scope = $$props2.$$scope);
32273
+ if ("$$scope" in $$props2) $$invalidate(15, $$scope = $$props2.$$scope);
32083
32274
  };
32084
32275
  $$self.$$.update = () => {
32085
32276
  if ($$self.$$.dirty & /*disabled*/
32086
- 2048) {
32277
+ 8192) {
32087
32278
  isDisabled = toBoolean(disabled);
32088
32279
  }
32089
32280
  if ($$self.$$.dirty & /*value*/
32090
- 256) {
32281
+ 1024) {
32091
32282
  value !== void 0 && setCurrentSelectedOption(value);
32092
32283
  }
32093
- if ($$self.$$.dirty & /*error*/
32094
- 512) {
32284
+ if ($$self.$$.dirty & /*error, _error, _prevError, _rootEl*/
32285
+ 18816) {
32095
32286
  {
32096
- isError = toBoolean(error);
32287
+ $$invalidate(7, _error = toBoolean(error));
32288
+ if (_error !== _prevError) {
32289
+ dispatch$1(_rootEl, "error::change", { isError: _error }, { bubbles: true });
32290
+ $$invalidate(14, _prevError = _error);
32291
+ }
32097
32292
  bindOptions();
32098
32293
  }
32099
32294
  }
@@ -32106,11 +32301,14 @@ function instance$i($$self, $$props, $$invalidate) {
32106
32301
  mr,
32107
32302
  mb,
32108
32303
  ml,
32304
+ _error,
32109
32305
  _rootEl,
32306
+ onFocus,
32110
32307
  value,
32111
32308
  error,
32112
32309
  name,
32113
32310
  disabled,
32311
+ _prevError,
32114
32312
  $$scope,
32115
32313
  slots,
32116
32314
  div_binding
@@ -32126,11 +32324,11 @@ class RadioGroup extends SvelteComponent {
32126
32324
  create_fragment$i,
32127
32325
  safe_not_equal,
32128
32326
  {
32129
- name: 10,
32130
- value: 8,
32327
+ name: 12,
32328
+ value: 10,
32131
32329
  orientation: 0,
32132
- disabled: 11,
32133
- error: 9,
32330
+ disabled: 13,
32331
+ error: 11,
32134
32332
  testid: 1,
32135
32333
  arialabel: 2,
32136
32334
  mt: 3,
@@ -32142,14 +32340,14 @@ class RadioGroup extends SvelteComponent {
32142
32340
  );
32143
32341
  }
32144
32342
  get name() {
32145
- return this.$$.ctx[10];
32343
+ return this.$$.ctx[12];
32146
32344
  }
32147
32345
  set name(name) {
32148
32346
  this.$$set({ name });
32149
32347
  flush();
32150
32348
  }
32151
32349
  get value() {
32152
- return this.$$.ctx[8];
32350
+ return this.$$.ctx[10];
32153
32351
  }
32154
32352
  set value(value) {
32155
32353
  this.$$set({ value });
@@ -32163,14 +32361,14 @@ class RadioGroup extends SvelteComponent {
32163
32361
  flush();
32164
32362
  }
32165
32363
  get disabled() {
32166
- return this.$$.ctx[11];
32364
+ return this.$$.ctx[13];
32167
32365
  }
32168
32366
  set disabled(disabled) {
32169
32367
  this.$$set({ disabled });
32170
32368
  flush();
32171
32369
  }
32172
32370
  get error() {
32173
- return this.$$.ctx[9];
32371
+ return this.$$.ctx[11];
32174
32372
  }
32175
32373
  set error(error) {
32176
32374
  this.$$set({ error });
@@ -32975,7 +33173,7 @@ class SideMenuGroup extends SvelteComponent {
32975
33173
  }
32976
33174
  customElements.define("goa-side-menu-group", create_custom_element(SideMenuGroup, { "heading": {}, "icon": {}, "testid": {}, "mt": {}, "mr": {}, "mb": {}, "ml": {} }, ["default"], [], true));
32977
33175
  function add_css$e(target) {
32978
- append_styles(target, "svelte-1q9b624", "::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);background:#cedfee}::slotted(a:hover:not(.current)){background:#cedfee}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.side-menu.svelte-1q9b624{display:block}");
33176
+ append_styles(target, "svelte-1op2s9h", "::slotted(a),::slotted(a:visited){color:var(--goa-side-menu-text-color, var(--goa-color-text-default)) !important;display:block;font:var(--goa-typography-body-m);padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);background:#cedfee}::slotted(a:hover:not(.current)){background:#cedfee}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.side-menu.svelte-1op2s9h{display:block}");
32979
33177
  }
32980
33178
  function create_fragment$f(ctx) {
32981
33179
  let div;
@@ -32995,7 +33193,7 @@ function create_fragment$f(ctx) {
32995
33193
  c() {
32996
33194
  div = element("div");
32997
33195
  if (default_slot) default_slot.c();
32998
- attr(div, "class", "side-menu svelte-1q9b624");
33196
+ attr(div, "class", "side-menu svelte-1op2s9h");
32999
33197
  attr(
33000
33198
  div,
33001
33199
  "data-testid",
@@ -36360,13 +36558,13 @@ function create_if_block_1$1(ctx) {
36360
36558
  if (
36361
36559
  /*countby*/
36362
36560
  ctx2[7] && /*count*/
36363
- ctx2[15] > /*maxcount*/
36561
+ ctx2[17] > /*maxcount*/
36364
36562
  ctx2[8]
36365
36563
  ) return create_if_block_2;
36366
36564
  if (
36367
36565
  /*countby*/
36368
36566
  ctx2[7] && /*count*/
36369
- ctx2[15] <= /*maxcount*/
36567
+ ctx2[17] <= /*maxcount*/
36370
36568
  ctx2[8]
36371
36569
  ) return create_if_block_3;
36372
36570
  }
@@ -36381,7 +36579,7 @@ function create_if_block_1$1(ctx) {
36381
36579
  div,
36382
36580
  "counter-error",
36383
36581
  /*count*/
36384
- ctx[15] > /*maxcount*/
36582
+ ctx[17] > /*maxcount*/
36385
36583
  ctx[8]
36386
36584
  );
36387
36585
  },
@@ -36400,13 +36598,13 @@ function create_if_block_1$1(ctx) {
36400
36598
  if_block.m(div, null);
36401
36599
  }
36402
36600
  }
36403
- if (dirty & /*count, maxcount*/
36404
- 33024) {
36601
+ if (dirty[0] & /*count, maxcount*/
36602
+ 131328) {
36405
36603
  toggle_class(
36406
36604
  div,
36407
36605
  "counter-error",
36408
36606
  /*count*/
36409
- ctx2[15] > /*maxcount*/
36607
+ ctx2[17] > /*maxcount*/
36410
36608
  ctx2[8]
36411
36609
  );
36412
36610
  }
@@ -36425,7 +36623,7 @@ function create_if_block_3(ctx) {
36425
36623
  let t0_value = (
36426
36624
  /*maxcount*/
36427
36625
  ctx[8] - /*count*/
36428
- ctx[15] + ""
36626
+ ctx[17] + ""
36429
36627
  );
36430
36628
  let t0;
36431
36629
  let t1;
@@ -36434,7 +36632,7 @@ function create_if_block_3(ctx) {
36434
36632
  ctx[7],
36435
36633
  /*maxcount*/
36436
36634
  ctx[8] - /*count*/
36437
- ctx[15]
36635
+ ctx[17]
36438
36636
  ) + "";
36439
36637
  let t2;
36440
36638
  let t3;
@@ -36452,17 +36650,17 @@ function create_if_block_3(ctx) {
36452
36650
  insert(target, t3, anchor);
36453
36651
  },
36454
36652
  p(ctx2, dirty) {
36455
- if (dirty & /*maxcount, count*/
36456
- 33024 && t0_value !== (t0_value = /*maxcount*/
36653
+ if (dirty[0] & /*maxcount, count*/
36654
+ 131328 && t0_value !== (t0_value = /*maxcount*/
36457
36655
  ctx2[8] - /*count*/
36458
- ctx2[15] + "")) set_data(t0, t0_value);
36459
- if (dirty & /*countby, maxcount, count*/
36460
- 33152 && t2_value !== (t2_value = pluralize(
36656
+ ctx2[17] + "")) set_data(t0, t0_value);
36657
+ if (dirty[0] & /*countby, maxcount, count*/
36658
+ 131456 && t2_value !== (t2_value = pluralize(
36461
36659
  /*countby*/
36462
36660
  ctx2[7],
36463
36661
  /*maxcount*/
36464
36662
  ctx2[8] - /*count*/
36465
- ctx2[15]
36663
+ ctx2[17]
36466
36664
  ) + "")) set_data(t2, t2_value);
36467
36665
  },
36468
36666
  d(detaching) {
@@ -36478,7 +36676,7 @@ function create_if_block_3(ctx) {
36478
36676
  function create_if_block_2(ctx) {
36479
36677
  let t0_value = (
36480
36678
  /*count*/
36481
- ctx[15] - /*maxcount*/
36679
+ ctx[17] - /*maxcount*/
36482
36680
  ctx[8] + ""
36483
36681
  );
36484
36682
  let t0;
@@ -36487,7 +36685,7 @@ function create_if_block_2(ctx) {
36487
36685
  /*countby*/
36488
36686
  ctx[7],
36489
36687
  /*count*/
36490
- ctx[15] - /*maxcount*/
36688
+ ctx[17] - /*maxcount*/
36491
36689
  ctx[8]
36492
36690
  ) + "";
36493
36691
  let t2;
@@ -36506,16 +36704,16 @@ function create_if_block_2(ctx) {
36506
36704
  insert(target, t3, anchor);
36507
36705
  },
36508
36706
  p(ctx2, dirty) {
36509
- if (dirty & /*count, maxcount*/
36510
- 33024 && t0_value !== (t0_value = /*count*/
36511
- ctx2[15] - /*maxcount*/
36707
+ if (dirty[0] & /*count, maxcount*/
36708
+ 131328 && t0_value !== (t0_value = /*count*/
36709
+ ctx2[17] - /*maxcount*/
36512
36710
  ctx2[8] + "")) set_data(t0, t0_value);
36513
- if (dirty & /*countby, count, maxcount*/
36514
- 33152 && t2_value !== (t2_value = pluralize(
36711
+ if (dirty[0] & /*countby, count, maxcount*/
36712
+ 131456 && t2_value !== (t2_value = pluralize(
36515
36713
  /*countby*/
36516
36714
  ctx2[7],
36517
36715
  /*count*/
36518
- ctx2[15] - /*maxcount*/
36716
+ ctx2[17] - /*maxcount*/
36519
36717
  ctx2[8]
36520
36718
  ) + "")) set_data(t2, t2_value);
36521
36719
  },
@@ -36537,7 +36735,7 @@ function create_if_block$2(ctx) {
36537
36735
  /*countby*/
36538
36736
  ctx[7],
36539
36737
  /*count*/
36540
- ctx[15]
36738
+ ctx[17]
36541
36739
  ) + "";
36542
36740
  let t2;
36543
36741
  return {
@@ -36545,7 +36743,7 @@ function create_if_block$2(ctx) {
36545
36743
  div = element("div");
36546
36744
  t0 = text(
36547
36745
  /*count*/
36548
- ctx[15]
36746
+ ctx[17]
36549
36747
  );
36550
36748
  t1 = space();
36551
36749
  t2 = text(t2_value);
@@ -36558,18 +36756,18 @@ function create_if_block$2(ctx) {
36558
36756
  append(div, t2);
36559
36757
  },
36560
36758
  p(ctx2, dirty) {
36561
- if (dirty & /*count*/
36562
- 32768) set_data(
36759
+ if (dirty[0] & /*count*/
36760
+ 131072) set_data(
36563
36761
  t0,
36564
36762
  /*count*/
36565
- ctx2[15]
36763
+ ctx2[17]
36566
36764
  );
36567
- if (dirty & /*countby, count*/
36568
- 32896 && t2_value !== (t2_value = pluralize(
36765
+ if (dirty[0] & /*countby, count*/
36766
+ 131200 && t2_value !== (t2_value = pluralize(
36569
36767
  /*countby*/
36570
36768
  ctx2[7],
36571
36769
  /*count*/
36572
- ctx2[15]
36770
+ ctx2[17]
36573
36771
  ) + "")) set_data(t2, t2_value);
36574
36772
  },
36575
36773
  d(detaching) {
@@ -36584,6 +36782,7 @@ function create_fragment$5(ctx) {
36584
36782
  let div0;
36585
36783
  let textarea;
36586
36784
  let textarea_aria_label_value;
36785
+ let textarea_aria_invalid_value;
36587
36786
  let t0;
36588
36787
  let t1;
36589
36788
  let div0_style_value;
@@ -36592,14 +36791,14 @@ function create_fragment$5(ctx) {
36592
36791
  let if_block0 = (
36593
36792
  /*maxcount*/
36594
36793
  ctx[8] > 0 && !/*isDisabled*/
36595
- ctx[14] && create_if_block_1$1(ctx)
36794
+ ctx[16] && create_if_block_1$1(ctx)
36596
36795
  );
36597
36796
  let if_block1 = (
36598
36797
  /*countby*/
36599
36798
  ctx[7] && /*maxcount*/
36600
36799
  ctx[8] < 0 && /*count*/
36601
- ctx[15] > 0 && !/*isDisabled*/
36602
- ctx[14] && create_if_block$2(ctx)
36800
+ ctx[17] > 0 && !/*isDisabled*/
36801
+ ctx[16] && create_if_block$2(ctx)
36603
36802
  );
36604
36803
  return {
36605
36804
  c() {
@@ -36631,10 +36830,12 @@ function create_fragment$5(ctx) {
36631
36830
  attr(textarea, "aria-label", textarea_aria_label_value = /*arialabel*/
36632
36831
  ctx[6] || /*name*/
36633
36832
  ctx[1]);
36833
+ attr(textarea, "aria-invalid", textarea_aria_invalid_value = /*_error*/
36834
+ ctx[13] ? "true" : "false");
36634
36835
  textarea.disabled = /*isDisabled*/
36635
- ctx[14];
36636
- textarea.readOnly = /*isReadonly*/
36637
36836
  ctx[16];
36837
+ textarea.readOnly = /*isReadonly*/
36838
+ ctx[18];
36638
36839
  attr(
36639
36840
  textarea,
36640
36841
  "data-testid",
@@ -36663,17 +36864,17 @@ function create_fragment$5(ctx) {
36663
36864
  toggle_class(
36664
36865
  div0,
36665
36866
  "error",
36666
- /*isError*/
36667
- ctx[17] || /*maxcount*/
36867
+ /*_error*/
36868
+ ctx[13] || /*maxcount*/
36668
36869
  ctx[8] > 0 && /*count*/
36669
- ctx[15] > /*maxcount*/
36870
+ ctx[17] > /*maxcount*/
36670
36871
  ctx[8]
36671
36872
  );
36672
36873
  toggle_class(
36673
36874
  div0,
36674
36875
  "disabled",
36675
36876
  /*isDisabled*/
36676
- ctx[14]
36877
+ ctx[16]
36677
36878
  );
36678
36879
  attr(div1, "id", "container");
36679
36880
  attr(div1, "class", "svelte-q9zeel");
@@ -36682,7 +36883,7 @@ function create_fragment$5(ctx) {
36682
36883
  insert(target, div1, anchor);
36683
36884
  append(div1, div0);
36684
36885
  append(div0, textarea);
36685
- ctx[23](textarea);
36886
+ ctx[26](textarea);
36686
36887
  set_input_value(
36687
36888
  textarea,
36688
36889
  /*value*/
@@ -36692,32 +36893,39 @@ function create_fragment$5(ctx) {
36692
36893
  if (if_block0) if_block0.m(div0, null);
36693
36894
  append(div0, t1);
36694
36895
  if (if_block1) if_block1.m(div0, null);
36896
+ ctx[28](div0);
36695
36897
  if (!mounted) {
36696
36898
  dispose = [
36697
36899
  listen(
36698
36900
  textarea,
36699
36901
  "input",
36700
36902
  /*textarea_input_handler*/
36701
- ctx[24]
36903
+ ctx[27]
36702
36904
  ),
36703
36905
  listen(
36704
36906
  textarea,
36705
36907
  "keyup",
36706
36908
  /*onKeyPress*/
36707
- ctx[19]
36909
+ ctx[20]
36708
36910
  ),
36709
36911
  listen(
36710
36912
  textarea,
36711
36913
  "change",
36712
36914
  /*onChange*/
36713
- ctx[18]
36915
+ ctx[19]
36916
+ ),
36917
+ listen(
36918
+ textarea,
36919
+ "focus",
36920
+ /*onFocus*/
36921
+ ctx[21]
36714
36922
  )
36715
36923
  ];
36716
36924
  mounted = true;
36717
36925
  }
36718
36926
  },
36719
- p(ctx2, [dirty]) {
36720
- if (dirty & /*name*/
36927
+ p(ctx2, dirty) {
36928
+ if (dirty[0] & /*name*/
36721
36929
  2) {
36722
36930
  attr(
36723
36931
  textarea,
@@ -36726,7 +36934,7 @@ function create_fragment$5(ctx) {
36726
36934
  ctx2[1]
36727
36935
  );
36728
36936
  }
36729
- if (dirty & /*placeholder*/
36937
+ if (dirty[0] & /*placeholder*/
36730
36938
  4) {
36731
36939
  attr(
36732
36940
  textarea,
@@ -36735,7 +36943,7 @@ function create_fragment$5(ctx) {
36735
36943
  ctx2[2]
36736
36944
  );
36737
36945
  }
36738
- if (dirty & /*rows*/
36946
+ if (dirty[0] & /*rows*/
36739
36947
  8) {
36740
36948
  attr(
36741
36949
  textarea,
@@ -36744,23 +36952,28 @@ function create_fragment$5(ctx) {
36744
36952
  ctx2[3]
36745
36953
  );
36746
36954
  }
36747
- if (dirty & /*arialabel, name*/
36955
+ if (dirty[0] & /*arialabel, name*/
36748
36956
  66 && textarea_aria_label_value !== (textarea_aria_label_value = /*arialabel*/
36749
36957
  ctx2[6] || /*name*/
36750
36958
  ctx2[1])) {
36751
36959
  attr(textarea, "aria-label", textarea_aria_label_value);
36752
36960
  }
36753
- if (dirty & /*isDisabled*/
36754
- 16384) {
36755
- textarea.disabled = /*isDisabled*/
36756
- ctx2[14];
36961
+ if (dirty[0] & /*_error*/
36962
+ 8192 && textarea_aria_invalid_value !== (textarea_aria_invalid_value = /*_error*/
36963
+ ctx2[13] ? "true" : "false")) {
36964
+ attr(textarea, "aria-invalid", textarea_aria_invalid_value);
36757
36965
  }
36758
- if (dirty & /*isReadonly*/
36966
+ if (dirty[0] & /*isDisabled*/
36759
36967
  65536) {
36760
- textarea.readOnly = /*isReadonly*/
36968
+ textarea.disabled = /*isDisabled*/
36761
36969
  ctx2[16];
36762
36970
  }
36763
- if (dirty & /*testid*/
36971
+ if (dirty[0] & /*isReadonly*/
36972
+ 262144) {
36973
+ textarea.readOnly = /*isReadonly*/
36974
+ ctx2[18];
36975
+ }
36976
+ if (dirty[0] & /*testid*/
36764
36977
  16) {
36765
36978
  attr(
36766
36979
  textarea,
@@ -36769,7 +36982,7 @@ function create_fragment$5(ctx) {
36769
36982
  ctx2[4]
36770
36983
  );
36771
36984
  }
36772
- if (dirty & /*value*/
36985
+ if (dirty[0] & /*value*/
36773
36986
  1) {
36774
36987
  set_input_value(
36775
36988
  textarea,
@@ -36780,7 +36993,7 @@ function create_fragment$5(ctx) {
36780
36993
  if (
36781
36994
  /*maxcount*/
36782
36995
  ctx2[8] > 0 && !/*isDisabled*/
36783
- ctx2[14]
36996
+ ctx2[16]
36784
36997
  ) {
36785
36998
  if (if_block0) {
36786
36999
  if_block0.p(ctx2, dirty);
@@ -36797,8 +37010,8 @@ function create_fragment$5(ctx) {
36797
37010
  /*countby*/
36798
37011
  ctx2[7] && /*maxcount*/
36799
37012
  ctx2[8] < 0 && /*count*/
36800
- ctx2[15] > 0 && !/*isDisabled*/
36801
- ctx2[14]
37013
+ ctx2[17] > 0 && !/*isDisabled*/
37014
+ ctx2[16]
36802
37015
  ) {
36803
37016
  if (if_block1) {
36804
37017
  if_block1.p(ctx2, dirty);
@@ -36811,7 +37024,7 @@ function create_fragment$5(ctx) {
36811
37024
  if_block1.d(1);
36812
37025
  if_block1 = null;
36813
37026
  }
36814
- if (dirty & /*mt, mr, mb, ml, width, countby*/
37027
+ if (dirty[0] & /*mt, mr, mb, ml, width, countby*/
36815
37028
  7840 && div0_style_value !== (div0_style_value = `
36816
37029
  ${calculateMargin(
36817
37030
  /*mt*/
@@ -36830,25 +37043,25 @@ function create_fragment$5(ctx) {
36830
37043
  `)) {
36831
37044
  attr(div0, "style", div0_style_value);
36832
37045
  }
36833
- if (dirty & /*isError, maxcount, count*/
36834
- 164096) {
37046
+ if (dirty[0] & /*_error, maxcount, count*/
37047
+ 139520) {
36835
37048
  toggle_class(
36836
37049
  div0,
36837
37050
  "error",
36838
- /*isError*/
36839
- ctx2[17] || /*maxcount*/
37051
+ /*_error*/
37052
+ ctx2[13] || /*maxcount*/
36840
37053
  ctx2[8] > 0 && /*count*/
36841
- ctx2[15] > /*maxcount*/
37054
+ ctx2[17] > /*maxcount*/
36842
37055
  ctx2[8]
36843
37056
  );
36844
37057
  }
36845
- if (dirty & /*isDisabled*/
36846
- 16384) {
37058
+ if (dirty[0] & /*isDisabled*/
37059
+ 65536) {
36847
37060
  toggle_class(
36848
37061
  div0,
36849
37062
  "disabled",
36850
37063
  /*isDisabled*/
36851
- ctx2[14]
37064
+ ctx2[16]
36852
37065
  );
36853
37066
  }
36854
37067
  },
@@ -36858,16 +37071,16 @@ function create_fragment$5(ctx) {
36858
37071
  if (detaching) {
36859
37072
  detach(div1);
36860
37073
  }
36861
- ctx[23](null);
37074
+ ctx[26](null);
36862
37075
  if (if_block0) if_block0.d();
36863
37076
  if (if_block1) if_block1.d();
37077
+ ctx[28](null);
36864
37078
  mounted = false;
36865
37079
  run_all(dispose);
36866
37080
  }
36867
37081
  };
36868
37082
  }
36869
37083
  function instance$5($$self, $$props, $$invalidate) {
36870
- let isError;
36871
37084
  let isDisabled;
36872
37085
  let isReadonly;
36873
37086
  let count;
@@ -36887,7 +37100,10 @@ function instance$5($$self, $$props, $$invalidate) {
36887
37100
  let { mr = null } = $$props;
36888
37101
  let { mb = null } = $$props;
36889
37102
  let { ml = null } = $$props;
37103
+ let _error;
37104
+ let _prevError = _error;
36890
37105
  let _textareaEl;
37106
+ let _rootEl;
36891
37107
  onMount(() => {
36892
37108
  addRelayListener();
36893
37109
  sendMountedMessage();
@@ -36899,10 +37115,10 @@ function instance$5($$self, $$props, $$invalidate) {
36899
37115
  onSetValue(data);
36900
37116
  break;
36901
37117
  case FieldsetSetErrorMsg:
36902
- $$invalidate(20, error = "true");
37118
+ $$invalidate(22, error = "true");
36903
37119
  break;
36904
37120
  case FieldsetResetErrorsMsg:
36905
- $$invalidate(20, error = "false");
37121
+ $$invalidate(22, error = "false");
36906
37122
  break;
36907
37123
  }
36908
37124
  });
@@ -36942,16 +37158,25 @@ function instance$5($$self, $$props, $$invalidate) {
36942
37158
  }
36943
37159
  ));
36944
37160
  }
37161
+ function onFocus(e) {
37162
+ dispatch$1(_rootEl, "help-text::announce", void 0, { bubbles: true });
37163
+ }
36945
37164
  function textarea_binding($$value) {
36946
37165
  binding_callbacks[$$value ? "unshift" : "push"](() => {
36947
37166
  _textareaEl = $$value;
36948
- $$invalidate(13, _textareaEl);
37167
+ $$invalidate(15, _textareaEl);
36949
37168
  });
36950
37169
  }
36951
37170
  function textarea_input_handler() {
36952
37171
  value = this.value;
36953
37172
  $$invalidate(0, value);
36954
37173
  }
37174
+ function div0_binding($$value) {
37175
+ binding_callbacks[$$value ? "unshift" : "push"](() => {
37176
+ _rootEl = $$value;
37177
+ $$invalidate(14, _rootEl);
37178
+ });
37179
+ }
36955
37180
  $$self.$$set = ($$props2) => {
36956
37181
  if ("name" in $$props2) $$invalidate(1, name = $$props2.name);
36957
37182
  if ("value" in $$props2) $$invalidate(0, value = $$props2.value);
@@ -36959,9 +37184,9 @@ function instance$5($$self, $$props, $$invalidate) {
36959
37184
  if ("rows" in $$props2) $$invalidate(3, rows = $$props2.rows);
36960
37185
  if ("testid" in $$props2) $$invalidate(4, testid = $$props2.testid);
36961
37186
  if ("width" in $$props2) $$invalidate(5, width = $$props2.width);
36962
- if ("error" in $$props2) $$invalidate(20, error = $$props2.error);
36963
- if ("readonly" in $$props2) $$invalidate(21, readonly = $$props2.readonly);
36964
- if ("disabled" in $$props2) $$invalidate(22, disabled = $$props2.disabled);
37187
+ if ("error" in $$props2) $$invalidate(22, error = $$props2.error);
37188
+ if ("readonly" in $$props2) $$invalidate(23, readonly = $$props2.readonly);
37189
+ if ("disabled" in $$props2) $$invalidate(24, disabled = $$props2.disabled);
36965
37190
  if ("arialabel" in $$props2) $$invalidate(6, arialabel = $$props2.arialabel);
36966
37191
  if ("countby" in $$props2) $$invalidate(7, countby = $$props2.countby);
36967
37192
  if ("maxcount" in $$props2) $$invalidate(8, maxcount = $$props2.maxcount);
@@ -36971,21 +37196,27 @@ function instance$5($$self, $$props, $$invalidate) {
36971
37196
  if ("ml" in $$props2) $$invalidate(12, ml = $$props2.ml);
36972
37197
  };
36973
37198
  $$self.$$.update = () => {
36974
- if ($$self.$$.dirty & /*error*/
36975
- 1048576) {
36976
- $$invalidate(17, isError = toBoolean(error));
37199
+ if ($$self.$$.dirty[0] & /*error, _error, _prevError, _rootEl*/
37200
+ 37773312) {
37201
+ {
37202
+ $$invalidate(13, _error = toBoolean(error));
37203
+ if (_error !== _prevError) {
37204
+ dispatch$1(_rootEl, "error::change", { isError: _error }, { bubbles: true });
37205
+ $$invalidate(25, _prevError = _error);
37206
+ }
37207
+ }
36977
37208
  }
36978
- if ($$self.$$.dirty & /*disabled*/
36979
- 4194304) {
36980
- $$invalidate(14, isDisabled = toBoolean(disabled));
37209
+ if ($$self.$$.dirty[0] & /*disabled*/
37210
+ 16777216) {
37211
+ $$invalidate(16, isDisabled = toBoolean(disabled));
36981
37212
  }
36982
- if ($$self.$$.dirty & /*readonly*/
36983
- 2097152) {
36984
- $$invalidate(16, isReadonly = toBoolean(readonly));
37213
+ if ($$self.$$.dirty[0] & /*readonly*/
37214
+ 8388608) {
37215
+ $$invalidate(18, isReadonly = toBoolean(readonly));
36985
37216
  }
36986
- if ($$self.$$.dirty & /*countby, value*/
37217
+ if ($$self.$$.dirty[0] & /*countby, value*/
36987
37218
  129) {
36988
- $$invalidate(15, count = countby === "character" ? value == null ? void 0 : value.length : value == null ? void 0 : value.split(" ").filter((word) => word.trim().length > 0).length);
37219
+ $$invalidate(17, count = countby === "character" ? value == null ? void 0 : value.length : value == null ? void 0 : value.split(" ").filter((word) => word.trim().length > 0).length);
36989
37220
  }
36990
37221
  };
36991
37222
  return [
@@ -37002,18 +37233,22 @@ function instance$5($$self, $$props, $$invalidate) {
37002
37233
  mr,
37003
37234
  mb,
37004
37235
  ml,
37236
+ _error,
37237
+ _rootEl,
37005
37238
  _textareaEl,
37006
37239
  isDisabled,
37007
37240
  count,
37008
37241
  isReadonly,
37009
- isError,
37010
37242
  onChange,
37011
37243
  onKeyPress,
37244
+ onFocus,
37012
37245
  error,
37013
37246
  readonly,
37014
37247
  disabled,
37248
+ _prevError,
37015
37249
  textarea_binding,
37016
- textarea_input_handler
37250
+ textarea_input_handler,
37251
+ div0_binding
37017
37252
  ];
37018
37253
  }
37019
37254
  class TextArea extends SvelteComponent {
@@ -37032,9 +37267,9 @@ class TextArea extends SvelteComponent {
37032
37267
  rows: 3,
37033
37268
  testid: 4,
37034
37269
  width: 5,
37035
- error: 20,
37036
- readonly: 21,
37037
- disabled: 22,
37270
+ error: 22,
37271
+ readonly: 23,
37272
+ disabled: 24,
37038
37273
  arialabel: 6,
37039
37274
  countby: 7,
37040
37275
  maxcount: 8,
@@ -37043,7 +37278,8 @@ class TextArea extends SvelteComponent {
37043
37278
  mb: 11,
37044
37279
  ml: 12
37045
37280
  },
37046
- add_css$5
37281
+ add_css$5,
37282
+ [-1, -1]
37047
37283
  );
37048
37284
  }
37049
37285
  get name() {
@@ -37089,21 +37325,21 @@ class TextArea extends SvelteComponent {
37089
37325
  flush();
37090
37326
  }
37091
37327
  get error() {
37092
- return this.$$.ctx[20];
37328
+ return this.$$.ctx[22];
37093
37329
  }
37094
37330
  set error(error) {
37095
37331
  this.$$set({ error });
37096
37332
  flush();
37097
37333
  }
37098
37334
  get readonly() {
37099
- return this.$$.ctx[21];
37335
+ return this.$$.ctx[23];
37100
37336
  }
37101
37337
  set readonly(readonly) {
37102
37338
  this.$$set({ readonly });
37103
37339
  flush();
37104
37340
  }
37105
37341
  get disabled() {
37106
- return this.$$.ctx[22];
37342
+ return this.$$.ctx[24];
37107
37343
  }
37108
37344
  set disabled(disabled) {
37109
37345
  this.$$set({ disabled });