@abgov/react-components 4.0.0-alpha.102 → 4.0.0-alpha.104
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.
- package/README.md +3 -4
- package/lib/table/table.d.ts +4 -1
- package/package.json +1 -1
- package/react-components.esm.js +242 -184
- package/react-components.umd.js +242 -184
package/react-components.esm.js
CHANGED
|
@@ -1026,7 +1026,6 @@ if (typeof HTMLElement === 'function') {
|
|
|
1026
1026
|
}
|
|
1027
1027
|
/* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.51.0 */
|
|
1028
1028
|
|
|
1029
|
-
|
|
1030
1029
|
function create_else_block$4(ctx) {
|
|
1031
1030
|
let div;
|
|
1032
1031
|
let img0;
|
|
@@ -1262,7 +1261,7 @@ function instance$z($$self, $$props, $$invalidate) {
|
|
|
1262
1261
|
class AppHeader extends SvelteElement {
|
|
1263
1262
|
constructor(options) {
|
|
1264
1263
|
super();
|
|
1265
|
-
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box;font-family:var(--font-family)}.app-header{margin:0 auto;background-color:var(--color-white);border-bottom:1px solid var(--color-
|
|
1264
|
+
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.app-header{margin:0 auto;background-color:var(--goa-color-greyscale-white);border-bottom:1px solid var(--goa-color-greyscale-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:1.5rem 1.125rem}}.app-link{display:flex;align-items:center;text-decoration:none;color:inherit}.title{margin-left:0.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-desktop{display:none}.image-mobile{display:block}@media(min-width: 640px){.image-desktop{display:block}.image-mobile{display:none}.title{margin-left:1.75rem}.image-desktop{display:block}.image-mobile{display:none}}</style>`;
|
|
1266
1265
|
init(this, {
|
|
1267
1266
|
target: this.shadowRoot,
|
|
1268
1267
|
props: attribute_to_object(this.attributes),
|
|
@@ -1339,7 +1338,7 @@ class AppHeader extends SvelteElement {
|
|
|
1339
1338
|
customElements.define("goa-app-header", AppHeader);
|
|
1340
1339
|
|
|
1341
1340
|
function calculateMargin(mt, mr, mb, ml) {
|
|
1342
|
-
return [mt && `margin-top:var(--goa-
|
|
1341
|
+
return [mt && `margin-top:var(--goa-space-${mt});`, mr && `margin-right:var(--goa-space-${mr});`, mb && `margin-bottom:var(--goa-space-${mb});`, ml && `margin-left:var(--goa-space-${ml});`].join(" ");
|
|
1343
1342
|
}
|
|
1344
1343
|
|
|
1345
1344
|
function injectCss(el, rootSelector, css, media) {
|
|
@@ -1695,9 +1694,7 @@ function instance$y($$self, $$props, $$invalidate) {
|
|
|
1695
1694
|
class Badge extends SvelteElement {
|
|
1696
1695
|
constructor(options) {
|
|
1697
1696
|
super();
|
|
1698
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--
|
|
1699
|
-
--font-valign-fix
|
|
1700
|
-
)}.goa-badge.badge-information{background-color:var(--color-gray-100);color:var(--goa-color-status-info)}.goa-badge.badge-success{background-color:var(--goa-color-status-success);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-status-warning);color:var(--goa-color-text)}.goa-badge.badge-emergency{background-color:var(--goa-color-status-emergency);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--color-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--color-gray-600);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--color-white);color:var(--goa-color-text)}</style>`;
|
|
1697
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{text-transform:capitalize;font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}</style>`;
|
|
1701
1698
|
init(this, {
|
|
1702
1699
|
target: this.shadowRoot,
|
|
1703
1700
|
props: attribute_to_object(this.attributes),
|
|
@@ -1842,7 +1839,7 @@ function create_fragment$D(ctx) {
|
|
|
1842
1839
|
ctx[5],
|
|
1843
1840
|
/*ml*/
|
|
1844
1841
|
ctx[6])}
|
|
1845
|
-
--gap: var(--goa-
|
|
1842
|
+
--gap: var(--goa-space-${
|
|
1846
1843
|
/*gap*/
|
|
1847
1844
|
ctx[0]});
|
|
1848
1845
|
--alignment: ${
|
|
@@ -1872,7 +1869,7 @@ function create_fragment$D(ctx) {
|
|
|
1872
1869
|
ctx[5],
|
|
1873
1870
|
/*ml*/
|
|
1874
1871
|
ctx[6])}
|
|
1875
|
-
--gap: var(--goa-
|
|
1872
|
+
--gap: var(--goa-space-${
|
|
1876
1873
|
/*gap*/
|
|
1877
1874
|
ctx[0]});
|
|
1878
1875
|
--alignment: ${
|
|
@@ -2050,7 +2047,7 @@ customElements.define("goa-block", Block);
|
|
|
2050
2047
|
|
|
2051
2048
|
function create_else_block$2(ctx) {
|
|
2052
2049
|
let t0;
|
|
2053
|
-
let
|
|
2050
|
+
let span;
|
|
2054
2051
|
let t1;
|
|
2055
2052
|
let if_block1_anchor;
|
|
2056
2053
|
let if_block0 =
|
|
@@ -2063,17 +2060,18 @@ function create_else_block$2(ctx) {
|
|
|
2063
2060
|
c() {
|
|
2064
2061
|
if (if_block0) if_block0.c();
|
|
2065
2062
|
t0 = space();
|
|
2066
|
-
|
|
2063
|
+
span = element("span");
|
|
2064
|
+
span.innerHTML = `<slot></slot>`;
|
|
2067
2065
|
t1 = space();
|
|
2068
2066
|
if (if_block1) if_block1.c();
|
|
2069
2067
|
if_block1_anchor = empty();
|
|
2070
|
-
attr(
|
|
2068
|
+
attr(span, "class", "text");
|
|
2071
2069
|
},
|
|
2072
2070
|
|
|
2073
2071
|
m(target, anchor) {
|
|
2074
2072
|
if (if_block0) if_block0.m(target, anchor);
|
|
2075
2073
|
insert(target, t0, anchor);
|
|
2076
|
-
insert(target,
|
|
2074
|
+
insert(target, span, anchor);
|
|
2077
2075
|
insert(target, t1, anchor);
|
|
2078
2076
|
if (if_block1) if_block1.m(target, anchor);
|
|
2079
2077
|
insert(target, if_block1_anchor, anchor);
|
|
@@ -2114,7 +2112,7 @@ function create_else_block$2(ctx) {
|
|
|
2114
2112
|
d(detaching) {
|
|
2115
2113
|
if (if_block0) if_block0.d(detaching);
|
|
2116
2114
|
if (detaching) detach(t0);
|
|
2117
|
-
if (detaching) detach(
|
|
2115
|
+
if (detaching) detach(span);
|
|
2118
2116
|
if (detaching) detach(t1);
|
|
2119
2117
|
if (if_block1) if_block1.d(detaching);
|
|
2120
2118
|
if (detaching) detach(if_block1_anchor);
|
|
@@ -2125,22 +2123,23 @@ function create_else_block$2(ctx) {
|
|
|
2125
2123
|
|
|
2126
2124
|
|
|
2127
2125
|
function create_if_block$f(ctx) {
|
|
2128
|
-
let
|
|
2126
|
+
let span;
|
|
2129
2127
|
let t;
|
|
2130
2128
|
let goa_icon;
|
|
2131
2129
|
return {
|
|
2132
2130
|
c() {
|
|
2133
|
-
|
|
2131
|
+
span = element("span");
|
|
2132
|
+
span.innerHTML = `<slot></slot>`;
|
|
2134
2133
|
t = space();
|
|
2135
2134
|
goa_icon = element("goa-icon");
|
|
2136
|
-
attr(
|
|
2135
|
+
attr(span, "class", "text");
|
|
2137
2136
|
set_custom_element_data(goa_icon, "id", "trailing-icon");
|
|
2138
2137
|
set_custom_element_data(goa_icon, "type", "arrow-forward");
|
|
2139
2138
|
set_custom_element_data(goa_icon, "inverted", "true");
|
|
2140
2139
|
},
|
|
2141
2140
|
|
|
2142
2141
|
m(target, anchor) {
|
|
2143
|
-
insert(target,
|
|
2142
|
+
insert(target, span, anchor);
|
|
2144
2143
|
insert(target, t, anchor);
|
|
2145
2144
|
insert(target, goa_icon, anchor);
|
|
2146
2145
|
},
|
|
@@ -2148,13 +2147,13 @@ function create_if_block$f(ctx) {
|
|
|
2148
2147
|
p: noop,
|
|
2149
2148
|
|
|
2150
2149
|
d(detaching) {
|
|
2151
|
-
if (detaching) detach(
|
|
2150
|
+
if (detaching) detach(span);
|
|
2152
2151
|
if (detaching) detach(t);
|
|
2153
2152
|
if (detaching) detach(goa_icon);
|
|
2154
2153
|
}
|
|
2155
2154
|
|
|
2156
2155
|
};
|
|
2157
|
-
} // (
|
|
2156
|
+
} // (51:4) {#if leadingicon}
|
|
2158
2157
|
|
|
2159
2158
|
|
|
2160
2159
|
function create_if_block_2$6(ctx) {
|
|
@@ -2198,7 +2197,7 @@ function create_if_block_2$6(ctx) {
|
|
|
2198
2197
|
}
|
|
2199
2198
|
|
|
2200
2199
|
};
|
|
2201
|
-
} // (
|
|
2200
|
+
} // (57:4) {#if trailingicon}
|
|
2202
2201
|
|
|
2203
2202
|
|
|
2204
2203
|
function create_if_block_1$9(ctx) {
|
|
@@ -2481,10 +2480,8 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
|
2481
2480
|
class Button extends SvelteElement {
|
|
2482
2481
|
constructor(options) {
|
|
2483
2482
|
super();
|
|
2484
|
-
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(--
|
|
2485
|
-
border-color 0.2s ease-in-out}.text{padding-bottom:var(
|
|
2486
|
-
--font-valign-fix
|
|
2487
|
-
)}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>`;
|
|
2483
|
+
this.shadowRoot.innerHTML = `<style>:host{--button-height:2.625rem;--button-height-compact:2rem;--button-height-tall:3.25rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}@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-default);box-sizing:border-box;cursor:pointer;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-5);font-weight:400;height:var(--button-height);letter-spacing:var(--goa-letter-spacing-button);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,
|
|
2484
|
+
border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);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-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}</style>`;
|
|
2488
2485
|
init(this, {
|
|
2489
2486
|
target: this.shadowRoot,
|
|
2490
2487
|
props: attribute_to_object(this.attributes),
|
|
@@ -2774,7 +2771,7 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
|
2774
2771
|
class ButtonGroup extends SvelteElement {
|
|
2775
2772
|
constructor(options) {
|
|
2776
2773
|
super();
|
|
2777
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}</style>`;
|
|
2774
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}</style>`;
|
|
2778
2775
|
init(this, {
|
|
2779
2776
|
target: this.shadowRoot,
|
|
2780
2777
|
props: attribute_to_object(this.attributes),
|
|
@@ -3105,7 +3102,7 @@ function instance$u($$self, $$props, $$invalidate) {
|
|
|
3105
3102
|
class Callout extends SvelteElement {
|
|
3106
3103
|
constructor(options) {
|
|
3107
3104
|
super();
|
|
3108
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.notification{display:flex;align-items:stretch;border-radius:3px;overflow:hidden}h3{font-size:var(--
|
|
3105
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{display:flex;align-items:stretch;border-radius:3px;overflow:hidden}h3{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-2);font-weight:var(--goa-font-weight-regular);margin-top:0}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.icon{flex:0 0 3rem;text-align:center;padding-top:1.75rem}.content{flex:1 1 auto;background-color:var(--goa-color-greyscale-100);padding:1.75rem}</style>`;
|
|
3109
3106
|
init(this, {
|
|
3110
3107
|
target: this.shadowRoot,
|
|
3111
3108
|
props: attribute_to_object(this.attributes),
|
|
@@ -3290,7 +3287,7 @@ function create_fragment$y(ctx) {
|
|
|
3290
3287
|
/*ml*/
|
|
3291
3288
|
ctx[6]) + " " + (
|
|
3292
3289
|
/*elevation*/
|
|
3293
|
-
ctx[0] === 0 ? `border: 1px solid var(--color-
|
|
3290
|
+
ctx[0] === 0 ? `border: 1px solid var(--goa-color-greyscale-200);` : `box-shadow: var(--shadow-${
|
|
3294
3291
|
/*elevation*/
|
|
3295
3292
|
ctx[0]});`) + "");
|
|
3296
3293
|
},
|
|
@@ -3325,7 +3322,7 @@ function create_fragment$y(ctx) {
|
|
|
3325
3322
|
/*ml*/
|
|
3326
3323
|
ctx[6]) + " " + (
|
|
3327
3324
|
/*elevation*/
|
|
3328
|
-
ctx[0] === 0 ? `border: 1px solid var(--color-
|
|
3325
|
+
ctx[0] === 0 ? `border: 1px solid var(--goa-color-greyscale-200);` : `box-shadow: var(--shadow-${
|
|
3329
3326
|
/*elevation*/
|
|
3330
3327
|
ctx[0]});`) + "")) {
|
|
3331
3328
|
attr(div, "style", div_style_value);
|
|
@@ -3385,7 +3382,7 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
3385
3382
|
class Card extends SvelteElement {
|
|
3386
3383
|
constructor(options) {
|
|
3387
3384
|
super();
|
|
3388
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.card{background-color:var(--color-white);border-radius:4px;overflow:hidden;height:var(--height)}@media(min-width: 320px){.card{margin:0 auto}}</style>`;
|
|
3385
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card{background-color:var(--goa-color-greyscale-white);border-radius:4px;overflow:hidden;height:var(--height)}@media(min-width: 320px){.card{margin:0 auto}}</style>`;
|
|
3389
3386
|
init(this, {
|
|
3390
3387
|
target: this.shadowRoot,
|
|
3391
3388
|
props: attribute_to_object(this.attributes),
|
|
@@ -3538,7 +3535,7 @@ function create_fragment$x(ctx) {
|
|
|
3538
3535
|
class CardContent extends SvelteElement {
|
|
3539
3536
|
constructor(options) {
|
|
3540
3537
|
super();
|
|
3541
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.card-content{padding:1rem}</style>`;
|
|
3538
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}</style>`;
|
|
3542
3539
|
init(this, {
|
|
3543
3540
|
target: this.shadowRoot,
|
|
3544
3541
|
props: attribute_to_object(this.attributes),
|
|
@@ -3585,7 +3582,7 @@ function create_fragment$w(ctx) {
|
|
|
3585
3582
|
class CardGroup extends SvelteElement {
|
|
3586
3583
|
constructor(options) {
|
|
3587
3584
|
super();
|
|
3588
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}</style>`;
|
|
3585
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}</style>`;
|
|
3589
3586
|
init(this, {
|
|
3590
3587
|
target: this.shadowRoot,
|
|
3591
3588
|
props: attribute_to_object(this.attributes),
|
|
@@ -3671,7 +3668,7 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
3671
3668
|
class CardImage extends SvelteElement {
|
|
3672
3669
|
constructor(options) {
|
|
3673
3670
|
super();
|
|
3674
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}</style>`;
|
|
3671
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}</style>`;
|
|
3675
3672
|
init(this, {
|
|
3676
3673
|
target: this.shadowRoot,
|
|
3677
3674
|
props: attribute_to_object(this.attributes),
|
|
@@ -4137,7 +4134,7 @@ function instance$r($$self, $$props, $$invalidate) {
|
|
|
4137
4134
|
class Checkbox extends SvelteElement {
|
|
4138
4135
|
constructor(options) {
|
|
4139
4136
|
super();
|
|
4140
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family);display:block}.goa-checkbox{display:inline-flex;align-items:center;min-height:calc(3rem - 4px);cursor:pointer}.goa-checkbox input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer}.goa-checkbox--disabled{opacity:40%}.goa-checkbox-container{box-sizing:border-box;border:1px solid var(--color-
|
|
4137
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);display:block}.goa-checkbox{display:inline-flex;align-items:center;min-height:calc(3rem - 4px);cursor:pointer}.goa-checkbox input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer}.goa-checkbox--disabled .goa-checkbox-text{opacity:40%}.goa-checkbox--disabled:hover{cursor:default}.goa-checkbox-container{box-sizing:border-box;border:1px solid var(--goa-color-greyscale-700);border-radius:2px;background-color:var(--goa-color-greyscale-white);height:1.5rem;width:1.5rem;display:flex;justify-content:center;padding:3px;flex:0 0 auto}.goa-checkbox-container svg{fill:var(--goa-color-greyscale-white)}.goa-checkbox-container.goa-checkbox--selected{background-color:var(--goa-color-interactive-default)}.goa-checkbox-container.goa-checkbox--selected:hover{background-color:var(--goa-color-interactive-hover)}.goa-checkbox-container:hover{border:1px solid var(--goa-color-interactive-hover)}.goa-checkbox-container:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.goa-checkbox-text{padding-left:0.5rem;user-select:none;font-weight:var(--goa-font-weight-regular)}.goa-checkbox--disabled .goa-checkbox-container,.goa-checkbox--disabled .goa-checkbox-container:hover{border:1px solid var(--goa-color-greyscale-400)}.goa-checkbox--error .goa-checkbox-container,.goa-checkbox--error .goa-checkbox-container:hover{border:1px solid var(--goa-color-emergency-default);box-shadow:inset 0 0 0 1px var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.goa-checkbox--error .goa-checkbox-container svg{fill:var(--goa-color-emergency-default)}</style>`;
|
|
4141
4138
|
init(this, {
|
|
4142
4139
|
target: this.shadowRoot,
|
|
4143
4140
|
props: attribute_to_object(this.attributes),
|
|
@@ -4357,9 +4354,9 @@ function create_if_block$c(ctx) {
|
|
|
4357
4354
|
set_custom_element_data(goa_icon, "type", "close-circle");
|
|
4358
4355
|
set_custom_element_data(goa_icon, "fillcolor", goa_icon_fillcolor_value =
|
|
4359
4356
|
/*_error*/
|
|
4360
|
-
ctx[10] ? "var(--goa-color-
|
|
4357
|
+
ctx[10] ? "var(--goa-color-emergency-default)" :
|
|
4361
4358
|
/*_hovering*/
|
|
4362
|
-
ctx[9] ? "var(--goa-color-interactive
|
|
4359
|
+
ctx[9] ? "var(--goa-color-interactive-hover)" : "var(--goa-color-greyscale-700)");
|
|
4363
4360
|
set_custom_element_data(goa_icon, "opacity", goa_icon_opacity_value =
|
|
4364
4361
|
/*_error*/
|
|
4365
4362
|
ctx[10] ?
|
|
@@ -4376,9 +4373,9 @@ function create_if_block$c(ctx) {
|
|
|
4376
4373
|
/*_error, _hovering*/
|
|
4377
4374
|
1536 && goa_icon_fillcolor_value !== (goa_icon_fillcolor_value =
|
|
4378
4375
|
/*_error*/
|
|
4379
|
-
ctx[10] ? "var(--goa-color-
|
|
4376
|
+
ctx[10] ? "var(--goa-color-emergency-default)" :
|
|
4380
4377
|
/*_hovering*/
|
|
4381
|
-
ctx[9] ? "var(--goa-color-interactive
|
|
4378
|
+
ctx[9] ? "var(--goa-color-interactive-hover)" : "var(--goa-color-greyscale-700)")) {
|
|
4382
4379
|
set_custom_element_data(goa_icon, "fillcolor", goa_icon_fillcolor_value);
|
|
4383
4380
|
}
|
|
4384
4381
|
|
|
@@ -4678,7 +4675,7 @@ function instance$q($$self, $$props, $$invalidate) {
|
|
|
4678
4675
|
class Chip extends SvelteElement {
|
|
4679
4676
|
constructor(options) {
|
|
4680
4677
|
super();
|
|
4681
|
-
this.shadowRoot.innerHTML = `<style>.leading-icon{margin-left:-0.25rem}.chip{vertical-align:middle;align-items:center;background-color:var(--color-white);border-radius:99px;border:1px solid #949494;box-sizing:border-box;color:var(--goa-color-text);display:inline-flex;flex-direction:row;font-size:var(--
|
|
4678
|
+
this.shadowRoot.innerHTML = `<style>.leading-icon{margin-left:-0.25rem}.chip{vertical-align:middle;align-items:center;background-color:var(--goa-color-greyscale-white);border-radius:99px;border:1px solid #949494;box-sizing:border-box;color:var(--goa-color-text-default);display:inline-flex;flex-direction:row;font-size:var(--goa-font-size-3);font-weight:var(--goa-font-weight-regular);gap:0.25rem;height:2rem;justify-content:center;padding:0 0.75rem;cursor:default}.text{padding-bottom:var(--font-valign-fix, 0)}.chip:focus{outline:2px solid var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-white)}.chip:hover{background-color:var(--goa-color-greyscale-200)}.deletable{cursor:pointer}.delete-icon{margin-right:-0.25rem}.error,.error:hover{background-color:var(--goa-color-emergency-light)}</style>`;
|
|
4682
4679
|
init(this, {
|
|
4683
4680
|
target: this.shadowRoot,
|
|
4684
4681
|
props: attribute_to_object(this.attributes),
|
|
@@ -5428,7 +5425,7 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
5428
5425
|
class CircularProgress extends SvelteElement {
|
|
5429
5426
|
constructor(options) {
|
|
5430
5427
|
super();
|
|
5431
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.fullscreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:rgba(255, 255, 255, 0.9)}.inline{margin:3.5rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.spinner-large .message{margin-top:1.5rem;font-size:1.2rem}.spinner-xlarge .message{margin-top:2rem;font-size:1.5rem}</style>`;
|
|
5428
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.fullscreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:rgba(255, 255, 255, 0.9)}.inline{margin:3.5rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.spinner-large .message{margin-top:1.5rem;font-size:1.2rem}.spinner-xlarge .message{margin-top:2rem;font-size:1.5rem}</style>`;
|
|
5432
5429
|
init(this, {
|
|
5433
5430
|
target: this.shadowRoot,
|
|
5434
5431
|
props: attribute_to_object(this.attributes),
|
|
@@ -5693,7 +5690,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
5693
5690
|
class Container extends SvelteElement {
|
|
5694
5691
|
constructor(options) {
|
|
5695
5692
|
super();
|
|
5696
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family);font-size:var(--
|
|
5693
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4)}.goa-container{box-sizing:border-box}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}</style>`;
|
|
5697
5694
|
init(this, {
|
|
5698
5695
|
target: this.shadowRoot,
|
|
5699
5696
|
props: attribute_to_object(this.attributes),
|
|
@@ -5908,7 +5905,7 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
|
5908
5905
|
class Divider extends SvelteElement {
|
|
5909
5906
|
constructor(options) {
|
|
5910
5907
|
super();
|
|
5911
|
-
this.shadowRoot.innerHTML = `<style>hr{padding:0;margin:0;height:1px;background-color:var(--color-
|
|
5908
|
+
this.shadowRoot.innerHTML = `<style>hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}</style>`;
|
|
5912
5909
|
init(this, {
|
|
5913
5910
|
target: this.shadowRoot,
|
|
5914
5911
|
props: attribute_to_object(this.attributes),
|
|
@@ -5999,25 +5996,25 @@ customElements.define("goa-divider", Divider);
|
|
|
5999
5996
|
|
|
6000
5997
|
function get_each_context_1(ctx, list, i) {
|
|
6001
5998
|
const child_ctx = ctx.slice();
|
|
6002
|
-
child_ctx[
|
|
6003
|
-
child_ctx[
|
|
5999
|
+
child_ctx[49] = list[i];
|
|
6000
|
+
child_ctx[53] = i;
|
|
6004
6001
|
return child_ctx;
|
|
6005
6002
|
}
|
|
6006
6003
|
|
|
6007
6004
|
function get_each_context$4(ctx, list, i) {
|
|
6008
6005
|
const child_ctx = ctx.slice();
|
|
6009
|
-
child_ctx[
|
|
6006
|
+
child_ctx[49] = list[i];
|
|
6010
6007
|
return child_ctx;
|
|
6011
|
-
} // (
|
|
6008
|
+
} // (256:2) {:else}
|
|
6012
6009
|
|
|
6013
6010
|
|
|
6014
6011
|
function create_else_block$1(ctx) {
|
|
6015
6012
|
let t0;
|
|
6016
|
-
let slot;
|
|
6017
|
-
let t1;
|
|
6018
6013
|
let goa_input;
|
|
6019
|
-
let
|
|
6014
|
+
let goa_input_arialabel_value;
|
|
6020
6015
|
let goa_input_data_testid_value;
|
|
6016
|
+
let t1;
|
|
6017
|
+
let slot;
|
|
6021
6018
|
let t2;
|
|
6022
6019
|
let ul;
|
|
6023
6020
|
let each_blocks = [];
|
|
@@ -6034,7 +6031,7 @@ function create_else_block$1(ctx) {
|
|
|
6034
6031
|
|
|
6035
6032
|
const get_key = ctx =>
|
|
6036
6033
|
/*index*/
|
|
6037
|
-
ctx[
|
|
6034
|
+
ctx[53];
|
|
6038
6035
|
|
|
6039
6036
|
for (let i = 0; i < each_value_1.length; i += 1) {
|
|
6040
6037
|
let child_ctx = get_each_context_1(ctx, each_value_1, i);
|
|
@@ -6046,9 +6043,9 @@ function create_else_block$1(ctx) {
|
|
|
6046
6043
|
c() {
|
|
6047
6044
|
if (if_block) if_block.c();
|
|
6048
6045
|
t0 = space();
|
|
6049
|
-
slot = element("slot");
|
|
6050
|
-
t1 = space();
|
|
6051
6046
|
goa_input = element("goa-input");
|
|
6047
|
+
t1 = space();
|
|
6048
|
+
slot = element("slot");
|
|
6052
6049
|
t2 = space();
|
|
6053
6050
|
ul = element("ul");
|
|
6054
6051
|
|
|
@@ -6072,7 +6069,7 @@ function create_else_block$1(ctx) {
|
|
|
6072
6069
|
set_custom_element_data(goa_input, "aria-expanded",
|
|
6073
6070
|
/*_isMenuVisible*/
|
|
6074
6071
|
ctx[15]);
|
|
6075
|
-
set_custom_element_data(goa_input, "
|
|
6072
|
+
set_custom_element_data(goa_input, "arialabel", goa_input_arialabel_value =
|
|
6076
6073
|
/*arialabel*/
|
|
6077
6074
|
ctx[1] ||
|
|
6078
6075
|
/*name*/
|
|
@@ -6088,6 +6085,9 @@ function create_else_block$1(ctx) {
|
|
|
6088
6085
|
/*_selectedLabel*/
|
|
6089
6086
|
ctx[14]);
|
|
6090
6087
|
set_custom_element_data(goa_input, "width", "100%");
|
|
6088
|
+
set_custom_element_data(goa_input, "name",
|
|
6089
|
+
/*name*/
|
|
6090
|
+
ctx[0]);
|
|
6091
6091
|
attr(ul, "id", "menu");
|
|
6092
6092
|
attr(ul, "role", "listbox");
|
|
6093
6093
|
attr(ul, "aria-activedescendant",
|
|
@@ -6107,9 +6107,9 @@ function create_else_block$1(ctx) {
|
|
|
6107
6107
|
m(target, anchor) {
|
|
6108
6108
|
if (if_block) if_block.m(target, anchor);
|
|
6109
6109
|
insert(target, t0, anchor);
|
|
6110
|
-
insert(target, slot, anchor);
|
|
6111
|
-
insert(target, t1, anchor);
|
|
6112
6110
|
insert(target, goa_input, anchor);
|
|
6111
|
+
insert(target, t1, anchor);
|
|
6112
|
+
insert(target, slot, anchor);
|
|
6113
6113
|
insert(target, t2, anchor);
|
|
6114
6114
|
insert(target, ul, anchor);
|
|
6115
6115
|
|
|
@@ -6187,12 +6187,12 @@ function create_else_block$1(ctx) {
|
|
|
6187
6187
|
|
|
6188
6188
|
if (dirty[0] &
|
|
6189
6189
|
/*arialabel, name*/
|
|
6190
|
-
3 &&
|
|
6190
|
+
3 && goa_input_arialabel_value !== (goa_input_arialabel_value =
|
|
6191
6191
|
/*arialabel*/
|
|
6192
6192
|
ctx[1] ||
|
|
6193
6193
|
/*name*/
|
|
6194
6194
|
ctx[0])) {
|
|
6195
|
-
set_custom_element_data(goa_input, "
|
|
6195
|
+
set_custom_element_data(goa_input, "arialabel", goa_input_arialabel_value);
|
|
6196
6196
|
}
|
|
6197
6197
|
|
|
6198
6198
|
if (dirty[0] &
|
|
@@ -6211,6 +6211,14 @@ function create_else_block$1(ctx) {
|
|
|
6211
6211
|
ctx[14]);
|
|
6212
6212
|
}
|
|
6213
6213
|
|
|
6214
|
+
if (dirty[0] &
|
|
6215
|
+
/*name*/
|
|
6216
|
+
1) {
|
|
6217
|
+
set_custom_element_data(goa_input, "name",
|
|
6218
|
+
/*name*/
|
|
6219
|
+
ctx[0]);
|
|
6220
|
+
}
|
|
6221
|
+
|
|
6214
6222
|
if (dirty[0] &
|
|
6215
6223
|
/*_options, _values, _highlightedIndex, onSelect*/
|
|
6216
6224
|
67186688) {
|
|
@@ -6248,9 +6256,9 @@ function create_else_block$1(ctx) {
|
|
|
6248
6256
|
d(detaching) {
|
|
6249
6257
|
if (if_block) if_block.d(detaching);
|
|
6250
6258
|
if (detaching) detach(t0);
|
|
6251
|
-
if (detaching) detach(slot);
|
|
6252
|
-
if (detaching) detach(t1);
|
|
6253
6259
|
if (detaching) detach(goa_input);
|
|
6260
|
+
if (detaching) detach(t1);
|
|
6261
|
+
if (detaching) detach(slot);
|
|
6254
6262
|
if (detaching) detach(t2);
|
|
6255
6263
|
if (detaching) detach(ul);
|
|
6256
6264
|
|
|
@@ -6266,7 +6274,7 @@ function create_else_block$1(ctx) {
|
|
|
6266
6274
|
}
|
|
6267
6275
|
|
|
6268
6276
|
};
|
|
6269
|
-
} // (
|
|
6277
|
+
} // (237:2) {#if _native}
|
|
6270
6278
|
|
|
6271
6279
|
|
|
6272
6280
|
function create_if_block$a(ctx) {
|
|
@@ -6392,7 +6400,7 @@ function create_if_block$a(ctx) {
|
|
|
6392
6400
|
}
|
|
6393
6401
|
|
|
6394
6402
|
};
|
|
6395
|
-
} // (
|
|
6403
|
+
} // (257:4) {#if _isMenuVisible}
|
|
6396
6404
|
|
|
6397
6405
|
|
|
6398
6406
|
function create_if_block_1$5(ctx) {
|
|
@@ -6437,16 +6445,16 @@ function create_if_block_1$5(ctx) {
|
|
|
6437
6445
|
}
|
|
6438
6446
|
|
|
6439
6447
|
};
|
|
6440
|
-
} // (
|
|
6448
|
+
} // (300:6) {#each _options as option, index (index)}
|
|
6441
6449
|
|
|
6442
6450
|
|
|
6443
6451
|
function create_each_block_1(key_1, ctx) {
|
|
6444
6452
|
let li;
|
|
6445
6453
|
let t0_value = (
|
|
6446
6454
|
/*option*/
|
|
6447
|
-
ctx[
|
|
6455
|
+
ctx[49].label ||
|
|
6448
6456
|
/*option*/
|
|
6449
|
-
ctx[
|
|
6457
|
+
ctx[49].value) + "";
|
|
6450
6458
|
let t0;
|
|
6451
6459
|
let t1;
|
|
6452
6460
|
let li_id_value;
|
|
@@ -6464,7 +6472,7 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6464
6472
|
/*click_handler*/
|
|
6465
6473
|
ctx[32](
|
|
6466
6474
|
/*option*/
|
|
6467
|
-
ctx[
|
|
6475
|
+
ctx[49])
|
|
6468
6476
|
);
|
|
6469
6477
|
}
|
|
6470
6478
|
|
|
@@ -6478,40 +6486,40 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6478
6486
|
t1 = space();
|
|
6479
6487
|
attr(li, "id", li_id_value =
|
|
6480
6488
|
/*option*/
|
|
6481
|
-
ctx[
|
|
6489
|
+
ctx[49].label);
|
|
6482
6490
|
attr(li, "role", "option");
|
|
6483
6491
|
attr(li, "aria-label", li_aria_label_value =
|
|
6484
6492
|
/*option*/
|
|
6485
|
-
ctx[
|
|
6493
|
+
ctx[49].label ||
|
|
6486
6494
|
/*option*/
|
|
6487
|
-
ctx[
|
|
6495
|
+
ctx[49].value);
|
|
6488
6496
|
attr(li, "aria-selected", li_aria_selected_value =
|
|
6489
6497
|
/*_values*/
|
|
6490
6498
|
ctx[12].includes(
|
|
6491
6499
|
/*option*/
|
|
6492
|
-
ctx[
|
|
6500
|
+
ctx[49].value) ? "true" : "false");
|
|
6493
6501
|
attr(li, "class", "dropdown-item");
|
|
6494
6502
|
attr(li, "data-testid", li_data_testid_value = `dropdown-item-${
|
|
6495
6503
|
/*option*/
|
|
6496
|
-
ctx[
|
|
6504
|
+
ctx[49].value}`);
|
|
6497
6505
|
attr(li, "data-index", li_data_index_value =
|
|
6498
6506
|
/*index*/
|
|
6499
|
-
ctx[
|
|
6507
|
+
ctx[53]);
|
|
6500
6508
|
attr(li, "data-value", li_data_value_value =
|
|
6501
6509
|
/*option*/
|
|
6502
|
-
ctx[
|
|
6510
|
+
ctx[49].value);
|
|
6503
6511
|
attr(li, "style", li_style_value = `display: ${"block"}`);
|
|
6504
6512
|
toggle_class(li, "dropdown-item--disabled", false);
|
|
6505
6513
|
toggle_class(li, "dropdown-item--tabbed",
|
|
6506
6514
|
/*index*/
|
|
6507
|
-
ctx[
|
|
6515
|
+
ctx[53] ===
|
|
6508
6516
|
/*_highlightedIndex*/
|
|
6509
6517
|
ctx[16]);
|
|
6510
6518
|
toggle_class(li, "dropdown-item--selected",
|
|
6511
6519
|
/*_values*/
|
|
6512
6520
|
ctx[12].includes(
|
|
6513
6521
|
/*option*/
|
|
6514
|
-
ctx[
|
|
6522
|
+
ctx[49].value));
|
|
6515
6523
|
this.first = li;
|
|
6516
6524
|
},
|
|
6517
6525
|
|
|
@@ -6532,15 +6540,15 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6532
6540
|
/*_options*/
|
|
6533
6541
|
8192 && t0_value !== (t0_value = (
|
|
6534
6542
|
/*option*/
|
|
6535
|
-
ctx[
|
|
6543
|
+
ctx[49].label ||
|
|
6536
6544
|
/*option*/
|
|
6537
|
-
ctx[
|
|
6545
|
+
ctx[49].value) + "")) set_data(t0, t0_value);
|
|
6538
6546
|
|
|
6539
6547
|
if (dirty[0] &
|
|
6540
6548
|
/*_options*/
|
|
6541
6549
|
8192 && li_id_value !== (li_id_value =
|
|
6542
6550
|
/*option*/
|
|
6543
|
-
ctx[
|
|
6551
|
+
ctx[49].label)) {
|
|
6544
6552
|
attr(li, "id", li_id_value);
|
|
6545
6553
|
}
|
|
6546
6554
|
|
|
@@ -6548,9 +6556,9 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6548
6556
|
/*_options*/
|
|
6549
6557
|
8192 && li_aria_label_value !== (li_aria_label_value =
|
|
6550
6558
|
/*option*/
|
|
6551
|
-
ctx[
|
|
6559
|
+
ctx[49].label ||
|
|
6552
6560
|
/*option*/
|
|
6553
|
-
ctx[
|
|
6561
|
+
ctx[49].value)) {
|
|
6554
6562
|
attr(li, "aria-label", li_aria_label_value);
|
|
6555
6563
|
}
|
|
6556
6564
|
|
|
@@ -6560,7 +6568,7 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6560
6568
|
/*_values*/
|
|
6561
6569
|
ctx[12].includes(
|
|
6562
6570
|
/*option*/
|
|
6563
|
-
ctx[
|
|
6571
|
+
ctx[49].value) ? "true" : "false")) {
|
|
6564
6572
|
attr(li, "aria-selected", li_aria_selected_value);
|
|
6565
6573
|
}
|
|
6566
6574
|
|
|
@@ -6568,7 +6576,7 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6568
6576
|
/*_options*/
|
|
6569
6577
|
8192 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${
|
|
6570
6578
|
/*option*/
|
|
6571
|
-
ctx[
|
|
6579
|
+
ctx[49].value}`)) {
|
|
6572
6580
|
attr(li, "data-testid", li_data_testid_value);
|
|
6573
6581
|
}
|
|
6574
6582
|
|
|
@@ -6576,7 +6584,7 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6576
6584
|
/*_options*/
|
|
6577
6585
|
8192 && li_data_index_value !== (li_data_index_value =
|
|
6578
6586
|
/*index*/
|
|
6579
|
-
ctx[
|
|
6587
|
+
ctx[53])) {
|
|
6580
6588
|
attr(li, "data-index", li_data_index_value);
|
|
6581
6589
|
}
|
|
6582
6590
|
|
|
@@ -6584,7 +6592,7 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6584
6592
|
/*_options*/
|
|
6585
6593
|
8192 && li_data_value_value !== (li_data_value_value =
|
|
6586
6594
|
/*option*/
|
|
6587
|
-
ctx[
|
|
6595
|
+
ctx[49].value)) {
|
|
6588
6596
|
attr(li, "data-value", li_data_value_value);
|
|
6589
6597
|
}
|
|
6590
6598
|
|
|
@@ -6593,7 +6601,7 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6593
6601
|
73728) {
|
|
6594
6602
|
toggle_class(li, "dropdown-item--tabbed",
|
|
6595
6603
|
/*index*/
|
|
6596
|
-
ctx[
|
|
6604
|
+
ctx[53] ===
|
|
6597
6605
|
/*_highlightedIndex*/
|
|
6598
6606
|
ctx[16]);
|
|
6599
6607
|
}
|
|
@@ -6605,7 +6613,7 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6605
6613
|
/*_values*/
|
|
6606
6614
|
ctx[12].includes(
|
|
6607
6615
|
/*option*/
|
|
6608
|
-
ctx[
|
|
6616
|
+
ctx[49].value));
|
|
6609
6617
|
}
|
|
6610
6618
|
},
|
|
6611
6619
|
|
|
@@ -6616,14 +6624,14 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6616
6624
|
}
|
|
6617
6625
|
|
|
6618
6626
|
};
|
|
6619
|
-
} // (
|
|
6627
|
+
} // (246:6) {#each _options as option}
|
|
6620
6628
|
|
|
6621
6629
|
|
|
6622
6630
|
function create_each_block$4(ctx) {
|
|
6623
6631
|
let option;
|
|
6624
6632
|
let t0_value =
|
|
6625
6633
|
/*option*/
|
|
6626
|
-
ctx[
|
|
6634
|
+
ctx[49].label + "";
|
|
6627
6635
|
let t0;
|
|
6628
6636
|
let t1;
|
|
6629
6637
|
let option_selected_value;
|
|
@@ -6636,14 +6644,14 @@ function create_each_block$4(ctx) {
|
|
|
6636
6644
|
t1 = space();
|
|
6637
6645
|
option.selected = option_selected_value =
|
|
6638
6646
|
/*option*/
|
|
6639
|
-
ctx[
|
|
6647
|
+
ctx[49].selected;
|
|
6640
6648
|
option.__value = option_value_value =
|
|
6641
6649
|
/*option*/
|
|
6642
|
-
ctx[
|
|
6650
|
+
ctx[49].value;
|
|
6643
6651
|
option.value = option.__value;
|
|
6644
6652
|
attr(option, "aria-label", option_aria_label_value =
|
|
6645
6653
|
/*option*/
|
|
6646
|
-
ctx[
|
|
6654
|
+
ctx[49].label);
|
|
6647
6655
|
},
|
|
6648
6656
|
|
|
6649
6657
|
m(target, anchor) {
|
|
@@ -6657,13 +6665,13 @@ function create_each_block$4(ctx) {
|
|
|
6657
6665
|
/*_options*/
|
|
6658
6666
|
8192 && t0_value !== (t0_value =
|
|
6659
6667
|
/*option*/
|
|
6660
|
-
ctx[
|
|
6668
|
+
ctx[49].label + "")) set_data(t0, t0_value);
|
|
6661
6669
|
|
|
6662
6670
|
if (dirty[0] &
|
|
6663
6671
|
/*_options*/
|
|
6664
6672
|
8192 && option_selected_value !== (option_selected_value =
|
|
6665
6673
|
/*option*/
|
|
6666
|
-
ctx[
|
|
6674
|
+
ctx[49].selected)) {
|
|
6667
6675
|
option.selected = option_selected_value;
|
|
6668
6676
|
}
|
|
6669
6677
|
|
|
@@ -6671,7 +6679,7 @@ function create_each_block$4(ctx) {
|
|
|
6671
6679
|
/*_options*/
|
|
6672
6680
|
8192 && option_value_value !== (option_value_value =
|
|
6673
6681
|
/*option*/
|
|
6674
|
-
ctx[
|
|
6682
|
+
ctx[49].value)) {
|
|
6675
6683
|
option.__value = option_value_value;
|
|
6676
6684
|
option.value = option.__value;
|
|
6677
6685
|
}
|
|
@@ -6680,7 +6688,7 @@ function create_each_block$4(ctx) {
|
|
|
6680
6688
|
/*_options*/
|
|
6681
6689
|
8192 && option_aria_label_value !== (option_aria_label_value =
|
|
6682
6690
|
/*option*/
|
|
6683
|
-
ctx[
|
|
6691
|
+
ctx[49].label)) {
|
|
6684
6692
|
attr(option, "aria-label", option_aria_label_value);
|
|
6685
6693
|
}
|
|
6686
6694
|
},
|
|
@@ -6809,20 +6817,6 @@ function create_fragment$p(ctx) {
|
|
|
6809
6817
|
};
|
|
6810
6818
|
}
|
|
6811
6819
|
|
|
6812
|
-
function getCustomDropdownWidth(options) {
|
|
6813
|
-
let width;
|
|
6814
|
-
let maxCount = 0;
|
|
6815
|
-
options.forEach(option => {
|
|
6816
|
-
const label = option.label || option.value || "";
|
|
6817
|
-
|
|
6818
|
-
if (!width && maxCount < label.length) {
|
|
6819
|
-
maxCount = label.length;
|
|
6820
|
-
width = `${Math.max(20, maxCount + 12)}ch`;
|
|
6821
|
-
}
|
|
6822
|
-
});
|
|
6823
|
-
return width;
|
|
6824
|
-
}
|
|
6825
|
-
|
|
6826
6820
|
function instance$m($$self, $$props, $$invalidate) {
|
|
6827
6821
|
let _disabled;
|
|
6828
6822
|
|
|
@@ -6901,7 +6895,16 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
6901
6895
|
$$invalidate(17, _computedWidth = getCustomDropdownWidth(_options));
|
|
6902
6896
|
addKeyboardEventListeners();
|
|
6903
6897
|
setHighlightedIndexToSelected();
|
|
6904
|
-
}
|
|
6898
|
+
} // watch for DOM changes within the slot => dynamic binding
|
|
6899
|
+
|
|
6900
|
+
|
|
6901
|
+
const slot = _el.querySelector("slot");
|
|
6902
|
+
|
|
6903
|
+
slot === null || slot === void 0 ? void 0 : slot.addEventListener("slotchange", _e => {
|
|
6904
|
+
$$invalidate(14, _selectedLabel = "");
|
|
6905
|
+
$$invalidate(12, _values = parseValues());
|
|
6906
|
+
$$invalidate(13, _options = getOptions());
|
|
6907
|
+
});
|
|
6905
6908
|
});
|
|
6906
6909
|
onDestroy(() => {
|
|
6907
6910
|
removeKeyboardEventListeners();
|
|
@@ -6925,7 +6928,7 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
6925
6928
|
|
|
6926
6929
|
function getOptions() {
|
|
6927
6930
|
const children = getChildren();
|
|
6928
|
-
return children.map(el => {
|
|
6931
|
+
return children.filter(child => child.tagName === "GOA-DROPDOWN-ITEM").map(el => {
|
|
6929
6932
|
const option = el;
|
|
6930
6933
|
const value = el.getAttribute("value") || option.value;
|
|
6931
6934
|
const label = el.getAttribute("label") || option.label || value;
|
|
@@ -6943,6 +6946,26 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
6943
6946
|
label
|
|
6944
6947
|
};
|
|
6945
6948
|
});
|
|
6949
|
+
} // compute the required width to enure all children fit
|
|
6950
|
+
|
|
6951
|
+
|
|
6952
|
+
function getCustomDropdownWidth(options) {
|
|
6953
|
+
let width;
|
|
6954
|
+
let maxCount = 0;
|
|
6955
|
+
|
|
6956
|
+
if (options.length === 0 && placeholder !== "") {
|
|
6957
|
+
return `${placeholder.length + 12}ch`;
|
|
6958
|
+
}
|
|
6959
|
+
|
|
6960
|
+
options.forEach(option => {
|
|
6961
|
+
const label = option.label || option.value || "";
|
|
6962
|
+
|
|
6963
|
+
if (!width && maxCount < label.length) {
|
|
6964
|
+
maxCount = label.length;
|
|
6965
|
+
width = `${Math.max(20, maxCount + 12)}ch`;
|
|
6966
|
+
}
|
|
6967
|
+
});
|
|
6968
|
+
return width;
|
|
6946
6969
|
}
|
|
6947
6970
|
|
|
6948
6971
|
function addKeyboardEventListeners() {
|
|
@@ -7179,7 +7202,7 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
7179
7202
|
class Dropdown extends SvelteElement {
|
|
7180
7203
|
constructor(options) {
|
|
7181
7204
|
super();
|
|
7182
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.dropdown{position:relative;cursor:pointer;display:inline-block;width:100%}@media(min-width: 640px){.dropdown{width:var(--width)}}.dropdown-background{cursor:default;position:fixed;z-index:98;inset:0}.dropdown-list{position:absolute;left:0;right:0;padding:0;margin:0;margin-top:3px;list-style-type:none;background:var(--color-white);border-radius:var(--
|
|
7205
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{position:relative;cursor:pointer;display:inline-block;width:100%}@media(min-width: 640px){.dropdown{width:var(--width)}}.dropdown-background{cursor:default;position:fixed;z-index:98;inset:0}.dropdown-list{position:absolute;left:0;right:0;padding:0;margin:0;margin-top:3px;list-style-type:none;background:var(--goa-color-greyscale-white);border-radius:var(--goa-border-radius-m);outline:none;box-shadow:var(--shadow-1);z-index:99;scroll-behavior:smooth;scrollbar-width:thin;display:none}.dropdown-active{display:block}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-list::-webkit-scrollbar-thumb{background:#888}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#555}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--goa-color-greyscale-700)}.dropdown-item--selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white)}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}select{border:none;background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);appearance:none;padding:calc(var(--goa-space-xs) + 2px);padding-left:0.5rem;padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}</style>`;
|
|
7183
7206
|
init(this, {
|
|
7184
7207
|
target: this.shadowRoot,
|
|
7185
7208
|
props: attribute_to_object(this.attributes),
|
|
@@ -7882,7 +7905,7 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
|
7882
7905
|
class Footer extends SvelteElement {
|
|
7883
7906
|
constructor(options) {
|
|
7884
7907
|
super();
|
|
7885
|
-
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.app-footer{background-color:var(--color-
|
|
7908
|
+
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.app-footer{background-color:var(--goa-color-greyscale-100);border-top:2px solid var(--goa-color-greyscale-200);border-bottom:1rem solid var(--goa-color-brand-default)}.content{padding:2rem 1rem;margin:0 auto;width:min(var(--max-content-width), 100%)}@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>`;
|
|
7886
7909
|
init(this, {
|
|
7887
7910
|
target: this.shadowRoot,
|
|
7888
7911
|
props: attribute_to_object(this.attributes),
|
|
@@ -8095,7 +8118,7 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
|
8095
8118
|
class FooterMetaSection extends SvelteElement {
|
|
8096
8119
|
constructor(options) {
|
|
8097
8120
|
super();
|
|
8098
|
-
this.shadowRoot.innerHTML = `<style>.hidden{display:none}ul{display:flex;flex-wrap:wrap;gap:1rem;padding-left:0}li{list-style-type:none}a{color:var(--goa-color-text);white-space:nowrap}</style>`;
|
|
8121
|
+
this.shadowRoot.innerHTML = `<style>.hidden{display:none}ul{display:flex;flex-wrap:wrap;gap:1rem;padding-left:0}li{list-style-type:none}a{color:var(--goa-color-text-default);white-space:nowrap}</style>`;
|
|
8099
8122
|
init(this, {
|
|
8100
8123
|
target: this.shadowRoot,
|
|
8101
8124
|
props: attribute_to_object(this.attributes),
|
|
@@ -8403,7 +8426,7 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
|
8403
8426
|
class FooterNavSection extends SvelteElement {
|
|
8404
8427
|
constructor(options) {
|
|
8405
8428
|
super();
|
|
8406
|
-
this.shadowRoot.innerHTML = `<style>:host{flex:auto}.title{font-size:var(--
|
|
8429
|
+
this.shadowRoot.innerHTML = `<style>:host{flex:auto}.title{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-4)}.hidden{display:none}.links{display:block;list-style-type:none;padding-left:0}@media(min-width: 720px){.links{display:var(--narrow-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--narrow-column-count)}}@media(min-width: 1024px){.links{display:var(--wide-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--wide-column-count)}}li{padding:0.75rem 0}a{color:var(--goa-color-text-default)}</style>`;
|
|
8407
8430
|
init(this, {
|
|
8408
8431
|
target: this.shadowRoot,
|
|
8409
8432
|
props: attribute_to_object(this.attributes),
|
|
@@ -8826,7 +8849,7 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
8826
8849
|
class FormItem extends SvelteElement {
|
|
8827
8850
|
constructor(options) {
|
|
8828
8851
|
super();
|
|
8829
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}*{box-sizing:border-box}.label{display:block;font-weight:var(--
|
|
8852
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}*{box-sizing:border-box}.label{display:block;font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:0.5rem 0}.label em{color:var(--goa-color-greyscale-700);font-weight:var(--goa-font-weight-regular);font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--goa-font-size-2);color:var(--goa-color-text-default);margin-right:56px}.error-msg{display:inline-flex;gap:0.25rem;font-size:var(--goa-font-size-2);color:var(--goa-color-interactive-error);margin-bottom:0.25rem}</style>`;
|
|
8830
8853
|
init(this, {
|
|
8831
8854
|
target: this.shadowRoot,
|
|
8832
8855
|
props: attribute_to_object(this.attributes),
|
|
@@ -8986,7 +9009,7 @@ function create_fragment$i(ctx) {
|
|
|
8986
9009
|
--min-child-width: ${
|
|
8987
9010
|
/*minchildwidth*/
|
|
8988
9011
|
ctx[1] || 0};
|
|
8989
|
-
gap: var(--goa-
|
|
9012
|
+
gap: var(--goa-space-${
|
|
8990
9013
|
/*gap*/
|
|
8991
9014
|
ctx[0]})
|
|
8992
9015
|
`);
|
|
@@ -9013,7 +9036,7 @@ function create_fragment$i(ctx) {
|
|
|
9013
9036
|
--min-child-width: ${
|
|
9014
9037
|
/*minchildwidth*/
|
|
9015
9038
|
ctx[1] || 0};
|
|
9016
|
-
gap: var(--goa-
|
|
9039
|
+
gap: var(--goa-space-${
|
|
9017
9040
|
/*gap*/
|
|
9018
9041
|
ctx[0]})
|
|
9019
9042
|
`)) {
|
|
@@ -9071,7 +9094,7 @@ function instance$g($$self, $$props, $$invalidate) {
|
|
|
9071
9094
|
class Grid extends SvelteElement {
|
|
9072
9095
|
constructor(options) {
|
|
9073
9096
|
super();
|
|
9074
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-grid{display:flex;flex-direction:column;gap:var(--gap)}@media(min-width: 640px){.goa-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--min-child-width), 1fr))}}</style>`;
|
|
9097
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-grid{display:flex;flex-direction:column;gap:var(--gap)}@media(min-width: 640px){.goa-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--min-child-width), 1fr))}}</style>`;
|
|
9075
9098
|
init(this, {
|
|
9076
9099
|
target: this.shadowRoot,
|
|
9077
9100
|
props: attribute_to_object(this.attributes),
|
|
@@ -9280,7 +9303,7 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
9280
9303
|
class HeroBanner extends SvelteElement {
|
|
9281
9304
|
constructor(options) {
|
|
9282
9305
|
super();
|
|
9283
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-hero{box-sizing:border-box;display:flex;justify-content:flex-end;flex-direction:column;border-bottom:8px solid var(--goa-color-brand);color:var(--color-white);background-position:center center;width:100%;padding:3.5rem 0}h1{margin:0 0 1.75rem;padding:0;color:var(--color-white);font-size:var(--
|
|
9306
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-hero{box-sizing:border-box;display:flex;justify-content:flex-end;flex-direction:column;border-bottom:8px solid var(--goa-color-brand-default);color:var(--goa-color-greyscale-white);background-position:center center;width:100%;padding:3.5rem 0}h1{margin:0 0 1.75rem;padding:0;color:var(--goa-color-greyscale-white);font-size:var(--goa-font-size-10);line-height:var(--goa-line-height-7);font-weight:var(--goa-font-weight-bold)}.goa-hero-banner-content{font-size:1.5rem;line-height:2rem;margin-bottom:1.75rem;color:#fff}</style>`;
|
|
9284
9307
|
init(this, {
|
|
9285
9308
|
target: this.shadowRoot,
|
|
9286
9309
|
props: attribute_to_object(this.attributes),
|
|
@@ -9617,7 +9640,7 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
|
9617
9640
|
class IconButton extends SvelteElement {
|
|
9618
9641
|
constructor(options) {
|
|
9619
9642
|
super();
|
|
9620
|
-
this.shadowRoot.innerHTML = `<style>:host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--font-family)}button,button *{box-sizing:border-box}button{display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;background:transparent;cursor:pointer;border:none;border-radius:0.5rem;padding:var(--pading-size)}.color,.dark{color:var(--goa-color-interactive);fill:var(--goa-color-interactive);cursor:pointer;transition:background-color 100ms ease-in, transform 100ms ease-in}.dark:not(.inverted){color:unset}button:hover{background-color:var(--color-
|
|
9643
|
+
this.shadowRoot.innerHTML = `<style>:host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--goa-font-family-sans)}button,button *{box-sizing:border-box}button{display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;background:transparent;cursor:pointer;border:none;border-radius:0.5rem;padding:var(--pading-size)}.color,.dark{color:var(--goa-color-interactive-default);fill:var(--goa-color-interactive-default);cursor:pointer;transition:background-color 100ms ease-in, transform 100ms ease-in}.dark:not(.inverted){color:unset}button:hover{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);outline:none}button:focus,button:active{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-interactive-focus);color:var(--goa-color-interactive-focus);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.color.inverted:hover{background-color:var(--goa-color-interactive-hover)}button:disabled{pointer-events:none;opacity:0.5;transform:none;cursor:default}button:disabled:hover{background-color:transparent}button.dark:hover{background-color:rgba(0, 0, 0, 0.3)}button.dark:focus,button.dark:active{background-color:rgba(0, 0, 0, 0.3);box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}</style>`;
|
|
9621
9644
|
init(this, {
|
|
9622
9645
|
target: this.shadowRoot,
|
|
9623
9646
|
props: attribute_to_object(this.attributes),
|
|
@@ -11068,7 +11091,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
11068
11091
|
class Input extends SvelteElement {
|
|
11069
11092
|
constructor(options) {
|
|
11070
11093
|
super();
|
|
11071
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-
|
|
11094
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--color-white)}.goa-input:hover{border-color:var(--goa-color-interactive-hover)}.goa-input:active,.goa-input:focus,.goa-input:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.5rem}.goa-input-trailing-icon{margin-right:0.5rem}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:0;flex:1 1 auto;font-family:var(--goa-font-family-sans)}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive-error)}input[type="search" i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
|
|
11072
11095
|
center center no-repeat}</style>`;
|
|
11073
11096
|
init(this, {
|
|
11074
11097
|
target: this.shadowRoot,
|
|
@@ -11729,7 +11752,7 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
|
11729
11752
|
class MicrositeHeader extends SvelteElement {
|
|
11730
11753
|
constructor(options) {
|
|
11731
11754
|
super();
|
|
11732
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}a{color:var(--goa-color-interactive);cursor:pointer}a:hover{color:var(--goa-color-interactive
|
|
11755
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{display:flex;font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);align-items:center;justify-content:space-between;padding:0.25rem 1.5rem}@media(max-width: 640px){.goa-official-site-header{padding:0.5rem 1rem;align-items:start}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.service-type--live{padding:0}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}</style>`;
|
|
11733
11756
|
init(this, {
|
|
11734
11757
|
target: this.shadowRoot,
|
|
11735
11758
|
props: attribute_to_object(this.attributes),
|
|
@@ -12349,7 +12372,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
|
12349
12372
|
class Modal extends SvelteElement {
|
|
12350
12373
|
constructor(options) {
|
|
12351
12374
|
super();
|
|
12352
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.modal{font-family:var(--font-family);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-
|
|
12375
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:2rem 2rem}.modal-pane{position:relative;background-color:#fff;z-index:1001;width:90%;display:flex;margin:1rem;box-shadow:var(--goa-shadow-modal);border-radius:4px;max-height:90%;border:1px solid var(--goa-color-greyscale-700)}@media(min-width: 640px){.modal-pane{width:var(--width, 60ch);max-height:80%}}.modal-actions ::slotted(div){margin:1.5rem 0 0}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-close{position:absolute;top:2rem;right:2rem}.modal-title{font-size:var(--goa-font-size-7);margin:0 0 1.5rem;margin-right:40px;flex:0 0 auto}.modal-content{line-height:1.75rem}</style>`;
|
|
12353
12376
|
init(this, {
|
|
12354
12377
|
target: this.shadowRoot,
|
|
12355
12378
|
props: attribute_to_object(this.attributes),
|
|
@@ -12672,7 +12695,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
|
12672
12695
|
class Notification extends SvelteElement {
|
|
12673
12696
|
constructor(options) {
|
|
12674
12697
|
super();
|
|
12675
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.notification{padding:1.5rem;display:flex;gap:1rem}.emergency{background-color:var(--goa-color-
|
|
12698
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:1.5rem;display:flex;gap:1rem}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.event{background-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.icon{flex:0 0 auto}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}.close{flex:0 0 auto}</style>`;
|
|
12676
12699
|
init(this, {
|
|
12677
12700
|
target: this.shadowRoot,
|
|
12678
12701
|
props: attribute_to_object(this.attributes),
|
|
@@ -12795,7 +12818,7 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
12795
12818
|
class PageBlock extends SvelteElement {
|
|
12796
12819
|
constructor(options) {
|
|
12797
12820
|
super();
|
|
12798
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1.75rem}</style>`;
|
|
12821
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1.75rem}</style>`;
|
|
12799
12822
|
init(this, {
|
|
12800
12823
|
target: this.shadowRoot,
|
|
12801
12824
|
props: attribute_to_object(this.attributes),
|
|
@@ -13298,9 +13321,9 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
13298
13321
|
class RadioGroup extends SvelteElement {
|
|
13299
13322
|
constructor(options) {
|
|
13300
13323
|
super();
|
|
13301
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-radio-group--horizontal{display:flex;flex-direction:row}.goa-radio-group--vertical{display:inline-block}label.goa-radio{--goa-radio-outline-width:3px;--goa-radio-diameter:1.5rem;--goa-radio-border-width:1px;--goa-radio-border-width--checked:7px;display:inline-block;box-sizing:border-box;display:flex;align-items:center;min-height:3rem}.goa-radio:hover{cursor:pointer}.goa-radio *,.goa-radio *:before,.goa-radio *:after{box-sizing:border-box}.goa-radio input[type="radio"]{width:0;height:0;margin:0;opacity:0}input[type="radio"]:hover~.goa-radio-icon{border-color:var(--goa-color-interactive
|
|
13302
|
-
var(--goa-color-interactive
|
|
13303
|
-
var(--goa-color-interactive
|
|
13324
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-radio-group--horizontal{display:flex;flex-direction:row}.goa-radio-group--vertical{display:inline-block}label.goa-radio{--goa-radio-outline-width:3px;--goa-radio-diameter:1.5rem;--goa-radio-border-width:1px;--goa-radio-border-width--checked:7px;display:inline-block;box-sizing:border-box;display:flex;align-items:center;min-height:3rem}.goa-radio:hover{cursor:pointer}.goa-radio *,.goa-radio *:before,.goa-radio *:after{box-sizing:border-box}.goa-radio input[type="radio"]{width:0;height:0;margin:0;opacity:0}input[type="radio"]:hover~.goa-radio-icon{border-color:var(--goa-color-interactive-hover)}input[type="radio"]:focus~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio-label{padding:0.5rem;font-weight:var(--goa-font-weight-regular)}.goa-radio-icon{display:inline-block;height:var(--goa-radio-diameter);width:var(--goa-radio-diameter);border-radius:50%;background-color:#fff;transition:box-shadow 100ms ease-in-out;flex:0 0 auto}.goa-radio:focus>input:not(:disabled)~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio--disabled .goa-radio-label{opacity:0.4}.goa-radio--disabled:hover{cursor:default}input[type="radio"]:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid
|
|
13325
|
+
var(--goa-color-interactive-hover)}input[type="radio"]:not(:checked)~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700)}input[type="radio"]:disabled~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700)}input[type="radio"]:disabled:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid
|
|
13326
|
+
var(--goa-color-interactive-hover)}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon{border:7px solid var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-emergency-default)}</style>`;
|
|
13304
13327
|
init(this, {
|
|
13305
13328
|
target: this.shadowRoot,
|
|
13306
13329
|
props: attribute_to_object(this.attributes),
|
|
@@ -14258,7 +14281,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14258
14281
|
class Skeleton extends SvelteElement {
|
|
14259
14282
|
constructor(options) {
|
|
14260
14283
|
super();
|
|
14261
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--color-
|
|
14284
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--goa-color-greyscale-100);animation:pulse 2s infinite ease-in-out;overflow:hidden;margin:10px 0}.image,.image-1{background-color:var(--goa-color-greyscale-100);flex:1 1 100px;height:100px;margin:0}.image-2{height:140px}.image-3{height:200px}.image-4{height:300px}.text,.text-1,.text-2,.text-3,.text-4{width:100%;height:.75rem;border-radius:0.25rem;margin:6px 0}.title,.title-1,.title-2{width:100%;height:.75rem;border-radius:0.25rem}.title-3{height:.8rem}.title-4{height:1rem}.text-small,.text-small-1{width:30%;height:6px;border-radius:2px}.text-small-2{width:40%;height:8px;border-radius:2px}.text-small-3{width:50%;height:10px;border-radius:3px}.text-small-4{width:70%;height:12px;border-radius:4px}.paragraph{width:100%;height:70px;border-radius:4px}.header,.header-1{width:50%;height:18px;margin:12px 0;border-radius:0.25rem}.header-2{width:60%;height:20px;margin:14px 0;border-radius:0.25rem}.header-3{width:70%;height:22px;margin:16px 0;border-radius:0.25rem}.header-4{width:80%;height:24px;margin:18px 0;border-radius:0.3rem}.avatar{display:inline-block}.avatar,.avatar-1{width:40px;height:40px;border-radius:50%}.avatar-2{width:60px;height:60px;border-radius:50%}.avatar-3{width:80px;height:80px;border-radius:50%}.avatar-4{width:120px;height:120px;border-radius:50%}.thumbnail{display:inline-block}.thumbnail,.thumbnail-1{width:40px;height:40px;border-radius:4px}.thumbnail-2{width:60px;height:60px;border-radius:4px}.thumbnail-3{width:80px;height:80px;border-radius:4px}.thumbnail-4{width:120px;height:120px;border-radius:4px}.card{display:inline-block}.card,.card-1,.card-2,.card-3,.card-4{border:1px solid var(--goa-color-greyscale-100);border-radius:4px}.card{width:100%}@media(min-width: 480px){.card{max-width:var(--max-width)}}.card-content{flex:1 1 auto;padding:1rem}.profile{display:flex;flex-direction:row;align-items:center}.profile-1{max-width:280px;gap:1rem}.profile-2{max-width:360px;gap:1rem}.profile-3{max-width:480px;gap:1rem}.profile-4{max-width:560px;gap:1rem}.profile .profile-avatar{flex-shrink:0}.profile .profile-name{flex:1 1 auto}</style>`;
|
|
14262
14285
|
init(this, {
|
|
14263
14286
|
target: this.shadowRoot,
|
|
14264
14287
|
props: attribute_to_object(this.attributes),
|
|
@@ -14434,8 +14457,8 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
14434
14457
|
let rootEl;
|
|
14435
14458
|
onMount(() => {
|
|
14436
14459
|
injectCss(rootEl, ":host", {
|
|
14437
|
-
width: `var(--goa-
|
|
14438
|
-
height: `var(--goa-
|
|
14460
|
+
width: `var(--goa-space-${hspacing})`,
|
|
14461
|
+
height: `var(--goa-space-${vspacing})`
|
|
14439
14462
|
});
|
|
14440
14463
|
});
|
|
14441
14464
|
|
|
@@ -14716,7 +14739,7 @@ function create_if_block(ctx) {
|
|
|
14716
14739
|
ctx[3]);
|
|
14717
14740
|
attr(circle, "stroke", circle_stroke_value =
|
|
14718
14741
|
/*invert*/
|
|
14719
|
-
ctx[0] ? "var(--goa-color-
|
|
14742
|
+
ctx[0] ? "var(--goa-color-info-hover)" : "var(--goa-color-brand-light)");
|
|
14720
14743
|
attr(circle, "stroke-width",
|
|
14721
14744
|
/*strokewidth*/
|
|
14722
14745
|
ctx[4]);
|
|
@@ -14735,7 +14758,7 @@ function create_if_block(ctx) {
|
|
|
14735
14758
|
ctx[4]);
|
|
14736
14759
|
attr(path, "stroke", path_stroke_value =
|
|
14737
14760
|
/*invert*/
|
|
14738
|
-
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-
|
|
14761
|
+
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-info-default)");
|
|
14739
14762
|
attr(path, "stroke-linecap", "round");
|
|
14740
14763
|
attr(svg, "class", svg_class_value = `spinner-${
|
|
14741
14764
|
/*type*/
|
|
@@ -14785,7 +14808,7 @@ function create_if_block(ctx) {
|
|
|
14785
14808
|
/*invert*/
|
|
14786
14809
|
1 && circle_stroke_value !== (circle_stroke_value =
|
|
14787
14810
|
/*invert*/
|
|
14788
|
-
ctx[0] ? "var(--goa-color-
|
|
14811
|
+
ctx[0] ? "var(--goa-color-info-hover)" : "var(--goa-color-brand-light)")) {
|
|
14789
14812
|
attr(circle, "stroke", circle_stroke_value);
|
|
14790
14813
|
}
|
|
14791
14814
|
|
|
@@ -14829,7 +14852,7 @@ function create_if_block(ctx) {
|
|
|
14829
14852
|
/*invert*/
|
|
14830
14853
|
1 && path_stroke_value !== (path_stroke_value =
|
|
14831
14854
|
/*invert*/
|
|
14832
|
-
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-
|
|
14855
|
+
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-info-default)")) {
|
|
14833
14856
|
attr(path, "stroke", path_stroke_value);
|
|
14834
14857
|
}
|
|
14835
14858
|
|
|
@@ -15054,7 +15077,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
|
15054
15077
|
class Spinner extends SvelteElement {
|
|
15055
15078
|
constructor(options) {
|
|
15056
15079
|
super();
|
|
15057
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner-infinite{animation:rotate 2s linear infinite}</style>`;
|
|
15080
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner-infinite{animation:rotate 2s linear infinite}</style>`;
|
|
15058
15081
|
init(this, {
|
|
15059
15082
|
target: this.shadowRoot,
|
|
15060
15083
|
props: attribute_to_object(this.attributes),
|
|
@@ -15147,23 +15170,28 @@ function create_fragment$4(ctx) {
|
|
|
15147
15170
|
<tbody><tr><td></td></tr></tbody>
|
|
15148
15171
|
<tfoot><tr><td></td></tr></tfoot>`;
|
|
15149
15172
|
this.c = noop;
|
|
15173
|
+
attr(table, "class",
|
|
15174
|
+
/*variant*/
|
|
15175
|
+
ctx[1]);
|
|
15150
15176
|
attr(table, "style", table_style_value = `
|
|
15151
|
-
|
|
15177
|
+
${
|
|
15178
|
+
/*width*/
|
|
15179
|
+
ctx[0] ? `width: ${
|
|
15152
15180
|
/*width*/
|
|
15153
|
-
ctx[0]}
|
|
15181
|
+
ctx[0]};` : ``}
|
|
15154
15182
|
${calculateMargin(
|
|
15155
15183
|
/*mt*/
|
|
15156
|
-
ctx[1],
|
|
15157
|
-
/*mr*/
|
|
15158
15184
|
ctx[2],
|
|
15159
|
-
/*
|
|
15185
|
+
/*mr*/
|
|
15160
15186
|
ctx[3],
|
|
15187
|
+
/*mb*/
|
|
15188
|
+
ctx[4],
|
|
15161
15189
|
/*ml*/
|
|
15162
|
-
ctx[
|
|
15190
|
+
ctx[5])}
|
|
15163
15191
|
`);
|
|
15164
15192
|
toggle_class(table, "sticky",
|
|
15165
15193
|
/*_stickyHeader*/
|
|
15166
|
-
ctx[
|
|
15194
|
+
ctx[7]);
|
|
15167
15195
|
},
|
|
15168
15196
|
|
|
15169
15197
|
m(target, anchor) {
|
|
@@ -15173,35 +15201,45 @@ function create_fragment$4(ctx) {
|
|
|
15173
15201
|
append(table, template);
|
|
15174
15202
|
/*table_binding*/
|
|
15175
15203
|
|
|
15176
|
-
ctx[
|
|
15204
|
+
ctx[9](table);
|
|
15177
15205
|
},
|
|
15178
15206
|
|
|
15179
15207
|
p(ctx, [dirty]) {
|
|
15208
|
+
if (dirty &
|
|
15209
|
+
/*variant*/
|
|
15210
|
+
2) {
|
|
15211
|
+
attr(table, "class",
|
|
15212
|
+
/*variant*/
|
|
15213
|
+
ctx[1]);
|
|
15214
|
+
}
|
|
15215
|
+
|
|
15180
15216
|
if (dirty &
|
|
15181
15217
|
/*width, mt, mr, mb, ml*/
|
|
15182
|
-
|
|
15183
|
-
|
|
15218
|
+
61 && table_style_value !== (table_style_value = `
|
|
15219
|
+
${
|
|
15220
|
+
/*width*/
|
|
15221
|
+
ctx[0] ? `width: ${
|
|
15184
15222
|
/*width*/
|
|
15185
|
-
ctx[0]}
|
|
15223
|
+
ctx[0]};` : ``}
|
|
15186
15224
|
${calculateMargin(
|
|
15187
15225
|
/*mt*/
|
|
15188
|
-
ctx[1],
|
|
15189
|
-
/*mr*/
|
|
15190
15226
|
ctx[2],
|
|
15191
|
-
/*
|
|
15227
|
+
/*mr*/
|
|
15192
15228
|
ctx[3],
|
|
15229
|
+
/*mb*/
|
|
15230
|
+
ctx[4],
|
|
15193
15231
|
/*ml*/
|
|
15194
|
-
ctx[
|
|
15232
|
+
ctx[5])}
|
|
15195
15233
|
`)) {
|
|
15196
15234
|
attr(table, "style", table_style_value);
|
|
15197
15235
|
}
|
|
15198
15236
|
|
|
15199
15237
|
if (dirty &
|
|
15200
|
-
/*_stickyHeader*/
|
|
15201
|
-
|
|
15238
|
+
/*variant, _stickyHeader*/
|
|
15239
|
+
130) {
|
|
15202
15240
|
toggle_class(table, "sticky",
|
|
15203
15241
|
/*_stickyHeader*/
|
|
15204
|
-
ctx[
|
|
15242
|
+
ctx[7]);
|
|
15205
15243
|
}
|
|
15206
15244
|
},
|
|
15207
15245
|
|
|
@@ -15212,7 +15250,7 @@ function create_fragment$4(ctx) {
|
|
|
15212
15250
|
if (detaching) detach(table);
|
|
15213
15251
|
/*table_binding*/
|
|
15214
15252
|
|
|
15215
|
-
ctx[
|
|
15253
|
+
ctx[9](null);
|
|
15216
15254
|
}
|
|
15217
15255
|
|
|
15218
15256
|
};
|
|
@@ -15221,12 +15259,16 @@ function create_fragment$4(ctx) {
|
|
|
15221
15259
|
function instance$2($$self, $$props, $$invalidate) {
|
|
15222
15260
|
let _stickyHeader;
|
|
15223
15261
|
|
|
15262
|
+
const [Variants, validateVariant] = typeValidator("Table variant", ["normal", "relaxed"], true);
|
|
15224
15263
|
let {
|
|
15225
15264
|
width = ""
|
|
15226
15265
|
} = $$props;
|
|
15227
15266
|
let {
|
|
15228
15267
|
stickyheader = "false"
|
|
15229
15268
|
} = $$props;
|
|
15269
|
+
let {
|
|
15270
|
+
variant = "normal"
|
|
15271
|
+
} = $$props;
|
|
15230
15272
|
let {
|
|
15231
15273
|
mt = null
|
|
15232
15274
|
} = $$props;
|
|
@@ -15243,6 +15285,8 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
|
15243
15285
|
let _rootEl;
|
|
15244
15286
|
|
|
15245
15287
|
onMount(() => {
|
|
15288
|
+
validateVariant(variant);
|
|
15289
|
+
|
|
15246
15290
|
const slot = _rootEl.querySelector("slot");
|
|
15247
15291
|
|
|
15248
15292
|
if (slot) {
|
|
@@ -15258,45 +15302,47 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
|
15258
15302
|
function table_binding($$value) {
|
|
15259
15303
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
15260
15304
|
_rootEl = $$value;
|
|
15261
|
-
$$invalidate(
|
|
15305
|
+
$$invalidate(6, _rootEl);
|
|
15262
15306
|
});
|
|
15263
15307
|
}
|
|
15264
15308
|
|
|
15265
15309
|
$$self.$$set = $$props => {
|
|
15266
15310
|
if ('width' in $$props) $$invalidate(0, width = $$props.width);
|
|
15267
|
-
if ('stickyheader' in $$props) $$invalidate(
|
|
15268
|
-
if ('
|
|
15269
|
-
if ('
|
|
15270
|
-
if ('
|
|
15271
|
-
if ('
|
|
15311
|
+
if ('stickyheader' in $$props) $$invalidate(8, stickyheader = $$props.stickyheader);
|
|
15312
|
+
if ('variant' in $$props) $$invalidate(1, variant = $$props.variant);
|
|
15313
|
+
if ('mt' in $$props) $$invalidate(2, mt = $$props.mt);
|
|
15314
|
+
if ('mr' in $$props) $$invalidate(3, mr = $$props.mr);
|
|
15315
|
+
if ('mb' in $$props) $$invalidate(4, mb = $$props.mb);
|
|
15316
|
+
if ('ml' in $$props) $$invalidate(5, ml = $$props.ml);
|
|
15272
15317
|
};
|
|
15273
15318
|
|
|
15274
15319
|
$$self.$$.update = () => {
|
|
15275
15320
|
if ($$self.$$.dirty &
|
|
15276
15321
|
/*stickyheader*/
|
|
15277
|
-
|
|
15278
|
-
$$invalidate(
|
|
15322
|
+
256) {
|
|
15323
|
+
$$invalidate(7, _stickyHeader = toBoolean(stickyheader));
|
|
15279
15324
|
}
|
|
15280
15325
|
};
|
|
15281
15326
|
|
|
15282
|
-
return [width, mt, mr, mb, ml, _rootEl, _stickyHeader, stickyheader, table_binding];
|
|
15327
|
+
return [width, variant, mt, mr, mb, ml, _rootEl, _stickyHeader, stickyheader, table_binding];
|
|
15283
15328
|
}
|
|
15284
15329
|
|
|
15285
15330
|
class Table extends SvelteElement {
|
|
15286
15331
|
constructor(options) {
|
|
15287
15332
|
super();
|
|
15288
|
-
this.shadowRoot.innerHTML = `<style>table{border-collapse:collapse}table.sticky{position:relative}table.sticky thead{position:sticky;top:0}td{padding:1rem
|
|
15333
|
+
this.shadowRoot.innerHTML = `<style>table{border-collapse:collapse}table.sticky{position:relative}table.sticky thead{position:sticky;top:0}td{padding:0.75rem 1rem 0.5rem;border-bottom:1px solid var(--goa-color-greyscale-200);line-height:1rem}table.relaxed td{padding:1.25rem 1rem 1rem}th{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-secondary);padding:1rem;vertical-align:middle;text-align:left;border-bottom:2px solid var(--goa-color-greyscale-700)}tfoot td{background-color:var(--goa-color-greyscale-100)}tfoot tr:first-child td{border-top:2px solid var(--goa-color-greyscale-200)}tfoot tr:last-child td{border-bottom:none}</style>`;
|
|
15289
15334
|
init(this, {
|
|
15290
15335
|
target: this.shadowRoot,
|
|
15291
15336
|
props: attribute_to_object(this.attributes),
|
|
15292
15337
|
customElement: true
|
|
15293
15338
|
}, instance$2, create_fragment$4, safe_not_equal, {
|
|
15294
15339
|
width: 0,
|
|
15295
|
-
stickyheader:
|
|
15296
|
-
|
|
15297
|
-
|
|
15298
|
-
|
|
15299
|
-
|
|
15340
|
+
stickyheader: 8,
|
|
15341
|
+
variant: 1,
|
|
15342
|
+
mt: 2,
|
|
15343
|
+
mr: 3,
|
|
15344
|
+
mb: 4,
|
|
15345
|
+
ml: 5
|
|
15300
15346
|
}, null);
|
|
15301
15347
|
|
|
15302
15348
|
if (options) {
|
|
@@ -15312,7 +15358,7 @@ class Table extends SvelteElement {
|
|
|
15312
15358
|
}
|
|
15313
15359
|
|
|
15314
15360
|
static get observedAttributes() {
|
|
15315
|
-
return ["width", "stickyheader", "mt", "mr", "mb", "ml"];
|
|
15361
|
+
return ["width", "stickyheader", "variant", "mt", "mr", "mb", "ml"];
|
|
15316
15362
|
}
|
|
15317
15363
|
|
|
15318
15364
|
get width() {
|
|
@@ -15327,7 +15373,7 @@ class Table extends SvelteElement {
|
|
|
15327
15373
|
}
|
|
15328
15374
|
|
|
15329
15375
|
get stickyheader() {
|
|
15330
|
-
return this.$$.ctx[
|
|
15376
|
+
return this.$$.ctx[8];
|
|
15331
15377
|
}
|
|
15332
15378
|
|
|
15333
15379
|
set stickyheader(stickyheader) {
|
|
@@ -15337,10 +15383,21 @@ class Table extends SvelteElement {
|
|
|
15337
15383
|
flush();
|
|
15338
15384
|
}
|
|
15339
15385
|
|
|
15340
|
-
get
|
|
15386
|
+
get variant() {
|
|
15341
15387
|
return this.$$.ctx[1];
|
|
15342
15388
|
}
|
|
15343
15389
|
|
|
15390
|
+
set variant(variant) {
|
|
15391
|
+
this.$$set({
|
|
15392
|
+
variant
|
|
15393
|
+
});
|
|
15394
|
+
flush();
|
|
15395
|
+
}
|
|
15396
|
+
|
|
15397
|
+
get mt() {
|
|
15398
|
+
return this.$$.ctx[2];
|
|
15399
|
+
}
|
|
15400
|
+
|
|
15344
15401
|
set mt(mt) {
|
|
15345
15402
|
this.$$set({
|
|
15346
15403
|
mt
|
|
@@ -15349,7 +15406,7 @@ class Table extends SvelteElement {
|
|
|
15349
15406
|
}
|
|
15350
15407
|
|
|
15351
15408
|
get mr() {
|
|
15352
|
-
return this.$$.ctx[
|
|
15409
|
+
return this.$$.ctx[3];
|
|
15353
15410
|
}
|
|
15354
15411
|
|
|
15355
15412
|
set mr(mr) {
|
|
@@ -15360,7 +15417,7 @@ class Table extends SvelteElement {
|
|
|
15360
15417
|
}
|
|
15361
15418
|
|
|
15362
15419
|
get mb() {
|
|
15363
|
-
return this.$$.ctx[
|
|
15420
|
+
return this.$$.ctx[4];
|
|
15364
15421
|
}
|
|
15365
15422
|
|
|
15366
15423
|
set mb(mb) {
|
|
@@ -15371,7 +15428,7 @@ class Table extends SvelteElement {
|
|
|
15371
15428
|
}
|
|
15372
15429
|
|
|
15373
15430
|
get ml() {
|
|
15374
|
-
return this.$$.ctx[
|
|
15431
|
+
return this.$$.ctx[5];
|
|
15375
15432
|
}
|
|
15376
15433
|
|
|
15377
15434
|
set ml(ml) {
|
|
@@ -15678,8 +15735,8 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
|
15678
15735
|
class TextArea extends SvelteElement {
|
|
15679
15736
|
constructor(options) {
|
|
15680
15737
|
super();
|
|
15681
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-
|
|
15682
|
-
}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive
|
|
15738
|
+
this.shadowRoot.innerHTML = `<style>:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:0.75rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:3px;color:var(--goa-color-greyscale-black, #ccc);padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);font-size:var(--goa-font-size-4);font-family:var(--goa-font-family-sans);min-width:100%}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{border-color:var(--goa-color-interactive-hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-textarea:disabled,.goa-textarea:disabled:hover,.goa-textarea:disabled:active,.goa-textarea:disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--goa-font-size-2)}.counter-error{color:var(--goa-color-interactive-error)
|
|
15739
|
+
}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive-error)}</style>`;
|
|
15683
15740
|
init(this, {
|
|
15684
15741
|
target: this.shadowRoot,
|
|
15685
15742
|
props: attribute_to_object(this.attributes),
|
|
@@ -15922,12 +15979,12 @@ function create_fragment$2(ctx) {
|
|
|
15922
15979
|
class FullScreenNavbarLayout extends SvelteElement {
|
|
15923
15980
|
constructor(options) {
|
|
15924
15981
|
super();
|
|
15925
|
-
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
15982
|
+
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
15926
15983
|
"content"
|
|
15927
15984
|
"nav"
|
|
15928
|
-
"footer";display:grid;place-content:stretch stretch;gap:0 0}@media(min-width: 640px){.page{grid-template-columns:300px auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header header"
|
|
15985
|
+
"footer";display:grid;place-content:stretch stretch;gap:0 0}@media(min-width: 640px){.page{grid-template-columns:300px auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header header"
|
|
15929
15986
|
"nav content"
|
|
15930
|
-
"footer footer"}}.header{grid-area:header}.footer{grid-area:footer}main{grid-area:content;justify-self:stretch;padding:1rem}.nav{grid-area:nav;padding:1rem;background-color:var(--color-
|
|
15987
|
+
"footer footer"}}.header{grid-area:header}.footer{grid-area:footer}main{grid-area:content;justify-self:stretch;padding:1rem}.nav{grid-area:nav;padding:1rem;background-color:var(--goa-color-greyscale-100)}</style>`;
|
|
15931
15988
|
init(this, {
|
|
15932
15989
|
target: this.shadowRoot,
|
|
15933
15990
|
props: attribute_to_object(this.attributes),
|
|
@@ -16029,7 +16086,7 @@ function create_fragment(ctx) {
|
|
|
16029
16086
|
ctx[1] || "100%"};
|
|
16030
16087
|
--nav-column-width: ${
|
|
16031
16088
|
/*navcolumnwidth*/
|
|
16032
|
-
ctx[0] || "
|
|
16089
|
+
ctx[0] || "256px"};
|
|
16033
16090
|
`);
|
|
16034
16091
|
},
|
|
16035
16092
|
|
|
@@ -16051,7 +16108,7 @@ function create_fragment(ctx) {
|
|
|
16051
16108
|
ctx[1] || "100%"};
|
|
16052
16109
|
--nav-column-width: ${
|
|
16053
16110
|
/*navcolumnwidth*/
|
|
16054
|
-
ctx[0] || "
|
|
16111
|
+
ctx[0] || "256px"};
|
|
16055
16112
|
`)) {
|
|
16056
16113
|
attr(div, "style", div_style_value);
|
|
16057
16114
|
}
|
|
@@ -16086,7 +16143,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16086
16143
|
class TwoColumnLayout extends SvelteElement {
|
|
16087
16144
|
constructor(options) {
|
|
16088
16145
|
super();
|
|
16089
|
-
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.page{min-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>`;
|
|
16146
|
+
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.page{min-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(--goa-color-greyscale-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>`;
|
|
16090
16147
|
init(this, {
|
|
16091
16148
|
target: this.shadowRoot,
|
|
16092
16149
|
props: attribute_to_object(this.attributes),
|
|
@@ -17282,7 +17339,8 @@ const GoASpinner = ({
|
|
|
17282
17339
|
function GoATable(props) {
|
|
17283
17340
|
return jsx("goa-table", Object.assign({
|
|
17284
17341
|
width: props.width,
|
|
17285
|
-
stickyheader: false
|
|
17342
|
+
stickyheader: false,
|
|
17343
|
+
variant: props.variant
|
|
17286
17344
|
}, {
|
|
17287
17345
|
children: jsx("template", {
|
|
17288
17346
|
children: jsx("table", {
|