@abgov/web-components 1.0.0-alpha.210 → 1.0.0-alpha.212
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/html.html-data.json +1 -1
- package/package.json +2 -2
- package/web-components.es.js +308 -251
- package/web-components.umd.js +71 -69
package/web-components.es.js
CHANGED
|
@@ -84,6 +84,12 @@ function loop(callback) {
|
|
|
84
84
|
}
|
|
85
85
|
};
|
|
86
86
|
}
|
|
87
|
+
|
|
88
|
+
const globals = (typeof window !== 'undefined'
|
|
89
|
+
? window
|
|
90
|
+
: typeof globalThis !== 'undefined'
|
|
91
|
+
? globalThis
|
|
92
|
+
: global);
|
|
87
93
|
function append(target, node) {
|
|
88
94
|
target.appendChild(node);
|
|
89
95
|
}
|
|
@@ -165,7 +171,7 @@ function set_input_value(input, value) {
|
|
|
165
171
|
input.value = value == null ? '' : value;
|
|
166
172
|
}
|
|
167
173
|
function set_style(node, key, value, important) {
|
|
168
|
-
if (value
|
|
174
|
+
if (value == null) {
|
|
169
175
|
node.style.removeProperty(key);
|
|
170
176
|
}
|
|
171
177
|
else {
|
|
@@ -678,12 +684,6 @@ function create_bidirectional_transition(node, fn, params, intro) {
|
|
|
678
684
|
};
|
|
679
685
|
}
|
|
680
686
|
|
|
681
|
-
const globals = (typeof window !== 'undefined'
|
|
682
|
-
? window
|
|
683
|
-
: typeof globalThis !== 'undefined'
|
|
684
|
-
? globalThis
|
|
685
|
-
: global);
|
|
686
|
-
|
|
687
687
|
function destroy_block(block, lookup) {
|
|
688
688
|
block.d(1);
|
|
689
689
|
lookup.delete(block.key);
|
|
@@ -1027,7 +1027,7 @@ function cssVar(name, value) {
|
|
|
1027
1027
|
return value ? `${name}: ${value};` : "";
|
|
1028
1028
|
}
|
|
1029
1029
|
|
|
1030
|
-
/* libs/web-components/src/components/accordion/Accordion.svelte generated by Svelte v3.
|
|
1030
|
+
/* libs/web-components/src/components/accordion/Accordion.svelte generated by Svelte v3.59.2 */
|
|
1031
1031
|
|
|
1032
1032
|
function create_fragment$Y(ctx) {
|
|
1033
1033
|
let div3;
|
|
@@ -1373,7 +1373,7 @@ class Accordion extends SvelteElement {
|
|
|
1373
1373
|
|
|
1374
1374
|
customElements.define("goa-accordion", Accordion);
|
|
1375
1375
|
|
|
1376
|
-
/* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.
|
|
1376
|
+
/* libs/web-components/src/components/app-header/AppHeader.svelte generated by Svelte v3.59.2 */
|
|
1377
1377
|
|
|
1378
1378
|
const { window: window_1$2 } = globals;
|
|
1379
1379
|
|
|
@@ -2132,7 +2132,7 @@ class AppHeader extends SvelteElement {
|
|
|
2132
2132
|
|
|
2133
2133
|
customElements.define("goa-app-header", AppHeader);
|
|
2134
2134
|
|
|
2135
|
-
/* libs/web-components/src/components/badge/Badge.svelte generated by Svelte v3.
|
|
2135
|
+
/* libs/web-components/src/components/badge/Badge.svelte generated by Svelte v3.59.2 */
|
|
2136
2136
|
|
|
2137
2137
|
function create_else_block$b(ctx) {
|
|
2138
2138
|
let div;
|
|
@@ -2508,7 +2508,7 @@ class Badge extends SvelteElement {
|
|
|
2508
2508
|
|
|
2509
2509
|
customElements.define("goa-badge", Badge);
|
|
2510
2510
|
|
|
2511
|
-
/* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.
|
|
2511
|
+
/* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.59.2 */
|
|
2512
2512
|
|
|
2513
2513
|
function create_fragment$V(ctx) {
|
|
2514
2514
|
let div;
|
|
@@ -2684,7 +2684,7 @@ class Block extends SvelteElement {
|
|
|
2684
2684
|
|
|
2685
2685
|
customElements.define("goa-block", Block);
|
|
2686
2686
|
|
|
2687
|
-
/* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.
|
|
2687
|
+
/* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.59.2 */
|
|
2688
2688
|
|
|
2689
2689
|
function create_else_block$a(ctx) {
|
|
2690
2690
|
let t0;
|
|
@@ -3166,7 +3166,7 @@ class Button extends SvelteElement {
|
|
|
3166
3166
|
|
|
3167
3167
|
customElements.define("goa-button", Button);
|
|
3168
3168
|
|
|
3169
|
-
/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.
|
|
3169
|
+
/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.59.2 */
|
|
3170
3170
|
|
|
3171
3171
|
function create_fragment$T(ctx) {
|
|
3172
3172
|
let div;
|
|
@@ -3353,7 +3353,7 @@ class ButtonGroup extends SvelteElement {
|
|
|
3353
3353
|
|
|
3354
3354
|
customElements.define("goa-button-group", ButtonGroup);
|
|
3355
3355
|
|
|
3356
|
-
/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.
|
|
3356
|
+
/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.59.2 */
|
|
3357
3357
|
|
|
3358
3358
|
function create_if_block$p(ctx) {
|
|
3359
3359
|
let h3;
|
|
@@ -3683,7 +3683,7 @@ class Callout extends SvelteElement {
|
|
|
3683
3683
|
|
|
3684
3684
|
customElements.define("goa-callout", Callout);
|
|
3685
3685
|
|
|
3686
|
-
/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.
|
|
3686
|
+
/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.59.2 */
|
|
3687
3687
|
|
|
3688
3688
|
function create_fragment$R(ctx) {
|
|
3689
3689
|
let goa_card_content;
|
|
@@ -3734,7 +3734,7 @@ class CardActions extends SvelteElement {
|
|
|
3734
3734
|
|
|
3735
3735
|
customElements.define("goa-card-actions", CardActions);
|
|
3736
3736
|
|
|
3737
|
-
/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.
|
|
3737
|
+
/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.59.2 */
|
|
3738
3738
|
|
|
3739
3739
|
function create_fragment$Q(ctx) {
|
|
3740
3740
|
let div;
|
|
@@ -3921,7 +3921,7 @@ class Card extends SvelteElement {
|
|
|
3921
3921
|
|
|
3922
3922
|
customElements.define("goa-card", Card);
|
|
3923
3923
|
|
|
3924
|
-
/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.
|
|
3924
|
+
/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.59.2 */
|
|
3925
3925
|
|
|
3926
3926
|
function create_fragment$P(ctx) {
|
|
3927
3927
|
let div;
|
|
@@ -3976,7 +3976,7 @@ class CardContent extends SvelteElement {
|
|
|
3976
3976
|
|
|
3977
3977
|
customElements.define("goa-card-content", CardContent);
|
|
3978
3978
|
|
|
3979
|
-
/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.
|
|
3979
|
+
/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.59.2 */
|
|
3980
3980
|
|
|
3981
3981
|
function create_fragment$O(ctx) {
|
|
3982
3982
|
let div;
|
|
@@ -4031,7 +4031,7 @@ class CardGroup extends SvelteElement {
|
|
|
4031
4031
|
|
|
4032
4032
|
customElements.define("goa-card-group", CardGroup);
|
|
4033
4033
|
|
|
4034
|
-
/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.
|
|
4034
|
+
/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.59.2 */
|
|
4035
4035
|
|
|
4036
4036
|
function create_fragment$N(ctx) {
|
|
4037
4037
|
let div;
|
|
@@ -4135,7 +4135,7 @@ class CardImage extends SvelteElement {
|
|
|
4135
4135
|
|
|
4136
4136
|
customElements.define("goa-card-image", CardImage);
|
|
4137
4137
|
|
|
4138
|
-
/* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.
|
|
4138
|
+
/* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.59.2 */
|
|
4139
4139
|
|
|
4140
4140
|
function create_if_block_1$e(ctx) {
|
|
4141
4141
|
let svg;
|
|
@@ -4606,7 +4606,7 @@ class Checkbox extends SvelteElement {
|
|
|
4606
4606
|
|
|
4607
4607
|
customElements.define("goa-checkbox", Checkbox);
|
|
4608
4608
|
|
|
4609
|
-
/* libs/web-components/src/components/chip/Chip.svelte generated by Svelte v3.
|
|
4609
|
+
/* libs/web-components/src/components/chip/Chip.svelte generated by Svelte v3.59.2 */
|
|
4610
4610
|
|
|
4611
4611
|
function create_if_block_1$d(ctx) {
|
|
4612
4612
|
let goa_icon;
|
|
@@ -5115,7 +5115,7 @@ function noscroll(_node, opts) {
|
|
|
5115
5115
|
};
|
|
5116
5116
|
}
|
|
5117
5117
|
|
|
5118
|
-
/* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.
|
|
5118
|
+
/* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.59.2 */
|
|
5119
5119
|
|
|
5120
5120
|
function create_if_block$m(ctx) {
|
|
5121
5121
|
let current_block_type_index;
|
|
@@ -5595,7 +5595,7 @@ class CircularProgress extends SvelteElement {
|
|
|
5595
5595
|
|
|
5596
5596
|
customElements.define("goa-circular-progress", CircularProgress);
|
|
5597
5597
|
|
|
5598
|
-
/* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.
|
|
5598
|
+
/* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.59.2 */
|
|
5599
5599
|
|
|
5600
5600
|
function create_fragment$J(ctx) {
|
|
5601
5601
|
let div3;
|
|
@@ -5829,7 +5829,7 @@ class Container extends SvelteElement {
|
|
|
5829
5829
|
|
|
5830
5830
|
customElements.define("goa-container", Container);
|
|
5831
5831
|
|
|
5832
|
-
/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.
|
|
5832
|
+
/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.59.2 */
|
|
5833
5833
|
|
|
5834
5834
|
function create_fragment$I(ctx) {
|
|
5835
5835
|
let details;
|
|
@@ -6088,7 +6088,7 @@ class Details extends SvelteElement {
|
|
|
6088
6088
|
|
|
6089
6089
|
customElements.define("goa-details", Details);
|
|
6090
6090
|
|
|
6091
|
-
/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.
|
|
6091
|
+
/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.59.2 */
|
|
6092
6092
|
|
|
6093
6093
|
function create_fragment$H(ctx) {
|
|
6094
6094
|
let hr;
|
|
@@ -6224,22 +6224,22 @@ class Divider extends SvelteElement {
|
|
|
6224
6224
|
|
|
6225
6225
|
customElements.define("goa-divider", Divider);
|
|
6226
6226
|
|
|
6227
|
-
/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.
|
|
6227
|
+
/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */
|
|
6228
6228
|
|
|
6229
6229
|
function get_each_context_1(ctx, list, i) {
|
|
6230
6230
|
const child_ctx = ctx.slice();
|
|
6231
|
-
child_ctx[
|
|
6232
|
-
child_ctx[
|
|
6231
|
+
child_ctx[49] = list[i];
|
|
6232
|
+
child_ctx[53] = i;
|
|
6233
6233
|
return child_ctx;
|
|
6234
6234
|
}
|
|
6235
6235
|
|
|
6236
6236
|
function get_each_context$7(ctx, list, i) {
|
|
6237
6237
|
const child_ctx = ctx.slice();
|
|
6238
|
-
child_ctx[
|
|
6238
|
+
child_ctx[49] = list[i];
|
|
6239
6239
|
return child_ctx;
|
|
6240
6240
|
}
|
|
6241
6241
|
|
|
6242
|
-
// (
|
|
6242
|
+
// (257:2) {:else}
|
|
6243
6243
|
function create_else_block$9(ctx) {
|
|
6244
6244
|
let slot;
|
|
6245
6245
|
let t0;
|
|
@@ -6255,8 +6255,8 @@ function create_else_block$9(ctx) {
|
|
|
6255
6255
|
let goa_popover_width_value;
|
|
6256
6256
|
let mounted;
|
|
6257
6257
|
let dispose;
|
|
6258
|
-
let each_value_1 = /*_options*/ ctx[
|
|
6259
|
-
const get_key = ctx => /*index*/ ctx[
|
|
6258
|
+
let each_value_1 = /*_options*/ ctx[13];
|
|
6259
|
+
const get_key = ctx => /*index*/ ctx[53];
|
|
6260
6260
|
|
|
6261
6261
|
for (let i = 0; i < each_value_1.length; i += 1) {
|
|
6262
6262
|
let child_ctx = get_each_context_1(ctx, each_value_1, i);
|
|
@@ -6283,19 +6283,19 @@ function create_else_block$9(ctx) {
|
|
|
6283
6283
|
set_custom_element_data(goa_input, "leadingicon", /*leadingicon*/ ctx[2]);
|
|
6284
6284
|
set_custom_element_data(goa_input, "placeholder", /*placeholder*/ ctx[4]);
|
|
6285
6285
|
set_custom_element_data(goa_input, "aria-controls", "menu");
|
|
6286
|
-
set_custom_element_data(goa_input, "aria-expanded", /*_isMenuVisible*/ ctx[
|
|
6286
|
+
set_custom_element_data(goa_input, "aria-expanded", /*_isMenuVisible*/ ctx[18]);
|
|
6287
6287
|
set_custom_element_data(goa_input, "arialabel", goa_input_arialabel_value = /*arialabel*/ ctx[1] || /*name*/ ctx[0]);
|
|
6288
6288
|
set_custom_element_data(goa_input, "data-testid", goa_input_data_testid_value = `${/*name*/ ctx[0]}-dropdown-input`);
|
|
6289
6289
|
set_custom_element_data(goa_input, "readonly", "");
|
|
6290
6290
|
set_custom_element_data(goa_input, "role", "combobox");
|
|
6291
6291
|
set_custom_element_data(goa_input, "trailingicon", "chevron-down");
|
|
6292
6292
|
set_custom_element_data(goa_input, "type", "text");
|
|
6293
|
-
set_custom_element_data(goa_input, "value", /*_selectedLabel*/ ctx[
|
|
6293
|
+
set_custom_element_data(goa_input, "value", /*_selectedLabel*/ ctx[17]);
|
|
6294
6294
|
set_custom_element_data(goa_input, "width", "100%");
|
|
6295
6295
|
set_custom_element_data(goa_input, "name", /*name*/ ctx[0]);
|
|
6296
6296
|
attr(ul, "id", "menu");
|
|
6297
6297
|
attr(ul, "role", "listbox");
|
|
6298
|
-
attr(ul, "aria-activedescendant", /*_selectedLabel*/ ctx[
|
|
6298
|
+
attr(ul, "aria-activedescendant", /*_selectedLabel*/ ctx[17]);
|
|
6299
6299
|
attr(ul, "data-testid", "dropdown-menu");
|
|
6300
6300
|
attr(ul, "tabindex", "0");
|
|
6301
6301
|
|
|
@@ -6305,9 +6305,10 @@ function create_else_block$9(ctx) {
|
|
|
6305
6305
|
`);
|
|
6306
6306
|
|
|
6307
6307
|
set_custom_element_data(goa_popover, "disabled", /*disabled*/ ctx[6]);
|
|
6308
|
-
set_custom_element_data(goa_popover, "
|
|
6308
|
+
set_custom_element_data(goa_popover, "relative", /*relative*/ ctx[8]);
|
|
6309
|
+
set_custom_element_data(goa_popover, "open", /*_isMenuVisible*/ ctx[18]);
|
|
6309
6310
|
set_custom_element_data(goa_popover, "padded", "false");
|
|
6310
|
-
set_custom_element_data(goa_popover, "width", goa_popover_width_value = /*width*/ ctx[5] || /*_computedWidth*/ ctx[
|
|
6311
|
+
set_custom_element_data(goa_popover, "width", goa_popover_width_value = /*width*/ ctx[5] || /*_computedWidth*/ ctx[20]);
|
|
6311
6312
|
},
|
|
6312
6313
|
m(target, anchor) {
|
|
6313
6314
|
insert(target, slot, anchor);
|
|
@@ -6323,10 +6324,10 @@ function create_else_block$9(ctx) {
|
|
|
6323
6324
|
}
|
|
6324
6325
|
}
|
|
6325
6326
|
|
|
6326
|
-
/*ul_binding*/ ctx[
|
|
6327
|
+
/*ul_binding*/ ctx[33](ul);
|
|
6327
6328
|
|
|
6328
6329
|
if (!mounted) {
|
|
6329
|
-
dispose = listen(goa_input, "click", /*showMenu*/ ctx[
|
|
6330
|
+
dispose = listen(goa_input, "click", /*showMenu*/ ctx[25]);
|
|
6330
6331
|
mounted = true;
|
|
6331
6332
|
}
|
|
6332
6333
|
},
|
|
@@ -6347,8 +6348,8 @@ function create_else_block$9(ctx) {
|
|
|
6347
6348
|
set_custom_element_data(goa_input, "placeholder", /*placeholder*/ ctx[4]);
|
|
6348
6349
|
}
|
|
6349
6350
|
|
|
6350
|
-
if (dirty[0] & /*_isMenuVisible*/
|
|
6351
|
-
set_custom_element_data(goa_input, "aria-expanded", /*_isMenuVisible*/ ctx[
|
|
6351
|
+
if (dirty[0] & /*_isMenuVisible*/ 262144) {
|
|
6352
|
+
set_custom_element_data(goa_input, "aria-expanded", /*_isMenuVisible*/ ctx[18]);
|
|
6352
6353
|
}
|
|
6353
6354
|
|
|
6354
6355
|
if (dirty[0] & /*arialabel, name*/ 3 && goa_input_arialabel_value !== (goa_input_arialabel_value = /*arialabel*/ ctx[1] || /*name*/ ctx[0])) {
|
|
@@ -6359,21 +6360,21 @@ function create_else_block$9(ctx) {
|
|
|
6359
6360
|
set_custom_element_data(goa_input, "data-testid", goa_input_data_testid_value);
|
|
6360
6361
|
}
|
|
6361
6362
|
|
|
6362
|
-
if (dirty[0] & /*_selectedLabel*/
|
|
6363
|
-
set_custom_element_data(goa_input, "value", /*_selectedLabel*/ ctx[
|
|
6363
|
+
if (dirty[0] & /*_selectedLabel*/ 131072) {
|
|
6364
|
+
set_custom_element_data(goa_input, "value", /*_selectedLabel*/ ctx[17]);
|
|
6364
6365
|
}
|
|
6365
6366
|
|
|
6366
6367
|
if (dirty[0] & /*name*/ 1) {
|
|
6367
6368
|
set_custom_element_data(goa_input, "name", /*name*/ ctx[0]);
|
|
6368
6369
|
}
|
|
6369
6370
|
|
|
6370
|
-
if (dirty[0] & /*_options, _values, _highlightedIndex, onSelect*/
|
|
6371
|
-
each_value_1 = /*_options*/ ctx[
|
|
6371
|
+
if (dirty[0] & /*_options, _values, _highlightedIndex, onSelect*/ 67706880) {
|
|
6372
|
+
each_value_1 = /*_options*/ ctx[13];
|
|
6372
6373
|
each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value_1, each_1_lookup, ul, destroy_block, create_each_block_1, null, get_each_context_1);
|
|
6373
6374
|
}
|
|
6374
6375
|
|
|
6375
|
-
if (dirty[0] & /*_selectedLabel*/
|
|
6376
|
-
attr(ul, "aria-activedescendant", /*_selectedLabel*/ ctx[
|
|
6376
|
+
if (dirty[0] & /*_selectedLabel*/ 131072) {
|
|
6377
|
+
attr(ul, "aria-activedescendant", /*_selectedLabel*/ ctx[17]);
|
|
6377
6378
|
}
|
|
6378
6379
|
|
|
6379
6380
|
if (dirty[0] & /*maxheight*/ 8 && ul_style_value !== (ul_style_value = `
|
|
@@ -6387,11 +6388,15 @@ function create_else_block$9(ctx) {
|
|
|
6387
6388
|
set_custom_element_data(goa_popover, "disabled", /*disabled*/ ctx[6]);
|
|
6388
6389
|
}
|
|
6389
6390
|
|
|
6390
|
-
if (dirty[0] & /*
|
|
6391
|
-
set_custom_element_data(goa_popover, "
|
|
6391
|
+
if (dirty[0] & /*relative*/ 256) {
|
|
6392
|
+
set_custom_element_data(goa_popover, "relative", /*relative*/ ctx[8]);
|
|
6392
6393
|
}
|
|
6393
6394
|
|
|
6394
|
-
if (dirty[0] & /*
|
|
6395
|
+
if (dirty[0] & /*_isMenuVisible*/ 262144) {
|
|
6396
|
+
set_custom_element_data(goa_popover, "open", /*_isMenuVisible*/ ctx[18]);
|
|
6397
|
+
}
|
|
6398
|
+
|
|
6399
|
+
if (dirty[0] & /*width, _computedWidth*/ 1048608 && goa_popover_width_value !== (goa_popover_width_value = /*width*/ ctx[5] || /*_computedWidth*/ ctx[20])) {
|
|
6395
6400
|
set_custom_element_data(goa_popover, "width", goa_popover_width_value);
|
|
6396
6401
|
}
|
|
6397
6402
|
},
|
|
@@ -6404,21 +6409,21 @@ function create_else_block$9(ctx) {
|
|
|
6404
6409
|
each_blocks[i].d();
|
|
6405
6410
|
}
|
|
6406
6411
|
|
|
6407
|
-
/*ul_binding*/ ctx[
|
|
6412
|
+
/*ul_binding*/ ctx[33](null);
|
|
6408
6413
|
mounted = false;
|
|
6409
6414
|
dispose();
|
|
6410
6415
|
}
|
|
6411
6416
|
};
|
|
6412
6417
|
}
|
|
6413
6418
|
|
|
6414
|
-
// (
|
|
6419
|
+
// (238:2) {#if _native}
|
|
6415
6420
|
function create_if_block$l(ctx) {
|
|
6416
6421
|
let select;
|
|
6417
6422
|
let slot;
|
|
6418
6423
|
let select_aria_label_value;
|
|
6419
6424
|
let mounted;
|
|
6420
6425
|
let dispose;
|
|
6421
|
-
let each_value = /*_options*/ ctx[
|
|
6426
|
+
let each_value = /*_options*/ ctx[13];
|
|
6422
6427
|
let each_blocks = [];
|
|
6423
6428
|
|
|
6424
6429
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
@@ -6434,9 +6439,9 @@ function create_if_block$l(ctx) {
|
|
|
6434
6439
|
each_blocks[i].c();
|
|
6435
6440
|
}
|
|
6436
6441
|
|
|
6437
|
-
select.disabled = /*_disabled*/ ctx[
|
|
6442
|
+
select.disabled = /*_disabled*/ ctx[23];
|
|
6438
6443
|
attr(select, "aria-label", select_aria_label_value = /*arialabel*/ ctx[1] || /*name*/ ctx[0]);
|
|
6439
|
-
toggle_class(select, "error", /*_error*/ ctx[
|
|
6444
|
+
toggle_class(select, "error", /*_error*/ ctx[24]);
|
|
6440
6445
|
},
|
|
6441
6446
|
m(target, anchor) {
|
|
6442
6447
|
insert(target, select, anchor);
|
|
@@ -6448,16 +6453,16 @@ function create_if_block$l(ctx) {
|
|
|
6448
6453
|
}
|
|
6449
6454
|
}
|
|
6450
6455
|
|
|
6451
|
-
/*select_binding*/ ctx[
|
|
6456
|
+
/*select_binding*/ ctx[31](select);
|
|
6452
6457
|
|
|
6453
6458
|
if (!mounted) {
|
|
6454
|
-
dispose = listen(select, "change", /*onNativeSelect*/ ctx[
|
|
6459
|
+
dispose = listen(select, "change", /*onNativeSelect*/ ctx[27]);
|
|
6455
6460
|
mounted = true;
|
|
6456
6461
|
}
|
|
6457
6462
|
},
|
|
6458
6463
|
p(ctx, dirty) {
|
|
6459
|
-
if (dirty[0] & /*_options*/
|
|
6460
|
-
each_value = /*_options*/ ctx[
|
|
6464
|
+
if (dirty[0] & /*_options*/ 8192) {
|
|
6465
|
+
each_value = /*_options*/ ctx[13];
|
|
6461
6466
|
let i;
|
|
6462
6467
|
|
|
6463
6468
|
for (i = 0; i < each_value.length; i += 1) {
|
|
@@ -6479,32 +6484,32 @@ function create_if_block$l(ctx) {
|
|
|
6479
6484
|
each_blocks.length = each_value.length;
|
|
6480
6485
|
}
|
|
6481
6486
|
|
|
6482
|
-
if (dirty[0] & /*_disabled*/
|
|
6483
|
-
select.disabled = /*_disabled*/ ctx[
|
|
6487
|
+
if (dirty[0] & /*_disabled*/ 8388608) {
|
|
6488
|
+
select.disabled = /*_disabled*/ ctx[23];
|
|
6484
6489
|
}
|
|
6485
6490
|
|
|
6486
6491
|
if (dirty[0] & /*arialabel, name*/ 3 && select_aria_label_value !== (select_aria_label_value = /*arialabel*/ ctx[1] || /*name*/ ctx[0])) {
|
|
6487
6492
|
attr(select, "aria-label", select_aria_label_value);
|
|
6488
6493
|
}
|
|
6489
6494
|
|
|
6490
|
-
if (dirty[0] & /*_error*/
|
|
6491
|
-
toggle_class(select, "error", /*_error*/ ctx[
|
|
6495
|
+
if (dirty[0] & /*_error*/ 16777216) {
|
|
6496
|
+
toggle_class(select, "error", /*_error*/ ctx[24]);
|
|
6492
6497
|
}
|
|
6493
6498
|
},
|
|
6494
6499
|
d(detaching) {
|
|
6495
6500
|
if (detaching) detach(select);
|
|
6496
6501
|
destroy_each(each_blocks, detaching);
|
|
6497
|
-
/*select_binding*/ ctx[
|
|
6502
|
+
/*select_binding*/ ctx[31](null);
|
|
6498
6503
|
mounted = false;
|
|
6499
6504
|
dispose();
|
|
6500
6505
|
}
|
|
6501
6506
|
};
|
|
6502
6507
|
}
|
|
6503
6508
|
|
|
6504
|
-
// (
|
|
6509
|
+
// (296:8) {#each _options as option, index (index)}
|
|
6505
6510
|
function create_each_block_1(key_1, ctx) {
|
|
6506
6511
|
let li;
|
|
6507
|
-
let t0_value = (/*option*/ ctx[
|
|
6512
|
+
let t0_value = (/*option*/ ctx[49].label || /*option*/ ctx[49].value) + "";
|
|
6508
6513
|
let t0;
|
|
6509
6514
|
let t1;
|
|
6510
6515
|
let li_id_value;
|
|
@@ -6517,7 +6522,7 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6517
6522
|
let dispose;
|
|
6518
6523
|
|
|
6519
6524
|
function click_handler() {
|
|
6520
|
-
return /*click_handler*/ ctx[
|
|
6525
|
+
return /*click_handler*/ ctx[32](/*option*/ ctx[49]);
|
|
6521
6526
|
}
|
|
6522
6527
|
|
|
6523
6528
|
return {
|
|
@@ -6527,22 +6532,22 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6527
6532
|
li = element("li");
|
|
6528
6533
|
t0 = text(t0_value);
|
|
6529
6534
|
t1 = space();
|
|
6530
|
-
attr(li, "id", li_id_value = /*option*/ ctx[
|
|
6535
|
+
attr(li, "id", li_id_value = /*option*/ ctx[49].label);
|
|
6531
6536
|
attr(li, "role", "option");
|
|
6532
|
-
attr(li, "aria-label", li_aria_label_value = /*option*/ ctx[
|
|
6537
|
+
attr(li, "aria-label", li_aria_label_value = /*option*/ ctx[49].label || /*option*/ ctx[49].value);
|
|
6533
6538
|
|
|
6534
|
-
attr(li, "aria-selected", li_aria_selected_value = /*_values*/ ctx[
|
|
6539
|
+
attr(li, "aria-selected", li_aria_selected_value = /*_values*/ ctx[16].includes(/*option*/ ctx[49].value)
|
|
6535
6540
|
? "true"
|
|
6536
6541
|
: "false");
|
|
6537
6542
|
|
|
6538
6543
|
attr(li, "class", "dropdown-item");
|
|
6539
|
-
attr(li, "data-testid", li_data_testid_value = `dropdown-item-${/*option*/ ctx[
|
|
6540
|
-
attr(li, "data-index", li_data_index_value = /*index*/ ctx[
|
|
6541
|
-
attr(li, "data-value", li_data_value_value = /*option*/ ctx[
|
|
6544
|
+
attr(li, "data-testid", li_data_testid_value = `dropdown-item-${/*option*/ ctx[49].value}`);
|
|
6545
|
+
attr(li, "data-index", li_data_index_value = /*index*/ ctx[53]);
|
|
6546
|
+
attr(li, "data-value", li_data_value_value = /*option*/ ctx[49].value);
|
|
6542
6547
|
set_style(li, "display", "block");
|
|
6543
6548
|
toggle_class(li, "dropdown-item--disabled", false);
|
|
6544
|
-
toggle_class(li, "dropdown-item--tabbed", /*index*/ ctx[
|
|
6545
|
-
toggle_class(li, "dropdown-item--selected", /*_values*/ ctx[
|
|
6549
|
+
toggle_class(li, "dropdown-item--tabbed", /*index*/ ctx[53] === /*_highlightedIndex*/ ctx[19]);
|
|
6550
|
+
toggle_class(li, "dropdown-item--selected", /*_values*/ ctx[16].includes(/*option*/ ctx[49].value));
|
|
6546
6551
|
this.first = li;
|
|
6547
6552
|
},
|
|
6548
6553
|
m(target, anchor) {
|
|
@@ -6557,40 +6562,40 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6557
6562
|
},
|
|
6558
6563
|
p(new_ctx, dirty) {
|
|
6559
6564
|
ctx = new_ctx;
|
|
6560
|
-
if (dirty[0] & /*_options*/
|
|
6565
|
+
if (dirty[0] & /*_options*/ 8192 && t0_value !== (t0_value = (/*option*/ ctx[49].label || /*option*/ ctx[49].value) + "")) set_data(t0, t0_value);
|
|
6561
6566
|
|
|
6562
|
-
if (dirty[0] & /*_options*/
|
|
6567
|
+
if (dirty[0] & /*_options*/ 8192 && li_id_value !== (li_id_value = /*option*/ ctx[49].label)) {
|
|
6563
6568
|
attr(li, "id", li_id_value);
|
|
6564
6569
|
}
|
|
6565
6570
|
|
|
6566
|
-
if (dirty[0] & /*_options*/
|
|
6571
|
+
if (dirty[0] & /*_options*/ 8192 && li_aria_label_value !== (li_aria_label_value = /*option*/ ctx[49].label || /*option*/ ctx[49].value)) {
|
|
6567
6572
|
attr(li, "aria-label", li_aria_label_value);
|
|
6568
6573
|
}
|
|
6569
6574
|
|
|
6570
|
-
if (dirty[0] & /*_values, _options*/
|
|
6575
|
+
if (dirty[0] & /*_values, _options*/ 73728 && li_aria_selected_value !== (li_aria_selected_value = /*_values*/ ctx[16].includes(/*option*/ ctx[49].value)
|
|
6571
6576
|
? "true"
|
|
6572
6577
|
: "false")) {
|
|
6573
6578
|
attr(li, "aria-selected", li_aria_selected_value);
|
|
6574
6579
|
}
|
|
6575
6580
|
|
|
6576
|
-
if (dirty[0] & /*_options*/
|
|
6581
|
+
if (dirty[0] & /*_options*/ 8192 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${/*option*/ ctx[49].value}`)) {
|
|
6577
6582
|
attr(li, "data-testid", li_data_testid_value);
|
|
6578
6583
|
}
|
|
6579
6584
|
|
|
6580
|
-
if (dirty[0] & /*_options*/
|
|
6585
|
+
if (dirty[0] & /*_options*/ 8192 && li_data_index_value !== (li_data_index_value = /*index*/ ctx[53])) {
|
|
6581
6586
|
attr(li, "data-index", li_data_index_value);
|
|
6582
6587
|
}
|
|
6583
6588
|
|
|
6584
|
-
if (dirty[0] & /*_options*/
|
|
6589
|
+
if (dirty[0] & /*_options*/ 8192 && li_data_value_value !== (li_data_value_value = /*option*/ ctx[49].value)) {
|
|
6585
6590
|
attr(li, "data-value", li_data_value_value);
|
|
6586
6591
|
}
|
|
6587
6592
|
|
|
6588
|
-
if (dirty[0] & /*_options, _highlightedIndex*/
|
|
6589
|
-
toggle_class(li, "dropdown-item--tabbed", /*index*/ ctx[
|
|
6593
|
+
if (dirty[0] & /*_options, _highlightedIndex*/ 532480) {
|
|
6594
|
+
toggle_class(li, "dropdown-item--tabbed", /*index*/ ctx[53] === /*_highlightedIndex*/ ctx[19]);
|
|
6590
6595
|
}
|
|
6591
6596
|
|
|
6592
|
-
if (dirty[0] & /*_values, _options*/
|
|
6593
|
-
toggle_class(li, "dropdown-item--selected", /*_values*/ ctx[
|
|
6597
|
+
if (dirty[0] & /*_values, _options*/ 73728) {
|
|
6598
|
+
toggle_class(li, "dropdown-item--selected", /*_values*/ ctx[16].includes(/*option*/ ctx[49].value));
|
|
6594
6599
|
}
|
|
6595
6600
|
},
|
|
6596
6601
|
d(detaching) {
|
|
@@ -6601,10 +6606,10 @@ function create_each_block_1(key_1, ctx) {
|
|
|
6601
6606
|
};
|
|
6602
6607
|
}
|
|
6603
6608
|
|
|
6604
|
-
// (
|
|
6609
|
+
// (247:6) {#each _options as option}
|
|
6605
6610
|
function create_each_block$7(ctx) {
|
|
6606
6611
|
let option;
|
|
6607
|
-
let t0_value = /*option*/ ctx[
|
|
6612
|
+
let t0_value = /*option*/ ctx[49].label + "";
|
|
6608
6613
|
let t0;
|
|
6609
6614
|
let t1;
|
|
6610
6615
|
let option_selected_value;
|
|
@@ -6616,10 +6621,10 @@ function create_each_block$7(ctx) {
|
|
|
6616
6621
|
option = element("option");
|
|
6617
6622
|
t0 = text(t0_value);
|
|
6618
6623
|
t1 = space();
|
|
6619
|
-
option.selected = option_selected_value = /*option*/ ctx[
|
|
6620
|
-
option.__value = option_value_value = /*option*/ ctx[
|
|
6624
|
+
option.selected = option_selected_value = /*option*/ ctx[49].selected;
|
|
6625
|
+
option.__value = option_value_value = /*option*/ ctx[49].value;
|
|
6621
6626
|
option.value = option.__value;
|
|
6622
|
-
attr(option, "aria-label", option_aria_label_value = /*option*/ ctx[
|
|
6627
|
+
attr(option, "aria-label", option_aria_label_value = /*option*/ ctx[49].label);
|
|
6623
6628
|
},
|
|
6624
6629
|
m(target, anchor) {
|
|
6625
6630
|
insert(target, option, anchor);
|
|
@@ -6627,18 +6632,18 @@ function create_each_block$7(ctx) {
|
|
|
6627
6632
|
append(option, t1);
|
|
6628
6633
|
},
|
|
6629
6634
|
p(ctx, dirty) {
|
|
6630
|
-
if (dirty[0] & /*_options*/
|
|
6635
|
+
if (dirty[0] & /*_options*/ 8192 && t0_value !== (t0_value = /*option*/ ctx[49].label + "")) set_data(t0, t0_value);
|
|
6631
6636
|
|
|
6632
|
-
if (dirty[0] & /*_options*/
|
|
6637
|
+
if (dirty[0] & /*_options*/ 8192 && option_selected_value !== (option_selected_value = /*option*/ ctx[49].selected)) {
|
|
6633
6638
|
option.selected = option_selected_value;
|
|
6634
6639
|
}
|
|
6635
6640
|
|
|
6636
|
-
if (dirty[0] & /*_options*/
|
|
6641
|
+
if (dirty[0] & /*_options*/ 8192 && option_value_value !== (option_value_value = /*option*/ ctx[49].value)) {
|
|
6637
6642
|
option.__value = option_value_value;
|
|
6638
6643
|
option.value = option.__value;
|
|
6639
6644
|
}
|
|
6640
6645
|
|
|
6641
|
-
if (dirty[0] & /*_options*/
|
|
6646
|
+
if (dirty[0] & /*_options*/ 8192 && option_aria_label_value !== (option_aria_label_value = /*option*/ ctx[49].label)) {
|
|
6642
6647
|
attr(option, "aria-label", option_aria_label_value);
|
|
6643
6648
|
}
|
|
6644
6649
|
},
|
|
@@ -6654,7 +6659,7 @@ function create_fragment$G(ctx) {
|
|
|
6654
6659
|
let div_style_value;
|
|
6655
6660
|
|
|
6656
6661
|
function select_block_type(ctx, dirty) {
|
|
6657
|
-
if (/*_native*/ ctx[
|
|
6662
|
+
if (/*_native*/ ctx[15]) return create_if_block$l;
|
|
6658
6663
|
return create_else_block$9;
|
|
6659
6664
|
}
|
|
6660
6665
|
|
|
@@ -6670,16 +6675,16 @@ function create_fragment$G(ctx) {
|
|
|
6670
6675
|
attr(div, "class", "dropdown");
|
|
6671
6676
|
|
|
6672
6677
|
attr(div, "style", div_style_value = `
|
|
6673
|
-
${calculateMargin(/*mt*/ ctx[
|
|
6674
|
-
--width: ${/*width*/ ctx[5] || /*_computedWidth*/ ctx[
|
|
6678
|
+
${calculateMargin(/*mt*/ ctx[9], /*mr*/ ctx[10], /*mb*/ ctx[11], /*ml*/ ctx[12])}
|
|
6679
|
+
--width: ${/*width*/ ctx[5] || /*_computedWidth*/ ctx[20]}
|
|
6675
6680
|
`);
|
|
6676
6681
|
|
|
6677
|
-
toggle_class(div, "dropdown-native", /*_native*/ ctx[
|
|
6682
|
+
toggle_class(div, "dropdown-native", /*_native*/ ctx[15]);
|
|
6678
6683
|
},
|
|
6679
6684
|
m(target, anchor) {
|
|
6680
6685
|
insert(target, div, anchor);
|
|
6681
6686
|
if_block.m(div, null);
|
|
6682
|
-
/*div_binding*/ ctx[
|
|
6687
|
+
/*div_binding*/ ctx[34](div);
|
|
6683
6688
|
},
|
|
6684
6689
|
p(ctx, dirty) {
|
|
6685
6690
|
if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
|
|
@@ -6698,15 +6703,15 @@ function create_fragment$G(ctx) {
|
|
|
6698
6703
|
attr(div, "data-testid", div_data_testid_value);
|
|
6699
6704
|
}
|
|
6700
6705
|
|
|
6701
|
-
if (dirty[0] & /*mt, mr, mb, ml, width, _computedWidth*/
|
|
6702
|
-
${calculateMargin(/*mt*/ ctx[
|
|
6703
|
-
--width: ${/*width*/ ctx[5] || /*_computedWidth*/ ctx[
|
|
6706
|
+
if (dirty[0] & /*mt, mr, mb, ml, width, _computedWidth*/ 1056288 && div_style_value !== (div_style_value = `
|
|
6707
|
+
${calculateMargin(/*mt*/ ctx[9], /*mr*/ ctx[10], /*mb*/ ctx[11], /*ml*/ ctx[12])}
|
|
6708
|
+
--width: ${/*width*/ ctx[5] || /*_computedWidth*/ ctx[20]}
|
|
6704
6709
|
`)) {
|
|
6705
6710
|
attr(div, "style", div_style_value);
|
|
6706
6711
|
}
|
|
6707
6712
|
|
|
6708
|
-
if (dirty[0] & /*_native*/
|
|
6709
|
-
toggle_class(div, "dropdown-native", /*_native*/ ctx[
|
|
6713
|
+
if (dirty[0] & /*_native*/ 32768) {
|
|
6714
|
+
toggle_class(div, "dropdown-native", /*_native*/ ctx[15]);
|
|
6710
6715
|
}
|
|
6711
6716
|
},
|
|
6712
6717
|
i: noop,
|
|
@@ -6714,7 +6719,7 @@ function create_fragment$G(ctx) {
|
|
|
6714
6719
|
d(detaching) {
|
|
6715
6720
|
if (detaching) detach(div);
|
|
6716
6721
|
if_block.d();
|
|
6717
|
-
/*div_binding*/ ctx[
|
|
6722
|
+
/*div_binding*/ ctx[34](null);
|
|
6718
6723
|
}
|
|
6719
6724
|
};
|
|
6720
6725
|
}
|
|
@@ -6750,6 +6755,7 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
6750
6755
|
let { error = "false" } = $$props;
|
|
6751
6756
|
let { multiselect = "false" } = $$props;
|
|
6752
6757
|
let { native = "false" } = $$props;
|
|
6758
|
+
let { relative = "false" } = $$props;
|
|
6753
6759
|
let { mt = null } = $$props;
|
|
6754
6760
|
let { mr = null } = $$props;
|
|
6755
6761
|
let { mb = null } = $$props;
|
|
@@ -6774,9 +6780,9 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
6774
6780
|
slot === null || slot === void 0
|
|
6775
6781
|
? void 0
|
|
6776
6782
|
: slot.addEventListener("slotchange", _e => {
|
|
6777
|
-
$$invalidate(
|
|
6778
|
-
$$invalidate(
|
|
6779
|
-
$$invalidate(
|
|
6783
|
+
$$invalidate(17, _selectedLabel = "");
|
|
6784
|
+
$$invalidate(16, _values = parseValues(value));
|
|
6785
|
+
$$invalidate(13, _options = getOptions());
|
|
6780
6786
|
});
|
|
6781
6787
|
});
|
|
6782
6788
|
|
|
@@ -6812,8 +6818,8 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
6812
6818
|
const selected = _values.includes(value);
|
|
6813
6819
|
|
|
6814
6820
|
if (selected) {
|
|
6815
|
-
$$invalidate(
|
|
6816
|
-
$$invalidate(
|
|
6821
|
+
$$invalidate(17, _selectedLabel = label);
|
|
6822
|
+
$$invalidate(16, _values = [value]);
|
|
6817
6823
|
}
|
|
6818
6824
|
|
|
6819
6825
|
return { selected, value, label };
|
|
@@ -6856,7 +6862,7 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
6856
6862
|
return;
|
|
6857
6863
|
}
|
|
6858
6864
|
|
|
6859
|
-
$$invalidate(
|
|
6865
|
+
$$invalidate(18, _isMenuVisible = true);
|
|
6860
6866
|
await tick();
|
|
6861
6867
|
|
|
6862
6868
|
// hide menu on blur
|
|
@@ -6870,27 +6876,24 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
6870
6876
|
_menuEl.removeEventListener("blur", closeMenu);
|
|
6871
6877
|
_menuEl.removeEventListener("mouseover", onHighlight);
|
|
6872
6878
|
setHighlightedIndexToSelected();
|
|
6873
|
-
$$invalidate(
|
|
6879
|
+
$$invalidate(18, _isMenuVisible = false);
|
|
6874
6880
|
}
|
|
6875
6881
|
|
|
6876
6882
|
function setHighlightedIndexToSelected() {
|
|
6877
|
-
$$invalidate(
|
|
6883
|
+
$$invalidate(19, _highlightedIndex = _options.findIndex(option => _values.includes(option.value)));
|
|
6878
6884
|
}
|
|
6879
6885
|
|
|
6880
6886
|
// Event handlers
|
|
6881
|
-
/**
|
|
6882
|
-
* @property value the selected value
|
|
6883
|
-
*/
|
|
6884
6887
|
function onSelect(value, label, close) {
|
|
6885
6888
|
if (_disabled) return;
|
|
6886
|
-
$$invalidate(
|
|
6889
|
+
$$invalidate(17, _selectedLabel = label);
|
|
6887
6890
|
let detail;
|
|
6888
6891
|
|
|
6889
6892
|
if (_multiselect) {
|
|
6890
6893
|
_values.push(value);
|
|
6891
6894
|
detail = { name, values: _values };
|
|
6892
6895
|
} else {
|
|
6893
|
-
$$invalidate(
|
|
6896
|
+
$$invalidate(16, _values = [value]);
|
|
6894
6897
|
detail = { name, value };
|
|
6895
6898
|
}
|
|
6896
6899
|
|
|
@@ -6933,14 +6936,14 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
6933
6936
|
|
|
6934
6937
|
function _handleArrowDown() {
|
|
6935
6938
|
if (_highlightedIndex < _options.length - 1) {
|
|
6936
|
-
$$invalidate(
|
|
6939
|
+
$$invalidate(19, _highlightedIndex++, _highlightedIndex);
|
|
6937
6940
|
onSelect(_options[_highlightedIndex].value, _options[_highlightedIndex].label, false);
|
|
6938
6941
|
}
|
|
6939
6942
|
}
|
|
6940
6943
|
|
|
6941
6944
|
function _handleArrowUp() {
|
|
6942
6945
|
if (_highlightedIndex > 0) {
|
|
6943
|
-
$$invalidate(
|
|
6946
|
+
$$invalidate(19, _highlightedIndex--, _highlightedIndex);
|
|
6944
6947
|
onSelect(_options[_highlightedIndex].value, _options[_highlightedIndex].label, false);
|
|
6945
6948
|
}
|
|
6946
6949
|
}
|
|
@@ -6956,7 +6959,7 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
6956
6959
|
}
|
|
6957
6960
|
|
|
6958
6961
|
function onHighlight(e) {
|
|
6959
|
-
$$invalidate(
|
|
6962
|
+
$$invalidate(19, _highlightedIndex = Number(e.target.dataset.index));
|
|
6960
6963
|
}
|
|
6961
6964
|
|
|
6962
6965
|
function onNativeSelect(e) {
|
|
@@ -6968,8 +6971,8 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
6968
6971
|
function select_binding($$value) {
|
|
6969
6972
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
6970
6973
|
_selectEl = $$value;
|
|
6971
|
-
$$invalidate(
|
|
6972
|
-
(((($$invalidate(
|
|
6974
|
+
$$invalidate(22, _selectEl);
|
|
6975
|
+
(((($$invalidate(13, _options), $$invalidate(14, _el)), $$invalidate(28, value)), $$invalidate(15, _native)), $$invalidate(30, native));
|
|
6973
6976
|
});
|
|
6974
6977
|
}
|
|
6975
6978
|
|
|
@@ -6978,60 +6981,61 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
6978
6981
|
function ul_binding($$value) {
|
|
6979
6982
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
6980
6983
|
_menuEl = $$value;
|
|
6981
|
-
$$invalidate(
|
|
6984
|
+
$$invalidate(21, _menuEl);
|
|
6982
6985
|
});
|
|
6983
6986
|
}
|
|
6984
6987
|
|
|
6985
6988
|
function div_binding($$value) {
|
|
6986
6989
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
6987
6990
|
_el = $$value;
|
|
6988
|
-
$$invalidate(
|
|
6991
|
+
$$invalidate(14, _el);
|
|
6989
6992
|
});
|
|
6990
6993
|
}
|
|
6991
6994
|
|
|
6992
6995
|
$$self.$$set = $$props => {
|
|
6993
6996
|
if ('name' in $$props) $$invalidate(0, name = $$props.name);
|
|
6994
6997
|
if ('arialabel' in $$props) $$invalidate(1, arialabel = $$props.arialabel);
|
|
6995
|
-
if ('value' in $$props) $$invalidate(
|
|
6998
|
+
if ('value' in $$props) $$invalidate(28, value = $$props.value);
|
|
6996
6999
|
if ('leadingicon' in $$props) $$invalidate(2, leadingicon = $$props.leadingicon);
|
|
6997
7000
|
if ('maxheight' in $$props) $$invalidate(3, maxheight = $$props.maxheight);
|
|
6998
7001
|
if ('placeholder' in $$props) $$invalidate(4, placeholder = $$props.placeholder);
|
|
6999
7002
|
if ('width' in $$props) $$invalidate(5, width = $$props.width);
|
|
7000
7003
|
if ('disabled' in $$props) $$invalidate(6, disabled = $$props.disabled);
|
|
7001
7004
|
if ('error' in $$props) $$invalidate(7, error = $$props.error);
|
|
7002
|
-
if ('multiselect' in $$props) $$invalidate(
|
|
7003
|
-
if ('native' in $$props) $$invalidate(
|
|
7004
|
-
if ('
|
|
7005
|
-
if ('
|
|
7006
|
-
if ('
|
|
7007
|
-
if ('
|
|
7005
|
+
if ('multiselect' in $$props) $$invalidate(29, multiselect = $$props.multiselect);
|
|
7006
|
+
if ('native' in $$props) $$invalidate(30, native = $$props.native);
|
|
7007
|
+
if ('relative' in $$props) $$invalidate(8, relative = $$props.relative);
|
|
7008
|
+
if ('mt' in $$props) $$invalidate(9, mt = $$props.mt);
|
|
7009
|
+
if ('mr' in $$props) $$invalidate(10, mr = $$props.mr);
|
|
7010
|
+
if ('mb' in $$props) $$invalidate(11, mb = $$props.mb);
|
|
7011
|
+
if ('ml' in $$props) $$invalidate(12, ml = $$props.ml);
|
|
7008
7012
|
};
|
|
7009
7013
|
|
|
7010
7014
|
$$self.$$.update = () => {
|
|
7011
7015
|
if ($$self.$$.dirty[0] & /*disabled*/ 64) {
|
|
7012
|
-
$$invalidate(
|
|
7016
|
+
$$invalidate(23, _disabled = toBoolean(disabled));
|
|
7013
7017
|
}
|
|
7014
7018
|
|
|
7015
7019
|
if ($$self.$$.dirty[0] & /*error*/ 128) {
|
|
7016
|
-
$$invalidate(
|
|
7020
|
+
$$invalidate(24, _error = toBoolean(error));
|
|
7017
7021
|
}
|
|
7018
7022
|
|
|
7019
|
-
if ($$self.$$.dirty[0] & /*multiselect*/
|
|
7023
|
+
if ($$self.$$.dirty[0] & /*multiselect*/ 536870912) {
|
|
7020
7024
|
_multiselect = toBoolean(multiselect);
|
|
7021
7025
|
}
|
|
7022
7026
|
|
|
7023
|
-
if ($$self.$$.dirty[0] & /*native*/
|
|
7024
|
-
$$invalidate(
|
|
7027
|
+
if ($$self.$$.dirty[0] & /*native*/ 1073741824) {
|
|
7028
|
+
$$invalidate(15, _native = toBoolean(native));
|
|
7025
7029
|
}
|
|
7026
7030
|
|
|
7027
|
-
if ($$self.$$.dirty[0] & /*_el, value, _native, _options*/
|
|
7031
|
+
if ($$self.$$.dirty[0] & /*_el, value, _native, _options*/ 268492800) {
|
|
7028
7032
|
{
|
|
7029
7033
|
if (_el) {
|
|
7030
|
-
$$invalidate(
|
|
7031
|
-
$$invalidate(
|
|
7034
|
+
$$invalidate(16, _values = parseValues(value));
|
|
7035
|
+
$$invalidate(13, _options = getOptions());
|
|
7032
7036
|
|
|
7033
7037
|
if (!_native) {
|
|
7034
|
-
$$invalidate(
|
|
7038
|
+
$$invalidate(20, _computedWidth = getCustomDropdownWidth(_options));
|
|
7035
7039
|
addKeyboardEventListeners();
|
|
7036
7040
|
setHighlightedIndexToSelected();
|
|
7037
7041
|
}
|
|
@@ -7049,6 +7053,7 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
7049
7053
|
width,
|
|
7050
7054
|
disabled,
|
|
7051
7055
|
error,
|
|
7056
|
+
relative,
|
|
7052
7057
|
mt,
|
|
7053
7058
|
mr,
|
|
7054
7059
|
mb,
|
|
@@ -7098,19 +7103,20 @@ class Dropdown extends SvelteElement {
|
|
|
7098
7103
|
{
|
|
7099
7104
|
name: 0,
|
|
7100
7105
|
arialabel: 1,
|
|
7101
|
-
value:
|
|
7106
|
+
value: 28,
|
|
7102
7107
|
leadingicon: 2,
|
|
7103
7108
|
maxheight: 3,
|
|
7104
7109
|
placeholder: 4,
|
|
7105
7110
|
width: 5,
|
|
7106
7111
|
disabled: 6,
|
|
7107
7112
|
error: 7,
|
|
7108
|
-
multiselect:
|
|
7109
|
-
native:
|
|
7110
|
-
|
|
7111
|
-
|
|
7112
|
-
|
|
7113
|
-
|
|
7113
|
+
multiselect: 29,
|
|
7114
|
+
native: 30,
|
|
7115
|
+
relative: 8,
|
|
7116
|
+
mt: 9,
|
|
7117
|
+
mr: 10,
|
|
7118
|
+
mb: 11,
|
|
7119
|
+
ml: 12
|
|
7114
7120
|
},
|
|
7115
7121
|
null,
|
|
7116
7122
|
[-1, -1]
|
|
@@ -7141,6 +7147,7 @@ class Dropdown extends SvelteElement {
|
|
|
7141
7147
|
"error",
|
|
7142
7148
|
"multiselect",
|
|
7143
7149
|
"native",
|
|
7150
|
+
"relative",
|
|
7144
7151
|
"mt",
|
|
7145
7152
|
"mr",
|
|
7146
7153
|
"mb",
|
|
@@ -7167,7 +7174,7 @@ class Dropdown extends SvelteElement {
|
|
|
7167
7174
|
}
|
|
7168
7175
|
|
|
7169
7176
|
get value() {
|
|
7170
|
-
return this.$$.ctx[
|
|
7177
|
+
return this.$$.ctx[28];
|
|
7171
7178
|
}
|
|
7172
7179
|
|
|
7173
7180
|
set value(value) {
|
|
@@ -7230,7 +7237,7 @@ class Dropdown extends SvelteElement {
|
|
|
7230
7237
|
}
|
|
7231
7238
|
|
|
7232
7239
|
get multiselect() {
|
|
7233
|
-
return this.$$.ctx[
|
|
7240
|
+
return this.$$.ctx[29];
|
|
7234
7241
|
}
|
|
7235
7242
|
|
|
7236
7243
|
set multiselect(multiselect) {
|
|
@@ -7239,7 +7246,7 @@ class Dropdown extends SvelteElement {
|
|
|
7239
7246
|
}
|
|
7240
7247
|
|
|
7241
7248
|
get native() {
|
|
7242
|
-
return this.$$.ctx[
|
|
7249
|
+
return this.$$.ctx[30];
|
|
7243
7250
|
}
|
|
7244
7251
|
|
|
7245
7252
|
set native(native) {
|
|
@@ -7247,17 +7254,26 @@ class Dropdown extends SvelteElement {
|
|
|
7247
7254
|
flush();
|
|
7248
7255
|
}
|
|
7249
7256
|
|
|
7250
|
-
get
|
|
7257
|
+
get relative() {
|
|
7251
7258
|
return this.$$.ctx[8];
|
|
7252
7259
|
}
|
|
7253
7260
|
|
|
7261
|
+
set relative(relative) {
|
|
7262
|
+
this.$$set({ relative });
|
|
7263
|
+
flush();
|
|
7264
|
+
}
|
|
7265
|
+
|
|
7266
|
+
get mt() {
|
|
7267
|
+
return this.$$.ctx[9];
|
|
7268
|
+
}
|
|
7269
|
+
|
|
7254
7270
|
set mt(mt) {
|
|
7255
7271
|
this.$$set({ mt });
|
|
7256
7272
|
flush();
|
|
7257
7273
|
}
|
|
7258
7274
|
|
|
7259
7275
|
get mr() {
|
|
7260
|
-
return this.$$.ctx[
|
|
7276
|
+
return this.$$.ctx[10];
|
|
7261
7277
|
}
|
|
7262
7278
|
|
|
7263
7279
|
set mr(mr) {
|
|
@@ -7266,7 +7282,7 @@ class Dropdown extends SvelteElement {
|
|
|
7266
7282
|
}
|
|
7267
7283
|
|
|
7268
7284
|
get mb() {
|
|
7269
|
-
return this.$$.ctx[
|
|
7285
|
+
return this.$$.ctx[11];
|
|
7270
7286
|
}
|
|
7271
7287
|
|
|
7272
7288
|
set mb(mb) {
|
|
@@ -7275,7 +7291,7 @@ class Dropdown extends SvelteElement {
|
|
|
7275
7291
|
}
|
|
7276
7292
|
|
|
7277
7293
|
get ml() {
|
|
7278
|
-
return this.$$.ctx[
|
|
7294
|
+
return this.$$.ctx[12];
|
|
7279
7295
|
}
|
|
7280
7296
|
|
|
7281
7297
|
set ml(ml) {
|
|
@@ -7286,7 +7302,7 @@ class Dropdown extends SvelteElement {
|
|
|
7286
7302
|
|
|
7287
7303
|
customElements.define("goa-dropdown", Dropdown);
|
|
7288
7304
|
|
|
7289
|
-
/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.
|
|
7305
|
+
/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.59.2 */
|
|
7290
7306
|
|
|
7291
7307
|
function create_fragment$F(ctx) {
|
|
7292
7308
|
return {
|
|
@@ -7329,7 +7345,7 @@ class DropdownItem extends SvelteElement {
|
|
|
7329
7345
|
|
|
7330
7346
|
customElements.define("goa-dropdown-item", DropdownItem);
|
|
7331
7347
|
|
|
7332
|
-
/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.
|
|
7348
|
+
/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.59.2 */
|
|
7333
7349
|
|
|
7334
7350
|
function create_fragment$E(ctx) {
|
|
7335
7351
|
let div;
|
|
@@ -7514,7 +7530,7 @@ class FocusTrap extends SvelteElement {
|
|
|
7514
7530
|
|
|
7515
7531
|
customElements.define("goa-focus-trap", FocusTrap);
|
|
7516
7532
|
|
|
7517
|
-
/* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.
|
|
7533
|
+
/* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.59.2 */
|
|
7518
7534
|
|
|
7519
7535
|
function create_if_block$k(ctx) {
|
|
7520
7536
|
let goa_divider;
|
|
@@ -7710,7 +7726,7 @@ class Footer extends SvelteElement {
|
|
|
7710
7726
|
|
|
7711
7727
|
customElements.define("goa-app-footer", Footer);
|
|
7712
7728
|
|
|
7713
|
-
/* libs/web-components/src/components/footer-meta-section/FooterMetaSection.svelte generated by Svelte v3.
|
|
7729
|
+
/* libs/web-components/src/components/footer-meta-section/FooterMetaSection.svelte generated by Svelte v3.59.2 */
|
|
7714
7730
|
|
|
7715
7731
|
function get_each_context$6(ctx, list, i) {
|
|
7716
7732
|
const child_ctx = ctx.slice();
|
|
@@ -7889,7 +7905,7 @@ class FooterMetaSection extends SvelteElement {
|
|
|
7889
7905
|
|
|
7890
7906
|
customElements.define("goa-app-footer-meta-section", FooterMetaSection);
|
|
7891
7907
|
|
|
7892
|
-
/* libs/web-components/src/components/footer-nav-section/FooterNavSection.svelte generated by Svelte v3.
|
|
7908
|
+
/* libs/web-components/src/components/footer-nav-section/FooterNavSection.svelte generated by Svelte v3.59.2 */
|
|
7893
7909
|
|
|
7894
7910
|
function get_each_context$5(ctx, list, i) {
|
|
7895
7911
|
const child_ctx = ctx.slice();
|
|
@@ -8181,7 +8197,7 @@ class FooterNavSection extends SvelteElement {
|
|
|
8181
8197
|
|
|
8182
8198
|
customElements.define("goa-app-footer-nav-section", FooterNavSection);
|
|
8183
8199
|
|
|
8184
|
-
/* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.
|
|
8200
|
+
/* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.59.2 */
|
|
8185
8201
|
|
|
8186
8202
|
function create_if_block_2$9(ctx) {
|
|
8187
8203
|
let div;
|
|
@@ -8584,7 +8600,7 @@ class FormItem extends SvelteElement {
|
|
|
8584
8600
|
|
|
8585
8601
|
customElements.define("goa-form-item", FormItem);
|
|
8586
8602
|
|
|
8587
|
-
/* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.
|
|
8603
|
+
/* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.59.2 */
|
|
8588
8604
|
|
|
8589
8605
|
function create_fragment$z(ctx) {
|
|
8590
8606
|
let div;
|
|
@@ -8750,7 +8766,7 @@ class Grid extends SvelteElement {
|
|
|
8750
8766
|
|
|
8751
8767
|
customElements.define("goa-grid", Grid);
|
|
8752
8768
|
|
|
8753
|
-
/* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.
|
|
8769
|
+
/* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.59.2 */
|
|
8754
8770
|
|
|
8755
8771
|
function create_fragment$y(ctx) {
|
|
8756
8772
|
let div1;
|
|
@@ -8917,7 +8933,7 @@ class HeroBanner extends SvelteElement {
|
|
|
8917
8933
|
|
|
8918
8934
|
customElements.define("goa-hero-banner", HeroBanner);
|
|
8919
8935
|
|
|
8920
|
-
/* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.
|
|
8936
|
+
/* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.59.2 */
|
|
8921
8937
|
|
|
8922
8938
|
function create_fragment$x(ctx) {
|
|
8923
8939
|
let button;
|
|
@@ -9261,7 +9277,7 @@ class IconButton extends SvelteElement {
|
|
|
9261
9277
|
|
|
9262
9278
|
customElements.define("goa-icon-button", IconButton);
|
|
9263
9279
|
|
|
9264
|
-
/* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.
|
|
9280
|
+
/* libs/web-components/src/components/icon/Icon.svelte generated by Svelte v3.59.2 */
|
|
9265
9281
|
|
|
9266
9282
|
function create_if_block$h(ctx) {
|
|
9267
9283
|
let show_if;
|
|
@@ -9701,7 +9717,7 @@ class Icon extends SvelteElement {
|
|
|
9701
9717
|
|
|
9702
9718
|
customElements.define("goa-icon", Icon);
|
|
9703
9719
|
|
|
9704
|
-
/* libs/web-components/src/components/input/Input.svelte generated by Svelte v3.
|
|
9720
|
+
/* libs/web-components/src/components/input/Input.svelte generated by Svelte v3.59.2 */
|
|
9705
9721
|
|
|
9706
9722
|
function create_if_block_4$2(ctx) {
|
|
9707
9723
|
let div;
|
|
@@ -9726,7 +9742,7 @@ function create_if_block_4$2(ctx) {
|
|
|
9726
9742
|
};
|
|
9727
9743
|
}
|
|
9728
9744
|
|
|
9729
|
-
// (
|
|
9745
|
+
// (141:4) {#if leadingicon}
|
|
9730
9746
|
function create_if_block_3$8(ctx) {
|
|
9731
9747
|
let goa_icon;
|
|
9732
9748
|
|
|
@@ -9751,7 +9767,7 @@ function create_if_block_3$8(ctx) {
|
|
|
9751
9767
|
};
|
|
9752
9768
|
}
|
|
9753
9769
|
|
|
9754
|
-
// (
|
|
9770
|
+
// (178:4) {#if trailingicon && !handlesTrailingIconClick}
|
|
9755
9771
|
function create_if_block_2$8(ctx) {
|
|
9756
9772
|
let goa_icon;
|
|
9757
9773
|
|
|
@@ -9777,7 +9793,7 @@ function create_if_block_2$8(ctx) {
|
|
|
9777
9793
|
};
|
|
9778
9794
|
}
|
|
9779
9795
|
|
|
9780
|
-
// (
|
|
9796
|
+
// (188:4) {#if trailingicon && handlesTrailingIconClick}
|
|
9781
9797
|
function create_if_block_1$9(ctx) {
|
|
9782
9798
|
let goa_icon_button;
|
|
9783
9799
|
let mounted;
|
|
@@ -9818,7 +9834,7 @@ function create_if_block_1$9(ctx) {
|
|
|
9818
9834
|
};
|
|
9819
9835
|
}
|
|
9820
9836
|
|
|
9821
|
-
// (
|
|
9837
|
+
// (201:4) {#if suffix}
|
|
9822
9838
|
function create_if_block$g(ctx) {
|
|
9823
9839
|
let span;
|
|
9824
9840
|
let t;
|
|
@@ -10255,7 +10271,8 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
10255
10271
|
}));
|
|
10256
10272
|
}
|
|
10257
10273
|
|
|
10258
|
-
onMount(() => {
|
|
10274
|
+
onMount(async () => {
|
|
10275
|
+
await tick();
|
|
10259
10276
|
validateType(type);
|
|
10260
10277
|
validateAutoCapitalize(autocapitalize);
|
|
10261
10278
|
|
|
@@ -10406,7 +10423,7 @@ class Input extends SvelteElement {
|
|
|
10406
10423
|
super();
|
|
10407
10424
|
const style = document.createElement('style');
|
|
10408
10425
|
|
|
10409
|
-
style.textContent = `: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(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){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.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-
|
|
10426
|
+
style.textContent = `: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(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){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.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}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) !important;cursor:default;box-shadow:none !important}.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:not(.goa-input-leading-content):not(.goa-input-trailing-content),.error:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]: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>')
|
|
10410
10427
|
center center no-repeat}`;
|
|
10411
10428
|
|
|
10412
10429
|
this.shadowRoot.appendChild(style);
|
|
@@ -10744,7 +10761,7 @@ class Input extends SvelteElement {
|
|
|
10744
10761
|
|
|
10745
10762
|
customElements.define("goa-input", Input);
|
|
10746
10763
|
|
|
10747
|
-
/* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.
|
|
10764
|
+
/* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.59.2 */
|
|
10748
10765
|
|
|
10749
10766
|
function create_if_block_3$7(ctx) {
|
|
10750
10767
|
let div;
|
|
@@ -11095,7 +11112,7 @@ class MicrositeHeader extends SvelteElement {
|
|
|
11095
11112
|
|
|
11096
11113
|
customElements.define("goa-microsite-header", MicrositeHeader);
|
|
11097
11114
|
|
|
11098
|
-
/* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.
|
|
11115
|
+
/* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.59.2 */
|
|
11099
11116
|
|
|
11100
11117
|
function create_if_block$e(ctx) {
|
|
11101
11118
|
let goa_focus_trap;
|
|
@@ -11797,7 +11814,7 @@ class Modal extends SvelteElement {
|
|
|
11797
11814
|
|
|
11798
11815
|
customElements.define("goa-modal", Modal);
|
|
11799
11816
|
|
|
11800
|
-
/* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.
|
|
11817
|
+
/* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.59.2 */
|
|
11801
11818
|
|
|
11802
11819
|
function create_if_block$d(ctx) {
|
|
11803
11820
|
let div4;
|
|
@@ -12088,7 +12105,7 @@ function isValidDimension(value) {
|
|
|
12088
12105
|
return dimensionRegex.test(value);
|
|
12089
12106
|
}
|
|
12090
12107
|
|
|
12091
|
-
/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.
|
|
12108
|
+
/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.59.2 */
|
|
12092
12109
|
|
|
12093
12110
|
function create_fragment$r(ctx) {
|
|
12094
12111
|
let div;
|
|
@@ -12205,7 +12222,7 @@ class PageBlock extends SvelteElement {
|
|
|
12205
12222
|
|
|
12206
12223
|
customElements.define("goa-page-block", PageBlock);
|
|
12207
12224
|
|
|
12208
|
-
/* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.
|
|
12225
|
+
/* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.59.2 */
|
|
12209
12226
|
|
|
12210
12227
|
function get_each_context$4(ctx, list, i) {
|
|
12211
12228
|
const child_ctx = ctx.slice();
|
|
@@ -12688,7 +12705,7 @@ class Pagination extends SvelteElement {
|
|
|
12688
12705
|
|
|
12689
12706
|
customElements.define("goa-pagination", Pagination);
|
|
12690
12707
|
|
|
12691
|
-
/* libs/web-components/src/components/popover/Popover.svelte generated by Svelte v3.
|
|
12708
|
+
/* libs/web-components/src/components/popover/Popover.svelte generated by Svelte v3.59.2 */
|
|
12692
12709
|
|
|
12693
12710
|
function create_if_block$b(ctx) {
|
|
12694
12711
|
let div0;
|
|
@@ -12719,7 +12736,7 @@ function create_if_block$b(ctx) {
|
|
|
12719
12736
|
attr(section, "style", section_style_value = `
|
|
12720
12737
|
${cssVar("width", /*width*/ ctx[2])}
|
|
12721
12738
|
max-width: ${/*maxwidth*/ ctx[1]};
|
|
12722
|
-
padding: ${/*_padded*/ ctx[
|
|
12739
|
+
padding: ${/*_padded*/ ctx[18] ? "var(--goa-space-m)" : "0"};
|
|
12723
12740
|
`);
|
|
12724
12741
|
|
|
12725
12742
|
attr(div2, "class", "popover-container");
|
|
@@ -12731,19 +12748,19 @@ function create_if_block$b(ctx) {
|
|
|
12731
12748
|
append(div2, section);
|
|
12732
12749
|
append(section, goa_focus_trap);
|
|
12733
12750
|
append(goa_focus_trap, div1);
|
|
12734
|
-
/*div1_binding*/ ctx[
|
|
12735
|
-
/*section_binding*/ ctx[
|
|
12751
|
+
/*div1_binding*/ ctx[27](div1);
|
|
12752
|
+
/*section_binding*/ ctx[28](section);
|
|
12736
12753
|
|
|
12737
12754
|
if (!mounted) {
|
|
12738
|
-
dispose = listen(div0, "click", /*closePopover*/ ctx[
|
|
12755
|
+
dispose = listen(div0, "click", /*closePopover*/ ctx[20]);
|
|
12739
12756
|
mounted = true;
|
|
12740
12757
|
}
|
|
12741
12758
|
},
|
|
12742
12759
|
p(ctx, dirty) {
|
|
12743
|
-
if (dirty[0] & /*width, maxwidth, _padded*/
|
|
12760
|
+
if (dirty[0] & /*width, maxwidth, _padded*/ 262150 && section_style_value !== (section_style_value = `
|
|
12744
12761
|
${cssVar("width", /*width*/ ctx[2])}
|
|
12745
12762
|
max-width: ${/*maxwidth*/ ctx[1]};
|
|
12746
|
-
padding: ${/*_padded*/ ctx[
|
|
12763
|
+
padding: ${/*_padded*/ ctx[18] ? "var(--goa-space-m)" : "0"};
|
|
12747
12764
|
`)) {
|
|
12748
12765
|
attr(section, "style", section_style_value);
|
|
12749
12766
|
}
|
|
@@ -12752,8 +12769,8 @@ function create_if_block$b(ctx) {
|
|
|
12752
12769
|
if (detaching) detach(div0);
|
|
12753
12770
|
if (detaching) detach(t);
|
|
12754
12771
|
if (detaching) detach(div2);
|
|
12755
|
-
/*div1_binding*/ ctx[
|
|
12756
|
-
/*section_binding*/ ctx[
|
|
12772
|
+
/*div1_binding*/ ctx[27](null);
|
|
12773
|
+
/*section_binding*/ ctx[28](null);
|
|
12757
12774
|
mounted = false;
|
|
12758
12775
|
dispose();
|
|
12759
12776
|
}
|
|
@@ -12786,6 +12803,7 @@ function create_fragment$p(ctx) {
|
|
|
12786
12803
|
attr(div1, "data-testid", /*testid*/ ctx[0]);
|
|
12787
12804
|
|
|
12788
12805
|
attr(div1, "style", div1_style_value = `
|
|
12806
|
+
${/*_relative*/ ctx[17] && "position: relative;"}
|
|
12789
12807
|
${calculateMargin(/*mt*/ ctx[3], /*mr*/ ctx[4], /*mb*/ ctx[5], /*ml*/ ctx[6])}
|
|
12790
12808
|
${cssVar("--offset-top", /*voffset*/ ctx[8])}
|
|
12791
12809
|
${cssVar("--offset-bottom", /*voffset*/ ctx[8])}
|
|
@@ -12799,13 +12817,13 @@ function create_fragment$p(ctx) {
|
|
|
12799
12817
|
insert(target, div1, anchor);
|
|
12800
12818
|
append(div1, div0);
|
|
12801
12819
|
append(div0, slot);
|
|
12802
|
-
/*div0_binding*/ ctx[
|
|
12820
|
+
/*div0_binding*/ ctx[26](div0);
|
|
12803
12821
|
append(div1, t);
|
|
12804
12822
|
if (if_block) if_block.m(div1, null);
|
|
12805
|
-
/*div1_binding_1*/ ctx[
|
|
12823
|
+
/*div1_binding_1*/ ctx[29](div1);
|
|
12806
12824
|
|
|
12807
12825
|
if (!mounted) {
|
|
12808
|
-
dispose = listen(div0, "click", /*openPopover*/ ctx[
|
|
12826
|
+
dispose = listen(div0, "click", /*openPopover*/ ctx[19]);
|
|
12809
12827
|
mounted = true;
|
|
12810
12828
|
}
|
|
12811
12829
|
},
|
|
@@ -12831,7 +12849,8 @@ function create_fragment$p(ctx) {
|
|
|
12831
12849
|
attr(div1, "data-testid", /*testid*/ ctx[0]);
|
|
12832
12850
|
}
|
|
12833
12851
|
|
|
12834
|
-
if (dirty[0] & /*mt, mr, mb, ml, voffset, hoffset, focusborderwidth, borderradius*/
|
|
12852
|
+
if (dirty[0] & /*_relative, mt, mr, mb, ml, voffset, hoffset, focusborderwidth, borderradius*/ 135032 && div1_style_value !== (div1_style_value = `
|
|
12853
|
+
${/*_relative*/ ctx[17] && "position: relative;"}
|
|
12835
12854
|
${calculateMargin(/*mt*/ ctx[3], /*mr*/ ctx[4], /*mb*/ ctx[5], /*ml*/ ctx[6])}
|
|
12836
12855
|
${cssVar("--offset-top", /*voffset*/ ctx[8])}
|
|
12837
12856
|
${cssVar("--offset-bottom", /*voffset*/ ctx[8])}
|
|
@@ -12847,9 +12866,9 @@ function create_fragment$p(ctx) {
|
|
|
12847
12866
|
o: noop,
|
|
12848
12867
|
d(detaching) {
|
|
12849
12868
|
if (detaching) detach(div1);
|
|
12850
|
-
/*div0_binding*/ ctx[
|
|
12869
|
+
/*div0_binding*/ ctx[26](null);
|
|
12851
12870
|
if (if_block) if_block.d();
|
|
12852
|
-
/*div1_binding_1*/ ctx[
|
|
12871
|
+
/*div1_binding_1*/ ctx[29](null);
|
|
12853
12872
|
mounted = false;
|
|
12854
12873
|
dispose();
|
|
12855
12874
|
}
|
|
@@ -12880,11 +12899,13 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
12880
12899
|
let _padded;
|
|
12881
12900
|
let _open;
|
|
12882
12901
|
let _disabled;
|
|
12902
|
+
let _relative;
|
|
12883
12903
|
let { testid = "popover" } = $$props;
|
|
12884
12904
|
let { maxwidth = "320px" } = $$props;
|
|
12885
12905
|
let { width = "" } = $$props;
|
|
12886
12906
|
let { padded = "true" } = $$props;
|
|
12887
12907
|
let { position = "auto" } = $$props;
|
|
12908
|
+
let { relative = "false" } = $$props;
|
|
12888
12909
|
let { mt = null } = $$props;
|
|
12889
12910
|
let { mr = null } = $$props;
|
|
12890
12911
|
let { mb = null } = $$props;
|
|
@@ -13005,24 +13026,42 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
13005
13026
|
const windowOffset = usingNoScroll ? 0 : window.scrollY;
|
|
13006
13027
|
|
|
13007
13028
|
// If there's more space above, display the popover above the target element
|
|
13008
|
-
|
|
13009
|
-
|
|
13010
|
-
|
|
13011
|
-
|
|
13012
|
-
|
|
13013
|
-
|
|
13014
|
-
|
|
13029
|
+
if (_relative) {
|
|
13030
|
+
$$invalidate(
|
|
13031
|
+
15,
|
|
13032
|
+
_popoverEl.style.top = displayOnTop
|
|
13033
|
+
? `-${contentRect.height}px`
|
|
13034
|
+
: `${rootRect.height}px`,
|
|
13035
|
+
_popoverEl
|
|
13036
|
+
);
|
|
13037
|
+
} else {
|
|
13038
|
+
$$invalidate(
|
|
13039
|
+
15,
|
|
13040
|
+
_popoverEl.style.top = displayOnTop
|
|
13041
|
+
? `${rootRect.top - contentRect.height + windowOffset}px`
|
|
13042
|
+
: `${rootRect.top + rootRect.height + windowOffset}px`,
|
|
13043
|
+
_popoverEl
|
|
13044
|
+
);
|
|
13045
|
+
}
|
|
13015
13046
|
|
|
13016
13047
|
// Move the popover to the left if it is too far to the right and only if there is space to the left
|
|
13017
13048
|
const displayOnRight = document.body.clientWidth - targetRect.left < contentRect.width && targetRect.left > contentRect.width;
|
|
13018
13049
|
|
|
13019
|
-
|
|
13020
|
-
|
|
13021
|
-
|
|
13022
|
-
|
|
13023
|
-
|
|
13024
|
-
|
|
13025
|
-
|
|
13050
|
+
if (_relative) {
|
|
13051
|
+
if (displayOnRight) {
|
|
13052
|
+
$$invalidate(15, _popoverEl.style.right = "0", _popoverEl);
|
|
13053
|
+
} else {
|
|
13054
|
+
$$invalidate(15, _popoverEl.style.left = "0", _popoverEl);
|
|
13055
|
+
}
|
|
13056
|
+
} else {
|
|
13057
|
+
$$invalidate(
|
|
13058
|
+
15,
|
|
13059
|
+
_popoverEl.style.left = displayOnRight
|
|
13060
|
+
? `${rootRect.left + targetRect.width - contentRect.width}px`
|
|
13061
|
+
: `${rootRect.left}px`,
|
|
13062
|
+
_popoverEl
|
|
13063
|
+
);
|
|
13064
|
+
}
|
|
13026
13065
|
}
|
|
13027
13066
|
|
|
13028
13067
|
function div0_binding($$value) {
|
|
@@ -13057,14 +13096,15 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
13057
13096
|
if ('testid' in $$props) $$invalidate(0, testid = $$props.testid);
|
|
13058
13097
|
if ('maxwidth' in $$props) $$invalidate(1, maxwidth = $$props.maxwidth);
|
|
13059
13098
|
if ('width' in $$props) $$invalidate(2, width = $$props.width);
|
|
13060
|
-
if ('padded' in $$props) $$invalidate(
|
|
13061
|
-
if ('position' in $$props) $$invalidate(
|
|
13099
|
+
if ('padded' in $$props) $$invalidate(21, padded = $$props.padded);
|
|
13100
|
+
if ('position' in $$props) $$invalidate(22, position = $$props.position);
|
|
13101
|
+
if ('relative' in $$props) $$invalidate(23, relative = $$props.relative);
|
|
13062
13102
|
if ('mt' in $$props) $$invalidate(3, mt = $$props.mt);
|
|
13063
13103
|
if ('mr' in $$props) $$invalidate(4, mr = $$props.mr);
|
|
13064
13104
|
if ('mb' in $$props) $$invalidate(5, mb = $$props.mb);
|
|
13065
13105
|
if ('ml' in $$props) $$invalidate(6, ml = $$props.ml);
|
|
13066
|
-
if ('open' in $$props) $$invalidate(
|
|
13067
|
-
if ('disabled' in $$props) $$invalidate(
|
|
13106
|
+
if ('open' in $$props) $$invalidate(24, open = $$props.open);
|
|
13107
|
+
if ('disabled' in $$props) $$invalidate(25, disabled = $$props.disabled);
|
|
13068
13108
|
if ('tabindex' in $$props) $$invalidate(7, tabindex = $$props.tabindex);
|
|
13069
13109
|
if ('voffset' in $$props) $$invalidate(8, voffset = $$props.voffset);
|
|
13070
13110
|
if ('hoffset' in $$props) $$invalidate(9, hoffset = $$props.hoffset);
|
|
@@ -13073,19 +13113,23 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
13073
13113
|
};
|
|
13074
13114
|
|
|
13075
13115
|
$$self.$$.update = () => {
|
|
13076
|
-
if ($$self.$$.dirty[0] & /*padded*/
|
|
13116
|
+
if ($$self.$$.dirty[0] & /*padded*/ 2097152) {
|
|
13077
13117
|
// Reactive
|
|
13078
|
-
$$invalidate(
|
|
13118
|
+
$$invalidate(18, _padded = toBoolean(padded));
|
|
13079
13119
|
}
|
|
13080
13120
|
|
|
13081
|
-
if ($$self.$$.dirty[0] & /*open*/
|
|
13121
|
+
if ($$self.$$.dirty[0] & /*open*/ 16777216) {
|
|
13082
13122
|
$$invalidate(12, _open = toBoolean(open));
|
|
13083
13123
|
}
|
|
13084
13124
|
|
|
13085
|
-
if ($$self.$$.dirty[0] & /*disabled*/
|
|
13125
|
+
if ($$self.$$.dirty[0] & /*disabled*/ 33554432) {
|
|
13086
13126
|
_disabled = toBoolean(disabled);
|
|
13087
13127
|
}
|
|
13088
13128
|
|
|
13129
|
+
if ($$self.$$.dirty[0] & /*relative*/ 8388608) {
|
|
13130
|
+
$$invalidate(17, _relative = toBoolean(relative));
|
|
13131
|
+
}
|
|
13132
|
+
|
|
13089
13133
|
if ($$self.$$.dirty[0] & /*_open*/ 4096) {
|
|
13090
13134
|
(async () => _open && await setPopoverPosition())();
|
|
13091
13135
|
}
|
|
@@ -13119,11 +13163,13 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
13119
13163
|
_targetEl,
|
|
13120
13164
|
_popoverEl,
|
|
13121
13165
|
_focusTrapEl,
|
|
13166
|
+
_relative,
|
|
13122
13167
|
_padded,
|
|
13123
13168
|
openPopover,
|
|
13124
13169
|
closePopover,
|
|
13125
13170
|
padded,
|
|
13126
13171
|
position,
|
|
13172
|
+
relative,
|
|
13127
13173
|
open,
|
|
13128
13174
|
disabled,
|
|
13129
13175
|
div0_binding,
|
|
@@ -13137,7 +13183,7 @@ class Popover extends SvelteElement {
|
|
|
13137
13183
|
constructor(options) {
|
|
13138
13184
|
super();
|
|
13139
13185
|
const style = document.createElement('style');
|
|
13140
|
-
style.textContent = `:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;align-items:center}.popover-target{width:fit-content;cursor:pointer}.popover-target:focus{outline:var(--focus-border-width) solid var(--goa-color-interactive-focus)}.popover-content{color:var(--goa-color-text-default);position:absolute;
|
|
13186
|
+
style.textContent = `:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;align-items:center}.popover-target{width:fit-content;cursor:pointer}.popover-target:focus{outline:var(--focus-border-width) solid var(--goa-color-interactive-focus)}.popover-content{color:var(--goa-color-text-default);position:absolute;width:fit-content;max-width:260px;list-style-type:none;background:var(--goa-color-greyscale-white);border-radius:var(--border-radius);outline:none;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));z-index:99;width:max-content;margin-top:var(--offset-top, 3px);margin-bottom:var(--offset-bottom, 3px);margin-left:var(--offset-left, 0);margin-right:var(--offset-right, 0)}::slotted(ul){display:block;padding:0;margin:0;list-style-type:none;line-height:2rem}.popover-background{cursor:default;position:fixed;z-index:98;inset:0}`;
|
|
13141
13187
|
this.shadowRoot.appendChild(style);
|
|
13142
13188
|
|
|
13143
13189
|
init(
|
|
@@ -13154,14 +13200,15 @@ class Popover extends SvelteElement {
|
|
|
13154
13200
|
testid: 0,
|
|
13155
13201
|
maxwidth: 1,
|
|
13156
13202
|
width: 2,
|
|
13157
|
-
padded:
|
|
13158
|
-
position:
|
|
13203
|
+
padded: 21,
|
|
13204
|
+
position: 22,
|
|
13205
|
+
relative: 23,
|
|
13159
13206
|
mt: 3,
|
|
13160
13207
|
mr: 4,
|
|
13161
13208
|
mb: 5,
|
|
13162
13209
|
ml: 6,
|
|
13163
|
-
open:
|
|
13164
|
-
disabled:
|
|
13210
|
+
open: 24,
|
|
13211
|
+
disabled: 25,
|
|
13165
13212
|
tabindex: 7,
|
|
13166
13213
|
voffset: 8,
|
|
13167
13214
|
hoffset: 9,
|
|
@@ -13191,6 +13238,7 @@ class Popover extends SvelteElement {
|
|
|
13191
13238
|
"width",
|
|
13192
13239
|
"padded",
|
|
13193
13240
|
"position",
|
|
13241
|
+
"relative",
|
|
13194
13242
|
"mt",
|
|
13195
13243
|
"mr",
|
|
13196
13244
|
"mb",
|
|
@@ -13233,7 +13281,7 @@ class Popover extends SvelteElement {
|
|
|
13233
13281
|
}
|
|
13234
13282
|
|
|
13235
13283
|
get padded() {
|
|
13236
|
-
return this.$$.ctx[
|
|
13284
|
+
return this.$$.ctx[21];
|
|
13237
13285
|
}
|
|
13238
13286
|
|
|
13239
13287
|
set padded(padded) {
|
|
@@ -13242,7 +13290,7 @@ class Popover extends SvelteElement {
|
|
|
13242
13290
|
}
|
|
13243
13291
|
|
|
13244
13292
|
get position() {
|
|
13245
|
-
return this.$$.ctx[
|
|
13293
|
+
return this.$$.ctx[22];
|
|
13246
13294
|
}
|
|
13247
13295
|
|
|
13248
13296
|
set position(position) {
|
|
@@ -13250,6 +13298,15 @@ class Popover extends SvelteElement {
|
|
|
13250
13298
|
flush();
|
|
13251
13299
|
}
|
|
13252
13300
|
|
|
13301
|
+
get relative() {
|
|
13302
|
+
return this.$$.ctx[23];
|
|
13303
|
+
}
|
|
13304
|
+
|
|
13305
|
+
set relative(relative) {
|
|
13306
|
+
this.$$set({ relative });
|
|
13307
|
+
flush();
|
|
13308
|
+
}
|
|
13309
|
+
|
|
13253
13310
|
get mt() {
|
|
13254
13311
|
return this.$$.ctx[3];
|
|
13255
13312
|
}
|
|
@@ -13287,7 +13344,7 @@ class Popover extends SvelteElement {
|
|
|
13287
13344
|
}
|
|
13288
13345
|
|
|
13289
13346
|
get open() {
|
|
13290
|
-
return this.$$.ctx[
|
|
13347
|
+
return this.$$.ctx[24];
|
|
13291
13348
|
}
|
|
13292
13349
|
|
|
13293
13350
|
set open(open) {
|
|
@@ -13296,7 +13353,7 @@ class Popover extends SvelteElement {
|
|
|
13296
13353
|
}
|
|
13297
13354
|
|
|
13298
13355
|
get disabled() {
|
|
13299
|
-
return this.$$.ctx[
|
|
13356
|
+
return this.$$.ctx[25];
|
|
13300
13357
|
}
|
|
13301
13358
|
|
|
13302
13359
|
set disabled(disabled) {
|
|
@@ -13352,7 +13409,7 @@ class Popover extends SvelteElement {
|
|
|
13352
13409
|
|
|
13353
13410
|
customElements.define("goa-popover", Popover);
|
|
13354
13411
|
|
|
13355
|
-
/* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.
|
|
13412
|
+
/* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.59.2 */
|
|
13356
13413
|
|
|
13357
13414
|
function get_each_context$3(ctx, list, i) {
|
|
13358
13415
|
const child_ctx = ctx.slice();
|
|
@@ -13830,7 +13887,7 @@ class RadioGroup extends SvelteElement {
|
|
|
13830
13887
|
|
|
13831
13888
|
customElements.define("goa-radio-group", RadioGroup);
|
|
13832
13889
|
|
|
13833
|
-
/* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.
|
|
13890
|
+
/* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.59.2 */
|
|
13834
13891
|
|
|
13835
13892
|
function create_fragment$n(ctx) {
|
|
13836
13893
|
let div;
|
|
@@ -14058,7 +14115,7 @@ class Scrollable extends SvelteElement {
|
|
|
14058
14115
|
|
|
14059
14116
|
customElements.define("goa-scrollable", Scrollable);
|
|
14060
14117
|
|
|
14061
|
-
/* libs/web-components/src/components/skeleton/Skeleton.svelte generated by Svelte v3.
|
|
14118
|
+
/* libs/web-components/src/components/skeleton/Skeleton.svelte generated by Svelte v3.59.2 */
|
|
14062
14119
|
|
|
14063
14120
|
function get_each_context$2(ctx, list, i) {
|
|
14064
14121
|
const child_ctx = ctx.slice();
|
|
@@ -14768,7 +14825,7 @@ class Skeleton extends SvelteElement {
|
|
|
14768
14825
|
|
|
14769
14826
|
customElements.define("goa-skeleton", Skeleton);
|
|
14770
14827
|
|
|
14771
|
-
/* libs/web-components/src/components/spacer/Spacer.svelte generated by Svelte v3.
|
|
14828
|
+
/* libs/web-components/src/components/spacer/Spacer.svelte generated by Svelte v3.59.2 */
|
|
14772
14829
|
|
|
14773
14830
|
function create_fragment$l(ctx) {
|
|
14774
14831
|
let div;
|
|
@@ -14881,7 +14938,7 @@ const subscriber_queue = [];
|
|
|
14881
14938
|
/**
|
|
14882
14939
|
* Create a `Writable` store that allows both updating and reading by subscription.
|
|
14883
14940
|
* @param {*=}value initial value
|
|
14884
|
-
* @param {StartStopNotifier=}
|
|
14941
|
+
* @param {StartStopNotifier=} start
|
|
14885
14942
|
*/
|
|
14886
14943
|
function writable(value, start = noop) {
|
|
14887
14944
|
let stop;
|
|
@@ -15024,7 +15081,7 @@ function tweened(value, defaults = {}) {
|
|
|
15024
15081
|
};
|
|
15025
15082
|
}
|
|
15026
15083
|
|
|
15027
|
-
/* libs/web-components/src/components/spinner/Spinner.svelte generated by Svelte v3.
|
|
15084
|
+
/* libs/web-components/src/components/spinner/Spinner.svelte generated by Svelte v3.59.2 */
|
|
15028
15085
|
|
|
15029
15086
|
function create_if_block$9(ctx) {
|
|
15030
15087
|
let svg;
|
|
@@ -15360,7 +15417,7 @@ class Spinner extends SvelteElement {
|
|
|
15360
15417
|
|
|
15361
15418
|
customElements.define("goa-spinner", Spinner);
|
|
15362
15419
|
|
|
15363
|
-
/* libs/web-components/src/components/table/Table.svelte generated by Svelte v3.
|
|
15420
|
+
/* libs/web-components/src/components/table/Table.svelte generated by Svelte v3.59.2 */
|
|
15364
15421
|
|
|
15365
15422
|
function create_fragment$j(ctx) {
|
|
15366
15423
|
let table;
|
|
@@ -15659,7 +15716,7 @@ class Table extends SvelteElement {
|
|
|
15659
15716
|
|
|
15660
15717
|
customElements.define("goa-table", Table);
|
|
15661
15718
|
|
|
15662
|
-
/* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.
|
|
15719
|
+
/* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.59.2 */
|
|
15663
15720
|
|
|
15664
15721
|
function create_else_block$5(ctx) {
|
|
15665
15722
|
let div;
|
|
@@ -15827,7 +15884,7 @@ class TableSortHeader extends SvelteElement {
|
|
|
15827
15884
|
|
|
15828
15885
|
customElements.define("goa-table-sort-header", TableSortHeader);
|
|
15829
15886
|
|
|
15830
|
-
/* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.
|
|
15887
|
+
/* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.59.2 */
|
|
15831
15888
|
|
|
15832
15889
|
function create_fragment$h(ctx) {
|
|
15833
15890
|
let div;
|
|
@@ -16037,7 +16094,7 @@ class TextArea extends SvelteElement {
|
|
|
16037
16094
|
super();
|
|
16038
16095
|
const style = document.createElement('style');
|
|
16039
16096
|
|
|
16040
|
-
style.textContent = `:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:
|
|
16097
|
+
style.textContent = `:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:var(--goa-space-s);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;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%;resize:vertical}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) 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)
|
|
16041
16098
|
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}`;
|
|
16042
16099
|
|
|
16043
16100
|
this.shadowRoot.appendChild(style);
|
|
@@ -16242,7 +16299,7 @@ class TextArea extends SvelteElement {
|
|
|
16242
16299
|
|
|
16243
16300
|
customElements.define("goa-textarea", TextArea);
|
|
16244
16301
|
|
|
16245
|
-
/* libs/web-components/src/components/tooltip/Tooltip.svelte generated by Svelte v3.
|
|
16302
|
+
/* libs/web-components/src/components/tooltip/Tooltip.svelte generated by Svelte v3.59.2 */
|
|
16246
16303
|
|
|
16247
16304
|
const { window: window_1$1 } = globals;
|
|
16248
16305
|
|
|
@@ -16680,7 +16737,7 @@ class Tooltip extends SvelteElement {
|
|
|
16680
16737
|
|
|
16681
16738
|
customElements.define("goa-tooltip", Tooltip);
|
|
16682
16739
|
|
|
16683
|
-
/* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.
|
|
16740
|
+
/* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.59.2 */
|
|
16684
16741
|
|
|
16685
16742
|
function create_fragment$f(ctx) {
|
|
16686
16743
|
let div;
|
|
@@ -16750,7 +16807,7 @@ class FullScreenNavbarLayout extends SvelteElement {
|
|
|
16750
16807
|
|
|
16751
16808
|
customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
|
|
16752
16809
|
|
|
16753
|
-
/* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.
|
|
16810
|
+
/* libs/web-components/src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.59.2 */
|
|
16754
16811
|
|
|
16755
16812
|
function create_fragment$e(ctx) {
|
|
16756
16813
|
let div;
|
|
@@ -16811,7 +16868,7 @@ class OneColumnLayout extends SvelteElement {
|
|
|
16811
16868
|
|
|
16812
16869
|
customElements.define("goa-one-column-layout", OneColumnLayout);
|
|
16813
16870
|
|
|
16814
|
-
/* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.
|
|
16871
|
+
/* libs/web-components/src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.59.2 */
|
|
16815
16872
|
|
|
16816
16873
|
function create_fragment$d(ctx) {
|
|
16817
16874
|
let div;
|
|
@@ -16942,7 +16999,7 @@ class TwoColumnLayout extends SvelteElement {
|
|
|
16942
16999
|
|
|
16943
17000
|
customElements.define("goa-two-column-layout", TwoColumnLayout);
|
|
16944
17001
|
|
|
16945
|
-
/* libs/web-components/src/layouts/three-column-layout/ThreeColumnLayout.svelte generated by Svelte v3.
|
|
17002
|
+
/* libs/web-components/src/layouts/three-column-layout/ThreeColumnLayout.svelte generated by Svelte v3.59.2 */
|
|
16946
17003
|
|
|
16947
17004
|
function create_fragment$c(ctx) {
|
|
16948
17005
|
let div;
|
|
@@ -17093,7 +17150,7 @@ class ThreeColumnLayout extends SvelteElement {
|
|
|
17093
17150
|
|
|
17094
17151
|
customElements.define("goa-three-column-layout", ThreeColumnLayout);
|
|
17095
17152
|
|
|
17096
|
-
/* libs/web-components/src/components/_experimental/sidebar/Sidebar.svelte generated by Svelte v3.
|
|
17153
|
+
/* libs/web-components/src/components/_experimental/sidebar/Sidebar.svelte generated by Svelte v3.59.2 */
|
|
17097
17154
|
|
|
17098
17155
|
function get_each_context$1(ctx, list, i) {
|
|
17099
17156
|
const child_ctx = ctx.slice();
|
|
@@ -17690,7 +17747,7 @@ class Sidebar extends SvelteElement {
|
|
|
17690
17747
|
|
|
17691
17748
|
customElements.define("goax-sidebar", Sidebar);
|
|
17692
17749
|
|
|
17693
|
-
/* libs/web-components/src/components/_experimental/sidebar/SidebarItem.svelte generated by Svelte v3.
|
|
17750
|
+
/* libs/web-components/src/components/_experimental/sidebar/SidebarItem.svelte generated by Svelte v3.59.2 */
|
|
17694
17751
|
|
|
17695
17752
|
function create_fragment$a(ctx) {
|
|
17696
17753
|
return {
|
|
@@ -17733,7 +17790,7 @@ class SidebarItem extends SvelteElement {
|
|
|
17733
17790
|
|
|
17734
17791
|
customElements.define("goax-sidebar-item", SidebarItem);
|
|
17735
17792
|
|
|
17736
|
-
/* libs/web-components/src/components/form-stepper/FormStepper.svelte generated by Svelte v3.
|
|
17793
|
+
/* libs/web-components/src/components/form-stepper/FormStepper.svelte generated by Svelte v3.59.2 */
|
|
17737
17794
|
|
|
17738
17795
|
function create_if_block$6(ctx) {
|
|
17739
17796
|
let progress0;
|
|
@@ -18124,7 +18181,7 @@ class FormStepper extends SvelteElement {
|
|
|
18124
18181
|
|
|
18125
18182
|
customElements.define("goa-form-stepper", FormStepper);
|
|
18126
18183
|
|
|
18127
|
-
/* libs/web-components/src/components/form-step/FormStep.svelte generated by Svelte v3.
|
|
18184
|
+
/* libs/web-components/src/components/form-step/FormStep.svelte generated by Svelte v3.59.2 */
|
|
18128
18185
|
|
|
18129
18186
|
function create_else_block$3(ctx) {
|
|
18130
18187
|
let div;
|
|
@@ -18570,7 +18627,7 @@ class FormStep extends SvelteElement {
|
|
|
18570
18627
|
|
|
18571
18628
|
customElements.define("goa-form-step", FormStep);
|
|
18572
18629
|
|
|
18573
|
-
/* libs/web-components/src/components/pages/Pages.svelte generated by Svelte v3.
|
|
18630
|
+
/* libs/web-components/src/components/pages/Pages.svelte generated by Svelte v3.59.2 */
|
|
18574
18631
|
|
|
18575
18632
|
function create_fragment$7(ctx) {
|
|
18576
18633
|
let div;
|
|
@@ -18747,7 +18804,7 @@ class Pages extends SvelteElement {
|
|
|
18747
18804
|
|
|
18748
18805
|
customElements.define("goa-pages", Pages);
|
|
18749
18806
|
|
|
18750
|
-
/* libs/web-components/src/components/file-upload-input/FileUploadInput.svelte generated by Svelte v3.
|
|
18807
|
+
/* libs/web-components/src/components/file-upload-input/FileUploadInput.svelte generated by Svelte v3.59.2 */
|
|
18751
18808
|
|
|
18752
18809
|
function get_each_context(ctx, list, i) {
|
|
18753
18810
|
const child_ctx = ctx.slice();
|
|
@@ -19444,7 +19501,7 @@ class FileUploadInput extends SvelteElement {
|
|
|
19444
19501
|
|
|
19445
19502
|
customElements.define("goa-file-upload-input", FileUploadInput);
|
|
19446
19503
|
|
|
19447
|
-
/* libs/web-components/src/components/file-upload-card/FileUploadCard.svelte generated by Svelte v3.
|
|
19504
|
+
/* libs/web-components/src/components/file-upload-card/FileUploadCard.svelte generated by Svelte v3.59.2 */
|
|
19448
19505
|
|
|
19449
19506
|
function create_else_block$2(ctx) {
|
|
19450
19507
|
let goa_icon;
|
|
@@ -20052,7 +20109,7 @@ class FileUploadCard extends SvelteElement {
|
|
|
20052
20109
|
|
|
20053
20110
|
customElements.define("goa-file-upload-card", FileUploadCard);
|
|
20054
20111
|
|
|
20055
|
-
/* libs/web-components/src/components/app-header-menu/AppHeaderMenu.svelte generated by Svelte v3.
|
|
20112
|
+
/* libs/web-components/src/components/app-header-menu/AppHeaderMenu.svelte generated by Svelte v3.59.2 */
|
|
20056
20113
|
|
|
20057
20114
|
const { window: window_1 } = globals;
|
|
20058
20115
|
|
|
@@ -20590,7 +20647,7 @@ class AppHeaderMenu extends SvelteElement {
|
|
|
20590
20647
|
|
|
20591
20648
|
customElements.define("goa-app-header-menu", AppHeaderMenu);
|
|
20592
20649
|
|
|
20593
|
-
/* libs/web-components/src/components/side-menu/SideMenu.svelte generated by Svelte v3.
|
|
20650
|
+
/* libs/web-components/src/components/side-menu/SideMenu.svelte generated by Svelte v3.59.2 */
|
|
20594
20651
|
|
|
20595
20652
|
function create_fragment$3(ctx) {
|
|
20596
20653
|
let div;
|
|
@@ -20705,7 +20762,7 @@ class SideMenu extends SvelteElement {
|
|
|
20705
20762
|
|
|
20706
20763
|
customElements.define("goa-side-menu", SideMenu);
|
|
20707
20764
|
|
|
20708
|
-
/* libs/web-components/src/components/side-menu-group/SideMenuGroup.svelte generated by Svelte v3.
|
|
20765
|
+
/* libs/web-components/src/components/side-menu-group/SideMenuGroup.svelte generated by Svelte v3.59.2 */
|
|
20709
20766
|
|
|
20710
20767
|
function create_else_block(ctx) {
|
|
20711
20768
|
let goa_icon;
|
|
@@ -21021,7 +21078,7 @@ class SideMenuGroup extends SvelteElement {
|
|
|
21021
21078
|
|
|
21022
21079
|
customElements.define("goa-side-menu-group", SideMenuGroup);
|
|
21023
21080
|
|
|
21024
|
-
/* libs/web-components/src/components/tabs/Tabs.svelte generated by Svelte v3.
|
|
21081
|
+
/* libs/web-components/src/components/tabs/Tabs.svelte generated by Svelte v3.59.2 */
|
|
21025
21082
|
|
|
21026
21083
|
function create_fragment$1(ctx) {
|
|
21027
21084
|
let div2;
|
|
@@ -21300,7 +21357,7 @@ class Tabs extends SvelteElement {
|
|
|
21300
21357
|
|
|
21301
21358
|
customElements.define("goa-tabs", Tabs);
|
|
21302
21359
|
|
|
21303
|
-
/* libs/web-components/src/components/tab/Tab.svelte generated by Svelte v3.
|
|
21360
|
+
/* libs/web-components/src/components/tab/Tab.svelte generated by Svelte v3.59.2 */
|
|
21304
21361
|
|
|
21305
21362
|
function create_if_block(ctx) {
|
|
21306
21363
|
let div;
|