@abgov/react-components 4.0.0-alpha.101 → 4.0.0-alpha.102
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/index.d.ts +1 -0
- package/lib/dropdown/dropdown-item.d.ts +22 -0
- package/lib/dropdown/dropdown.d.ts +4 -5
- package/package.json +1 -1
- package/react-components.esm.js +758 -885
- package/react-components.umd.js +757 -882
- package/lib/dropdown/dropdown-option.d.ts +0 -21
package/react-components.umd.js
CHANGED
|
@@ -1192,7 +1192,7 @@
|
|
|
1192
1192
|
};
|
|
1193
1193
|
}
|
|
1194
1194
|
|
|
1195
|
-
function create_fragment$
|
|
1195
|
+
function create_fragment$F(ctx) {
|
|
1196
1196
|
let div2;
|
|
1197
1197
|
let div1;
|
|
1198
1198
|
let t;
|
|
@@ -1276,7 +1276,7 @@
|
|
|
1276
1276
|
};
|
|
1277
1277
|
}
|
|
1278
1278
|
|
|
1279
|
-
function instance$
|
|
1279
|
+
function instance$z($$self, $$props, $$invalidate) {
|
|
1280
1280
|
let {
|
|
1281
1281
|
heading = ""
|
|
1282
1282
|
} = $$props;
|
|
@@ -1308,7 +1308,7 @@
|
|
|
1308
1308
|
target: this.shadowRoot,
|
|
1309
1309
|
props: attribute_to_object(this.attributes),
|
|
1310
1310
|
customElement: true
|
|
1311
|
-
}, instance$
|
|
1311
|
+
}, instance$z, create_fragment$F, safe_not_equal, {
|
|
1312
1312
|
heading: 0,
|
|
1313
1313
|
url: 1,
|
|
1314
1314
|
testid: 2,
|
|
@@ -1525,7 +1525,7 @@
|
|
|
1525
1525
|
};
|
|
1526
1526
|
}
|
|
1527
1527
|
|
|
1528
|
-
function create_fragment$
|
|
1528
|
+
function create_fragment$E(ctx) {
|
|
1529
1529
|
let div;
|
|
1530
1530
|
let t;
|
|
1531
1531
|
let div_style_value;
|
|
@@ -1661,7 +1661,7 @@
|
|
|
1661
1661
|
};
|
|
1662
1662
|
}
|
|
1663
1663
|
|
|
1664
|
-
function instance$
|
|
1664
|
+
function instance$y($$self, $$props, $$invalidate) {
|
|
1665
1665
|
let showIcon;
|
|
1666
1666
|
let iconType;
|
|
1667
1667
|
const [Types, validateType] = typeValidator("Badge type", ["success", "important", "information", "emergency", "dark", "midtone", "light"], true);
|
|
@@ -1743,7 +1743,7 @@
|
|
|
1743
1743
|
target: this.shadowRoot,
|
|
1744
1744
|
props: attribute_to_object(this.attributes),
|
|
1745
1745
|
customElement: true
|
|
1746
|
-
}, instance$
|
|
1746
|
+
}, instance$y, create_fragment$E, safe_not_equal, {
|
|
1747
1747
|
type: 0,
|
|
1748
1748
|
testid: 1,
|
|
1749
1749
|
content: 2,
|
|
@@ -1863,7 +1863,7 @@
|
|
|
1863
1863
|
customElements.define("goa-badge", Badge);
|
|
1864
1864
|
/* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.51.0 */
|
|
1865
1865
|
|
|
1866
|
-
function create_fragment$
|
|
1866
|
+
function create_fragment$D(ctx) {
|
|
1867
1867
|
let div;
|
|
1868
1868
|
let slot;
|
|
1869
1869
|
let div_style_value;
|
|
@@ -1937,7 +1937,7 @@
|
|
|
1937
1937
|
};
|
|
1938
1938
|
}
|
|
1939
1939
|
|
|
1940
|
-
function instance$
|
|
1940
|
+
function instance$x($$self, $$props, $$invalidate) {
|
|
1941
1941
|
let {
|
|
1942
1942
|
gap = "m"
|
|
1943
1943
|
} = $$props;
|
|
@@ -1981,7 +1981,7 @@
|
|
|
1981
1981
|
target: this.shadowRoot,
|
|
1982
1982
|
props: attribute_to_object(this.attributes),
|
|
1983
1983
|
customElement: true
|
|
1984
|
-
}, instance$
|
|
1984
|
+
}, instance$x, create_fragment$D, safe_not_equal, {
|
|
1985
1985
|
gap: 0,
|
|
1986
1986
|
direction: 1,
|
|
1987
1987
|
alignment: 2,
|
|
@@ -2285,7 +2285,7 @@
|
|
|
2285
2285
|
};
|
|
2286
2286
|
}
|
|
2287
2287
|
|
|
2288
|
-
function create_fragment$
|
|
2288
|
+
function create_fragment$C(ctx) {
|
|
2289
2289
|
let button;
|
|
2290
2290
|
let button_class_value;
|
|
2291
2291
|
let button_style_value;
|
|
@@ -2443,7 +2443,7 @@
|
|
|
2443
2443
|
e.stopPropagation();
|
|
2444
2444
|
}
|
|
2445
2445
|
|
|
2446
|
-
function instance$
|
|
2446
|
+
function instance$w($$self, $$props, $$invalidate) {
|
|
2447
2447
|
let isDisabled;
|
|
2448
2448
|
let isButtonDark;
|
|
2449
2449
|
const [Types, validateType] = typeValidator("Button type", ["primary", "submit", "secondary", "tertiary", "start"], true);
|
|
@@ -2530,7 +2530,7 @@
|
|
|
2530
2530
|
target: this.shadowRoot,
|
|
2531
2531
|
props: attribute_to_object(this.attributes),
|
|
2532
2532
|
customElement: true
|
|
2533
|
-
}, instance$
|
|
2533
|
+
}, instance$w, create_fragment$C, safe_not_equal, {
|
|
2534
2534
|
type: 0,
|
|
2535
2535
|
size: 1,
|
|
2536
2536
|
variant: 2,
|
|
@@ -2686,7 +2686,7 @@
|
|
|
2686
2686
|
customElements.define("goa-button", Button);
|
|
2687
2687
|
/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */
|
|
2688
2688
|
|
|
2689
|
-
function create_fragment$
|
|
2689
|
+
function create_fragment$B(ctx) {
|
|
2690
2690
|
let div;
|
|
2691
2691
|
let slot;
|
|
2692
2692
|
let div_style_value;
|
|
@@ -2756,7 +2756,7 @@
|
|
|
2756
2756
|
};
|
|
2757
2757
|
}
|
|
2758
2758
|
|
|
2759
|
-
function instance$
|
|
2759
|
+
function instance$v($$self, $$props, $$invalidate) {
|
|
2760
2760
|
let _alignment;
|
|
2761
2761
|
|
|
2762
2762
|
let {
|
|
@@ -2820,7 +2820,7 @@
|
|
|
2820
2820
|
target: this.shadowRoot,
|
|
2821
2821
|
props: attribute_to_object(this.attributes),
|
|
2822
2822
|
customElement: true
|
|
2823
|
-
}, instance$
|
|
2823
|
+
}, instance$v, create_fragment$B, safe_not_equal, {
|
|
2824
2824
|
alignment: 7,
|
|
2825
2825
|
gap: 0,
|
|
2826
2826
|
testid: 1,
|
|
@@ -2959,7 +2959,7 @@
|
|
|
2959
2959
|
};
|
|
2960
2960
|
}
|
|
2961
2961
|
|
|
2962
|
-
function create_fragment$
|
|
2962
|
+
function create_fragment$A(ctx) {
|
|
2963
2963
|
let div;
|
|
2964
2964
|
let span0;
|
|
2965
2965
|
let goa_icon;
|
|
@@ -3094,7 +3094,7 @@
|
|
|
3094
3094
|
};
|
|
3095
3095
|
}
|
|
3096
3096
|
|
|
3097
|
-
function instance$
|
|
3097
|
+
function instance$u($$self, $$props, $$invalidate) {
|
|
3098
3098
|
let iconType;
|
|
3099
3099
|
const [Types, validateType] = typeValidator("Callout type", ["emergency", "important", "information", "event", "success"], true);
|
|
3100
3100
|
let {
|
|
@@ -3151,7 +3151,7 @@
|
|
|
3151
3151
|
target: this.shadowRoot,
|
|
3152
3152
|
props: attribute_to_object(this.attributes),
|
|
3153
3153
|
customElement: true
|
|
3154
|
-
}, instance$
|
|
3154
|
+
}, instance$u, create_fragment$A, safe_not_equal, {
|
|
3155
3155
|
mt: 0,
|
|
3156
3156
|
mr: 1,
|
|
3157
3157
|
mb: 2,
|
|
@@ -3259,7 +3259,7 @@
|
|
|
3259
3259
|
customElements.define("goa-callout", Callout);
|
|
3260
3260
|
/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */
|
|
3261
3261
|
|
|
3262
|
-
function create_fragment$
|
|
3262
|
+
function create_fragment$z(ctx) {
|
|
3263
3263
|
let goa_card_content;
|
|
3264
3264
|
return {
|
|
3265
3265
|
c() {
|
|
@@ -3290,7 +3290,7 @@
|
|
|
3290
3290
|
target: this.shadowRoot,
|
|
3291
3291
|
props: attribute_to_object(this.attributes),
|
|
3292
3292
|
customElement: true
|
|
3293
|
-
}, null, create_fragment$
|
|
3293
|
+
}, null, create_fragment$z, safe_not_equal, {}, null);
|
|
3294
3294
|
|
|
3295
3295
|
if (options) {
|
|
3296
3296
|
if (options.target) {
|
|
@@ -3304,7 +3304,7 @@
|
|
|
3304
3304
|
customElements.define("goa-card-actions", CardActions);
|
|
3305
3305
|
/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */
|
|
3306
3306
|
|
|
3307
|
-
function create_fragment$
|
|
3307
|
+
function create_fragment$y(ctx) {
|
|
3308
3308
|
let div;
|
|
3309
3309
|
let slot;
|
|
3310
3310
|
let div_style_value;
|
|
@@ -3383,7 +3383,7 @@
|
|
|
3383
3383
|
};
|
|
3384
3384
|
}
|
|
3385
3385
|
|
|
3386
|
-
function instance$
|
|
3386
|
+
function instance$t($$self, $$props, $$invalidate) {
|
|
3387
3387
|
let {
|
|
3388
3388
|
elevation = 0
|
|
3389
3389
|
} = $$props;
|
|
@@ -3431,7 +3431,7 @@
|
|
|
3431
3431
|
target: this.shadowRoot,
|
|
3432
3432
|
props: attribute_to_object(this.attributes),
|
|
3433
3433
|
customElement: true
|
|
3434
|
-
}, instance$
|
|
3434
|
+
}, instance$t, create_fragment$y, safe_not_equal, {
|
|
3435
3435
|
elevation: 0,
|
|
3436
3436
|
width: 1,
|
|
3437
3437
|
height: 2,
|
|
@@ -3551,7 +3551,7 @@
|
|
|
3551
3551
|
customElements.define("goa-card", Card);
|
|
3552
3552
|
/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */
|
|
3553
3553
|
|
|
3554
|
-
function create_fragment$
|
|
3554
|
+
function create_fragment$x(ctx) {
|
|
3555
3555
|
let div;
|
|
3556
3556
|
return {
|
|
3557
3557
|
c() {
|
|
@@ -3584,7 +3584,7 @@
|
|
|
3584
3584
|
target: this.shadowRoot,
|
|
3585
3585
|
props: attribute_to_object(this.attributes),
|
|
3586
3586
|
customElement: true
|
|
3587
|
-
}, null, create_fragment$
|
|
3587
|
+
}, null, create_fragment$x, safe_not_equal, {}, null);
|
|
3588
3588
|
|
|
3589
3589
|
if (options) {
|
|
3590
3590
|
if (options.target) {
|
|
@@ -3598,7 +3598,7 @@
|
|
|
3598
3598
|
customElements.define("goa-card-content", CardContent);
|
|
3599
3599
|
/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */
|
|
3600
3600
|
|
|
3601
|
-
function create_fragment$
|
|
3601
|
+
function create_fragment$w(ctx) {
|
|
3602
3602
|
let div;
|
|
3603
3603
|
return {
|
|
3604
3604
|
c() {
|
|
@@ -3631,7 +3631,7 @@
|
|
|
3631
3631
|
target: this.shadowRoot,
|
|
3632
3632
|
props: attribute_to_object(this.attributes),
|
|
3633
3633
|
customElement: true
|
|
3634
|
-
}, null, create_fragment$
|
|
3634
|
+
}, null, create_fragment$w, safe_not_equal, {}, null);
|
|
3635
3635
|
|
|
3636
3636
|
if (options) {
|
|
3637
3637
|
if (options.target) {
|
|
@@ -3645,7 +3645,7 @@
|
|
|
3645
3645
|
customElements.define("goa-card-group", CardGroup);
|
|
3646
3646
|
/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */
|
|
3647
3647
|
|
|
3648
|
-
function create_fragment$
|
|
3648
|
+
function create_fragment$v(ctx) {
|
|
3649
3649
|
let div;
|
|
3650
3650
|
return {
|
|
3651
3651
|
c() {
|
|
@@ -3693,7 +3693,7 @@
|
|
|
3693
3693
|
};
|
|
3694
3694
|
}
|
|
3695
3695
|
|
|
3696
|
-
function instance$
|
|
3696
|
+
function instance$s($$self, $$props, $$invalidate) {
|
|
3697
3697
|
let {
|
|
3698
3698
|
src
|
|
3699
3699
|
} = $$props;
|
|
@@ -3717,7 +3717,7 @@
|
|
|
3717
3717
|
target: this.shadowRoot,
|
|
3718
3718
|
props: attribute_to_object(this.attributes),
|
|
3719
3719
|
customElement: true
|
|
3720
|
-
}, instance$
|
|
3720
|
+
}, instance$s, create_fragment$v, safe_not_equal, {
|
|
3721
3721
|
src: 0,
|
|
3722
3722
|
height: 1
|
|
3723
3723
|
}, null);
|
|
@@ -3819,7 +3819,7 @@
|
|
|
3819
3819
|
};
|
|
3820
3820
|
}
|
|
3821
3821
|
|
|
3822
|
-
function create_fragment$
|
|
3822
|
+
function create_fragment$u(ctx) {
|
|
3823
3823
|
let label;
|
|
3824
3824
|
let div0;
|
|
3825
3825
|
let input;
|
|
@@ -4068,7 +4068,7 @@
|
|
|
4068
4068
|
};
|
|
4069
4069
|
}
|
|
4070
4070
|
|
|
4071
|
-
function instance$
|
|
4071
|
+
function instance$r($$self, $$props, $$invalidate) {
|
|
4072
4072
|
let isDisabled;
|
|
4073
4073
|
let isError;
|
|
4074
4074
|
let isChecked;
|
|
@@ -4183,7 +4183,7 @@
|
|
|
4183
4183
|
target: this.shadowRoot,
|
|
4184
4184
|
props: attribute_to_object(this.attributes),
|
|
4185
4185
|
customElement: true
|
|
4186
|
-
}, instance$
|
|
4186
|
+
}, instance$r, create_fragment$u, safe_not_equal, {
|
|
4187
4187
|
name: 0,
|
|
4188
4188
|
checked: 14,
|
|
4189
4189
|
text: 1,
|
|
@@ -4441,7 +4441,7 @@
|
|
|
4441
4441
|
};
|
|
4442
4442
|
}
|
|
4443
4443
|
|
|
4444
|
-
function create_fragment$
|
|
4444
|
+
function create_fragment$t(ctx) {
|
|
4445
4445
|
let div1;
|
|
4446
4446
|
let t0;
|
|
4447
4447
|
let div0;
|
|
@@ -4623,7 +4623,7 @@
|
|
|
4623
4623
|
};
|
|
4624
4624
|
}
|
|
4625
4625
|
|
|
4626
|
-
function instance$
|
|
4626
|
+
function instance$q($$self, $$props, $$invalidate) {
|
|
4627
4627
|
let {
|
|
4628
4628
|
mt = null
|
|
4629
4629
|
} = $$props;
|
|
@@ -4724,7 +4724,7 @@
|
|
|
4724
4724
|
target: this.shadowRoot,
|
|
4725
4725
|
props: attribute_to_object(this.attributes),
|
|
4726
4726
|
customElement: true
|
|
4727
|
-
}, instance$
|
|
4727
|
+
}, instance$q, create_fragment$t, safe_not_equal, {
|
|
4728
4728
|
mt: 0,
|
|
4729
4729
|
mr: 1,
|
|
4730
4730
|
mb: 2,
|
|
@@ -5352,7 +5352,7 @@
|
|
|
5352
5352
|
};
|
|
5353
5353
|
}
|
|
5354
5354
|
|
|
5355
|
-
function create_fragment$
|
|
5355
|
+
function create_fragment$s(ctx) {
|
|
5356
5356
|
let if_block_anchor;
|
|
5357
5357
|
let current;
|
|
5358
5358
|
let if_block =
|
|
@@ -5417,7 +5417,7 @@
|
|
|
5417
5417
|
};
|
|
5418
5418
|
}
|
|
5419
5419
|
|
|
5420
|
-
function instance$
|
|
5420
|
+
function instance$p($$self, $$props, $$invalidate) {
|
|
5421
5421
|
let isVisible;
|
|
5422
5422
|
const [Variants, validateVariant] = typeValidator("Circular progress variant", ["fullscreen", "inline"]);
|
|
5423
5423
|
const [Sizes, validateSize] = typeValidator("Button size", ["small", "large"]);
|
|
@@ -5475,7 +5475,7 @@
|
|
|
5475
5475
|
target: this.shadowRoot,
|
|
5476
5476
|
props: attribute_to_object(this.attributes),
|
|
5477
5477
|
customElement: true
|
|
5478
|
-
}, instance$
|
|
5478
|
+
}, instance$p, create_fragment$s, safe_not_equal, {
|
|
5479
5479
|
variant: 6,
|
|
5480
5480
|
size: 7,
|
|
5481
5481
|
message: 0,
|
|
@@ -5559,7 +5559,7 @@
|
|
|
5559
5559
|
customElements.define("goa-circular-progress", CircularProgress);
|
|
5560
5560
|
/* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.51.0 */
|
|
5561
5561
|
|
|
5562
|
-
function create_fragment$
|
|
5562
|
+
function create_fragment$r(ctx) {
|
|
5563
5563
|
let div3;
|
|
5564
5564
|
let header;
|
|
5565
5565
|
let div0;
|
|
@@ -5684,7 +5684,7 @@
|
|
|
5684
5684
|
};
|
|
5685
5685
|
}
|
|
5686
5686
|
|
|
5687
|
-
function instance$
|
|
5687
|
+
function instance$o($$self, $$props, $$invalidate) {
|
|
5688
5688
|
const [Types, validateType] = typeValidator("Container type", ["interactive", "info", "error", "success", "important", "non-interactive"]);
|
|
5689
5689
|
const [Accents, validateAccent] = typeValidator("Container accent", ["thick", "thin", "filled"]);
|
|
5690
5690
|
const [Paddings, validatePadding] = typeValidator("Container padding", ["relaxed", "compact"]);
|
|
@@ -5740,7 +5740,7 @@
|
|
|
5740
5740
|
target: this.shadowRoot,
|
|
5741
5741
|
props: attribute_to_object(this.attributes),
|
|
5742
5742
|
customElement: true
|
|
5743
|
-
}, instance$
|
|
5743
|
+
}, instance$o, create_fragment$r, safe_not_equal, {
|
|
5744
5744
|
type: 0,
|
|
5745
5745
|
accent: 1,
|
|
5746
5746
|
padding: 2,
|
|
@@ -5860,7 +5860,7 @@
|
|
|
5860
5860
|
customElements.define("goa-container", Container);
|
|
5861
5861
|
/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.51.0 */
|
|
5862
5862
|
|
|
5863
|
-
function create_fragment$
|
|
5863
|
+
function create_fragment$q(ctx) {
|
|
5864
5864
|
let hr;
|
|
5865
5865
|
let hr_style_value;
|
|
5866
5866
|
return {
|
|
@@ -5919,7 +5919,7 @@
|
|
|
5919
5919
|
};
|
|
5920
5920
|
}
|
|
5921
5921
|
|
|
5922
|
-
function instance$
|
|
5922
|
+
function instance$n($$self, $$props, $$invalidate) {
|
|
5923
5923
|
let {
|
|
5924
5924
|
testid = ""
|
|
5925
5925
|
} = $$props;
|
|
@@ -5955,7 +5955,7 @@
|
|
|
5955
5955
|
target: this.shadowRoot,
|
|
5956
5956
|
props: attribute_to_object(this.attributes),
|
|
5957
5957
|
customElement: true
|
|
5958
|
-
}, instance$
|
|
5958
|
+
}, instance$n, create_fragment$q, safe_not_equal, {
|
|
5959
5959
|
testid: 0,
|
|
5960
5960
|
mt: 1,
|
|
5961
5961
|
mr: 2,
|
|
@@ -6037,313 +6037,83 @@
|
|
|
6037
6037
|
}
|
|
6038
6038
|
|
|
6039
6039
|
customElements.define("goa-divider", Divider);
|
|
6040
|
-
const subscriber_queue = [];
|
|
6041
|
-
/**
|
|
6042
|
-
* Create a `Writable` store that allows both updating and reading by subscription.
|
|
6043
|
-
* @param {*=}value initial value
|
|
6044
|
-
* @param {StartStopNotifier=}start start and stop notifications for subscriptions
|
|
6045
|
-
*/
|
|
6046
|
-
|
|
6047
|
-
function writable(value, start = noop) {
|
|
6048
|
-
let stop;
|
|
6049
|
-
const subscribers = new Set();
|
|
6050
|
-
|
|
6051
|
-
function set(new_value) {
|
|
6052
|
-
if (safe_not_equal(value, new_value)) {
|
|
6053
|
-
value = new_value;
|
|
6054
|
-
|
|
6055
|
-
if (stop) {
|
|
6056
|
-
// store is ready
|
|
6057
|
-
const run_queue = !subscriber_queue.length;
|
|
6058
|
-
|
|
6059
|
-
for (const subscriber of subscribers) {
|
|
6060
|
-
subscriber[1]();
|
|
6061
|
-
subscriber_queue.push(subscriber, value);
|
|
6062
|
-
}
|
|
6063
|
-
|
|
6064
|
-
if (run_queue) {
|
|
6065
|
-
for (let i = 0; i < subscriber_queue.length; i += 2) {
|
|
6066
|
-
subscriber_queue[i][0](subscriber_queue[i + 1]);
|
|
6067
|
-
}
|
|
6068
|
-
|
|
6069
|
-
subscriber_queue.length = 0;
|
|
6070
|
-
}
|
|
6071
|
-
}
|
|
6072
|
-
}
|
|
6073
|
-
}
|
|
6074
|
-
|
|
6075
|
-
function update(fn) {
|
|
6076
|
-
set(fn(value));
|
|
6077
|
-
}
|
|
6078
|
-
|
|
6079
|
-
function subscribe(run, invalidate = noop) {
|
|
6080
|
-
const subscriber = [run, invalidate];
|
|
6081
|
-
subscribers.add(subscriber);
|
|
6082
|
-
|
|
6083
|
-
if (subscribers.size === 1) {
|
|
6084
|
-
stop = start(set) || noop;
|
|
6085
|
-
}
|
|
6086
|
-
|
|
6087
|
-
run(value);
|
|
6088
|
-
return () => {
|
|
6089
|
-
subscribers.delete(subscriber);
|
|
6090
|
-
|
|
6091
|
-
if (subscribers.size === 0) {
|
|
6092
|
-
stop();
|
|
6093
|
-
stop = null;
|
|
6094
|
-
}
|
|
6095
|
-
};
|
|
6096
|
-
}
|
|
6097
|
-
|
|
6098
|
-
return {
|
|
6099
|
-
set,
|
|
6100
|
-
update,
|
|
6101
|
-
subscribe
|
|
6102
|
-
};
|
|
6103
|
-
}
|
|
6104
|
-
|
|
6105
|
-
const stores = {};
|
|
6106
|
-
|
|
6107
|
-
class ContextStoreInternal {
|
|
6108
|
-
constructor() {
|
|
6109
|
-
this.store = writable();
|
|
6110
|
-
}
|
|
6111
|
-
|
|
6112
|
-
subscribe(cb) {
|
|
6113
|
-
this.store.subscribe(state => {
|
|
6114
|
-
if (!state) return;
|
|
6115
|
-
cb(state);
|
|
6116
|
-
});
|
|
6117
|
-
}
|
|
6118
|
-
|
|
6119
|
-
notify(msg) {
|
|
6120
|
-
const _this = this;
|
|
6121
|
-
|
|
6122
|
-
const fn = function fn() {
|
|
6123
|
-
return _call(tick, function () {
|
|
6124
|
-
_this.store.update(() => msg);
|
|
6125
|
-
});
|
|
6126
|
-
};
|
|
6127
|
-
|
|
6128
|
-
fn();
|
|
6129
|
-
}
|
|
6130
|
-
|
|
6131
|
-
}
|
|
6132
|
-
|
|
6133
|
-
function getContext(name) {
|
|
6134
|
-
let ctx = stores[name];
|
|
6135
|
-
|
|
6136
|
-
if (!ctx) {
|
|
6137
|
-
ctx = new ContextStoreInternal();
|
|
6138
|
-
}
|
|
6139
|
-
|
|
6140
|
-
stores[name] = ctx;
|
|
6141
|
-
return ctx;
|
|
6142
|
-
}
|
|
6143
|
-
|
|
6144
|
-
function deleteContext(name) {
|
|
6145
|
-
const store = stores[name];
|
|
6146
|
-
if (!store) return;
|
|
6147
|
-
delete stores[name];
|
|
6148
|
-
}
|
|
6149
|
-
/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
|
|
6150
|
-
|
|
6151
|
-
|
|
6152
|
-
function create_fragment$q(ctx) {
|
|
6153
|
-
return {
|
|
6154
|
-
c() {
|
|
6155
|
-
this.c = noop;
|
|
6156
|
-
},
|
|
6157
|
-
|
|
6158
|
-
m: noop,
|
|
6159
|
-
p: noop,
|
|
6160
|
-
i: noop,
|
|
6161
|
-
o: noop,
|
|
6162
|
-
d: noop
|
|
6163
|
-
};
|
|
6164
|
-
}
|
|
6165
|
-
|
|
6166
|
-
function instance$o($$self, $$props, $$invalidate) {
|
|
6167
|
-
let {
|
|
6168
|
-
name = ""
|
|
6169
|
-
} = $$props;
|
|
6170
|
-
let {
|
|
6171
|
-
value = ""
|
|
6172
|
-
} = $$props;
|
|
6173
|
-
let {
|
|
6174
|
-
label = ""
|
|
6175
|
-
} = $$props; // private
|
|
6176
|
-
|
|
6177
|
-
let ctx;
|
|
6178
|
-
let isBound = false;
|
|
6179
|
-
|
|
6180
|
-
$$self.$$set = $$props => {
|
|
6181
|
-
if ('name' in $$props) $$invalidate(0, name = $$props.name);
|
|
6182
|
-
if ('value' in $$props) $$invalidate(1, value = $$props.value);
|
|
6183
|
-
if ('label' in $$props) $$invalidate(2, label = $$props.label);
|
|
6184
|
-
};
|
|
6185
|
-
|
|
6186
|
-
$$self.$$.update = () => {
|
|
6187
|
-
if ($$self.$$.dirty &
|
|
6188
|
-
/*isBound, name, ctx, label, value*/
|
|
6189
|
-
31) {
|
|
6190
|
-
{
|
|
6191
|
-
(function () {
|
|
6192
|
-
return _call(tick, function () {
|
|
6193
|
-
if (!isBound) {
|
|
6194
|
-
$$invalidate(4, isBound = true);
|
|
6195
|
-
$$invalidate(3, ctx = getContext(name));
|
|
6196
|
-
ctx.notify({
|
|
6197
|
-
type: "bind",
|
|
6198
|
-
name,
|
|
6199
|
-
label,
|
|
6200
|
-
value
|
|
6201
|
-
});
|
|
6202
|
-
}
|
|
6203
|
-
});
|
|
6204
|
-
})();
|
|
6205
|
-
}
|
|
6206
|
-
}
|
|
6207
|
-
};
|
|
6208
|
-
|
|
6209
|
-
return [name, value, label, ctx, isBound];
|
|
6210
|
-
}
|
|
6211
|
-
|
|
6212
|
-
class DropdownItem extends SvelteElement {
|
|
6213
|
-
constructor(options) {
|
|
6214
|
-
super();
|
|
6215
|
-
init(this, {
|
|
6216
|
-
target: this.shadowRoot,
|
|
6217
|
-
props: attribute_to_object(this.attributes),
|
|
6218
|
-
customElement: true
|
|
6219
|
-
}, instance$o, create_fragment$q, safe_not_equal, {
|
|
6220
|
-
name: 0,
|
|
6221
|
-
value: 1,
|
|
6222
|
-
label: 2
|
|
6223
|
-
}, null);
|
|
6224
|
-
|
|
6225
|
-
if (options) {
|
|
6226
|
-
if (options.target) {
|
|
6227
|
-
insert(options.target, this, options.anchor);
|
|
6228
|
-
}
|
|
6229
|
-
|
|
6230
|
-
if (options.props) {
|
|
6231
|
-
this.$set(options.props);
|
|
6232
|
-
flush();
|
|
6233
|
-
}
|
|
6234
|
-
}
|
|
6235
|
-
}
|
|
6236
|
-
|
|
6237
|
-
static get observedAttributes() {
|
|
6238
|
-
return ["name", "value", "label"];
|
|
6239
|
-
}
|
|
6240
|
-
|
|
6241
|
-
get name() {
|
|
6242
|
-
return this.$$.ctx[0];
|
|
6243
|
-
}
|
|
6244
|
-
|
|
6245
|
-
set name(name) {
|
|
6246
|
-
this.$$set({
|
|
6247
|
-
name
|
|
6248
|
-
});
|
|
6249
|
-
flush();
|
|
6250
|
-
}
|
|
6251
|
-
|
|
6252
|
-
get value() {
|
|
6253
|
-
return this.$$.ctx[1];
|
|
6254
|
-
}
|
|
6255
|
-
|
|
6256
|
-
set value(value) {
|
|
6257
|
-
this.$$set({
|
|
6258
|
-
value
|
|
6259
|
-
});
|
|
6260
|
-
flush();
|
|
6261
|
-
}
|
|
6262
|
-
|
|
6263
|
-
get label() {
|
|
6264
|
-
return this.$$.ctx[2];
|
|
6265
|
-
}
|
|
6266
|
-
|
|
6267
|
-
set label(label) {
|
|
6268
|
-
this.$$set({
|
|
6269
|
-
label
|
|
6270
|
-
});
|
|
6271
|
-
flush();
|
|
6272
|
-
}
|
|
6273
|
-
|
|
6274
|
-
}
|
|
6275
|
-
|
|
6276
|
-
customElements.define("goa-dropdown-item", DropdownItem);
|
|
6277
6040
|
/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.51.0 */
|
|
6278
6041
|
|
|
6279
6042
|
function get_each_context_1(ctx, list, i) {
|
|
6280
6043
|
const child_ctx = ctx.slice();
|
|
6281
|
-
child_ctx[
|
|
6282
|
-
child_ctx[
|
|
6044
|
+
child_ctx[48] = list[i];
|
|
6045
|
+
child_ctx[52] = i;
|
|
6283
6046
|
return child_ctx;
|
|
6284
6047
|
}
|
|
6285
6048
|
|
|
6286
6049
|
function get_each_context$4(ctx, list, i) {
|
|
6287
6050
|
const child_ctx = ctx.slice();
|
|
6288
|
-
child_ctx[
|
|
6051
|
+
child_ctx[48] = list[i];
|
|
6289
6052
|
return child_ctx;
|
|
6290
|
-
} // (
|
|
6053
|
+
} // (244:2) {:else}
|
|
6291
6054
|
|
|
6292
6055
|
|
|
6293
6056
|
function create_else_block$1(ctx) {
|
|
6294
6057
|
let t0;
|
|
6058
|
+
let slot;
|
|
6059
|
+
let t1;
|
|
6295
6060
|
let goa_input;
|
|
6296
6061
|
let goa_input_aria_label_value;
|
|
6297
6062
|
let goa_input_data_testid_value;
|
|
6298
|
-
let t1;
|
|
6299
|
-
let ul;
|
|
6300
6063
|
let t2;
|
|
6301
|
-
let
|
|
6064
|
+
let ul;
|
|
6065
|
+
let each_blocks = [];
|
|
6066
|
+
let each_1_lookup = new Map();
|
|
6302
6067
|
let ul_style_value;
|
|
6303
6068
|
let mounted;
|
|
6304
6069
|
let dispose;
|
|
6305
6070
|
let if_block =
|
|
6306
|
-
/*
|
|
6307
|
-
ctx[
|
|
6071
|
+
/*_isMenuVisible*/
|
|
6072
|
+
ctx[15] && create_if_block_1$5(ctx);
|
|
6308
6073
|
let each_value_1 =
|
|
6309
|
-
/*
|
|
6310
|
-
ctx[
|
|
6311
|
-
|
|
6074
|
+
/*_options*/
|
|
6075
|
+
ctx[13];
|
|
6076
|
+
|
|
6077
|
+
const get_key = ctx =>
|
|
6078
|
+
/*index*/
|
|
6079
|
+
ctx[52];
|
|
6312
6080
|
|
|
6313
6081
|
for (let i = 0; i < each_value_1.length; i += 1) {
|
|
6314
|
-
|
|
6082
|
+
let child_ctx = get_each_context_1(ctx, each_value_1, i);
|
|
6083
|
+
let key = get_key(child_ctx);
|
|
6084
|
+
each_1_lookup.set(key, each_blocks[i] = create_each_block_1(key, child_ctx));
|
|
6315
6085
|
}
|
|
6316
6086
|
|
|
6317
6087
|
return {
|
|
6318
6088
|
c() {
|
|
6319
6089
|
if (if_block) if_block.c();
|
|
6320
6090
|
t0 = space();
|
|
6321
|
-
|
|
6091
|
+
slot = element("slot");
|
|
6322
6092
|
t1 = space();
|
|
6093
|
+
goa_input = element("goa-input");
|
|
6094
|
+
t2 = space();
|
|
6323
6095
|
ul = element("ul");
|
|
6324
6096
|
|
|
6325
6097
|
for (let i = 0; i < each_blocks.length; i += 1) {
|
|
6326
6098
|
each_blocks[i].c();
|
|
6327
6099
|
}
|
|
6328
6100
|
|
|
6329
|
-
t2 = space();
|
|
6330
|
-
slot = element("slot");
|
|
6331
6101
|
set_custom_element_data(goa_input, "error",
|
|
6332
6102
|
/*error*/
|
|
6333
|
-
ctx[
|
|
6103
|
+
ctx[7]);
|
|
6334
6104
|
set_custom_element_data(goa_input, "disabled",
|
|
6335
6105
|
/*disabled*/
|
|
6336
|
-
ctx[
|
|
6106
|
+
ctx[6]);
|
|
6337
6107
|
set_custom_element_data(goa_input, "leadingicon",
|
|
6338
6108
|
/*leadingicon*/
|
|
6339
|
-
ctx[
|
|
6109
|
+
ctx[2]);
|
|
6340
6110
|
set_custom_element_data(goa_input, "placeholder",
|
|
6341
6111
|
/*placeholder*/
|
|
6342
|
-
ctx[
|
|
6112
|
+
ctx[4]);
|
|
6343
6113
|
set_custom_element_data(goa_input, "aria-controls", "menu");
|
|
6344
6114
|
set_custom_element_data(goa_input, "aria-expanded",
|
|
6345
|
-
/*
|
|
6346
|
-
ctx[
|
|
6115
|
+
/*_isMenuVisible*/
|
|
6116
|
+
ctx[15]);
|
|
6347
6117
|
set_custom_element_data(goa_input, "aria-label", goa_input_aria_label_value =
|
|
6348
6118
|
/*arialabel*/
|
|
6349
6119
|
ctx[1] ||
|
|
@@ -6357,54 +6127,54 @@
|
|
|
6357
6127
|
set_custom_element_data(goa_input, "trailingicon", "chevron-down");
|
|
6358
6128
|
set_custom_element_data(goa_input, "type", "text");
|
|
6359
6129
|
set_custom_element_data(goa_input, "value",
|
|
6360
|
-
/*
|
|
6361
|
-
ctx[
|
|
6130
|
+
/*_selectedLabel*/
|
|
6131
|
+
ctx[14]);
|
|
6362
6132
|
set_custom_element_data(goa_input, "width", "100%");
|
|
6363
6133
|
attr(ul, "id", "menu");
|
|
6364
6134
|
attr(ul, "role", "listbox");
|
|
6365
6135
|
attr(ul, "aria-activedescendant",
|
|
6366
|
-
/*
|
|
6367
|
-
ctx[
|
|
6136
|
+
/*_selectedLabel*/
|
|
6137
|
+
ctx[14]);
|
|
6368
6138
|
attr(ul, "data-testid", "dropdown-menu");
|
|
6369
6139
|
attr(ul, "tabindex", "0");
|
|
6370
6140
|
attr(ul, "class", "dropdown-list");
|
|
6371
6141
|
attr(ul, "style", ul_style_value = `overflow-y: auto; max-height: ${
|
|
6372
6142
|
/*maxheight*/
|
|
6373
|
-
ctx[
|
|
6143
|
+
ctx[3]}`);
|
|
6374
6144
|
toggle_class(ul, "dropdown-active",
|
|
6375
|
-
/*
|
|
6376
|
-
ctx[
|
|
6145
|
+
/*_isMenuVisible*/
|
|
6146
|
+
ctx[15]);
|
|
6377
6147
|
},
|
|
6378
6148
|
|
|
6379
6149
|
m(target, anchor) {
|
|
6380
6150
|
if (if_block) if_block.m(target, anchor);
|
|
6381
6151
|
insert(target, t0, anchor);
|
|
6382
|
-
insert(target,
|
|
6152
|
+
insert(target, slot, anchor);
|
|
6383
6153
|
insert(target, t1, anchor);
|
|
6154
|
+
insert(target, goa_input, anchor);
|
|
6155
|
+
insert(target, t2, anchor);
|
|
6384
6156
|
insert(target, ul, anchor);
|
|
6385
6157
|
|
|
6386
6158
|
for (let i = 0; i < each_blocks.length; i += 1) {
|
|
6387
6159
|
each_blocks[i].m(ul, null);
|
|
6388
6160
|
}
|
|
6389
|
-
|
|
6390
|
-
append(ul, t2);
|
|
6391
|
-
append(ul, slot);
|
|
6392
6161
|
/*ul_binding*/
|
|
6393
6162
|
|
|
6394
|
-
|
|
6163
|
+
|
|
6164
|
+
ctx[33](ul);
|
|
6395
6165
|
|
|
6396
6166
|
if (!mounted) {
|
|
6397
6167
|
dispose = listen(goa_input, "click",
|
|
6398
6168
|
/*showMenu*/
|
|
6399
|
-
ctx[
|
|
6169
|
+
ctx[24]);
|
|
6400
6170
|
mounted = true;
|
|
6401
6171
|
}
|
|
6402
6172
|
},
|
|
6403
6173
|
|
|
6404
6174
|
p(ctx, dirty) {
|
|
6405
6175
|
if (
|
|
6406
|
-
/*
|
|
6407
|
-
ctx[
|
|
6176
|
+
/*_isMenuVisible*/
|
|
6177
|
+
ctx[15]) {
|
|
6408
6178
|
if (if_block) {
|
|
6409
6179
|
if_block.p(ctx, dirty);
|
|
6410
6180
|
} else {
|
|
@@ -6419,42 +6189,42 @@
|
|
|
6419
6189
|
|
|
6420
6190
|
if (dirty[0] &
|
|
6421
6191
|
/*error*/
|
|
6422
|
-
|
|
6192
|
+
128) {
|
|
6423
6193
|
set_custom_element_data(goa_input, "error",
|
|
6424
6194
|
/*error*/
|
|
6425
|
-
ctx[
|
|
6195
|
+
ctx[7]);
|
|
6426
6196
|
}
|
|
6427
6197
|
|
|
6428
6198
|
if (dirty[0] &
|
|
6429
6199
|
/*disabled*/
|
|
6430
|
-
|
|
6200
|
+
64) {
|
|
6431
6201
|
set_custom_element_data(goa_input, "disabled",
|
|
6432
6202
|
/*disabled*/
|
|
6433
|
-
ctx[
|
|
6203
|
+
ctx[6]);
|
|
6434
6204
|
}
|
|
6435
6205
|
|
|
6436
6206
|
if (dirty[0] &
|
|
6437
6207
|
/*leadingicon*/
|
|
6438
|
-
|
|
6208
|
+
4) {
|
|
6439
6209
|
set_custom_element_data(goa_input, "leadingicon",
|
|
6440
6210
|
/*leadingicon*/
|
|
6441
|
-
ctx[
|
|
6211
|
+
ctx[2]);
|
|
6442
6212
|
}
|
|
6443
6213
|
|
|
6444
6214
|
if (dirty[0] &
|
|
6445
6215
|
/*placeholder*/
|
|
6446
|
-
|
|
6216
|
+
16) {
|
|
6447
6217
|
set_custom_element_data(goa_input, "placeholder",
|
|
6448
6218
|
/*placeholder*/
|
|
6449
|
-
ctx[
|
|
6219
|
+
ctx[4]);
|
|
6450
6220
|
}
|
|
6451
6221
|
|
|
6452
6222
|
if (dirty[0] &
|
|
6453
|
-
/*
|
|
6454
|
-
|
|
6223
|
+
/*_isMenuVisible*/
|
|
6224
|
+
32768) {
|
|
6455
6225
|
set_custom_element_data(goa_input, "aria-expanded",
|
|
6456
|
-
/*
|
|
6457
|
-
ctx[
|
|
6226
|
+
/*_isMenuVisible*/
|
|
6227
|
+
ctx[15]);
|
|
6458
6228
|
}
|
|
6459
6229
|
|
|
6460
6230
|
if (dirty[0] &
|
|
@@ -6476,151 +6246,195 @@
|
|
|
6476
6246
|
}
|
|
6477
6247
|
|
|
6478
6248
|
if (dirty[0] &
|
|
6479
|
-
/*
|
|
6480
|
-
|
|
6249
|
+
/*_selectedLabel*/
|
|
6250
|
+
16384) {
|
|
6481
6251
|
set_custom_element_data(goa_input, "value",
|
|
6482
|
-
/*
|
|
6483
|
-
ctx[
|
|
6252
|
+
/*_selectedLabel*/
|
|
6253
|
+
ctx[14]);
|
|
6484
6254
|
}
|
|
6485
6255
|
|
|
6486
6256
|
if (dirty[0] &
|
|
6487
|
-
/*
|
|
6488
|
-
|
|
6257
|
+
/*_options, _values, _highlightedIndex, onSelect*/
|
|
6258
|
+
67186688) {
|
|
6489
6259
|
each_value_1 =
|
|
6490
|
-
/*
|
|
6491
|
-
ctx[
|
|
6492
|
-
|
|
6493
|
-
|
|
6494
|
-
for (i = 0; i < each_value_1.length; i += 1) {
|
|
6495
|
-
const child_ctx = get_each_context_1(ctx, each_value_1, i);
|
|
6496
|
-
|
|
6497
|
-
if (each_blocks[i]) {
|
|
6498
|
-
each_blocks[i].p(child_ctx, dirty);
|
|
6499
|
-
} else {
|
|
6500
|
-
each_blocks[i] = create_each_block_1(child_ctx);
|
|
6501
|
-
each_blocks[i].c();
|
|
6502
|
-
each_blocks[i].m(ul, t2);
|
|
6503
|
-
}
|
|
6504
|
-
}
|
|
6505
|
-
|
|
6506
|
-
for (; i < each_blocks.length; i += 1) {
|
|
6507
|
-
each_blocks[i].d(1);
|
|
6508
|
-
}
|
|
6509
|
-
|
|
6510
|
-
each_blocks.length = each_value_1.length;
|
|
6260
|
+
/*_options*/
|
|
6261
|
+
ctx[13];
|
|
6262
|
+
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);
|
|
6511
6263
|
}
|
|
6512
6264
|
|
|
6513
6265
|
if (dirty[0] &
|
|
6514
|
-
/*
|
|
6515
|
-
|
|
6266
|
+
/*_selectedLabel*/
|
|
6267
|
+
16384) {
|
|
6516
6268
|
attr(ul, "aria-activedescendant",
|
|
6517
|
-
/*
|
|
6518
|
-
ctx[
|
|
6269
|
+
/*_selectedLabel*/
|
|
6270
|
+
ctx[14]);
|
|
6519
6271
|
}
|
|
6520
6272
|
|
|
6521
6273
|
if (dirty[0] &
|
|
6522
6274
|
/*maxheight*/
|
|
6523
|
-
|
|
6275
|
+
8 && ul_style_value !== (ul_style_value = `overflow-y: auto; max-height: ${
|
|
6524
6276
|
/*maxheight*/
|
|
6525
|
-
ctx[
|
|
6277
|
+
ctx[3]}`)) {
|
|
6526
6278
|
attr(ul, "style", ul_style_value);
|
|
6527
6279
|
}
|
|
6528
6280
|
|
|
6529
6281
|
if (dirty[0] &
|
|
6530
|
-
/*
|
|
6531
|
-
|
|
6282
|
+
/*_isMenuVisible*/
|
|
6283
|
+
32768) {
|
|
6532
6284
|
toggle_class(ul, "dropdown-active",
|
|
6533
|
-
/*
|
|
6534
|
-
ctx[
|
|
6285
|
+
/*_isMenuVisible*/
|
|
6286
|
+
ctx[15]);
|
|
6535
6287
|
}
|
|
6536
6288
|
},
|
|
6537
6289
|
|
|
6538
6290
|
d(detaching) {
|
|
6539
6291
|
if (if_block) if_block.d(detaching);
|
|
6540
6292
|
if (detaching) detach(t0);
|
|
6541
|
-
if (detaching) detach(
|
|
6293
|
+
if (detaching) detach(slot);
|
|
6542
6294
|
if (detaching) detach(t1);
|
|
6295
|
+
if (detaching) detach(goa_input);
|
|
6296
|
+
if (detaching) detach(t2);
|
|
6543
6297
|
if (detaching) detach(ul);
|
|
6544
|
-
|
|
6298
|
+
|
|
6299
|
+
for (let i = 0; i < each_blocks.length; i += 1) {
|
|
6300
|
+
each_blocks[i].d();
|
|
6301
|
+
}
|
|
6545
6302
|
/*ul_binding*/
|
|
6546
6303
|
|
|
6547
|
-
|
|
6304
|
+
|
|
6305
|
+
ctx[33](null);
|
|
6548
6306
|
mounted = false;
|
|
6549
6307
|
dispose();
|
|
6550
6308
|
}
|
|
6551
6309
|
|
|
6552
6310
|
};
|
|
6553
|
-
} // (
|
|
6311
|
+
} // (225:2) {#if _native}
|
|
6554
6312
|
|
|
6555
6313
|
|
|
6556
6314
|
function create_if_block$a(ctx) {
|
|
6557
6315
|
let select;
|
|
6558
|
-
let
|
|
6559
|
-
let
|
|
6316
|
+
let slot;
|
|
6317
|
+
let select_aria_label_value;
|
|
6560
6318
|
let mounted;
|
|
6561
6319
|
let dispose;
|
|
6562
6320
|
let each_value =
|
|
6563
|
-
/*
|
|
6564
|
-
ctx[
|
|
6565
|
-
|
|
6566
|
-
const get_key = ctx =>
|
|
6567
|
-
/*option*/
|
|
6568
|
-
ctx[47].value;
|
|
6321
|
+
/*_options*/
|
|
6322
|
+
ctx[13];
|
|
6323
|
+
let each_blocks = [];
|
|
6569
6324
|
|
|
6570
6325
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
6571
|
-
|
|
6572
|
-
let key = get_key(child_ctx);
|
|
6573
|
-
each_1_lookup.set(key, each_blocks[i] = create_each_block$4(key, child_ctx));
|
|
6326
|
+
each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
|
|
6574
6327
|
}
|
|
6575
6328
|
|
|
6576
6329
|
return {
|
|
6577
6330
|
c() {
|
|
6578
6331
|
select = element("select");
|
|
6332
|
+
slot = element("slot");
|
|
6579
6333
|
|
|
6580
6334
|
for (let i = 0; i < each_blocks.length; i += 1) {
|
|
6581
6335
|
each_blocks[i].c();
|
|
6582
6336
|
}
|
|
6337
|
+
|
|
6338
|
+
select.disabled =
|
|
6339
|
+
/*_disabled*/
|
|
6340
|
+
ctx[21];
|
|
6341
|
+
attr(select, "aria-label", select_aria_label_value =
|
|
6342
|
+
/*arialabel*/
|
|
6343
|
+
ctx[1] ||
|
|
6344
|
+
/*name*/
|
|
6345
|
+
ctx[0]);
|
|
6346
|
+
toggle_class(select, "error",
|
|
6347
|
+
/*_error*/
|
|
6348
|
+
ctx[23]);
|
|
6583
6349
|
},
|
|
6584
6350
|
|
|
6585
6351
|
m(target, anchor) {
|
|
6586
6352
|
insert(target, select, anchor);
|
|
6353
|
+
append(select, slot);
|
|
6587
6354
|
|
|
6588
6355
|
for (let i = 0; i < each_blocks.length; i += 1) {
|
|
6589
6356
|
each_blocks[i].m(select, null);
|
|
6590
6357
|
}
|
|
6358
|
+
/*select_binding*/
|
|
6359
|
+
|
|
6360
|
+
|
|
6361
|
+
ctx[31](select);
|
|
6591
6362
|
|
|
6592
6363
|
if (!mounted) {
|
|
6593
6364
|
dispose = listen(select, "change",
|
|
6594
6365
|
/*onNativeSelect*/
|
|
6595
|
-
ctx[
|
|
6366
|
+
ctx[27]);
|
|
6596
6367
|
mounted = true;
|
|
6597
6368
|
}
|
|
6598
6369
|
},
|
|
6599
6370
|
|
|
6600
6371
|
p(ctx, dirty) {
|
|
6601
6372
|
if (dirty[0] &
|
|
6602
|
-
/*
|
|
6603
|
-
|
|
6373
|
+
/*_options*/
|
|
6374
|
+
8192) {
|
|
6604
6375
|
each_value =
|
|
6605
|
-
/*
|
|
6606
|
-
ctx[
|
|
6607
|
-
|
|
6376
|
+
/*_options*/
|
|
6377
|
+
ctx[13];
|
|
6378
|
+
let i;
|
|
6379
|
+
|
|
6380
|
+
for (i = 0; i < each_value.length; i += 1) {
|
|
6381
|
+
const child_ctx = get_each_context$4(ctx, each_value, i);
|
|
6382
|
+
|
|
6383
|
+
if (each_blocks[i]) {
|
|
6384
|
+
each_blocks[i].p(child_ctx, dirty);
|
|
6385
|
+
} else {
|
|
6386
|
+
each_blocks[i] = create_each_block$4(child_ctx);
|
|
6387
|
+
each_blocks[i].c();
|
|
6388
|
+
each_blocks[i].m(select, null);
|
|
6389
|
+
}
|
|
6390
|
+
}
|
|
6391
|
+
|
|
6392
|
+
for (; i < each_blocks.length; i += 1) {
|
|
6393
|
+
each_blocks[i].d(1);
|
|
6394
|
+
}
|
|
6395
|
+
|
|
6396
|
+
each_blocks.length = each_value.length;
|
|
6397
|
+
}
|
|
6398
|
+
|
|
6399
|
+
if (dirty[0] &
|
|
6400
|
+
/*_disabled*/
|
|
6401
|
+
2097152) {
|
|
6402
|
+
select.disabled =
|
|
6403
|
+
/*_disabled*/
|
|
6404
|
+
ctx[21];
|
|
6405
|
+
}
|
|
6406
|
+
|
|
6407
|
+
if (dirty[0] &
|
|
6408
|
+
/*arialabel, name*/
|
|
6409
|
+
3 && select_aria_label_value !== (select_aria_label_value =
|
|
6410
|
+
/*arialabel*/
|
|
6411
|
+
ctx[1] ||
|
|
6412
|
+
/*name*/
|
|
6413
|
+
ctx[0])) {
|
|
6414
|
+
attr(select, "aria-label", select_aria_label_value);
|
|
6415
|
+
}
|
|
6416
|
+
|
|
6417
|
+
if (dirty[0] &
|
|
6418
|
+
/*_error*/
|
|
6419
|
+
8388608) {
|
|
6420
|
+
toggle_class(select, "error",
|
|
6421
|
+
/*_error*/
|
|
6422
|
+
ctx[23]);
|
|
6608
6423
|
}
|
|
6609
6424
|
},
|
|
6610
6425
|
|
|
6611
6426
|
d(detaching) {
|
|
6612
6427
|
if (detaching) detach(select);
|
|
6428
|
+
destroy_each(each_blocks, detaching);
|
|
6429
|
+
/*select_binding*/
|
|
6613
6430
|
|
|
6614
|
-
|
|
6615
|
-
each_blocks[i].d();
|
|
6616
|
-
}
|
|
6617
|
-
|
|
6431
|
+
ctx[31](null);
|
|
6618
6432
|
mounted = false;
|
|
6619
6433
|
dispose();
|
|
6620
6434
|
}
|
|
6621
6435
|
|
|
6622
6436
|
};
|
|
6623
|
-
} // (
|
|
6437
|
+
} // (245:4) {#if _isMenuVisible}
|
|
6624
6438
|
|
|
6625
6439
|
|
|
6626
6440
|
function create_if_block_1$5(ctx) {
|
|
@@ -6643,7 +6457,7 @@
|
|
|
6643
6457
|
if (!mounted) {
|
|
6644
6458
|
dispose = listen(div, "click",
|
|
6645
6459
|
/*closeMenu*/
|
|
6646
|
-
ctx[
|
|
6460
|
+
ctx[25]);
|
|
6647
6461
|
mounted = true;
|
|
6648
6462
|
}
|
|
6649
6463
|
},
|
|
@@ -6665,22 +6479,24 @@
|
|
|
6665
6479
|
}
|
|
6666
6480
|
|
|
6667
6481
|
};
|
|
6668
|
-
} // (
|
|
6482
|
+
} // (287:6) {#each _options as option, index (index)}
|
|
6669
6483
|
|
|
6670
6484
|
|
|
6671
|
-
function create_each_block_1(ctx) {
|
|
6485
|
+
function create_each_block_1(key_1, ctx) {
|
|
6672
6486
|
let li;
|
|
6673
|
-
let
|
|
6487
|
+
let t0_value = (
|
|
6674
6488
|
/*option*/
|
|
6675
|
-
ctx[
|
|
6489
|
+
ctx[48].label ||
|
|
6676
6490
|
/*option*/
|
|
6677
|
-
ctx[
|
|
6678
|
-
let
|
|
6491
|
+
ctx[48].value) + "";
|
|
6492
|
+
let t0;
|
|
6493
|
+
let t1;
|
|
6679
6494
|
let li_id_value;
|
|
6680
6495
|
let li_aria_label_value;
|
|
6681
6496
|
let li_aria_selected_value;
|
|
6682
6497
|
let li_data_testid_value;
|
|
6683
6498
|
let li_data_index_value;
|
|
6499
|
+
let li_data_value_value;
|
|
6684
6500
|
let li_style_value;
|
|
6685
6501
|
let mounted;
|
|
6686
6502
|
let dispose;
|
|
@@ -6688,54 +6504,63 @@
|
|
|
6688
6504
|
function click_handler() {
|
|
6689
6505
|
return (
|
|
6690
6506
|
/*click_handler*/
|
|
6691
|
-
ctx[
|
|
6507
|
+
ctx[32](
|
|
6692
6508
|
/*option*/
|
|
6693
|
-
ctx[
|
|
6509
|
+
ctx[48])
|
|
6694
6510
|
);
|
|
6695
6511
|
}
|
|
6696
6512
|
|
|
6697
6513
|
return {
|
|
6514
|
+
key: key_1,
|
|
6515
|
+
first: null,
|
|
6516
|
+
|
|
6698
6517
|
c() {
|
|
6699
6518
|
li = element("li");
|
|
6700
|
-
|
|
6519
|
+
t0 = text(t0_value);
|
|
6520
|
+
t1 = space();
|
|
6701
6521
|
attr(li, "id", li_id_value =
|
|
6702
6522
|
/*option*/
|
|
6703
|
-
ctx[
|
|
6523
|
+
ctx[48].label);
|
|
6704
6524
|
attr(li, "role", "option");
|
|
6705
6525
|
attr(li, "aria-label", li_aria_label_value =
|
|
6706
6526
|
/*option*/
|
|
6707
|
-
ctx[
|
|
6527
|
+
ctx[48].label ||
|
|
6708
6528
|
/*option*/
|
|
6709
|
-
ctx[
|
|
6529
|
+
ctx[48].value);
|
|
6710
6530
|
attr(li, "aria-selected", li_aria_selected_value =
|
|
6711
6531
|
/*_values*/
|
|
6712
|
-
ctx[
|
|
6532
|
+
ctx[12].includes(
|
|
6713
6533
|
/*option*/
|
|
6714
|
-
ctx[
|
|
6715
|
-
attr(li, "class", "dropdown-
|
|
6534
|
+
ctx[48].value) ? "true" : "false");
|
|
6535
|
+
attr(li, "class", "dropdown-item");
|
|
6716
6536
|
attr(li, "data-testid", li_data_testid_value = `dropdown-item-${
|
|
6717
6537
|
/*option*/
|
|
6718
|
-
ctx[
|
|
6538
|
+
ctx[48].value}`);
|
|
6719
6539
|
attr(li, "data-index", li_data_index_value =
|
|
6720
6540
|
/*index*/
|
|
6721
|
-
ctx[
|
|
6541
|
+
ctx[52]);
|
|
6542
|
+
attr(li, "data-value", li_data_value_value =
|
|
6543
|
+
/*option*/
|
|
6544
|
+
ctx[48].value);
|
|
6722
6545
|
attr(li, "style", li_style_value = `display: ${"block"}`);
|
|
6723
|
-
toggle_class(li, "dropdown-
|
|
6724
|
-
toggle_class(li, "dropdown-
|
|
6546
|
+
toggle_class(li, "dropdown-item--disabled", false);
|
|
6547
|
+
toggle_class(li, "dropdown-item--tabbed",
|
|
6725
6548
|
/*index*/
|
|
6726
|
-
ctx[
|
|
6727
|
-
/*
|
|
6728
|
-
ctx[
|
|
6729
|
-
toggle_class(li, "dropdown-
|
|
6549
|
+
ctx[52] ===
|
|
6550
|
+
/*_highlightedIndex*/
|
|
6551
|
+
ctx[16]);
|
|
6552
|
+
toggle_class(li, "dropdown-item--selected",
|
|
6730
6553
|
/*_values*/
|
|
6731
|
-
ctx[
|
|
6554
|
+
ctx[12].includes(
|
|
6732
6555
|
/*option*/
|
|
6733
|
-
ctx[
|
|
6556
|
+
ctx[48].value));
|
|
6557
|
+
this.first = li;
|
|
6734
6558
|
},
|
|
6735
6559
|
|
|
6736
6560
|
m(target, anchor) {
|
|
6737
6561
|
insert(target, li, anchor);
|
|
6738
|
-
append(li,
|
|
6562
|
+
append(li, t0);
|
|
6563
|
+
append(li, t1);
|
|
6739
6564
|
|
|
6740
6565
|
if (!mounted) {
|
|
6741
6566
|
dispose = listen(li, "click", click_handler);
|
|
@@ -6746,67 +6571,83 @@
|
|
|
6746
6571
|
p(new_ctx, dirty) {
|
|
6747
6572
|
ctx = new_ctx;
|
|
6748
6573
|
if (dirty[0] &
|
|
6749
|
-
/*
|
|
6750
|
-
|
|
6574
|
+
/*_options*/
|
|
6575
|
+
8192 && t0_value !== (t0_value = (
|
|
6751
6576
|
/*option*/
|
|
6752
|
-
ctx[
|
|
6577
|
+
ctx[48].label ||
|
|
6753
6578
|
/*option*/
|
|
6754
|
-
ctx[
|
|
6579
|
+
ctx[48].value) + "")) set_data(t0, t0_value);
|
|
6755
6580
|
|
|
6756
6581
|
if (dirty[0] &
|
|
6757
|
-
/*
|
|
6758
|
-
|
|
6582
|
+
/*_options*/
|
|
6583
|
+
8192 && li_id_value !== (li_id_value =
|
|
6759
6584
|
/*option*/
|
|
6760
|
-
ctx[
|
|
6585
|
+
ctx[48].label)) {
|
|
6761
6586
|
attr(li, "id", li_id_value);
|
|
6762
6587
|
}
|
|
6763
6588
|
|
|
6764
6589
|
if (dirty[0] &
|
|
6765
|
-
/*
|
|
6766
|
-
|
|
6590
|
+
/*_options*/
|
|
6591
|
+
8192 && li_aria_label_value !== (li_aria_label_value =
|
|
6767
6592
|
/*option*/
|
|
6768
|
-
ctx[
|
|
6593
|
+
ctx[48].label ||
|
|
6769
6594
|
/*option*/
|
|
6770
|
-
ctx[
|
|
6595
|
+
ctx[48].value)) {
|
|
6771
6596
|
attr(li, "aria-label", li_aria_label_value);
|
|
6772
6597
|
}
|
|
6773
6598
|
|
|
6774
6599
|
if (dirty[0] &
|
|
6775
|
-
/*_values,
|
|
6776
|
-
|
|
6600
|
+
/*_values, _options*/
|
|
6601
|
+
12288 && li_aria_selected_value !== (li_aria_selected_value =
|
|
6777
6602
|
/*_values*/
|
|
6778
|
-
ctx[
|
|
6603
|
+
ctx[12].includes(
|
|
6779
6604
|
/*option*/
|
|
6780
|
-
ctx[
|
|
6605
|
+
ctx[48].value) ? "true" : "false")) {
|
|
6781
6606
|
attr(li, "aria-selected", li_aria_selected_value);
|
|
6782
6607
|
}
|
|
6783
6608
|
|
|
6784
6609
|
if (dirty[0] &
|
|
6785
|
-
/*
|
|
6786
|
-
|
|
6610
|
+
/*_options*/
|
|
6611
|
+
8192 && li_data_testid_value !== (li_data_testid_value = `dropdown-item-${
|
|
6787
6612
|
/*option*/
|
|
6788
|
-
ctx[
|
|
6613
|
+
ctx[48].value}`)) {
|
|
6789
6614
|
attr(li, "data-testid", li_data_testid_value);
|
|
6790
6615
|
}
|
|
6791
6616
|
|
|
6792
6617
|
if (dirty[0] &
|
|
6793
|
-
/*
|
|
6794
|
-
|
|
6795
|
-
|
|
6618
|
+
/*_options*/
|
|
6619
|
+
8192 && li_data_index_value !== (li_data_index_value =
|
|
6620
|
+
/*index*/
|
|
6621
|
+
ctx[52])) {
|
|
6622
|
+
attr(li, "data-index", li_data_index_value);
|
|
6623
|
+
}
|
|
6624
|
+
|
|
6625
|
+
if (dirty[0] &
|
|
6626
|
+
/*_options*/
|
|
6627
|
+
8192 && li_data_value_value !== (li_data_value_value =
|
|
6628
|
+
/*option*/
|
|
6629
|
+
ctx[48].value)) {
|
|
6630
|
+
attr(li, "data-value", li_data_value_value);
|
|
6631
|
+
}
|
|
6632
|
+
|
|
6633
|
+
if (dirty[0] &
|
|
6634
|
+
/*_options, _highlightedIndex*/
|
|
6635
|
+
73728) {
|
|
6636
|
+
toggle_class(li, "dropdown-item--tabbed",
|
|
6796
6637
|
/*index*/
|
|
6797
|
-
ctx[
|
|
6798
|
-
/*
|
|
6799
|
-
ctx[
|
|
6638
|
+
ctx[52] ===
|
|
6639
|
+
/*_highlightedIndex*/
|
|
6640
|
+
ctx[16]);
|
|
6800
6641
|
}
|
|
6801
6642
|
|
|
6802
6643
|
if (dirty[0] &
|
|
6803
|
-
/*_values,
|
|
6804
|
-
|
|
6805
|
-
toggle_class(li, "dropdown-
|
|
6644
|
+
/*_values, _options*/
|
|
6645
|
+
12288) {
|
|
6646
|
+
toggle_class(li, "dropdown-item--selected",
|
|
6806
6647
|
/*_values*/
|
|
6807
|
-
ctx[
|
|
6648
|
+
ctx[12].includes(
|
|
6808
6649
|
/*option*/
|
|
6809
|
-
ctx[
|
|
6650
|
+
ctx[48].value));
|
|
6810
6651
|
}
|
|
6811
6652
|
},
|
|
6812
6653
|
|
|
@@ -6817,44 +6658,34 @@
|
|
|
6817
6658
|
}
|
|
6818
6659
|
|
|
6819
6660
|
};
|
|
6820
|
-
} // (
|
|
6661
|
+
} // (234:6) {#each _options as option}
|
|
6821
6662
|
|
|
6822
6663
|
|
|
6823
|
-
function create_each_block$4(
|
|
6664
|
+
function create_each_block$4(ctx) {
|
|
6824
6665
|
let option;
|
|
6825
|
-
let t0_value =
|
|
6666
|
+
let t0_value =
|
|
6826
6667
|
/*option*/
|
|
6827
|
-
ctx[
|
|
6828
|
-
/*option*/
|
|
6829
|
-
ctx[47].value) + "";
|
|
6668
|
+
ctx[48].label + "";
|
|
6830
6669
|
let t0;
|
|
6831
6670
|
let t1;
|
|
6832
6671
|
let option_selected_value;
|
|
6833
6672
|
let option_value_value;
|
|
6834
6673
|
let option_aria_label_value;
|
|
6835
6674
|
return {
|
|
6836
|
-
key: key_1,
|
|
6837
|
-
first: null,
|
|
6838
|
-
|
|
6839
6675
|
c() {
|
|
6840
6676
|
option = element("option");
|
|
6841
6677
|
t0 = text(t0_value);
|
|
6842
6678
|
t1 = space();
|
|
6843
6679
|
option.selected = option_selected_value =
|
|
6844
6680
|
/*option*/
|
|
6845
|
-
ctx[
|
|
6846
|
-
/*value*/
|
|
6847
|
-
ctx[2];
|
|
6681
|
+
ctx[48].selected;
|
|
6848
6682
|
option.__value = option_value_value =
|
|
6849
6683
|
/*option*/
|
|
6850
|
-
ctx[
|
|
6684
|
+
ctx[48].value;
|
|
6851
6685
|
option.value = option.__value;
|
|
6852
6686
|
attr(option, "aria-label", option_aria_label_value =
|
|
6853
6687
|
/*option*/
|
|
6854
|
-
ctx[
|
|
6855
|
-
/*option*/
|
|
6856
|
-
ctx[47].value);
|
|
6857
|
-
this.first = option;
|
|
6688
|
+
ctx[48].label);
|
|
6858
6689
|
},
|
|
6859
6690
|
|
|
6860
6691
|
m(target, anchor) {
|
|
@@ -6863,42 +6694,35 @@
|
|
|
6863
6694
|
append(option, t1);
|
|
6864
6695
|
},
|
|
6865
6696
|
|
|
6866
|
-
p(
|
|
6867
|
-
ctx = new_ctx;
|
|
6697
|
+
p(ctx, dirty) {
|
|
6868
6698
|
if (dirty[0] &
|
|
6869
|
-
/*
|
|
6870
|
-
|
|
6699
|
+
/*_options*/
|
|
6700
|
+
8192 && t0_value !== (t0_value =
|
|
6871
6701
|
/*option*/
|
|
6872
|
-
ctx[
|
|
6873
|
-
/*option*/
|
|
6874
|
-
ctx[47].value) + "")) set_data(t0, t0_value);
|
|
6702
|
+
ctx[48].label + "")) set_data(t0, t0_value);
|
|
6875
6703
|
|
|
6876
6704
|
if (dirty[0] &
|
|
6877
|
-
/*
|
|
6878
|
-
|
|
6705
|
+
/*_options*/
|
|
6706
|
+
8192 && option_selected_value !== (option_selected_value =
|
|
6879
6707
|
/*option*/
|
|
6880
|
-
ctx[
|
|
6881
|
-
/*value*/
|
|
6882
|
-
ctx[2])) {
|
|
6708
|
+
ctx[48].selected)) {
|
|
6883
6709
|
option.selected = option_selected_value;
|
|
6884
6710
|
}
|
|
6885
6711
|
|
|
6886
6712
|
if (dirty[0] &
|
|
6887
|
-
/*
|
|
6888
|
-
|
|
6713
|
+
/*_options*/
|
|
6714
|
+
8192 && option_value_value !== (option_value_value =
|
|
6889
6715
|
/*option*/
|
|
6890
|
-
ctx[
|
|
6716
|
+
ctx[48].value)) {
|
|
6891
6717
|
option.__value = option_value_value;
|
|
6892
6718
|
option.value = option.__value;
|
|
6893
6719
|
}
|
|
6894
6720
|
|
|
6895
6721
|
if (dirty[0] &
|
|
6896
|
-
/*
|
|
6897
|
-
|
|
6898
|
-
/*option*/
|
|
6899
|
-
ctx[47].label ||
|
|
6722
|
+
/*_options*/
|
|
6723
|
+
8192 && option_aria_label_value !== (option_aria_label_value =
|
|
6900
6724
|
/*option*/
|
|
6901
|
-
ctx[
|
|
6725
|
+
ctx[48].label)) {
|
|
6902
6726
|
attr(option, "aria-label", option_aria_label_value);
|
|
6903
6727
|
}
|
|
6904
6728
|
},
|
|
@@ -6918,7 +6742,7 @@
|
|
|
6918
6742
|
function select_block_type(ctx, dirty) {
|
|
6919
6743
|
if (
|
|
6920
6744
|
/*_native*/
|
|
6921
|
-
ctx[
|
|
6745
|
+
ctx[22]) return create_if_block$a;
|
|
6922
6746
|
return create_else_block$1;
|
|
6923
6747
|
}
|
|
6924
6748
|
|
|
@@ -6936,22 +6760,22 @@
|
|
|
6936
6760
|
attr(div, "style", div_style_value = `
|
|
6937
6761
|
${calculateMargin(
|
|
6938
6762
|
/*mt*/
|
|
6939
|
-
ctx[
|
|
6763
|
+
ctx[8],
|
|
6940
6764
|
/*mr*/
|
|
6941
|
-
ctx[
|
|
6765
|
+
ctx[9],
|
|
6942
6766
|
/*mb*/
|
|
6943
|
-
ctx[
|
|
6767
|
+
ctx[10],
|
|
6944
6768
|
/*ml*/
|
|
6945
|
-
ctx[
|
|
6769
|
+
ctx[11])}
|
|
6946
6770
|
--width: ${
|
|
6947
6771
|
/*width*/
|
|
6948
|
-
ctx[
|
|
6949
|
-
/*
|
|
6950
|
-
ctx[
|
|
6772
|
+
ctx[5] ||
|
|
6773
|
+
/*_computedWidth*/
|
|
6774
|
+
ctx[17]}
|
|
6951
6775
|
`);
|
|
6952
6776
|
toggle_class(div, "dropdown-native",
|
|
6953
6777
|
/*_native*/
|
|
6954
|
-
ctx[
|
|
6778
|
+
ctx[22]);
|
|
6955
6779
|
},
|
|
6956
6780
|
|
|
6957
6781
|
m(target, anchor) {
|
|
@@ -6959,7 +6783,7 @@
|
|
|
6959
6783
|
if_block.m(div, null);
|
|
6960
6784
|
/*div_binding*/
|
|
6961
6785
|
|
|
6962
|
-
ctx[
|
|
6786
|
+
ctx[34](div);
|
|
6963
6787
|
},
|
|
6964
6788
|
|
|
6965
6789
|
p(ctx, dirty) {
|
|
@@ -6984,32 +6808,32 @@
|
|
|
6984
6808
|
}
|
|
6985
6809
|
|
|
6986
6810
|
if (dirty[0] &
|
|
6987
|
-
/*mt, mr, mb, ml, width,
|
|
6988
|
-
|
|
6811
|
+
/*mt, mr, mb, ml, width, _computedWidth*/
|
|
6812
|
+
134944 && div_style_value !== (div_style_value = `
|
|
6989
6813
|
${calculateMargin(
|
|
6990
6814
|
/*mt*/
|
|
6991
|
-
ctx[
|
|
6815
|
+
ctx[8],
|
|
6992
6816
|
/*mr*/
|
|
6993
|
-
ctx[
|
|
6817
|
+
ctx[9],
|
|
6994
6818
|
/*mb*/
|
|
6995
|
-
ctx[
|
|
6819
|
+
ctx[10],
|
|
6996
6820
|
/*ml*/
|
|
6997
|
-
ctx[
|
|
6821
|
+
ctx[11])}
|
|
6998
6822
|
--width: ${
|
|
6999
6823
|
/*width*/
|
|
7000
|
-
ctx[
|
|
7001
|
-
/*
|
|
7002
|
-
ctx[
|
|
6824
|
+
ctx[5] ||
|
|
6825
|
+
/*_computedWidth*/
|
|
6826
|
+
ctx[17]}
|
|
7003
6827
|
`)) {
|
|
7004
6828
|
attr(div, "style", div_style_value);
|
|
7005
6829
|
}
|
|
7006
6830
|
|
|
7007
6831
|
if (dirty[0] &
|
|
7008
6832
|
/*_native*/
|
|
7009
|
-
|
|
6833
|
+
4194304) {
|
|
7010
6834
|
toggle_class(div, "dropdown-native",
|
|
7011
6835
|
/*_native*/
|
|
7012
|
-
ctx[
|
|
6836
|
+
ctx[22]);
|
|
7013
6837
|
}
|
|
7014
6838
|
},
|
|
7015
6839
|
|
|
@@ -7021,31 +6845,46 @@
|
|
|
7021
6845
|
if_block.d();
|
|
7022
6846
|
/*div_binding*/
|
|
7023
6847
|
|
|
7024
|
-
ctx[
|
|
6848
|
+
ctx[34](null);
|
|
7025
6849
|
}
|
|
7026
6850
|
|
|
7027
6851
|
};
|
|
7028
6852
|
}
|
|
7029
6853
|
|
|
7030
|
-
|
|
6854
|
+
function getCustomDropdownWidth(options) {
|
|
6855
|
+
let width;
|
|
6856
|
+
let maxCount = 0;
|
|
6857
|
+
options.forEach(option => {
|
|
6858
|
+
const label = option.label || option.value || "";
|
|
7031
6859
|
|
|
7032
|
-
|
|
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
|
+
function instance$m($$self, $$props, $$invalidate) {
|
|
7033
6869
|
const showMenu = _async(function () {
|
|
7034
|
-
if (_disabled ||
|
|
6870
|
+
if (_disabled || _isMenuVisible) {
|
|
7035
6871
|
return;
|
|
7036
6872
|
}
|
|
7037
6873
|
|
|
7038
|
-
$$invalidate(
|
|
6874
|
+
$$invalidate(15, _isMenuVisible = true);
|
|
7039
6875
|
return _call(tick, function () {
|
|
7040
6876
|
// hide menu on blur
|
|
7041
|
-
|
|
6877
|
+
_menuEl.addEventListener("blur", closeMenu); // bind up/down arrows to navigate options
|
|
6878
|
+
|
|
7042
6879
|
|
|
7043
|
-
|
|
6880
|
+
_menuEl.addEventListener("mouseover", onHighlight);
|
|
7044
6881
|
});
|
|
7045
6882
|
});
|
|
7046
6883
|
|
|
7047
6884
|
let _disabled;
|
|
7048
6885
|
|
|
6886
|
+
let _error;
|
|
6887
|
+
|
|
7049
6888
|
let _multiselect;
|
|
7050
6889
|
|
|
7051
6890
|
let _native;
|
|
@@ -7063,7 +6902,7 @@
|
|
|
7063
6902
|
leadingicon = null
|
|
7064
6903
|
} = $$props;
|
|
7065
6904
|
let {
|
|
7066
|
-
maxheight =
|
|
6905
|
+
maxheight = "276px"
|
|
7067
6906
|
} = $$props;
|
|
7068
6907
|
let {
|
|
7069
6908
|
placeholder = ""
|
|
@@ -7097,38 +6936,87 @@
|
|
|
7097
6936
|
} = $$props; // Private
|
|
7098
6937
|
|
|
7099
6938
|
let _values = [];
|
|
7100
|
-
let
|
|
7101
|
-
let
|
|
7102
|
-
let
|
|
7103
|
-
let
|
|
7104
|
-
|
|
7105
|
-
let
|
|
7106
|
-
|
|
7107
|
-
let
|
|
7108
|
-
|
|
7109
|
-
let
|
|
7110
|
-
|
|
7111
|
-
|
|
7112
|
-
|
|
6939
|
+
let _options = [];
|
|
6940
|
+
let _selectedLabel = "";
|
|
6941
|
+
let _isMenuVisible = false;
|
|
6942
|
+
let _highlightedIndex = 0;
|
|
6943
|
+
|
|
6944
|
+
let _computedWidth;
|
|
6945
|
+
|
|
6946
|
+
let _el;
|
|
6947
|
+
|
|
6948
|
+
let _menuEl;
|
|
6949
|
+
|
|
6950
|
+
let _selectEl;
|
|
6951
|
+
|
|
6952
|
+
onMount(function () {
|
|
6953
|
+
return _call(tick, function () {
|
|
6954
|
+
$$invalidate(12, _values = parseValues());
|
|
6955
|
+
$$invalidate(13, _options = getOptions());
|
|
6956
|
+
|
|
6957
|
+
if (!_native) {
|
|
6958
|
+
$$invalidate(17, _computedWidth = getCustomDropdownWidth(_options));
|
|
6959
|
+
addKeyboardEventListeners();
|
|
6960
|
+
setHighlightedIndexToSelected();
|
|
6961
|
+
}
|
|
7113
6962
|
});
|
|
7114
6963
|
});
|
|
7115
6964
|
onDestroy(() => {
|
|
7116
6965
|
removeKeyboardEventListeners();
|
|
7117
|
-
deleteContext(name);
|
|
7118
6966
|
}); // Functions
|
|
7119
6967
|
|
|
6968
|
+
function getChildren() {
|
|
6969
|
+
const slot = _el.querySelector("slot");
|
|
6970
|
+
|
|
6971
|
+
if (slot) {
|
|
6972
|
+
// default
|
|
6973
|
+
return slot.assignedElements();
|
|
6974
|
+
} // unit tests
|
|
6975
|
+
|
|
6976
|
+
|
|
6977
|
+
const el = _native ? _selectEl : _el;
|
|
6978
|
+
return [...el.children];
|
|
6979
|
+
} // Create a list of the options based on the children within the slot
|
|
6980
|
+
// The children don't have to be goa-dropdown-item elements. Any child element
|
|
6981
|
+
// work as long as it has a value and label content
|
|
6982
|
+
|
|
6983
|
+
|
|
6984
|
+
function getOptions() {
|
|
6985
|
+
const children = getChildren();
|
|
6986
|
+
return children.map(el => {
|
|
6987
|
+
const option = el;
|
|
6988
|
+
const value = el.getAttribute("value") || option.value;
|
|
6989
|
+
const label = el.getAttribute("label") || option.label || value;
|
|
6990
|
+
|
|
6991
|
+
const selected = _values.includes(value);
|
|
6992
|
+
|
|
6993
|
+
if (selected) {
|
|
6994
|
+
$$invalidate(14, _selectedLabel = label);
|
|
6995
|
+
$$invalidate(12, _values = [value]);
|
|
6996
|
+
}
|
|
6997
|
+
|
|
6998
|
+
return {
|
|
6999
|
+
selected,
|
|
7000
|
+
value,
|
|
7001
|
+
label
|
|
7002
|
+
};
|
|
7003
|
+
});
|
|
7004
|
+
}
|
|
7005
|
+
|
|
7120
7006
|
function addKeyboardEventListeners() {
|
|
7121
|
-
|
|
7122
|
-
|
|
7007
|
+
_el.addEventListener("focus", onFocus, true);
|
|
7008
|
+
|
|
7009
|
+
_el.addEventListener("blur", onBlur, true);
|
|
7123
7010
|
}
|
|
7124
7011
|
|
|
7125
7012
|
function removeKeyboardEventListeners() {
|
|
7126
|
-
|
|
7127
|
-
|
|
7128
|
-
|
|
7013
|
+
_el.removeEventListener("focus", onFocus, true);
|
|
7014
|
+
|
|
7015
|
+
_el.removeEventListener("blur", onBlur, true);
|
|
7016
|
+
} // parse and convert values to strings to avoid later type comparison issues
|
|
7017
|
+
|
|
7129
7018
|
|
|
7130
7019
|
function parseValues() {
|
|
7131
|
-
// parse and convert values to strings to avoid later type comparison issues
|
|
7132
7020
|
let rawValue;
|
|
7133
7021
|
|
|
7134
7022
|
try {
|
|
@@ -7139,71 +7027,52 @@
|
|
|
7139
7027
|
|
|
7140
7028
|
const rawValues = typeof rawValue === "object" ? rawValue : [rawValue]; // convert all values to strings to avoid later type comparison issues
|
|
7141
7029
|
|
|
7142
|
-
|
|
7030
|
+
return rawValues.map(val => `${val}`);
|
|
7143
7031
|
}
|
|
7144
7032
|
|
|
7145
|
-
function
|
|
7146
|
-
|
|
7147
|
-
ctx.subscribe(data => {
|
|
7148
|
-
const _data = data;
|
|
7149
|
-
|
|
7150
|
-
const selected = _values.includes(_data.value);
|
|
7151
|
-
|
|
7152
|
-
const label = _data.label || _data.value;
|
|
7153
|
-
$$invalidate(16, options = [...options, Object.assign(Object.assign({}, _data), {
|
|
7154
|
-
selected
|
|
7155
|
-
})]);
|
|
7156
|
-
|
|
7157
|
-
if (selected) {
|
|
7158
|
-
$$invalidate(17, selectedLabel = label);
|
|
7159
|
-
}
|
|
7160
|
-
|
|
7161
|
-
if (!width && maxLetterCount < label.length) {
|
|
7162
|
-
maxLetterCount = label.length;
|
|
7163
|
-
$$invalidate(20, computedWidth = `${Math.max(20, maxLetterCount + 12)}ch`);
|
|
7164
|
-
}
|
|
7033
|
+
function closeMenu() {
|
|
7034
|
+
_menuEl.removeEventListener("blur", closeMenu);
|
|
7165
7035
|
|
|
7166
|
-
|
|
7167
|
-
});
|
|
7168
|
-
}
|
|
7036
|
+
_menuEl.removeEventListener("mouseover", onHighlight);
|
|
7169
7037
|
|
|
7170
|
-
function closeMenu() {
|
|
7171
|
-
menuEl.removeEventListener("blur", closeMenu);
|
|
7172
|
-
menuEl.removeEventListener("mouseover", onHighlight);
|
|
7173
7038
|
setHighlightedIndexToSelected();
|
|
7174
|
-
$$invalidate(
|
|
7039
|
+
$$invalidate(15, _isMenuVisible = false);
|
|
7175
7040
|
}
|
|
7176
7041
|
|
|
7177
7042
|
function setHighlightedIndexToSelected() {
|
|
7178
|
-
$$invalidate(
|
|
7043
|
+
$$invalidate(16, _highlightedIndex = _options.findIndex(option => _values.includes(option.value)));
|
|
7179
7044
|
} // Event handlers
|
|
7180
7045
|
|
|
7046
|
+
/**
|
|
7047
|
+
* @property value the selected value
|
|
7048
|
+
*/
|
|
7049
|
+
|
|
7181
7050
|
|
|
7182
7051
|
function onSelect(value, label, close) {
|
|
7183
7052
|
if (_disabled) return;
|
|
7184
|
-
$$invalidate(
|
|
7053
|
+
$$invalidate(14, _selectedLabel = label);
|
|
7054
|
+
let detail;
|
|
7185
7055
|
|
|
7186
7056
|
if (_multiselect) {
|
|
7187
7057
|
_values.push(value);
|
|
7188
7058
|
|
|
7189
|
-
|
|
7190
|
-
|
|
7191
|
-
|
|
7192
|
-
|
|
7193
|
-
values: _values
|
|
7194
|
-
}
|
|
7195
|
-
}));
|
|
7059
|
+
detail = {
|
|
7060
|
+
name,
|
|
7061
|
+
values: _values
|
|
7062
|
+
};
|
|
7196
7063
|
} else {
|
|
7197
|
-
$$invalidate(
|
|
7198
|
-
|
|
7199
|
-
|
|
7200
|
-
|
|
7201
|
-
|
|
7202
|
-
value
|
|
7203
|
-
}
|
|
7204
|
-
}));
|
|
7064
|
+
$$invalidate(12, _values = [value]);
|
|
7065
|
+
detail = {
|
|
7066
|
+
name,
|
|
7067
|
+
value
|
|
7068
|
+
};
|
|
7205
7069
|
}
|
|
7206
7070
|
|
|
7071
|
+
_el.dispatchEvent(new CustomEvent("_change", {
|
|
7072
|
+
composed: true,
|
|
7073
|
+
detail
|
|
7074
|
+
}));
|
|
7075
|
+
|
|
7207
7076
|
if (close) {
|
|
7208
7077
|
closeMenu();
|
|
7209
7078
|
}
|
|
@@ -7213,18 +7082,18 @@
|
|
|
7213
7082
|
switch (e.key) {
|
|
7214
7083
|
case " ":
|
|
7215
7084
|
case "Enter":
|
|
7216
|
-
|
|
7085
|
+
_isMenuVisible ? closeMenu() : showMenu();
|
|
7217
7086
|
e.preventDefault();
|
|
7218
7087
|
break;
|
|
7219
7088
|
|
|
7220
7089
|
case "Escape":
|
|
7221
|
-
|
|
7090
|
+
_isMenuVisible && closeMenu();
|
|
7222
7091
|
e.preventDefault();
|
|
7223
7092
|
break;
|
|
7224
7093
|
|
|
7225
7094
|
case "ArrowDown":
|
|
7226
7095
|
if (e.altKey) {
|
|
7227
|
-
|
|
7096
|
+
_isMenuVisible ? closeMenu() : showMenu();
|
|
7228
7097
|
break;
|
|
7229
7098
|
}
|
|
7230
7099
|
|
|
@@ -7235,7 +7104,7 @@
|
|
|
7235
7104
|
|
|
7236
7105
|
case "ArrowUp":
|
|
7237
7106
|
if (e.altKey) {
|
|
7238
|
-
|
|
7107
|
+
_isMenuVisible ? closeMenu() : showMenu();
|
|
7239
7108
|
break;
|
|
7240
7109
|
}
|
|
7241
7110
|
|
|
@@ -7247,141 +7116,134 @@
|
|
|
7247
7116
|
};
|
|
7248
7117
|
|
|
7249
7118
|
function _handleArrowDown() {
|
|
7250
|
-
if (
|
|
7251
|
-
$$invalidate(
|
|
7252
|
-
onSelect(
|
|
7119
|
+
if (_highlightedIndex < _options.length - 1) {
|
|
7120
|
+
$$invalidate(16, _highlightedIndex++, _highlightedIndex);
|
|
7121
|
+
onSelect(_options[_highlightedIndex].value, _options[_highlightedIndex].label, false);
|
|
7253
7122
|
}
|
|
7254
7123
|
}
|
|
7255
7124
|
|
|
7256
7125
|
function _handleArrowUp() {
|
|
7257
|
-
if (
|
|
7258
|
-
$$invalidate(
|
|
7259
|
-
onSelect(
|
|
7126
|
+
if (_highlightedIndex > 0) {
|
|
7127
|
+
$$invalidate(16, _highlightedIndex--, _highlightedIndex);
|
|
7128
|
+
onSelect(_options[_highlightedIndex].value, _options[_highlightedIndex].label, false);
|
|
7260
7129
|
}
|
|
7261
7130
|
} // add required bindings to component
|
|
7262
7131
|
|
|
7263
7132
|
|
|
7264
7133
|
function onFocus() {
|
|
7265
|
-
|
|
7134
|
+
_el.addEventListener("keydown", onInputKeyDown);
|
|
7266
7135
|
} // remove all bindings from component
|
|
7267
7136
|
|
|
7268
7137
|
|
|
7269
7138
|
function onBlur() {
|
|
7270
|
-
|
|
7139
|
+
_el.removeEventListener("keydown", onInputKeyDown);
|
|
7271
7140
|
}
|
|
7272
7141
|
|
|
7273
7142
|
function onHighlight(e) {
|
|
7274
|
-
$$invalidate(
|
|
7143
|
+
$$invalidate(16, _highlightedIndex = Number(e.target.dataset.index));
|
|
7275
7144
|
}
|
|
7276
7145
|
|
|
7277
7146
|
function onNativeSelect(e) {
|
|
7278
7147
|
const target = e.currentTarget;
|
|
7279
|
-
const option =
|
|
7280
|
-
onSelect(option.value, option.label
|
|
7148
|
+
const option = _options[target.selectedIndex];
|
|
7149
|
+
onSelect(option.value, option.label);
|
|
7150
|
+
}
|
|
7151
|
+
|
|
7152
|
+
function select_binding($$value) {
|
|
7153
|
+
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
7154
|
+
_selectEl = $$value;
|
|
7155
|
+
$$invalidate(20, _selectEl);
|
|
7156
|
+
$$invalidate(13, _options);
|
|
7157
|
+
});
|
|
7281
7158
|
}
|
|
7282
7159
|
|
|
7283
7160
|
const click_handler = option => onSelect(option.value, option.label, true);
|
|
7284
7161
|
|
|
7285
7162
|
function ul_binding($$value) {
|
|
7286
7163
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
7287
|
-
|
|
7288
|
-
$$invalidate(
|
|
7164
|
+
_menuEl = $$value;
|
|
7165
|
+
$$invalidate(19, _menuEl);
|
|
7289
7166
|
});
|
|
7290
7167
|
}
|
|
7291
7168
|
|
|
7292
7169
|
function div_binding($$value) {
|
|
7293
7170
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
7294
|
-
|
|
7295
|
-
$$invalidate(
|
|
7171
|
+
_el = $$value;
|
|
7172
|
+
$$invalidate(18, _el);
|
|
7296
7173
|
});
|
|
7297
7174
|
}
|
|
7298
7175
|
|
|
7299
7176
|
$$self.$$set = $$props => {
|
|
7300
7177
|
if ('name' in $$props) $$invalidate(0, name = $$props.name);
|
|
7301
7178
|
if ('arialabel' in $$props) $$invalidate(1, arialabel = $$props.arialabel);
|
|
7302
|
-
if ('value' in $$props) $$invalidate(
|
|
7303
|
-
if ('leadingicon' in $$props) $$invalidate(
|
|
7304
|
-
if ('maxheight' in $$props) $$invalidate(
|
|
7305
|
-
if ('placeholder' in $$props) $$invalidate(
|
|
7306
|
-
if ('width' in $$props) $$invalidate(
|
|
7307
|
-
if ('disabled' in $$props) $$invalidate(
|
|
7308
|
-
if ('error' in $$props) $$invalidate(
|
|
7309
|
-
if ('multiselect' in $$props) $$invalidate(
|
|
7310
|
-
if ('native' in $$props) $$invalidate(
|
|
7311
|
-
if ('mt' in $$props) $$invalidate(
|
|
7312
|
-
if ('mr' in $$props) $$invalidate(
|
|
7313
|
-
if ('mb' in $$props) $$invalidate(
|
|
7314
|
-
if ('ml' in $$props) $$invalidate(
|
|
7179
|
+
if ('value' in $$props) $$invalidate(28, value = $$props.value);
|
|
7180
|
+
if ('leadingicon' in $$props) $$invalidate(2, leadingicon = $$props.leadingicon);
|
|
7181
|
+
if ('maxheight' in $$props) $$invalidate(3, maxheight = $$props.maxheight);
|
|
7182
|
+
if ('placeholder' in $$props) $$invalidate(4, placeholder = $$props.placeholder);
|
|
7183
|
+
if ('width' in $$props) $$invalidate(5, width = $$props.width);
|
|
7184
|
+
if ('disabled' in $$props) $$invalidate(6, disabled = $$props.disabled);
|
|
7185
|
+
if ('error' in $$props) $$invalidate(7, error = $$props.error);
|
|
7186
|
+
if ('multiselect' in $$props) $$invalidate(29, multiselect = $$props.multiselect);
|
|
7187
|
+
if ('native' in $$props) $$invalidate(30, native = $$props.native);
|
|
7188
|
+
if ('mt' in $$props) $$invalidate(8, mt = $$props.mt);
|
|
7189
|
+
if ('mr' in $$props) $$invalidate(9, mr = $$props.mr);
|
|
7190
|
+
if ('mb' in $$props) $$invalidate(10, mb = $$props.mb);
|
|
7191
|
+
if ('ml' in $$props) $$invalidate(11, ml = $$props.ml);
|
|
7315
7192
|
};
|
|
7316
7193
|
|
|
7317
7194
|
$$self.$$.update = () => {
|
|
7318
7195
|
if ($$self.$$.dirty[0] &
|
|
7319
7196
|
/*disabled*/
|
|
7197
|
+
64) {
|
|
7198
|
+
$$invalidate(21, _disabled = toBoolean(disabled));
|
|
7199
|
+
}
|
|
7200
|
+
|
|
7201
|
+
if ($$self.$$.dirty[0] &
|
|
7202
|
+
/*error*/
|
|
7320
7203
|
128) {
|
|
7321
|
-
|
|
7204
|
+
$$invalidate(23, _error = toBoolean(error));
|
|
7322
7205
|
}
|
|
7323
7206
|
|
|
7324
7207
|
if ($$self.$$.dirty[0] &
|
|
7325
7208
|
/*multiselect*/
|
|
7326
|
-
|
|
7209
|
+
536870912) {
|
|
7327
7210
|
_multiselect = toBoolean(multiselect);
|
|
7328
7211
|
}
|
|
7329
7212
|
|
|
7330
7213
|
if ($$self.$$.dirty[0] &
|
|
7331
7214
|
/*native*/
|
|
7332
|
-
|
|
7333
|
-
$$invalidate(
|
|
7334
|
-
}
|
|
7335
|
-
|
|
7336
|
-
if ($$self.$$.dirty[0] &
|
|
7337
|
-
/*name, el, isBound, _native*/
|
|
7338
|
-
268460033) {
|
|
7339
|
-
{
|
|
7340
|
-
(function () {
|
|
7341
|
-
return _call(tick, function () {
|
|
7342
|
-
if (name && el && !isBound) {
|
|
7343
|
-
$$invalidate(28, isBound = true);
|
|
7344
|
-
|
|
7345
|
-
if (!_native) {
|
|
7346
|
-
addKeyboardEventListeners();
|
|
7347
|
-
}
|
|
7348
|
-
|
|
7349
|
-
parseValues();
|
|
7350
|
-
bindContext();
|
|
7351
|
-
}
|
|
7352
|
-
});
|
|
7353
|
-
})();
|
|
7354
|
-
}
|
|
7215
|
+
1073741824) {
|
|
7216
|
+
$$invalidate(22, _native = toBoolean(native));
|
|
7355
7217
|
}
|
|
7356
7218
|
};
|
|
7357
7219
|
|
|
7358
|
-
return [name, arialabel,
|
|
7220
|
+
return [name, arialabel, leadingicon, maxheight, placeholder, width, disabled, error, mt, mr, mb, ml, _values, _options, _selectedLabel, _isMenuVisible, _highlightedIndex, _computedWidth, _el, _menuEl, _selectEl, _disabled, _native, _error, showMenu, closeMenu, onSelect, onNativeSelect, value, multiselect, native, select_binding, click_handler, ul_binding, div_binding];
|
|
7359
7221
|
}
|
|
7360
7222
|
|
|
7361
7223
|
class Dropdown extends SvelteElement {
|
|
7362
7224
|
constructor(options) {
|
|
7363
7225
|
super();
|
|
7364
|
-
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(--input-border-radius);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-
|
|
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(--input-border-radius);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(--color-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--color-gray-100);color:var(--goa-color-interactive--hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--color-gray-600)}.dropdown-item--selected{background:var(--goa-color-interactive);color:var(--color-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive--hover);color:var(--color-white)}.dropdown-native{border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);background-color:var(--color-white)}.dropdown-native:has(select:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-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);font-size:var(--input-font-size);appearance:none;padding:calc(var(--input-padding) + 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>`;
|
|
7365
7227
|
init(this, {
|
|
7366
7228
|
target: this.shadowRoot,
|
|
7367
7229
|
props: attribute_to_object(this.attributes),
|
|
7368
7230
|
customElement: true
|
|
7369
|
-
}, instance$
|
|
7231
|
+
}, instance$m, create_fragment$p, safe_not_equal, {
|
|
7370
7232
|
name: 0,
|
|
7371
7233
|
arialabel: 1,
|
|
7372
|
-
value:
|
|
7373
|
-
leadingicon:
|
|
7374
|
-
maxheight:
|
|
7375
|
-
placeholder:
|
|
7376
|
-
width:
|
|
7377
|
-
disabled:
|
|
7378
|
-
error:
|
|
7379
|
-
multiselect:
|
|
7380
|
-
native:
|
|
7381
|
-
mt:
|
|
7382
|
-
mr:
|
|
7383
|
-
mb:
|
|
7384
|
-
ml:
|
|
7234
|
+
value: 28,
|
|
7235
|
+
leadingicon: 2,
|
|
7236
|
+
maxheight: 3,
|
|
7237
|
+
placeholder: 4,
|
|
7238
|
+
width: 5,
|
|
7239
|
+
disabled: 6,
|
|
7240
|
+
error: 7,
|
|
7241
|
+
multiselect: 29,
|
|
7242
|
+
native: 30,
|
|
7243
|
+
mt: 8,
|
|
7244
|
+
mr: 9,
|
|
7245
|
+
mb: 10,
|
|
7246
|
+
ml: 11
|
|
7385
7247
|
}, null, [-1, -1]);
|
|
7386
7248
|
|
|
7387
7249
|
if (options) {
|
|
@@ -7423,7 +7285,7 @@
|
|
|
7423
7285
|
}
|
|
7424
7286
|
|
|
7425
7287
|
get value() {
|
|
7426
|
-
return this.$$.ctx[
|
|
7288
|
+
return this.$$.ctx[28];
|
|
7427
7289
|
}
|
|
7428
7290
|
|
|
7429
7291
|
set value(value) {
|
|
@@ -7434,7 +7296,7 @@
|
|
|
7434
7296
|
}
|
|
7435
7297
|
|
|
7436
7298
|
get leadingicon() {
|
|
7437
|
-
return this.$$.ctx[
|
|
7299
|
+
return this.$$.ctx[2];
|
|
7438
7300
|
}
|
|
7439
7301
|
|
|
7440
7302
|
set leadingicon(leadingicon) {
|
|
@@ -7445,7 +7307,7 @@
|
|
|
7445
7307
|
}
|
|
7446
7308
|
|
|
7447
7309
|
get maxheight() {
|
|
7448
|
-
return this.$$.ctx[
|
|
7310
|
+
return this.$$.ctx[3];
|
|
7449
7311
|
}
|
|
7450
7312
|
|
|
7451
7313
|
set maxheight(maxheight) {
|
|
@@ -7456,7 +7318,7 @@
|
|
|
7456
7318
|
}
|
|
7457
7319
|
|
|
7458
7320
|
get placeholder() {
|
|
7459
|
-
return this.$$.ctx[
|
|
7321
|
+
return this.$$.ctx[4];
|
|
7460
7322
|
}
|
|
7461
7323
|
|
|
7462
7324
|
set placeholder(placeholder) {
|
|
@@ -7467,7 +7329,7 @@
|
|
|
7467
7329
|
}
|
|
7468
7330
|
|
|
7469
7331
|
get width() {
|
|
7470
|
-
return this.$$.ctx[
|
|
7332
|
+
return this.$$.ctx[5];
|
|
7471
7333
|
}
|
|
7472
7334
|
|
|
7473
7335
|
set width(width) {
|
|
@@ -7478,7 +7340,7 @@
|
|
|
7478
7340
|
}
|
|
7479
7341
|
|
|
7480
7342
|
get disabled() {
|
|
7481
|
-
return this.$$.ctx[
|
|
7343
|
+
return this.$$.ctx[6];
|
|
7482
7344
|
}
|
|
7483
7345
|
|
|
7484
7346
|
set disabled(disabled) {
|
|
@@ -7489,7 +7351,7 @@
|
|
|
7489
7351
|
}
|
|
7490
7352
|
|
|
7491
7353
|
get error() {
|
|
7492
|
-
return this.$$.ctx[
|
|
7354
|
+
return this.$$.ctx[7];
|
|
7493
7355
|
}
|
|
7494
7356
|
|
|
7495
7357
|
set error(error) {
|
|
@@ -7500,7 +7362,7 @@
|
|
|
7500
7362
|
}
|
|
7501
7363
|
|
|
7502
7364
|
get multiselect() {
|
|
7503
|
-
return this.$$.ctx[
|
|
7365
|
+
return this.$$.ctx[29];
|
|
7504
7366
|
}
|
|
7505
7367
|
|
|
7506
7368
|
set multiselect(multiselect) {
|
|
@@ -7511,7 +7373,7 @@
|
|
|
7511
7373
|
}
|
|
7512
7374
|
|
|
7513
7375
|
get native() {
|
|
7514
|
-
return this.$$.ctx[
|
|
7376
|
+
return this.$$.ctx[30];
|
|
7515
7377
|
}
|
|
7516
7378
|
|
|
7517
7379
|
set native(native) {
|
|
@@ -7522,7 +7384,7 @@
|
|
|
7522
7384
|
}
|
|
7523
7385
|
|
|
7524
7386
|
get mt() {
|
|
7525
|
-
return this.$$.ctx[
|
|
7387
|
+
return this.$$.ctx[8];
|
|
7526
7388
|
}
|
|
7527
7389
|
|
|
7528
7390
|
set mt(mt) {
|
|
@@ -7533,7 +7395,7 @@
|
|
|
7533
7395
|
}
|
|
7534
7396
|
|
|
7535
7397
|
get mr() {
|
|
7536
|
-
return this.$$.ctx[
|
|
7398
|
+
return this.$$.ctx[9];
|
|
7537
7399
|
}
|
|
7538
7400
|
|
|
7539
7401
|
set mr(mr) {
|
|
@@ -7544,7 +7406,7 @@
|
|
|
7544
7406
|
}
|
|
7545
7407
|
|
|
7546
7408
|
get mb() {
|
|
7547
|
-
return this.$$.ctx[
|
|
7409
|
+
return this.$$.ctx[10];
|
|
7548
7410
|
}
|
|
7549
7411
|
|
|
7550
7412
|
set mb(mb) {
|
|
@@ -7555,7 +7417,7 @@
|
|
|
7555
7417
|
}
|
|
7556
7418
|
|
|
7557
7419
|
get ml() {
|
|
7558
|
-
return this.$$.ctx[
|
|
7420
|
+
return this.$$.ctx[11];
|
|
7559
7421
|
}
|
|
7560
7422
|
|
|
7561
7423
|
set ml(ml) {
|
|
@@ -7568,9 +7430,44 @@
|
|
|
7568
7430
|
}
|
|
7569
7431
|
|
|
7570
7432
|
customElements.define("goa-dropdown", Dropdown);
|
|
7571
|
-
/* libs/web-components/src/components/
|
|
7433
|
+
/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.51.0 */
|
|
7572
7434
|
|
|
7573
7435
|
function create_fragment$o(ctx) {
|
|
7436
|
+
return {
|
|
7437
|
+
c() {
|
|
7438
|
+
this.c = noop;
|
|
7439
|
+
},
|
|
7440
|
+
|
|
7441
|
+
m: noop,
|
|
7442
|
+
p: noop,
|
|
7443
|
+
i: noop,
|
|
7444
|
+
o: noop,
|
|
7445
|
+
d: noop
|
|
7446
|
+
};
|
|
7447
|
+
}
|
|
7448
|
+
|
|
7449
|
+
class DropdownItem extends SvelteElement {
|
|
7450
|
+
constructor(options) {
|
|
7451
|
+
super();
|
|
7452
|
+
init(this, {
|
|
7453
|
+
target: this.shadowRoot,
|
|
7454
|
+
props: attribute_to_object(this.attributes),
|
|
7455
|
+
customElement: true
|
|
7456
|
+
}, null, create_fragment$o, safe_not_equal, {}, null);
|
|
7457
|
+
|
|
7458
|
+
if (options) {
|
|
7459
|
+
if (options.target) {
|
|
7460
|
+
insert(options.target, this, options.anchor);
|
|
7461
|
+
}
|
|
7462
|
+
}
|
|
7463
|
+
}
|
|
7464
|
+
|
|
7465
|
+
}
|
|
7466
|
+
|
|
7467
|
+
customElements.define("goa-dropdown-item", DropdownItem);
|
|
7468
|
+
/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.51.0 */
|
|
7469
|
+
|
|
7470
|
+
function create_fragment$n(ctx) {
|
|
7574
7471
|
let div;
|
|
7575
7472
|
return {
|
|
7576
7473
|
c() {
|
|
@@ -7631,7 +7528,7 @@
|
|
|
7631
7528
|
}
|
|
7632
7529
|
}
|
|
7633
7530
|
|
|
7634
|
-
function instance$
|
|
7531
|
+
function instance$l($$self, $$props, $$invalidate) {
|
|
7635
7532
|
let isActive;
|
|
7636
7533
|
let {
|
|
7637
7534
|
active
|
|
@@ -7800,7 +7697,7 @@
|
|
|
7800
7697
|
target: this.shadowRoot,
|
|
7801
7698
|
props: attribute_to_object(this.attributes),
|
|
7802
7699
|
customElement: true
|
|
7803
|
-
}, instance$
|
|
7700
|
+
}, instance$l, create_fragment$n, safe_not_equal, {
|
|
7804
7701
|
active: 1
|
|
7805
7702
|
}, null);
|
|
7806
7703
|
|
|
@@ -7855,7 +7752,7 @@
|
|
|
7855
7752
|
};
|
|
7856
7753
|
}
|
|
7857
7754
|
|
|
7858
|
-
function create_fragment$
|
|
7755
|
+
function create_fragment$m(ctx) {
|
|
7859
7756
|
var _ctx$;
|
|
7860
7757
|
|
|
7861
7758
|
let div5;
|
|
@@ -7996,7 +7893,7 @@
|
|
|
7996
7893
|
};
|
|
7997
7894
|
}
|
|
7998
7895
|
|
|
7999
|
-
function instance$
|
|
7896
|
+
function instance$k($$self, $$props, $$invalidate) {
|
|
8000
7897
|
let {
|
|
8001
7898
|
maxcontentwidth = ""
|
|
8002
7899
|
} = $$props;
|
|
@@ -8035,7 +7932,7 @@
|
|
|
8035
7932
|
target: this.shadowRoot,
|
|
8036
7933
|
props: attribute_to_object(this.attributes),
|
|
8037
7934
|
customElement: true
|
|
8038
|
-
}, instance$
|
|
7935
|
+
}, instance$k, create_fragment$m, safe_not_equal, {
|
|
8039
7936
|
maxcontentwidth: 0
|
|
8040
7937
|
}, null);
|
|
8041
7938
|
|
|
@@ -8125,7 +8022,7 @@
|
|
|
8125
8022
|
};
|
|
8126
8023
|
}
|
|
8127
8024
|
|
|
8128
|
-
function create_fragment$
|
|
8025
|
+
function create_fragment$l(ctx) {
|
|
8129
8026
|
let section;
|
|
8130
8027
|
let div;
|
|
8131
8028
|
let t;
|
|
@@ -8213,7 +8110,7 @@
|
|
|
8213
8110
|
};
|
|
8214
8111
|
}
|
|
8215
8112
|
|
|
8216
|
-
function instance$
|
|
8113
|
+
function instance$j($$self, $$props, $$invalidate) {
|
|
8217
8114
|
let rootEl;
|
|
8218
8115
|
let children = [];
|
|
8219
8116
|
onMount(function () {
|
|
@@ -8248,7 +8145,7 @@
|
|
|
8248
8145
|
target: this.shadowRoot,
|
|
8249
8146
|
props: attribute_to_object(this.attributes),
|
|
8250
8147
|
customElement: true
|
|
8251
|
-
}, instance$
|
|
8148
|
+
}, instance$j, create_fragment$l, safe_not_equal, {}, null);
|
|
8252
8149
|
|
|
8253
8150
|
if (options) {
|
|
8254
8151
|
if (options.target) {
|
|
@@ -8358,7 +8255,7 @@
|
|
|
8358
8255
|
};
|
|
8359
8256
|
}
|
|
8360
8257
|
|
|
8361
|
-
function create_fragment$
|
|
8258
|
+
function create_fragment$k(ctx) {
|
|
8362
8259
|
let section;
|
|
8363
8260
|
let t0;
|
|
8364
8261
|
let div;
|
|
@@ -8505,7 +8402,7 @@
|
|
|
8505
8402
|
};
|
|
8506
8403
|
}
|
|
8507
8404
|
|
|
8508
|
-
function instance$
|
|
8405
|
+
function instance$i($$self, $$props, $$invalidate) {
|
|
8509
8406
|
let {
|
|
8510
8407
|
heading = ""
|
|
8511
8408
|
} = $$props;
|
|
@@ -8557,7 +8454,7 @@
|
|
|
8557
8454
|
target: this.shadowRoot,
|
|
8558
8455
|
props: attribute_to_object(this.attributes),
|
|
8559
8456
|
customElement: true
|
|
8560
|
-
}, instance$
|
|
8457
|
+
}, instance$i, create_fragment$k, safe_not_equal, {
|
|
8561
8458
|
heading: 0,
|
|
8562
8459
|
maxcolumncount: 1
|
|
8563
8460
|
}, null);
|
|
@@ -8787,7 +8684,7 @@
|
|
|
8787
8684
|
};
|
|
8788
8685
|
}
|
|
8789
8686
|
|
|
8790
|
-
function create_fragment$
|
|
8687
|
+
function create_fragment$j(ctx) {
|
|
8791
8688
|
let div1;
|
|
8792
8689
|
let t0;
|
|
8793
8690
|
let div0;
|
|
@@ -8924,7 +8821,7 @@
|
|
|
8924
8821
|
};
|
|
8925
8822
|
}
|
|
8926
8823
|
|
|
8927
|
-
function instance$
|
|
8824
|
+
function instance$h($$self, $$props, $$invalidate) {
|
|
8928
8825
|
const [REQUIREMENT_TYPES, validateRequirementType] = typeValidator("Requirement type", ["optional", "required"], false);
|
|
8929
8826
|
let {
|
|
8930
8827
|
testid = ""
|
|
@@ -8980,7 +8877,7 @@
|
|
|
8980
8877
|
target: this.shadowRoot,
|
|
8981
8878
|
props: attribute_to_object(this.attributes),
|
|
8982
8879
|
customElement: true
|
|
8983
|
-
}, instance$
|
|
8880
|
+
}, instance$h, create_fragment$j, safe_not_equal, {
|
|
8984
8881
|
testid: 0,
|
|
8985
8882
|
mt: 1,
|
|
8986
8883
|
mr: 2,
|
|
@@ -9112,7 +9009,7 @@
|
|
|
9112
9009
|
customElements.define("goa-form-item", FormItem);
|
|
9113
9010
|
/* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.51.0 */
|
|
9114
9011
|
|
|
9115
|
-
function create_fragment$
|
|
9012
|
+
function create_fragment$i(ctx) {
|
|
9116
9013
|
let div;
|
|
9117
9014
|
let slot;
|
|
9118
9015
|
let div_style_value;
|
|
@@ -9180,7 +9077,7 @@
|
|
|
9180
9077
|
};
|
|
9181
9078
|
}
|
|
9182
9079
|
|
|
9183
|
-
function instance$
|
|
9080
|
+
function instance$g($$self, $$props, $$invalidate) {
|
|
9184
9081
|
let {
|
|
9185
9082
|
gap = "m"
|
|
9186
9083
|
} = $$props;
|
|
@@ -9225,7 +9122,7 @@
|
|
|
9225
9122
|
target: this.shadowRoot,
|
|
9226
9123
|
props: attribute_to_object(this.attributes),
|
|
9227
9124
|
customElement: true
|
|
9228
|
-
}, instance$
|
|
9125
|
+
}, instance$g, create_fragment$i, safe_not_equal, {
|
|
9229
9126
|
gap: 0,
|
|
9230
9127
|
minchildwidth: 1,
|
|
9231
9128
|
mt: 2,
|
|
@@ -9321,7 +9218,7 @@
|
|
|
9321
9218
|
customElements.define("goa-grid", Grid);
|
|
9322
9219
|
/* libs/web-components/src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.51.0 */
|
|
9323
9220
|
|
|
9324
|
-
function create_fragment$
|
|
9221
|
+
function create_fragment$h(ctx) {
|
|
9325
9222
|
let div1;
|
|
9326
9223
|
let goa_page_block;
|
|
9327
9224
|
let h1;
|
|
@@ -9406,7 +9303,7 @@
|
|
|
9406
9303
|
};
|
|
9407
9304
|
}
|
|
9408
9305
|
|
|
9409
|
-
function instance$
|
|
9306
|
+
function instance$f($$self, $$props, $$invalidate) {
|
|
9410
9307
|
let {
|
|
9411
9308
|
heading
|
|
9412
9309
|
} = $$props;
|
|
@@ -9434,7 +9331,7 @@
|
|
|
9434
9331
|
target: this.shadowRoot,
|
|
9435
9332
|
props: attribute_to_object(this.attributes),
|
|
9436
9333
|
customElement: true
|
|
9437
|
-
}, instance$
|
|
9334
|
+
}, instance$f, create_fragment$h, safe_not_equal, {
|
|
9438
9335
|
heading: 0,
|
|
9439
9336
|
backgroundurl: 1,
|
|
9440
9337
|
minheight: 2
|
|
@@ -9494,7 +9391,7 @@
|
|
|
9494
9391
|
customElements.define("goa-hero-banner", HeroBanner);
|
|
9495
9392
|
/* libs/web-components/src/components/icon-button/IconButton.svelte generated by Svelte v3.51.0 */
|
|
9496
9393
|
|
|
9497
|
-
function create_fragment$
|
|
9394
|
+
function create_fragment$g(ctx) {
|
|
9498
9395
|
let button;
|
|
9499
9396
|
let goa_icon;
|
|
9500
9397
|
let button_style_value;
|
|
@@ -9666,7 +9563,7 @@
|
|
|
9666
9563
|
}));
|
|
9667
9564
|
}
|
|
9668
9565
|
|
|
9669
|
-
function instance$
|
|
9566
|
+
function instance$e($$self, $$props, $$invalidate) {
|
|
9670
9567
|
let css;
|
|
9671
9568
|
let isDisabled;
|
|
9672
9569
|
let isInverted;
|
|
@@ -9771,7 +9668,7 @@
|
|
|
9771
9668
|
target: this.shadowRoot,
|
|
9772
9669
|
props: attribute_to_object(this.attributes),
|
|
9773
9670
|
customElement: true
|
|
9774
|
-
}, instance$
|
|
9671
|
+
}, instance$e, create_fragment$g, safe_not_equal, {
|
|
9775
9672
|
icon: 0,
|
|
9776
9673
|
size: 1,
|
|
9777
9674
|
theme: 2,
|
|
@@ -9987,7 +9884,7 @@
|
|
|
9987
9884
|
};
|
|
9988
9885
|
}
|
|
9989
9886
|
|
|
9990
|
-
function create_fragment$
|
|
9887
|
+
function create_fragment$f(ctx) {
|
|
9991
9888
|
let div;
|
|
9992
9889
|
let div_style_value;
|
|
9993
9890
|
let if_block =
|
|
@@ -10118,7 +10015,7 @@
|
|
|
10118
10015
|
};
|
|
10119
10016
|
}
|
|
10120
10017
|
|
|
10121
|
-
function instance$
|
|
10018
|
+
function instance$d($$self, $$props, $$invalidate) {
|
|
10122
10019
|
let isInverted;
|
|
10123
10020
|
|
|
10124
10021
|
let _size;
|
|
@@ -10208,7 +10105,7 @@
|
|
|
10208
10105
|
target: this.shadowRoot,
|
|
10209
10106
|
props: attribute_to_object(this.attributes),
|
|
10210
10107
|
customElement: true
|
|
10211
|
-
}, instance$
|
|
10108
|
+
}, instance$d, create_fragment$f, safe_not_equal, {
|
|
10212
10109
|
mt: 0,
|
|
10213
10110
|
mr: 1,
|
|
10214
10111
|
mb: 2,
|
|
@@ -10577,7 +10474,7 @@
|
|
|
10577
10474
|
};
|
|
10578
10475
|
}
|
|
10579
10476
|
|
|
10580
|
-
function create_fragment$
|
|
10477
|
+
function create_fragment$e(ctx) {
|
|
10581
10478
|
let div3;
|
|
10582
10479
|
let div2;
|
|
10583
10480
|
let t0;
|
|
@@ -11016,7 +10913,7 @@
|
|
|
11016
10913
|
}));
|
|
11017
10914
|
}
|
|
11018
10915
|
|
|
11019
|
-
function instance$
|
|
10916
|
+
function instance$c($$self, $$props, $$invalidate) {
|
|
11020
10917
|
let handlesTrailingIconClick;
|
|
11021
10918
|
let isFocused;
|
|
11022
10919
|
let isReadonly;
|
|
@@ -11223,7 +11120,7 @@
|
|
|
11223
11120
|
target: this.shadowRoot,
|
|
11224
11121
|
props: attribute_to_object(this.attributes),
|
|
11225
11122
|
customElement: true
|
|
11226
|
-
}, instance$
|
|
11123
|
+
}, instance$c, create_fragment$e, safe_not_equal, {
|
|
11227
11124
|
type: 1,
|
|
11228
11125
|
name: 2,
|
|
11229
11126
|
value: 0,
|
|
@@ -11742,7 +11639,7 @@
|
|
|
11742
11639
|
};
|
|
11743
11640
|
}
|
|
11744
11641
|
|
|
11745
|
-
function create_fragment$
|
|
11642
|
+
function create_fragment$d(ctx) {
|
|
11746
11643
|
let header;
|
|
11747
11644
|
let t0;
|
|
11748
11645
|
let show_if = ["alpha", "beta"].includes(
|
|
@@ -11851,7 +11748,7 @@
|
|
|
11851
11748
|
return val[0].toUpperCase() + val.slice(1);
|
|
11852
11749
|
}
|
|
11853
11750
|
|
|
11854
|
-
function instance$
|
|
11751
|
+
function instance$b($$self, $$props, $$invalidate) {
|
|
11855
11752
|
const [Types, validateType] = typeValidator("Microsite header type", ["live", "alpha", "beta"], true);
|
|
11856
11753
|
let {
|
|
11857
11754
|
type
|
|
@@ -11883,7 +11780,7 @@
|
|
|
11883
11780
|
target: this.shadowRoot,
|
|
11884
11781
|
props: attribute_to_object(this.attributes),
|
|
11885
11782
|
customElement: true
|
|
11886
|
-
}, instance$
|
|
11783
|
+
}, instance$b, create_fragment$d, safe_not_equal, {
|
|
11887
11784
|
type: 0,
|
|
11888
11785
|
version: 1,
|
|
11889
11786
|
feedbackurl: 2
|
|
@@ -12348,7 +12245,7 @@
|
|
|
12348
12245
|
};
|
|
12349
12246
|
}
|
|
12350
12247
|
|
|
12351
|
-
function create_fragment$
|
|
12248
|
+
function create_fragment$c(ctx) {
|
|
12352
12249
|
let if_block_anchor;
|
|
12353
12250
|
let current;
|
|
12354
12251
|
let if_block =
|
|
@@ -12413,7 +12310,7 @@
|
|
|
12413
12310
|
};
|
|
12414
12311
|
}
|
|
12415
12312
|
|
|
12416
|
-
function instance$
|
|
12313
|
+
function instance$a($$self, $$props, $$invalidate) {
|
|
12417
12314
|
let isClosable;
|
|
12418
12315
|
let isOpen;
|
|
12419
12316
|
|
|
@@ -12503,7 +12400,7 @@
|
|
|
12503
12400
|
target: this.shadowRoot,
|
|
12504
12401
|
props: attribute_to_object(this.attributes),
|
|
12505
12402
|
customElement: true
|
|
12506
|
-
}, instance$
|
|
12403
|
+
}, instance$a, create_fragment$c, safe_not_equal, {
|
|
12507
12404
|
heading: 0,
|
|
12508
12405
|
closable: 9,
|
|
12509
12406
|
open: 1,
|
|
@@ -12723,7 +12620,7 @@
|
|
|
12723
12620
|
};
|
|
12724
12621
|
}
|
|
12725
12622
|
|
|
12726
|
-
function create_fragment$
|
|
12623
|
+
function create_fragment$b(ctx) {
|
|
12727
12624
|
let if_block_anchor;
|
|
12728
12625
|
let current;
|
|
12729
12626
|
let if_block =
|
|
@@ -12788,7 +12685,7 @@
|
|
|
12788
12685
|
};
|
|
12789
12686
|
}
|
|
12790
12687
|
|
|
12791
|
-
function instance$
|
|
12688
|
+
function instance$9($$self, $$props, $$invalidate) {
|
|
12792
12689
|
let iconType;
|
|
12793
12690
|
const [Types, validateType] = typeValidator("Notification type", ["emergency", "important", "information", "event"], true);
|
|
12794
12691
|
let {
|
|
@@ -12826,7 +12723,7 @@
|
|
|
12826
12723
|
target: this.shadowRoot,
|
|
12827
12724
|
props: attribute_to_object(this.attributes),
|
|
12828
12725
|
customElement: true
|
|
12829
|
-
}, instance$
|
|
12726
|
+
}, instance$9, create_fragment$b, safe_not_equal, {
|
|
12830
12727
|
type: 0
|
|
12831
12728
|
}, null);
|
|
12832
12729
|
|
|
@@ -12868,7 +12765,7 @@
|
|
|
12868
12765
|
/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.51.0 */
|
|
12869
12766
|
|
|
12870
12767
|
|
|
12871
|
-
function create_fragment$
|
|
12768
|
+
function create_fragment$a(ctx) {
|
|
12872
12769
|
let div;
|
|
12873
12770
|
let slot;
|
|
12874
12771
|
let div_style_value;
|
|
@@ -12908,7 +12805,7 @@
|
|
|
12908
12805
|
};
|
|
12909
12806
|
}
|
|
12910
12807
|
|
|
12911
|
-
function instance$
|
|
12808
|
+
function instance$8($$self, $$props, $$invalidate) {
|
|
12912
12809
|
const Sizes = {
|
|
12913
12810
|
"full": "100%"
|
|
12914
12811
|
};
|
|
@@ -12949,7 +12846,7 @@
|
|
|
12949
12846
|
target: this.shadowRoot,
|
|
12950
12847
|
props: attribute_to_object(this.attributes),
|
|
12951
12848
|
customElement: true
|
|
12952
|
-
}, instance$
|
|
12849
|
+
}, instance$8, create_fragment$a, safe_not_equal, {
|
|
12953
12850
|
width: 1,
|
|
12954
12851
|
_width: 0
|
|
12955
12852
|
}, null);
|
|
@@ -13001,7 +12898,7 @@
|
|
|
13001
12898
|
const child_ctx = ctx.slice();
|
|
13002
12899
|
child_ctx[22] = list[i];
|
|
13003
12900
|
return child_ctx;
|
|
13004
|
-
} // (
|
|
12901
|
+
} // (80:2) {#each options as option (option.value)}
|
|
13005
12902
|
|
|
13006
12903
|
|
|
13007
12904
|
function create_each_block$1(key_1, ctx) {
|
|
@@ -13028,7 +12925,7 @@
|
|
|
13028
12925
|
function change_handler() {
|
|
13029
12926
|
return (
|
|
13030
12927
|
/*change_handler*/
|
|
13031
|
-
ctx[
|
|
12928
|
+
ctx[16](
|
|
13032
12929
|
/*option*/
|
|
13033
12930
|
ctx[22])
|
|
13034
12931
|
);
|
|
@@ -13078,7 +12975,7 @@
|
|
|
13078
12975
|
ctx[12]);
|
|
13079
12976
|
toggle_class(label, "goa-radio--error",
|
|
13080
12977
|
/*isError*/
|
|
13081
|
-
ctx[
|
|
12978
|
+
ctx[11]);
|
|
13082
12979
|
this.first = label;
|
|
13083
12980
|
},
|
|
13084
12981
|
|
|
@@ -13171,10 +13068,10 @@
|
|
|
13171
13068
|
|
|
13172
13069
|
if (dirty &
|
|
13173
13070
|
/*isError*/
|
|
13174
|
-
|
|
13071
|
+
2048) {
|
|
13175
13072
|
toggle_class(label, "goa-radio--error",
|
|
13176
13073
|
/*isError*/
|
|
13177
|
-
ctx[
|
|
13074
|
+
ctx[11]);
|
|
13178
13075
|
}
|
|
13179
13076
|
},
|
|
13180
13077
|
|
|
@@ -13187,7 +13084,7 @@
|
|
|
13187
13084
|
};
|
|
13188
13085
|
}
|
|
13189
13086
|
|
|
13190
|
-
function create_fragment$
|
|
13087
|
+
function create_fragment$9(ctx) {
|
|
13191
13088
|
let div;
|
|
13192
13089
|
let slot;
|
|
13193
13090
|
let t;
|
|
@@ -13248,13 +13145,13 @@
|
|
|
13248
13145
|
/*div_binding*/
|
|
13249
13146
|
|
|
13250
13147
|
|
|
13251
|
-
ctx[
|
|
13148
|
+
ctx[17](div);
|
|
13252
13149
|
},
|
|
13253
13150
|
|
|
13254
13151
|
p(ctx, [dirty]) {
|
|
13255
13152
|
if (dirty &
|
|
13256
13153
|
/*options, isDisabled, isError, name, value, arialabel, onChange*/
|
|
13257
|
-
|
|
13154
|
+
14867) {
|
|
13258
13155
|
each_value =
|
|
13259
13156
|
/*options*/
|
|
13260
13157
|
ctx[9];
|
|
@@ -13304,14 +13201,15 @@
|
|
|
13304
13201
|
/*div_binding*/
|
|
13305
13202
|
|
|
13306
13203
|
|
|
13307
|
-
ctx[
|
|
13204
|
+
ctx[17](null);
|
|
13308
13205
|
}
|
|
13309
13206
|
|
|
13310
13207
|
};
|
|
13311
13208
|
}
|
|
13312
13209
|
|
|
13313
|
-
function instance$
|
|
13210
|
+
function instance$7($$self, $$props, $$invalidate) {
|
|
13314
13211
|
let isDisabled;
|
|
13212
|
+
let isError;
|
|
13315
13213
|
const [Orientations, validateOrientation] = typeValidator("Radio group orientation", ["vertical", "horizontal"]);
|
|
13316
13214
|
let {
|
|
13317
13215
|
name
|
|
@@ -13346,12 +13244,46 @@
|
|
|
13346
13244
|
let {
|
|
13347
13245
|
ml = null
|
|
13348
13246
|
} = $$props;
|
|
13349
|
-
let options = [];
|
|
13350
|
-
|
|
13351
|
-
let isError;
|
|
13352
|
-
let ctx;
|
|
13353
|
-
let isBound = false;
|
|
13247
|
+
let options = [];
|
|
13354
13248
|
let el;
|
|
13249
|
+
onMount(function () {
|
|
13250
|
+
return _call(tick, function () {
|
|
13251
|
+
$$invalidate(9, options = getOptions());
|
|
13252
|
+
});
|
|
13253
|
+
});
|
|
13254
|
+
/**
|
|
13255
|
+
* Allows the child elements to be obtainable within unit tests
|
|
13256
|
+
* @returns List of child elements
|
|
13257
|
+
*/
|
|
13258
|
+
|
|
13259
|
+
function getChildren() {
|
|
13260
|
+
const slot = el.querySelector("slot");
|
|
13261
|
+
if (slot) // default
|
|
13262
|
+
return [...slot.assignedElements()];else // unit tests
|
|
13263
|
+
return [...el.children];
|
|
13264
|
+
}
|
|
13265
|
+
/**
|
|
13266
|
+
* Maps the child elements to a list of RadioOptions
|
|
13267
|
+
*/
|
|
13268
|
+
|
|
13269
|
+
|
|
13270
|
+
function getOptions() {
|
|
13271
|
+
const children = getChildren();
|
|
13272
|
+
return children.map(el => {
|
|
13273
|
+
const option = el;
|
|
13274
|
+
const value = el.getAttribute("value") || option.value;
|
|
13275
|
+
const label = el.getAttribute("label") || el.innerText || option.label || option.innerText;
|
|
13276
|
+
return {
|
|
13277
|
+
value,
|
|
13278
|
+
label
|
|
13279
|
+
};
|
|
13280
|
+
});
|
|
13281
|
+
}
|
|
13282
|
+
/**
|
|
13283
|
+
* Handles changing of the radio items
|
|
13284
|
+
* @param newValue Selected value
|
|
13285
|
+
*/
|
|
13286
|
+
|
|
13355
13287
|
|
|
13356
13288
|
function onChange(newValue) {
|
|
13357
13289
|
if (newValue === value) return;
|
|
@@ -13365,9 +13297,6 @@
|
|
|
13365
13297
|
}));
|
|
13366
13298
|
}
|
|
13367
13299
|
|
|
13368
|
-
onDestroy(() => {
|
|
13369
|
-
deleteContext(name);
|
|
13370
|
-
});
|
|
13371
13300
|
onMount(() => {
|
|
13372
13301
|
validateOrientation(orientation);
|
|
13373
13302
|
});
|
|
@@ -13377,7 +13306,7 @@
|
|
|
13377
13306
|
function div_binding($$value) {
|
|
13378
13307
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
13379
13308
|
el = $$value;
|
|
13380
|
-
$$invalidate(
|
|
13309
|
+
$$invalidate(10, el);
|
|
13381
13310
|
});
|
|
13382
13311
|
}
|
|
13383
13312
|
|
|
@@ -13399,32 +13328,18 @@
|
|
|
13399
13328
|
if ($$self.$$.dirty &
|
|
13400
13329
|
/*disabled*/
|
|
13401
13330
|
16384) {
|
|
13331
|
+
// private
|
|
13402
13332
|
$$invalidate(12, isDisabled = toBoolean(disabled));
|
|
13403
13333
|
}
|
|
13404
13334
|
|
|
13405
13335
|
if ($$self.$$.dirty &
|
|
13406
13336
|
/*error*/
|
|
13407
13337
|
32768) {
|
|
13408
|
-
$$invalidate(
|
|
13409
|
-
}
|
|
13410
|
-
|
|
13411
|
-
if ($$self.$$.dirty &
|
|
13412
|
-
/*name, isBound, ctx, options*/
|
|
13413
|
-
197122) {
|
|
13414
|
-
{
|
|
13415
|
-
if (name && !isBound) {
|
|
13416
|
-
$$invalidate(17, isBound = true);
|
|
13417
|
-
$$invalidate(16, ctx = getContext(name));
|
|
13418
|
-
ctx.subscribe(msg => {
|
|
13419
|
-
if (!msg) return;
|
|
13420
|
-
$$invalidate(9, options = [...options, msg]);
|
|
13421
|
-
});
|
|
13422
|
-
}
|
|
13423
|
-
}
|
|
13338
|
+
$$invalidate(11, isError = toBoolean(error));
|
|
13424
13339
|
}
|
|
13425
13340
|
};
|
|
13426
13341
|
|
|
13427
|
-
return [value, name, orientation, testid, arialabel, mt, mr, mb, ml, options,
|
|
13342
|
+
return [value, name, orientation, testid, arialabel, mt, mr, mb, ml, options, el, isError, isDisabled, onChange, disabled, error, change_handler, div_binding];
|
|
13428
13343
|
}
|
|
13429
13344
|
|
|
13430
13345
|
class RadioGroup extends SvelteElement {
|
|
@@ -13437,7 +13352,7 @@
|
|
|
13437
13352
|
target: this.shadowRoot,
|
|
13438
13353
|
props: attribute_to_object(this.attributes),
|
|
13439
13354
|
customElement: true
|
|
13440
|
-
}, instance$
|
|
13355
|
+
}, instance$7, create_fragment$9, safe_not_equal, {
|
|
13441
13356
|
name: 1,
|
|
13442
13357
|
value: 0,
|
|
13443
13358
|
orientation: 2,
|
|
@@ -13591,131 +13506,6 @@
|
|
|
13591
13506
|
}
|
|
13592
13507
|
|
|
13593
13508
|
customElements.define("goa-radio-group", RadioGroup);
|
|
13594
|
-
/* libs/web-components/src/components/radio-group/RadioItem.svelte generated by Svelte v3.51.0 */
|
|
13595
|
-
|
|
13596
|
-
function create_fragment$9(ctx) {
|
|
13597
|
-
return {
|
|
13598
|
-
c() {
|
|
13599
|
-
this.c = noop;
|
|
13600
|
-
},
|
|
13601
|
-
|
|
13602
|
-
m: noop,
|
|
13603
|
-
p: noop,
|
|
13604
|
-
i: noop,
|
|
13605
|
-
o: noop,
|
|
13606
|
-
d: noop
|
|
13607
|
-
};
|
|
13608
|
-
}
|
|
13609
|
-
|
|
13610
|
-
function instance$7($$self, $$props, $$invalidate) {
|
|
13611
|
-
let {
|
|
13612
|
-
value
|
|
13613
|
-
} = $$props;
|
|
13614
|
-
let {
|
|
13615
|
-
label
|
|
13616
|
-
} = $$props;
|
|
13617
|
-
let {
|
|
13618
|
-
name
|
|
13619
|
-
} = $$props;
|
|
13620
|
-
let ctx;
|
|
13621
|
-
let isBound = false;
|
|
13622
|
-
|
|
13623
|
-
$$self.$$set = $$props => {
|
|
13624
|
-
if ('value' in $$props) $$invalidate(0, value = $$props.value);
|
|
13625
|
-
if ('label' in $$props) $$invalidate(1, label = $$props.label);
|
|
13626
|
-
if ('name' in $$props) $$invalidate(2, name = $$props.name);
|
|
13627
|
-
};
|
|
13628
|
-
|
|
13629
|
-
$$self.$$.update = () => {
|
|
13630
|
-
if ($$self.$$.dirty &
|
|
13631
|
-
/*isBound, name, ctx, value, label*/
|
|
13632
|
-
31) {
|
|
13633
|
-
{
|
|
13634
|
-
(function () {
|
|
13635
|
-
return _call(tick, function () {
|
|
13636
|
-
if (!isBound) {
|
|
13637
|
-
$$invalidate(4, isBound = true);
|
|
13638
|
-
$$invalidate(3, ctx = getContext(name));
|
|
13639
|
-
ctx.notify({
|
|
13640
|
-
type: "bind",
|
|
13641
|
-
value,
|
|
13642
|
-
label
|
|
13643
|
-
});
|
|
13644
|
-
}
|
|
13645
|
-
});
|
|
13646
|
-
})();
|
|
13647
|
-
}
|
|
13648
|
-
}
|
|
13649
|
-
};
|
|
13650
|
-
|
|
13651
|
-
return [value, label, name, ctx, isBound];
|
|
13652
|
-
}
|
|
13653
|
-
|
|
13654
|
-
class RadioItem extends SvelteElement {
|
|
13655
|
-
constructor(options) {
|
|
13656
|
-
super();
|
|
13657
|
-
init(this, {
|
|
13658
|
-
target: this.shadowRoot,
|
|
13659
|
-
props: attribute_to_object(this.attributes),
|
|
13660
|
-
customElement: true
|
|
13661
|
-
}, instance$7, create_fragment$9, safe_not_equal, {
|
|
13662
|
-
value: 0,
|
|
13663
|
-
label: 1,
|
|
13664
|
-
name: 2
|
|
13665
|
-
}, null);
|
|
13666
|
-
|
|
13667
|
-
if (options) {
|
|
13668
|
-
if (options.target) {
|
|
13669
|
-
insert(options.target, this, options.anchor);
|
|
13670
|
-
}
|
|
13671
|
-
|
|
13672
|
-
if (options.props) {
|
|
13673
|
-
this.$set(options.props);
|
|
13674
|
-
flush();
|
|
13675
|
-
}
|
|
13676
|
-
}
|
|
13677
|
-
}
|
|
13678
|
-
|
|
13679
|
-
static get observedAttributes() {
|
|
13680
|
-
return ["value", "label", "name"];
|
|
13681
|
-
}
|
|
13682
|
-
|
|
13683
|
-
get value() {
|
|
13684
|
-
return this.$$.ctx[0];
|
|
13685
|
-
}
|
|
13686
|
-
|
|
13687
|
-
set value(value) {
|
|
13688
|
-
this.$$set({
|
|
13689
|
-
value
|
|
13690
|
-
});
|
|
13691
|
-
flush();
|
|
13692
|
-
}
|
|
13693
|
-
|
|
13694
|
-
get label() {
|
|
13695
|
-
return this.$$.ctx[1];
|
|
13696
|
-
}
|
|
13697
|
-
|
|
13698
|
-
set label(label) {
|
|
13699
|
-
this.$$set({
|
|
13700
|
-
label
|
|
13701
|
-
});
|
|
13702
|
-
flush();
|
|
13703
|
-
}
|
|
13704
|
-
|
|
13705
|
-
get name() {
|
|
13706
|
-
return this.$$.ctx[2];
|
|
13707
|
-
}
|
|
13708
|
-
|
|
13709
|
-
set name(name) {
|
|
13710
|
-
this.$$set({
|
|
13711
|
-
name
|
|
13712
|
-
});
|
|
13713
|
-
flush();
|
|
13714
|
-
}
|
|
13715
|
-
|
|
13716
|
-
}
|
|
13717
|
-
|
|
13718
|
-
customElements.define("goa-radio-item", RadioItem);
|
|
13719
13509
|
/* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.51.0 */
|
|
13720
13510
|
|
|
13721
13511
|
function create_fragment$8(ctx) {
|
|
@@ -14764,6 +14554,70 @@
|
|
|
14764
14554
|
}
|
|
14765
14555
|
|
|
14766
14556
|
customElements.define("goa-spacer", Spacer);
|
|
14557
|
+
const subscriber_queue = [];
|
|
14558
|
+
/**
|
|
14559
|
+
* Create a `Writable` store that allows both updating and reading by subscription.
|
|
14560
|
+
* @param {*=}value initial value
|
|
14561
|
+
* @param {StartStopNotifier=}start start and stop notifications for subscriptions
|
|
14562
|
+
*/
|
|
14563
|
+
|
|
14564
|
+
function writable(value, start = noop) {
|
|
14565
|
+
let stop;
|
|
14566
|
+
const subscribers = new Set();
|
|
14567
|
+
|
|
14568
|
+
function set(new_value) {
|
|
14569
|
+
if (safe_not_equal(value, new_value)) {
|
|
14570
|
+
value = new_value;
|
|
14571
|
+
|
|
14572
|
+
if (stop) {
|
|
14573
|
+
// store is ready
|
|
14574
|
+
const run_queue = !subscriber_queue.length;
|
|
14575
|
+
|
|
14576
|
+
for (const subscriber of subscribers) {
|
|
14577
|
+
subscriber[1]();
|
|
14578
|
+
subscriber_queue.push(subscriber, value);
|
|
14579
|
+
}
|
|
14580
|
+
|
|
14581
|
+
if (run_queue) {
|
|
14582
|
+
for (let i = 0; i < subscriber_queue.length; i += 2) {
|
|
14583
|
+
subscriber_queue[i][0](subscriber_queue[i + 1]);
|
|
14584
|
+
}
|
|
14585
|
+
|
|
14586
|
+
subscriber_queue.length = 0;
|
|
14587
|
+
}
|
|
14588
|
+
}
|
|
14589
|
+
}
|
|
14590
|
+
}
|
|
14591
|
+
|
|
14592
|
+
function update(fn) {
|
|
14593
|
+
set(fn(value));
|
|
14594
|
+
}
|
|
14595
|
+
|
|
14596
|
+
function subscribe(run, invalidate = noop) {
|
|
14597
|
+
const subscriber = [run, invalidate];
|
|
14598
|
+
subscribers.add(subscriber);
|
|
14599
|
+
|
|
14600
|
+
if (subscribers.size === 1) {
|
|
14601
|
+
stop = start(set) || noop;
|
|
14602
|
+
}
|
|
14603
|
+
|
|
14604
|
+
run(value);
|
|
14605
|
+
return () => {
|
|
14606
|
+
subscribers.delete(subscriber);
|
|
14607
|
+
|
|
14608
|
+
if (subscribers.size === 0) {
|
|
14609
|
+
stop();
|
|
14610
|
+
stop = null;
|
|
14611
|
+
}
|
|
14612
|
+
};
|
|
14613
|
+
}
|
|
14614
|
+
|
|
14615
|
+
return {
|
|
14616
|
+
set,
|
|
14617
|
+
update,
|
|
14618
|
+
subscribe
|
|
14619
|
+
};
|
|
14620
|
+
}
|
|
14767
14621
|
|
|
14768
14622
|
function is_date(obj) {
|
|
14769
14623
|
return Object.prototype.toString.call(obj) === '[object Date]';
|
|
@@ -16757,16 +16611,17 @@
|
|
|
16757
16611
|
}, void 0);
|
|
16758
16612
|
}
|
|
16759
16613
|
|
|
16760
|
-
|
|
16761
|
-
|
|
16762
|
-
"
|
|
16763
|
-
|
|
16764
|
-
|
|
16765
|
-
|
|
16766
|
-
|
|
16767
|
-
|
|
16768
|
-
|
|
16769
|
-
|
|
16614
|
+
function stringify(value) {
|
|
16615
|
+
if (typeof value === "undefined") {
|
|
16616
|
+
return "";
|
|
16617
|
+
}
|
|
16618
|
+
|
|
16619
|
+
if (typeof value === "string") {
|
|
16620
|
+
return value;
|
|
16621
|
+
}
|
|
16622
|
+
|
|
16623
|
+
return JSON.stringify(value);
|
|
16624
|
+
}
|
|
16770
16625
|
|
|
16771
16626
|
var GoADropdown = function GoADropdown(props) {
|
|
16772
16627
|
var el = react.useRef(null);
|
|
@@ -16793,7 +16648,7 @@
|
|
|
16793
16648
|
return jsxRuntime.jsx("goa-dropdown", __assign({
|
|
16794
16649
|
ref: el,
|
|
16795
16650
|
name: props.name,
|
|
16796
|
-
value:
|
|
16651
|
+
value: stringify(props.value),
|
|
16797
16652
|
arialabel: props.ariaLabel,
|
|
16798
16653
|
disabled: props.disabled,
|
|
16799
16654
|
error: props.error,
|
|
@@ -16814,6 +16669,25 @@
|
|
|
16814
16669
|
}), void 0);
|
|
16815
16670
|
};
|
|
16816
16671
|
|
|
16672
|
+
function GoADropdownOption(props) {
|
|
16673
|
+
react.useEffect(function () {
|
|
16674
|
+
console.warn("GoADropdownOption is deprecated. Please use GoADropdownItem");
|
|
16675
|
+
}, []);
|
|
16676
|
+
return jsxRuntime.jsx(GoADropdownItem, __assign({}, props), void 0);
|
|
16677
|
+
}
|
|
16678
|
+
function GoADropdownItem(_a) {
|
|
16679
|
+
var value = _a.value,
|
|
16680
|
+
label = _a.label,
|
|
16681
|
+
name = _a.name,
|
|
16682
|
+
testId = _a.testId;
|
|
16683
|
+
return jsxRuntime.jsx("goa-dropdown-item", {
|
|
16684
|
+
"data-testid": testId,
|
|
16685
|
+
value: value,
|
|
16686
|
+
label: label,
|
|
16687
|
+
name: name
|
|
16688
|
+
}, void 0);
|
|
16689
|
+
}
|
|
16690
|
+
|
|
16817
16691
|
function GoAAppFooterMetaSection(_a) {
|
|
16818
16692
|
var children = _a.children;
|
|
16819
16693
|
return jsxRuntime.jsx("goa-app-footer-meta-section", __assign({
|
|
@@ -17552,6 +17426,7 @@
|
|
|
17552
17426
|
exports.GoAContainer = GoAContainer;
|
|
17553
17427
|
exports.GoADivider = GoADivider;
|
|
17554
17428
|
exports.GoADropdown = GoADropdown;
|
|
17429
|
+
exports.GoADropdownItem = GoADropdownItem;
|
|
17555
17430
|
exports.GoADropdownOption = GoADropdownOption;
|
|
17556
17431
|
exports.GoAEmergencyBadge = GoAEmergencyBadge;
|
|
17557
17432
|
exports.GoAFormItem = GoAFormItem;
|