@abgov/react-components 4.0.0-alpha.103 → 4.0.0-alpha.105
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/package.json +1 -1
- package/react-components.esm.js +180 -150
- package/react-components.umd.js +180 -150
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),
|
|
@@ -13687,9 +13710,9 @@ function create_else_block(ctx) {
|
|
|
13687
13710
|
function create_if_block_2(ctx) {
|
|
13688
13711
|
let each_1_anchor;
|
|
13689
13712
|
let current;
|
|
13690
|
-
let each_value = Array(
|
|
13713
|
+
let each_value = Array(Number.parseInt(
|
|
13691
13714
|
/*linecount*/
|
|
13692
|
-
ctx[2]);
|
|
13715
|
+
ctx[2] + ""));
|
|
13693
13716
|
let each_blocks = [];
|
|
13694
13717
|
|
|
13695
13718
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
@@ -13722,9 +13745,9 @@ function create_if_block_2(ctx) {
|
|
|
13722
13745
|
if (dirty &
|
|
13723
13746
|
/*size, linecount*/
|
|
13724
13747
|
6) {
|
|
13725
|
-
each_value = Array(
|
|
13748
|
+
each_value = Array(Number.parseInt(
|
|
13726
13749
|
/*linecount*/
|
|
13727
|
-
ctx[2]);
|
|
13750
|
+
ctx[2] + ""));
|
|
13728
13751
|
let i;
|
|
13729
13752
|
|
|
13730
13753
|
for (i = 0; i < each_value.length; i += 1) {
|
|
@@ -13934,7 +13957,9 @@ function create_if_block$1(ctx) {
|
|
|
13934
13957
|
size:
|
|
13935
13958
|
/*size*/
|
|
13936
13959
|
ctx[1],
|
|
13937
|
-
linecount:
|
|
13960
|
+
linecount:
|
|
13961
|
+
/*linecount*/
|
|
13962
|
+
ctx[2]
|
|
13938
13963
|
}
|
|
13939
13964
|
});
|
|
13940
13965
|
return {
|
|
@@ -13987,6 +14012,11 @@ function create_if_block$1(ctx) {
|
|
|
13987
14012
|
2) skeleton2_changes.size =
|
|
13988
14013
|
/*size*/
|
|
13989
14014
|
ctx[1];
|
|
14015
|
+
if (dirty &
|
|
14016
|
+
/*linecount*/
|
|
14017
|
+
4) skeleton2_changes.linecount =
|
|
14018
|
+
/*linecount*/
|
|
14019
|
+
ctx[2];
|
|
13990
14020
|
skeleton2.$set(skeleton2_changes);
|
|
13991
14021
|
|
|
13992
14022
|
if (!current || dirty &
|
|
@@ -14029,7 +14059,7 @@ function create_if_block$1(ctx) {
|
|
|
14029
14059
|
}
|
|
14030
14060
|
|
|
14031
14061
|
};
|
|
14032
|
-
} // (52:4) {#each Array(linecount) as _item}
|
|
14062
|
+
} // (52:4) {#each Array(Number.parseInt(linecount+"")) as _item}
|
|
14033
14063
|
|
|
14034
14064
|
|
|
14035
14065
|
function create_each_block(ctx) {
|
|
@@ -14258,7 +14288,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14258
14288
|
class Skeleton extends SvelteElement {
|
|
14259
14289
|
constructor(options) {
|
|
14260
14290
|
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-
|
|
14291
|
+
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
14292
|
init(this, {
|
|
14263
14293
|
target: this.shadowRoot,
|
|
14264
14294
|
props: attribute_to_object(this.attributes),
|
|
@@ -14434,8 +14464,8 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
14434
14464
|
let rootEl;
|
|
14435
14465
|
onMount(() => {
|
|
14436
14466
|
injectCss(rootEl, ":host", {
|
|
14437
|
-
width: `var(--goa-
|
|
14438
|
-
height: `var(--goa-
|
|
14467
|
+
width: `var(--goa-space-${hspacing})`,
|
|
14468
|
+
height: `var(--goa-space-${vspacing})`
|
|
14439
14469
|
});
|
|
14440
14470
|
});
|
|
14441
14471
|
|
|
@@ -14716,7 +14746,7 @@ function create_if_block(ctx) {
|
|
|
14716
14746
|
ctx[3]);
|
|
14717
14747
|
attr(circle, "stroke", circle_stroke_value =
|
|
14718
14748
|
/*invert*/
|
|
14719
|
-
ctx[0] ? "var(--goa-color-
|
|
14749
|
+
ctx[0] ? "var(--goa-color-info-hover)" : "var(--goa-color-brand-light)");
|
|
14720
14750
|
attr(circle, "stroke-width",
|
|
14721
14751
|
/*strokewidth*/
|
|
14722
14752
|
ctx[4]);
|
|
@@ -14735,7 +14765,7 @@ function create_if_block(ctx) {
|
|
|
14735
14765
|
ctx[4]);
|
|
14736
14766
|
attr(path, "stroke", path_stroke_value =
|
|
14737
14767
|
/*invert*/
|
|
14738
|
-
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-
|
|
14768
|
+
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-info-default)");
|
|
14739
14769
|
attr(path, "stroke-linecap", "round");
|
|
14740
14770
|
attr(svg, "class", svg_class_value = `spinner-${
|
|
14741
14771
|
/*type*/
|
|
@@ -14785,7 +14815,7 @@ function create_if_block(ctx) {
|
|
|
14785
14815
|
/*invert*/
|
|
14786
14816
|
1 && circle_stroke_value !== (circle_stroke_value =
|
|
14787
14817
|
/*invert*/
|
|
14788
|
-
ctx[0] ? "var(--goa-color-
|
|
14818
|
+
ctx[0] ? "var(--goa-color-info-hover)" : "var(--goa-color-brand-light)")) {
|
|
14789
14819
|
attr(circle, "stroke", circle_stroke_value);
|
|
14790
14820
|
}
|
|
14791
14821
|
|
|
@@ -14829,7 +14859,7 @@ function create_if_block(ctx) {
|
|
|
14829
14859
|
/*invert*/
|
|
14830
14860
|
1 && path_stroke_value !== (path_stroke_value =
|
|
14831
14861
|
/*invert*/
|
|
14832
|
-
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-
|
|
14862
|
+
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-info-default)")) {
|
|
14833
14863
|
attr(path, "stroke", path_stroke_value);
|
|
14834
14864
|
}
|
|
14835
14865
|
|
|
@@ -15054,7 +15084,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
|
15054
15084
|
class Spinner extends SvelteElement {
|
|
15055
15085
|
constructor(options) {
|
|
15056
15086
|
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>`;
|
|
15087
|
+
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
15088
|
init(this, {
|
|
15059
15089
|
target: this.shadowRoot,
|
|
15060
15090
|
props: attribute_to_object(this.attributes),
|
|
@@ -15307,7 +15337,7 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
|
15307
15337
|
class Table extends SvelteElement {
|
|
15308
15338
|
constructor(options) {
|
|
15309
15339
|
super();
|
|
15310
|
-
this.shadowRoot.innerHTML = `<style>table{border-collapse:collapse}table.sticky{position:relative}table.sticky thead{position:sticky;top:0}td{padding:0.75rem 1rem 0.5rem;border-bottom:1px solid var(--color-
|
|
15340
|
+
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>`;
|
|
15311
15341
|
init(this, {
|
|
15312
15342
|
target: this.shadowRoot,
|
|
15313
15343
|
props: attribute_to_object(this.attributes),
|
|
@@ -15712,8 +15742,8 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
|
15712
15742
|
class TextArea extends SvelteElement {
|
|
15713
15743
|
constructor(options) {
|
|
15714
15744
|
super();
|
|
15715
|
-
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-
|
|
15716
|
-
}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive
|
|
15745
|
+
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)
|
|
15746
|
+
}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive-error)}</style>`;
|
|
15717
15747
|
init(this, {
|
|
15718
15748
|
target: this.shadowRoot,
|
|
15719
15749
|
props: attribute_to_object(this.attributes),
|
|
@@ -15956,12 +15986,12 @@ function create_fragment$2(ctx) {
|
|
|
15956
15986
|
class FullScreenNavbarLayout extends SvelteElement {
|
|
15957
15987
|
constructor(options) {
|
|
15958
15988
|
super();
|
|
15959
|
-
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
15989
|
+
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
15960
15990
|
"content"
|
|
15961
15991
|
"nav"
|
|
15962
|
-
"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"
|
|
15992
|
+
"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"
|
|
15963
15993
|
"nav content"
|
|
15964
|
-
"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-
|
|
15994
|
+
"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>`;
|
|
15965
15995
|
init(this, {
|
|
15966
15996
|
target: this.shadowRoot,
|
|
15967
15997
|
props: attribute_to_object(this.attributes),
|
|
@@ -16063,7 +16093,7 @@ function create_fragment(ctx) {
|
|
|
16063
16093
|
ctx[1] || "100%"};
|
|
16064
16094
|
--nav-column-width: ${
|
|
16065
16095
|
/*navcolumnwidth*/
|
|
16066
|
-
ctx[0] || "
|
|
16096
|
+
ctx[0] || "256px"};
|
|
16067
16097
|
`);
|
|
16068
16098
|
},
|
|
16069
16099
|
|
|
@@ -16085,7 +16115,7 @@ function create_fragment(ctx) {
|
|
|
16085
16115
|
ctx[1] || "100%"};
|
|
16086
16116
|
--nav-column-width: ${
|
|
16087
16117
|
/*navcolumnwidth*/
|
|
16088
|
-
ctx[0] || "
|
|
16118
|
+
ctx[0] || "256px"};
|
|
16089
16119
|
`)) {
|
|
16090
16120
|
attr(div, "style", div_style_value);
|
|
16091
16121
|
}
|
|
@@ -16120,7 +16150,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16120
16150
|
class TwoColumnLayout extends SvelteElement {
|
|
16121
16151
|
constructor(options) {
|
|
16122
16152
|
super();
|
|
16123
|
-
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>`;
|
|
16153
|
+
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>`;
|
|
16124
16154
|
init(this, {
|
|
16125
16155
|
target: this.shadowRoot,
|
|
16126
16156
|
props: attribute_to_object(this.attributes),
|