@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.umd.js
CHANGED
|
@@ -1067,7 +1067,6 @@
|
|
|
1067
1067
|
}
|
|
1068
1068
|
/* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.51.0 */
|
|
1069
1069
|
|
|
1070
|
-
|
|
1071
1070
|
function create_else_block$4(ctx) {
|
|
1072
1071
|
let div;
|
|
1073
1072
|
let img0;
|
|
@@ -1303,7 +1302,7 @@
|
|
|
1303
1302
|
class AppHeader extends SvelteElement {
|
|
1304
1303
|
constructor(options) {
|
|
1305
1304
|
super();
|
|
1306
|
-
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-
|
|
1305
|
+
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>`;
|
|
1307
1306
|
init(this, {
|
|
1308
1307
|
target: this.shadowRoot,
|
|
1309
1308
|
props: attribute_to_object(this.attributes),
|
|
@@ -1380,7 +1379,7 @@
|
|
|
1380
1379
|
customElements.define("goa-app-header", AppHeader);
|
|
1381
1380
|
|
|
1382
1381
|
function calculateMargin(mt, mr, mb, ml) {
|
|
1383
|
-
return [mt && `margin-top:var(--goa-
|
|
1382
|
+
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(" ");
|
|
1384
1383
|
}
|
|
1385
1384
|
|
|
1386
1385
|
function injectCss(el, rootSelector, css, media) {
|
|
@@ -1736,9 +1735,7 @@
|
|
|
1736
1735
|
class Badge extends SvelteElement {
|
|
1737
1736
|
constructor(options) {
|
|
1738
1737
|
super();
|
|
1739
|
-
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(--
|
|
1740
|
-
--font-valign-fix
|
|
1741
|
-
)}.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>`;
|
|
1738
|
+
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>`;
|
|
1742
1739
|
init(this, {
|
|
1743
1740
|
target: this.shadowRoot,
|
|
1744
1741
|
props: attribute_to_object(this.attributes),
|
|
@@ -1883,7 +1880,7 @@
|
|
|
1883
1880
|
ctx[5],
|
|
1884
1881
|
/*ml*/
|
|
1885
1882
|
ctx[6])}
|
|
1886
|
-
--gap: var(--goa-
|
|
1883
|
+
--gap: var(--goa-space-${
|
|
1887
1884
|
/*gap*/
|
|
1888
1885
|
ctx[0]});
|
|
1889
1886
|
--alignment: ${
|
|
@@ -1913,7 +1910,7 @@
|
|
|
1913
1910
|
ctx[5],
|
|
1914
1911
|
/*ml*/
|
|
1915
1912
|
ctx[6])}
|
|
1916
|
-
--gap: var(--goa-
|
|
1913
|
+
--gap: var(--goa-space-${
|
|
1917
1914
|
/*gap*/
|
|
1918
1915
|
ctx[0]});
|
|
1919
1916
|
--alignment: ${
|
|
@@ -2091,7 +2088,7 @@
|
|
|
2091
2088
|
|
|
2092
2089
|
function create_else_block$2(ctx) {
|
|
2093
2090
|
let t0;
|
|
2094
|
-
let
|
|
2091
|
+
let span;
|
|
2095
2092
|
let t1;
|
|
2096
2093
|
let if_block1_anchor;
|
|
2097
2094
|
let if_block0 =
|
|
@@ -2104,17 +2101,18 @@
|
|
|
2104
2101
|
c() {
|
|
2105
2102
|
if (if_block0) if_block0.c();
|
|
2106
2103
|
t0 = space();
|
|
2107
|
-
|
|
2104
|
+
span = element("span");
|
|
2105
|
+
span.innerHTML = `<slot></slot>`;
|
|
2108
2106
|
t1 = space();
|
|
2109
2107
|
if (if_block1) if_block1.c();
|
|
2110
2108
|
if_block1_anchor = empty();
|
|
2111
|
-
attr(
|
|
2109
|
+
attr(span, "class", "text");
|
|
2112
2110
|
},
|
|
2113
2111
|
|
|
2114
2112
|
m(target, anchor) {
|
|
2115
2113
|
if (if_block0) if_block0.m(target, anchor);
|
|
2116
2114
|
insert(target, t0, anchor);
|
|
2117
|
-
insert(target,
|
|
2115
|
+
insert(target, span, anchor);
|
|
2118
2116
|
insert(target, t1, anchor);
|
|
2119
2117
|
if (if_block1) if_block1.m(target, anchor);
|
|
2120
2118
|
insert(target, if_block1_anchor, anchor);
|
|
@@ -2155,7 +2153,7 @@
|
|
|
2155
2153
|
d(detaching) {
|
|
2156
2154
|
if (if_block0) if_block0.d(detaching);
|
|
2157
2155
|
if (detaching) detach(t0);
|
|
2158
|
-
if (detaching) detach(
|
|
2156
|
+
if (detaching) detach(span);
|
|
2159
2157
|
if (detaching) detach(t1);
|
|
2160
2158
|
if (if_block1) if_block1.d(detaching);
|
|
2161
2159
|
if (detaching) detach(if_block1_anchor);
|
|
@@ -2166,22 +2164,23 @@
|
|
|
2166
2164
|
|
|
2167
2165
|
|
|
2168
2166
|
function create_if_block$f(ctx) {
|
|
2169
|
-
let
|
|
2167
|
+
let span;
|
|
2170
2168
|
let t;
|
|
2171
2169
|
let goa_icon;
|
|
2172
2170
|
return {
|
|
2173
2171
|
c() {
|
|
2174
|
-
|
|
2172
|
+
span = element("span");
|
|
2173
|
+
span.innerHTML = `<slot></slot>`;
|
|
2175
2174
|
t = space();
|
|
2176
2175
|
goa_icon = element("goa-icon");
|
|
2177
|
-
attr(
|
|
2176
|
+
attr(span, "class", "text");
|
|
2178
2177
|
set_custom_element_data(goa_icon, "id", "trailing-icon");
|
|
2179
2178
|
set_custom_element_data(goa_icon, "type", "arrow-forward");
|
|
2180
2179
|
set_custom_element_data(goa_icon, "inverted", "true");
|
|
2181
2180
|
},
|
|
2182
2181
|
|
|
2183
2182
|
m(target, anchor) {
|
|
2184
|
-
insert(target,
|
|
2183
|
+
insert(target, span, anchor);
|
|
2185
2184
|
insert(target, t, anchor);
|
|
2186
2185
|
insert(target, goa_icon, anchor);
|
|
2187
2186
|
},
|
|
@@ -2189,13 +2188,13 @@
|
|
|
2189
2188
|
p: noop,
|
|
2190
2189
|
|
|
2191
2190
|
d(detaching) {
|
|
2192
|
-
if (detaching) detach(
|
|
2191
|
+
if (detaching) detach(span);
|
|
2193
2192
|
if (detaching) detach(t);
|
|
2194
2193
|
if (detaching) detach(goa_icon);
|
|
2195
2194
|
}
|
|
2196
2195
|
|
|
2197
2196
|
};
|
|
2198
|
-
} // (
|
|
2197
|
+
} // (51:4) {#if leadingicon}
|
|
2199
2198
|
|
|
2200
2199
|
|
|
2201
2200
|
function create_if_block_2$6(ctx) {
|
|
@@ -2239,7 +2238,7 @@
|
|
|
2239
2238
|
}
|
|
2240
2239
|
|
|
2241
2240
|
};
|
|
2242
|
-
} // (
|
|
2241
|
+
} // (57:4) {#if trailingicon}
|
|
2243
2242
|
|
|
2244
2243
|
|
|
2245
2244
|
function create_if_block_1$9(ctx) {
|
|
@@ -2522,10 +2521,8 @@
|
|
|
2522
2521
|
class Button extends SvelteElement {
|
|
2523
2522
|
constructor(options) {
|
|
2524
2523
|
super();
|
|
2525
|
-
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(--
|
|
2526
|
-
border-color 0.2s ease-in-out}.text{padding-bottom:var(
|
|
2527
|
-
--font-valign-fix
|
|
2528
|
-
)}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>`;
|
|
2524
|
+
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,
|
|
2525
|
+
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>`;
|
|
2529
2526
|
init(this, {
|
|
2530
2527
|
target: this.shadowRoot,
|
|
2531
2528
|
props: attribute_to_object(this.attributes),
|
|
@@ -2815,7 +2812,7 @@
|
|
|
2815
2812
|
class ButtonGroup extends SvelteElement {
|
|
2816
2813
|
constructor(options) {
|
|
2817
2814
|
super();
|
|
2818
|
-
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>`;
|
|
2815
|
+
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>`;
|
|
2819
2816
|
init(this, {
|
|
2820
2817
|
target: this.shadowRoot,
|
|
2821
2818
|
props: attribute_to_object(this.attributes),
|
|
@@ -3146,7 +3143,7 @@
|
|
|
3146
3143
|
class Callout extends SvelteElement {
|
|
3147
3144
|
constructor(options) {
|
|
3148
3145
|
super();
|
|
3149
|
-
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(--
|
|
3146
|
+
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>`;
|
|
3150
3147
|
init(this, {
|
|
3151
3148
|
target: this.shadowRoot,
|
|
3152
3149
|
props: attribute_to_object(this.attributes),
|
|
@@ -3331,7 +3328,7 @@
|
|
|
3331
3328
|
/*ml*/
|
|
3332
3329
|
ctx[6]) + " " + (
|
|
3333
3330
|
/*elevation*/
|
|
3334
|
-
ctx[0] === 0 ? `border: 1px solid var(--color-
|
|
3331
|
+
ctx[0] === 0 ? `border: 1px solid var(--goa-color-greyscale-200);` : `box-shadow: var(--shadow-${
|
|
3335
3332
|
/*elevation*/
|
|
3336
3333
|
ctx[0]});`) + "");
|
|
3337
3334
|
},
|
|
@@ -3366,7 +3363,7 @@
|
|
|
3366
3363
|
/*ml*/
|
|
3367
3364
|
ctx[6]) + " " + (
|
|
3368
3365
|
/*elevation*/
|
|
3369
|
-
ctx[0] === 0 ? `border: 1px solid var(--color-
|
|
3366
|
+
ctx[0] === 0 ? `border: 1px solid var(--goa-color-greyscale-200);` : `box-shadow: var(--shadow-${
|
|
3370
3367
|
/*elevation*/
|
|
3371
3368
|
ctx[0]});`) + "")) {
|
|
3372
3369
|
attr(div, "style", div_style_value);
|
|
@@ -3426,7 +3423,7 @@
|
|
|
3426
3423
|
class Card extends SvelteElement {
|
|
3427
3424
|
constructor(options) {
|
|
3428
3425
|
super();
|
|
3429
|
-
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>`;
|
|
3426
|
+
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>`;
|
|
3430
3427
|
init(this, {
|
|
3431
3428
|
target: this.shadowRoot,
|
|
3432
3429
|
props: attribute_to_object(this.attributes),
|
|
@@ -3579,7 +3576,7 @@
|
|
|
3579
3576
|
class CardContent extends SvelteElement {
|
|
3580
3577
|
constructor(options) {
|
|
3581
3578
|
super();
|
|
3582
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.card-content{padding:1rem}</style>`;
|
|
3579
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}</style>`;
|
|
3583
3580
|
init(this, {
|
|
3584
3581
|
target: this.shadowRoot,
|
|
3585
3582
|
props: attribute_to_object(this.attributes),
|
|
@@ -3626,7 +3623,7 @@
|
|
|
3626
3623
|
class CardGroup extends SvelteElement {
|
|
3627
3624
|
constructor(options) {
|
|
3628
3625
|
super();
|
|
3629
|
-
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>`;
|
|
3626
|
+
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>`;
|
|
3630
3627
|
init(this, {
|
|
3631
3628
|
target: this.shadowRoot,
|
|
3632
3629
|
props: attribute_to_object(this.attributes),
|
|
@@ -3712,7 +3709,7 @@
|
|
|
3712
3709
|
class CardImage extends SvelteElement {
|
|
3713
3710
|
constructor(options) {
|
|
3714
3711
|
super();
|
|
3715
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}</style>`;
|
|
3712
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}</style>`;
|
|
3716
3713
|
init(this, {
|
|
3717
3714
|
target: this.shadowRoot,
|
|
3718
3715
|
props: attribute_to_object(this.attributes),
|
|
@@ -4178,7 +4175,7 @@
|
|
|
4178
4175
|
class Checkbox extends SvelteElement {
|
|
4179
4176
|
constructor(options) {
|
|
4180
4177
|
super();
|
|
4181
|
-
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-
|
|
4178
|
+
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>`;
|
|
4182
4179
|
init(this, {
|
|
4183
4180
|
target: this.shadowRoot,
|
|
4184
4181
|
props: attribute_to_object(this.attributes),
|
|
@@ -4398,9 +4395,9 @@
|
|
|
4398
4395
|
set_custom_element_data(goa_icon, "type", "close-circle");
|
|
4399
4396
|
set_custom_element_data(goa_icon, "fillcolor", goa_icon_fillcolor_value =
|
|
4400
4397
|
/*_error*/
|
|
4401
|
-
ctx[10] ? "var(--goa-color-
|
|
4398
|
+
ctx[10] ? "var(--goa-color-emergency-default)" :
|
|
4402
4399
|
/*_hovering*/
|
|
4403
|
-
ctx[9] ? "var(--goa-color-interactive
|
|
4400
|
+
ctx[9] ? "var(--goa-color-interactive-hover)" : "var(--goa-color-greyscale-700)");
|
|
4404
4401
|
set_custom_element_data(goa_icon, "opacity", goa_icon_opacity_value =
|
|
4405
4402
|
/*_error*/
|
|
4406
4403
|
ctx[10] ?
|
|
@@ -4417,9 +4414,9 @@
|
|
|
4417
4414
|
/*_error, _hovering*/
|
|
4418
4415
|
1536 && goa_icon_fillcolor_value !== (goa_icon_fillcolor_value =
|
|
4419
4416
|
/*_error*/
|
|
4420
|
-
ctx[10] ? "var(--goa-color-
|
|
4417
|
+
ctx[10] ? "var(--goa-color-emergency-default)" :
|
|
4421
4418
|
/*_hovering*/
|
|
4422
|
-
ctx[9] ? "var(--goa-color-interactive
|
|
4419
|
+
ctx[9] ? "var(--goa-color-interactive-hover)" : "var(--goa-color-greyscale-700)")) {
|
|
4423
4420
|
set_custom_element_data(goa_icon, "fillcolor", goa_icon_fillcolor_value);
|
|
4424
4421
|
}
|
|
4425
4422
|
|
|
@@ -4719,7 +4716,7 @@
|
|
|
4719
4716
|
class Chip extends SvelteElement {
|
|
4720
4717
|
constructor(options) {
|
|
4721
4718
|
super();
|
|
4722
|
-
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(--
|
|
4719
|
+
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>`;
|
|
4723
4720
|
init(this, {
|
|
4724
4721
|
target: this.shadowRoot,
|
|
4725
4722
|
props: attribute_to_object(this.attributes),
|
|
@@ -5470,7 +5467,7 @@
|
|
|
5470
5467
|
class CircularProgress extends SvelteElement {
|
|
5471
5468
|
constructor(options) {
|
|
5472
5469
|
super();
|
|
5473
|
-
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>`;
|
|
5470
|
+
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>`;
|
|
5474
5471
|
init(this, {
|
|
5475
5472
|
target: this.shadowRoot,
|
|
5476
5473
|
props: attribute_to_object(this.attributes),
|
|
@@ -5735,7 +5732,7 @@
|
|
|
5735
5732
|
class Container extends SvelteElement {
|
|
5736
5733
|
constructor(options) {
|
|
5737
5734
|
super();
|
|
5738
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family);font-size:var(--
|
|
5735
|
+
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>`;
|
|
5739
5736
|
init(this, {
|
|
5740
5737
|
target: this.shadowRoot,
|
|
5741
5738
|
props: attribute_to_object(this.attributes),
|
|
@@ -5950,7 +5947,7 @@
|
|
|
5950
5947
|
class Divider extends SvelteElement {
|
|
5951
5948
|
constructor(options) {
|
|
5952
5949
|
super();
|
|
5953
|
-
this.shadowRoot.innerHTML = `<style>hr{padding:0;margin:0;height:1px;background-color:var(--color-
|
|
5950
|
+
this.shadowRoot.innerHTML = `<style>hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}</style>`;
|
|
5954
5951
|
init(this, {
|
|
5955
5952
|
target: this.shadowRoot,
|
|
5956
5953
|
props: attribute_to_object(this.attributes),
|
|
@@ -6041,25 +6038,25 @@
|
|
|
6041
6038
|
|
|
6042
6039
|
function get_each_context_1(ctx, list, i) {
|
|
6043
6040
|
const child_ctx = ctx.slice();
|
|
6044
|
-
child_ctx[
|
|
6045
|
-
child_ctx[
|
|
6041
|
+
child_ctx[49] = list[i];
|
|
6042
|
+
child_ctx[53] = i;
|
|
6046
6043
|
return child_ctx;
|
|
6047
6044
|
}
|
|
6048
6045
|
|
|
6049
6046
|
function get_each_context$4(ctx, list, i) {
|
|
6050
6047
|
const child_ctx = ctx.slice();
|
|
6051
|
-
child_ctx[
|
|
6048
|
+
child_ctx[49] = list[i];
|
|
6052
6049
|
return child_ctx;
|
|
6053
|
-
} // (
|
|
6050
|
+
} // (256:2) {:else}
|
|
6054
6051
|
|
|
6055
6052
|
|
|
6056
6053
|
function create_else_block$1(ctx) {
|
|
6057
6054
|
let t0;
|
|
6058
|
-
let slot;
|
|
6059
|
-
let t1;
|
|
6060
6055
|
let goa_input;
|
|
6061
|
-
let
|
|
6056
|
+
let goa_input_arialabel_value;
|
|
6062
6057
|
let goa_input_data_testid_value;
|
|
6058
|
+
let t1;
|
|
6059
|
+
let slot;
|
|
6063
6060
|
let t2;
|
|
6064
6061
|
let ul;
|
|
6065
6062
|
let each_blocks = [];
|
|
@@ -6076,7 +6073,7 @@
|
|
|
6076
6073
|
|
|
6077
6074
|
const get_key = ctx =>
|
|
6078
6075
|
/*index*/
|
|
6079
|
-
ctx[
|
|
6076
|
+
ctx[53];
|
|
6080
6077
|
|
|
6081
6078
|
for (let i = 0; i < each_value_1.length; i += 1) {
|
|
6082
6079
|
let child_ctx = get_each_context_1(ctx, each_value_1, i);
|
|
@@ -6088,9 +6085,9 @@
|
|
|
6088
6085
|
c() {
|
|
6089
6086
|
if (if_block) if_block.c();
|
|
6090
6087
|
t0 = space();
|
|
6091
|
-
slot = element("slot");
|
|
6092
|
-
t1 = space();
|
|
6093
6088
|
goa_input = element("goa-input");
|
|
6089
|
+
t1 = space();
|
|
6090
|
+
slot = element("slot");
|
|
6094
6091
|
t2 = space();
|
|
6095
6092
|
ul = element("ul");
|
|
6096
6093
|
|
|
@@ -6114,7 +6111,7 @@
|
|
|
6114
6111
|
set_custom_element_data(goa_input, "aria-expanded",
|
|
6115
6112
|
/*_isMenuVisible*/
|
|
6116
6113
|
ctx[15]);
|
|
6117
|
-
set_custom_element_data(goa_input, "
|
|
6114
|
+
set_custom_element_data(goa_input, "arialabel", goa_input_arialabel_value =
|
|
6118
6115
|
/*arialabel*/
|
|
6119
6116
|
ctx[1] ||
|
|
6120
6117
|
/*name*/
|
|
@@ -6130,6 +6127,9 @@
|
|
|
6130
6127
|
/*_selectedLabel*/
|
|
6131
6128
|
ctx[14]);
|
|
6132
6129
|
set_custom_element_data(goa_input, "width", "100%");
|
|
6130
|
+
set_custom_element_data(goa_input, "name",
|
|
6131
|
+
/*name*/
|
|
6132
|
+
ctx[0]);
|
|
6133
6133
|
attr(ul, "id", "menu");
|
|
6134
6134
|
attr(ul, "role", "listbox");
|
|
6135
6135
|
attr(ul, "aria-activedescendant",
|
|
@@ -6149,9 +6149,9 @@
|
|
|
6149
6149
|
m(target, anchor) {
|
|
6150
6150
|
if (if_block) if_block.m(target, anchor);
|
|
6151
6151
|
insert(target, t0, anchor);
|
|
6152
|
-
insert(target, slot, anchor);
|
|
6153
|
-
insert(target, t1, anchor);
|
|
6154
6152
|
insert(target, goa_input, anchor);
|
|
6153
|
+
insert(target, t1, anchor);
|
|
6154
|
+
insert(target, slot, anchor);
|
|
6155
6155
|
insert(target, t2, anchor);
|
|
6156
6156
|
insert(target, ul, anchor);
|
|
6157
6157
|
|
|
@@ -6229,12 +6229,12 @@
|
|
|
6229
6229
|
|
|
6230
6230
|
if (dirty[0] &
|
|
6231
6231
|
/*arialabel, name*/
|
|
6232
|
-
3 &&
|
|
6232
|
+
3 && goa_input_arialabel_value !== (goa_input_arialabel_value =
|
|
6233
6233
|
/*arialabel*/
|
|
6234
6234
|
ctx[1] ||
|
|
6235
6235
|
/*name*/
|
|
6236
6236
|
ctx[0])) {
|
|
6237
|
-
set_custom_element_data(goa_input, "
|
|
6237
|
+
set_custom_element_data(goa_input, "arialabel", goa_input_arialabel_value);
|
|
6238
6238
|
}
|
|
6239
6239
|
|
|
6240
6240
|
if (dirty[0] &
|
|
@@ -6253,6 +6253,14 @@
|
|
|
6253
6253
|
ctx[14]);
|
|
6254
6254
|
}
|
|
6255
6255
|
|
|
6256
|
+
if (dirty[0] &
|
|
6257
|
+
/*name*/
|
|
6258
|
+
1) {
|
|
6259
|
+
set_custom_element_data(goa_input, "name",
|
|
6260
|
+
/*name*/
|
|
6261
|
+
ctx[0]);
|
|
6262
|
+
}
|
|
6263
|
+
|
|
6256
6264
|
if (dirty[0] &
|
|
6257
6265
|
/*_options, _values, _highlightedIndex, onSelect*/
|
|
6258
6266
|
67186688) {
|
|
@@ -6290,9 +6298,9 @@
|
|
|
6290
6298
|
d(detaching) {
|
|
6291
6299
|
if (if_block) if_block.d(detaching);
|
|
6292
6300
|
if (detaching) detach(t0);
|
|
6293
|
-
if (detaching) detach(slot);
|
|
6294
|
-
if (detaching) detach(t1);
|
|
6295
6301
|
if (detaching) detach(goa_input);
|
|
6302
|
+
if (detaching) detach(t1);
|
|
6303
|
+
if (detaching) detach(slot);
|
|
6296
6304
|
if (detaching) detach(t2);
|
|
6297
6305
|
if (detaching) detach(ul);
|
|
6298
6306
|
|
|
@@ -6308,7 +6316,7 @@
|
|
|
6308
6316
|
}
|
|
6309
6317
|
|
|
6310
6318
|
};
|
|
6311
|
-
} // (
|
|
6319
|
+
} // (237:2) {#if _native}
|
|
6312
6320
|
|
|
6313
6321
|
|
|
6314
6322
|
function create_if_block$a(ctx) {
|
|
@@ -6434,7 +6442,7 @@
|
|
|
6434
6442
|
}
|
|
6435
6443
|
|
|
6436
6444
|
};
|
|
6437
|
-
} // (
|
|
6445
|
+
} // (257:4) {#if _isMenuVisible}
|
|
6438
6446
|
|
|
6439
6447
|
|
|
6440
6448
|
function create_if_block_1$5(ctx) {
|
|
@@ -6479,16 +6487,16 @@
|
|
|
6479
6487
|
}
|
|
6480
6488
|
|
|
6481
6489
|
};
|
|
6482
|
-
} // (
|
|
6490
|
+
} // (300:6) {#each _options as option, index (index)}
|
|
6483
6491
|
|
|
6484
6492
|
|
|
6485
6493
|
function create_each_block_1(key_1, ctx) {
|
|
6486
6494
|
let li;
|
|
6487
6495
|
let t0_value = (
|
|
6488
6496
|
/*option*/
|
|
6489
|
-
ctx[
|
|
6497
|
+
ctx[49].label ||
|
|
6490
6498
|
/*option*/
|
|
6491
|
-
ctx[
|
|
6499
|
+
ctx[49].value) + "";
|
|
6492
6500
|
let t0;
|
|
6493
6501
|
let t1;
|
|
6494
6502
|
let li_id_value;
|
|
@@ -6506,7 +6514,7 @@
|
|
|
6506
6514
|
/*click_handler*/
|
|
6507
6515
|
ctx[32](
|
|
6508
6516
|
/*option*/
|
|
6509
|
-
ctx[
|
|
6517
|
+
ctx[49])
|
|
6510
6518
|
);
|
|
6511
6519
|
}
|
|
6512
6520
|
|
|
@@ -6520,40 +6528,40 @@
|
|
|
6520
6528
|
t1 = space();
|
|
6521
6529
|
attr(li, "id", li_id_value =
|
|
6522
6530
|
/*option*/
|
|
6523
|
-
ctx[
|
|
6531
|
+
ctx[49].label);
|
|
6524
6532
|
attr(li, "role", "option");
|
|
6525
6533
|
attr(li, "aria-label", li_aria_label_value =
|
|
6526
6534
|
/*option*/
|
|
6527
|
-
ctx[
|
|
6535
|
+
ctx[49].label ||
|
|
6528
6536
|
/*option*/
|
|
6529
|
-
ctx[
|
|
6537
|
+
ctx[49].value);
|
|
6530
6538
|
attr(li, "aria-selected", li_aria_selected_value =
|
|
6531
6539
|
/*_values*/
|
|
6532
6540
|
ctx[12].includes(
|
|
6533
6541
|
/*option*/
|
|
6534
|
-
ctx[
|
|
6542
|
+
ctx[49].value) ? "true" : "false");
|
|
6535
6543
|
attr(li, "class", "dropdown-item");
|
|
6536
6544
|
attr(li, "data-testid", li_data_testid_value = `dropdown-item-${
|
|
6537
6545
|
/*option*/
|
|
6538
|
-
ctx[
|
|
6546
|
+
ctx[49].value}`);
|
|
6539
6547
|
attr(li, "data-index", li_data_index_value =
|
|
6540
6548
|
/*index*/
|
|
6541
|
-
ctx[
|
|
6549
|
+
ctx[53]);
|
|
6542
6550
|
attr(li, "data-value", li_data_value_value =
|
|
6543
6551
|
/*option*/
|
|
6544
|
-
ctx[
|
|
6552
|
+
ctx[49].value);
|
|
6545
6553
|
attr(li, "style", li_style_value = `display: ${"block"}`);
|
|
6546
6554
|
toggle_class(li, "dropdown-item--disabled", false);
|
|
6547
6555
|
toggle_class(li, "dropdown-item--tabbed",
|
|
6548
6556
|
/*index*/
|
|
6549
|
-
ctx[
|
|
6557
|
+
ctx[53] ===
|
|
6550
6558
|
/*_highlightedIndex*/
|
|
6551
6559
|
ctx[16]);
|
|
6552
6560
|
toggle_class(li, "dropdown-item--selected",
|
|
6553
6561
|
/*_values*/
|
|
6554
6562
|
ctx[12].includes(
|
|
6555
6563
|
/*option*/
|
|
6556
|
-
ctx[
|
|
6564
|
+
ctx[49].value));
|
|
6557
6565
|
this.first = li;
|
|
6558
6566
|
},
|
|
6559
6567
|
|
|
@@ -6574,15 +6582,15 @@
|
|
|
6574
6582
|
/*_options*/
|
|
6575
6583
|
8192 && t0_value !== (t0_value = (
|
|
6576
6584
|
/*option*/
|
|
6577
|
-
ctx[
|
|
6585
|
+
ctx[49].label ||
|
|
6578
6586
|
/*option*/
|
|
6579
|
-
ctx[
|
|
6587
|
+
ctx[49].value) + "")) set_data(t0, t0_value);
|
|
6580
6588
|
|
|
6581
6589
|
if (dirty[0] &
|
|
6582
6590
|
/*_options*/
|
|
6583
6591
|
8192 && li_id_value !== (li_id_value =
|
|
6584
6592
|
/*option*/
|
|
6585
|
-
ctx[
|
|
6593
|
+
ctx[49].label)) {
|
|
6586
6594
|
attr(li, "id", li_id_value);
|
|
6587
6595
|
}
|
|
6588
6596
|
|
|
@@ -6590,9 +6598,9 @@
|
|
|
6590
6598
|
/*_options*/
|
|
6591
6599
|
8192 && li_aria_label_value !== (li_aria_label_value =
|
|
6592
6600
|
/*option*/
|
|
6593
|
-
ctx[
|
|
6601
|
+
ctx[49].label ||
|
|
6594
6602
|
/*option*/
|
|
6595
|
-
ctx[
|
|
6603
|
+
ctx[49].value)) {
|
|
6596
6604
|
attr(li, "aria-label", li_aria_label_value);
|
|
6597
6605
|
}
|
|
6598
6606
|
|
|
@@ -6602,7 +6610,7 @@
|
|
|
6602
6610
|
/*_values*/
|
|
6603
6611
|
ctx[12].includes(
|
|
6604
6612
|
/*option*/
|
|
6605
|
-
ctx[
|
|
6613
|
+
ctx[49].value) ? "true" : "false")) {
|
|
6606
6614
|
attr(li, "aria-selected", li_aria_selected_value);
|
|
6607
6615
|
}
|
|
6608
6616
|
|
|
@@ -6610,7 +6618,7 @@
|
|
|
6610
6618
|
/*_options*/
|
|
6611
6619
|
8192 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${
|
|
6612
6620
|
/*option*/
|
|
6613
|
-
ctx[
|
|
6621
|
+
ctx[49].value}`)) {
|
|
6614
6622
|
attr(li, "data-testid", li_data_testid_value);
|
|
6615
6623
|
}
|
|
6616
6624
|
|
|
@@ -6618,7 +6626,7 @@
|
|
|
6618
6626
|
/*_options*/
|
|
6619
6627
|
8192 && li_data_index_value !== (li_data_index_value =
|
|
6620
6628
|
/*index*/
|
|
6621
|
-
ctx[
|
|
6629
|
+
ctx[53])) {
|
|
6622
6630
|
attr(li, "data-index", li_data_index_value);
|
|
6623
6631
|
}
|
|
6624
6632
|
|
|
@@ -6626,7 +6634,7 @@
|
|
|
6626
6634
|
/*_options*/
|
|
6627
6635
|
8192 && li_data_value_value !== (li_data_value_value =
|
|
6628
6636
|
/*option*/
|
|
6629
|
-
ctx[
|
|
6637
|
+
ctx[49].value)) {
|
|
6630
6638
|
attr(li, "data-value", li_data_value_value);
|
|
6631
6639
|
}
|
|
6632
6640
|
|
|
@@ -6635,7 +6643,7 @@
|
|
|
6635
6643
|
73728) {
|
|
6636
6644
|
toggle_class(li, "dropdown-item--tabbed",
|
|
6637
6645
|
/*index*/
|
|
6638
|
-
ctx[
|
|
6646
|
+
ctx[53] ===
|
|
6639
6647
|
/*_highlightedIndex*/
|
|
6640
6648
|
ctx[16]);
|
|
6641
6649
|
}
|
|
@@ -6647,7 +6655,7 @@
|
|
|
6647
6655
|
/*_values*/
|
|
6648
6656
|
ctx[12].includes(
|
|
6649
6657
|
/*option*/
|
|
6650
|
-
ctx[
|
|
6658
|
+
ctx[49].value));
|
|
6651
6659
|
}
|
|
6652
6660
|
},
|
|
6653
6661
|
|
|
@@ -6658,14 +6666,14 @@
|
|
|
6658
6666
|
}
|
|
6659
6667
|
|
|
6660
6668
|
};
|
|
6661
|
-
} // (
|
|
6669
|
+
} // (246:6) {#each _options as option}
|
|
6662
6670
|
|
|
6663
6671
|
|
|
6664
6672
|
function create_each_block$4(ctx) {
|
|
6665
6673
|
let option;
|
|
6666
6674
|
let t0_value =
|
|
6667
6675
|
/*option*/
|
|
6668
|
-
ctx[
|
|
6676
|
+
ctx[49].label + "";
|
|
6669
6677
|
let t0;
|
|
6670
6678
|
let t1;
|
|
6671
6679
|
let option_selected_value;
|
|
@@ -6678,14 +6686,14 @@
|
|
|
6678
6686
|
t1 = space();
|
|
6679
6687
|
option.selected = option_selected_value =
|
|
6680
6688
|
/*option*/
|
|
6681
|
-
ctx[
|
|
6689
|
+
ctx[49].selected;
|
|
6682
6690
|
option.__value = option_value_value =
|
|
6683
6691
|
/*option*/
|
|
6684
|
-
ctx[
|
|
6692
|
+
ctx[49].value;
|
|
6685
6693
|
option.value = option.__value;
|
|
6686
6694
|
attr(option, "aria-label", option_aria_label_value =
|
|
6687
6695
|
/*option*/
|
|
6688
|
-
ctx[
|
|
6696
|
+
ctx[49].label);
|
|
6689
6697
|
},
|
|
6690
6698
|
|
|
6691
6699
|
m(target, anchor) {
|
|
@@ -6699,13 +6707,13 @@
|
|
|
6699
6707
|
/*_options*/
|
|
6700
6708
|
8192 && t0_value !== (t0_value =
|
|
6701
6709
|
/*option*/
|
|
6702
|
-
ctx[
|
|
6710
|
+
ctx[49].label + "")) set_data(t0, t0_value);
|
|
6703
6711
|
|
|
6704
6712
|
if (dirty[0] &
|
|
6705
6713
|
/*_options*/
|
|
6706
6714
|
8192 && option_selected_value !== (option_selected_value =
|
|
6707
6715
|
/*option*/
|
|
6708
|
-
ctx[
|
|
6716
|
+
ctx[49].selected)) {
|
|
6709
6717
|
option.selected = option_selected_value;
|
|
6710
6718
|
}
|
|
6711
6719
|
|
|
@@ -6713,7 +6721,7 @@
|
|
|
6713
6721
|
/*_options*/
|
|
6714
6722
|
8192 && option_value_value !== (option_value_value =
|
|
6715
6723
|
/*option*/
|
|
6716
|
-
ctx[
|
|
6724
|
+
ctx[49].value)) {
|
|
6717
6725
|
option.__value = option_value_value;
|
|
6718
6726
|
option.value = option.__value;
|
|
6719
6727
|
}
|
|
@@ -6722,7 +6730,7 @@
|
|
|
6722
6730
|
/*_options*/
|
|
6723
6731
|
8192 && option_aria_label_value !== (option_aria_label_value =
|
|
6724
6732
|
/*option*/
|
|
6725
|
-
ctx[
|
|
6733
|
+
ctx[49].label)) {
|
|
6726
6734
|
attr(option, "aria-label", option_aria_label_value);
|
|
6727
6735
|
}
|
|
6728
6736
|
},
|
|
@@ -6851,20 +6859,6 @@
|
|
|
6851
6859
|
};
|
|
6852
6860
|
}
|
|
6853
6861
|
|
|
6854
|
-
function getCustomDropdownWidth(options) {
|
|
6855
|
-
let width;
|
|
6856
|
-
let maxCount = 0;
|
|
6857
|
-
options.forEach(option => {
|
|
6858
|
-
const label = option.label || option.value || "";
|
|
6859
|
-
|
|
6860
|
-
if (!width && maxCount < label.length) {
|
|
6861
|
-
maxCount = label.length;
|
|
6862
|
-
width = `${Math.max(20, maxCount + 12)}ch`;
|
|
6863
|
-
}
|
|
6864
|
-
});
|
|
6865
|
-
return width;
|
|
6866
|
-
}
|
|
6867
|
-
|
|
6868
6862
|
function instance$m($$self, $$props, $$invalidate) {
|
|
6869
6863
|
const showMenu = _async(function () {
|
|
6870
6864
|
if (_disabled || _isMenuVisible) {
|
|
@@ -6958,7 +6952,16 @@
|
|
|
6958
6952
|
$$invalidate(17, _computedWidth = getCustomDropdownWidth(_options));
|
|
6959
6953
|
addKeyboardEventListeners();
|
|
6960
6954
|
setHighlightedIndexToSelected();
|
|
6961
|
-
}
|
|
6955
|
+
} // watch for DOM changes within the slot => dynamic binding
|
|
6956
|
+
|
|
6957
|
+
|
|
6958
|
+
const slot = _el.querySelector("slot");
|
|
6959
|
+
|
|
6960
|
+
slot === null || slot === void 0 ? void 0 : slot.addEventListener("slotchange", _e => {
|
|
6961
|
+
$$invalidate(14, _selectedLabel = "");
|
|
6962
|
+
$$invalidate(12, _values = parseValues());
|
|
6963
|
+
$$invalidate(13, _options = getOptions());
|
|
6964
|
+
});
|
|
6962
6965
|
});
|
|
6963
6966
|
});
|
|
6964
6967
|
onDestroy(() => {
|
|
@@ -6983,7 +6986,7 @@
|
|
|
6983
6986
|
|
|
6984
6987
|
function getOptions() {
|
|
6985
6988
|
const children = getChildren();
|
|
6986
|
-
return children.map(el => {
|
|
6989
|
+
return children.filter(child => child.tagName === "GOA-DROPDOWN-ITEM").map(el => {
|
|
6987
6990
|
const option = el;
|
|
6988
6991
|
const value = el.getAttribute("value") || option.value;
|
|
6989
6992
|
const label = el.getAttribute("label") || option.label || value;
|
|
@@ -7001,6 +7004,26 @@
|
|
|
7001
7004
|
label
|
|
7002
7005
|
};
|
|
7003
7006
|
});
|
|
7007
|
+
} // compute the required width to enure all children fit
|
|
7008
|
+
|
|
7009
|
+
|
|
7010
|
+
function getCustomDropdownWidth(options) {
|
|
7011
|
+
let width;
|
|
7012
|
+
let maxCount = 0;
|
|
7013
|
+
|
|
7014
|
+
if (options.length === 0 && placeholder !== "") {
|
|
7015
|
+
return `${placeholder.length + 12}ch`;
|
|
7016
|
+
}
|
|
7017
|
+
|
|
7018
|
+
options.forEach(option => {
|
|
7019
|
+
const label = option.label || option.value || "";
|
|
7020
|
+
|
|
7021
|
+
if (!width && maxCount < label.length) {
|
|
7022
|
+
maxCount = label.length;
|
|
7023
|
+
width = `${Math.max(20, maxCount + 12)}ch`;
|
|
7024
|
+
}
|
|
7025
|
+
});
|
|
7026
|
+
return width;
|
|
7004
7027
|
}
|
|
7005
7028
|
|
|
7006
7029
|
function addKeyboardEventListeners() {
|
|
@@ -7223,7 +7246,7 @@
|
|
|
7223
7246
|
class Dropdown extends SvelteElement {
|
|
7224
7247
|
constructor(options) {
|
|
7225
7248
|
super();
|
|
7226
|
-
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(--
|
|
7249
|
+
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>`;
|
|
7227
7250
|
init(this, {
|
|
7228
7251
|
target: this.shadowRoot,
|
|
7229
7252
|
props: attribute_to_object(this.attributes),
|
|
@@ -7927,7 +7950,7 @@
|
|
|
7927
7950
|
class Footer extends SvelteElement {
|
|
7928
7951
|
constructor(options) {
|
|
7929
7952
|
super();
|
|
7930
|
-
this.shadowRoot.innerHTML = `<style>*{box-sizing:border-box}.app-footer{background-color:var(--color-
|
|
7953
|
+
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>`;
|
|
7931
7954
|
init(this, {
|
|
7932
7955
|
target: this.shadowRoot,
|
|
7933
7956
|
props: attribute_to_object(this.attributes),
|
|
@@ -8140,7 +8163,7 @@
|
|
|
8140
8163
|
class FooterMetaSection extends SvelteElement {
|
|
8141
8164
|
constructor(options) {
|
|
8142
8165
|
super();
|
|
8143
|
-
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>`;
|
|
8166
|
+
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>`;
|
|
8144
8167
|
init(this, {
|
|
8145
8168
|
target: this.shadowRoot,
|
|
8146
8169
|
props: attribute_to_object(this.attributes),
|
|
@@ -8449,7 +8472,7 @@
|
|
|
8449
8472
|
class FooterNavSection extends SvelteElement {
|
|
8450
8473
|
constructor(options) {
|
|
8451
8474
|
super();
|
|
8452
|
-
this.shadowRoot.innerHTML = `<style>:host{flex:auto}.title{font-size:var(--
|
|
8475
|
+
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>`;
|
|
8453
8476
|
init(this, {
|
|
8454
8477
|
target: this.shadowRoot,
|
|
8455
8478
|
props: attribute_to_object(this.attributes),
|
|
@@ -8872,7 +8895,7 @@
|
|
|
8872
8895
|
class FormItem extends SvelteElement {
|
|
8873
8896
|
constructor(options) {
|
|
8874
8897
|
super();
|
|
8875
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}*{box-sizing:border-box}.label{display:block;font-weight:var(--
|
|
8898
|
+
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>`;
|
|
8876
8899
|
init(this, {
|
|
8877
8900
|
target: this.shadowRoot,
|
|
8878
8901
|
props: attribute_to_object(this.attributes),
|
|
@@ -9032,7 +9055,7 @@
|
|
|
9032
9055
|
--min-child-width: ${
|
|
9033
9056
|
/*minchildwidth*/
|
|
9034
9057
|
ctx[1] || 0};
|
|
9035
|
-
gap: var(--goa-
|
|
9058
|
+
gap: var(--goa-space-${
|
|
9036
9059
|
/*gap*/
|
|
9037
9060
|
ctx[0]})
|
|
9038
9061
|
`);
|
|
@@ -9059,7 +9082,7 @@
|
|
|
9059
9082
|
--min-child-width: ${
|
|
9060
9083
|
/*minchildwidth*/
|
|
9061
9084
|
ctx[1] || 0};
|
|
9062
|
-
gap: var(--goa-
|
|
9085
|
+
gap: var(--goa-space-${
|
|
9063
9086
|
/*gap*/
|
|
9064
9087
|
ctx[0]})
|
|
9065
9088
|
`)) {
|
|
@@ -9117,7 +9140,7 @@
|
|
|
9117
9140
|
class Grid extends SvelteElement {
|
|
9118
9141
|
constructor(options) {
|
|
9119
9142
|
super();
|
|
9120
|
-
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>`;
|
|
9143
|
+
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>`;
|
|
9121
9144
|
init(this, {
|
|
9122
9145
|
target: this.shadowRoot,
|
|
9123
9146
|
props: attribute_to_object(this.attributes),
|
|
@@ -9326,7 +9349,7 @@
|
|
|
9326
9349
|
class HeroBanner extends SvelteElement {
|
|
9327
9350
|
constructor(options) {
|
|
9328
9351
|
super();
|
|
9329
|
-
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(--
|
|
9352
|
+
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>`;
|
|
9330
9353
|
init(this, {
|
|
9331
9354
|
target: this.shadowRoot,
|
|
9332
9355
|
props: attribute_to_object(this.attributes),
|
|
@@ -9663,7 +9686,7 @@
|
|
|
9663
9686
|
class IconButton extends SvelteElement {
|
|
9664
9687
|
constructor(options) {
|
|
9665
9688
|
super();
|
|
9666
|
-
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-
|
|
9689
|
+
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>`;
|
|
9667
9690
|
init(this, {
|
|
9668
9691
|
target: this.shadowRoot,
|
|
9669
9692
|
props: attribute_to_object(this.attributes),
|
|
@@ -11114,7 +11137,7 @@
|
|
|
11114
11137
|
class Input extends SvelteElement {
|
|
11115
11138
|
constructor(options) {
|
|
11116
11139
|
super();
|
|
11117
|
-
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-
|
|
11140
|
+
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>')
|
|
11118
11141
|
center center no-repeat}</style>`;
|
|
11119
11142
|
init(this, {
|
|
11120
11143
|
target: this.shadowRoot,
|
|
@@ -11775,7 +11798,7 @@
|
|
|
11775
11798
|
class MicrositeHeader extends SvelteElement {
|
|
11776
11799
|
constructor(options) {
|
|
11777
11800
|
super();
|
|
11778
|
-
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
|
|
11801
|
+
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>`;
|
|
11779
11802
|
init(this, {
|
|
11780
11803
|
target: this.shadowRoot,
|
|
11781
11804
|
props: attribute_to_object(this.attributes),
|
|
@@ -12395,7 +12418,7 @@
|
|
|
12395
12418
|
class Modal extends SvelteElement {
|
|
12396
12419
|
constructor(options) {
|
|
12397
12420
|
super();
|
|
12398
|
-
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-
|
|
12421
|
+
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>`;
|
|
12399
12422
|
init(this, {
|
|
12400
12423
|
target: this.shadowRoot,
|
|
12401
12424
|
props: attribute_to_object(this.attributes),
|
|
@@ -12718,7 +12741,7 @@
|
|
|
12718
12741
|
class Notification extends SvelteElement {
|
|
12719
12742
|
constructor(options) {
|
|
12720
12743
|
super();
|
|
12721
|
-
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-
|
|
12744
|
+
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>`;
|
|
12722
12745
|
init(this, {
|
|
12723
12746
|
target: this.shadowRoot,
|
|
12724
12747
|
props: attribute_to_object(this.attributes),
|
|
@@ -12841,7 +12864,7 @@
|
|
|
12841
12864
|
class PageBlock extends SvelteElement {
|
|
12842
12865
|
constructor(options) {
|
|
12843
12866
|
super();
|
|
12844
|
-
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>`;
|
|
12867
|
+
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>`;
|
|
12845
12868
|
init(this, {
|
|
12846
12869
|
target: this.shadowRoot,
|
|
12847
12870
|
props: attribute_to_object(this.attributes),
|
|
@@ -13345,9 +13368,9 @@
|
|
|
13345
13368
|
class RadioGroup extends SvelteElement {
|
|
13346
13369
|
constructor(options) {
|
|
13347
13370
|
super();
|
|
13348
|
-
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
|
|
13349
|
-
var(--goa-color-interactive
|
|
13350
|
-
var(--goa-color-interactive
|
|
13371
|
+
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
|
|
13372
|
+
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
|
|
13373
|
+
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>`;
|
|
13351
13374
|
init(this, {
|
|
13352
13375
|
target: this.shadowRoot,
|
|
13353
13376
|
props: attribute_to_object(this.attributes),
|
|
@@ -13734,9 +13757,9 @@
|
|
|
13734
13757
|
function create_if_block_2(ctx) {
|
|
13735
13758
|
let each_1_anchor;
|
|
13736
13759
|
let current;
|
|
13737
|
-
let each_value = Array(
|
|
13760
|
+
let each_value = Array(Number.parseInt(
|
|
13738
13761
|
/*linecount*/
|
|
13739
|
-
ctx[2]);
|
|
13762
|
+
ctx[2] + ""));
|
|
13740
13763
|
let each_blocks = [];
|
|
13741
13764
|
|
|
13742
13765
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
@@ -13769,9 +13792,9 @@
|
|
|
13769
13792
|
if (dirty &
|
|
13770
13793
|
/*size, linecount*/
|
|
13771
13794
|
6) {
|
|
13772
|
-
each_value = Array(
|
|
13795
|
+
each_value = Array(Number.parseInt(
|
|
13773
13796
|
/*linecount*/
|
|
13774
|
-
ctx[2]);
|
|
13797
|
+
ctx[2] + ""));
|
|
13775
13798
|
let i;
|
|
13776
13799
|
|
|
13777
13800
|
for (i = 0; i < each_value.length; i += 1) {
|
|
@@ -13981,7 +14004,9 @@
|
|
|
13981
14004
|
size:
|
|
13982
14005
|
/*size*/
|
|
13983
14006
|
ctx[1],
|
|
13984
|
-
linecount:
|
|
14007
|
+
linecount:
|
|
14008
|
+
/*linecount*/
|
|
14009
|
+
ctx[2]
|
|
13985
14010
|
}
|
|
13986
14011
|
});
|
|
13987
14012
|
return {
|
|
@@ -14034,6 +14059,11 @@
|
|
|
14034
14059
|
2) skeleton2_changes.size =
|
|
14035
14060
|
/*size*/
|
|
14036
14061
|
ctx[1];
|
|
14062
|
+
if (dirty &
|
|
14063
|
+
/*linecount*/
|
|
14064
|
+
4) skeleton2_changes.linecount =
|
|
14065
|
+
/*linecount*/
|
|
14066
|
+
ctx[2];
|
|
14037
14067
|
skeleton2.$set(skeleton2_changes);
|
|
14038
14068
|
|
|
14039
14069
|
if (!current || dirty &
|
|
@@ -14076,7 +14106,7 @@
|
|
|
14076
14106
|
}
|
|
14077
14107
|
|
|
14078
14108
|
};
|
|
14079
|
-
} // (52:4) {#each Array(linecount) as _item}
|
|
14109
|
+
} // (52:4) {#each Array(Number.parseInt(linecount+"")) as _item}
|
|
14080
14110
|
|
|
14081
14111
|
|
|
14082
14112
|
function create_each_block(ctx) {
|
|
@@ -14305,7 +14335,7 @@
|
|
|
14305
14335
|
class Skeleton extends SvelteElement {
|
|
14306
14336
|
constructor(options) {
|
|
14307
14337
|
super();
|
|
14308
|
-
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-
|
|
14338
|
+
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>`;
|
|
14309
14339
|
init(this, {
|
|
14310
14340
|
target: this.shadowRoot,
|
|
14311
14341
|
props: attribute_to_object(this.attributes),
|
|
@@ -14481,8 +14511,8 @@
|
|
|
14481
14511
|
let rootEl;
|
|
14482
14512
|
onMount(() => {
|
|
14483
14513
|
injectCss(rootEl, ":host", {
|
|
14484
|
-
width: `var(--goa-
|
|
14485
|
-
height: `var(--goa-
|
|
14514
|
+
width: `var(--goa-space-${hspacing})`,
|
|
14515
|
+
height: `var(--goa-space-${vspacing})`
|
|
14486
14516
|
});
|
|
14487
14517
|
});
|
|
14488
14518
|
|
|
@@ -14763,7 +14793,7 @@
|
|
|
14763
14793
|
ctx[3]);
|
|
14764
14794
|
attr(circle, "stroke", circle_stroke_value =
|
|
14765
14795
|
/*invert*/
|
|
14766
|
-
ctx[0] ? "var(--goa-color-
|
|
14796
|
+
ctx[0] ? "var(--goa-color-info-hover)" : "var(--goa-color-brand-light)");
|
|
14767
14797
|
attr(circle, "stroke-width",
|
|
14768
14798
|
/*strokewidth*/
|
|
14769
14799
|
ctx[4]);
|
|
@@ -14782,7 +14812,7 @@
|
|
|
14782
14812
|
ctx[4]);
|
|
14783
14813
|
attr(path, "stroke", path_stroke_value =
|
|
14784
14814
|
/*invert*/
|
|
14785
|
-
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-
|
|
14815
|
+
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-info-default)");
|
|
14786
14816
|
attr(path, "stroke-linecap", "round");
|
|
14787
14817
|
attr(svg, "class", svg_class_value = `spinner-${
|
|
14788
14818
|
/*type*/
|
|
@@ -14832,7 +14862,7 @@
|
|
|
14832
14862
|
/*invert*/
|
|
14833
14863
|
1 && circle_stroke_value !== (circle_stroke_value =
|
|
14834
14864
|
/*invert*/
|
|
14835
|
-
ctx[0] ? "var(--goa-color-
|
|
14865
|
+
ctx[0] ? "var(--goa-color-info-hover)" : "var(--goa-color-brand-light)")) {
|
|
14836
14866
|
attr(circle, "stroke", circle_stroke_value);
|
|
14837
14867
|
}
|
|
14838
14868
|
|
|
@@ -14876,7 +14906,7 @@
|
|
|
14876
14906
|
/*invert*/
|
|
14877
14907
|
1 && path_stroke_value !== (path_stroke_value =
|
|
14878
14908
|
/*invert*/
|
|
14879
|
-
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-
|
|
14909
|
+
ctx[0] ? "var(--goa-color-brand-light)" : "var(--goa-color-info-default)")) {
|
|
14880
14910
|
attr(path, "stroke", path_stroke_value);
|
|
14881
14911
|
}
|
|
14882
14912
|
|
|
@@ -15101,7 +15131,7 @@
|
|
|
15101
15131
|
class Spinner extends SvelteElement {
|
|
15102
15132
|
constructor(options) {
|
|
15103
15133
|
super();
|
|
15104
|
-
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>`;
|
|
15134
|
+
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>`;
|
|
15105
15135
|
init(this, {
|
|
15106
15136
|
target: this.shadowRoot,
|
|
15107
15137
|
props: attribute_to_object(this.attributes),
|
|
@@ -15354,7 +15384,7 @@
|
|
|
15354
15384
|
class Table extends SvelteElement {
|
|
15355
15385
|
constructor(options) {
|
|
15356
15386
|
super();
|
|
15357
|
-
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-
|
|
15387
|
+
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>`;
|
|
15358
15388
|
init(this, {
|
|
15359
15389
|
target: this.shadowRoot,
|
|
15360
15390
|
props: attribute_to_object(this.attributes),
|
|
@@ -15759,8 +15789,8 @@
|
|
|
15759
15789
|
class TextArea extends SvelteElement {
|
|
15760
15790
|
constructor(options) {
|
|
15761
15791
|
super();
|
|
15762
|
-
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-
|
|
15763
|
-
}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive
|
|
15792
|
+
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)
|
|
15793
|
+
}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive-error)}</style>`;
|
|
15764
15794
|
init(this, {
|
|
15765
15795
|
target: this.shadowRoot,
|
|
15766
15796
|
props: attribute_to_object(this.attributes),
|
|
@@ -16003,12 +16033,12 @@
|
|
|
16003
16033
|
class FullScreenNavbarLayout extends SvelteElement {
|
|
16004
16034
|
constructor(options) {
|
|
16005
16035
|
super();
|
|
16006
|
-
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
16036
|
+
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
16007
16037
|
"content"
|
|
16008
16038
|
"nav"
|
|
16009
|
-
"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"
|
|
16039
|
+
"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"
|
|
16010
16040
|
"nav content"
|
|
16011
|
-
"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-
|
|
16041
|
+
"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>`;
|
|
16012
16042
|
init(this, {
|
|
16013
16043
|
target: this.shadowRoot,
|
|
16014
16044
|
props: attribute_to_object(this.attributes),
|
|
@@ -16110,7 +16140,7 @@
|
|
|
16110
16140
|
ctx[1] || "100%"};
|
|
16111
16141
|
--nav-column-width: ${
|
|
16112
16142
|
/*navcolumnwidth*/
|
|
16113
|
-
ctx[0] || "
|
|
16143
|
+
ctx[0] || "256px"};
|
|
16114
16144
|
`);
|
|
16115
16145
|
},
|
|
16116
16146
|
|
|
@@ -16132,7 +16162,7 @@
|
|
|
16132
16162
|
ctx[1] || "100%"};
|
|
16133
16163
|
--nav-column-width: ${
|
|
16134
16164
|
/*navcolumnwidth*/
|
|
16135
|
-
ctx[0] || "
|
|
16165
|
+
ctx[0] || "256px"};
|
|
16136
16166
|
`)) {
|
|
16137
16167
|
attr(div, "style", div_style_value);
|
|
16138
16168
|
}
|
|
@@ -16167,7 +16197,7 @@
|
|
|
16167
16197
|
class TwoColumnLayout extends SvelteElement {
|
|
16168
16198
|
constructor(options) {
|
|
16169
16199
|
super();
|
|
16170
|
-
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>`;
|
|
16200
|
+
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>`;
|
|
16171
16201
|
init(this, {
|
|
16172
16202
|
target: this.shadowRoot,
|
|
16173
16203
|
props: attribute_to_object(this.attributes),
|