@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.
Files changed (8) hide show
  1. package/index.d.ts +35 -34
  2. package/lib/app-header/app-header.d.ts +2 -0
  3. package/lib/footer/footer.d.ts +6 -2
  4. package/lib/input/input.d.ts +18 -15
  5. package/lib/two-column-layout/two-column-layout.d.ts +22 -0
  6. package/package.json +1 -1
  7. package/react-components.esm.js +634 -362
  8. package/react-components.umd.js +635 -362
package/react-components.esm.js CHANGED
@@ -1060,7 +1060,7 @@ function create_else_block$4(ctx) {
1060
1060
  }
1061
1061
 
1062
1062
  };
1063
- } // (12:2) {#if url}
1063
+ } // (18:4) {#if url}
1064
1064
 
1065
1065
 
1066
1066
  function create_if_block$j(ctx) {
@@ -1130,10 +1130,12 @@ function create_if_block$j(ctx) {
1130
1130
  };
1131
1131
  }
1132
1132
 
1133
- function create_fragment$E(ctx) {
1133
+ function create_fragment$F(ctx) {
1134
+ let div2;
1134
1135
  let div1;
1135
1136
  let t;
1136
1137
  let div0;
1138
+ let div2_style_value;
1137
1139
 
1138
1140
  function select_block_type(ctx, dirty) {
1139
1141
  if (
@@ -1146,20 +1148,26 @@ function create_fragment$E(ctx) {
1146
1148
  let if_block = current_block_type(ctx);
1147
1149
  return {
1148
1150
  c() {
1151
+ div2 = element("div");
1149
1152
  div1 = element("div");
1150
1153
  if_block.c();
1151
1154
  t = space();
1152
1155
  div0 = element("div");
1153
1156
  div0.innerHTML = `<slot></slot>`;
1154
1157
  this.c = noop;
1155
- attr(div1, "class", "app-header");
1156
- attr(div1, "data-testid",
1158
+ attr(div1, "class", "content");
1159
+ attr(div2, "class", "app-header");
1160
+ attr(div2, "data-testid",
1157
1161
  /*testid*/
1158
1162
  ctx[2]);
1163
+ attr(div2, "style", div2_style_value = `--max-content-width: ${
1164
+ /*maxcontentwidth*/
1165
+ ctx[3] || "var(--layout-max-content-width)"}`);
1159
1166
  },
1160
1167
 
1161
1168
  m(target, anchor) {
1162
- insert(target, div1, anchor);
1169
+ insert(target, div2, anchor);
1170
+ append(div2, div1);
1163
1171
  if_block.m(div1, null);
1164
1172
  append(div1, t);
1165
1173
  append(div1, div0);
@@ -1181,24 +1189,32 @@ function create_fragment$E(ctx) {
1181
1189
  if (dirty &
1182
1190
  /*testid*/
1183
1191
  4) {
1184
- attr(div1, "data-testid",
1192
+ attr(div2, "data-testid",
1185
1193
  /*testid*/
1186
1194
  ctx[2]);
1187
1195
  }
1196
+
1197
+ if (dirty &
1198
+ /*maxcontentwidth*/
1199
+ 8 && div2_style_value !== (div2_style_value = `--max-content-width: ${
1200
+ /*maxcontentwidth*/
1201
+ ctx[3] || "var(--layout-max-content-width)"}`)) {
1202
+ attr(div2, "style", div2_style_value);
1203
+ }
1188
1204
  },
1189
1205
 
1190
1206
  i: noop,
1191
1207
  o: noop,
1192
1208
 
1193
1209
  d(detaching) {
1194
- if (detaching) detach(div1);
1210
+ if (detaching) detach(div2);
1195
1211
  if_block.d();
1196
1212
  }
1197
1213
 
1198
1214
  };
1199
1215
  }
1200
1216
 
1201
- function instance$z($$self, $$props, $$invalidate) {
1217
+ function instance$A($$self, $$props, $$invalidate) {
1202
1218
  let {
1203
1219
  heading = ""
1204
1220
  } = $$props;
@@ -1208,28 +1224,33 @@ function instance$z($$self, $$props, $$invalidate) {
1208
1224
  let {
1209
1225
  testid = ""
1210
1226
  } = $$props;
1227
+ let {
1228
+ maxcontentwidth = ""
1229
+ } = $$props;
1211
1230
 
1212
1231
  $$self.$$set = $$props => {
1213
1232
  if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
1214
1233
  if ('url' in $$props) $$invalidate(1, url = $$props.url);
1215
1234
  if ('testid' in $$props) $$invalidate(2, testid = $$props.testid);
1235
+ if ('maxcontentwidth' in $$props) $$invalidate(3, maxcontentwidth = $$props.maxcontentwidth);
1216
1236
  };
1217
1237
 
1218
- return [heading, url, testid];
1238
+ return [heading, url, testid, maxcontentwidth];
1219
1239
  }
1220
1240
 
1221
1241
  class AppHeader extends SvelteElement {
1222
1242
  constructor(options) {
1223
1243
  super();
1224
- 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>`;
1244
+ 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>`;
1225
1245
  init(this, {
1226
1246
  target: this.shadowRoot,
1227
1247
  props: attribute_to_object(this.attributes),
1228
1248
  customElement: true
1229
- }, instance$z, create_fragment$E, safe_not_equal, {
1249
+ }, instance$A, create_fragment$F, safe_not_equal, {
1230
1250
  heading: 0,
1231
1251
  url: 1,
1232
- testid: 2
1252
+ testid: 2,
1253
+ maxcontentwidth: 3
1233
1254
  }, null);
1234
1255
 
1235
1256
  if (options) {
@@ -1245,7 +1266,7 @@ class AppHeader extends SvelteElement {
1245
1266
  }
1246
1267
 
1247
1268
  static get observedAttributes() {
1248
- return ["heading", "url", "testid"];
1269
+ return ["heading", "url", "testid", "maxcontentwidth"];
1249
1270
  }
1250
1271
 
1251
1272
  get heading() {
@@ -1281,6 +1302,17 @@ class AppHeader extends SvelteElement {
1281
1302
  flush();
1282
1303
  }
1283
1304
 
1305
+ get maxcontentwidth() {
1306
+ return this.$$.ctx[3];
1307
+ }
1308
+
1309
+ set maxcontentwidth(maxcontentwidth) {
1310
+ this.$$set({
1311
+ maxcontentwidth
1312
+ });
1313
+ flush();
1314
+ }
1315
+
1284
1316
  }
1285
1317
 
1286
1318
  customElements.define("goa-app-header", AppHeader);
@@ -1387,7 +1419,7 @@ function create_if_block$i(ctx) {
1387
1419
  };
1388
1420
  }
1389
1421
 
1390
- function create_fragment$D(ctx) {
1422
+ function create_fragment$E(ctx) {
1391
1423
  let div;
1392
1424
  let t;
1393
1425
  let div_class_value;
@@ -1499,7 +1531,7 @@ function create_fragment$D(ctx) {
1499
1531
  };
1500
1532
  }
1501
1533
 
1502
- function instance$y($$self, $$props, $$invalidate) {
1534
+ function instance$z($$self, $$props, $$invalidate) {
1503
1535
  let showIcon;
1504
1536
  let iconType;
1505
1537
  let {
@@ -1561,7 +1593,7 @@ class Badge extends SvelteElement {
1561
1593
  target: this.shadowRoot,
1562
1594
  props: attribute_to_object(this.attributes),
1563
1595
  customElement: true
1564
- }, instance$y, create_fragment$D, safe_not_equal, {
1596
+ }, instance$z, create_fragment$E, safe_not_equal, {
1565
1597
  type: 0,
1566
1598
  testid: 1,
1567
1599
  icon: 5,
@@ -1633,7 +1665,7 @@ class Badge extends SvelteElement {
1633
1665
  customElements.define("goa-badge", Badge);
1634
1666
  /* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.49.0 */
1635
1667
 
1636
- function create_fragment$C(ctx) {
1668
+ function create_fragment$D(ctx) {
1637
1669
  let div;
1638
1670
  let slot;
1639
1671
  return {
@@ -1682,7 +1714,7 @@ function create_fragment$C(ctx) {
1682
1714
  };
1683
1715
  }
1684
1716
 
1685
- function instance$x($$self, $$props, $$invalidate) {
1717
+ function instance$y($$self, $$props, $$invalidate) {
1686
1718
  let {
1687
1719
  gap = "medium"
1688
1720
  } = $$props;
@@ -1706,7 +1738,7 @@ class ButtonGroup extends SvelteElement {
1706
1738
  target: this.shadowRoot,
1707
1739
  props: attribute_to_object(this.attributes),
1708
1740
  customElement: true
1709
- }, instance$x, create_fragment$C, safe_not_equal, {
1741
+ }, instance$y, create_fragment$D, safe_not_equal, {
1710
1742
  gap: 0,
1711
1743
  alignment: 1
1712
1744
  }, null);
@@ -1756,7 +1788,7 @@ customElements.define("goa-button-group", ButtonGroup);
1756
1788
 
1757
1789
  function create_else_block$2(ctx) {
1758
1790
  let t0;
1759
- let div;
1791
+ let slot;
1760
1792
  let t1;
1761
1793
  let if_block1_anchor;
1762
1794
  let if_block0 =
@@ -1769,18 +1801,17 @@ function create_else_block$2(ctx) {
1769
1801
  c() {
1770
1802
  if (if_block0) if_block0.c();
1771
1803
  t0 = space();
1772
- div = element("div");
1773
- div.innerHTML = `<slot></slot>`;
1804
+ slot = element("slot");
1774
1805
  t1 = space();
1775
1806
  if (if_block1) if_block1.c();
1776
1807
  if_block1_anchor = empty();
1777
- attr(div, "class", "text");
1808
+ attr(slot, "class", "text");
1778
1809
  },
1779
1810
 
1780
1811
  m(target, anchor) {
1781
1812
  if (if_block0) if_block0.m(target, anchor);
1782
1813
  insert(target, t0, anchor);
1783
- insert(target, div, anchor);
1814
+ insert(target, slot, anchor);
1784
1815
  insert(target, t1, anchor);
1785
1816
  if (if_block1) if_block1.m(target, anchor);
1786
1817
  insert(target, if_block1_anchor, anchor);
@@ -1821,7 +1852,7 @@ function create_else_block$2(ctx) {
1821
1852
  d(detaching) {
1822
1853
  if (if_block0) if_block0.d(detaching);
1823
1854
  if (detaching) detach(t0);
1824
- if (detaching) detach(div);
1855
+ if (detaching) detach(slot);
1825
1856
  if (detaching) detach(t1);
1826
1857
  if (if_block1) if_block1.d(detaching);
1827
1858
  if (detaching) detach(if_block1_anchor);
@@ -1832,23 +1863,22 @@ function create_else_block$2(ctx) {
1832
1863
 
1833
1864
 
1834
1865
  function create_if_block$h(ctx) {
1835
- let div;
1866
+ let slot;
1836
1867
  let t;
1837
1868
  let goa_icon;
1838
1869
  return {
1839
1870
  c() {
1840
- div = element("div");
1841
- div.innerHTML = `<slot></slot>`;
1871
+ slot = element("slot");
1842
1872
  t = space();
1843
1873
  goa_icon = element("goa-icon");
1844
- attr(div, "class", "text");
1874
+ attr(slot, "class", "text");
1845
1875
  set_custom_element_data(goa_icon, "id", "trailing-icon");
1846
1876
  set_custom_element_data(goa_icon, "type", "arrow-forward");
1847
1877
  set_custom_element_data(goa_icon, "inverted", "true");
1848
1878
  },
1849
1879
 
1850
1880
  m(target, anchor) {
1851
- insert(target, div, anchor);
1881
+ insert(target, slot, anchor);
1852
1882
  insert(target, t, anchor);
1853
1883
  insert(target, goa_icon, anchor);
1854
1884
  },
@@ -1856,13 +1886,13 @@ function create_if_block$h(ctx) {
1856
1886
  p: noop,
1857
1887
 
1858
1888
  d(detaching) {
1859
- if (detaching) detach(div);
1889
+ if (detaching) detach(slot);
1860
1890
  if (detaching) detach(t);
1861
1891
  if (detaching) detach(goa_icon);
1862
1892
  }
1863
1893
 
1864
1894
  };
1865
- } // (59:4) {#if leadingicon}
1895
+ } // (57:4) {#if leadingicon}
1866
1896
 
1867
1897
 
1868
1898
  function create_if_block_2$7(ctx) {
@@ -1906,7 +1936,7 @@ function create_if_block_2$7(ctx) {
1906
1936
  }
1907
1937
 
1908
1938
  };
1909
- } // (65:4) {#if trailingicon}
1939
+ } // (61:4) {#if trailingicon}
1910
1940
 
1911
1941
 
1912
1942
  function create_if_block_1$a(ctx) {
@@ -1952,7 +1982,7 @@ function create_if_block_1$a(ctx) {
1952
1982
  };
1953
1983
  }
1954
1984
 
1955
- function create_fragment$B(ctx) {
1985
+ function create_fragment$C(ctx) {
1956
1986
  let button;
1957
1987
  let button_class_value;
1958
1988
  let mounted;
@@ -2086,7 +2116,7 @@ function clickHandler(e) {
2086
2116
  e.stopPropagation();
2087
2117
  }
2088
2118
 
2089
- function instance$w($$self, $$props, $$invalidate) {
2119
+ function instance$x($$self, $$props, $$invalidate) {
2090
2120
  let isDisabled;
2091
2121
  let isButtonDark;
2092
2122
  const BUTTON_TYPES = ["primary", "submit", "secondary", "tertiary", "start"];
@@ -2171,12 +2201,12 @@ class Button extends SvelteElement {
2171
2201
  constructor(options) {
2172
2202
  super();
2173
2203
  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,
2174
- 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>`;
2204
+ 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>`;
2175
2205
  init(this, {
2176
2206
  target: this.shadowRoot,
2177
2207
  props: attribute_to_object(this.attributes),
2178
2208
  customElement: true
2179
- }, instance$w, create_fragment$B, safe_not_equal, {
2209
+ }, instance$x, create_fragment$C, safe_not_equal, {
2180
2210
  type: 0,
2181
2211
  size: 1,
2182
2212
  variant: 2,
@@ -2315,7 +2345,7 @@ function create_if_block$g(ctx) {
2315
2345
  };
2316
2346
  }
2317
2347
 
2318
- function create_fragment$A(ctx) {
2348
+ function create_fragment$B(ctx) {
2319
2349
  let div;
2320
2350
  let span0;
2321
2351
  let goa_icon;
@@ -2426,7 +2456,7 @@ function create_fragment$A(ctx) {
2426
2456
  };
2427
2457
  }
2428
2458
 
2429
- function instance$v($$self, $$props, $$invalidate) {
2459
+ function instance$w($$self, $$props, $$invalidate) {
2430
2460
  let iconType;
2431
2461
  let {
2432
2462
  type
@@ -2463,7 +2493,7 @@ class Callout extends SvelteElement {
2463
2493
  target: this.shadowRoot,
2464
2494
  props: attribute_to_object(this.attributes),
2465
2495
  customElement: true
2466
- }, instance$v, create_fragment$A, safe_not_equal, {
2496
+ }, instance$w, create_fragment$B, safe_not_equal, {
2467
2497
  type: 0,
2468
2498
  heading: 1,
2469
2499
  testid: 2
@@ -2523,7 +2553,7 @@ class Callout extends SvelteElement {
2523
2553
  customElements.define("goa-callout", Callout);
2524
2554
  /* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.49.0 */
2525
2555
 
2526
- function create_fragment$z(ctx) {
2556
+ function create_fragment$A(ctx) {
2527
2557
  let goa_card_content;
2528
2558
  return {
2529
2559
  c() {
@@ -2554,7 +2584,7 @@ class CardActions extends SvelteElement {
2554
2584
  target: this.shadowRoot,
2555
2585
  props: attribute_to_object(this.attributes),
2556
2586
  customElement: true
2557
- }, null, create_fragment$z, safe_not_equal, {}, null);
2587
+ }, null, create_fragment$A, safe_not_equal, {}, null);
2558
2588
 
2559
2589
  if (options) {
2560
2590
  if (options.target) {
@@ -2568,7 +2598,7 @@ class CardActions extends SvelteElement {
2568
2598
  customElements.define("goa-card-actions", CardActions);
2569
2599
  /* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.49.0 */
2570
2600
 
2571
- function create_fragment$y(ctx) {
2601
+ function create_fragment$z(ctx) {
2572
2602
  let div;
2573
2603
  return {
2574
2604
  c() {
@@ -2601,7 +2631,7 @@ class CardContent extends SvelteElement {
2601
2631
  target: this.shadowRoot,
2602
2632
  props: attribute_to_object(this.attributes),
2603
2633
  customElement: true
2604
- }, null, create_fragment$y, safe_not_equal, {}, null);
2634
+ }, null, create_fragment$z, safe_not_equal, {}, null);
2605
2635
 
2606
2636
  if (options) {
2607
2637
  if (options.target) {
@@ -2615,7 +2645,7 @@ class CardContent extends SvelteElement {
2615
2645
  customElements.define("goa-card-content", CardContent);
2616
2646
  /* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.49.0 */
2617
2647
 
2618
- function create_fragment$x(ctx) {
2648
+ function create_fragment$y(ctx) {
2619
2649
  let div;
2620
2650
  return {
2621
2651
  c() {
@@ -2648,7 +2678,7 @@ class CardGroup extends SvelteElement {
2648
2678
  target: this.shadowRoot,
2649
2679
  props: attribute_to_object(this.attributes),
2650
2680
  customElement: true
2651
- }, null, create_fragment$x, safe_not_equal, {}, null);
2681
+ }, null, create_fragment$y, safe_not_equal, {}, null);
2652
2682
 
2653
2683
  if (options) {
2654
2684
  if (options.target) {
@@ -2662,7 +2692,7 @@ class CardGroup extends SvelteElement {
2662
2692
  customElements.define("goa-card-group", CardGroup);
2663
2693
  /* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.49.0 */
2664
2694
 
2665
- function create_fragment$w(ctx) {
2695
+ function create_fragment$x(ctx) {
2666
2696
  let div;
2667
2697
  return {
2668
2698
  c() {
@@ -2711,7 +2741,7 @@ function create_fragment$w(ctx) {
2711
2741
  };
2712
2742
  }
2713
2743
 
2714
- function instance$u($$self, $$props, $$invalidate) {
2744
+ function instance$v($$self, $$props, $$invalidate) {
2715
2745
  let {
2716
2746
  src
2717
2747
  } = $$props;
@@ -2735,7 +2765,7 @@ class CardImage extends SvelteElement {
2735
2765
  target: this.shadowRoot,
2736
2766
  props: attribute_to_object(this.attributes),
2737
2767
  customElement: true
2738
- }, instance$u, create_fragment$w, safe_not_equal, {
2768
+ }, instance$v, create_fragment$x, safe_not_equal, {
2739
2769
  src: 0,
2740
2770
  height: 1
2741
2771
  }, null);
@@ -2783,7 +2813,7 @@ class CardImage extends SvelteElement {
2783
2813
  customElements.define("goa-card-image", CardImage);
2784
2814
  /* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.49.0 */
2785
2815
 
2786
- function create_fragment$v(ctx) {
2816
+ function create_fragment$w(ctx) {
2787
2817
  let div;
2788
2818
  let slot;
2789
2819
  let div_style_value;
@@ -2842,7 +2872,7 @@ function create_fragment$v(ctx) {
2842
2872
  };
2843
2873
  }
2844
2874
 
2845
- function instance$t($$self, $$props, $$invalidate) {
2875
+ function instance$u($$self, $$props, $$invalidate) {
2846
2876
  let {
2847
2877
  elevation = 0
2848
2878
  } = $$props;
@@ -2871,7 +2901,7 @@ class Card extends SvelteElement {
2871
2901
  target: this.shadowRoot,
2872
2902
  props: attribute_to_object(this.attributes),
2873
2903
  customElement: true
2874
- }, instance$t, create_fragment$v, safe_not_equal, {
2904
+ }, instance$u, create_fragment$w, safe_not_equal, {
2875
2905
  elevation: 0,
2876
2906
  width: 1,
2877
2907
  testId: 2
@@ -2985,7 +3015,7 @@ function create_if_block$f(ctx) {
2985
3015
  };
2986
3016
  }
2987
3017
 
2988
- function create_fragment$u(ctx) {
3018
+ function create_fragment$v(ctx) {
2989
3019
  let label;
2990
3020
  let div0;
2991
3021
  let input;
@@ -3194,7 +3224,7 @@ function create_fragment$u(ctx) {
3194
3224
  };
3195
3225
  }
3196
3226
 
3197
- function instance$s($$self, $$props, $$invalidate) {
3227
+ function instance$t($$self, $$props, $$invalidate) {
3198
3228
  let isDisabled;
3199
3229
  let isError;
3200
3230
  let isChecked;
@@ -3281,7 +3311,7 @@ class Checkbox extends SvelteElement {
3281
3311
  target: this.shadowRoot,
3282
3312
  props: attribute_to_object(this.attributes),
3283
3313
  customElement: true
3284
- }, instance$s, create_fragment$u, safe_not_equal, {
3314
+ }, instance$t, create_fragment$v, safe_not_equal, {
3285
3315
  name: 0,
3286
3316
  checked: 9,
3287
3317
  text: 1,
@@ -3479,7 +3509,7 @@ function create_if_block$e(ctx) {
3479
3509
  };
3480
3510
  }
3481
3511
 
3482
- function create_fragment$t(ctx) {
3512
+ function create_fragment$u(ctx) {
3483
3513
  let div1;
3484
3514
  let t0;
3485
3515
  let div0;
@@ -3616,7 +3646,7 @@ function create_fragment$t(ctx) {
3616
3646
  };
3617
3647
  }
3618
3648
 
3619
- function instance$r($$self, $$props, $$invalidate) {
3649
+ function instance$s($$self, $$props, $$invalidate) {
3620
3650
  let {
3621
3651
  leadingicon = null
3622
3652
  } = $$props;
@@ -3693,7 +3723,7 @@ class Chip extends SvelteElement {
3693
3723
  target: this.shadowRoot,
3694
3724
  props: attribute_to_object(this.attributes),
3695
3725
  customElement: true
3696
- }, instance$r, create_fragment$t, safe_not_equal, {
3726
+ }, instance$s, create_fragment$u, safe_not_equal, {
3697
3727
  leadingicon: 0,
3698
3728
  error: 7,
3699
3729
  deletable: 8,
@@ -4249,7 +4279,7 @@ function create_if_block_2$6(ctx) {
4249
4279
  };
4250
4280
  }
4251
4281
 
4252
- function create_fragment$s(ctx) {
4282
+ function create_fragment$t(ctx) {
4253
4283
  let if_block_anchor;
4254
4284
  let current;
4255
4285
  let if_block =
@@ -4314,7 +4344,7 @@ function create_fragment$s(ctx) {
4314
4344
  };
4315
4345
  }
4316
4346
 
4317
- function instance$q($$self, $$props, $$invalidate) {
4347
+ function instance$r($$self, $$props, $$invalidate) {
4318
4348
  let isVisible;
4319
4349
  let {
4320
4350
  variant = "inline"
@@ -4367,7 +4397,7 @@ class CircularProgress extends SvelteElement {
4367
4397
  target: this.shadowRoot,
4368
4398
  props: attribute_to_object(this.attributes),
4369
4399
  customElement: true
4370
- }, instance$q, create_fragment$s, safe_not_equal, {
4400
+ }, instance$r, create_fragment$t, safe_not_equal, {
4371
4401
  variant: 6,
4372
4402
  size: 7,
4373
4403
  message: 0,
@@ -4451,7 +4481,7 @@ class CircularProgress extends SvelteElement {
4451
4481
  customElements.define("goa-circular-progress", CircularProgress);
4452
4482
  /* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.49.0 */
4453
4483
 
4454
- function create_fragment$r(ctx) {
4484
+ function create_fragment$s(ctx) {
4455
4485
  let div3;
4456
4486
  let header;
4457
4487
  let div0;
@@ -4546,7 +4576,7 @@ function create_fragment$r(ctx) {
4546
4576
  };
4547
4577
  }
4548
4578
 
4549
- function instance$p($$self, $$props, $$invalidate) {
4579
+ function instance$q($$self, $$props, $$invalidate) {
4550
4580
  let _colored;
4551
4581
 
4552
4582
  let {
@@ -4588,7 +4618,7 @@ class Container extends SvelteElement {
4588
4618
  target: this.shadowRoot,
4589
4619
  props: attribute_to_object(this.attributes),
4590
4620
  customElement: true
4591
- }, instance$p, create_fragment$r, safe_not_equal, {
4621
+ }, instance$q, create_fragment$s, safe_not_equal, {
4592
4622
  type: 0,
4593
4623
  colored: 4,
4594
4624
  headingsize: 1,
@@ -4949,7 +4979,7 @@ function create_each_block$4(ctx) {
4949
4979
  };
4950
4980
  }
4951
4981
 
4952
- function create_fragment$q(ctx) {
4982
+ function create_fragment$r(ctx) {
4953
4983
  let div1;
4954
4984
  let t0;
4955
4985
  let div0;
@@ -5266,7 +5296,7 @@ function create_fragment$q(ctx) {
5266
5296
 
5267
5297
  const MAX_HEIGHT = "300px";
5268
5298
 
5269
- function instance$o($$self, $$props, $$invalidate) {
5299
+ function instance$p($$self, $$props, $$invalidate) {
5270
5300
  let _disabled;
5271
5301
 
5272
5302
  let _multiselect;
@@ -5559,7 +5589,7 @@ class Dropdown extends SvelteElement {
5559
5589
  target: this.shadowRoot,
5560
5590
  props: attribute_to_object(this.attributes),
5561
5591
  customElement: true
5562
- }, instance$o, create_fragment$q, safe_not_equal, {
5592
+ }, instance$p, create_fragment$r, safe_not_equal, {
5563
5593
  name: 0,
5564
5594
  arialabel: 1,
5565
5595
  value: 20,
@@ -5715,7 +5745,7 @@ class Dropdown extends SvelteElement {
5715
5745
  customElements.define("goa-dropdown", Dropdown);
5716
5746
  /* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.49.0 */
5717
5747
 
5718
- function create_fragment$p(ctx) {
5748
+ function create_fragment$q(ctx) {
5719
5749
  return {
5720
5750
  c() {
5721
5751
  this.c = noop;
@@ -5729,7 +5759,7 @@ function create_fragment$p(ctx) {
5729
5759
  };
5730
5760
  }
5731
5761
 
5732
- function instance$n($$self, $$props, $$invalidate) {
5762
+ function instance$o($$self, $$props, $$invalidate) {
5733
5763
  let {
5734
5764
  name = ""
5735
5765
  } = $$props;
@@ -5777,7 +5807,7 @@ class DropdownItem extends SvelteElement {
5777
5807
  target: this.shadowRoot,
5778
5808
  props: attribute_to_object(this.attributes),
5779
5809
  customElement: true
5780
- }, instance$n, create_fragment$p, safe_not_equal, {
5810
+ }, instance$o, create_fragment$q, safe_not_equal, {
5781
5811
  name: 0,
5782
5812
  value: 1,
5783
5813
  label: 2
@@ -5837,7 +5867,7 @@ class DropdownItem extends SvelteElement {
5837
5867
  customElements.define("goa-dropdown-item", DropdownItem);
5838
5868
  /* libs/web-components/src/components/flex-column/FlexColumn.svelte generated by Svelte v3.49.0 */
5839
5869
 
5840
- function create_fragment$o(ctx) {
5870
+ function create_fragment$p(ctx) {
5841
5871
  let div;
5842
5872
  let slot;
5843
5873
  return {
@@ -5876,7 +5906,7 @@ function create_fragment$o(ctx) {
5876
5906
  };
5877
5907
  }
5878
5908
 
5879
- function instance$m($$self, $$props, $$invalidate) {
5909
+ function instance$n($$self, $$props, $$invalidate) {
5880
5910
  let _gap;
5881
5911
 
5882
5912
  let {
@@ -5906,7 +5936,7 @@ class FlexColumn extends SvelteElement {
5906
5936
  target: this.shadowRoot,
5907
5937
  props: attribute_to_object(this.attributes),
5908
5938
  customElement: true
5909
- }, instance$m, create_fragment$o, safe_not_equal, {
5939
+ }, instance$n, create_fragment$p, safe_not_equal, {
5910
5940
  gap: 1
5911
5941
  }, null);
5912
5942
 
@@ -5942,7 +5972,7 @@ class FlexColumn extends SvelteElement {
5942
5972
  customElements.define("goa-flex-col", FlexColumn);
5943
5973
  /* libs/web-components/src/components/flex-row/FlexRow.svelte generated by Svelte v3.49.0 */
5944
5974
 
5945
- function create_fragment$n(ctx) {
5975
+ function create_fragment$o(ctx) {
5946
5976
  let div;
5947
5977
  let slot;
5948
5978
  return {
@@ -5981,7 +6011,7 @@ function create_fragment$n(ctx) {
5981
6011
  };
5982
6012
  }
5983
6013
 
5984
- function instance$l($$self, $$props, $$invalidate) {
6014
+ function instance$m($$self, $$props, $$invalidate) {
5985
6015
  let _gap;
5986
6016
 
5987
6017
  let {
@@ -6011,7 +6041,7 @@ class FlexRow extends SvelteElement {
6011
6041
  target: this.shadowRoot,
6012
6042
  props: attribute_to_object(this.attributes),
6013
6043
  customElement: true
6014
- }, instance$l, create_fragment$n, safe_not_equal, {
6044
+ }, instance$m, create_fragment$o, safe_not_equal, {
6015
6045
  gap: 1
6016
6046
  }, null);
6017
6047
 
@@ -6047,7 +6077,7 @@ class FlexRow extends SvelteElement {
6047
6077
  customElements.define("goa-flex-row", FlexRow);
6048
6078
  /* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.49.0 */
6049
6079
 
6050
- function create_fragment$m(ctx) {
6080
+ function create_fragment$n(ctx) {
6051
6081
  let div;
6052
6082
  return {
6053
6083
  c() {
@@ -6101,7 +6131,7 @@ function isFocusable(element) {
6101
6131
  }
6102
6132
  }
6103
6133
 
6104
- function instance$k($$self, $$props, $$invalidate) {
6134
+ function instance$l($$self, $$props, $$invalidate) {
6105
6135
  let isActive;
6106
6136
  let {
6107
6137
  active
@@ -6269,7 +6299,7 @@ class FocusTrap extends SvelteElement {
6269
6299
  target: this.shadowRoot,
6270
6300
  props: attribute_to_object(this.attributes),
6271
6301
  customElement: true
6272
- }, instance$k, create_fragment$m, safe_not_equal, {
6302
+ }, instance$l, create_fragment$n, safe_not_equal, {
6273
6303
  active: 1
6274
6304
  }, null);
6275
6305
 
@@ -6359,7 +6389,7 @@ function create_each_block$3(ctx) {
6359
6389
  };
6360
6390
  }
6361
6391
 
6362
- function create_fragment$l(ctx) {
6392
+ function create_fragment$m(ctx) {
6363
6393
  let section;
6364
6394
  let div;
6365
6395
  let t;
@@ -6447,7 +6477,7 @@ function create_fragment$l(ctx) {
6447
6477
  };
6448
6478
  }
6449
6479
 
6450
- function instance$j($$self, $$props, $$invalidate) {
6480
+ function instance$k($$self, $$props, $$invalidate) {
6451
6481
  let rootEl;
6452
6482
  let children = [];
6453
6483
  onMount(async () => {
@@ -6482,7 +6512,7 @@ class FooterMetaSection extends SvelteElement {
6482
6512
  target: this.shadowRoot,
6483
6513
  props: attribute_to_object(this.attributes),
6484
6514
  customElement: true
6485
- }, instance$j, create_fragment$l, safe_not_equal, {}, null);
6515
+ }, instance$k, create_fragment$m, safe_not_equal, {}, null);
6486
6516
 
6487
6517
  if (options) {
6488
6518
  if (options.target) {
@@ -6592,7 +6622,7 @@ function create_each_block$2(ctx) {
6592
6622
  };
6593
6623
  }
6594
6624
 
6595
- function create_fragment$k(ctx) {
6625
+ function create_fragment$l(ctx) {
6596
6626
  let section;
6597
6627
  let t0;
6598
6628
  let div;
@@ -6739,7 +6769,7 @@ function create_fragment$k(ctx) {
6739
6769
  };
6740
6770
  }
6741
6771
 
6742
- function instance$i($$self, $$props, $$invalidate) {
6772
+ function instance$j($$self, $$props, $$invalidate) {
6743
6773
  let {
6744
6774
  name = ""
6745
6775
  } = $$props;
@@ -6796,7 +6826,7 @@ class FooterNavSection extends SvelteElement {
6796
6826
  target: this.shadowRoot,
6797
6827
  props: attribute_to_object(this.attributes),
6798
6828
  customElement: true
6799
- }, instance$i, create_fragment$k, safe_not_equal, {
6829
+ }, instance$j, create_fragment$l, safe_not_equal, {
6800
6830
  name: 0,
6801
6831
  maxcolumncount: 1
6802
6832
  }, null);
@@ -6863,9 +6893,10 @@ function create_if_block$a(ctx) {
6863
6893
  };
6864
6894
  }
6865
6895
 
6866
- function create_fragment$j(ctx) {
6896
+ function create_fragment$k(ctx) {
6867
6897
  var _ctx$;
6868
6898
 
6899
+ let div5;
6869
6900
  let div4;
6870
6901
  let div0;
6871
6902
  let t0;
@@ -6877,13 +6908,15 @@ function create_fragment$j(ctx) {
6877
6908
  let a0;
6878
6909
  let t3;
6879
6910
  let a1;
6911
+ let div5_style_value;
6880
6912
  let if_block =
6881
6913
  /*navLinks*/
6882
- ((_ctx$ = ctx[1]) === null || _ctx$ === void 0 ? void 0 : _ctx$.length) && create_if_block$a();
6914
+ ((_ctx$ = ctx[2]) === null || _ctx$ === void 0 ? void 0 : _ctx$.length) && create_if_block$a();
6883
6915
  return {
6884
6916
  c() {
6885
6917
  var _ctx$2, _ctx$3;
6886
6918
 
6919
+ div5 = element("div");
6887
6920
  div4 = element("div");
6888
6921
  div0 = element("div");
6889
6922
  div0.innerHTML = `<slot name="nav"></slot>`;
@@ -6901,7 +6934,7 @@ function create_fragment$j(ctx) {
6901
6934
  a1 = element("a");
6902
6935
  a1.textContent = `© ${
6903
6936
  /*year*/
6904
- ctx[3]} Government of Alberta`;
6937
+ ctx[4]} Government of Alberta`;
6905
6938
  this.c = noop;
6906
6939
  attr(div0, "class", "nav-links");
6907
6940
  attr(div1, "class", "meta-links");
@@ -6911,16 +6944,21 @@ function create_fragment$j(ctx) {
6911
6944
  attr(div2, "class", "abgov");
6912
6945
  toggle_class(div2, "with-meta-links",
6913
6946
  /*metaLinks*/
6914
- (_ctx$2 = ctx[2]) === null || _ctx$2 === void 0 ? void 0 : _ctx$2.length);
6947
+ (_ctx$2 = ctx[3]) === null || _ctx$2 === void 0 ? void 0 : _ctx$2.length);
6915
6948
  attr(div3, "class", "meta-section");
6916
6949
  toggle_class(div3, "with-meta-links",
6917
6950
  /*metaLinks*/
6918
- (_ctx$3 = ctx[2]) === null || _ctx$3 === void 0 ? void 0 : _ctx$3.length);
6919
- attr(div4, "class", "app-footer");
6951
+ (_ctx$3 = ctx[3]) === null || _ctx$3 === void 0 ? void 0 : _ctx$3.length);
6952
+ attr(div4, "class", "content");
6953
+ attr(div5, "class", "app-footer");
6954
+ attr(div5, "style", div5_style_value = `--max-content-width: ${
6955
+ /*maxcontentwidth*/
6956
+ ctx[0] || "var(--layout-max-content-width)"}`);
6920
6957
  },
6921
6958
 
6922
6959
  m(target, anchor) {
6923
- insert(target, div4, anchor);
6960
+ insert(target, div5, anchor);
6961
+ append(div5, div4);
6924
6962
  append(div4, div0);
6925
6963
  append(div4, t0);
6926
6964
  if (if_block) if_block.m(div4, null);
@@ -6932,9 +6970,9 @@ function create_fragment$j(ctx) {
6932
6970
  append(div2, a0);
6933
6971
  append(div2, t3);
6934
6972
  append(div2, a1);
6935
- /*div4_binding*/
6973
+ /*div5_binding*/
6936
6974
 
6937
- ctx[4](div4);
6975
+ ctx[5](div5);
6938
6976
  },
6939
6977
 
6940
6978
  p(ctx, [dirty]) {
@@ -6942,7 +6980,7 @@ function create_fragment$j(ctx) {
6942
6980
 
6943
6981
  if (
6944
6982
  /*navLinks*/
6945
- (_ctx$4 = ctx[1]) !== null && _ctx$4 !== void 0 && _ctx$4.length) {
6983
+ (_ctx$4 = ctx[2]) !== null && _ctx$4 !== void 0 && _ctx$4.length) {
6946
6984
  if (if_block) ;else {
6947
6985
  if_block = create_if_block$a();
6948
6986
  if_block.c();
@@ -6955,22 +6993,30 @@ function create_fragment$j(ctx) {
6955
6993
 
6956
6994
  if (dirty &
6957
6995
  /*metaLinks*/
6958
- 4) {
6996
+ 8) {
6959
6997
  var _ctx$5;
6960
6998
 
6961
6999
  toggle_class(div2, "with-meta-links",
6962
7000
  /*metaLinks*/
6963
- (_ctx$5 = ctx[2]) === null || _ctx$5 === void 0 ? void 0 : _ctx$5.length);
7001
+ (_ctx$5 = ctx[3]) === null || _ctx$5 === void 0 ? void 0 : _ctx$5.length);
6964
7002
  }
6965
7003
 
6966
7004
  if (dirty &
6967
7005
  /*metaLinks*/
6968
- 4) {
7006
+ 8) {
6969
7007
  var _ctx$6;
6970
7008
 
6971
7009
  toggle_class(div3, "with-meta-links",
6972
7010
  /*metaLinks*/
6973
- (_ctx$6 = ctx[2]) === null || _ctx$6 === void 0 ? void 0 : _ctx$6.length);
7011
+ (_ctx$6 = ctx[3]) === null || _ctx$6 === void 0 ? void 0 : _ctx$6.length);
7012
+ }
7013
+
7014
+ if (dirty &
7015
+ /*maxcontentwidth*/
7016
+ 1 && div5_style_value !== (div5_style_value = `--max-content-width: ${
7017
+ /*maxcontentwidth*/
7018
+ ctx[0] || "var(--layout-max-content-width)"}`)) {
7019
+ attr(div5, "style", div5_style_value);
6974
7020
  }
6975
7021
  },
6976
7022
 
@@ -6978,17 +7024,20 @@ function create_fragment$j(ctx) {
6978
7024
  o: noop,
6979
7025
 
6980
7026
  d(detaching) {
6981
- if (detaching) detach(div4);
7027
+ if (detaching) detach(div5);
6982
7028
  if (if_block) if_block.d();
6983
- /*div4_binding*/
7029
+ /*div5_binding*/
6984
7030
 
6985
- ctx[4](null);
7031
+ ctx[5](null);
6986
7032
  }
6987
7033
 
6988
7034
  };
6989
7035
  }
6990
7036
 
6991
- function instance$h($$self, $$props, $$invalidate) {
7037
+ function instance$i($$self, $$props, $$invalidate) {
7038
+ let {
7039
+ maxcontentwidth = ""
7040
+ } = $$props;
6992
7041
  let rootEl;
6993
7042
  let navLinks;
6994
7043
  let metaLinks;
@@ -6997,37 +7046,63 @@ function instance$h($$self, $$props, $$invalidate) {
6997
7046
  await tick();
6998
7047
  const navSlot = rootEl.querySelector("slot[name=nav]");
6999
7048
  const metaSlot = rootEl.querySelector("slot[name=meta]");
7000
- $$invalidate(1, navLinks = navSlot.assignedElements());
7001
- $$invalidate(2, metaLinks = metaSlot.assignedElements());
7049
+ $$invalidate(2, navLinks = navSlot.assignedElements());
7050
+ $$invalidate(3, metaLinks = metaSlot.assignedElements());
7002
7051
  });
7003
7052
 
7004
- function div4_binding($$value) {
7053
+ function div5_binding($$value) {
7005
7054
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
7006
7055
  rootEl = $$value;
7007
- $$invalidate(0, rootEl);
7056
+ $$invalidate(1, rootEl);
7008
7057
  });
7009
7058
  }
7010
7059
 
7011
- return [rootEl, navLinks, metaLinks, year, div4_binding];
7060
+ $$self.$$set = $$props => {
7061
+ if ('maxcontentwidth' in $$props) $$invalidate(0, maxcontentwidth = $$props.maxcontentwidth);
7062
+ };
7063
+
7064
+ return [maxcontentwidth, rootEl, navLinks, metaLinks, year, div5_binding];
7012
7065
  }
7013
7066
 
7014
7067
  class Footer extends SvelteElement {
7015
7068
  constructor(options) {
7016
7069
  super();
7017
- 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>`;
7070
+ 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>`;
7018
7071
  init(this, {
7019
7072
  target: this.shadowRoot,
7020
7073
  props: attribute_to_object(this.attributes),
7021
7074
  customElement: true
7022
- }, instance$h, create_fragment$j, safe_not_equal, {}, null);
7075
+ }, instance$i, create_fragment$k, safe_not_equal, {
7076
+ maxcontentwidth: 0
7077
+ }, null);
7023
7078
 
7024
7079
  if (options) {
7025
7080
  if (options.target) {
7026
7081
  insert(options.target, this, options.anchor);
7027
7082
  }
7083
+
7084
+ if (options.props) {
7085
+ this.$set(options.props);
7086
+ flush();
7087
+ }
7028
7088
  }
7029
7089
  }
7030
7090
 
7091
+ static get observedAttributes() {
7092
+ return ["maxcontentwidth"];
7093
+ }
7094
+
7095
+ get maxcontentwidth() {
7096
+ return this.$$.ctx[0];
7097
+ }
7098
+
7099
+ set maxcontentwidth(maxcontentwidth) {
7100
+ this.$$set({
7101
+ maxcontentwidth
7102
+ });
7103
+ flush();
7104
+ }
7105
+
7031
7106
  }
7032
7107
 
7033
7108
  customElements.define("goa-app-footer", Footer);
@@ -7173,7 +7248,7 @@ function create_if_block$9(ctx) {
7173
7248
  };
7174
7249
  }
7175
7250
 
7176
- function create_fragment$i(ctx) {
7251
+ function create_fragment$j(ctx) {
7177
7252
  let div1;
7178
7253
  let t0;
7179
7254
  let div0;
@@ -7275,7 +7350,7 @@ function create_fragment$i(ctx) {
7275
7350
  };
7276
7351
  }
7277
7352
 
7278
- function instance$g($$self, $$props, $$invalidate) {
7353
+ function instance$h($$self, $$props, $$invalidate) {
7279
7354
  let isOptional;
7280
7355
  let {
7281
7356
  label = ""
@@ -7316,7 +7391,7 @@ class FormItem extends SvelteElement {
7316
7391
  target: this.shadowRoot,
7317
7392
  props: attribute_to_object(this.attributes),
7318
7393
  customElement: true
7319
- }, instance$g, create_fragment$i, safe_not_equal, {
7394
+ }, instance$h, create_fragment$j, safe_not_equal, {
7320
7395
  label: 0,
7321
7396
  helptext: 1,
7322
7397
  error: 2,
@@ -7388,7 +7463,7 @@ class FormItem extends SvelteElement {
7388
7463
  customElements.define("goa-form-item", FormItem);
7389
7464
  /* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.49.0 */
7390
7465
 
7391
- function create_fragment$h(ctx) {
7466
+ function create_fragment$i(ctx) {
7392
7467
  let div1;
7393
7468
  let goa_page_block;
7394
7469
  let h1;
@@ -7462,7 +7537,7 @@ function create_fragment$h(ctx) {
7462
7537
  };
7463
7538
  }
7464
7539
 
7465
- function instance$f($$self, $$props, $$invalidate) {
7540
+ function instance$g($$self, $$props, $$invalidate) {
7466
7541
  let {
7467
7542
  heading
7468
7543
  } = $$props;
@@ -7486,7 +7561,7 @@ class HeroBanner extends SvelteElement {
7486
7561
  target: this.shadowRoot,
7487
7562
  props: attribute_to_object(this.attributes),
7488
7563
  customElement: true
7489
- }, instance$f, create_fragment$h, safe_not_equal, {
7564
+ }, instance$g, create_fragment$i, safe_not_equal, {
7490
7565
  heading: 0,
7491
7566
  backgroundurl: 1
7492
7567
  }, null);
@@ -7534,7 +7609,7 @@ class HeroBanner extends SvelteElement {
7534
7609
  customElements.define("goa-hero-banner", HeroBanner);
7535
7610
  /* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.49.0 */
7536
7611
 
7537
- function create_fragment$g(ctx) {
7612
+ function create_fragment$h(ctx) {
7538
7613
  let button;
7539
7614
  let goa_icon;
7540
7615
  let mounted;
@@ -7689,7 +7764,7 @@ function handleClick(e) {
7689
7764
  }));
7690
7765
  }
7691
7766
 
7692
- function instance$e($$self, $$props, $$invalidate) {
7767
+ function instance$f($$self, $$props, $$invalidate) {
7693
7768
  let css;
7694
7769
  let isDisabled;
7695
7770
  let isInverted;
@@ -7774,7 +7849,7 @@ class IconButton extends SvelteElement {
7774
7849
  target: this.shadowRoot,
7775
7850
  props: attribute_to_object(this.attributes),
7776
7851
  customElement: true
7777
- }, instance$e, create_fragment$g, safe_not_equal, {
7852
+ }, instance$f, create_fragment$h, safe_not_equal, {
7778
7853
  type: 0,
7779
7854
  size: 1,
7780
7855
  theme: 2,
@@ -7942,7 +8017,7 @@ function create_if_block$8(ctx) {
7942
8017
  };
7943
8018
  }
7944
8019
 
7945
- function create_fragment$f(ctx) {
8020
+ function create_fragment$g(ctx) {
7946
8021
  let div;
7947
8022
  let div_data_testid_value;
7948
8023
  let div_style_value;
@@ -8056,7 +8131,7 @@ function create_fragment$f(ctx) {
8056
8131
  };
8057
8132
  }
8058
8133
 
8059
- function instance$d($$self, $$props, $$invalidate) {
8134
+ function instance$e($$self, $$props, $$invalidate) {
8060
8135
  let isInverted;
8061
8136
 
8062
8137
  let _size;
@@ -8126,7 +8201,7 @@ class Icon extends SvelteElement {
8126
8201
  target: this.shadowRoot,
8127
8202
  props: attribute_to_object(this.attributes),
8128
8203
  customElement: true
8129
- }, instance$d, create_fragment$f, safe_not_equal, {
8204
+ }, instance$e, create_fragment$g, safe_not_equal, {
8130
8205
  type: 0,
8131
8206
  size: 8,
8132
8207
  theme: 1,
@@ -8254,7 +8329,7 @@ function create_if_block_7(ctx) {
8254
8329
  div = element("div");
8255
8330
  t = text(
8256
8331
  /*prefix*/
8257
- ctx[13]);
8332
+ ctx[14]);
8258
8333
  attr(div, "class", "prefix");
8259
8334
  },
8260
8335
 
@@ -8264,11 +8339,11 @@ function create_if_block_7(ctx) {
8264
8339
  },
8265
8340
 
8266
8341
  p(ctx, dirty) {
8267
- if (dirty &
8342
+ if (dirty[0] &
8268
8343
  /*prefix*/
8269
- 8192) set_data(t,
8344
+ 16384) set_data(t,
8270
8345
  /*prefix*/
8271
- ctx[13]);
8346
+ ctx[14]);
8272
8347
  },
8273
8348
 
8274
8349
  d(detaching) {
@@ -8276,7 +8351,7 @@ function create_if_block_7(ctx) {
8276
8351
  }
8277
8352
 
8278
8353
  };
8279
- } // (81:4) {#if leadingicon}
8354
+ } // (82:4) {#if leadingicon}
8280
8355
 
8281
8356
 
8282
8357
  function create_if_block_6(ctx) {
@@ -8288,7 +8363,7 @@ function create_if_block_6(ctx) {
8288
8363
  set_custom_element_data(goa_icon, "data-testid", "leading-icon");
8289
8364
  set_custom_element_data(goa_icon, "type",
8290
8365
  /*leadingicon*/
8291
- ctx[4]);
8366
+ ctx[5]);
8292
8367
  },
8293
8368
 
8294
8369
  m(target, anchor) {
@@ -8296,12 +8371,12 @@ function create_if_block_6(ctx) {
8296
8371
  },
8297
8372
 
8298
8373
  p(ctx, dirty) {
8299
- if (dirty &
8374
+ if (dirty[0] &
8300
8375
  /*leadingicon*/
8301
- 16) {
8376
+ 32) {
8302
8377
  set_custom_element_data(goa_icon, "type",
8303
8378
  /*leadingicon*/
8304
- ctx[4]);
8379
+ ctx[5]);
8305
8380
  }
8306
8381
  },
8307
8382
 
@@ -8310,7 +8385,7 @@ function create_if_block_6(ctx) {
8310
8385
  }
8311
8386
 
8312
8387
  };
8313
- } // (110:4) {#if trailingicon && !handlesTrailingIconClick}
8388
+ } // (112:4) {#if trailingicon && !handlesTrailingIconClick}
8314
8389
 
8315
8390
 
8316
8391
  function create_if_block_5(ctx) {
@@ -8323,7 +8398,7 @@ function create_if_block_5(ctx) {
8323
8398
  set_custom_element_data(goa_icon, "size", "medium");
8324
8399
  set_custom_element_data(goa_icon, "type",
8325
8400
  /*trailingicon*/
8326
- ctx[5]);
8401
+ ctx[6]);
8327
8402
  },
8328
8403
 
8329
8404
  m(target, anchor) {
@@ -8331,12 +8406,12 @@ function create_if_block_5(ctx) {
8331
8406
  },
8332
8407
 
8333
8408
  p(ctx, dirty) {
8334
- if (dirty &
8409
+ if (dirty[0] &
8335
8410
  /*trailingicon*/
8336
- 32) {
8411
+ 64) {
8337
8412
  set_custom_element_data(goa_icon, "type",
8338
8413
  /*trailingicon*/
8339
- ctx[5]);
8414
+ ctx[6]);
8340
8415
  }
8341
8416
  },
8342
8417
 
@@ -8345,7 +8420,7 @@ function create_if_block_5(ctx) {
8345
8420
  }
8346
8421
 
8347
8422
  };
8348
- } // (120:4) {#if trailingicon && handlesTrailingIconClick}
8423
+ } // (122:4) {#if trailingicon && handlesTrailingIconClick}
8349
8424
 
8350
8425
 
8351
8426
  function create_if_block_4(ctx) {
@@ -8357,12 +8432,12 @@ function create_if_block_4(ctx) {
8357
8432
  goa_icon_button = element("goa-icon-button");
8358
8433
  set_custom_element_data(goa_icon_button, "disabled",
8359
8434
  /*isDisabled*/
8360
- ctx[18]);
8435
+ ctx[19]);
8361
8436
  set_custom_element_data(goa_icon_button, "variant", "nocolor");
8362
8437
  set_custom_element_data(goa_icon_button, "size", "medium");
8363
8438
  set_custom_element_data(goa_icon_button, "type",
8364
8439
  /*trailingicon*/
8365
- ctx[5]);
8440
+ ctx[6]);
8366
8441
  set_custom_element_data(goa_icon_button, "data-testid", "trailing-icon-button");
8367
8442
  },
8368
8443
 
@@ -8376,20 +8451,20 @@ function create_if_block_4(ctx) {
8376
8451
  },
8377
8452
 
8378
8453
  p(ctx, dirty) {
8379
- if (dirty &
8454
+ if (dirty[0] &
8380
8455
  /*isDisabled*/
8381
- 262144) {
8456
+ 524288) {
8382
8457
  set_custom_element_data(goa_icon_button, "disabled",
8383
8458
  /*isDisabled*/
8384
- ctx[18]);
8459
+ ctx[19]);
8385
8460
  }
8386
8461
 
8387
- if (dirty &
8462
+ if (dirty[0] &
8388
8463
  /*trailingicon*/
8389
- 32) {
8464
+ 64) {
8390
8465
  set_custom_element_data(goa_icon_button, "type",
8391
8466
  /*trailingicon*/
8392
- ctx[5]);
8467
+ ctx[6]);
8393
8468
  }
8394
8469
  },
8395
8470
 
@@ -8400,7 +8475,7 @@ function create_if_block_4(ctx) {
8400
8475
  }
8401
8476
 
8402
8477
  };
8403
- } // (131:4) {#if suffix}
8478
+ } // (133:4) {#if suffix}
8404
8479
 
8405
8480
 
8406
8481
  function create_if_block_3$2(ctx) {
@@ -8411,7 +8486,7 @@ function create_if_block_3$2(ctx) {
8411
8486
  span = element("span");
8412
8487
  t = text(
8413
8488
  /*suffix*/
8414
- ctx[14]);
8489
+ ctx[15]);
8415
8490
  attr(span, "class", "suffix");
8416
8491
  },
8417
8492
 
@@ -8421,11 +8496,11 @@ function create_if_block_3$2(ctx) {
8421
8496
  },
8422
8497
 
8423
8498
  p(ctx, dirty) {
8424
- if (dirty &
8499
+ if (dirty[0] &
8425
8500
  /*suffix*/
8426
- 16384) set_data(t,
8501
+ 32768) set_data(t,
8427
8502
  /*suffix*/
8428
- ctx[14]);
8503
+ ctx[15]);
8429
8504
  },
8430
8505
 
8431
8506
  d(detaching) {
@@ -8433,7 +8508,7 @@ function create_if_block_3$2(ctx) {
8433
8508
  }
8434
8509
 
8435
8510
  };
8436
- } // (137:2) {#if showCounter}
8511
+ } // (139:2) {#if showCounter}
8437
8512
 
8438
8513
 
8439
8514
  function create_if_block$7(ctx) {
@@ -8442,7 +8517,7 @@ function create_if_block$7(ctx) {
8442
8517
  function select_block_type(ctx, dirty) {
8443
8518
  if (
8444
8519
  /*maxcharcount*/
8445
- ctx[15] > 0) return create_if_block_1$5;
8520
+ ctx[16] > 0) return create_if_block_1$5;
8446
8521
  if (
8447
8522
  /*value*/
8448
8523
  ctx[0].length > 0) return create_if_block_2$4;
@@ -8484,7 +8559,7 @@ function create_if_block$7(ctx) {
8484
8559
  }
8485
8560
 
8486
8561
  };
8487
- } // (142:31)
8562
+ } // (144:31)
8488
8563
 
8489
8564
 
8490
8565
  function create_if_block_2$4(ctx) {
@@ -8506,7 +8581,7 @@ function create_if_block_2$4(ctx) {
8506
8581
  },
8507
8582
 
8508
8583
  p(ctx, dirty) {
8509
- if (dirty &
8584
+ if (dirty[0] &
8510
8585
  /*value*/
8511
8586
  1 && t_value !== (t_value =
8512
8587
  /*value*/
@@ -8518,7 +8593,7 @@ function create_if_block_2$4(ctx) {
8518
8593
  }
8519
8594
 
8520
8595
  };
8521
- } // (138:4) {#if maxcharcount > 0}
8596
+ } // (140:4) {#if maxcharcount > 0}
8522
8597
 
8523
8598
 
8524
8599
  function create_if_block_1$5(ctx) {
@@ -8529,7 +8604,7 @@ function create_if_block_1$5(ctx) {
8529
8604
  let t0;
8530
8605
  let t1_value = `/${
8531
8606
  /*maxcharcount*/
8532
- ctx[15]}` + "";
8607
+ ctx[16]}` + "";
8533
8608
  let t1;
8534
8609
  return {
8535
8610
  c() {
@@ -8541,7 +8616,7 @@ function create_if_block_1$5(ctx) {
8541
8616
  /*value*/
8542
8617
  ctx[0].length >
8543
8618
  /*maxcharcount*/
8544
- ctx[15]);
8619
+ ctx[16]);
8545
8620
  },
8546
8621
 
8547
8622
  m(target, anchor) {
@@ -8551,25 +8626,25 @@ function create_if_block_1$5(ctx) {
8551
8626
  },
8552
8627
 
8553
8628
  p(ctx, dirty) {
8554
- if (dirty &
8629
+ if (dirty[0] &
8555
8630
  /*value*/
8556
8631
  1 && t0_value !== (t0_value =
8557
8632
  /*value*/
8558
8633
  ctx[0].length + "")) set_data(t0, t0_value);
8559
- if (dirty &
8634
+ if (dirty[0] &
8560
8635
  /*maxcharcount*/
8561
- 32768 && t1_value !== (t1_value = `/${
8636
+ 65536 && t1_value !== (t1_value = `/${
8562
8637
  /*maxcharcount*/
8563
- ctx[15]}` + "")) set_data(t1, t1_value);
8638
+ ctx[16]}` + "")) set_data(t1, t1_value);
8564
8639
 
8565
- if (dirty &
8640
+ if (dirty[0] &
8566
8641
  /*value, maxcharcount*/
8567
- 32769) {
8642
+ 65537) {
8568
8643
  toggle_class(div, "counter-error",
8569
8644
  /*value*/
8570
8645
  ctx[0].length >
8571
8646
  /*maxcharcount*/
8572
- ctx[15]);
8647
+ ctx[16]);
8573
8648
  }
8574
8649
  },
8575
8650
 
@@ -8580,7 +8655,7 @@ function create_if_block_1$5(ctx) {
8580
8655
  };
8581
8656
  }
8582
8657
 
8583
- function create_fragment$e(ctx) {
8658
+ function create_fragment$f(ctx) {
8584
8659
  let div1;
8585
8660
  let div0;
8586
8661
  let t0;
@@ -8599,26 +8674,26 @@ function create_fragment$e(ctx) {
8599
8674
  let dispose;
8600
8675
  let if_block0 =
8601
8676
  /*prefix*/
8602
- ctx[13] && create_if_block_7(ctx);
8677
+ ctx[14] && create_if_block_7(ctx);
8603
8678
  let if_block1 =
8604
8679
  /*leadingicon*/
8605
- ctx[4] && create_if_block_6(ctx);
8680
+ ctx[5] && create_if_block_6(ctx);
8606
8681
  let if_block2 =
8607
8682
  /*trailingicon*/
8608
- ctx[5] && !
8683
+ ctx[6] && !
8609
8684
  /*handlesTrailingIconClick*/
8610
- ctx[21] && create_if_block_5(ctx);
8685
+ ctx[22] && create_if_block_5(ctx);
8611
8686
  let if_block3 =
8612
8687
  /*trailingicon*/
8613
- ctx[5] &&
8688
+ ctx[6] &&
8614
8689
  /*handlesTrailingIconClick*/
8615
- ctx[21] && create_if_block_4(ctx);
8690
+ ctx[22] && create_if_block_4(ctx);
8616
8691
  let if_block4 =
8617
8692
  /*suffix*/
8618
- ctx[14] && create_if_block_3$2(ctx);
8693
+ ctx[15] && create_if_block_3$2(ctx);
8619
8694
  let if_block5 =
8620
8695
  /*showCounter*/
8621
- ctx[17] && create_if_block$7(ctx);
8696
+ ctx[18] && create_if_block$7(ctx);
8622
8697
  return {
8623
8698
  c() {
8624
8699
  div1 = element("div");
@@ -8639,19 +8714,22 @@ function create_fragment$e(ctx) {
8639
8714
  this.c = noop;
8640
8715
  attr(input, "class", input_class_value = `input--${
8641
8716
  /*variant*/
8642
- ctx[6]}`);
8717
+ ctx[7]}`);
8643
8718
  attr(input, "style", input_style_value = `--search-icon-offset: ${
8644
8719
  /*trailingicon*/
8645
- ctx[5] ? "-0.5rem" : "0"}`);
8720
+ ctx[6] ? "-0.5rem" : "0"}`);
8646
8721
  input.readOnly =
8647
8722
  /*isReadonly*/
8648
- ctx[20];
8723
+ ctx[21];
8649
8724
  input.disabled =
8650
8725
  /*isDisabled*/
8651
- ctx[18];
8726
+ ctx[19];
8652
8727
  attr(input, "data-testid",
8653
8728
  /*testid*/
8654
- ctx[7]);
8729
+ ctx[8]);
8730
+ attr(input, "autocapitalize",
8731
+ /*autocapitalize*/
8732
+ ctx[3]);
8655
8733
  attr(input, "name",
8656
8734
  /*name*/
8657
8735
  ctx[2]);
@@ -8663,42 +8741,42 @@ function create_fragment$e(ctx) {
8663
8741
  ctx[0];
8664
8742
  attr(input, "placeholder",
8665
8743
  /*placeholder*/
8666
- ctx[3]);
8744
+ ctx[4]);
8667
8745
  attr(input, "min",
8668
8746
  /*min*/
8669
- ctx[10]);
8747
+ ctx[11]);
8670
8748
  attr(input, "max",
8671
8749
  /*max*/
8672
- ctx[11]);
8750
+ ctx[12]);
8673
8751
  attr(input, "step",
8674
8752
  /*step*/
8675
- ctx[12]);
8753
+ ctx[13]);
8676
8754
  attr(input, "role", "textbox");
8677
8755
  attr(input, "aria-label", input_aria_label_value =
8678
8756
  /*arialabel*/
8679
- ctx[9] ||
8757
+ ctx[10] ||
8680
8758
  /*name*/
8681
8759
  ctx[2]);
8682
8760
  attr(div0, "class", div0_class_value = `
8683
8761
  goa-input
8684
8762
  ${
8685
8763
  /*isDisabled*/
8686
- ctx[18] ? "goa-input--disabled" : ""}
8764
+ ctx[19] ? "goa-input--disabled" : ""}
8687
8765
  variant--${
8688
8766
  /*variant*/
8689
- ctx[6]}
8767
+ ctx[7]}
8690
8768
  type--${
8691
8769
  /*type*/
8692
8770
  ctx[1]}
8693
8771
  `);
8694
8772
  toggle_class(div0, "error",
8695
8773
  /*isError*/
8696
- ctx[19]);
8774
+ ctx[20]);
8697
8775
  attr(div1, "class", "container");
8698
8776
  attr(div1, "style", div1_style_value = `
8699
8777
  --width: ${
8700
8778
  /*width*/
8701
- ctx[8]};
8779
+ ctx[9]};
8702
8780
  `);
8703
8781
  },
8704
8782
 
@@ -8712,7 +8790,7 @@ function create_fragment$e(ctx) {
8712
8790
  append(div0, input);
8713
8791
  /*input_binding*/
8714
8792
 
8715
- ctx[30](input);
8793
+ ctx[31](input);
8716
8794
  append(div0, t2);
8717
8795
  if (if_block2) if_block2.m(div0, null);
8718
8796
  append(div0, t3);
@@ -8725,17 +8803,17 @@ function create_fragment$e(ctx) {
8725
8803
  if (!mounted) {
8726
8804
  dispose = [listen(input, "keyup",
8727
8805
  /*onKeyUp*/
8728
- ctx[22]), listen(input, "change",
8806
+ ctx[23]), listen(input, "change",
8729
8807
  /*onKeyUp*/
8730
- ctx[22])];
8808
+ ctx[23])];
8731
8809
  mounted = true;
8732
8810
  }
8733
8811
  },
8734
8812
 
8735
- p(ctx, [dirty]) {
8813
+ p(ctx, dirty) {
8736
8814
  if (
8737
8815
  /*prefix*/
8738
- ctx[13]) {
8816
+ ctx[14]) {
8739
8817
  if (if_block0) {
8740
8818
  if_block0.p(ctx, dirty);
8741
8819
  } else {
@@ -8750,7 +8828,7 @@ function create_fragment$e(ctx) {
8750
8828
 
8751
8829
  if (
8752
8830
  /*leadingicon*/
8753
- ctx[4]) {
8831
+ ctx[5]) {
8754
8832
  if (if_block1) {
8755
8833
  if_block1.p(ctx, dirty);
8756
8834
  } else {
@@ -8763,47 +8841,55 @@ function create_fragment$e(ctx) {
8763
8841
  if_block1 = null;
8764
8842
  }
8765
8843
 
8766
- if (dirty &
8844
+ if (dirty[0] &
8767
8845
  /*variant*/
8768
- 64 && input_class_value !== (input_class_value = `input--${
8846
+ 128 && input_class_value !== (input_class_value = `input--${
8769
8847
  /*variant*/
8770
- ctx[6]}`)) {
8848
+ ctx[7]}`)) {
8771
8849
  attr(input, "class", input_class_value);
8772
8850
  }
8773
8851
 
8774
- if (dirty &
8852
+ if (dirty[0] &
8775
8853
  /*trailingicon*/
8776
- 32 && input_style_value !== (input_style_value = `--search-icon-offset: ${
8854
+ 64 && input_style_value !== (input_style_value = `--search-icon-offset: ${
8777
8855
  /*trailingicon*/
8778
- ctx[5] ? "-0.5rem" : "0"}`)) {
8856
+ ctx[6] ? "-0.5rem" : "0"}`)) {
8779
8857
  attr(input, "style", input_style_value);
8780
8858
  }
8781
8859
 
8782
- if (dirty &
8860
+ if (dirty[0] &
8783
8861
  /*isReadonly*/
8784
- 1048576) {
8862
+ 2097152) {
8785
8863
  input.readOnly =
8786
8864
  /*isReadonly*/
8787
- ctx[20];
8865
+ ctx[21];
8788
8866
  }
8789
8867
 
8790
- if (dirty &
8868
+ if (dirty[0] &
8791
8869
  /*isDisabled*/
8792
- 262144) {
8870
+ 524288) {
8793
8871
  input.disabled =
8794
8872
  /*isDisabled*/
8795
- ctx[18];
8873
+ ctx[19];
8796
8874
  }
8797
8875
 
8798
- if (dirty &
8876
+ if (dirty[0] &
8799
8877
  /*testid*/
8800
- 128) {
8878
+ 256) {
8801
8879
  attr(input, "data-testid",
8802
8880
  /*testid*/
8803
- ctx[7]);
8881
+ ctx[8]);
8804
8882
  }
8805
8883
 
8806
- if (dirty &
8884
+ if (dirty[0] &
8885
+ /*autocapitalize*/
8886
+ 8) {
8887
+ attr(input, "autocapitalize",
8888
+ /*autocapitalize*/
8889
+ ctx[3]);
8890
+ }
8891
+
8892
+ if (dirty[0] &
8807
8893
  /*name*/
8808
8894
  4) {
8809
8895
  attr(input, "name",
@@ -8811,7 +8897,7 @@ function create_fragment$e(ctx) {
8811
8897
  ctx[2]);
8812
8898
  }
8813
8899
 
8814
- if (dirty &
8900
+ if (dirty[0] &
8815
8901
  /*type*/
8816
8902
  2) {
8817
8903
  attr(input, "type",
@@ -8819,7 +8905,7 @@ function create_fragment$e(ctx) {
8819
8905
  ctx[1]);
8820
8906
  }
8821
8907
 
8822
- if (dirty &
8908
+ if (dirty[0] &
8823
8909
  /*value*/
8824
8910
  1 && input.value !==
8825
8911
  /*value*/
@@ -8829,43 +8915,43 @@ function create_fragment$e(ctx) {
8829
8915
  ctx[0];
8830
8916
  }
8831
8917
 
8832
- if (dirty &
8918
+ if (dirty[0] &
8833
8919
  /*placeholder*/
8834
- 8) {
8920
+ 16) {
8835
8921
  attr(input, "placeholder",
8836
8922
  /*placeholder*/
8837
- ctx[3]);
8923
+ ctx[4]);
8838
8924
  }
8839
8925
 
8840
- if (dirty &
8926
+ if (dirty[0] &
8841
8927
  /*min*/
8842
- 1024) {
8928
+ 2048) {
8843
8929
  attr(input, "min",
8844
8930
  /*min*/
8845
- ctx[10]);
8931
+ ctx[11]);
8846
8932
  }
8847
8933
 
8848
- if (dirty &
8934
+ if (dirty[0] &
8849
8935
  /*max*/
8850
- 2048) {
8936
+ 4096) {
8851
8937
  attr(input, "max",
8852
8938
  /*max*/
8853
- ctx[11]);
8939
+ ctx[12]);
8854
8940
  }
8855
8941
 
8856
- if (dirty &
8942
+ if (dirty[0] &
8857
8943
  /*step*/
8858
- 4096) {
8944
+ 8192) {
8859
8945
  attr(input, "step",
8860
8946
  /*step*/
8861
- ctx[12]);
8947
+ ctx[13]);
8862
8948
  }
8863
8949
 
8864
- if (dirty &
8950
+ if (dirty[0] &
8865
8951
  /*arialabel, name*/
8866
- 516 && input_aria_label_value !== (input_aria_label_value =
8952
+ 1028 && input_aria_label_value !== (input_aria_label_value =
8867
8953
  /*arialabel*/
8868
- ctx[9] ||
8954
+ ctx[10] ||
8869
8955
  /*name*/
8870
8956
  ctx[2])) {
8871
8957
  attr(input, "aria-label", input_aria_label_value);
@@ -8873,9 +8959,9 @@ function create_fragment$e(ctx) {
8873
8959
 
8874
8960
  if (
8875
8961
  /*trailingicon*/
8876
- ctx[5] && !
8962
+ ctx[6] && !
8877
8963
  /*handlesTrailingIconClick*/
8878
- ctx[21]) {
8964
+ ctx[22]) {
8879
8965
  if (if_block2) {
8880
8966
  if_block2.p(ctx, dirty);
8881
8967
  } else {
@@ -8890,9 +8976,9 @@ function create_fragment$e(ctx) {
8890
8976
 
8891
8977
  if (
8892
8978
  /*trailingicon*/
8893
- ctx[5] &&
8979
+ ctx[6] &&
8894
8980
  /*handlesTrailingIconClick*/
8895
- ctx[21]) {
8981
+ ctx[22]) {
8896
8982
  if (if_block3) {
8897
8983
  if_block3.p(ctx, dirty);
8898
8984
  } else {
@@ -8907,7 +8993,7 @@ function create_fragment$e(ctx) {
8907
8993
 
8908
8994
  if (
8909
8995
  /*suffix*/
8910
- ctx[14]) {
8996
+ ctx[15]) {
8911
8997
  if (if_block4) {
8912
8998
  if_block4.p(ctx, dirty);
8913
8999
  } else {
@@ -8920,16 +9006,16 @@ function create_fragment$e(ctx) {
8920
9006
  if_block4 = null;
8921
9007
  }
8922
9008
 
8923
- if (dirty &
9009
+ if (dirty[0] &
8924
9010
  /*isDisabled, variant, type*/
8925
- 262210 && div0_class_value !== (div0_class_value = `
9011
+ 524418 && div0_class_value !== (div0_class_value = `
8926
9012
  goa-input
8927
9013
  ${
8928
9014
  /*isDisabled*/
8929
- ctx[18] ? "goa-input--disabled" : ""}
9015
+ ctx[19] ? "goa-input--disabled" : ""}
8930
9016
  variant--${
8931
9017
  /*variant*/
8932
- ctx[6]}
9018
+ ctx[7]}
8933
9019
  type--${
8934
9020
  /*type*/
8935
9021
  ctx[1]}
@@ -8937,17 +9023,17 @@ function create_fragment$e(ctx) {
8937
9023
  attr(div0, "class", div0_class_value);
8938
9024
  }
8939
9025
 
8940
- if (dirty &
9026
+ if (dirty[0] &
8941
9027
  /*isDisabled, variant, type, isError*/
8942
- 786498) {
9028
+ 1572994) {
8943
9029
  toggle_class(div0, "error",
8944
9030
  /*isError*/
8945
- ctx[19]);
9031
+ ctx[20]);
8946
9032
  }
8947
9033
 
8948
9034
  if (
8949
9035
  /*showCounter*/
8950
- ctx[17]) {
9036
+ ctx[18]) {
8951
9037
  if (if_block5) {
8952
9038
  if_block5.p(ctx, dirty);
8953
9039
  } else {
@@ -8960,12 +9046,12 @@ function create_fragment$e(ctx) {
8960
9046
  if_block5 = null;
8961
9047
  }
8962
9048
 
8963
- if (dirty &
9049
+ if (dirty[0] &
8964
9050
  /*width*/
8965
- 256 && div1_style_value !== (div1_style_value = `
9051
+ 512 && div1_style_value !== (div1_style_value = `
8966
9052
  --width: ${
8967
9053
  /*width*/
8968
- ctx[8]};
9054
+ ctx[9]};
8969
9055
  `)) {
8970
9056
  attr(div1, "style", div1_style_value);
8971
9057
  }
@@ -8980,7 +9066,7 @@ function create_fragment$e(ctx) {
8980
9066
  if (if_block1) if_block1.d();
8981
9067
  /*input_binding*/
8982
9068
 
8983
- ctx[30](null);
9069
+ ctx[31](null);
8984
9070
  if (if_block2) if_block2.d();
8985
9071
  if (if_block3) if_block3.d();
8986
9072
  if (if_block4) if_block4.d();
@@ -8998,7 +9084,7 @@ function doClick() {
8998
9084
  }));
8999
9085
  }
9000
9086
 
9001
- function instance$c($$self, $$props, $$invalidate) {
9087
+ function instance$d($$self, $$props, $$invalidate) {
9002
9088
  let handlesTrailingIconClick;
9003
9089
  let isFocused;
9004
9090
  let isReadonly;
@@ -9014,6 +9100,9 @@ function instance$c($$self, $$props, $$invalidate) {
9014
9100
  let {
9015
9101
  value = ""
9016
9102
  } = $$props;
9103
+ let {
9104
+ autocapitalize = "off"
9105
+ } = $$props;
9017
9106
  let {
9018
9107
  placeholder = ""
9019
9108
  } = $$props;
@@ -9089,7 +9178,7 @@ function instance$c($$self, $$props, $$invalidate) {
9089
9178
  function input_binding($$value) {
9090
9179
  binding_callbacks[$$value ? 'unshift' : 'push'](() => {
9091
9180
  inputEl = $$value;
9092
- $$invalidate(16, inputEl);
9181
+ $$invalidate(17, inputEl);
9093
9182
  });
9094
9183
  }
9095
9184
 
@@ -9097,75 +9186,76 @@ function instance$c($$self, $$props, $$invalidate) {
9097
9186
  if ('type' in $$props) $$invalidate(1, type = $$props.type);
9098
9187
  if ('name' in $$props) $$invalidate(2, name = $$props.name);
9099
9188
  if ('value' in $$props) $$invalidate(0, value = $$props.value);
9100
- if ('placeholder' in $$props) $$invalidate(3, placeholder = $$props.placeholder);
9101
- if ('leadingicon' in $$props) $$invalidate(4, leadingicon = $$props.leadingicon);
9102
- if ('trailingicon' in $$props) $$invalidate(5, trailingicon = $$props.trailingicon);
9103
- if ('variant' in $$props) $$invalidate(6, variant = $$props.variant);
9104
- if ('disabled' in $$props) $$invalidate(23, disabled = $$props.disabled);
9105
- if ('handletrailingiconclick' in $$props) $$invalidate(24, handletrailingiconclick = $$props.handletrailingiconclick);
9106
- if ('focused' in $$props) $$invalidate(25, focused = $$props.focused);
9107
- if ('readonly' in $$props) $$invalidate(26, readonly = $$props.readonly);
9108
- if ('error' in $$props) $$invalidate(27, error = $$props.error);
9109
- if ('testid' in $$props) $$invalidate(7, testid = $$props.testid);
9110
- if ('width' in $$props) $$invalidate(8, width = $$props.width);
9111
- if ('arialabel' in $$props) $$invalidate(9, arialabel = $$props.arialabel);
9112
- if ('min' in $$props) $$invalidate(10, min = $$props.min);
9113
- if ('max' in $$props) $$invalidate(11, max = $$props.max);
9114
- if ('step' in $$props) $$invalidate(12, step = $$props.step);
9115
- if ('prefix' in $$props) $$invalidate(13, prefix = $$props.prefix);
9116
- if ('suffix' in $$props) $$invalidate(14, suffix = $$props.suffix);
9117
- if ('showcounter' in $$props) $$invalidate(28, showcounter = $$props.showcounter);
9118
- if ('maxcharcount' in $$props) $$invalidate(15, maxcharcount = $$props.maxcharcount);
9189
+ if ('autocapitalize' in $$props) $$invalidate(3, autocapitalize = $$props.autocapitalize);
9190
+ if ('placeholder' in $$props) $$invalidate(4, placeholder = $$props.placeholder);
9191
+ if ('leadingicon' in $$props) $$invalidate(5, leadingicon = $$props.leadingicon);
9192
+ if ('trailingicon' in $$props) $$invalidate(6, trailingicon = $$props.trailingicon);
9193
+ if ('variant' in $$props) $$invalidate(7, variant = $$props.variant);
9194
+ if ('disabled' in $$props) $$invalidate(24, disabled = $$props.disabled);
9195
+ if ('handletrailingiconclick' in $$props) $$invalidate(25, handletrailingiconclick = $$props.handletrailingiconclick);
9196
+ if ('focused' in $$props) $$invalidate(26, focused = $$props.focused);
9197
+ if ('readonly' in $$props) $$invalidate(27, readonly = $$props.readonly);
9198
+ if ('error' in $$props) $$invalidate(28, error = $$props.error);
9199
+ if ('testid' in $$props) $$invalidate(8, testid = $$props.testid);
9200
+ if ('width' in $$props) $$invalidate(9, width = $$props.width);
9201
+ if ('arialabel' in $$props) $$invalidate(10, arialabel = $$props.arialabel);
9202
+ if ('min' in $$props) $$invalidate(11, min = $$props.min);
9203
+ if ('max' in $$props) $$invalidate(12, max = $$props.max);
9204
+ if ('step' in $$props) $$invalidate(13, step = $$props.step);
9205
+ if ('prefix' in $$props) $$invalidate(14, prefix = $$props.prefix);
9206
+ if ('suffix' in $$props) $$invalidate(15, suffix = $$props.suffix);
9207
+ if ('showcounter' in $$props) $$invalidate(29, showcounter = $$props.showcounter);
9208
+ if ('maxcharcount' in $$props) $$invalidate(16, maxcharcount = $$props.maxcharcount);
9119
9209
  };
9120
9210
 
9121
9211
  $$self.$$.update = () => {
9122
- if ($$self.$$.dirty &
9212
+ if ($$self.$$.dirty[0] &
9123
9213
  /*handletrailingiconclick*/
9124
- 16777216) {
9125
- $$invalidate(21, handlesTrailingIconClick = toBoolean(handletrailingiconclick));
9214
+ 33554432) {
9215
+ $$invalidate(22, handlesTrailingIconClick = toBoolean(handletrailingiconclick));
9126
9216
  }
9127
9217
 
9128
- if ($$self.$$.dirty &
9218
+ if ($$self.$$.dirty[0] &
9129
9219
  /*focused*/
9130
- 33554432) {
9131
- $$invalidate(29, isFocused = toBoolean(focused));
9220
+ 67108864) {
9221
+ $$invalidate(30, isFocused = toBoolean(focused));
9132
9222
  }
9133
9223
 
9134
- if ($$self.$$.dirty &
9224
+ if ($$self.$$.dirty[0] &
9135
9225
  /*readonly*/
9136
- 67108864) {
9137
- $$invalidate(20, isReadonly = toBoolean(readonly));
9226
+ 134217728) {
9227
+ $$invalidate(21, isReadonly = toBoolean(readonly));
9138
9228
  }
9139
9229
 
9140
- if ($$self.$$.dirty &
9230
+ if ($$self.$$.dirty[0] &
9141
9231
  /*error*/
9142
- 134217728) {
9143
- $$invalidate(19, isError = toBoolean(error));
9232
+ 268435456) {
9233
+ $$invalidate(20, isError = toBoolean(error));
9144
9234
  }
9145
9235
 
9146
- if ($$self.$$.dirty &
9236
+ if ($$self.$$.dirty[0] &
9147
9237
  /*disabled*/
9148
- 8388608) {
9149
- $$invalidate(18, isDisabled = toBoolean(disabled));
9238
+ 16777216) {
9239
+ $$invalidate(19, isDisabled = toBoolean(disabled));
9150
9240
  }
9151
9241
 
9152
- if ($$self.$$.dirty &
9242
+ if ($$self.$$.dirty[0] &
9153
9243
  /*showcounter*/
9154
- 268435456) {
9155
- $$invalidate(17, showCounter = toBoolean(showcounter));
9244
+ 536870912) {
9245
+ $$invalidate(18, showCounter = toBoolean(showcounter));
9156
9246
  }
9157
9247
 
9158
- if ($$self.$$.dirty &
9248
+ if ($$self.$$.dirty[0] &
9159
9249
  /*isFocused, inputEl*/
9160
- 536936448) {
9250
+ 1073872896) {
9161
9251
  if (isFocused && inputEl) {
9162
9252
  setTimeout(() => inputEl.focus(), 1);
9163
9253
  }
9164
9254
  }
9165
9255
 
9166
- if ($$self.$$.dirty &
9256
+ if ($$self.$$.dirty[0] &
9167
9257
  /*inputEl, type*/
9168
- 65538) {
9258
+ 131074) {
9169
9259
  if (inputEl && type === "search") {
9170
9260
  inputEl.addEventListener("search", e => {
9171
9261
  onKeyUp(e);
@@ -9174,7 +9264,7 @@ function instance$c($$self, $$props, $$invalidate) {
9174
9264
  }
9175
9265
  };
9176
9266
 
9177
- 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];
9267
+ 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];
9178
9268
  }
9179
9269
 
9180
9270
  class Input extends SvelteElement {
@@ -9186,30 +9276,31 @@ class Input extends SvelteElement {
9186
9276
  target: this.shadowRoot,
9187
9277
  props: attribute_to_object(this.attributes),
9188
9278
  customElement: true
9189
- }, instance$c, create_fragment$e, safe_not_equal, {
9279
+ }, instance$d, create_fragment$f, safe_not_equal, {
9190
9280
  type: 1,
9191
9281
  name: 2,
9192
9282
  value: 0,
9193
- placeholder: 3,
9194
- leadingicon: 4,
9195
- trailingicon: 5,
9196
- variant: 6,
9197
- disabled: 23,
9198
- handletrailingiconclick: 24,
9199
- focused: 25,
9200
- readonly: 26,
9201
- error: 27,
9202
- testid: 7,
9203
- width: 8,
9204
- arialabel: 9,
9205
- min: 10,
9206
- max: 11,
9207
- step: 12,
9208
- prefix: 13,
9209
- suffix: 14,
9210
- showcounter: 28,
9211
- maxcharcount: 15
9212
- }, null);
9283
+ autocapitalize: 3,
9284
+ placeholder: 4,
9285
+ leadingicon: 5,
9286
+ trailingicon: 6,
9287
+ variant: 7,
9288
+ disabled: 24,
9289
+ handletrailingiconclick: 25,
9290
+ focused: 26,
9291
+ readonly: 27,
9292
+ error: 28,
9293
+ testid: 8,
9294
+ width: 9,
9295
+ arialabel: 10,
9296
+ min: 11,
9297
+ max: 12,
9298
+ step: 13,
9299
+ prefix: 14,
9300
+ suffix: 15,
9301
+ showcounter: 29,
9302
+ maxcharcount: 16
9303
+ }, null, [-1, -1]);
9213
9304
 
9214
9305
  if (options) {
9215
9306
  if (options.target) {
@@ -9224,7 +9315,7 @@ class Input extends SvelteElement {
9224
9315
  }
9225
9316
 
9226
9317
  static get observedAttributes() {
9227
- return ["type", "name", "value", "placeholder", "leadingicon", "trailingicon", "variant", "disabled", "handletrailingiconclick", "focused", "readonly", "error", "testid", "width", "arialabel", "min", "max", "step", "prefix", "suffix", "showcounter", "maxcharcount"];
9318
+ return ["type", "name", "value", "autocapitalize", "placeholder", "leadingicon", "trailingicon", "variant", "disabled", "handletrailingiconclick", "focused", "readonly", "error", "testid", "width", "arialabel", "min", "max", "step", "prefix", "suffix", "showcounter", "maxcharcount"];
9228
9319
  }
9229
9320
 
9230
9321
  get type() {
@@ -9260,10 +9351,21 @@ class Input extends SvelteElement {
9260
9351
  flush();
9261
9352
  }
9262
9353
 
9263
- get placeholder() {
9354
+ get autocapitalize() {
9264
9355
  return this.$$.ctx[3];
9265
9356
  }
9266
9357
 
9358
+ set autocapitalize(autocapitalize) {
9359
+ this.$$set({
9360
+ autocapitalize
9361
+ });
9362
+ flush();
9363
+ }
9364
+
9365
+ get placeholder() {
9366
+ return this.$$.ctx[4];
9367
+ }
9368
+
9267
9369
  set placeholder(placeholder) {
9268
9370
  this.$$set({
9269
9371
  placeholder
@@ -9272,7 +9374,7 @@ class Input extends SvelteElement {
9272
9374
  }
9273
9375
 
9274
9376
  get leadingicon() {
9275
- return this.$$.ctx[4];
9377
+ return this.$$.ctx[5];
9276
9378
  }
9277
9379
 
9278
9380
  set leadingicon(leadingicon) {
@@ -9283,7 +9385,7 @@ class Input extends SvelteElement {
9283
9385
  }
9284
9386
 
9285
9387
  get trailingicon() {
9286
- return this.$$.ctx[5];
9388
+ return this.$$.ctx[6];
9287
9389
  }
9288
9390
 
9289
9391
  set trailingicon(trailingicon) {
@@ -9294,7 +9396,7 @@ class Input extends SvelteElement {
9294
9396
  }
9295
9397
 
9296
9398
  get variant() {
9297
- return this.$$.ctx[6];
9399
+ return this.$$.ctx[7];
9298
9400
  }
9299
9401
 
9300
9402
  set variant(variant) {
@@ -9305,7 +9407,7 @@ class Input extends SvelteElement {
9305
9407
  }
9306
9408
 
9307
9409
  get disabled() {
9308
- return this.$$.ctx[23];
9410
+ return this.$$.ctx[24];
9309
9411
  }
9310
9412
 
9311
9413
  set disabled(disabled) {
@@ -9316,7 +9418,7 @@ class Input extends SvelteElement {
9316
9418
  }
9317
9419
 
9318
9420
  get handletrailingiconclick() {
9319
- return this.$$.ctx[24];
9421
+ return this.$$.ctx[25];
9320
9422
  }
9321
9423
 
9322
9424
  set handletrailingiconclick(handletrailingiconclick) {
@@ -9327,7 +9429,7 @@ class Input extends SvelteElement {
9327
9429
  }
9328
9430
 
9329
9431
  get focused() {
9330
- return this.$$.ctx[25];
9432
+ return this.$$.ctx[26];
9331
9433
  }
9332
9434
 
9333
9435
  set focused(focused) {
@@ -9338,7 +9440,7 @@ class Input extends SvelteElement {
9338
9440
  }
9339
9441
 
9340
9442
  get readonly() {
9341
- return this.$$.ctx[26];
9443
+ return this.$$.ctx[27];
9342
9444
  }
9343
9445
 
9344
9446
  set readonly(readonly) {
@@ -9349,7 +9451,7 @@ class Input extends SvelteElement {
9349
9451
  }
9350
9452
 
9351
9453
  get error() {
9352
- return this.$$.ctx[27];
9454
+ return this.$$.ctx[28];
9353
9455
  }
9354
9456
 
9355
9457
  set error(error) {
@@ -9360,7 +9462,7 @@ class Input extends SvelteElement {
9360
9462
  }
9361
9463
 
9362
9464
  get testid() {
9363
- return this.$$.ctx[7];
9465
+ return this.$$.ctx[8];
9364
9466
  }
9365
9467
 
9366
9468
  set testid(testid) {
@@ -9371,7 +9473,7 @@ class Input extends SvelteElement {
9371
9473
  }
9372
9474
 
9373
9475
  get width() {
9374
- return this.$$.ctx[8];
9476
+ return this.$$.ctx[9];
9375
9477
  }
9376
9478
 
9377
9479
  set width(width) {
@@ -9382,7 +9484,7 @@ class Input extends SvelteElement {
9382
9484
  }
9383
9485
 
9384
9486
  get arialabel() {
9385
- return this.$$.ctx[9];
9487
+ return this.$$.ctx[10];
9386
9488
  }
9387
9489
 
9388
9490
  set arialabel(arialabel) {
@@ -9393,7 +9495,7 @@ class Input extends SvelteElement {
9393
9495
  }
9394
9496
 
9395
9497
  get min() {
9396
- return this.$$.ctx[10];
9498
+ return this.$$.ctx[11];
9397
9499
  }
9398
9500
 
9399
9501
  set min(min) {
@@ -9404,7 +9506,7 @@ class Input extends SvelteElement {
9404
9506
  }
9405
9507
 
9406
9508
  get max() {
9407
- return this.$$.ctx[11];
9509
+ return this.$$.ctx[12];
9408
9510
  }
9409
9511
 
9410
9512
  set max(max) {
@@ -9415,7 +9517,7 @@ class Input extends SvelteElement {
9415
9517
  }
9416
9518
 
9417
9519
  get step() {
9418
- return this.$$.ctx[12];
9520
+ return this.$$.ctx[13];
9419
9521
  }
9420
9522
 
9421
9523
  set step(step) {
@@ -9426,7 +9528,7 @@ class Input extends SvelteElement {
9426
9528
  }
9427
9529
 
9428
9530
  get prefix() {
9429
- return this.$$.ctx[13];
9531
+ return this.$$.ctx[14];
9430
9532
  }
9431
9533
 
9432
9534
  set prefix(prefix) {
@@ -9437,7 +9539,7 @@ class Input extends SvelteElement {
9437
9539
  }
9438
9540
 
9439
9541
  get suffix() {
9440
- return this.$$.ctx[14];
9542
+ return this.$$.ctx[15];
9441
9543
  }
9442
9544
 
9443
9545
  set suffix(suffix) {
@@ -9448,7 +9550,7 @@ class Input extends SvelteElement {
9448
9550
  }
9449
9551
 
9450
9552
  get showcounter() {
9451
- return this.$$.ctx[28];
9553
+ return this.$$.ctx[29];
9452
9554
  }
9453
9555
 
9454
9556
  set showcounter(showcounter) {
@@ -9459,7 +9561,7 @@ class Input extends SvelteElement {
9459
9561
  }
9460
9562
 
9461
9563
  get maxcharcount() {
9462
- return this.$$.ctx[15];
9564
+ return this.$$.ctx[16];
9463
9565
  }
9464
9566
 
9465
9567
  set maxcharcount(maxcharcount) {
@@ -9669,7 +9771,7 @@ function create_if_block$6(ctx) {
9669
9771
  };
9670
9772
  }
9671
9773
 
9672
- function create_fragment$d(ctx) {
9774
+ function create_fragment$e(ctx) {
9673
9775
  let header;
9674
9776
  let t0;
9675
9777
  let show_if = ["alpha", "beta"].includes(
@@ -9778,7 +9880,7 @@ function capitalize(val) {
9778
9880
  return val[0].toUpperCase() + val.slice(1);
9779
9881
  }
9780
9882
 
9781
- function instance$b($$self, $$props, $$invalidate) {
9883
+ function instance$c($$self, $$props, $$invalidate) {
9782
9884
  let {
9783
9885
  type
9784
9886
  } = $$props;
@@ -9806,7 +9908,7 @@ class MicrositeHeader extends SvelteElement {
9806
9908
  target: this.shadowRoot,
9807
9909
  props: attribute_to_object(this.attributes),
9808
9910
  customElement: true
9809
- }, instance$b, create_fragment$d, safe_not_equal, {
9911
+ }, instance$c, create_fragment$e, safe_not_equal, {
9810
9912
  type: 0,
9811
9913
  version: 1,
9812
9914
  feedbackurl: 2
@@ -10218,7 +10320,7 @@ function create_if_block_1$3(ctx) {
10218
10320
  };
10219
10321
  }
10220
10322
 
10221
- function create_fragment$c(ctx) {
10323
+ function create_fragment$d(ctx) {
10222
10324
  let if_block_anchor;
10223
10325
  let current;
10224
10326
  let if_block =
@@ -10283,7 +10385,7 @@ function create_fragment$c(ctx) {
10283
10385
  };
10284
10386
  }
10285
10387
 
10286
- function instance$a($$self, $$props, $$invalidate) {
10388
+ function instance$b($$self, $$props, $$invalidate) {
10287
10389
  let isClosable;
10288
10390
  let isScrollable;
10289
10391
  let isOpen;
@@ -10369,7 +10471,7 @@ class Modal extends SvelteElement {
10369
10471
  target: this.shadowRoot,
10370
10472
  props: attribute_to_object(this.attributes),
10371
10473
  customElement: true
10372
- }, instance$a, create_fragment$c, safe_not_equal, {
10474
+ }, instance$b, create_fragment$d, safe_not_equal, {
10373
10475
  heading: 0,
10374
10476
  closable: 8,
10375
10477
  scrollable: 9,
@@ -10566,7 +10668,7 @@ function create_if_block$4(ctx) {
10566
10668
  };
10567
10669
  }
10568
10670
 
10569
- function create_fragment$b(ctx) {
10671
+ function create_fragment$c(ctx) {
10570
10672
  let if_block_anchor;
10571
10673
  let current;
10572
10674
  let if_block =
@@ -10631,7 +10733,7 @@ function create_fragment$b(ctx) {
10631
10733
  };
10632
10734
  }
10633
10735
 
10634
- function instance$9($$self, $$props, $$invalidate) {
10736
+ function instance$a($$self, $$props, $$invalidate) {
10635
10737
  let iconType;
10636
10738
  let {
10637
10739
  type
@@ -10665,7 +10767,7 @@ class Notification extends SvelteElement {
10665
10767
  target: this.shadowRoot,
10666
10768
  props: attribute_to_object(this.attributes),
10667
10769
  customElement: true
10668
- }, instance$9, create_fragment$b, safe_not_equal, {
10770
+ }, instance$a, create_fragment$c, safe_not_equal, {
10669
10771
  type: 0
10670
10772
  }, null);
10671
10773
 
@@ -10707,7 +10809,7 @@ function isValidDimension(value) {
10707
10809
  /* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.49.0 */
10708
10810
 
10709
10811
 
10710
- function create_fragment$a(ctx) {
10812
+ function create_fragment$b(ctx) {
10711
10813
  let div;
10712
10814
  let slot;
10713
10815
  let div_style_value;
@@ -10747,7 +10849,7 @@ function create_fragment$a(ctx) {
10747
10849
  };
10748
10850
  }
10749
10851
 
10750
- function instance$8($$self, $$props, $$invalidate) {
10852
+ function instance$9($$self, $$props, $$invalidate) {
10751
10853
  const Sizes = {
10752
10854
  "full": "100%"
10753
10855
  };
@@ -10788,7 +10890,7 @@ class PageBlock extends SvelteElement {
10788
10890
  target: this.shadowRoot,
10789
10891
  props: attribute_to_object(this.attributes),
10790
10892
  customElement: true
10791
- }, instance$8, create_fragment$a, safe_not_equal, {
10893
+ }, instance$9, create_fragment$b, safe_not_equal, {
10792
10894
  width: 1,
10793
10895
  _width: 0
10794
10896
  }, null);
@@ -11011,7 +11113,7 @@ function create_each_block$1(key_1, ctx) {
11011
11113
  };
11012
11114
  }
11013
11115
 
11014
- function create_fragment$9(ctx) {
11116
+ function create_fragment$a(ctx) {
11015
11117
  let div;
11016
11118
  let slot;
11017
11119
  let t;
@@ -11110,7 +11212,7 @@ function create_fragment$9(ctx) {
11110
11212
  };
11111
11213
  }
11112
11214
 
11113
- function instance$7($$self, $$props, $$invalidate) {
11215
+ function instance$8($$self, $$props, $$invalidate) {
11114
11216
  let isDisabled;
11115
11217
  let {
11116
11218
  name
@@ -11220,7 +11322,7 @@ class RadioGroup extends SvelteElement {
11220
11322
  target: this.shadowRoot,
11221
11323
  props: attribute_to_object(this.attributes),
11222
11324
  customElement: true
11223
- }, instance$7, create_fragment$9, safe_not_equal, {
11325
+ }, instance$8, create_fragment$a, safe_not_equal, {
11224
11326
  name: 1,
11225
11327
  value: 0,
11226
11328
  orientation: 2,
@@ -11316,7 +11418,7 @@ class RadioGroup extends SvelteElement {
11316
11418
  customElements.define("goa-radio-group", RadioGroup);
11317
11419
  /* libs/web-components/src/components/radio-group/RadioItem.svelte generated by Svelte v3.49.0 */
11318
11420
 
11319
- function create_fragment$8(ctx) {
11421
+ function create_fragment$9(ctx) {
11320
11422
  return {
11321
11423
  c() {
11322
11424
  this.c = noop;
@@ -11330,7 +11432,7 @@ function create_fragment$8(ctx) {
11330
11432
  };
11331
11433
  }
11332
11434
 
11333
- function instance$6($$self, $$props, $$invalidate) {
11435
+ function instance$7($$self, $$props, $$invalidate) {
11334
11436
  let {
11335
11437
  value
11336
11438
  } = $$props;
@@ -11385,7 +11487,7 @@ class RadioItem extends SvelteElement {
11385
11487
  target: this.shadowRoot,
11386
11488
  props: attribute_to_object(this.attributes),
11387
11489
  customElement: true
11388
- }, instance$6, create_fragment$8, safe_not_equal, {
11490
+ }, instance$7, create_fragment$9, safe_not_equal, {
11389
11491
  value: 0,
11390
11492
  label: 1,
11391
11493
  name: 2
@@ -11445,7 +11547,7 @@ class RadioItem extends SvelteElement {
11445
11547
  customElements.define("goa-radio-item", RadioItem);
11446
11548
  /* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.49.0 */
11447
11549
 
11448
- function create_fragment$7(ctx) {
11550
+ function create_fragment$8(ctx) {
11449
11551
  let div;
11450
11552
  let slot;
11451
11553
  let div_style_value;
@@ -11513,7 +11615,7 @@ function create_fragment$7(ctx) {
11513
11615
  };
11514
11616
  }
11515
11617
 
11516
- function instance$5($$self, $$props, $$invalidate) {
11618
+ function instance$6($$self, $$props, $$invalidate) {
11517
11619
  let {
11518
11620
  direction = "vertical"
11519
11621
  } = $$props;
@@ -11545,7 +11647,7 @@ class Scrollable extends SvelteElement {
11545
11647
  target: this.shadowRoot,
11546
11648
  props: attribute_to_object(this.attributes),
11547
11649
  customElement: true
11548
- }, instance$5, create_fragment$7, safe_not_equal, {
11650
+ }, instance$6, create_fragment$8, safe_not_equal, {
11549
11651
  direction: 0,
11550
11652
  hpadding: 1,
11551
11653
  vpadding: 2,
@@ -12073,7 +12175,7 @@ function create_each_block(ctx) {
12073
12175
  };
12074
12176
  }
12075
12177
 
12076
- function create_fragment$6(ctx) {
12178
+ function create_fragment$7(ctx) {
12077
12179
  let current_block_type_index;
12078
12180
  let if_block;
12079
12181
  let if_block_anchor;
@@ -12154,7 +12256,7 @@ function create_fragment$6(ctx) {
12154
12256
  };
12155
12257
  }
12156
12258
 
12157
- function instance$4($$self, $$props, $$invalidate) {
12259
+ function instance$5($$self, $$props, $$invalidate) {
12158
12260
  let {
12159
12261
  width = 320
12160
12262
  } = $$props;
@@ -12186,7 +12288,7 @@ class Skeleton extends SvelteElement {
12186
12288
  target: this.shadowRoot,
12187
12289
  props: attribute_to_object(this.attributes),
12188
12290
  customElement: true
12189
- }, instance$4, create_fragment$6, safe_not_equal, {
12291
+ }, instance$5, create_fragment$7, safe_not_equal, {
12190
12292
  width: 0,
12191
12293
  size: 1,
12192
12294
  linecount: 2,
@@ -12568,7 +12670,7 @@ function create_if_block$2(ctx) {
12568
12670
  };
12569
12671
  }
12570
12672
 
12571
- function create_fragment$5(ctx) {
12673
+ function create_fragment$6(ctx) {
12572
12674
  let if_block_anchor;
12573
12675
  let if_block =
12574
12676
  /*ready*/
@@ -12613,7 +12715,7 @@ function create_fragment$5(ctx) {
12613
12715
  };
12614
12716
  }
12615
12717
 
12616
- function instance$3($$self, $$props, $$invalidate) {
12718
+ function instance$4($$self, $$props, $$invalidate) {
12617
12719
  let diameter;
12618
12720
  let strokewidth;
12619
12721
  let radius;
@@ -12744,7 +12846,7 @@ class Spinner extends SvelteElement {
12744
12846
  target: this.shadowRoot,
12745
12847
  props: attribute_to_object(this.attributes),
12746
12848
  customElement: true
12747
- }, instance$3, create_fragment$5, safe_not_equal, {
12849
+ }, instance$4, create_fragment$6, safe_not_equal, {
12748
12850
  size: 10,
12749
12851
  invert: 0,
12750
12852
  progress: 11,
@@ -12960,7 +13062,7 @@ function create_if_block_1$1(ctx) {
12960
13062
  };
12961
13063
  }
12962
13064
 
12963
- function create_fragment$4(ctx) {
13065
+ function create_fragment$5(ctx) {
12964
13066
  let div;
12965
13067
  let textarea;
12966
13068
  let textarea_aria_label_value;
@@ -13144,7 +13246,7 @@ function create_fragment$4(ctx) {
13144
13246
  };
13145
13247
  }
13146
13248
 
13147
- function instance$2($$self, $$props, $$invalidate) {
13249
+ function instance$3($$self, $$props, $$invalidate) {
13148
13250
  let isError;
13149
13251
  let isDisabled;
13150
13252
  let isReadonly;
@@ -13256,7 +13358,7 @@ class TextArea extends SvelteElement {
13256
13358
  target: this.shadowRoot,
13257
13359
  props: attribute_to_object(this.attributes),
13258
13360
  customElement: true
13259
- }, instance$2, create_fragment$4, safe_not_equal, {
13361
+ }, instance$3, create_fragment$5, safe_not_equal, {
13260
13362
  name: 0,
13261
13363
  value: 1,
13262
13364
  placeholder: 2,
@@ -13422,6 +13524,148 @@ class TextArea extends SvelteElement {
13422
13524
  }
13423
13525
 
13424
13526
  customElements.define("goa-textarea", TextArea);
13527
+ /* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.49.0 */
13528
+
13529
+ function create_fragment$4(ctx) {
13530
+ let div;
13531
+ let header;
13532
+ let t0;
13533
+ let section;
13534
+ let t2;
13535
+ let footer;
13536
+ let div_style_value;
13537
+ return {
13538
+ c() {
13539
+ div = element("div");
13540
+ header = element("header");
13541
+ header.innerHTML = `<slot name="header"></slot>`;
13542
+ t0 = space();
13543
+ section = element("section");
13544
+ section.innerHTML = `<nav class="nav"><slot name="nav"></slot></nav>
13545
+
13546
+ <main><slot></slot></main>`;
13547
+ t2 = space();
13548
+ footer = element("footer");
13549
+ footer.innerHTML = `<slot name="footer"></slot>`;
13550
+ this.c = noop;
13551
+ attr(header, "class", "header");
13552
+ attr(section, "class", "content");
13553
+ attr(footer, "class", "footer");
13554
+ attr(div, "class", "page");
13555
+ attr(div, "style", div_style_value = `
13556
+ --max-content-width: ${
13557
+ /*maxcontentwidth*/
13558
+ ctx[1] || "var(--layout-max-content-width)"};
13559
+ --nav-column-width: ${
13560
+ /*navcolumnwidth*/
13561
+ ctx[0] || "var(--layout-nav-column-width)"};
13562
+ `);
13563
+ },
13564
+
13565
+ m(target, anchor) {
13566
+ insert(target, div, anchor);
13567
+ append(div, header);
13568
+ append(div, t0);
13569
+ append(div, section);
13570
+ append(div, t2);
13571
+ append(div, footer);
13572
+ },
13573
+
13574
+ p(ctx, [dirty]) {
13575
+ if (dirty &
13576
+ /*maxcontentwidth, navcolumnwidth*/
13577
+ 3 && div_style_value !== (div_style_value = `
13578
+ --max-content-width: ${
13579
+ /*maxcontentwidth*/
13580
+ ctx[1] || "var(--layout-max-content-width)"};
13581
+ --nav-column-width: ${
13582
+ /*navcolumnwidth*/
13583
+ ctx[0] || "var(--layout-nav-column-width)"};
13584
+ `)) {
13585
+ attr(div, "style", div_style_value);
13586
+ }
13587
+ },
13588
+
13589
+ i: noop,
13590
+ o: noop,
13591
+
13592
+ d(detaching) {
13593
+ if (detaching) detach(div);
13594
+ }
13595
+
13596
+ };
13597
+ }
13598
+
13599
+ function instance$2($$self, $$props, $$invalidate) {
13600
+ let {
13601
+ navcolumnwidth = ""
13602
+ } = $$props;
13603
+ let {
13604
+ maxcontentwidth = ""
13605
+ } = $$props;
13606
+
13607
+ $$self.$$set = $$props => {
13608
+ if ('navcolumnwidth' in $$props) $$invalidate(0, navcolumnwidth = $$props.navcolumnwidth);
13609
+ if ('maxcontentwidth' in $$props) $$invalidate(1, maxcontentwidth = $$props.maxcontentwidth);
13610
+ };
13611
+
13612
+ return [navcolumnwidth, maxcontentwidth];
13613
+ }
13614
+
13615
+ class TwoColumnLayout extends SvelteElement {
13616
+ constructor(options) {
13617
+ super();
13618
+ 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>`;
13619
+ init(this, {
13620
+ target: this.shadowRoot,
13621
+ props: attribute_to_object(this.attributes),
13622
+ customElement: true
13623
+ }, instance$2, create_fragment$4, safe_not_equal, {
13624
+ navcolumnwidth: 0,
13625
+ maxcontentwidth: 1
13626
+ }, null);
13627
+
13628
+ if (options) {
13629
+ if (options.target) {
13630
+ insert(options.target, this, options.anchor);
13631
+ }
13632
+
13633
+ if (options.props) {
13634
+ this.$set(options.props);
13635
+ flush();
13636
+ }
13637
+ }
13638
+ }
13639
+
13640
+ static get observedAttributes() {
13641
+ return ["navcolumnwidth", "maxcontentwidth"];
13642
+ }
13643
+
13644
+ get navcolumnwidth() {
13645
+ return this.$$.ctx[0];
13646
+ }
13647
+
13648
+ set navcolumnwidth(navcolumnwidth) {
13649
+ this.$$set({
13650
+ navcolumnwidth
13651
+ });
13652
+ flush();
13653
+ }
13654
+
13655
+ get maxcontentwidth() {
13656
+ return this.$$.ctx[1];
13657
+ }
13658
+
13659
+ set maxcontentwidth(maxcontentwidth) {
13660
+ this.$$set({
13661
+ maxcontentwidth
13662
+ });
13663
+ flush();
13664
+ }
13665
+
13666
+ }
13667
+
13668
+ customElements.define("goa-two-column-layout", TwoColumnLayout);
13425
13669
  /* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.49.0 */
13426
13670
 
13427
13671
  function create_fragment$3(ctx) {
@@ -13943,11 +14187,13 @@ customElements.define("goa-page", Page);
13943
14187
  const GoAAppHeader = ({
13944
14188
  heading,
13945
14189
  url,
14190
+ maxContentWidth,
13946
14191
  children
13947
14192
  }) => {
13948
14193
  return jsx("goa-app-header", Object.assign({
13949
14194
  heading: heading,
13950
- url: url
14195
+ url: url,
14196
+ maxcontentwidth: maxContentWidth
13951
14197
  }, {
13952
14198
  children: children
13953
14199
  }), void 0);
@@ -14333,11 +14579,14 @@ function GoAAppFooterNavSection({
14333
14579
  }
14334
14580
 
14335
14581
  function GoAAppFooter({
14582
+ maxContentWidth,
14336
14583
  children
14337
14584
  }) {
14338
- return jsx("goa-app-footer", {
14585
+ return jsx("goa-app-footer", Object.assign({
14586
+ maxcontentwidth: maxContentWidth
14587
+ }, {
14339
14588
  children: children
14340
- }, void 0);
14589
+ }), void 0);
14341
14590
  }
14342
14591
 
14343
14592
  const GoAFormItem = ({
@@ -14461,6 +14710,7 @@ const GoAInput = ({
14461
14710
  id,
14462
14711
  name,
14463
14712
  type,
14713
+ autoCapitalize,
14464
14714
  leadingIcon,
14465
14715
  trailingIcon,
14466
14716
  variant: _variant = 'goa',
@@ -14514,6 +14764,7 @@ const GoAInput = ({
14514
14764
  focused: focused,
14515
14765
  type: type,
14516
14766
  name: name,
14767
+ autocapitalize: autoCapitalize,
14517
14768
  id: id,
14518
14769
  leadingicon: leadingIcon,
14519
14770
  trailingicon: trailingIcon,
@@ -14877,4 +15128,25 @@ const GoATextArea = ({
14877
15128
  }, void 0);
14878
15129
  };
14879
15130
 
14880
- export { GoAAppFooter, GoAAppFooterMetaSection, GoAAppFooterNavSection, GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAChip, GoACircularProgress, GoAContainer, GoADivider, GoADropdown, GoADropdownOption, GoAEmergencyBadge, GoAFlexCol, GoAFlexRow, GoAFormItem, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAImportantBadge, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAPage, GoAPageBlock, GoARadioGroup, GoARadioItem, GoASkeleton, GoASpinner, GoASuccessBadge, GoATextArea };
15131
+ function GoATwoColumnLayout(props) {
15132
+ return jsxs("goa-two-column-layout", Object.assign({
15133
+ navcolumnwidth: props.navColumnWidth,
15134
+ maxcontentwidth: props.maxContentWidth
15135
+ }, {
15136
+ children: [props.header && jsx("div", Object.assign({
15137
+ slot: "header"
15138
+ }, {
15139
+ children: props.header
15140
+ }), void 0), props.nav && jsx("div", Object.assign({
15141
+ slot: "nav"
15142
+ }, {
15143
+ children: props.nav
15144
+ }), void 0), props.children, props.footer && jsx("div", Object.assign({
15145
+ slot: "footer"
15146
+ }, {
15147
+ children: props.footer
15148
+ }), void 0)]
15149
+ }), void 0);
15150
+ }
15151
+
15152
+ export { GoAAppFooter, GoAAppFooterMetaSection, GoAAppFooterNavSection, GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAChip, GoACircularProgress, GoAContainer, GoADivider, GoADropdown, GoADropdownOption, GoAEmergencyBadge, GoAFlexCol, GoAFlexRow, GoAFormItem, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAImportantBadge, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAPage, GoAPageBlock, GoARadioGroup, GoARadioItem, GoASkeleton, GoASpinner, GoASuccessBadge, GoATextArea, GoATwoColumnLayout };