@abgov/react-components 4.0.0-alpha.53 → 4.0.0-alpha.55

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.
@@ -1101,7 +1101,7 @@
1101
1101
  }
1102
1102
 
1103
1103
  };
1104
- } // (12:2) {#if url}
1104
+ } // (18:4) {#if url}
1105
1105
 
1106
1106
 
1107
1107
  function create_if_block$j(ctx) {
@@ -1171,10 +1171,12 @@
1171
1171
  };
1172
1172
  }
1173
1173
 
1174
- function create_fragment$E(ctx) {
1174
+ function create_fragment$F(ctx) {
1175
+ let div2;
1175
1176
  let div1;
1176
1177
  let t;
1177
1178
  let div0;
1179
+ let div2_style_value;
1178
1180
 
1179
1181
  function select_block_type(ctx, dirty) {
1180
1182
  if (
@@ -1187,20 +1189,26 @@
1187
1189
  let if_block = current_block_type(ctx);
1188
1190
  return {
1189
1191
  c() {
1192
+ div2 = element("div");
1190
1193
  div1 = element("div");
1191
1194
  if_block.c();
1192
1195
  t = space();
1193
1196
  div0 = element("div");
1194
1197
  div0.innerHTML = `<slot></slot>`;
1195
1198
  this.c = noop;
1196
- attr(div1, "class", "app-header");
1197
- attr(div1, "data-testid",
1199
+ attr(div1, "class", "content");
1200
+ attr(div2, "class", "app-header");
1201
+ attr(div2, "data-testid",
1198
1202
  /*testid*/
1199
1203
  ctx[2]);
1204
+ attr(div2, "style", div2_style_value = `--max-content-width: ${
1205
+ /*maxcontentwidth*/
1206
+ ctx[3] || "var(--layout-max-content-width)"}`);
1200
1207
  },
1201
1208
 
1202
1209
  m(target, anchor) {
1203
- insert(target, div1, anchor);
1210
+ insert(target, div2, anchor);
1211
+ append(div2, div1);
1204
1212
  if_block.m(div1, null);
1205
1213
  append(div1, t);
1206
1214
  append(div1, div0);
@@ -1222,24 +1230,32 @@
1222
1230
  if (dirty &
1223
1231
  /*testid*/
1224
1232
  4) {
1225
- attr(div1, "data-testid",
1233
+ attr(div2, "data-testid",
1226
1234
  /*testid*/
1227
1235
  ctx[2]);
1228
1236
  }
1237
+
1238
+ if (dirty &
1239
+ /*maxcontentwidth*/
1240
+ 8 && div2_style_value !== (div2_style_value = `--max-content-width: ${
1241
+ /*maxcontentwidth*/
1242
+ ctx[3] || "var(--layout-max-content-width)"}`)) {
1243
+ attr(div2, "style", div2_style_value);
1244
+ }
1229
1245
  },
1230
1246
 
1231
1247
  i: noop,
1232
1248
  o: noop,
1233
1249
 
1234
1250
  d(detaching) {
1235
- if (detaching) detach(div1);
1251
+ if (detaching) detach(div2);
1236
1252
  if_block.d();
1237
1253
  }
1238
1254
 
1239
1255
  };
1240
1256
  }
1241
1257
 
1242
- function instance$z($$self, $$props, $$invalidate) {
1258
+ function instance$A($$self, $$props, $$invalidate) {
1243
1259
  let {
1244
1260
  heading = ""
1245
1261
  } = $$props;
@@ -1249,28 +1265,33 @@
1249
1265
  let {
1250
1266
  testid = ""
1251
1267
  } = $$props;
1268
+ let {
1269
+ maxcontentwidth = ""
1270
+ } = $$props;
1252
1271
 
1253
1272
  $$self.$$set = $$props => {
1254
1273
  if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
1255
1274
  if ('url' in $$props) $$invalidate(1, url = $$props.url);
1256
1275
  if ('testid' in $$props) $$invalidate(2, testid = $$props.testid);
1276
+ if ('maxcontentwidth' in $$props) $$invalidate(3, maxcontentwidth = $$props.maxcontentwidth);
1257
1277
  };
1258
1278
 
1259
- return [heading, url, testid];
1279
+ return [heading, url, testid, maxcontentwidth];
1260
1280
  }
1261
1281
 
1262
1282
  class AppHeader extends SvelteElement {
1263
1283
  constructor(options) {
1264
1284
  super();
1265
- this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.app-header{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:1rem 1.5rem;border-bottom:1px solid var(--color-gray-100)}@media(max-width: 640px){.app-header{padding:1rem 1rem}}.app-link{display:flex;align-items:center;text-decoration:none;color:inherit}.title{margin-left:0.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-desktop{display:none}.image-mobile{display:block}@media(min-width: 768px){.image-desktop{display:block}.image-mobile{display:none}.title{margin-left:1.75rem}.image-desktop{display:block}.image-mobile{display:none}}</style>`;
1285
+ this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box;font-family:var(--font-family)}.app-header{margin:0 auto;border-bottom:1px solid var(--color-gray-100)}@media(max-width: 640px){.app-header{padding:1rem 1rem}}.content{margin:0 auto;width:min(var(--max-content-width), 100%);display:flex;align-items:center;justify-content:space-between}@media(min-width: 640px){.content{padding:2rem 1.5rem}}.app-link{display:flex;align-items:center;text-decoration:none;color:inherit}.title{margin-left:0.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-desktop{display:none}.image-mobile{display:block}@media(min-width: 640px){.image-desktop{display:block}.image-mobile{display:none}.title{margin-left:1.75rem}.image-desktop{display:block}.image-mobile{display:none}}</style>`;
1266
1286
  init(this, {
1267
1287
  target: this.shadowRoot,
1268
1288
  props: attribute_to_object(this.attributes),
1269
1289
  customElement: true
1270
- }, instance$z, create_fragment$E, safe_not_equal, {
1290
+ }, instance$A, create_fragment$F, safe_not_equal, {
1271
1291
  heading: 0,
1272
1292
  url: 1,
1273
- testid: 2
1293
+ testid: 2,
1294
+ maxcontentwidth: 3
1274
1295
  }, null);
1275
1296
 
1276
1297
  if (options) {
@@ -1286,7 +1307,7 @@
1286
1307
  }
1287
1308
 
1288
1309
  static get observedAttributes() {
1289
- return ["heading", "url", "testid"];
1310
+ return ["heading", "url", "testid", "maxcontentwidth"];
1290
1311
  }
1291
1312
 
1292
1313
  get heading() {
@@ -1322,6 +1343,17 @@
1322
1343
  flush();
1323
1344
  }
1324
1345
 
1346
+ get maxcontentwidth() {
1347
+ return this.$$.ctx[3];
1348
+ }
1349
+
1350
+ set maxcontentwidth(maxcontentwidth) {
1351
+ this.$$set({
1352
+ maxcontentwidth
1353
+ });
1354
+ flush();
1355
+ }
1356
+
1325
1357
  }
1326
1358
 
1327
1359
  customElements.define("goa-app-header", AppHeader);
@@ -1428,7 +1460,7 @@
1428
1460
  };
1429
1461
  }
1430
1462
 
1431
- function create_fragment$D(ctx) {
1463
+ function create_fragment$E(ctx) {
1432
1464
  let div;
1433
1465
  let t;
1434
1466
  let div_class_value;
@@ -1540,7 +1572,7 @@
1540
1572
  };
1541
1573
  }
1542
1574
 
1543
- function instance$y($$self, $$props, $$invalidate) {
1575
+ function instance$z($$self, $$props, $$invalidate) {
1544
1576
  let showIcon;
1545
1577
  let iconType;
1546
1578
  let {
@@ -1602,7 +1634,7 @@
1602
1634
  target: this.shadowRoot,
1603
1635
  props: attribute_to_object(this.attributes),
1604
1636
  customElement: true
1605
- }, instance$y, create_fragment$D, safe_not_equal, {
1637
+ }, instance$z, create_fragment$E, safe_not_equal, {
1606
1638
  type: 0,
1607
1639
  testid: 1,
1608
1640
  icon: 5,
@@ -1674,7 +1706,7 @@
1674
1706
  customElements.define("goa-badge", Badge);
1675
1707
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.49.0 */
1676
1708
 
1677
- function create_fragment$C(ctx) {
1709
+ function create_fragment$D(ctx) {
1678
1710
  let div;
1679
1711
  let slot;
1680
1712
  return {
@@ -1723,7 +1755,7 @@
1723
1755
  };
1724
1756
  }
1725
1757
 
1726
- function instance$x($$self, $$props, $$invalidate) {
1758
+ function instance$y($$self, $$props, $$invalidate) {
1727
1759
  let {
1728
1760
  gap = "medium"
1729
1761
  } = $$props;
@@ -1747,7 +1779,7 @@
1747
1779
  target: this.shadowRoot,
1748
1780
  props: attribute_to_object(this.attributes),
1749
1781
  customElement: true
1750
- }, instance$x, create_fragment$C, safe_not_equal, {
1782
+ }, instance$y, create_fragment$D, safe_not_equal, {
1751
1783
  gap: 0,
1752
1784
  alignment: 1
1753
1785
  }, null);
@@ -1797,7 +1829,7 @@
1797
1829
 
1798
1830
  function create_else_block$2(ctx) {
1799
1831
  let t0;
1800
- let div;
1832
+ let slot;
1801
1833
  let t1;
1802
1834
  let if_block1_anchor;
1803
1835
  let if_block0 =
@@ -1810,18 +1842,17 @@
1810
1842
  c() {
1811
1843
  if (if_block0) if_block0.c();
1812
1844
  t0 = space();
1813
- div = element("div");
1814
- div.innerHTML = `<slot></slot>`;
1845
+ slot = element("slot");
1815
1846
  t1 = space();
1816
1847
  if (if_block1) if_block1.c();
1817
1848
  if_block1_anchor = empty();
1818
- attr(div, "class", "text");
1849
+ attr(slot, "class", "text");
1819
1850
  },
1820
1851
 
1821
1852
  m(target, anchor) {
1822
1853
  if (if_block0) if_block0.m(target, anchor);
1823
1854
  insert(target, t0, anchor);
1824
- insert(target, div, anchor);
1855
+ insert(target, slot, anchor);
1825
1856
  insert(target, t1, anchor);
1826
1857
  if (if_block1) if_block1.m(target, anchor);
1827
1858
  insert(target, if_block1_anchor, anchor);
@@ -1862,7 +1893,7 @@
1862
1893
  d(detaching) {
1863
1894
  if (if_block0) if_block0.d(detaching);
1864
1895
  if (detaching) detach(t0);
1865
- if (detaching) detach(div);
1896
+ if (detaching) detach(slot);
1866
1897
  if (detaching) detach(t1);
1867
1898
  if (if_block1) if_block1.d(detaching);
1868
1899
  if (detaching) detach(if_block1_anchor);
@@ -1873,23 +1904,22 @@
1873
1904
 
1874
1905
 
1875
1906
  function create_if_block$h(ctx) {
1876
- let div;
1907
+ let slot;
1877
1908
  let t;
1878
1909
  let goa_icon;
1879
1910
  return {
1880
1911
  c() {
1881
- div = element("div");
1882
- div.innerHTML = `<slot></slot>`;
1912
+ slot = element("slot");
1883
1913
  t = space();
1884
1914
  goa_icon = element("goa-icon");
1885
- attr(div, "class", "text");
1915
+ attr(slot, "class", "text");
1886
1916
  set_custom_element_data(goa_icon, "id", "trailing-icon");
1887
1917
  set_custom_element_data(goa_icon, "type", "arrow-forward");
1888
1918
  set_custom_element_data(goa_icon, "inverted", "true");
1889
1919
  },
1890
1920
 
1891
1921
  m(target, anchor) {
1892
- insert(target, div, anchor);
1922
+ insert(target, slot, anchor);
1893
1923
  insert(target, t, anchor);
1894
1924
  insert(target, goa_icon, anchor);
1895
1925
  },
@@ -1897,13 +1927,13 @@
1897
1927
  p: noop,
1898
1928
 
1899
1929
  d(detaching) {
1900
- if (detaching) detach(div);
1930
+ if (detaching) detach(slot);
1901
1931
  if (detaching) detach(t);
1902
1932
  if (detaching) detach(goa_icon);
1903
1933
  }
1904
1934
 
1905
1935
  };
1906
- } // (59:4) {#if leadingicon}
1936
+ } // (57:4) {#if leadingicon}
1907
1937
 
1908
1938
 
1909
1939
  function create_if_block_2$7(ctx) {
@@ -1947,7 +1977,7 @@
1947
1977
  }
1948
1978
 
1949
1979
  };
1950
- } // (65:4) {#if trailingicon}
1980
+ } // (61:4) {#if trailingicon}
1951
1981
 
1952
1982
 
1953
1983
  function create_if_block_1$a(ctx) {
@@ -1993,7 +2023,7 @@
1993
2023
  };
1994
2024
  }
1995
2025
 
1996
- function create_fragment$B(ctx) {
2026
+ function create_fragment$C(ctx) {
1997
2027
  let button;
1998
2028
  let button_class_value;
1999
2029
  let mounted;
@@ -2127,7 +2157,7 @@
2127
2157
  e.stopPropagation();
2128
2158
  }
2129
2159
 
2130
- function instance$w($$self, $$props, $$invalidate) {
2160
+ function instance$x($$self, $$props, $$invalidate) {
2131
2161
  let isDisabled;
2132
2162
  let isButtonDark;
2133
2163
  const BUTTON_TYPES = ["primary", "submit", "secondary", "tertiary", "start"];
@@ -2212,12 +2242,12 @@
2212
2242
  constructor(options) {
2213
2243
  super();
2214
2244
  this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}@media(max-width: 480px){:host{width:100%}button{width:100%}}button{display:inline-flex;box-sizing:border-box;border-radius:0.25rem;border:2px solid var(--goa-color-interactive);box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--fs-lg);font-weight:400;height:var(--button-height);letter-spacing:0.5px;line-height:100%;padding:0 0.75rem;gap:0.5rem;align-items:center;justify-content:center;transition:transform 0.1s ease-in-out, background-color 0.2s ease-in-out,
2215
- border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--fs-base)}button.start{height:var(--button-height-tall);font-weight:var(--fw-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive);background:var(--goa-color-interactive);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive--hover);background:var(--goa-color-interactive--hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive--focus);border-color:var(--goa-color-interactive--active);background:var(--goa-color-interactive--active);outline:none}button.secondary{border:2px solid var(--goa-color-interactive);background:var(--color-white);color:var(--goa-color-interactive)}button.secondary:hover{border-color:var(--goa-color-interactive--hover);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);background:var(--color-gray-100);outline:none}button.tertiary{border:1px solid transparent;background:transparent;color:var(--goa-color-interactive);text-decoration:underline}button.tertiary:hover{border-color:var(--color-gray-100);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--color-gray-100);background:var(--color-gray-100);color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);outline:none}.submit.destructive,.primary.destructive{color:var(--color-white);background:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency)}.submit.destructive:hover,.primary.destructive:hover{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.secondary.destructive{color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency);background:var(--color-white)}.secondary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.destructive{color:var(--goa-color-status-emergency);border-color:var(--color-gray-200);background:var(--color-white)}.tertiary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}</style>`;
2245
+ border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--fs-base)}button.start{height:var(--button-height-tall);font-weight:var(--fw-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive);background-color:var(--goa-color-interactive);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive--hover);background-color:var(--goa-color-interactive--hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive--focus);border-color:var(--goa-color-interactive--active);background-color:var(--goa-color-interactive--active);outline:none}button.secondary{border:2px solid var(--goa-color-interactive);background-color:var(--color-white);color:var(--goa-color-interactive)}button.secondary:hover{border-color:var(--goa-color-interactive--hover);color:var(--goa-color-interactive--hover);background-color:var(--color-gray-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);background-color:var(--color-gray-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive);text-decoration:underline}button.tertiary:hover{border-color:var(--color-gray-100);color:var(--goa-color-interactive--hover);background-color:var(--color-gray-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--color-gray-100);background-color:var(--color-gray-100);color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);outline:none}.submit.destructive,.primary.destructive{color:var(--color-white);background-color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.secondary.destructive{color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency);background-color:var(--color-white)}.secondary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background-color:var(--color-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background-color:var(--color-white)}.tertiary.destructive{color:var(--goa-color-status-emergency);border-color:var(--color-gray-200);background-color:var(--color-white)}.tertiary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background-color:var(--color-white)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background-color:var(--color-white)}</style>`;
2216
2246
  init(this, {
2217
2247
  target: this.shadowRoot,
2218
2248
  props: attribute_to_object(this.attributes),
2219
2249
  customElement: true
2220
- }, instance$w, create_fragment$B, safe_not_equal, {
2250
+ }, instance$x, create_fragment$C, safe_not_equal, {
2221
2251
  type: 0,
2222
2252
  size: 1,
2223
2253
  variant: 2,
@@ -2356,7 +2386,7 @@
2356
2386
  };
2357
2387
  }
2358
2388
 
2359
- function create_fragment$A(ctx) {
2389
+ function create_fragment$B(ctx) {
2360
2390
  let div;
2361
2391
  let span0;
2362
2392
  let goa_icon;
@@ -2467,7 +2497,7 @@
2467
2497
  };
2468
2498
  }
2469
2499
 
2470
- function instance$v($$self, $$props, $$invalidate) {
2500
+ function instance$w($$self, $$props, $$invalidate) {
2471
2501
  let iconType;
2472
2502
  let {
2473
2503
  type
@@ -2504,7 +2534,7 @@
2504
2534
  target: this.shadowRoot,
2505
2535
  props: attribute_to_object(this.attributes),
2506
2536
  customElement: true
2507
- }, instance$v, create_fragment$A, safe_not_equal, {
2537
+ }, instance$w, create_fragment$B, safe_not_equal, {
2508
2538
  type: 0,
2509
2539
  heading: 1,
2510
2540
  testid: 2
@@ -2564,7 +2594,7 @@
2564
2594
  customElements.define("goa-callout", Callout);
2565
2595
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.49.0 */
2566
2596
 
2567
- function create_fragment$z(ctx) {
2597
+ function create_fragment$A(ctx) {
2568
2598
  let goa_card_content;
2569
2599
  return {
2570
2600
  c() {
@@ -2595,7 +2625,7 @@
2595
2625
  target: this.shadowRoot,
2596
2626
  props: attribute_to_object(this.attributes),
2597
2627
  customElement: true
2598
- }, null, create_fragment$z, safe_not_equal, {}, null);
2628
+ }, null, create_fragment$A, safe_not_equal, {}, null);
2599
2629
 
2600
2630
  if (options) {
2601
2631
  if (options.target) {
@@ -2609,7 +2639,7 @@
2609
2639
  customElements.define("goa-card-actions", CardActions);
2610
2640
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.49.0 */
2611
2641
 
2612
- function create_fragment$y(ctx) {
2642
+ function create_fragment$z(ctx) {
2613
2643
  let div;
2614
2644
  return {
2615
2645
  c() {
@@ -2642,7 +2672,7 @@
2642
2672
  target: this.shadowRoot,
2643
2673
  props: attribute_to_object(this.attributes),
2644
2674
  customElement: true
2645
- }, null, create_fragment$y, safe_not_equal, {}, null);
2675
+ }, null, create_fragment$z, safe_not_equal, {}, null);
2646
2676
 
2647
2677
  if (options) {
2648
2678
  if (options.target) {
@@ -2656,7 +2686,7 @@
2656
2686
  customElements.define("goa-card-content", CardContent);
2657
2687
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.49.0 */
2658
2688
 
2659
- function create_fragment$x(ctx) {
2689
+ function create_fragment$y(ctx) {
2660
2690
  let div;
2661
2691
  return {
2662
2692
  c() {
@@ -2689,7 +2719,7 @@
2689
2719
  target: this.shadowRoot,
2690
2720
  props: attribute_to_object(this.attributes),
2691
2721
  customElement: true
2692
- }, null, create_fragment$x, safe_not_equal, {}, null);
2722
+ }, null, create_fragment$y, safe_not_equal, {}, null);
2693
2723
 
2694
2724
  if (options) {
2695
2725
  if (options.target) {
@@ -2703,7 +2733,7 @@
2703
2733
  customElements.define("goa-card-group", CardGroup);
2704
2734
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.49.0 */
2705
2735
 
2706
- function create_fragment$w(ctx) {
2736
+ function create_fragment$x(ctx) {
2707
2737
  let div;
2708
2738
  return {
2709
2739
  c() {
@@ -2752,7 +2782,7 @@
2752
2782
  };
2753
2783
  }
2754
2784
 
2755
- function instance$u($$self, $$props, $$invalidate) {
2785
+ function instance$v($$self, $$props, $$invalidate) {
2756
2786
  let {
2757
2787
  src
2758
2788
  } = $$props;
@@ -2776,7 +2806,7 @@
2776
2806
  target: this.shadowRoot,
2777
2807
  props: attribute_to_object(this.attributes),
2778
2808
  customElement: true
2779
- }, instance$u, create_fragment$w, safe_not_equal, {
2809
+ }, instance$v, create_fragment$x, safe_not_equal, {
2780
2810
  src: 0,
2781
2811
  height: 1
2782
2812
  }, null);
@@ -2824,7 +2854,7 @@
2824
2854
  customElements.define("goa-card-image", CardImage);
2825
2855
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.49.0 */
2826
2856
 
2827
- function create_fragment$v(ctx) {
2857
+ function create_fragment$w(ctx) {
2828
2858
  let div;
2829
2859
  let slot;
2830
2860
  let div_style_value;
@@ -2883,7 +2913,7 @@
2883
2913
  };
2884
2914
  }
2885
2915
 
2886
- function instance$t($$self, $$props, $$invalidate) {
2916
+ function instance$u($$self, $$props, $$invalidate) {
2887
2917
  let {
2888
2918
  elevation = 0
2889
2919
  } = $$props;
@@ -2912,7 +2942,7 @@
2912
2942
  target: this.shadowRoot,
2913
2943
  props: attribute_to_object(this.attributes),
2914
2944
  customElement: true
2915
- }, instance$t, create_fragment$v, safe_not_equal, {
2945
+ }, instance$u, create_fragment$w, safe_not_equal, {
2916
2946
  elevation: 0,
2917
2947
  width: 1,
2918
2948
  testId: 2
@@ -3026,7 +3056,7 @@
3026
3056
  };
3027
3057
  }
3028
3058
 
3029
- function create_fragment$u(ctx) {
3059
+ function create_fragment$v(ctx) {
3030
3060
  let label;
3031
3061
  let div0;
3032
3062
  let input;
@@ -3235,7 +3265,7 @@
3235
3265
  };
3236
3266
  }
3237
3267
 
3238
- function instance$s($$self, $$props, $$invalidate) {
3268
+ function instance$t($$self, $$props, $$invalidate) {
3239
3269
  let isDisabled;
3240
3270
  let isError;
3241
3271
  let isChecked;
@@ -3322,7 +3352,7 @@
3322
3352
  target: this.shadowRoot,
3323
3353
  props: attribute_to_object(this.attributes),
3324
3354
  customElement: true
3325
- }, instance$s, create_fragment$u, safe_not_equal, {
3355
+ }, instance$t, create_fragment$v, safe_not_equal, {
3326
3356
  name: 0,
3327
3357
  checked: 9,
3328
3358
  text: 1,
@@ -3520,7 +3550,7 @@
3520
3550
  };
3521
3551
  }
3522
3552
 
3523
- function create_fragment$t(ctx) {
3553
+ function create_fragment$u(ctx) {
3524
3554
  let div1;
3525
3555
  let t0;
3526
3556
  let div0;
@@ -3657,7 +3687,7 @@
3657
3687
  };
3658
3688
  }
3659
3689
 
3660
- function instance$r($$self, $$props, $$invalidate) {
3690
+ function instance$s($$self, $$props, $$invalidate) {
3661
3691
  let {
3662
3692
  leadingicon = null
3663
3693
  } = $$props;
@@ -3734,7 +3764,7 @@
3734
3764
  target: this.shadowRoot,
3735
3765
  props: attribute_to_object(this.attributes),
3736
3766
  customElement: true
3737
- }, instance$r, create_fragment$t, safe_not_equal, {
3767
+ }, instance$s, create_fragment$u, safe_not_equal, {
3738
3768
  leadingicon: 0,
3739
3769
  error: 7,
3740
3770
  deletable: 8,
@@ -4290,7 +4320,7 @@
4290
4320
  };
4291
4321
  }
4292
4322
 
4293
- function create_fragment$s(ctx) {
4323
+ function create_fragment$t(ctx) {
4294
4324
  let if_block_anchor;
4295
4325
  let current;
4296
4326
  let if_block =
@@ -4355,7 +4385,7 @@
4355
4385
  };
4356
4386
  }
4357
4387
 
4358
- function instance$q($$self, $$props, $$invalidate) {
4388
+ function instance$r($$self, $$props, $$invalidate) {
4359
4389
  let isVisible;
4360
4390
  let {
4361
4391
  variant = "inline"
@@ -4409,7 +4439,7 @@
4409
4439
  target: this.shadowRoot,
4410
4440
  props: attribute_to_object(this.attributes),
4411
4441
  customElement: true
4412
- }, instance$q, create_fragment$s, safe_not_equal, {
4442
+ }, instance$r, create_fragment$t, safe_not_equal, {
4413
4443
  variant: 6,
4414
4444
  size: 7,
4415
4445
  message: 0,
@@ -4493,7 +4523,7 @@
4493
4523
  customElements.define("goa-circular-progress", CircularProgress);
4494
4524
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.49.0 */
4495
4525
 
4496
- function create_fragment$r(ctx) {
4526
+ function create_fragment$s(ctx) {
4497
4527
  let div3;
4498
4528
  let header;
4499
4529
  let div0;
@@ -4588,7 +4618,7 @@
4588
4618
  };
4589
4619
  }
4590
4620
 
4591
- function instance$p($$self, $$props, $$invalidate) {
4621
+ function instance$q($$self, $$props, $$invalidate) {
4592
4622
  let _colored;
4593
4623
 
4594
4624
  let {
@@ -4630,7 +4660,7 @@
4630
4660
  target: this.shadowRoot,
4631
4661
  props: attribute_to_object(this.attributes),
4632
4662
  customElement: true
4633
- }, instance$p, create_fragment$r, safe_not_equal, {
4663
+ }, instance$q, create_fragment$s, safe_not_equal, {
4634
4664
  type: 0,
4635
4665
  colored: 4,
4636
4666
  headingsize: 1,
@@ -4991,7 +5021,7 @@
4991
5021
  };
4992
5022
  }
4993
5023
 
4994
- function create_fragment$q(ctx) {
5024
+ function create_fragment$r(ctx) {
4995
5025
  let div1;
4996
5026
  let t0;
4997
5027
  let div0;
@@ -5308,7 +5338,7 @@
5308
5338
 
5309
5339
  const MAX_HEIGHT = "300px";
5310
5340
 
5311
- function instance$o($$self, $$props, $$invalidate) {
5341
+ function instance$p($$self, $$props, $$invalidate) {
5312
5342
  const showMenu = _async(function () {
5313
5343
  if (_disabled || isMenuVisible) {
5314
5344
  return;
@@ -5604,7 +5634,7 @@
5604
5634
  target: this.shadowRoot,
5605
5635
  props: attribute_to_object(this.attributes),
5606
5636
  customElement: true
5607
- }, instance$o, create_fragment$q, safe_not_equal, {
5637
+ }, instance$p, create_fragment$r, safe_not_equal, {
5608
5638
  name: 0,
5609
5639
  arialabel: 1,
5610
5640
  value: 20,
@@ -5760,7 +5790,7 @@
5760
5790
  customElements.define("goa-dropdown", Dropdown);
5761
5791
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.49.0 */
5762
5792
 
5763
- function create_fragment$p(ctx) {
5793
+ function create_fragment$q(ctx) {
5764
5794
  return {
5765
5795
  c() {
5766
5796
  this.c = noop;
@@ -5774,7 +5804,7 @@
5774
5804
  };
5775
5805
  }
5776
5806
 
5777
- function instance$n($$self, $$props, $$invalidate) {
5807
+ function instance$o($$self, $$props, $$invalidate) {
5778
5808
  let {
5779
5809
  name = ""
5780
5810
  } = $$props;
@@ -5822,7 +5852,7 @@
5822
5852
  target: this.shadowRoot,
5823
5853
  props: attribute_to_object(this.attributes),
5824
5854
  customElement: true
5825
- }, instance$n, create_fragment$p, safe_not_equal, {
5855
+ }, instance$o, create_fragment$q, safe_not_equal, {
5826
5856
  name: 0,
5827
5857
  value: 1,
5828
5858
  label: 2
@@ -5882,7 +5912,7 @@
5882
5912
  customElements.define("goa-dropdown-item", DropdownItem);
5883
5913
  /* libs/web-components/src/components/flex-column/FlexColumn.svelte generated by Svelte v3.49.0 */
5884
5914
 
5885
- function create_fragment$o(ctx) {
5915
+ function create_fragment$p(ctx) {
5886
5916
  let div;
5887
5917
  let slot;
5888
5918
  return {
@@ -5921,7 +5951,7 @@
5921
5951
  };
5922
5952
  }
5923
5953
 
5924
- function instance$m($$self, $$props, $$invalidate) {
5954
+ function instance$n($$self, $$props, $$invalidate) {
5925
5955
  let _gap;
5926
5956
 
5927
5957
  let {
@@ -5951,7 +5981,7 @@
5951
5981
  target: this.shadowRoot,
5952
5982
  props: attribute_to_object(this.attributes),
5953
5983
  customElement: true
5954
- }, instance$m, create_fragment$o, safe_not_equal, {
5984
+ }, instance$n, create_fragment$p, safe_not_equal, {
5955
5985
  gap: 1
5956
5986
  }, null);
5957
5987
 
@@ -5987,7 +6017,7 @@
5987
6017
  customElements.define("goa-flex-col", FlexColumn);
5988
6018
  /* libs/web-components/src/components/flex-row/FlexRow.svelte generated by Svelte v3.49.0 */
5989
6019
 
5990
- function create_fragment$n(ctx) {
6020
+ function create_fragment$o(ctx) {
5991
6021
  let div;
5992
6022
  let slot;
5993
6023
  return {
@@ -6026,7 +6056,7 @@
6026
6056
  };
6027
6057
  }
6028
6058
 
6029
- function instance$l($$self, $$props, $$invalidate) {
6059
+ function instance$m($$self, $$props, $$invalidate) {
6030
6060
  let _gap;
6031
6061
 
6032
6062
  let {
@@ -6056,7 +6086,7 @@
6056
6086
  target: this.shadowRoot,
6057
6087
  props: attribute_to_object(this.attributes),
6058
6088
  customElement: true
6059
- }, instance$l, create_fragment$n, safe_not_equal, {
6089
+ }, instance$m, create_fragment$o, safe_not_equal, {
6060
6090
  gap: 1
6061
6091
  }, null);
6062
6092
 
@@ -6092,7 +6122,7 @@
6092
6122
  customElements.define("goa-flex-row", FlexRow);
6093
6123
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.49.0 */
6094
6124
 
6095
- function create_fragment$m(ctx) {
6125
+ function create_fragment$n(ctx) {
6096
6126
  let div;
6097
6127
  return {
6098
6128
  c() {
@@ -6146,7 +6176,7 @@
6146
6176
  }
6147
6177
  }
6148
6178
 
6149
- function instance$k($$self, $$props, $$invalidate) {
6179
+ function instance$l($$self, $$props, $$invalidate) {
6150
6180
  let isActive;
6151
6181
  let {
6152
6182
  active
@@ -6314,7 +6344,7 @@
6314
6344
  target: this.shadowRoot,
6315
6345
  props: attribute_to_object(this.attributes),
6316
6346
  customElement: true
6317
- }, instance$k, create_fragment$m, safe_not_equal, {
6347
+ }, instance$l, create_fragment$n, safe_not_equal, {
6318
6348
  active: 1
6319
6349
  }, null);
6320
6350
 
@@ -6404,7 +6434,7 @@
6404
6434
  };
6405
6435
  }
6406
6436
 
6407
- function create_fragment$l(ctx) {
6437
+ function create_fragment$m(ctx) {
6408
6438
  let section;
6409
6439
  let div;
6410
6440
  let t;
@@ -6492,7 +6522,7 @@
6492
6522
  };
6493
6523
  }
6494
6524
 
6495
- function instance$j($$self, $$props, $$invalidate) {
6525
+ function instance$k($$self, $$props, $$invalidate) {
6496
6526
  let rootEl;
6497
6527
  let children = [];
6498
6528
  onMount(function () {
@@ -6527,7 +6557,7 @@
6527
6557
  target: this.shadowRoot,
6528
6558
  props: attribute_to_object(this.attributes),
6529
6559
  customElement: true
6530
- }, instance$j, create_fragment$l, safe_not_equal, {}, null);
6560
+ }, instance$k, create_fragment$m, safe_not_equal, {}, null);
6531
6561
 
6532
6562
  if (options) {
6533
6563
  if (options.target) {
@@ -6637,7 +6667,7 @@
6637
6667
  };
6638
6668
  }
6639
6669
 
6640
- function create_fragment$k(ctx) {
6670
+ function create_fragment$l(ctx) {
6641
6671
  let section;
6642
6672
  let t0;
6643
6673
  let div;
@@ -6784,7 +6814,7 @@
6784
6814
  };
6785
6815
  }
6786
6816
 
6787
- function instance$i($$self, $$props, $$invalidate) {
6817
+ function instance$j($$self, $$props, $$invalidate) {
6788
6818
  let {
6789
6819
  name = ""
6790
6820
  } = $$props;
@@ -6842,7 +6872,7 @@
6842
6872
  target: this.shadowRoot,
6843
6873
  props: attribute_to_object(this.attributes),
6844
6874
  customElement: true
6845
- }, instance$i, create_fragment$k, safe_not_equal, {
6875
+ }, instance$j, create_fragment$l, safe_not_equal, {
6846
6876
  name: 0,
6847
6877
  maxcolumncount: 1
6848
6878
  }, null);
@@ -6909,9 +6939,10 @@
6909
6939
  };
6910
6940
  }
6911
6941
 
6912
- function create_fragment$j(ctx) {
6942
+ function create_fragment$k(ctx) {
6913
6943
  var _ctx$;
6914
6944
 
6945
+ let div5;
6915
6946
  let div4;
6916
6947
  let div0;
6917
6948
  let t0;
@@ -6923,13 +6954,15 @@
6923
6954
  let a0;
6924
6955
  let t3;
6925
6956
  let a1;
6957
+ let div5_style_value;
6926
6958
  let if_block =
6927
6959
  /*navLinks*/
6928
- ((_ctx$ = ctx[1]) === null || _ctx$ === void 0 ? void 0 : _ctx$.length) && create_if_block$a();
6960
+ ((_ctx$ = ctx[2]) === null || _ctx$ === void 0 ? void 0 : _ctx$.length) && create_if_block$a();
6929
6961
  return {
6930
6962
  c() {
6931
6963
  var _ctx$2, _ctx$3;
6932
6964
 
6965
+ div5 = element("div");
6933
6966
  div4 = element("div");
6934
6967
  div0 = element("div");
6935
6968
  div0.innerHTML = `<slot name="nav"></slot>`;
@@ -6947,7 +6980,7 @@
6947
6980
  a1 = element("a");
6948
6981
  a1.textContent = `© ${
6949
6982
  /*year*/
6950
- ctx[3]} Government of Alberta`;
6983
+ ctx[4]} Government of Alberta`;
6951
6984
  this.c = noop;
6952
6985
  attr(div0, "class", "nav-links");
6953
6986
  attr(div1, "class", "meta-links");
@@ -6957,16 +6990,21 @@
6957
6990
  attr(div2, "class", "abgov");
6958
6991
  toggle_class(div2, "with-meta-links",
6959
6992
  /*metaLinks*/
6960
- (_ctx$2 = ctx[2]) === null || _ctx$2 === void 0 ? void 0 : _ctx$2.length);
6993
+ (_ctx$2 = ctx[3]) === null || _ctx$2 === void 0 ? void 0 : _ctx$2.length);
6961
6994
  attr(div3, "class", "meta-section");
6962
6995
  toggle_class(div3, "with-meta-links",
6963
6996
  /*metaLinks*/
6964
- (_ctx$3 = ctx[2]) === null || _ctx$3 === void 0 ? void 0 : _ctx$3.length);
6965
- attr(div4, "class", "app-footer");
6997
+ (_ctx$3 = ctx[3]) === null || _ctx$3 === void 0 ? void 0 : _ctx$3.length);
6998
+ attr(div4, "class", "content");
6999
+ attr(div5, "class", "app-footer");
7000
+ attr(div5, "style", div5_style_value = `--max-content-width: ${
7001
+ /*maxcontentwidth*/
7002
+ ctx[0] || "var(--layout-max-content-width)"}`);
6966
7003
  },
6967
7004
 
6968
7005
  m(target, anchor) {
6969
- insert(target, div4, anchor);
7006
+ insert(target, div5, anchor);
7007
+ append(div5, div4);
6970
7008
  append(div4, div0);
6971
7009
  append(div4, t0);
6972
7010
  if (if_block) if_block.m(div4, null);
@@ -6978,9 +7016,9 @@
6978
7016
  append(div2, a0);
6979
7017
  append(div2, t3);
6980
7018
  append(div2, a1);
6981
- /*div4_binding*/
7019
+ /*div5_binding*/
6982
7020
 
6983
- ctx[4](div4);
7021
+ ctx[5](div5);
6984
7022
  },
6985
7023
 
6986
7024
  p(ctx, [dirty]) {
@@ -6988,7 +7026,7 @@
6988
7026
 
6989
7027
  if (
6990
7028
  /*navLinks*/
6991
- (_ctx$4 = ctx[1]) !== null && _ctx$4 !== void 0 && _ctx$4.length) {
7029
+ (_ctx$4 = ctx[2]) !== null && _ctx$4 !== void 0 && _ctx$4.length) {
6992
7030
  if (if_block) ;else {
6993
7031
  if_block = create_if_block$a();
6994
7032
  if_block.c();
@@ -7001,22 +7039,30 @@
7001
7039
 
7002
7040
  if (dirty &
7003
7041
  /*metaLinks*/
7004
- 4) {
7042
+ 8) {
7005
7043
  var _ctx$5;
7006
7044
 
7007
7045
  toggle_class(div2, "with-meta-links",
7008
7046
  /*metaLinks*/
7009
- (_ctx$5 = ctx[2]) === null || _ctx$5 === void 0 ? void 0 : _ctx$5.length);
7047
+ (_ctx$5 = ctx[3]) === null || _ctx$5 === void 0 ? void 0 : _ctx$5.length);
7010
7048
  }
7011
7049
 
7012
7050
  if (dirty &
7013
7051
  /*metaLinks*/
7014
- 4) {
7052
+ 8) {
7015
7053
  var _ctx$6;
7016
7054
 
7017
7055
  toggle_class(div3, "with-meta-links",
7018
7056
  /*metaLinks*/
7019
- (_ctx$6 = ctx[2]) === null || _ctx$6 === void 0 ? void 0 : _ctx$6.length);
7057
+ (_ctx$6 = ctx[3]) === null || _ctx$6 === void 0 ? void 0 : _ctx$6.length);
7058
+ }
7059
+
7060
+ if (dirty &
7061
+ /*maxcontentwidth*/
7062
+ 1 && div5_style_value !== (div5_style_value = `--max-content-width: ${
7063
+ /*maxcontentwidth*/
7064
+ ctx[0] || "var(--layout-max-content-width)"}`)) {
7065
+ attr(div5, "style", div5_style_value);
7020
7066
  }
7021
7067
  },
7022
7068
 
@@ -7024,17 +7070,20 @@
7024
7070
  o: noop,
7025
7071
 
7026
7072
  d(detaching) {
7027
- if (detaching) detach(div4);
7073
+ if (detaching) detach(div5);
7028
7074
  if (if_block) if_block.d();
7029
- /*div4_binding*/
7075
+ /*div5_binding*/
7030
7076
 
7031
- ctx[4](null);
7077
+ ctx[5](null);
7032
7078
  }
7033
7079
 
7034
7080
  };
7035
7081
  }
7036
7082
 
7037
- function instance$h($$self, $$props, $$invalidate) {
7083
+ function instance$i($$self, $$props, $$invalidate) {
7084
+ let {
7085
+ maxcontentwidth = ""
7086
+ } = $$props;
7038
7087
  let rootEl;
7039
7088
  let navLinks;
7040
7089
  let metaLinks;
@@ -7043,38 +7092,64 @@
7043
7092
  return _call(tick, function () {
7044
7093
  const navSlot = rootEl.querySelector("slot[name=nav]");
7045
7094
  const metaSlot = rootEl.querySelector("slot[name=meta]");
7046
- $$invalidate(1, navLinks = navSlot.assignedElements());
7047
- $$invalidate(2, metaLinks = metaSlot.assignedElements());
7095
+ $$invalidate(2, navLinks = navSlot.assignedElements());
7096
+ $$invalidate(3, metaLinks = metaSlot.assignedElements());
7048
7097
  });
7049
7098
  });
7050
7099
 
7051
- function div4_binding($$value) {
7100
+ function div5_binding($$value) {
7052
7101
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
7053
7102
  rootEl = $$value;
7054
- $$invalidate(0, rootEl);
7103
+ $$invalidate(1, rootEl);
7055
7104
  });
7056
7105
  }
7057
7106
 
7058
- return [rootEl, navLinks, metaLinks, year, div4_binding];
7107
+ $$self.$$set = $$props => {
7108
+ if ('maxcontentwidth' in $$props) $$invalidate(0, maxcontentwidth = $$props.maxcontentwidth);
7109
+ };
7110
+
7111
+ return [maxcontentwidth, rootEl, navLinks, metaLinks, year, div5_binding];
7059
7112
  }
7060
7113
 
7061
7114
  class Footer extends SvelteElement {
7062
7115
  constructor(options) {
7063
7116
  super();
7064
- this.shadowRoot.innerHTML = `<style>.app-footer{background-color:var(--color-gray-100);padding:2rem;border-top:2px solid var(--color-gray-200);border-bottom:1rem solid var(--goa-color-brand)}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width: 640px){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media(min-width: 640px){.abgov.with-meta-links{align-items:flex-end}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}</style>`;
7117
+ this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.app-footer{background-color:var(--color-gray-100);border-top:2px solid var(--color-gray-200);border-bottom:1rem solid var(--goa-color-brand)}.content{padding:2rem 1rem;margin:0 auto;width:min(var(--max-content-width), 100vw)}@media(min-width: 640px){.content{padding:2rem 1.5rem}}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width: 640px){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media(min-width: 640px){.abgov.with-meta-links{align-items:flex-end}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}</style>`;
7065
7118
  init(this, {
7066
7119
  target: this.shadowRoot,
7067
7120
  props: attribute_to_object(this.attributes),
7068
7121
  customElement: true
7069
- }, instance$h, create_fragment$j, safe_not_equal, {}, null);
7122
+ }, instance$i, create_fragment$k, safe_not_equal, {
7123
+ maxcontentwidth: 0
7124
+ }, null);
7070
7125
 
7071
7126
  if (options) {
7072
7127
  if (options.target) {
7073
7128
  insert(options.target, this, options.anchor);
7074
7129
  }
7130
+
7131
+ if (options.props) {
7132
+ this.$set(options.props);
7133
+ flush();
7134
+ }
7075
7135
  }
7076
7136
  }
7077
7137
 
7138
+ static get observedAttributes() {
7139
+ return ["maxcontentwidth"];
7140
+ }
7141
+
7142
+ get maxcontentwidth() {
7143
+ return this.$$.ctx[0];
7144
+ }
7145
+
7146
+ set maxcontentwidth(maxcontentwidth) {
7147
+ this.$$set({
7148
+ maxcontentwidth
7149
+ });
7150
+ flush();
7151
+ }
7152
+
7078
7153
  }
7079
7154
 
7080
7155
  customElements.define("goa-app-footer", Footer);
@@ -7220,7 +7295,7 @@
7220
7295
  };
7221
7296
  }
7222
7297
 
7223
- function create_fragment$i(ctx) {
7298
+ function create_fragment$j(ctx) {
7224
7299
  let div1;
7225
7300
  let t0;
7226
7301
  let div0;
@@ -7322,7 +7397,7 @@
7322
7397
  };
7323
7398
  }
7324
7399
 
7325
- function instance$g($$self, $$props, $$invalidate) {
7400
+ function instance$h($$self, $$props, $$invalidate) {
7326
7401
  let isOptional;
7327
7402
  let {
7328
7403
  label = ""
@@ -7363,7 +7438,7 @@
7363
7438
  target: this.shadowRoot,
7364
7439
  props: attribute_to_object(this.attributes),
7365
7440
  customElement: true
7366
- }, instance$g, create_fragment$i, safe_not_equal, {
7441
+ }, instance$h, create_fragment$j, safe_not_equal, {
7367
7442
  label: 0,
7368
7443
  helptext: 1,
7369
7444
  error: 2,
@@ -7435,7 +7510,7 @@
7435
7510
  customElements.define("goa-form-item", FormItem);
7436
7511
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.49.0 */
7437
7512
 
7438
- function create_fragment$h(ctx) {
7513
+ function create_fragment$i(ctx) {
7439
7514
  let div1;
7440
7515
  let goa_page_block;
7441
7516
  let h1;
@@ -7509,7 +7584,7 @@
7509
7584
  };
7510
7585
  }
7511
7586
 
7512
- function instance$f($$self, $$props, $$invalidate) {
7587
+ function instance$g($$self, $$props, $$invalidate) {
7513
7588
  let {
7514
7589
  heading
7515
7590
  } = $$props;
@@ -7533,7 +7608,7 @@
7533
7608
  target: this.shadowRoot,
7534
7609
  props: attribute_to_object(this.attributes),
7535
7610
  customElement: true
7536
- }, instance$f, create_fragment$h, safe_not_equal, {
7611
+ }, instance$g, create_fragment$i, safe_not_equal, {
7537
7612
  heading: 0,
7538
7613
  backgroundurl: 1
7539
7614
  }, null);
@@ -7581,7 +7656,7 @@
7581
7656
  customElements.define("goa-hero-banner", HeroBanner);
7582
7657
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.49.0 */
7583
7658
 
7584
- function create_fragment$g(ctx) {
7659
+ function create_fragment$h(ctx) {
7585
7660
  let button;
7586
7661
  let goa_icon;
7587
7662
  let mounted;
@@ -7736,7 +7811,7 @@
7736
7811
  }));
7737
7812
  }
7738
7813
 
7739
- function instance$e($$self, $$props, $$invalidate) {
7814
+ function instance$f($$self, $$props, $$invalidate) {
7740
7815
  let css;
7741
7816
  let isDisabled;
7742
7817
  let isInverted;
@@ -7821,7 +7896,7 @@
7821
7896
  target: this.shadowRoot,
7822
7897
  props: attribute_to_object(this.attributes),
7823
7898
  customElement: true
7824
- }, instance$e, create_fragment$g, safe_not_equal, {
7899
+ }, instance$f, create_fragment$h, safe_not_equal, {
7825
7900
  type: 0,
7826
7901
  size: 1,
7827
7902
  theme: 2,
@@ -7989,7 +8064,7 @@
7989
8064
  };
7990
8065
  }
7991
8066
 
7992
- function create_fragment$f(ctx) {
8067
+ function create_fragment$g(ctx) {
7993
8068
  let div;
7994
8069
  let div_data_testid_value;
7995
8070
  let div_style_value;
@@ -8103,7 +8178,7 @@
8103
8178
  };
8104
8179
  }
8105
8180
 
8106
- function instance$d($$self, $$props, $$invalidate) {
8181
+ function instance$e($$self, $$props, $$invalidate) {
8107
8182
  let isInverted;
8108
8183
 
8109
8184
  let _size;
@@ -8173,7 +8248,7 @@
8173
8248
  target: this.shadowRoot,
8174
8249
  props: attribute_to_object(this.attributes),
8175
8250
  customElement: true
8176
- }, instance$d, create_fragment$f, safe_not_equal, {
8251
+ }, instance$e, create_fragment$g, safe_not_equal, {
8177
8252
  type: 0,
8178
8253
  size: 8,
8179
8254
  theme: 1,
@@ -8301,7 +8376,7 @@
8301
8376
  div = element("div");
8302
8377
  t = text(
8303
8378
  /*prefix*/
8304
- ctx[13]);
8379
+ ctx[14]);
8305
8380
  attr(div, "class", "prefix");
8306
8381
  },
8307
8382
 
@@ -8311,11 +8386,11 @@
8311
8386
  },
8312
8387
 
8313
8388
  p(ctx, dirty) {
8314
- if (dirty &
8389
+ if (dirty[0] &
8315
8390
  /*prefix*/
8316
- 8192) set_data(t,
8391
+ 16384) set_data(t,
8317
8392
  /*prefix*/
8318
- ctx[13]);
8393
+ ctx[14]);
8319
8394
  },
8320
8395
 
8321
8396
  d(detaching) {
@@ -8323,7 +8398,7 @@
8323
8398
  }
8324
8399
 
8325
8400
  };
8326
- } // (81:4) {#if leadingicon}
8401
+ } // (82:4) {#if leadingicon}
8327
8402
 
8328
8403
 
8329
8404
  function create_if_block_6(ctx) {
@@ -8335,7 +8410,7 @@
8335
8410
  set_custom_element_data(goa_icon, "data-testid", "leading-icon");
8336
8411
  set_custom_element_data(goa_icon, "type",
8337
8412
  /*leadingicon*/
8338
- ctx[4]);
8413
+ ctx[5]);
8339
8414
  },
8340
8415
 
8341
8416
  m(target, anchor) {
@@ -8343,12 +8418,12 @@
8343
8418
  },
8344
8419
 
8345
8420
  p(ctx, dirty) {
8346
- if (dirty &
8421
+ if (dirty[0] &
8347
8422
  /*leadingicon*/
8348
- 16) {
8423
+ 32) {
8349
8424
  set_custom_element_data(goa_icon, "type",
8350
8425
  /*leadingicon*/
8351
- ctx[4]);
8426
+ ctx[5]);
8352
8427
  }
8353
8428
  },
8354
8429
 
@@ -8357,7 +8432,7 @@
8357
8432
  }
8358
8433
 
8359
8434
  };
8360
- } // (110:4) {#if trailingicon && !handlesTrailingIconClick}
8435
+ } // (112:4) {#if trailingicon && !handlesTrailingIconClick}
8361
8436
 
8362
8437
 
8363
8438
  function create_if_block_5(ctx) {
@@ -8370,7 +8445,7 @@
8370
8445
  set_custom_element_data(goa_icon, "size", "medium");
8371
8446
  set_custom_element_data(goa_icon, "type",
8372
8447
  /*trailingicon*/
8373
- ctx[5]);
8448
+ ctx[6]);
8374
8449
  },
8375
8450
 
8376
8451
  m(target, anchor) {
@@ -8378,12 +8453,12 @@
8378
8453
  },
8379
8454
 
8380
8455
  p(ctx, dirty) {
8381
- if (dirty &
8456
+ if (dirty[0] &
8382
8457
  /*trailingicon*/
8383
- 32) {
8458
+ 64) {
8384
8459
  set_custom_element_data(goa_icon, "type",
8385
8460
  /*trailingicon*/
8386
- ctx[5]);
8461
+ ctx[6]);
8387
8462
  }
8388
8463
  },
8389
8464
 
@@ -8392,7 +8467,7 @@
8392
8467
  }
8393
8468
 
8394
8469
  };
8395
- } // (120:4) {#if trailingicon && handlesTrailingIconClick}
8470
+ } // (122:4) {#if trailingicon && handlesTrailingIconClick}
8396
8471
 
8397
8472
 
8398
8473
  function create_if_block_4(ctx) {
@@ -8404,12 +8479,12 @@
8404
8479
  goa_icon_button = element("goa-icon-button");
8405
8480
  set_custom_element_data(goa_icon_button, "disabled",
8406
8481
  /*isDisabled*/
8407
- ctx[18]);
8482
+ ctx[19]);
8408
8483
  set_custom_element_data(goa_icon_button, "variant", "nocolor");
8409
8484
  set_custom_element_data(goa_icon_button, "size", "medium");
8410
8485
  set_custom_element_data(goa_icon_button, "type",
8411
8486
  /*trailingicon*/
8412
- ctx[5]);
8487
+ ctx[6]);
8413
8488
  set_custom_element_data(goa_icon_button, "data-testid", "trailing-icon-button");
8414
8489
  },
8415
8490
 
@@ -8423,20 +8498,20 @@
8423
8498
  },
8424
8499
 
8425
8500
  p(ctx, dirty) {
8426
- if (dirty &
8501
+ if (dirty[0] &
8427
8502
  /*isDisabled*/
8428
- 262144) {
8503
+ 524288) {
8429
8504
  set_custom_element_data(goa_icon_button, "disabled",
8430
8505
  /*isDisabled*/
8431
- ctx[18]);
8506
+ ctx[19]);
8432
8507
  }
8433
8508
 
8434
- if (dirty &
8509
+ if (dirty[0] &
8435
8510
  /*trailingicon*/
8436
- 32) {
8511
+ 64) {
8437
8512
  set_custom_element_data(goa_icon_button, "type",
8438
8513
  /*trailingicon*/
8439
- ctx[5]);
8514
+ ctx[6]);
8440
8515
  }
8441
8516
  },
8442
8517
 
@@ -8447,7 +8522,7 @@
8447
8522
  }
8448
8523
 
8449
8524
  };
8450
- } // (131:4) {#if suffix}
8525
+ } // (133:4) {#if suffix}
8451
8526
 
8452
8527
 
8453
8528
  function create_if_block_3$2(ctx) {
@@ -8458,7 +8533,7 @@
8458
8533
  span = element("span");
8459
8534
  t = text(
8460
8535
  /*suffix*/
8461
- ctx[14]);
8536
+ ctx[15]);
8462
8537
  attr(span, "class", "suffix");
8463
8538
  },
8464
8539
 
@@ -8468,11 +8543,11 @@
8468
8543
  },
8469
8544
 
8470
8545
  p(ctx, dirty) {
8471
- if (dirty &
8546
+ if (dirty[0] &
8472
8547
  /*suffix*/
8473
- 16384) set_data(t,
8548
+ 32768) set_data(t,
8474
8549
  /*suffix*/
8475
- ctx[14]);
8550
+ ctx[15]);
8476
8551
  },
8477
8552
 
8478
8553
  d(detaching) {
@@ -8480,7 +8555,7 @@
8480
8555
  }
8481
8556
 
8482
8557
  };
8483
- } // (137:2) {#if showCounter}
8558
+ } // (139:2) {#if showCounter}
8484
8559
 
8485
8560
 
8486
8561
  function create_if_block$7(ctx) {
@@ -8489,7 +8564,7 @@
8489
8564
  function select_block_type(ctx, dirty) {
8490
8565
  if (
8491
8566
  /*maxcharcount*/
8492
- ctx[15] > 0) return create_if_block_1$5;
8567
+ ctx[16] > 0) return create_if_block_1$5;
8493
8568
  if (
8494
8569
  /*value*/
8495
8570
  ctx[0].length > 0) return create_if_block_2$4;
@@ -8531,7 +8606,7 @@
8531
8606
  }
8532
8607
 
8533
8608
  };
8534
- } // (142:31)
8609
+ } // (144:31)
8535
8610
 
8536
8611
 
8537
8612
  function create_if_block_2$4(ctx) {
@@ -8553,7 +8628,7 @@
8553
8628
  },
8554
8629
 
8555
8630
  p(ctx, dirty) {
8556
- if (dirty &
8631
+ if (dirty[0] &
8557
8632
  /*value*/
8558
8633
  1 && t_value !== (t_value =
8559
8634
  /*value*/
@@ -8565,7 +8640,7 @@
8565
8640
  }
8566
8641
 
8567
8642
  };
8568
- } // (138:4) {#if maxcharcount > 0}
8643
+ } // (140:4) {#if maxcharcount > 0}
8569
8644
 
8570
8645
 
8571
8646
  function create_if_block_1$5(ctx) {
@@ -8576,7 +8651,7 @@
8576
8651
  let t0;
8577
8652
  let t1_value = `/${
8578
8653
  /*maxcharcount*/
8579
- ctx[15]}` + "";
8654
+ ctx[16]}` + "";
8580
8655
  let t1;
8581
8656
  return {
8582
8657
  c() {
@@ -8588,7 +8663,7 @@
8588
8663
  /*value*/
8589
8664
  ctx[0].length >
8590
8665
  /*maxcharcount*/
8591
- ctx[15]);
8666
+ ctx[16]);
8592
8667
  },
8593
8668
 
8594
8669
  m(target, anchor) {
@@ -8598,25 +8673,25 @@
8598
8673
  },
8599
8674
 
8600
8675
  p(ctx, dirty) {
8601
- if (dirty &
8676
+ if (dirty[0] &
8602
8677
  /*value*/
8603
8678
  1 && t0_value !== (t0_value =
8604
8679
  /*value*/
8605
8680
  ctx[0].length + "")) set_data(t0, t0_value);
8606
- if (dirty &
8681
+ if (dirty[0] &
8607
8682
  /*maxcharcount*/
8608
- 32768 && t1_value !== (t1_value = `/${
8683
+ 65536 && t1_value !== (t1_value = `/${
8609
8684
  /*maxcharcount*/
8610
- ctx[15]}` + "")) set_data(t1, t1_value);
8685
+ ctx[16]}` + "")) set_data(t1, t1_value);
8611
8686
 
8612
- if (dirty &
8687
+ if (dirty[0] &
8613
8688
  /*value, maxcharcount*/
8614
- 32769) {
8689
+ 65537) {
8615
8690
  toggle_class(div, "counter-error",
8616
8691
  /*value*/
8617
8692
  ctx[0].length >
8618
8693
  /*maxcharcount*/
8619
- ctx[15]);
8694
+ ctx[16]);
8620
8695
  }
8621
8696
  },
8622
8697
 
@@ -8627,7 +8702,7 @@
8627
8702
  };
8628
8703
  }
8629
8704
 
8630
- function create_fragment$e(ctx) {
8705
+ function create_fragment$f(ctx) {
8631
8706
  let div1;
8632
8707
  let div0;
8633
8708
  let t0;
@@ -8646,26 +8721,26 @@
8646
8721
  let dispose;
8647
8722
  let if_block0 =
8648
8723
  /*prefix*/
8649
- ctx[13] && create_if_block_7(ctx);
8724
+ ctx[14] && create_if_block_7(ctx);
8650
8725
  let if_block1 =
8651
8726
  /*leadingicon*/
8652
- ctx[4] && create_if_block_6(ctx);
8727
+ ctx[5] && create_if_block_6(ctx);
8653
8728
  let if_block2 =
8654
8729
  /*trailingicon*/
8655
- ctx[5] && !
8730
+ ctx[6] && !
8656
8731
  /*handlesTrailingIconClick*/
8657
- ctx[21] && create_if_block_5(ctx);
8732
+ ctx[22] && create_if_block_5(ctx);
8658
8733
  let if_block3 =
8659
8734
  /*trailingicon*/
8660
- ctx[5] &&
8735
+ ctx[6] &&
8661
8736
  /*handlesTrailingIconClick*/
8662
- ctx[21] && create_if_block_4(ctx);
8737
+ ctx[22] && create_if_block_4(ctx);
8663
8738
  let if_block4 =
8664
8739
  /*suffix*/
8665
- ctx[14] && create_if_block_3$2(ctx);
8740
+ ctx[15] && create_if_block_3$2(ctx);
8666
8741
  let if_block5 =
8667
8742
  /*showCounter*/
8668
- ctx[17] && create_if_block$7(ctx);
8743
+ ctx[18] && create_if_block$7(ctx);
8669
8744
  return {
8670
8745
  c() {
8671
8746
  div1 = element("div");
@@ -8686,19 +8761,22 @@
8686
8761
  this.c = noop;
8687
8762
  attr(input, "class", input_class_value = `input--${
8688
8763
  /*variant*/
8689
- ctx[6]}`);
8764
+ ctx[7]}`);
8690
8765
  attr(input, "style", input_style_value = `--search-icon-offset: ${
8691
8766
  /*trailingicon*/
8692
- ctx[5] ? "-0.5rem" : "0"}`);
8767
+ ctx[6] ? "-0.5rem" : "0"}`);
8693
8768
  input.readOnly =
8694
8769
  /*isReadonly*/
8695
- ctx[20];
8770
+ ctx[21];
8696
8771
  input.disabled =
8697
8772
  /*isDisabled*/
8698
- ctx[18];
8773
+ ctx[19];
8699
8774
  attr(input, "data-testid",
8700
8775
  /*testid*/
8701
- ctx[7]);
8776
+ ctx[8]);
8777
+ attr(input, "autocapitalize",
8778
+ /*autocapitalize*/
8779
+ ctx[3]);
8702
8780
  attr(input, "name",
8703
8781
  /*name*/
8704
8782
  ctx[2]);
@@ -8710,42 +8788,42 @@
8710
8788
  ctx[0];
8711
8789
  attr(input, "placeholder",
8712
8790
  /*placeholder*/
8713
- ctx[3]);
8791
+ ctx[4]);
8714
8792
  attr(input, "min",
8715
8793
  /*min*/
8716
- ctx[10]);
8794
+ ctx[11]);
8717
8795
  attr(input, "max",
8718
8796
  /*max*/
8719
- ctx[11]);
8797
+ ctx[12]);
8720
8798
  attr(input, "step",
8721
8799
  /*step*/
8722
- ctx[12]);
8800
+ ctx[13]);
8723
8801
  attr(input, "role", "textbox");
8724
8802
  attr(input, "aria-label", input_aria_label_value =
8725
8803
  /*arialabel*/
8726
- ctx[9] ||
8804
+ ctx[10] ||
8727
8805
  /*name*/
8728
8806
  ctx[2]);
8729
8807
  attr(div0, "class", div0_class_value = `
8730
8808
  goa-input
8731
8809
  ${
8732
8810
  /*isDisabled*/
8733
- ctx[18] ? "goa-input--disabled" : ""}
8811
+ ctx[19] ? "goa-input--disabled" : ""}
8734
8812
  variant--${
8735
8813
  /*variant*/
8736
- ctx[6]}
8814
+ ctx[7]}
8737
8815
  type--${
8738
8816
  /*type*/
8739
8817
  ctx[1]}
8740
8818
  `);
8741
8819
  toggle_class(div0, "error",
8742
8820
  /*isError*/
8743
- ctx[19]);
8821
+ ctx[20]);
8744
8822
  attr(div1, "class", "container");
8745
8823
  attr(div1, "style", div1_style_value = `
8746
8824
  --width: ${
8747
8825
  /*width*/
8748
- ctx[8]};
8826
+ ctx[9]};
8749
8827
  `);
8750
8828
  },
8751
8829
 
@@ -8759,7 +8837,7 @@
8759
8837
  append(div0, input);
8760
8838
  /*input_binding*/
8761
8839
 
8762
- ctx[30](input);
8840
+ ctx[31](input);
8763
8841
  append(div0, t2);
8764
8842
  if (if_block2) if_block2.m(div0, null);
8765
8843
  append(div0, t3);
@@ -8772,17 +8850,17 @@
8772
8850
  if (!mounted) {
8773
8851
  dispose = [listen(input, "keyup",
8774
8852
  /*onKeyUp*/
8775
- ctx[22]), listen(input, "change",
8853
+ ctx[23]), listen(input, "change",
8776
8854
  /*onKeyUp*/
8777
- ctx[22])];
8855
+ ctx[23])];
8778
8856
  mounted = true;
8779
8857
  }
8780
8858
  },
8781
8859
 
8782
- p(ctx, [dirty]) {
8860
+ p(ctx, dirty) {
8783
8861
  if (
8784
8862
  /*prefix*/
8785
- ctx[13]) {
8863
+ ctx[14]) {
8786
8864
  if (if_block0) {
8787
8865
  if_block0.p(ctx, dirty);
8788
8866
  } else {
@@ -8797,7 +8875,7 @@
8797
8875
 
8798
8876
  if (
8799
8877
  /*leadingicon*/
8800
- ctx[4]) {
8878
+ ctx[5]) {
8801
8879
  if (if_block1) {
8802
8880
  if_block1.p(ctx, dirty);
8803
8881
  } else {
@@ -8810,47 +8888,55 @@
8810
8888
  if_block1 = null;
8811
8889
  }
8812
8890
 
8813
- if (dirty &
8891
+ if (dirty[0] &
8814
8892
  /*variant*/
8815
- 64 && input_class_value !== (input_class_value = `input--${
8893
+ 128 && input_class_value !== (input_class_value = `input--${
8816
8894
  /*variant*/
8817
- ctx[6]}`)) {
8895
+ ctx[7]}`)) {
8818
8896
  attr(input, "class", input_class_value);
8819
8897
  }
8820
8898
 
8821
- if (dirty &
8899
+ if (dirty[0] &
8822
8900
  /*trailingicon*/
8823
- 32 && input_style_value !== (input_style_value = `--search-icon-offset: ${
8901
+ 64 && input_style_value !== (input_style_value = `--search-icon-offset: ${
8824
8902
  /*trailingicon*/
8825
- ctx[5] ? "-0.5rem" : "0"}`)) {
8903
+ ctx[6] ? "-0.5rem" : "0"}`)) {
8826
8904
  attr(input, "style", input_style_value);
8827
8905
  }
8828
8906
 
8829
- if (dirty &
8907
+ if (dirty[0] &
8830
8908
  /*isReadonly*/
8831
- 1048576) {
8909
+ 2097152) {
8832
8910
  input.readOnly =
8833
8911
  /*isReadonly*/
8834
- ctx[20];
8912
+ ctx[21];
8835
8913
  }
8836
8914
 
8837
- if (dirty &
8915
+ if (dirty[0] &
8838
8916
  /*isDisabled*/
8839
- 262144) {
8917
+ 524288) {
8840
8918
  input.disabled =
8841
8919
  /*isDisabled*/
8842
- ctx[18];
8920
+ ctx[19];
8843
8921
  }
8844
8922
 
8845
- if (dirty &
8923
+ if (dirty[0] &
8846
8924
  /*testid*/
8847
- 128) {
8925
+ 256) {
8848
8926
  attr(input, "data-testid",
8849
8927
  /*testid*/
8850
- ctx[7]);
8928
+ ctx[8]);
8851
8929
  }
8852
8930
 
8853
- if (dirty &
8931
+ if (dirty[0] &
8932
+ /*autocapitalize*/
8933
+ 8) {
8934
+ attr(input, "autocapitalize",
8935
+ /*autocapitalize*/
8936
+ ctx[3]);
8937
+ }
8938
+
8939
+ if (dirty[0] &
8854
8940
  /*name*/
8855
8941
  4) {
8856
8942
  attr(input, "name",
@@ -8858,7 +8944,7 @@
8858
8944
  ctx[2]);
8859
8945
  }
8860
8946
 
8861
- if (dirty &
8947
+ if (dirty[0] &
8862
8948
  /*type*/
8863
8949
  2) {
8864
8950
  attr(input, "type",
@@ -8866,7 +8952,7 @@
8866
8952
  ctx[1]);
8867
8953
  }
8868
8954
 
8869
- if (dirty &
8955
+ if (dirty[0] &
8870
8956
  /*value*/
8871
8957
  1 && input.value !==
8872
8958
  /*value*/
@@ -8876,43 +8962,43 @@
8876
8962
  ctx[0];
8877
8963
  }
8878
8964
 
8879
- if (dirty &
8965
+ if (dirty[0] &
8880
8966
  /*placeholder*/
8881
- 8) {
8967
+ 16) {
8882
8968
  attr(input, "placeholder",
8883
8969
  /*placeholder*/
8884
- ctx[3]);
8970
+ ctx[4]);
8885
8971
  }
8886
8972
 
8887
- if (dirty &
8973
+ if (dirty[0] &
8888
8974
  /*min*/
8889
- 1024) {
8975
+ 2048) {
8890
8976
  attr(input, "min",
8891
8977
  /*min*/
8892
- ctx[10]);
8978
+ ctx[11]);
8893
8979
  }
8894
8980
 
8895
- if (dirty &
8981
+ if (dirty[0] &
8896
8982
  /*max*/
8897
- 2048) {
8983
+ 4096) {
8898
8984
  attr(input, "max",
8899
8985
  /*max*/
8900
- ctx[11]);
8986
+ ctx[12]);
8901
8987
  }
8902
8988
 
8903
- if (dirty &
8989
+ if (dirty[0] &
8904
8990
  /*step*/
8905
- 4096) {
8991
+ 8192) {
8906
8992
  attr(input, "step",
8907
8993
  /*step*/
8908
- ctx[12]);
8994
+ ctx[13]);
8909
8995
  }
8910
8996
 
8911
- if (dirty &
8997
+ if (dirty[0] &
8912
8998
  /*arialabel, name*/
8913
- 516 && input_aria_label_value !== (input_aria_label_value =
8999
+ 1028 && input_aria_label_value !== (input_aria_label_value =
8914
9000
  /*arialabel*/
8915
- ctx[9] ||
9001
+ ctx[10] ||
8916
9002
  /*name*/
8917
9003
  ctx[2])) {
8918
9004
  attr(input, "aria-label", input_aria_label_value);
@@ -8920,9 +9006,9 @@
8920
9006
 
8921
9007
  if (
8922
9008
  /*trailingicon*/
8923
- ctx[5] && !
9009
+ ctx[6] && !
8924
9010
  /*handlesTrailingIconClick*/
8925
- ctx[21]) {
9011
+ ctx[22]) {
8926
9012
  if (if_block2) {
8927
9013
  if_block2.p(ctx, dirty);
8928
9014
  } else {
@@ -8937,9 +9023,9 @@
8937
9023
 
8938
9024
  if (
8939
9025
  /*trailingicon*/
8940
- ctx[5] &&
9026
+ ctx[6] &&
8941
9027
  /*handlesTrailingIconClick*/
8942
- ctx[21]) {
9028
+ ctx[22]) {
8943
9029
  if (if_block3) {
8944
9030
  if_block3.p(ctx, dirty);
8945
9031
  } else {
@@ -8954,7 +9040,7 @@
8954
9040
 
8955
9041
  if (
8956
9042
  /*suffix*/
8957
- ctx[14]) {
9043
+ ctx[15]) {
8958
9044
  if (if_block4) {
8959
9045
  if_block4.p(ctx, dirty);
8960
9046
  } else {
@@ -8967,16 +9053,16 @@
8967
9053
  if_block4 = null;
8968
9054
  }
8969
9055
 
8970
- if (dirty &
9056
+ if (dirty[0] &
8971
9057
  /*isDisabled, variant, type*/
8972
- 262210 && div0_class_value !== (div0_class_value = `
9058
+ 524418 && div0_class_value !== (div0_class_value = `
8973
9059
  goa-input
8974
9060
  ${
8975
9061
  /*isDisabled*/
8976
- ctx[18] ? "goa-input--disabled" : ""}
9062
+ ctx[19] ? "goa-input--disabled" : ""}
8977
9063
  variant--${
8978
9064
  /*variant*/
8979
- ctx[6]}
9065
+ ctx[7]}
8980
9066
  type--${
8981
9067
  /*type*/
8982
9068
  ctx[1]}
@@ -8984,17 +9070,17 @@
8984
9070
  attr(div0, "class", div0_class_value);
8985
9071
  }
8986
9072
 
8987
- if (dirty &
9073
+ if (dirty[0] &
8988
9074
  /*isDisabled, variant, type, isError*/
8989
- 786498) {
9075
+ 1572994) {
8990
9076
  toggle_class(div0, "error",
8991
9077
  /*isError*/
8992
- ctx[19]);
9078
+ ctx[20]);
8993
9079
  }
8994
9080
 
8995
9081
  if (
8996
9082
  /*showCounter*/
8997
- ctx[17]) {
9083
+ ctx[18]) {
8998
9084
  if (if_block5) {
8999
9085
  if_block5.p(ctx, dirty);
9000
9086
  } else {
@@ -9007,12 +9093,12 @@
9007
9093
  if_block5 = null;
9008
9094
  }
9009
9095
 
9010
- if (dirty &
9096
+ if (dirty[0] &
9011
9097
  /*width*/
9012
- 256 && div1_style_value !== (div1_style_value = `
9098
+ 512 && div1_style_value !== (div1_style_value = `
9013
9099
  --width: ${
9014
9100
  /*width*/
9015
- ctx[8]};
9101
+ ctx[9]};
9016
9102
  `)) {
9017
9103
  attr(div1, "style", div1_style_value);
9018
9104
  }
@@ -9027,7 +9113,7 @@
9027
9113
  if (if_block1) if_block1.d();
9028
9114
  /*input_binding*/
9029
9115
 
9030
- ctx[30](null);
9116
+ ctx[31](null);
9031
9117
  if (if_block2) if_block2.d();
9032
9118
  if (if_block3) if_block3.d();
9033
9119
  if (if_block4) if_block4.d();
@@ -9045,7 +9131,7 @@
9045
9131
  }));
9046
9132
  }
9047
9133
 
9048
- function instance$c($$self, $$props, $$invalidate) {
9134
+ function instance$d($$self, $$props, $$invalidate) {
9049
9135
  let handlesTrailingIconClick;
9050
9136
  let isFocused;
9051
9137
  let isReadonly;
@@ -9061,6 +9147,9 @@
9061
9147
  let {
9062
9148
  value = ""
9063
9149
  } = $$props;
9150
+ let {
9151
+ autocapitalize = "off"
9152
+ } = $$props;
9064
9153
  let {
9065
9154
  placeholder = ""
9066
9155
  } = $$props;
@@ -9136,7 +9225,7 @@
9136
9225
  function input_binding($$value) {
9137
9226
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
9138
9227
  inputEl = $$value;
9139
- $$invalidate(16, inputEl);
9228
+ $$invalidate(17, inputEl);
9140
9229
  });
9141
9230
  }
9142
9231
 
@@ -9144,75 +9233,76 @@
9144
9233
  if ('type' in $$props) $$invalidate(1, type = $$props.type);
9145
9234
  if ('name' in $$props) $$invalidate(2, name = $$props.name);
9146
9235
  if ('value' in $$props) $$invalidate(0, value = $$props.value);
9147
- if ('placeholder' in $$props) $$invalidate(3, placeholder = $$props.placeholder);
9148
- if ('leadingicon' in $$props) $$invalidate(4, leadingicon = $$props.leadingicon);
9149
- if ('trailingicon' in $$props) $$invalidate(5, trailingicon = $$props.trailingicon);
9150
- if ('variant' in $$props) $$invalidate(6, variant = $$props.variant);
9151
- if ('disabled' in $$props) $$invalidate(23, disabled = $$props.disabled);
9152
- if ('handletrailingiconclick' in $$props) $$invalidate(24, handletrailingiconclick = $$props.handletrailingiconclick);
9153
- if ('focused' in $$props) $$invalidate(25, focused = $$props.focused);
9154
- if ('readonly' in $$props) $$invalidate(26, readonly = $$props.readonly);
9155
- if ('error' in $$props) $$invalidate(27, error = $$props.error);
9156
- if ('testid' in $$props) $$invalidate(7, testid = $$props.testid);
9157
- if ('width' in $$props) $$invalidate(8, width = $$props.width);
9158
- if ('arialabel' in $$props) $$invalidate(9, arialabel = $$props.arialabel);
9159
- if ('min' in $$props) $$invalidate(10, min = $$props.min);
9160
- if ('max' in $$props) $$invalidate(11, max = $$props.max);
9161
- if ('step' in $$props) $$invalidate(12, step = $$props.step);
9162
- if ('prefix' in $$props) $$invalidate(13, prefix = $$props.prefix);
9163
- if ('suffix' in $$props) $$invalidate(14, suffix = $$props.suffix);
9164
- if ('showcounter' in $$props) $$invalidate(28, showcounter = $$props.showcounter);
9165
- if ('maxcharcount' in $$props) $$invalidate(15, maxcharcount = $$props.maxcharcount);
9236
+ if ('autocapitalize' in $$props) $$invalidate(3, autocapitalize = $$props.autocapitalize);
9237
+ if ('placeholder' in $$props) $$invalidate(4, placeholder = $$props.placeholder);
9238
+ if ('leadingicon' in $$props) $$invalidate(5, leadingicon = $$props.leadingicon);
9239
+ if ('trailingicon' in $$props) $$invalidate(6, trailingicon = $$props.trailingicon);
9240
+ if ('variant' in $$props) $$invalidate(7, variant = $$props.variant);
9241
+ if ('disabled' in $$props) $$invalidate(24, disabled = $$props.disabled);
9242
+ if ('handletrailingiconclick' in $$props) $$invalidate(25, handletrailingiconclick = $$props.handletrailingiconclick);
9243
+ if ('focused' in $$props) $$invalidate(26, focused = $$props.focused);
9244
+ if ('readonly' in $$props) $$invalidate(27, readonly = $$props.readonly);
9245
+ if ('error' in $$props) $$invalidate(28, error = $$props.error);
9246
+ if ('testid' in $$props) $$invalidate(8, testid = $$props.testid);
9247
+ if ('width' in $$props) $$invalidate(9, width = $$props.width);
9248
+ if ('arialabel' in $$props) $$invalidate(10, arialabel = $$props.arialabel);
9249
+ if ('min' in $$props) $$invalidate(11, min = $$props.min);
9250
+ if ('max' in $$props) $$invalidate(12, max = $$props.max);
9251
+ if ('step' in $$props) $$invalidate(13, step = $$props.step);
9252
+ if ('prefix' in $$props) $$invalidate(14, prefix = $$props.prefix);
9253
+ if ('suffix' in $$props) $$invalidate(15, suffix = $$props.suffix);
9254
+ if ('showcounter' in $$props) $$invalidate(29, showcounter = $$props.showcounter);
9255
+ if ('maxcharcount' in $$props) $$invalidate(16, maxcharcount = $$props.maxcharcount);
9166
9256
  };
9167
9257
 
9168
9258
  $$self.$$.update = () => {
9169
- if ($$self.$$.dirty &
9259
+ if ($$self.$$.dirty[0] &
9170
9260
  /*handletrailingiconclick*/
9171
- 16777216) {
9172
- $$invalidate(21, handlesTrailingIconClick = toBoolean(handletrailingiconclick));
9261
+ 33554432) {
9262
+ $$invalidate(22, handlesTrailingIconClick = toBoolean(handletrailingiconclick));
9173
9263
  }
9174
9264
 
9175
- if ($$self.$$.dirty &
9265
+ if ($$self.$$.dirty[0] &
9176
9266
  /*focused*/
9177
- 33554432) {
9178
- $$invalidate(29, isFocused = toBoolean(focused));
9267
+ 67108864) {
9268
+ $$invalidate(30, isFocused = toBoolean(focused));
9179
9269
  }
9180
9270
 
9181
- if ($$self.$$.dirty &
9271
+ if ($$self.$$.dirty[0] &
9182
9272
  /*readonly*/
9183
- 67108864) {
9184
- $$invalidate(20, isReadonly = toBoolean(readonly));
9273
+ 134217728) {
9274
+ $$invalidate(21, isReadonly = toBoolean(readonly));
9185
9275
  }
9186
9276
 
9187
- if ($$self.$$.dirty &
9277
+ if ($$self.$$.dirty[0] &
9188
9278
  /*error*/
9189
- 134217728) {
9190
- $$invalidate(19, isError = toBoolean(error));
9279
+ 268435456) {
9280
+ $$invalidate(20, isError = toBoolean(error));
9191
9281
  }
9192
9282
 
9193
- if ($$self.$$.dirty &
9283
+ if ($$self.$$.dirty[0] &
9194
9284
  /*disabled*/
9195
- 8388608) {
9196
- $$invalidate(18, isDisabled = toBoolean(disabled));
9285
+ 16777216) {
9286
+ $$invalidate(19, isDisabled = toBoolean(disabled));
9197
9287
  }
9198
9288
 
9199
- if ($$self.$$.dirty &
9289
+ if ($$self.$$.dirty[0] &
9200
9290
  /*showcounter*/
9201
- 268435456) {
9202
- $$invalidate(17, showCounter = toBoolean(showcounter));
9291
+ 536870912) {
9292
+ $$invalidate(18, showCounter = toBoolean(showcounter));
9203
9293
  }
9204
9294
 
9205
- if ($$self.$$.dirty &
9295
+ if ($$self.$$.dirty[0] &
9206
9296
  /*isFocused, inputEl*/
9207
- 536936448) {
9297
+ 1073872896) {
9208
9298
  if (isFocused && inputEl) {
9209
9299
  setTimeout(() => inputEl.focus(), 1);
9210
9300
  }
9211
9301
  }
9212
9302
 
9213
- if ($$self.$$.dirty &
9303
+ if ($$self.$$.dirty[0] &
9214
9304
  /*inputEl, type*/
9215
- 65538) {
9305
+ 131074) {
9216
9306
  if (inputEl && type === "search") {
9217
9307
  inputEl.addEventListener("search", e => {
9218
9308
  onKeyUp(e);
@@ -9221,7 +9311,7 @@
9221
9311
  }
9222
9312
  };
9223
9313
 
9224
- return [value, type, name, placeholder, leadingicon, trailingicon, variant, testid, width, arialabel, min, max, step, prefix, suffix, maxcharcount, inputEl, showCounter, isDisabled, isError, isReadonly, handlesTrailingIconClick, onKeyUp, disabled, handletrailingiconclick, focused, readonly, error, showcounter, isFocused, input_binding];
9314
+ return [value, type, name, autocapitalize, placeholder, leadingicon, trailingicon, variant, testid, width, arialabel, min, max, step, prefix, suffix, maxcharcount, inputEl, showCounter, isDisabled, isError, isReadonly, handlesTrailingIconClick, onKeyUp, disabled, handletrailingiconclick, focused, readonly, error, showcounter, isFocused, input_binding];
9225
9315
  }
9226
9316
 
9227
9317
  class Input extends SvelteElement {
@@ -9233,30 +9323,31 @@
9233
9323
  target: this.shadowRoot,
9234
9324
  props: attribute_to_object(this.attributes),
9235
9325
  customElement: true
9236
- }, instance$c, create_fragment$e, safe_not_equal, {
9326
+ }, instance$d, create_fragment$f, safe_not_equal, {
9237
9327
  type: 1,
9238
9328
  name: 2,
9239
9329
  value: 0,
9240
- placeholder: 3,
9241
- leadingicon: 4,
9242
- trailingicon: 5,
9243
- variant: 6,
9244
- disabled: 23,
9245
- handletrailingiconclick: 24,
9246
- focused: 25,
9247
- readonly: 26,
9248
- error: 27,
9249
- testid: 7,
9250
- width: 8,
9251
- arialabel: 9,
9252
- min: 10,
9253
- max: 11,
9254
- step: 12,
9255
- prefix: 13,
9256
- suffix: 14,
9257
- showcounter: 28,
9258
- maxcharcount: 15
9259
- }, null);
9330
+ autocapitalize: 3,
9331
+ placeholder: 4,
9332
+ leadingicon: 5,
9333
+ trailingicon: 6,
9334
+ variant: 7,
9335
+ disabled: 24,
9336
+ handletrailingiconclick: 25,
9337
+ focused: 26,
9338
+ readonly: 27,
9339
+ error: 28,
9340
+ testid: 8,
9341
+ width: 9,
9342
+ arialabel: 10,
9343
+ min: 11,
9344
+ max: 12,
9345
+ step: 13,
9346
+ prefix: 14,
9347
+ suffix: 15,
9348
+ showcounter: 29,
9349
+ maxcharcount: 16
9350
+ }, null, [-1, -1]);
9260
9351
 
9261
9352
  if (options) {
9262
9353
  if (options.target) {
@@ -9271,7 +9362,7 @@
9271
9362
  }
9272
9363
 
9273
9364
  static get observedAttributes() {
9274
- return ["type", "name", "value", "placeholder", "leadingicon", "trailingicon", "variant", "disabled", "handletrailingiconclick", "focused", "readonly", "error", "testid", "width", "arialabel", "min", "max", "step", "prefix", "suffix", "showcounter", "maxcharcount"];
9365
+ return ["type", "name", "value", "autocapitalize", "placeholder", "leadingicon", "trailingicon", "variant", "disabled", "handletrailingiconclick", "focused", "readonly", "error", "testid", "width", "arialabel", "min", "max", "step", "prefix", "suffix", "showcounter", "maxcharcount"];
9275
9366
  }
9276
9367
 
9277
9368
  get type() {
@@ -9307,10 +9398,21 @@
9307
9398
  flush();
9308
9399
  }
9309
9400
 
9310
- get placeholder() {
9401
+ get autocapitalize() {
9311
9402
  return this.$$.ctx[3];
9312
9403
  }
9313
9404
 
9405
+ set autocapitalize(autocapitalize) {
9406
+ this.$$set({
9407
+ autocapitalize
9408
+ });
9409
+ flush();
9410
+ }
9411
+
9412
+ get placeholder() {
9413
+ return this.$$.ctx[4];
9414
+ }
9415
+
9314
9416
  set placeholder(placeholder) {
9315
9417
  this.$$set({
9316
9418
  placeholder
@@ -9319,7 +9421,7 @@
9319
9421
  }
9320
9422
 
9321
9423
  get leadingicon() {
9322
- return this.$$.ctx[4];
9424
+ return this.$$.ctx[5];
9323
9425
  }
9324
9426
 
9325
9427
  set leadingicon(leadingicon) {
@@ -9330,7 +9432,7 @@
9330
9432
  }
9331
9433
 
9332
9434
  get trailingicon() {
9333
- return this.$$.ctx[5];
9435
+ return this.$$.ctx[6];
9334
9436
  }
9335
9437
 
9336
9438
  set trailingicon(trailingicon) {
@@ -9341,7 +9443,7 @@
9341
9443
  }
9342
9444
 
9343
9445
  get variant() {
9344
- return this.$$.ctx[6];
9446
+ return this.$$.ctx[7];
9345
9447
  }
9346
9448
 
9347
9449
  set variant(variant) {
@@ -9352,7 +9454,7 @@
9352
9454
  }
9353
9455
 
9354
9456
  get disabled() {
9355
- return this.$$.ctx[23];
9457
+ return this.$$.ctx[24];
9356
9458
  }
9357
9459
 
9358
9460
  set disabled(disabled) {
@@ -9363,7 +9465,7 @@
9363
9465
  }
9364
9466
 
9365
9467
  get handletrailingiconclick() {
9366
- return this.$$.ctx[24];
9468
+ return this.$$.ctx[25];
9367
9469
  }
9368
9470
 
9369
9471
  set handletrailingiconclick(handletrailingiconclick) {
@@ -9374,7 +9476,7 @@
9374
9476
  }
9375
9477
 
9376
9478
  get focused() {
9377
- return this.$$.ctx[25];
9479
+ return this.$$.ctx[26];
9378
9480
  }
9379
9481
 
9380
9482
  set focused(focused) {
@@ -9385,7 +9487,7 @@
9385
9487
  }
9386
9488
 
9387
9489
  get readonly() {
9388
- return this.$$.ctx[26];
9490
+ return this.$$.ctx[27];
9389
9491
  }
9390
9492
 
9391
9493
  set readonly(readonly) {
@@ -9396,7 +9498,7 @@
9396
9498
  }
9397
9499
 
9398
9500
  get error() {
9399
- return this.$$.ctx[27];
9501
+ return this.$$.ctx[28];
9400
9502
  }
9401
9503
 
9402
9504
  set error(error) {
@@ -9407,7 +9509,7 @@
9407
9509
  }
9408
9510
 
9409
9511
  get testid() {
9410
- return this.$$.ctx[7];
9512
+ return this.$$.ctx[8];
9411
9513
  }
9412
9514
 
9413
9515
  set testid(testid) {
@@ -9418,7 +9520,7 @@
9418
9520
  }
9419
9521
 
9420
9522
  get width() {
9421
- return this.$$.ctx[8];
9523
+ return this.$$.ctx[9];
9422
9524
  }
9423
9525
 
9424
9526
  set width(width) {
@@ -9429,7 +9531,7 @@
9429
9531
  }
9430
9532
 
9431
9533
  get arialabel() {
9432
- return this.$$.ctx[9];
9534
+ return this.$$.ctx[10];
9433
9535
  }
9434
9536
 
9435
9537
  set arialabel(arialabel) {
@@ -9440,7 +9542,7 @@
9440
9542
  }
9441
9543
 
9442
9544
  get min() {
9443
- return this.$$.ctx[10];
9545
+ return this.$$.ctx[11];
9444
9546
  }
9445
9547
 
9446
9548
  set min(min) {
@@ -9451,7 +9553,7 @@
9451
9553
  }
9452
9554
 
9453
9555
  get max() {
9454
- return this.$$.ctx[11];
9556
+ return this.$$.ctx[12];
9455
9557
  }
9456
9558
 
9457
9559
  set max(max) {
@@ -9462,7 +9564,7 @@
9462
9564
  }
9463
9565
 
9464
9566
  get step() {
9465
- return this.$$.ctx[12];
9567
+ return this.$$.ctx[13];
9466
9568
  }
9467
9569
 
9468
9570
  set step(step) {
@@ -9473,7 +9575,7 @@
9473
9575
  }
9474
9576
 
9475
9577
  get prefix() {
9476
- return this.$$.ctx[13];
9578
+ return this.$$.ctx[14];
9477
9579
  }
9478
9580
 
9479
9581
  set prefix(prefix) {
@@ -9484,7 +9586,7 @@
9484
9586
  }
9485
9587
 
9486
9588
  get suffix() {
9487
- return this.$$.ctx[14];
9589
+ return this.$$.ctx[15];
9488
9590
  }
9489
9591
 
9490
9592
  set suffix(suffix) {
@@ -9495,7 +9597,7 @@
9495
9597
  }
9496
9598
 
9497
9599
  get showcounter() {
9498
- return this.$$.ctx[28];
9600
+ return this.$$.ctx[29];
9499
9601
  }
9500
9602
 
9501
9603
  set showcounter(showcounter) {
@@ -9506,7 +9608,7 @@
9506
9608
  }
9507
9609
 
9508
9610
  get maxcharcount() {
9509
- return this.$$.ctx[15];
9611
+ return this.$$.ctx[16];
9510
9612
  }
9511
9613
 
9512
9614
  set maxcharcount(maxcharcount) {
@@ -9716,7 +9818,7 @@
9716
9818
  };
9717
9819
  }
9718
9820
 
9719
- function create_fragment$d(ctx) {
9821
+ function create_fragment$e(ctx) {
9720
9822
  let header;
9721
9823
  let t0;
9722
9824
  let show_if = ["alpha", "beta"].includes(
@@ -9825,7 +9927,7 @@
9825
9927
  return val[0].toUpperCase() + val.slice(1);
9826
9928
  }
9827
9929
 
9828
- function instance$b($$self, $$props, $$invalidate) {
9930
+ function instance$c($$self, $$props, $$invalidate) {
9829
9931
  let {
9830
9932
  type
9831
9933
  } = $$props;
@@ -9853,7 +9955,7 @@
9853
9955
  target: this.shadowRoot,
9854
9956
  props: attribute_to_object(this.attributes),
9855
9957
  customElement: true
9856
- }, instance$b, create_fragment$d, safe_not_equal, {
9958
+ }, instance$c, create_fragment$e, safe_not_equal, {
9857
9959
  type: 0,
9858
9960
  version: 1,
9859
9961
  feedbackurl: 2
@@ -10265,7 +10367,7 @@
10265
10367
  };
10266
10368
  }
10267
10369
 
10268
- function create_fragment$c(ctx) {
10370
+ function create_fragment$d(ctx) {
10269
10371
  let if_block_anchor;
10270
10372
  let current;
10271
10373
  let if_block =
@@ -10330,7 +10432,7 @@
10330
10432
  };
10331
10433
  }
10332
10434
 
10333
- function instance$a($$self, $$props, $$invalidate) {
10435
+ function instance$b($$self, $$props, $$invalidate) {
10334
10436
  let isClosable;
10335
10437
  let isScrollable;
10336
10438
  let isOpen;
@@ -10416,7 +10518,7 @@
10416
10518
  target: this.shadowRoot,
10417
10519
  props: attribute_to_object(this.attributes),
10418
10520
  customElement: true
10419
- }, instance$a, create_fragment$c, safe_not_equal, {
10521
+ }, instance$b, create_fragment$d, safe_not_equal, {
10420
10522
  heading: 0,
10421
10523
  closable: 8,
10422
10524
  scrollable: 9,
@@ -10613,7 +10715,7 @@
10613
10715
  };
10614
10716
  }
10615
10717
 
10616
- function create_fragment$b(ctx) {
10718
+ function create_fragment$c(ctx) {
10617
10719
  let if_block_anchor;
10618
10720
  let current;
10619
10721
  let if_block =
@@ -10678,7 +10780,7 @@
10678
10780
  };
10679
10781
  }
10680
10782
 
10681
- function instance$9($$self, $$props, $$invalidate) {
10783
+ function instance$a($$self, $$props, $$invalidate) {
10682
10784
  let iconType;
10683
10785
  let {
10684
10786
  type
@@ -10712,7 +10814,7 @@
10712
10814
  target: this.shadowRoot,
10713
10815
  props: attribute_to_object(this.attributes),
10714
10816
  customElement: true
10715
- }, instance$9, create_fragment$b, safe_not_equal, {
10817
+ }, instance$a, create_fragment$c, safe_not_equal, {
10716
10818
  type: 0
10717
10819
  }, null);
10718
10820
 
@@ -10754,7 +10856,7 @@
10754
10856
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.49.0 */
10755
10857
 
10756
10858
 
10757
- function create_fragment$a(ctx) {
10859
+ function create_fragment$b(ctx) {
10758
10860
  let div;
10759
10861
  let slot;
10760
10862
  let div_style_value;
@@ -10794,7 +10896,7 @@
10794
10896
  };
10795
10897
  }
10796
10898
 
10797
- function instance$8($$self, $$props, $$invalidate) {
10899
+ function instance$9($$self, $$props, $$invalidate) {
10798
10900
  const Sizes = {
10799
10901
  "full": "100%"
10800
10902
  };
@@ -10835,7 +10937,7 @@
10835
10937
  target: this.shadowRoot,
10836
10938
  props: attribute_to_object(this.attributes),
10837
10939
  customElement: true
10838
- }, instance$8, create_fragment$a, safe_not_equal, {
10940
+ }, instance$9, create_fragment$b, safe_not_equal, {
10839
10941
  width: 1,
10840
10942
  _width: 0
10841
10943
  }, null);
@@ -11058,7 +11160,7 @@
11058
11160
  };
11059
11161
  }
11060
11162
 
11061
- function create_fragment$9(ctx) {
11163
+ function create_fragment$a(ctx) {
11062
11164
  let div;
11063
11165
  let slot;
11064
11166
  let t;
@@ -11157,7 +11259,7 @@
11157
11259
  };
11158
11260
  }
11159
11261
 
11160
- function instance$7($$self, $$props, $$invalidate) {
11262
+ function instance$8($$self, $$props, $$invalidate) {
11161
11263
  let isDisabled;
11162
11264
  let {
11163
11265
  name
@@ -11269,7 +11371,7 @@
11269
11371
  target: this.shadowRoot,
11270
11372
  props: attribute_to_object(this.attributes),
11271
11373
  customElement: true
11272
- }, instance$7, create_fragment$9, safe_not_equal, {
11374
+ }, instance$8, create_fragment$a, safe_not_equal, {
11273
11375
  name: 1,
11274
11376
  value: 0,
11275
11377
  orientation: 2,
@@ -11365,7 +11467,7 @@
11365
11467
  customElements.define("goa-radio-group", RadioGroup);
11366
11468
  /* libs/web-components/src/components/radio-group/RadioItem.svelte generated by Svelte v3.49.0 */
11367
11469
 
11368
- function create_fragment$8(ctx) {
11470
+ function create_fragment$9(ctx) {
11369
11471
  return {
11370
11472
  c() {
11371
11473
  this.c = noop;
@@ -11379,7 +11481,7 @@
11379
11481
  };
11380
11482
  }
11381
11483
 
11382
- function instance$6($$self, $$props, $$invalidate) {
11484
+ function instance$7($$self, $$props, $$invalidate) {
11383
11485
  let {
11384
11486
  value
11385
11487
  } = $$props;
@@ -11434,7 +11536,7 @@
11434
11536
  target: this.shadowRoot,
11435
11537
  props: attribute_to_object(this.attributes),
11436
11538
  customElement: true
11437
- }, instance$6, create_fragment$8, safe_not_equal, {
11539
+ }, instance$7, create_fragment$9, safe_not_equal, {
11438
11540
  value: 0,
11439
11541
  label: 1,
11440
11542
  name: 2
@@ -11494,7 +11596,7 @@
11494
11596
  customElements.define("goa-radio-item", RadioItem);
11495
11597
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.49.0 */
11496
11598
 
11497
- function create_fragment$7(ctx) {
11599
+ function create_fragment$8(ctx) {
11498
11600
  let div;
11499
11601
  let slot;
11500
11602
  let div_style_value;
@@ -11562,7 +11664,7 @@
11562
11664
  };
11563
11665
  }
11564
11666
 
11565
- function instance$5($$self, $$props, $$invalidate) {
11667
+ function instance$6($$self, $$props, $$invalidate) {
11566
11668
  let {
11567
11669
  direction = "vertical"
11568
11670
  } = $$props;
@@ -11594,7 +11696,7 @@
11594
11696
  target: this.shadowRoot,
11595
11697
  props: attribute_to_object(this.attributes),
11596
11698
  customElement: true
11597
- }, instance$5, create_fragment$7, safe_not_equal, {
11699
+ }, instance$6, create_fragment$8, safe_not_equal, {
11598
11700
  direction: 0,
11599
11701
  hpadding: 1,
11600
11702
  vpadding: 2,
@@ -12122,7 +12224,7 @@
12122
12224
  };
12123
12225
  }
12124
12226
 
12125
- function create_fragment$6(ctx) {
12227
+ function create_fragment$7(ctx) {
12126
12228
  let current_block_type_index;
12127
12229
  let if_block;
12128
12230
  let if_block_anchor;
@@ -12203,7 +12305,7 @@
12203
12305
  };
12204
12306
  }
12205
12307
 
12206
- function instance$4($$self, $$props, $$invalidate) {
12308
+ function instance$5($$self, $$props, $$invalidate) {
12207
12309
  let {
12208
12310
  width = 320
12209
12311
  } = $$props;
@@ -12235,7 +12337,7 @@
12235
12337
  target: this.shadowRoot,
12236
12338
  props: attribute_to_object(this.attributes),
12237
12339
  customElement: true
12238
- }, instance$4, create_fragment$6, safe_not_equal, {
12340
+ }, instance$5, create_fragment$7, safe_not_equal, {
12239
12341
  width: 0,
12240
12342
  size: 1,
12241
12343
  linecount: 2,
@@ -12617,7 +12719,7 @@
12617
12719
  };
12618
12720
  }
12619
12721
 
12620
- function create_fragment$5(ctx) {
12722
+ function create_fragment$6(ctx) {
12621
12723
  let if_block_anchor;
12622
12724
  let if_block =
12623
12725
  /*ready*/
@@ -12662,7 +12764,7 @@
12662
12764
  };
12663
12765
  }
12664
12766
 
12665
- function instance$3($$self, $$props, $$invalidate) {
12767
+ function instance$4($$self, $$props, $$invalidate) {
12666
12768
  let diameter;
12667
12769
  let strokewidth;
12668
12770
  let radius;
@@ -12793,7 +12895,7 @@
12793
12895
  target: this.shadowRoot,
12794
12896
  props: attribute_to_object(this.attributes),
12795
12897
  customElement: true
12796
- }, instance$3, create_fragment$5, safe_not_equal, {
12898
+ }, instance$4, create_fragment$6, safe_not_equal, {
12797
12899
  size: 10,
12798
12900
  invert: 0,
12799
12901
  progress: 11,
@@ -13009,7 +13111,7 @@
13009
13111
  };
13010
13112
  }
13011
13113
 
13012
- function create_fragment$4(ctx) {
13114
+ function create_fragment$5(ctx) {
13013
13115
  let div;
13014
13116
  let textarea;
13015
13117
  let textarea_aria_label_value;
@@ -13193,7 +13295,7 @@
13193
13295
  };
13194
13296
  }
13195
13297
 
13196
- function instance$2($$self, $$props, $$invalidate) {
13298
+ function instance$3($$self, $$props, $$invalidate) {
13197
13299
  let isError;
13198
13300
  let isDisabled;
13199
13301
  let isReadonly;
@@ -13305,7 +13407,7 @@
13305
13407
  target: this.shadowRoot,
13306
13408
  props: attribute_to_object(this.attributes),
13307
13409
  customElement: true
13308
- }, instance$2, create_fragment$4, safe_not_equal, {
13410
+ }, instance$3, create_fragment$5, safe_not_equal, {
13309
13411
  name: 0,
13310
13412
  value: 1,
13311
13413
  placeholder: 2,
@@ -13471,6 +13573,148 @@
13471
13573
  }
13472
13574
 
13473
13575
  customElements.define("goa-textarea", TextArea);
13576
+ /* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.49.0 */
13577
+
13578
+ function create_fragment$4(ctx) {
13579
+ let div;
13580
+ let header;
13581
+ let t0;
13582
+ let section;
13583
+ let t2;
13584
+ let footer;
13585
+ let div_style_value;
13586
+ return {
13587
+ c() {
13588
+ div = element("div");
13589
+ header = element("header");
13590
+ header.innerHTML = `<slot name="header"></slot>`;
13591
+ t0 = space();
13592
+ section = element("section");
13593
+ section.innerHTML = `<nav class="nav"><slot name="nav"></slot></nav>
13594
+
13595
+ <main><slot></slot></main>`;
13596
+ t2 = space();
13597
+ footer = element("footer");
13598
+ footer.innerHTML = `<slot name="footer"></slot>`;
13599
+ this.c = noop;
13600
+ attr(header, "class", "header");
13601
+ attr(section, "class", "content");
13602
+ attr(footer, "class", "footer");
13603
+ attr(div, "class", "page");
13604
+ attr(div, "style", div_style_value = `
13605
+ --max-content-width: ${
13606
+ /*maxcontentwidth*/
13607
+ ctx[1] || "var(--layout-max-content-width)"};
13608
+ --nav-column-width: ${
13609
+ /*navcolumnwidth*/
13610
+ ctx[0] || "var(--layout-nav-column-width)"};
13611
+ `);
13612
+ },
13613
+
13614
+ m(target, anchor) {
13615
+ insert(target, div, anchor);
13616
+ append(div, header);
13617
+ append(div, t0);
13618
+ append(div, section);
13619
+ append(div, t2);
13620
+ append(div, footer);
13621
+ },
13622
+
13623
+ p(ctx, [dirty]) {
13624
+ if (dirty &
13625
+ /*maxcontentwidth, navcolumnwidth*/
13626
+ 3 && div_style_value !== (div_style_value = `
13627
+ --max-content-width: ${
13628
+ /*maxcontentwidth*/
13629
+ ctx[1] || "var(--layout-max-content-width)"};
13630
+ --nav-column-width: ${
13631
+ /*navcolumnwidth*/
13632
+ ctx[0] || "var(--layout-nav-column-width)"};
13633
+ `)) {
13634
+ attr(div, "style", div_style_value);
13635
+ }
13636
+ },
13637
+
13638
+ i: noop,
13639
+ o: noop,
13640
+
13641
+ d(detaching) {
13642
+ if (detaching) detach(div);
13643
+ }
13644
+
13645
+ };
13646
+ }
13647
+
13648
+ function instance$2($$self, $$props, $$invalidate) {
13649
+ let {
13650
+ navcolumnwidth = ""
13651
+ } = $$props;
13652
+ let {
13653
+ maxcontentwidth = ""
13654
+ } = $$props;
13655
+
13656
+ $$self.$$set = $$props => {
13657
+ if ('navcolumnwidth' in $$props) $$invalidate(0, navcolumnwidth = $$props.navcolumnwidth);
13658
+ if ('maxcontentwidth' in $$props) $$invalidate(1, maxcontentwidth = $$props.maxcontentwidth);
13659
+ };
13660
+
13661
+ return [navcolumnwidth, maxcontentwidth];
13662
+ }
13663
+
13664
+ class TwoColumnLayout extends SvelteElement {
13665
+ constructor(options) {
13666
+ super();
13667
+ this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.page{height:100vh;display:flex;flex-direction:column;position:relative}.content{flex:1 1 auto;position:relative;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--color-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 640px){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem}main{padding-right:2rem}}@media(min-width: 1300px){main{padding-right:4.5rem}}@media(min-width: 640px){.nav{transform:translateX(0);flex:0 0 var(--nav-column-width)}}</style>`;
13668
+ init(this, {
13669
+ target: this.shadowRoot,
13670
+ props: attribute_to_object(this.attributes),
13671
+ customElement: true
13672
+ }, instance$2, create_fragment$4, safe_not_equal, {
13673
+ navcolumnwidth: 0,
13674
+ maxcontentwidth: 1
13675
+ }, null);
13676
+
13677
+ if (options) {
13678
+ if (options.target) {
13679
+ insert(options.target, this, options.anchor);
13680
+ }
13681
+
13682
+ if (options.props) {
13683
+ this.$set(options.props);
13684
+ flush();
13685
+ }
13686
+ }
13687
+ }
13688
+
13689
+ static get observedAttributes() {
13690
+ return ["navcolumnwidth", "maxcontentwidth"];
13691
+ }
13692
+
13693
+ get navcolumnwidth() {
13694
+ return this.$$.ctx[0];
13695
+ }
13696
+
13697
+ set navcolumnwidth(navcolumnwidth) {
13698
+ this.$$set({
13699
+ navcolumnwidth
13700
+ });
13701
+ flush();
13702
+ }
13703
+
13704
+ get maxcontentwidth() {
13705
+ return this.$$.ctx[1];
13706
+ }
13707
+
13708
+ set maxcontentwidth(maxcontentwidth) {
13709
+ this.$$set({
13710
+ maxcontentwidth
13711
+ });
13712
+ flush();
13713
+ }
13714
+
13715
+ }
13716
+
13717
+ customElements.define("goa-two-column-layout", TwoColumnLayout);
13474
13718
  /* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.49.0 */
13475
13719
 
13476
13720
  function create_fragment$3(ctx) {
@@ -14030,10 +14274,12 @@
14030
14274
  var GoAAppHeader = function GoAAppHeader(_a) {
14031
14275
  var heading = _a.heading,
14032
14276
  url = _a.url,
14277
+ maxContentWidth = _a.maxContentWidth,
14033
14278
  children = _a.children;
14034
14279
  return jsxRuntime.jsx("goa-app-header", __assign({
14035
14280
  heading: heading,
14036
- url: url
14281
+ url: url,
14282
+ maxcontentwidth: maxContentWidth
14037
14283
  }, {
14038
14284
  children: children
14039
14285
  }), void 0);
@@ -14410,10 +14656,13 @@
14410
14656
  }
14411
14657
 
14412
14658
  function GoAAppFooter(_a) {
14413
- var children = _a.children;
14414
- return jsxRuntime.jsx("goa-app-footer", {
14659
+ var maxContentWidth = _a.maxContentWidth,
14660
+ children = _a.children;
14661
+ return jsxRuntime.jsx("goa-app-footer", __assign({
14662
+ maxcontentwidth: maxContentWidth
14663
+ }, {
14415
14664
  children: children
14416
- }, void 0);
14665
+ }), void 0);
14417
14666
  }
14418
14667
 
14419
14668
  var GoAFormItem = function GoAFormItem(_a) {
@@ -14509,6 +14758,7 @@
14509
14758
  var id = _a.id,
14510
14759
  name = _a.name,
14511
14760
  type = _a.type,
14761
+ autoCapitalize = _a.autoCapitalize,
14512
14762
  leadingIcon = _a.leadingIcon,
14513
14763
  trailingIcon = _a.trailingIcon,
14514
14764
  _b = _a.variant,
@@ -14561,6 +14811,7 @@
14561
14811
  focused: focused,
14562
14812
  type: type,
14563
14813
  name: name,
14814
+ autocapitalize: autoCapitalize,
14564
14815
  id: id,
14565
14816
  leadingicon: leadingIcon,
14566
14817
  trailingicon: trailingIcon,
@@ -14914,6 +15165,27 @@
14914
15165
  }, void 0);
14915
15166
  };
14916
15167
 
15168
+ function GoATwoColumnLayout(props) {
15169
+ return jsxRuntime.jsxs("goa-two-column-layout", __assign({
15170
+ navcolumnwidth: props.navColumnWidth,
15171
+ maxcontentwidth: props.maxContentWidth
15172
+ }, {
15173
+ children: [props.header && jsxRuntime.jsx("div", __assign({
15174
+ slot: "header"
15175
+ }, {
15176
+ children: props.header
15177
+ }), void 0), props.nav && jsxRuntime.jsx("div", __assign({
15178
+ slot: "nav"
15179
+ }, {
15180
+ children: props.nav
15181
+ }), void 0), props.children, props.footer && jsxRuntime.jsx("div", __assign({
15182
+ slot: "footer"
15183
+ }, {
15184
+ children: props.footer
15185
+ }), void 0)]
15186
+ }), void 0);
15187
+ }
15188
+
14917
15189
  exports.GoAAppFooter = GoAAppFooter;
14918
15190
  exports.GoAAppFooterMetaSection = GoAAppFooterMetaSection;
14919
15191
  exports.GoAAppFooterNavSection = GoAAppFooterNavSection;
@@ -14964,6 +15236,7 @@
14964
15236
  exports.GoASpinner = GoASpinner;
14965
15237
  exports.GoASuccessBadge = GoASuccessBadge;
14966
15238
  exports.GoATextArea = GoATextArea;
15239
+ exports.GoATwoColumnLayout = GoATwoColumnLayout;
14967
15240
 
14968
15241
  Object.defineProperty(exports, '__esModule', { value: true });
14969
15242