@abgov/web-components 1.0.0-alpha.88 → 1.0.0-alpha.89
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/package.json +1 -1
- package/web-components.es.js +405 -325
- package/web-components.umd.js +42 -31
package/web-components.es.js
CHANGED
|
@@ -3336,7 +3336,7 @@ function create_fragment$r(ctx) {
|
|
|
3336
3336
|
attr(div2, "class", "content");
|
|
3337
3337
|
|
|
3338
3338
|
attr(div3, "class", div3_class_value = `
|
|
3339
|
-
goa-container
|
|
3339
|
+
goa-container
|
|
3340
3340
|
goa-container--${/*variant*/ ctx[0]}
|
|
3341
3341
|
padding--${/*padding*/ ctx[2]}
|
|
3342
3342
|
`);
|
|
@@ -3358,7 +3358,7 @@ function create_fragment$r(ctx) {
|
|
|
3358
3358
|
}
|
|
3359
3359
|
|
|
3360
3360
|
if (dirty & /*variant, padding*/ 5 && div3_class_value !== (div3_class_value = `
|
|
3361
|
-
goa-container
|
|
3361
|
+
goa-container
|
|
3362
3362
|
goa-container--${/*variant*/ ctx[0]}
|
|
3363
3363
|
padding--${/*padding*/ ctx[2]}
|
|
3364
3364
|
`)) {
|
|
@@ -3379,7 +3379,7 @@ function create_fragment$r(ctx) {
|
|
|
3379
3379
|
|
|
3380
3380
|
function instance$p($$self, $$props, $$invalidate) {
|
|
3381
3381
|
let _colored;
|
|
3382
|
-
let { variant = '
|
|
3382
|
+
let { variant = 'non-interactive' } = $$props;
|
|
3383
3383
|
let { colored = "false" } = $$props;
|
|
3384
3384
|
let { headingsize = 'large' } = $$props;
|
|
3385
3385
|
let { padding = "relaxed" } = $$props;
|
|
@@ -3403,7 +3403,7 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
3403
3403
|
class Container extends SvelteElement {
|
|
3404
3404
|
constructor(options) {
|
|
3405
3405
|
super();
|
|
3406
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family);font-size:var(--fs-base)}.goa-container{margin-bottom:1rem;box-sizing:border-box}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--fs-base);border-width:1px;border-style:solid;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.content{border-bottom:1px solid var(--color-gray-200);border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.goa-container--
|
|
3406
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family);font-size:var(--fs-base)}.goa-container{margin-bottom:1rem;box-sizing:border-box}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--fs-base);border-width:1px;border-style:solid;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.content{border-bottom:1px solid var(--color-gray-200);border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.goa-container--non-interactive.colored .content{border-color:var(--color-gray-200);background-color:var(--color-gray-100)}.goa-container--important.colored .content{border-color:var(--goa-color-status-warning);background-color:var(--goa-color-status-warning-50)}.goa-container--error.colored .content{border-color:var(--goa-color-status-emergency);background-color:var(--goa-color-status-emergency-50)}.goa-container--success.colored .content{border-color:var(--goa-color-status-success);background-color:var(--goa-color-status-success-50)}.goa-container--info.colored .content{border-color:var(--goa-color-status-info);background-color:var(--goa-color-status-info-50)}.title>*,.actions>*{line-height:3rem}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-black)}.goa-container--interactive header{background-color:var(--goa-color-brand);border-color:var(--goa-color-brand);color:var(--color-white)}.goa-container--info header{background-color:var(--goa-color-status-info);border-color:var(--goa-color-status-info);color:var(--color-white)}.goa-container--error header{background-color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency);color:var(--color-white)}.goa-container--success header{background-color:var(--goa-color-status-success);border-color:var(--goa-color-status-success);color:var(--color-white)}.goa-container--important header{background-color:var(--goa-color-status-warning);border-color:var(--goa-color-status-warning);color:var(--color-white)}.heading--large{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--large .title{line-height:2rem}.heading--small{height:0.5rem}.heading--none{display:none}.heading--none~.content{border-top:1px solid var(--color-gray-200);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.heading--small .title,.heading--small .actions{display:none}.actions{display:flex;align-items:center}</style>`;
|
|
3407
3407
|
|
|
3408
3408
|
init(
|
|
3409
3409
|
this,
|
|
@@ -3572,12 +3572,12 @@ const BIND$1 = "bind";
|
|
|
3572
3572
|
|
|
3573
3573
|
function get_each_context$4(ctx, list, i) {
|
|
3574
3574
|
const child_ctx = ctx.slice();
|
|
3575
|
-
child_ctx[
|
|
3576
|
-
child_ctx[
|
|
3575
|
+
child_ctx[36] = list[i];
|
|
3576
|
+
child_ctx[38] = i;
|
|
3577
3577
|
return child_ctx;
|
|
3578
3578
|
}
|
|
3579
3579
|
|
|
3580
|
-
// (
|
|
3580
|
+
// (180:2) {#if isMenuVisible}
|
|
3581
3581
|
function create_if_block$d(ctx) {
|
|
3582
3582
|
let div;
|
|
3583
3583
|
let div_data_testid_value;
|
|
@@ -3594,7 +3594,7 @@ function create_if_block$d(ctx) {
|
|
|
3594
3594
|
insert(target, div, anchor);
|
|
3595
3595
|
|
|
3596
3596
|
if (!mounted) {
|
|
3597
|
-
dispose = listen(div, "click", /*closeMenu*/ ctx[
|
|
3597
|
+
dispose = listen(div, "click", /*closeMenu*/ ctx[18]);
|
|
3598
3598
|
mounted = true;
|
|
3599
3599
|
}
|
|
3600
3600
|
},
|
|
@@ -3611,12 +3611,13 @@ function create_if_block$d(ctx) {
|
|
|
3611
3611
|
};
|
|
3612
3612
|
}
|
|
3613
3613
|
|
|
3614
|
-
// (
|
|
3614
|
+
// (216:4) {#each options as option, index (option.value)}
|
|
3615
3615
|
function create_each_block$4(key_1, ctx) {
|
|
3616
3616
|
let li;
|
|
3617
|
-
let t0_value = /*option*/ ctx[
|
|
3617
|
+
let t0_value = /*option*/ ctx[36].label + "";
|
|
3618
3618
|
let t0;
|
|
3619
3619
|
let t1;
|
|
3620
|
+
let li_aria_label_value;
|
|
3620
3621
|
let li_data_testid_value;
|
|
3621
3622
|
let li_data_index_value;
|
|
3622
3623
|
let li_style_value;
|
|
@@ -3624,7 +3625,7 @@ function create_each_block$4(key_1, ctx) {
|
|
|
3624
3625
|
let dispose;
|
|
3625
3626
|
|
|
3626
3627
|
function click_handler() {
|
|
3627
|
-
return /*click_handler*/ ctx[
|
|
3628
|
+
return /*click_handler*/ ctx[22](/*option*/ ctx[36]);
|
|
3628
3629
|
}
|
|
3629
3630
|
|
|
3630
3631
|
return {
|
|
@@ -3634,13 +3635,14 @@ function create_each_block$4(key_1, ctx) {
|
|
|
3634
3635
|
li = element("li");
|
|
3635
3636
|
t0 = text(t0_value);
|
|
3636
3637
|
t1 = space();
|
|
3637
|
-
attr(li, "
|
|
3638
|
-
attr(li, "data-
|
|
3638
|
+
attr(li, "aria-label", li_aria_label_value = /*option*/ ctx[36].label || /*option*/ ctx[36].value);
|
|
3639
|
+
attr(li, "data-testid", li_data_testid_value = `${/*option*/ ctx[36].value}-dropdown-item`);
|
|
3640
|
+
attr(li, "data-index", li_data_index_value = /*index*/ ctx[38]);
|
|
3639
3641
|
attr(li, "class", "goa-dropdown-option");
|
|
3640
3642
|
attr(li, "style", li_style_value = `display: ${"block"}`);
|
|
3641
3643
|
toggle_class(li, "goa-dropdown-option--disabled", false);
|
|
3642
|
-
toggle_class(li, "goa-dropdown-option--tabbed", /*index*/ ctx[
|
|
3643
|
-
toggle_class(li, "goa-dropdown-option--selected", /*_values*/ ctx[
|
|
3644
|
+
toggle_class(li, "goa-dropdown-option--tabbed", /*index*/ ctx[38] === /*highlightedIndex*/ ctx[13]);
|
|
3645
|
+
toggle_class(li, "goa-dropdown-option--selected", /*_values*/ ctx[9].includes(/*option*/ ctx[36].value));
|
|
3644
3646
|
this.first = li;
|
|
3645
3647
|
},
|
|
3646
3648
|
m(target, anchor) {
|
|
@@ -3655,22 +3657,26 @@ function create_each_block$4(key_1, ctx) {
|
|
|
3655
3657
|
},
|
|
3656
3658
|
p(new_ctx, dirty) {
|
|
3657
3659
|
ctx = new_ctx;
|
|
3658
|
-
if (dirty[0] & /*options*/
|
|
3660
|
+
if (dirty[0] & /*options*/ 1024 && t0_value !== (t0_value = /*option*/ ctx[36].label + "")) set_data(t0, t0_value);
|
|
3659
3661
|
|
|
3660
|
-
if (dirty[0] & /*options*/
|
|
3662
|
+
if (dirty[0] & /*options*/ 1024 && li_aria_label_value !== (li_aria_label_value = /*option*/ ctx[36].label || /*option*/ ctx[36].value)) {
|
|
3663
|
+
attr(li, "aria-label", li_aria_label_value);
|
|
3664
|
+
}
|
|
3665
|
+
|
|
3666
|
+
if (dirty[0] & /*options*/ 1024 && li_data_testid_value !== (li_data_testid_value = `${/*option*/ ctx[36].value}-dropdown-item`)) {
|
|
3661
3667
|
attr(li, "data-testid", li_data_testid_value);
|
|
3662
3668
|
}
|
|
3663
3669
|
|
|
3664
|
-
if (dirty[0] & /*options*/
|
|
3670
|
+
if (dirty[0] & /*options*/ 1024 && li_data_index_value !== (li_data_index_value = /*index*/ ctx[38])) {
|
|
3665
3671
|
attr(li, "data-index", li_data_index_value);
|
|
3666
3672
|
}
|
|
3667
3673
|
|
|
3668
|
-
if (dirty[0] & /*options, highlightedIndex*/
|
|
3669
|
-
toggle_class(li, "goa-dropdown-option--tabbed", /*index*/ ctx[
|
|
3674
|
+
if (dirty[0] & /*options, highlightedIndex*/ 9216) {
|
|
3675
|
+
toggle_class(li, "goa-dropdown-option--tabbed", /*index*/ ctx[38] === /*highlightedIndex*/ ctx[13]);
|
|
3670
3676
|
}
|
|
3671
3677
|
|
|
3672
|
-
if (dirty[0] & /*_values, options*/
|
|
3673
|
-
toggle_class(li, "goa-dropdown-option--selected", /*_values*/ ctx[
|
|
3678
|
+
if (dirty[0] & /*_values, options*/ 1536) {
|
|
3679
|
+
toggle_class(li, "goa-dropdown-option--selected", /*_values*/ ctx[9].includes(/*option*/ ctx[36].value));
|
|
3674
3680
|
}
|
|
3675
3681
|
},
|
|
3676
3682
|
d(detaching) {
|
|
@@ -3687,6 +3693,7 @@ function create_fragment$q(ctx) {
|
|
|
3687
3693
|
let div0;
|
|
3688
3694
|
let goa_input;
|
|
3689
3695
|
let goa_input_id_value;
|
|
3696
|
+
let goa_input_aria_label_value;
|
|
3690
3697
|
let div0_data_testid_value;
|
|
3691
3698
|
let t1;
|
|
3692
3699
|
let ul;
|
|
@@ -3698,9 +3705,9 @@ function create_fragment$q(ctx) {
|
|
|
3698
3705
|
let div1_style_value;
|
|
3699
3706
|
let mounted;
|
|
3700
3707
|
let dispose;
|
|
3701
|
-
let if_block = /*isMenuVisible*/ ctx[
|
|
3702
|
-
let each_value = /*options*/ ctx[
|
|
3703
|
-
const get_key = ctx => /*option*/ ctx[
|
|
3708
|
+
let if_block = /*isMenuVisible*/ ctx[12] && create_if_block$d(ctx);
|
|
3709
|
+
let each_value = /*options*/ ctx[10];
|
|
3710
|
+
const get_key = ctx => /*option*/ ctx[36].value;
|
|
3704
3711
|
|
|
3705
3712
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
3706
3713
|
let child_ctx = get_each_context$4(ctx, each_value, i);
|
|
@@ -3725,26 +3732,26 @@ function create_fragment$q(ctx) {
|
|
|
3725
3732
|
}
|
|
3726
3733
|
|
|
3727
3734
|
this.c = noop;
|
|
3728
|
-
set_custom_element_data(goa_input, "error", /*error*/ ctx[
|
|
3729
|
-
set_custom_element_data(goa_input, "disabled", /*disabled*/ ctx[
|
|
3730
|
-
set_custom_element_data(goa_input, "leadingicon", /*leadingicon*/ ctx[
|
|
3731
|
-
set_custom_element_data(goa_input, "placeholder", /*placeholder*/ ctx[
|
|
3735
|
+
set_custom_element_data(goa_input, "error", /*error*/ ctx[8]);
|
|
3736
|
+
set_custom_element_data(goa_input, "disabled", /*disabled*/ ctx[7]);
|
|
3737
|
+
set_custom_element_data(goa_input, "leadingicon", /*leadingicon*/ ctx[2]);
|
|
3738
|
+
set_custom_element_data(goa_input, "placeholder", /*placeholder*/ ctx[4]);
|
|
3732
3739
|
set_custom_element_data(goa_input, "width", "100%");
|
|
3733
3740
|
set_custom_element_data(goa_input, "id", goa_input_id_value = `${/*name*/ ctx[0]}-dropdown-input`);
|
|
3734
|
-
set_custom_element_data(goa_input, "
|
|
3741
|
+
set_custom_element_data(goa_input, "aria-label", goa_input_aria_label_value = /*arialabel*/ ctx[1] || /*name*/ ctx[0]);
|
|
3735
3742
|
set_custom_element_data(goa_input, "readonly", "");
|
|
3736
3743
|
set_custom_element_data(goa_input, "trailingicon", "chevron-down");
|
|
3737
3744
|
set_custom_element_data(goa_input, "type", "text");
|
|
3738
|
-
set_custom_element_data(goa_input, "value", /*selectedLabel*/ ctx[
|
|
3745
|
+
set_custom_element_data(goa_input, "value", /*selectedLabel*/ ctx[11]);
|
|
3739
3746
|
attr(div0, "data-testid", div0_data_testid_value = `${/*name*/ ctx[0]}-dropdown`);
|
|
3740
3747
|
attr(ul, "data-testid", "dropdown-menu");
|
|
3741
3748
|
attr(ul, "tabindex", "0");
|
|
3742
3749
|
attr(ul, "class", "goa-dropdown-list");
|
|
3743
|
-
attr(ul, "style", ul_style_value = `overflow-y: auto; max-height: ${/*maxheight*/ ctx[
|
|
3744
|
-
toggle_class(ul, "dropdown-active", /*isMenuVisible*/ ctx[
|
|
3745
|
-
attr(div1, "data-testid", /*testid*/ ctx[
|
|
3750
|
+
attr(ul, "style", ul_style_value = `overflow-y: auto; max-height: ${/*maxheight*/ ctx[3]}`);
|
|
3751
|
+
toggle_class(ul, "dropdown-active", /*isMenuVisible*/ ctx[12]);
|
|
3752
|
+
attr(div1, "data-testid", /*testid*/ ctx[5]);
|
|
3746
3753
|
attr(div1, "class", "goa-dropdown-box");
|
|
3747
|
-
attr(div1, "style", div1_style_value = `--width: ${/*width*/ ctx[
|
|
3754
|
+
attr(div1, "style", div1_style_value = `--width: ${/*width*/ ctx[6] || /*computedWidth*/ ctx[14]}`);
|
|
3748
3755
|
},
|
|
3749
3756
|
m(target, anchor) {
|
|
3750
3757
|
insert(target, div1, anchor);
|
|
@@ -3761,16 +3768,16 @@ function create_fragment$q(ctx) {
|
|
|
3761
3768
|
each_blocks[i].m(ul, null);
|
|
3762
3769
|
}
|
|
3763
3770
|
|
|
3764
|
-
/*ul_binding*/ ctx[
|
|
3765
|
-
/*div1_binding*/ ctx[
|
|
3771
|
+
/*ul_binding*/ ctx[23](ul);
|
|
3772
|
+
/*div1_binding*/ ctx[24](div1);
|
|
3766
3773
|
|
|
3767
3774
|
if (!mounted) {
|
|
3768
|
-
dispose = listen(goa_input, "click", /*showMenu*/ ctx[
|
|
3775
|
+
dispose = listen(goa_input, "click", /*showMenu*/ ctx[17]);
|
|
3769
3776
|
mounted = true;
|
|
3770
3777
|
}
|
|
3771
3778
|
},
|
|
3772
3779
|
p(ctx, dirty) {
|
|
3773
|
-
if (/*isMenuVisible*/ ctx[
|
|
3780
|
+
if (/*isMenuVisible*/ ctx[12]) {
|
|
3774
3781
|
if (if_block) {
|
|
3775
3782
|
if_block.p(ctx, dirty);
|
|
3776
3783
|
} else {
|
|
@@ -3783,52 +3790,56 @@ function create_fragment$q(ctx) {
|
|
|
3783
3790
|
if_block = null;
|
|
3784
3791
|
}
|
|
3785
3792
|
|
|
3786
|
-
if (dirty[0] & /*error*/
|
|
3787
|
-
set_custom_element_data(goa_input, "error", /*error*/ ctx[
|
|
3793
|
+
if (dirty[0] & /*error*/ 256) {
|
|
3794
|
+
set_custom_element_data(goa_input, "error", /*error*/ ctx[8]);
|
|
3788
3795
|
}
|
|
3789
3796
|
|
|
3790
|
-
if (dirty[0] & /*disabled*/
|
|
3791
|
-
set_custom_element_data(goa_input, "disabled", /*disabled*/ ctx[
|
|
3797
|
+
if (dirty[0] & /*disabled*/ 128) {
|
|
3798
|
+
set_custom_element_data(goa_input, "disabled", /*disabled*/ ctx[7]);
|
|
3792
3799
|
}
|
|
3793
3800
|
|
|
3794
|
-
if (dirty[0] & /*leadingicon*/
|
|
3795
|
-
set_custom_element_data(goa_input, "leadingicon", /*leadingicon*/ ctx[
|
|
3801
|
+
if (dirty[0] & /*leadingicon*/ 4) {
|
|
3802
|
+
set_custom_element_data(goa_input, "leadingicon", /*leadingicon*/ ctx[2]);
|
|
3796
3803
|
}
|
|
3797
3804
|
|
|
3798
|
-
if (dirty[0] & /*placeholder*/
|
|
3799
|
-
set_custom_element_data(goa_input, "placeholder", /*placeholder*/ ctx[
|
|
3805
|
+
if (dirty[0] & /*placeholder*/ 16) {
|
|
3806
|
+
set_custom_element_data(goa_input, "placeholder", /*placeholder*/ ctx[4]);
|
|
3800
3807
|
}
|
|
3801
3808
|
|
|
3802
3809
|
if (dirty[0] & /*name*/ 1 && goa_input_id_value !== (goa_input_id_value = `${/*name*/ ctx[0]}-dropdown-input`)) {
|
|
3803
3810
|
set_custom_element_data(goa_input, "id", goa_input_id_value);
|
|
3804
3811
|
}
|
|
3805
3812
|
|
|
3806
|
-
if (dirty[0] & /*
|
|
3807
|
-
set_custom_element_data(goa_input, "
|
|
3813
|
+
if (dirty[0] & /*arialabel, name*/ 3 && goa_input_aria_label_value !== (goa_input_aria_label_value = /*arialabel*/ ctx[1] || /*name*/ ctx[0])) {
|
|
3814
|
+
set_custom_element_data(goa_input, "aria-label", goa_input_aria_label_value);
|
|
3815
|
+
}
|
|
3816
|
+
|
|
3817
|
+
if (dirty[0] & /*selectedLabel*/ 2048) {
|
|
3818
|
+
set_custom_element_data(goa_input, "value", /*selectedLabel*/ ctx[11]);
|
|
3808
3819
|
}
|
|
3809
3820
|
|
|
3810
3821
|
if (dirty[0] & /*name*/ 1 && div0_data_testid_value !== (div0_data_testid_value = `${/*name*/ ctx[0]}-dropdown`)) {
|
|
3811
3822
|
attr(div0, "data-testid", div0_data_testid_value);
|
|
3812
3823
|
}
|
|
3813
3824
|
|
|
3814
|
-
if (dirty[0] & /*options, highlightedIndex, _values, onSelect*/
|
|
3815
|
-
each_value = /*options*/ ctx[
|
|
3825
|
+
if (dirty[0] & /*options, highlightedIndex, _values, onSelect*/ 534016) {
|
|
3826
|
+
each_value = /*options*/ ctx[10];
|
|
3816
3827
|
each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, ul, destroy_block, create_each_block$4, null, get_each_context$4);
|
|
3817
3828
|
}
|
|
3818
3829
|
|
|
3819
|
-
if (dirty[0] & /*maxheight*/
|
|
3830
|
+
if (dirty[0] & /*maxheight*/ 8 && ul_style_value !== (ul_style_value = `overflow-y: auto; max-height: ${/*maxheight*/ ctx[3]}`)) {
|
|
3820
3831
|
attr(ul, "style", ul_style_value);
|
|
3821
3832
|
}
|
|
3822
3833
|
|
|
3823
|
-
if (dirty[0] & /*isMenuVisible*/
|
|
3824
|
-
toggle_class(ul, "dropdown-active", /*isMenuVisible*/ ctx[
|
|
3834
|
+
if (dirty[0] & /*isMenuVisible*/ 4096) {
|
|
3835
|
+
toggle_class(ul, "dropdown-active", /*isMenuVisible*/ ctx[12]);
|
|
3825
3836
|
}
|
|
3826
3837
|
|
|
3827
|
-
if (dirty[0] & /*testid*/
|
|
3828
|
-
attr(div1, "data-testid", /*testid*/ ctx[
|
|
3838
|
+
if (dirty[0] & /*testid*/ 32) {
|
|
3839
|
+
attr(div1, "data-testid", /*testid*/ ctx[5]);
|
|
3829
3840
|
}
|
|
3830
3841
|
|
|
3831
|
-
if (dirty[0] & /*width, computedWidth*/
|
|
3842
|
+
if (dirty[0] & /*width, computedWidth*/ 16448 && div1_style_value !== (div1_style_value = `--width: ${/*width*/ ctx[6] || /*computedWidth*/ ctx[14]}`)) {
|
|
3832
3843
|
attr(div1, "style", div1_style_value);
|
|
3833
3844
|
}
|
|
3834
3845
|
},
|
|
@@ -3842,8 +3853,8 @@ function create_fragment$q(ctx) {
|
|
|
3842
3853
|
each_blocks[i].d();
|
|
3843
3854
|
}
|
|
3844
3855
|
|
|
3845
|
-
/*ul_binding*/ ctx[
|
|
3846
|
-
/*div1_binding*/ ctx[
|
|
3856
|
+
/*ul_binding*/ ctx[23](null);
|
|
3857
|
+
/*div1_binding*/ ctx[24](null);
|
|
3847
3858
|
mounted = false;
|
|
3848
3859
|
dispose();
|
|
3849
3860
|
}
|
|
@@ -3856,6 +3867,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3856
3867
|
let _disabled;
|
|
3857
3868
|
let _multiselect;
|
|
3858
3869
|
let { name } = $$props;
|
|
3870
|
+
let { arialabel = "" } = $$props;
|
|
3859
3871
|
let { value = "" } = $$props;
|
|
3860
3872
|
let { leadingicon = null } = $$props;
|
|
3861
3873
|
let { maxheight = MAX_HEIGHT } = $$props;
|
|
@@ -3901,7 +3913,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3901
3913
|
const rawValues = typeof rawValue === "object" ? rawValue : [rawValue];
|
|
3902
3914
|
|
|
3903
3915
|
// convert all values to strings to avoid later type comparison issues
|
|
3904
|
-
$$invalidate(
|
|
3916
|
+
$$invalidate(9, _values = rawValues.map(val => `${val}`));
|
|
3905
3917
|
|
|
3906
3918
|
bindContext();
|
|
3907
3919
|
});
|
|
@@ -3922,15 +3934,15 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3922
3934
|
{
|
|
3923
3935
|
const _data = data;
|
|
3924
3936
|
const selected = _values.includes(_data.value);
|
|
3925
|
-
$$invalidate(
|
|
3937
|
+
$$invalidate(10, options = [...options, Object.assign(Object.assign({}, _data), { selected })]);
|
|
3926
3938
|
|
|
3927
3939
|
if (selected) {
|
|
3928
|
-
$$invalidate(
|
|
3940
|
+
$$invalidate(11, selectedLabel = _data.label);
|
|
3929
3941
|
}
|
|
3930
3942
|
|
|
3931
3943
|
if (!width && maxLetterCount < _data.label.length) {
|
|
3932
3944
|
maxLetterCount = _data.label.length;
|
|
3933
|
-
$$invalidate(
|
|
3945
|
+
$$invalidate(14, computedWidth = `${Math.max(20, maxLetterCount + 12)}ch`);
|
|
3934
3946
|
}
|
|
3935
3947
|
|
|
3936
3948
|
setHighlightedIndexToSelected();
|
|
@@ -3945,7 +3957,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3945
3957
|
return;
|
|
3946
3958
|
}
|
|
3947
3959
|
|
|
3948
|
-
$$invalidate(
|
|
3960
|
+
$$invalidate(12, isMenuVisible = true);
|
|
3949
3961
|
await tick();
|
|
3950
3962
|
|
|
3951
3963
|
// hide menu on blur
|
|
@@ -3964,17 +3976,17 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3964
3976
|
menuEl.removeEventListener("keydown", onMenuKeyDown);
|
|
3965
3977
|
menuEl.removeEventListener("mouseover", onHighlight);
|
|
3966
3978
|
setHighlightedIndexToSelected();
|
|
3967
|
-
$$invalidate(
|
|
3979
|
+
$$invalidate(12, isMenuVisible = false);
|
|
3968
3980
|
}
|
|
3969
3981
|
|
|
3970
3982
|
function setHighlightedIndexToSelected() {
|
|
3971
|
-
$$invalidate(
|
|
3983
|
+
$$invalidate(13, highlightedIndex = options.findIndex(option => _values.includes(option.value)));
|
|
3972
3984
|
}
|
|
3973
3985
|
|
|
3974
3986
|
// Event handlers
|
|
3975
3987
|
function onSelect(val, label) {
|
|
3976
3988
|
if (_disabled) return;
|
|
3977
|
-
$$invalidate(
|
|
3989
|
+
$$invalidate(11, selectedLabel = label);
|
|
3978
3990
|
|
|
3979
3991
|
if (_multiselect) {
|
|
3980
3992
|
_values.push(val);
|
|
@@ -3985,7 +3997,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3985
3997
|
detail: { name, values: _values }
|
|
3986
3998
|
}));
|
|
3987
3999
|
} else {
|
|
3988
|
-
$$invalidate(
|
|
4000
|
+
$$invalidate(9, _values = [val]);
|
|
3989
4001
|
|
|
3990
4002
|
el.dispatchEvent(new CustomEvent("_change",
|
|
3991
4003
|
{
|
|
@@ -4020,14 +4032,14 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
4020
4032
|
switch (e.key) {
|
|
4021
4033
|
case "ArrowUp":
|
|
4022
4034
|
if (highlightedIndex === 0) {
|
|
4023
|
-
$$invalidate(
|
|
4035
|
+
$$invalidate(13, highlightedIndex = options.length - 1);
|
|
4024
4036
|
} else {
|
|
4025
|
-
$$invalidate(
|
|
4037
|
+
$$invalidate(13, highlightedIndex--, highlightedIndex);
|
|
4026
4038
|
}
|
|
4027
4039
|
e.preventDefault();
|
|
4028
4040
|
break;
|
|
4029
4041
|
case "ArrowDown":
|
|
4030
|
-
$$invalidate(
|
|
4042
|
+
$$invalidate(13, highlightedIndex = (highlightedIndex + 1) % options.length);
|
|
4031
4043
|
e.preventDefault();
|
|
4032
4044
|
break;
|
|
4033
4045
|
case "Tab":
|
|
@@ -4043,7 +4055,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
4043
4055
|
}
|
|
4044
4056
|
|
|
4045
4057
|
function onHighlight(e) {
|
|
4046
|
-
$$invalidate(
|
|
4058
|
+
$$invalidate(13, highlightedIndex = Number(e.target.dataset.index));
|
|
4047
4059
|
}
|
|
4048
4060
|
|
|
4049
4061
|
const click_handler = option => onSelect(option.value, option.label);
|
|
@@ -4051,42 +4063,44 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
4051
4063
|
function ul_binding($$value) {
|
|
4052
4064
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
4053
4065
|
menuEl = $$value;
|
|
4054
|
-
$$invalidate(
|
|
4066
|
+
$$invalidate(16, menuEl);
|
|
4055
4067
|
});
|
|
4056
4068
|
}
|
|
4057
4069
|
|
|
4058
4070
|
function div1_binding($$value) {
|
|
4059
4071
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
4060
4072
|
el = $$value;
|
|
4061
|
-
$$invalidate(
|
|
4073
|
+
$$invalidate(15, el);
|
|
4062
4074
|
});
|
|
4063
4075
|
}
|
|
4064
4076
|
|
|
4065
4077
|
$$self.$$set = $$props => {
|
|
4066
4078
|
if ('name' in $$props) $$invalidate(0, name = $$props.name);
|
|
4067
|
-
if ('
|
|
4068
|
-
if ('
|
|
4069
|
-
if ('
|
|
4070
|
-
if ('
|
|
4071
|
-
if ('
|
|
4072
|
-
if ('
|
|
4073
|
-
if ('
|
|
4074
|
-
if ('
|
|
4075
|
-
if ('
|
|
4079
|
+
if ('arialabel' in $$props) $$invalidate(1, arialabel = $$props.arialabel);
|
|
4080
|
+
if ('value' in $$props) $$invalidate(20, value = $$props.value);
|
|
4081
|
+
if ('leadingicon' in $$props) $$invalidate(2, leadingicon = $$props.leadingicon);
|
|
4082
|
+
if ('maxheight' in $$props) $$invalidate(3, maxheight = $$props.maxheight);
|
|
4083
|
+
if ('placeholder' in $$props) $$invalidate(4, placeholder = $$props.placeholder);
|
|
4084
|
+
if ('testid' in $$props) $$invalidate(5, testid = $$props.testid);
|
|
4085
|
+
if ('width' in $$props) $$invalidate(6, width = $$props.width);
|
|
4086
|
+
if ('disabled' in $$props) $$invalidate(7, disabled = $$props.disabled);
|
|
4087
|
+
if ('error' in $$props) $$invalidate(8, error = $$props.error);
|
|
4088
|
+
if ('multiselect' in $$props) $$invalidate(21, multiselect = $$props.multiselect);
|
|
4076
4089
|
};
|
|
4077
4090
|
|
|
4078
4091
|
$$self.$$.update = () => {
|
|
4079
|
-
if ($$self.$$.dirty[0] & /*disabled*/
|
|
4092
|
+
if ($$self.$$.dirty[0] & /*disabled*/ 128) {
|
|
4080
4093
|
_disabled = toBoolean(disabled);
|
|
4081
4094
|
}
|
|
4082
4095
|
|
|
4083
|
-
if ($$self.$$.dirty[0] & /*multiselect*/
|
|
4096
|
+
if ($$self.$$.dirty[0] & /*multiselect*/ 2097152) {
|
|
4084
4097
|
_multiselect = toBoolean(multiselect);
|
|
4085
4098
|
}
|
|
4086
4099
|
};
|
|
4087
4100
|
|
|
4088
4101
|
return [
|
|
4089
4102
|
name,
|
|
4103
|
+
arialabel,
|
|
4090
4104
|
leadingicon,
|
|
4091
4105
|
maxheight,
|
|
4092
4106
|
placeholder,
|
|
@@ -4130,15 +4144,16 @@ class Dropdown extends SvelteElement {
|
|
|
4130
4144
|
safe_not_equal,
|
|
4131
4145
|
{
|
|
4132
4146
|
name: 0,
|
|
4133
|
-
|
|
4134
|
-
|
|
4135
|
-
|
|
4136
|
-
|
|
4137
|
-
|
|
4138
|
-
|
|
4139
|
-
|
|
4140
|
-
|
|
4141
|
-
|
|
4147
|
+
arialabel: 1,
|
|
4148
|
+
value: 20,
|
|
4149
|
+
leadingicon: 2,
|
|
4150
|
+
maxheight: 3,
|
|
4151
|
+
placeholder: 4,
|
|
4152
|
+
testid: 5,
|
|
4153
|
+
width: 6,
|
|
4154
|
+
disabled: 7,
|
|
4155
|
+
error: 8,
|
|
4156
|
+
multiselect: 21
|
|
4142
4157
|
},
|
|
4143
4158
|
null,
|
|
4144
4159
|
[-1, -1]
|
|
@@ -4159,6 +4174,7 @@ class Dropdown extends SvelteElement {
|
|
|
4159
4174
|
static get observedAttributes() {
|
|
4160
4175
|
return [
|
|
4161
4176
|
"name",
|
|
4177
|
+
"arialabel",
|
|
4162
4178
|
"value",
|
|
4163
4179
|
"leadingicon",
|
|
4164
4180
|
"maxheight",
|
|
@@ -4180,8 +4196,17 @@ class Dropdown extends SvelteElement {
|
|
|
4180
4196
|
flush();
|
|
4181
4197
|
}
|
|
4182
4198
|
|
|
4199
|
+
get arialabel() {
|
|
4200
|
+
return this.$$.ctx[1];
|
|
4201
|
+
}
|
|
4202
|
+
|
|
4203
|
+
set arialabel(arialabel) {
|
|
4204
|
+
this.$$set({ arialabel });
|
|
4205
|
+
flush();
|
|
4206
|
+
}
|
|
4207
|
+
|
|
4183
4208
|
get value() {
|
|
4184
|
-
return this.$$.ctx[
|
|
4209
|
+
return this.$$.ctx[20];
|
|
4185
4210
|
}
|
|
4186
4211
|
|
|
4187
4212
|
set value(value) {
|
|
@@ -4190,7 +4215,7 @@ class Dropdown extends SvelteElement {
|
|
|
4190
4215
|
}
|
|
4191
4216
|
|
|
4192
4217
|
get leadingicon() {
|
|
4193
|
-
return this.$$.ctx[
|
|
4218
|
+
return this.$$.ctx[2];
|
|
4194
4219
|
}
|
|
4195
4220
|
|
|
4196
4221
|
set leadingicon(leadingicon) {
|
|
@@ -4199,7 +4224,7 @@ class Dropdown extends SvelteElement {
|
|
|
4199
4224
|
}
|
|
4200
4225
|
|
|
4201
4226
|
get maxheight() {
|
|
4202
|
-
return this.$$.ctx[
|
|
4227
|
+
return this.$$.ctx[3];
|
|
4203
4228
|
}
|
|
4204
4229
|
|
|
4205
4230
|
set maxheight(maxheight) {
|
|
@@ -4208,7 +4233,7 @@ class Dropdown extends SvelteElement {
|
|
|
4208
4233
|
}
|
|
4209
4234
|
|
|
4210
4235
|
get placeholder() {
|
|
4211
|
-
return this.$$.ctx[
|
|
4236
|
+
return this.$$.ctx[4];
|
|
4212
4237
|
}
|
|
4213
4238
|
|
|
4214
4239
|
set placeholder(placeholder) {
|
|
@@ -4217,7 +4242,7 @@ class Dropdown extends SvelteElement {
|
|
|
4217
4242
|
}
|
|
4218
4243
|
|
|
4219
4244
|
get testid() {
|
|
4220
|
-
return this.$$.ctx[
|
|
4245
|
+
return this.$$.ctx[5];
|
|
4221
4246
|
}
|
|
4222
4247
|
|
|
4223
4248
|
set testid(testid) {
|
|
@@ -4226,7 +4251,7 @@ class Dropdown extends SvelteElement {
|
|
|
4226
4251
|
}
|
|
4227
4252
|
|
|
4228
4253
|
get width() {
|
|
4229
|
-
return this.$$.ctx[
|
|
4254
|
+
return this.$$.ctx[6];
|
|
4230
4255
|
}
|
|
4231
4256
|
|
|
4232
4257
|
set width(width) {
|
|
@@ -4235,7 +4260,7 @@ class Dropdown extends SvelteElement {
|
|
|
4235
4260
|
}
|
|
4236
4261
|
|
|
4237
4262
|
get disabled() {
|
|
4238
|
-
return this.$$.ctx[
|
|
4263
|
+
return this.$$.ctx[7];
|
|
4239
4264
|
}
|
|
4240
4265
|
|
|
4241
4266
|
set disabled(disabled) {
|
|
@@ -4244,7 +4269,7 @@ class Dropdown extends SvelteElement {
|
|
|
4244
4269
|
}
|
|
4245
4270
|
|
|
4246
4271
|
get error() {
|
|
4247
|
-
return this.$$.ctx[
|
|
4272
|
+
return this.$$.ctx[8];
|
|
4248
4273
|
}
|
|
4249
4274
|
|
|
4250
4275
|
set error(error) {
|
|
@@ -4253,7 +4278,7 @@ class Dropdown extends SvelteElement {
|
|
|
4253
4278
|
}
|
|
4254
4279
|
|
|
4255
4280
|
get multiselect() {
|
|
4256
|
-
return this.$$.ctx[
|
|
4281
|
+
return this.$$.ctx[21];
|
|
4257
4282
|
}
|
|
4258
4283
|
|
|
4259
4284
|
set multiselect(multiselect) {
|
|
@@ -4473,24 +4498,24 @@ customElements.define("goa-flex-row", FlexRow);
|
|
|
4473
4498
|
/* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.49.0 */
|
|
4474
4499
|
|
|
4475
4500
|
function create_if_block_2$6(ctx) {
|
|
4476
|
-
let
|
|
4501
|
+
let div;
|
|
4477
4502
|
let t0;
|
|
4478
4503
|
let t1;
|
|
4479
4504
|
let if_block = /*isOptional*/ ctx[3] && create_if_block_3$4();
|
|
4480
4505
|
|
|
4481
4506
|
return {
|
|
4482
4507
|
c() {
|
|
4483
|
-
|
|
4508
|
+
div = element("div");
|
|
4484
4509
|
t0 = text(/*label*/ ctx[0]);
|
|
4485
4510
|
t1 = space();
|
|
4486
4511
|
if (if_block) if_block.c();
|
|
4487
|
-
attr(
|
|
4512
|
+
attr(div, "class", "label");
|
|
4488
4513
|
},
|
|
4489
4514
|
m(target, anchor) {
|
|
4490
|
-
insert(target,
|
|
4491
|
-
append(
|
|
4492
|
-
append(
|
|
4493
|
-
if (if_block) if_block.m(
|
|
4515
|
+
insert(target, div, anchor);
|
|
4516
|
+
append(div, t0);
|
|
4517
|
+
append(div, t1);
|
|
4518
|
+
if (if_block) if_block.m(div, null);
|
|
4494
4519
|
},
|
|
4495
4520
|
p(ctx, dirty) {
|
|
4496
4521
|
if (dirty & /*label*/ 1) set_data(t0, /*label*/ ctx[0]);
|
|
@@ -4499,7 +4524,7 @@ function create_if_block_2$6(ctx) {
|
|
|
4499
4524
|
if (if_block) ; else {
|
|
4500
4525
|
if_block = create_if_block_3$4();
|
|
4501
4526
|
if_block.c();
|
|
4502
|
-
if_block.m(
|
|
4527
|
+
if_block.m(div, null);
|
|
4503
4528
|
}
|
|
4504
4529
|
} else if (if_block) {
|
|
4505
4530
|
if_block.d(1);
|
|
@@ -4507,7 +4532,7 @@ function create_if_block_2$6(ctx) {
|
|
|
4507
4532
|
}
|
|
4508
4533
|
},
|
|
4509
4534
|
d(detaching) {
|
|
4510
|
-
if (detaching) detach(
|
|
4535
|
+
if (detaching) detach(div);
|
|
4511
4536
|
if (if_block) if_block.d();
|
|
4512
4537
|
}
|
|
4513
4538
|
};
|
|
@@ -4670,7 +4695,7 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
4670
4695
|
let { label = "" } = $$props;
|
|
4671
4696
|
let { helptext = "" } = $$props;
|
|
4672
4697
|
let { error = "" } = $$props;
|
|
4673
|
-
let { optional } = $$props;
|
|
4698
|
+
let { optional = "" } = $$props;
|
|
4674
4699
|
|
|
4675
4700
|
$$self.$$set = $$props => {
|
|
4676
4701
|
if ('label' in $$props) $$invalidate(0, label = $$props.label);
|
|
@@ -4691,7 +4716,7 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
4691
4716
|
class FormItem extends SvelteElement {
|
|
4692
4717
|
constructor(options) {
|
|
4693
4718
|
super();
|
|
4694
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}*{box-sizing:border-box}label{display:block;font-weight:var(--fw-bold);color:var(--goa-color-text);font-size:var(--fs-base);padding:0.5rem 0;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}label em{color:var(--color-gray-600);font-weight:var(--fw-regular);font-size:var(--fs-sm);line-height:var(--lh-sm);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--fs-sm);color:var(--goa-color-text)}.error-msg{font-size:var(--fs-sm);color:var(--goa-color-interactive--error);margin-bottom:0.25rem}</style>`;
|
|
4719
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}*{box-sizing:border-box}.label{display:block;font-weight:var(--fw-bold);color:var(--goa-color-text);font-size:var(--fs-base);padding:0.5rem 0;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.label em{color:var(--color-gray-600);font-weight:var(--fw-regular);font-size:var(--fs-sm);line-height:var(--lh-sm);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--fs-sm);color:var(--goa-color-text)}.error-msg{font-size:var(--fs-sm);color:var(--goa-color-interactive--error);margin-bottom:0.25rem}</style>`;
|
|
4695
4720
|
|
|
4696
4721
|
init(
|
|
4697
4722
|
this,
|
|
@@ -5482,7 +5507,7 @@ function create_if_block_5(ctx) {
|
|
|
5482
5507
|
};
|
|
5483
5508
|
}
|
|
5484
5509
|
|
|
5485
|
-
// (
|
|
5510
|
+
// (96:4) {#if trailingicon && !handlesTrailingIconClick}
|
|
5486
5511
|
function create_if_block_4$1(ctx) {
|
|
5487
5512
|
let goa_icon;
|
|
5488
5513
|
|
|
@@ -5508,7 +5533,7 @@ function create_if_block_4$1(ctx) {
|
|
|
5508
5533
|
};
|
|
5509
5534
|
}
|
|
5510
5535
|
|
|
5511
|
-
// (
|
|
5536
|
+
// (106:4) {#if trailingicon && handlesTrailingIconClick}
|
|
5512
5537
|
function create_if_block_3$3(ctx) {
|
|
5513
5538
|
let goa_icon_button;
|
|
5514
5539
|
let mounted;
|
|
@@ -5518,7 +5543,7 @@ function create_if_block_3$3(ctx) {
|
|
|
5518
5543
|
c() {
|
|
5519
5544
|
goa_icon_button = element("goa-icon-button");
|
|
5520
5545
|
set_custom_element_data(goa_icon_button, "class", "goa-input-trailing-icon");
|
|
5521
|
-
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[
|
|
5546
|
+
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[13]);
|
|
5522
5547
|
set_custom_element_data(goa_icon_button, "variant", "nocolor");
|
|
5523
5548
|
set_custom_element_data(goa_icon_button, "size", "medium");
|
|
5524
5549
|
set_custom_element_data(goa_icon_button, "type", /*trailingicon*/ ctx[5]);
|
|
@@ -5533,8 +5558,8 @@ function create_if_block_3$3(ctx) {
|
|
|
5533
5558
|
}
|
|
5534
5559
|
},
|
|
5535
5560
|
p(ctx, dirty) {
|
|
5536
|
-
if (dirty & /*isDisabled*/
|
|
5537
|
-
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[
|
|
5561
|
+
if (dirty & /*isDisabled*/ 8192) {
|
|
5562
|
+
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[13]);
|
|
5538
5563
|
}
|
|
5539
5564
|
|
|
5540
5565
|
if (dirty & /*trailingicon*/ 32) {
|
|
@@ -5549,12 +5574,12 @@ function create_if_block_3$3(ctx) {
|
|
|
5549
5574
|
};
|
|
5550
5575
|
}
|
|
5551
5576
|
|
|
5552
|
-
// (
|
|
5577
|
+
// (120:2) {#if showCounter}
|
|
5553
5578
|
function create_if_block$a(ctx) {
|
|
5554
5579
|
let if_block_anchor;
|
|
5555
5580
|
|
|
5556
5581
|
function select_block_type(ctx, dirty) {
|
|
5557
|
-
if (/*maxcharcount*/ ctx[
|
|
5582
|
+
if (/*maxcharcount*/ ctx[10] > 0) return create_if_block_1$6;
|
|
5558
5583
|
if (/*value*/ ctx[0].length > 0) return create_if_block_2$5;
|
|
5559
5584
|
}
|
|
5560
5585
|
|
|
@@ -5593,7 +5618,7 @@ function create_if_block$a(ctx) {
|
|
|
5593
5618
|
};
|
|
5594
5619
|
}
|
|
5595
5620
|
|
|
5596
|
-
// (
|
|
5621
|
+
// (125:31)
|
|
5597
5622
|
function create_if_block_2$5(ctx) {
|
|
5598
5623
|
let div;
|
|
5599
5624
|
let t_value = /*value*/ ctx[0].length + "";
|
|
@@ -5618,12 +5643,12 @@ function create_if_block_2$5(ctx) {
|
|
|
5618
5643
|
};
|
|
5619
5644
|
}
|
|
5620
5645
|
|
|
5621
|
-
// (
|
|
5646
|
+
// (121:4) {#if maxcharcount > 0}
|
|
5622
5647
|
function create_if_block_1$6(ctx) {
|
|
5623
5648
|
let div;
|
|
5624
5649
|
let t0_value = /*value*/ ctx[0].length + "";
|
|
5625
5650
|
let t0;
|
|
5626
|
-
let t1_value = `/${/*maxcharcount*/ ctx[
|
|
5651
|
+
let t1_value = `/${/*maxcharcount*/ ctx[10]}` + "";
|
|
5627
5652
|
let t1;
|
|
5628
5653
|
|
|
5629
5654
|
return {
|
|
@@ -5632,7 +5657,7 @@ function create_if_block_1$6(ctx) {
|
|
|
5632
5657
|
t0 = text(t0_value);
|
|
5633
5658
|
t1 = text(t1_value);
|
|
5634
5659
|
attr(div, "class", "counter");
|
|
5635
|
-
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[
|
|
5660
|
+
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[10]);
|
|
5636
5661
|
},
|
|
5637
5662
|
m(target, anchor) {
|
|
5638
5663
|
insert(target, div, anchor);
|
|
@@ -5641,10 +5666,10 @@ function create_if_block_1$6(ctx) {
|
|
|
5641
5666
|
},
|
|
5642
5667
|
p(ctx, dirty) {
|
|
5643
5668
|
if (dirty & /*value*/ 1 && t0_value !== (t0_value = /*value*/ ctx[0].length + "")) set_data(t0, t0_value);
|
|
5644
|
-
if (dirty & /*maxcharcount*/
|
|
5669
|
+
if (dirty & /*maxcharcount*/ 1024 && t1_value !== (t1_value = `/${/*maxcharcount*/ ctx[10]}` + "")) set_data(t1, t1_value);
|
|
5645
5670
|
|
|
5646
|
-
if (dirty & /*value, maxcharcount*/
|
|
5647
|
-
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[
|
|
5671
|
+
if (dirty & /*value, maxcharcount*/ 1025) {
|
|
5672
|
+
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[10]);
|
|
5648
5673
|
}
|
|
5649
5674
|
},
|
|
5650
5675
|
d(detaching) {
|
|
@@ -5660,6 +5685,7 @@ function create_fragment$j(ctx) {
|
|
|
5660
5685
|
let input;
|
|
5661
5686
|
let input_class_value;
|
|
5662
5687
|
let input_style_value;
|
|
5688
|
+
let input_aria_label_value;
|
|
5663
5689
|
let t1;
|
|
5664
5690
|
let t2;
|
|
5665
5691
|
let div0_class_value;
|
|
@@ -5668,9 +5694,9 @@ function create_fragment$j(ctx) {
|
|
|
5668
5694
|
let mounted;
|
|
5669
5695
|
let dispose;
|
|
5670
5696
|
let if_block0 = /*leadingicon*/ ctx[4] && create_if_block_5(ctx);
|
|
5671
|
-
let if_block1 = /*trailingicon*/ ctx[5] && !/*handlesTrailingIconClick*/ ctx[
|
|
5672
|
-
let if_block2 = /*trailingicon*/ ctx[5] && /*handlesTrailingIconClick*/ ctx[
|
|
5673
|
-
let if_block3 = /*showCounter*/ ctx[
|
|
5697
|
+
let if_block1 = /*trailingicon*/ ctx[5] && !/*handlesTrailingIconClick*/ ctx[16] && create_if_block_4$1(ctx);
|
|
5698
|
+
let if_block2 = /*trailingicon*/ ctx[5] && /*handlesTrailingIconClick*/ ctx[16] && create_if_block_3$3(ctx);
|
|
5699
|
+
let if_block3 = /*showCounter*/ ctx[12] && create_if_block$a(ctx);
|
|
5674
5700
|
|
|
5675
5701
|
return {
|
|
5676
5702
|
c() {
|
|
@@ -5688,22 +5714,24 @@ function create_fragment$j(ctx) {
|
|
|
5688
5714
|
this.c = noop;
|
|
5689
5715
|
attr(input, "class", input_class_value = `input--${/*variant*/ ctx[6]}`);
|
|
5690
5716
|
attr(input, "style", input_style_value = `--search-icon-offset: ${/*trailingicon*/ ctx[5] ? "-0.5rem" : "0"}`);
|
|
5691
|
-
input.readOnly = /*isReadonly*/ ctx[
|
|
5692
|
-
input.disabled = /*isDisabled*/ ctx[
|
|
5717
|
+
input.readOnly = /*isReadonly*/ ctx[15];
|
|
5718
|
+
input.disabled = /*isDisabled*/ ctx[13];
|
|
5693
5719
|
attr(input, "data-testid", /*testid*/ ctx[7]);
|
|
5694
5720
|
attr(input, "name", /*name*/ ctx[2]);
|
|
5695
5721
|
attr(input, "type", /*type*/ ctx[1]);
|
|
5696
5722
|
input.value = /*value*/ ctx[0];
|
|
5697
5723
|
attr(input, "placeholder", /*placeholder*/ ctx[3]);
|
|
5724
|
+
attr(input, "role", "textbox");
|
|
5725
|
+
attr(input, "aria-label", input_aria_label_value = /*arialabel*/ ctx[9] || /*name*/ ctx[2]);
|
|
5698
5726
|
|
|
5699
5727
|
attr(div0, "class", div0_class_value = `
|
|
5700
5728
|
goa-input
|
|
5701
|
-
${/*isDisabled*/ ctx[
|
|
5729
|
+
${/*isDisabled*/ ctx[13] ? "goa-input--disabled" : ""}
|
|
5702
5730
|
variant--${/*variant*/ ctx[6]}
|
|
5703
5731
|
type--${/*type*/ ctx[1]}
|
|
5704
5732
|
`);
|
|
5705
5733
|
|
|
5706
|
-
toggle_class(div0, "error", /*isError*/ ctx[
|
|
5734
|
+
toggle_class(div0, "error", /*isError*/ ctx[14]);
|
|
5707
5735
|
attr(div1, "class", "container");
|
|
5708
5736
|
|
|
5709
5737
|
attr(div1, "style", div1_style_value = `
|
|
@@ -5716,7 +5744,7 @@ function create_fragment$j(ctx) {
|
|
|
5716
5744
|
if (if_block0) if_block0.m(div0, null);
|
|
5717
5745
|
append(div0, t0);
|
|
5718
5746
|
append(div0, input);
|
|
5719
|
-
/*input_binding*/ ctx[
|
|
5747
|
+
/*input_binding*/ ctx[25](input);
|
|
5720
5748
|
append(div0, t1);
|
|
5721
5749
|
if (if_block1) if_block1.m(div0, null);
|
|
5722
5750
|
append(div0, t2);
|
|
@@ -5726,8 +5754,8 @@ function create_fragment$j(ctx) {
|
|
|
5726
5754
|
|
|
5727
5755
|
if (!mounted) {
|
|
5728
5756
|
dispose = [
|
|
5729
|
-
listen(input, "keyup", /*onKeyUp*/ ctx[
|
|
5730
|
-
listen(input, "change", /*onKeyUp*/ ctx[
|
|
5757
|
+
listen(input, "keyup", /*onKeyUp*/ ctx[17]),
|
|
5758
|
+
listen(input, "change", /*onKeyUp*/ ctx[17])
|
|
5731
5759
|
];
|
|
5732
5760
|
|
|
5733
5761
|
mounted = true;
|
|
@@ -5755,12 +5783,12 @@ function create_fragment$j(ctx) {
|
|
|
5755
5783
|
attr(input, "style", input_style_value);
|
|
5756
5784
|
}
|
|
5757
5785
|
|
|
5758
|
-
if (dirty & /*isReadonly*/
|
|
5759
|
-
input.readOnly = /*isReadonly*/ ctx[
|
|
5786
|
+
if (dirty & /*isReadonly*/ 32768) {
|
|
5787
|
+
input.readOnly = /*isReadonly*/ ctx[15];
|
|
5760
5788
|
}
|
|
5761
5789
|
|
|
5762
|
-
if (dirty & /*isDisabled*/
|
|
5763
|
-
input.disabled = /*isDisabled*/ ctx[
|
|
5790
|
+
if (dirty & /*isDisabled*/ 8192) {
|
|
5791
|
+
input.disabled = /*isDisabled*/ ctx[13];
|
|
5764
5792
|
}
|
|
5765
5793
|
|
|
5766
5794
|
if (dirty & /*testid*/ 128) {
|
|
@@ -5783,7 +5811,11 @@ function create_fragment$j(ctx) {
|
|
|
5783
5811
|
attr(input, "placeholder", /*placeholder*/ ctx[3]);
|
|
5784
5812
|
}
|
|
5785
5813
|
|
|
5786
|
-
if (/*
|
|
5814
|
+
if (dirty & /*arialabel, name*/ 516 && input_aria_label_value !== (input_aria_label_value = /*arialabel*/ ctx[9] || /*name*/ ctx[2])) {
|
|
5815
|
+
attr(input, "aria-label", input_aria_label_value);
|
|
5816
|
+
}
|
|
5817
|
+
|
|
5818
|
+
if (/*trailingicon*/ ctx[5] && !/*handlesTrailingIconClick*/ ctx[16]) {
|
|
5787
5819
|
if (if_block1) {
|
|
5788
5820
|
if_block1.p(ctx, dirty);
|
|
5789
5821
|
} else {
|
|
@@ -5796,7 +5828,7 @@ function create_fragment$j(ctx) {
|
|
|
5796
5828
|
if_block1 = null;
|
|
5797
5829
|
}
|
|
5798
5830
|
|
|
5799
|
-
if (/*trailingicon*/ ctx[5] && /*handlesTrailingIconClick*/ ctx[
|
|
5831
|
+
if (/*trailingicon*/ ctx[5] && /*handlesTrailingIconClick*/ ctx[16]) {
|
|
5800
5832
|
if (if_block2) {
|
|
5801
5833
|
if_block2.p(ctx, dirty);
|
|
5802
5834
|
} else {
|
|
@@ -5809,20 +5841,20 @@ function create_fragment$j(ctx) {
|
|
|
5809
5841
|
if_block2 = null;
|
|
5810
5842
|
}
|
|
5811
5843
|
|
|
5812
|
-
if (dirty & /*isDisabled, variant, type*/
|
|
5844
|
+
if (dirty & /*isDisabled, variant, type*/ 8258 && div0_class_value !== (div0_class_value = `
|
|
5813
5845
|
goa-input
|
|
5814
|
-
${/*isDisabled*/ ctx[
|
|
5846
|
+
${/*isDisabled*/ ctx[13] ? "goa-input--disabled" : ""}
|
|
5815
5847
|
variant--${/*variant*/ ctx[6]}
|
|
5816
5848
|
type--${/*type*/ ctx[1]}
|
|
5817
5849
|
`)) {
|
|
5818
5850
|
attr(div0, "class", div0_class_value);
|
|
5819
5851
|
}
|
|
5820
5852
|
|
|
5821
|
-
if (dirty & /*isDisabled, variant, type, isError*/
|
|
5822
|
-
toggle_class(div0, "error", /*isError*/ ctx[
|
|
5853
|
+
if (dirty & /*isDisabled, variant, type, isError*/ 24642) {
|
|
5854
|
+
toggle_class(div0, "error", /*isError*/ ctx[14]);
|
|
5823
5855
|
}
|
|
5824
5856
|
|
|
5825
|
-
if (/*showCounter*/ ctx[
|
|
5857
|
+
if (/*showCounter*/ ctx[12]) {
|
|
5826
5858
|
if (if_block3) {
|
|
5827
5859
|
if_block3.p(ctx, dirty);
|
|
5828
5860
|
} else {
|
|
@@ -5846,7 +5878,7 @@ function create_fragment$j(ctx) {
|
|
|
5846
5878
|
d(detaching) {
|
|
5847
5879
|
if (detaching) detach(div1);
|
|
5848
5880
|
if (if_block0) if_block0.d();
|
|
5849
|
-
/*input_binding*/ ctx[
|
|
5881
|
+
/*input_binding*/ ctx[25](null);
|
|
5850
5882
|
if (if_block1) if_block1.d();
|
|
5851
5883
|
if (if_block2) if_block2.d();
|
|
5852
5884
|
if (if_block3) if_block3.d();
|
|
@@ -5881,6 +5913,7 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
5881
5913
|
let { error = "false" } = $$props;
|
|
5882
5914
|
let { testid = "" } = $$props;
|
|
5883
5915
|
let { width = "30ch" } = $$props;
|
|
5916
|
+
let { arialabel = "" } = $$props;
|
|
5884
5917
|
let { showcounter = "false" } = $$props;
|
|
5885
5918
|
let { maxcharcount = 0 } = $$props;
|
|
5886
5919
|
let inputEl;
|
|
@@ -5900,7 +5933,7 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
5900
5933
|
function input_binding($$value) {
|
|
5901
5934
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
5902
5935
|
inputEl = $$value;
|
|
5903
|
-
$$invalidate(
|
|
5936
|
+
$$invalidate(11, inputEl);
|
|
5904
5937
|
});
|
|
5905
5938
|
}
|
|
5906
5939
|
|
|
@@ -5912,49 +5945,50 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
5912
5945
|
if ('leadingicon' in $$props) $$invalidate(4, leadingicon = $$props.leadingicon);
|
|
5913
5946
|
if ('trailingicon' in $$props) $$invalidate(5, trailingicon = $$props.trailingicon);
|
|
5914
5947
|
if ('variant' in $$props) $$invalidate(6, variant = $$props.variant);
|
|
5915
|
-
if ('disabled' in $$props) $$invalidate(
|
|
5916
|
-
if ('handletrailingiconclick' in $$props) $$invalidate(
|
|
5917
|
-
if ('focused' in $$props) $$invalidate(
|
|
5918
|
-
if ('readonly' in $$props) $$invalidate(
|
|
5919
|
-
if ('error' in $$props) $$invalidate(
|
|
5948
|
+
if ('disabled' in $$props) $$invalidate(18, disabled = $$props.disabled);
|
|
5949
|
+
if ('handletrailingiconclick' in $$props) $$invalidate(19, handletrailingiconclick = $$props.handletrailingiconclick);
|
|
5950
|
+
if ('focused' in $$props) $$invalidate(20, focused = $$props.focused);
|
|
5951
|
+
if ('readonly' in $$props) $$invalidate(21, readonly = $$props.readonly);
|
|
5952
|
+
if ('error' in $$props) $$invalidate(22, error = $$props.error);
|
|
5920
5953
|
if ('testid' in $$props) $$invalidate(7, testid = $$props.testid);
|
|
5921
5954
|
if ('width' in $$props) $$invalidate(8, width = $$props.width);
|
|
5922
|
-
if ('
|
|
5923
|
-
if ('
|
|
5955
|
+
if ('arialabel' in $$props) $$invalidate(9, arialabel = $$props.arialabel);
|
|
5956
|
+
if ('showcounter' in $$props) $$invalidate(23, showcounter = $$props.showcounter);
|
|
5957
|
+
if ('maxcharcount' in $$props) $$invalidate(10, maxcharcount = $$props.maxcharcount);
|
|
5924
5958
|
};
|
|
5925
5959
|
|
|
5926
5960
|
$$self.$$.update = () => {
|
|
5927
|
-
if ($$self.$$.dirty & /*handletrailingiconclick*/
|
|
5928
|
-
$$invalidate(
|
|
5961
|
+
if ($$self.$$.dirty & /*handletrailingiconclick*/ 524288) {
|
|
5962
|
+
$$invalidate(16, handlesTrailingIconClick = toBoolean(handletrailingiconclick));
|
|
5929
5963
|
}
|
|
5930
5964
|
|
|
5931
|
-
if ($$self.$$.dirty & /*focused*/
|
|
5932
|
-
$$invalidate(
|
|
5965
|
+
if ($$self.$$.dirty & /*focused*/ 1048576) {
|
|
5966
|
+
$$invalidate(24, isFocused = toBoolean(focused));
|
|
5933
5967
|
}
|
|
5934
5968
|
|
|
5935
|
-
if ($$self.$$.dirty & /*readonly*/
|
|
5936
|
-
$$invalidate(
|
|
5969
|
+
if ($$self.$$.dirty & /*readonly*/ 2097152) {
|
|
5970
|
+
$$invalidate(15, isReadonly = toBoolean(readonly));
|
|
5937
5971
|
}
|
|
5938
5972
|
|
|
5939
|
-
if ($$self.$$.dirty & /*error*/
|
|
5940
|
-
$$invalidate(
|
|
5973
|
+
if ($$self.$$.dirty & /*error*/ 4194304) {
|
|
5974
|
+
$$invalidate(14, isError = toBoolean(error));
|
|
5941
5975
|
}
|
|
5942
5976
|
|
|
5943
|
-
if ($$self.$$.dirty & /*disabled*/
|
|
5944
|
-
$$invalidate(
|
|
5977
|
+
if ($$self.$$.dirty & /*disabled*/ 262144) {
|
|
5978
|
+
$$invalidate(13, isDisabled = toBoolean(disabled));
|
|
5945
5979
|
}
|
|
5946
5980
|
|
|
5947
|
-
if ($$self.$$.dirty & /*showcounter*/
|
|
5948
|
-
$$invalidate(
|
|
5981
|
+
if ($$self.$$.dirty & /*showcounter*/ 8388608) {
|
|
5982
|
+
$$invalidate(12, showCounter = toBoolean(showcounter));
|
|
5949
5983
|
}
|
|
5950
5984
|
|
|
5951
|
-
if ($$self.$$.dirty & /*isFocused, inputEl*/
|
|
5985
|
+
if ($$self.$$.dirty & /*isFocused, inputEl*/ 16779264) {
|
|
5952
5986
|
if (isFocused && inputEl) {
|
|
5953
5987
|
setTimeout(() => inputEl.focus(), 1);
|
|
5954
5988
|
}
|
|
5955
5989
|
}
|
|
5956
5990
|
|
|
5957
|
-
if ($$self.$$.dirty & /*inputEl, type*/
|
|
5991
|
+
if ($$self.$$.dirty & /*inputEl, type*/ 2050) {
|
|
5958
5992
|
if (inputEl && type === "search") {
|
|
5959
5993
|
inputEl.addEventListener("search", e => {
|
|
5960
5994
|
onKeyUp(e);
|
|
@@ -5973,6 +6007,7 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
5973
6007
|
variant,
|
|
5974
6008
|
testid,
|
|
5975
6009
|
width,
|
|
6010
|
+
arialabel,
|
|
5976
6011
|
maxcharcount,
|
|
5977
6012
|
inputEl,
|
|
5978
6013
|
showCounter,
|
|
@@ -6017,15 +6052,16 @@ class Input extends SvelteElement {
|
|
|
6017
6052
|
leadingicon: 4,
|
|
6018
6053
|
trailingicon: 5,
|
|
6019
6054
|
variant: 6,
|
|
6020
|
-
disabled:
|
|
6021
|
-
handletrailingiconclick:
|
|
6022
|
-
focused:
|
|
6023
|
-
readonly:
|
|
6024
|
-
error:
|
|
6055
|
+
disabled: 18,
|
|
6056
|
+
handletrailingiconclick: 19,
|
|
6057
|
+
focused: 20,
|
|
6058
|
+
readonly: 21,
|
|
6059
|
+
error: 22,
|
|
6025
6060
|
testid: 7,
|
|
6026
6061
|
width: 8,
|
|
6027
|
-
|
|
6028
|
-
|
|
6062
|
+
arialabel: 9,
|
|
6063
|
+
showcounter: 23,
|
|
6064
|
+
maxcharcount: 10
|
|
6029
6065
|
},
|
|
6030
6066
|
null
|
|
6031
6067
|
);
|
|
@@ -6058,6 +6094,7 @@ class Input extends SvelteElement {
|
|
|
6058
6094
|
"error",
|
|
6059
6095
|
"testid",
|
|
6060
6096
|
"width",
|
|
6097
|
+
"arialabel",
|
|
6061
6098
|
"showcounter",
|
|
6062
6099
|
"maxcharcount"
|
|
6063
6100
|
];
|
|
@@ -6127,7 +6164,7 @@ class Input extends SvelteElement {
|
|
|
6127
6164
|
}
|
|
6128
6165
|
|
|
6129
6166
|
get disabled() {
|
|
6130
|
-
return this.$$.ctx[
|
|
6167
|
+
return this.$$.ctx[18];
|
|
6131
6168
|
}
|
|
6132
6169
|
|
|
6133
6170
|
set disabled(disabled) {
|
|
@@ -6136,7 +6173,7 @@ class Input extends SvelteElement {
|
|
|
6136
6173
|
}
|
|
6137
6174
|
|
|
6138
6175
|
get handletrailingiconclick() {
|
|
6139
|
-
return this.$$.ctx[
|
|
6176
|
+
return this.$$.ctx[19];
|
|
6140
6177
|
}
|
|
6141
6178
|
|
|
6142
6179
|
set handletrailingiconclick(handletrailingiconclick) {
|
|
@@ -6145,7 +6182,7 @@ class Input extends SvelteElement {
|
|
|
6145
6182
|
}
|
|
6146
6183
|
|
|
6147
6184
|
get focused() {
|
|
6148
|
-
return this.$$.ctx[
|
|
6185
|
+
return this.$$.ctx[20];
|
|
6149
6186
|
}
|
|
6150
6187
|
|
|
6151
6188
|
set focused(focused) {
|
|
@@ -6154,7 +6191,7 @@ class Input extends SvelteElement {
|
|
|
6154
6191
|
}
|
|
6155
6192
|
|
|
6156
6193
|
get readonly() {
|
|
6157
|
-
return this.$$.ctx[
|
|
6194
|
+
return this.$$.ctx[21];
|
|
6158
6195
|
}
|
|
6159
6196
|
|
|
6160
6197
|
set readonly(readonly) {
|
|
@@ -6163,7 +6200,7 @@ class Input extends SvelteElement {
|
|
|
6163
6200
|
}
|
|
6164
6201
|
|
|
6165
6202
|
get error() {
|
|
6166
|
-
return this.$$.ctx[
|
|
6203
|
+
return this.$$.ctx[22];
|
|
6167
6204
|
}
|
|
6168
6205
|
|
|
6169
6206
|
set error(error) {
|
|
@@ -6189,8 +6226,17 @@ class Input extends SvelteElement {
|
|
|
6189
6226
|
flush();
|
|
6190
6227
|
}
|
|
6191
6228
|
|
|
6229
|
+
get arialabel() {
|
|
6230
|
+
return this.$$.ctx[9];
|
|
6231
|
+
}
|
|
6232
|
+
|
|
6233
|
+
set arialabel(arialabel) {
|
|
6234
|
+
this.$$set({ arialabel });
|
|
6235
|
+
flush();
|
|
6236
|
+
}
|
|
6237
|
+
|
|
6192
6238
|
get showcounter() {
|
|
6193
|
-
return this.$$.ctx[
|
|
6239
|
+
return this.$$.ctx[23];
|
|
6194
6240
|
}
|
|
6195
6241
|
|
|
6196
6242
|
set showcounter(showcounter) {
|
|
@@ -6199,7 +6245,7 @@ class Input extends SvelteElement {
|
|
|
6199
6245
|
}
|
|
6200
6246
|
|
|
6201
6247
|
get maxcharcount() {
|
|
6202
|
-
return this.$$.ctx[
|
|
6248
|
+
return this.$$.ctx[10];
|
|
6203
6249
|
}
|
|
6204
6250
|
|
|
6205
6251
|
set maxcharcount(maxcharcount) {
|
|
@@ -7030,59 +7076,6 @@ class Notification extends SvelteElement {
|
|
|
7030
7076
|
|
|
7031
7077
|
customElements.define("goa-notification", Notification);
|
|
7032
7078
|
|
|
7033
|
-
/* libs/web-components/src/layouts/PageLayout.svelte generated by Svelte v3.49.0 */
|
|
7034
|
-
|
|
7035
|
-
function create_fragment$g(ctx) {
|
|
7036
|
-
let div;
|
|
7037
|
-
|
|
7038
|
-
return {
|
|
7039
|
-
c() {
|
|
7040
|
-
div = element("div");
|
|
7041
|
-
div.innerHTML = `<slot></slot>`;
|
|
7042
|
-
this.c = noop;
|
|
7043
|
-
attr(div, "class", "layout");
|
|
7044
|
-
},
|
|
7045
|
-
m(target, anchor) {
|
|
7046
|
-
insert(target, div, anchor);
|
|
7047
|
-
},
|
|
7048
|
-
p: noop,
|
|
7049
|
-
i: noop,
|
|
7050
|
-
o: noop,
|
|
7051
|
-
d(detaching) {
|
|
7052
|
-
if (detaching) detach(div);
|
|
7053
|
-
}
|
|
7054
|
-
};
|
|
7055
|
-
}
|
|
7056
|
-
|
|
7057
|
-
class PageLayout extends SvelteElement {
|
|
7058
|
-
constructor(options) {
|
|
7059
|
-
super();
|
|
7060
|
-
this.shadowRoot.innerHTML = `<style>@media(min-width: 768px){}.layout{max-width:768px;margin:0 auto;padding:2rem}</style>`;
|
|
7061
|
-
|
|
7062
|
-
init(
|
|
7063
|
-
this,
|
|
7064
|
-
{
|
|
7065
|
-
target: this.shadowRoot,
|
|
7066
|
-
props: attribute_to_object(this.attributes),
|
|
7067
|
-
customElement: true
|
|
7068
|
-
},
|
|
7069
|
-
null,
|
|
7070
|
-
create_fragment$g,
|
|
7071
|
-
safe_not_equal,
|
|
7072
|
-
{},
|
|
7073
|
-
null
|
|
7074
|
-
);
|
|
7075
|
-
|
|
7076
|
-
if (options) {
|
|
7077
|
-
if (options.target) {
|
|
7078
|
-
insert(options.target, this, options.anchor);
|
|
7079
|
-
}
|
|
7080
|
-
}
|
|
7081
|
-
}
|
|
7082
|
-
}
|
|
7083
|
-
|
|
7084
|
-
customElements.define("goa-page-layout", PageLayout);
|
|
7085
|
-
|
|
7086
7079
|
/* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.49.0 */
|
|
7087
7080
|
|
|
7088
7081
|
function create_if_block$7(ctx) {
|
|
@@ -7367,7 +7360,7 @@ function create_if_block_2$3(ctx) {
|
|
|
7367
7360
|
};
|
|
7368
7361
|
}
|
|
7369
7362
|
|
|
7370
|
-
function create_fragment$
|
|
7363
|
+
function create_fragment$g(ctx) {
|
|
7371
7364
|
let if_block_anchor;
|
|
7372
7365
|
let current;
|
|
7373
7366
|
let if_block = /*isVisible*/ ctx[5] && create_if_block$7(ctx);
|
|
@@ -7480,7 +7473,7 @@ class CircularProgress extends SvelteElement {
|
|
|
7480
7473
|
customElement: true
|
|
7481
7474
|
},
|
|
7482
7475
|
instance$e,
|
|
7483
|
-
create_fragment$
|
|
7476
|
+
create_fragment$g,
|
|
7484
7477
|
safe_not_equal,
|
|
7485
7478
|
{
|
|
7486
7479
|
variant: 6,
|
|
@@ -7668,7 +7661,7 @@ function create_each_block$3(key_1, ctx) {
|
|
|
7668
7661
|
};
|
|
7669
7662
|
}
|
|
7670
7663
|
|
|
7671
|
-
function create_fragment$
|
|
7664
|
+
function create_fragment$f(ctx) {
|
|
7672
7665
|
let div;
|
|
7673
7666
|
let slot;
|
|
7674
7667
|
let t;
|
|
@@ -7839,7 +7832,7 @@ class RadioGroup extends SvelteElement {
|
|
|
7839
7832
|
customElement: true
|
|
7840
7833
|
},
|
|
7841
7834
|
instance$d,
|
|
7842
|
-
create_fragment$
|
|
7835
|
+
create_fragment$f,
|
|
7843
7836
|
safe_not_equal,
|
|
7844
7837
|
{
|
|
7845
7838
|
name: 1,
|
|
@@ -7927,7 +7920,7 @@ customElements.define("goa-radio-group", RadioGroup);
|
|
|
7927
7920
|
|
|
7928
7921
|
/* libs/web-components/src/components/radio-group/RadioItem.svelte generated by Svelte v3.49.0 */
|
|
7929
7922
|
|
|
7930
|
-
function create_fragment$
|
|
7923
|
+
function create_fragment$e(ctx) {
|
|
7931
7924
|
return {
|
|
7932
7925
|
c() {
|
|
7933
7926
|
this.c = noop;
|
|
@@ -7977,7 +7970,7 @@ class RadioItem extends SvelteElement {
|
|
|
7977
7970
|
customElement: true
|
|
7978
7971
|
},
|
|
7979
7972
|
instance$c,
|
|
7980
|
-
create_fragment$
|
|
7973
|
+
create_fragment$e,
|
|
7981
7974
|
safe_not_equal,
|
|
7982
7975
|
{ value: 0, label: 1, name: 2 },
|
|
7983
7976
|
null
|
|
@@ -8031,7 +8024,7 @@ customElements.define("goa-radio-item", RadioItem);
|
|
|
8031
8024
|
|
|
8032
8025
|
/* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.49.0 */
|
|
8033
8026
|
|
|
8034
|
-
function create_fragment$
|
|
8027
|
+
function create_fragment$d(ctx) {
|
|
8035
8028
|
let div;
|
|
8036
8029
|
let slot;
|
|
8037
8030
|
let div_style_value;
|
|
@@ -8107,7 +8100,7 @@ class Scrollable extends SvelteElement {
|
|
|
8107
8100
|
customElement: true
|
|
8108
8101
|
},
|
|
8109
8102
|
instance$b,
|
|
8110
|
-
create_fragment$
|
|
8103
|
+
create_fragment$d,
|
|
8111
8104
|
safe_not_equal,
|
|
8112
8105
|
{
|
|
8113
8106
|
direction: 0,
|
|
@@ -8331,7 +8324,7 @@ function create_if_block$6(ctx) {
|
|
|
8331
8324
|
};
|
|
8332
8325
|
}
|
|
8333
8326
|
|
|
8334
|
-
function create_fragment$
|
|
8327
|
+
function create_fragment$c(ctx) {
|
|
8335
8328
|
let header;
|
|
8336
8329
|
let t0;
|
|
8337
8330
|
let show_if = ["alpha", "beta"].includes(/*level*/ ctx[0]);
|
|
@@ -8449,7 +8442,7 @@ class MicrositeHeader extends SvelteElement {
|
|
|
8449
8442
|
customElement: true
|
|
8450
8443
|
},
|
|
8451
8444
|
instance$a,
|
|
8452
|
-
create_fragment$
|
|
8445
|
+
create_fragment$c,
|
|
8453
8446
|
safe_not_equal,
|
|
8454
8447
|
{ level: 0, version: 1, feedbackurl: 2 },
|
|
8455
8448
|
null
|
|
@@ -8843,7 +8836,7 @@ function create_each_block$2(ctx) {
|
|
|
8843
8836
|
};
|
|
8844
8837
|
}
|
|
8845
8838
|
|
|
8846
|
-
function create_fragment$
|
|
8839
|
+
function create_fragment$b(ctx) {
|
|
8847
8840
|
let current_block_type_index;
|
|
8848
8841
|
let if_block;
|
|
8849
8842
|
let if_block_anchor;
|
|
@@ -8944,7 +8937,7 @@ class Skeleton extends SvelteElement {
|
|
|
8944
8937
|
customElement: true
|
|
8945
8938
|
},
|
|
8946
8939
|
instance$9,
|
|
8947
|
-
create_fragment$
|
|
8940
|
+
create_fragment$b,
|
|
8948
8941
|
safe_not_equal,
|
|
8949
8942
|
{ width: 0, size: 1, count: 2, type: 3 },
|
|
8950
8943
|
null
|
|
@@ -9215,7 +9208,7 @@ function create_if_block$4(ctx) {
|
|
|
9215
9208
|
};
|
|
9216
9209
|
}
|
|
9217
9210
|
|
|
9218
|
-
function create_fragment$
|
|
9211
|
+
function create_fragment$a(ctx) {
|
|
9219
9212
|
let if_block_anchor;
|
|
9220
9213
|
let if_block = /*ready*/ ctx[6] && create_if_block$4(ctx);
|
|
9221
9214
|
|
|
@@ -9372,7 +9365,7 @@ class Spinner extends SvelteElement {
|
|
|
9372
9365
|
customElement: true
|
|
9373
9366
|
},
|
|
9374
9367
|
instance$8,
|
|
9375
|
-
create_fragment$
|
|
9368
|
+
create_fragment$a,
|
|
9376
9369
|
safe_not_equal,
|
|
9377
9370
|
{
|
|
9378
9371
|
size: 10,
|
|
@@ -9444,7 +9437,7 @@ function create_if_block$3(ctx) {
|
|
|
9444
9437
|
let if_block_anchor;
|
|
9445
9438
|
|
|
9446
9439
|
function select_block_type(ctx, dirty) {
|
|
9447
|
-
if (/*maxcharcount*/ ctx[
|
|
9440
|
+
if (/*maxcharcount*/ ctx[7] > 0) return create_if_block_1$1;
|
|
9448
9441
|
if (/*value*/ ctx[1].length > 0) return create_if_block_2;
|
|
9449
9442
|
}
|
|
9450
9443
|
|
|
@@ -9483,7 +9476,7 @@ function create_if_block$3(ctx) {
|
|
|
9483
9476
|
};
|
|
9484
9477
|
}
|
|
9485
9478
|
|
|
9486
|
-
// (
|
|
9479
|
+
// (63:31)
|
|
9487
9480
|
function create_if_block_2(ctx) {
|
|
9488
9481
|
let div;
|
|
9489
9482
|
let t_value = /*value*/ ctx[1].length + "";
|
|
@@ -9508,12 +9501,12 @@ function create_if_block_2(ctx) {
|
|
|
9508
9501
|
};
|
|
9509
9502
|
}
|
|
9510
9503
|
|
|
9511
|
-
// (
|
|
9504
|
+
// (57:4) {#if maxcharcount > 0}
|
|
9512
9505
|
function create_if_block_1$1(ctx) {
|
|
9513
9506
|
let div;
|
|
9514
9507
|
let t0_value = /*value*/ ctx[1].length + "";
|
|
9515
9508
|
let t0;
|
|
9516
|
-
let t1_value = `/${/*maxcharcount*/ ctx[
|
|
9509
|
+
let t1_value = `/${/*maxcharcount*/ ctx[7]}` + "";
|
|
9517
9510
|
let t1;
|
|
9518
9511
|
|
|
9519
9512
|
return {
|
|
@@ -9522,7 +9515,7 @@ function create_if_block_1$1(ctx) {
|
|
|
9522
9515
|
t0 = text(t0_value);
|
|
9523
9516
|
t1 = text(t1_value);
|
|
9524
9517
|
attr(div, "class", "counter");
|
|
9525
|
-
toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[
|
|
9518
|
+
toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[7]);
|
|
9526
9519
|
},
|
|
9527
9520
|
m(target, anchor) {
|
|
9528
9521
|
insert(target, div, anchor);
|
|
@@ -9531,10 +9524,10 @@ function create_if_block_1$1(ctx) {
|
|
|
9531
9524
|
},
|
|
9532
9525
|
p(ctx, dirty) {
|
|
9533
9526
|
if (dirty & /*value*/ 2 && t0_value !== (t0_value = /*value*/ ctx[1].length + "")) set_data(t0, t0_value);
|
|
9534
|
-
if (dirty & /*maxcharcount*/
|
|
9527
|
+
if (dirty & /*maxcharcount*/ 128 && t1_value !== (t1_value = `/${/*maxcharcount*/ ctx[7]}` + "")) set_data(t1, t1_value);
|
|
9535
9528
|
|
|
9536
|
-
if (dirty & /*value, maxcharcount*/
|
|
9537
|
-
toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[
|
|
9529
|
+
if (dirty & /*value, maxcharcount*/ 130) {
|
|
9530
|
+
toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[7]);
|
|
9538
9531
|
}
|
|
9539
9532
|
},
|
|
9540
9533
|
d(detaching) {
|
|
@@ -9543,14 +9536,15 @@ function create_if_block_1$1(ctx) {
|
|
|
9543
9536
|
};
|
|
9544
9537
|
}
|
|
9545
9538
|
|
|
9546
|
-
function create_fragment$
|
|
9539
|
+
function create_fragment$9(ctx) {
|
|
9547
9540
|
let div;
|
|
9548
9541
|
let textarea;
|
|
9542
|
+
let textarea_aria_label_value;
|
|
9549
9543
|
let t;
|
|
9550
9544
|
let div_style_value;
|
|
9551
9545
|
let mounted;
|
|
9552
9546
|
let dispose;
|
|
9553
|
-
let if_block = /*showCounter*/ ctx[
|
|
9547
|
+
let if_block = /*showCounter*/ ctx[9] && create_if_block$3(ctx);
|
|
9554
9548
|
|
|
9555
9549
|
return {
|
|
9556
9550
|
c() {
|
|
@@ -9563,11 +9557,12 @@ function create_fragment$8(ctx) {
|
|
|
9563
9557
|
attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
|
|
9564
9558
|
textarea.value = /*value*/ ctx[1];
|
|
9565
9559
|
attr(textarea, "rows", /*rows*/ ctx[3]);
|
|
9560
|
+
attr(textarea, "aria-label", textarea_aria_label_value = /*arialabel*/ ctx[6] || /*name*/ ctx[0]);
|
|
9566
9561
|
attr(textarea, "class", "goa-textarea");
|
|
9567
|
-
textarea.disabled = /*isDisabled*/ ctx[
|
|
9568
|
-
textarea.readOnly = /*isReadonly*/ ctx[
|
|
9562
|
+
textarea.disabled = /*isDisabled*/ ctx[8];
|
|
9563
|
+
textarea.readOnly = /*isReadonly*/ ctx[10];
|
|
9569
9564
|
attr(textarea, "data-testid", /*testid*/ ctx[4]);
|
|
9570
|
-
toggle_class(textarea, "error", /*isError*/ ctx[
|
|
9565
|
+
toggle_class(textarea, "error", /*isError*/ ctx[11]);
|
|
9571
9566
|
attr(div, "class", "container");
|
|
9572
9567
|
|
|
9573
9568
|
attr(div, "style", div_style_value = `
|
|
@@ -9581,7 +9576,7 @@ function create_fragment$8(ctx) {
|
|
|
9581
9576
|
if (if_block) if_block.m(div, null);
|
|
9582
9577
|
|
|
9583
9578
|
if (!mounted) {
|
|
9584
|
-
dispose = listen(textarea, "keyup", /*onChange*/ ctx[
|
|
9579
|
+
dispose = listen(textarea, "keyup", /*onChange*/ ctx[12]);
|
|
9585
9580
|
mounted = true;
|
|
9586
9581
|
}
|
|
9587
9582
|
},
|
|
@@ -9602,23 +9597,27 @@ function create_fragment$8(ctx) {
|
|
|
9602
9597
|
attr(textarea, "rows", /*rows*/ ctx[3]);
|
|
9603
9598
|
}
|
|
9604
9599
|
|
|
9605
|
-
if (dirty & /*
|
|
9606
|
-
textarea
|
|
9600
|
+
if (dirty & /*arialabel, name*/ 65 && textarea_aria_label_value !== (textarea_aria_label_value = /*arialabel*/ ctx[6] || /*name*/ ctx[0])) {
|
|
9601
|
+
attr(textarea, "aria-label", textarea_aria_label_value);
|
|
9602
|
+
}
|
|
9603
|
+
|
|
9604
|
+
if (dirty & /*isDisabled*/ 256) {
|
|
9605
|
+
textarea.disabled = /*isDisabled*/ ctx[8];
|
|
9607
9606
|
}
|
|
9608
9607
|
|
|
9609
|
-
if (dirty & /*isReadonly*/
|
|
9610
|
-
textarea.readOnly = /*isReadonly*/ ctx[
|
|
9608
|
+
if (dirty & /*isReadonly*/ 1024) {
|
|
9609
|
+
textarea.readOnly = /*isReadonly*/ ctx[10];
|
|
9611
9610
|
}
|
|
9612
9611
|
|
|
9613
9612
|
if (dirty & /*testid*/ 16) {
|
|
9614
9613
|
attr(textarea, "data-testid", /*testid*/ ctx[4]);
|
|
9615
9614
|
}
|
|
9616
9615
|
|
|
9617
|
-
if (dirty & /*isError*/
|
|
9618
|
-
toggle_class(textarea, "error", /*isError*/ ctx[
|
|
9616
|
+
if (dirty & /*isError*/ 2048) {
|
|
9617
|
+
toggle_class(textarea, "error", /*isError*/ ctx[11]);
|
|
9619
9618
|
}
|
|
9620
9619
|
|
|
9621
|
-
if (/*showCounter*/ ctx[
|
|
9620
|
+
if (/*showCounter*/ ctx[9]) {
|
|
9622
9621
|
if (if_block) {
|
|
9623
9622
|
if_block.p(ctx, dirty);
|
|
9624
9623
|
} else {
|
|
@@ -9662,6 +9661,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
9662
9661
|
let { error = "false" } = $$props;
|
|
9663
9662
|
let { readonly = "false" } = $$props;
|
|
9664
9663
|
let { disabled = "false" } = $$props;
|
|
9664
|
+
let { arialabel = "" } = $$props;
|
|
9665
9665
|
let { showcounter = "false" } = $$props;
|
|
9666
9666
|
let { maxcharcount = 0 } = $$props;
|
|
9667
9667
|
|
|
@@ -9688,28 +9688,29 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
9688
9688
|
if ('rows' in $$props) $$invalidate(3, rows = $$props.rows);
|
|
9689
9689
|
if ('testid' in $$props) $$invalidate(4, testid = $$props.testid);
|
|
9690
9690
|
if ('width' in $$props) $$invalidate(5, width = $$props.width);
|
|
9691
|
-
if ('error' in $$props) $$invalidate(
|
|
9692
|
-
if ('readonly' in $$props) $$invalidate(
|
|
9693
|
-
if ('disabled' in $$props) $$invalidate(
|
|
9694
|
-
if ('
|
|
9695
|
-
if ('
|
|
9691
|
+
if ('error' in $$props) $$invalidate(13, error = $$props.error);
|
|
9692
|
+
if ('readonly' in $$props) $$invalidate(14, readonly = $$props.readonly);
|
|
9693
|
+
if ('disabled' in $$props) $$invalidate(15, disabled = $$props.disabled);
|
|
9694
|
+
if ('arialabel' in $$props) $$invalidate(6, arialabel = $$props.arialabel);
|
|
9695
|
+
if ('showcounter' in $$props) $$invalidate(16, showcounter = $$props.showcounter);
|
|
9696
|
+
if ('maxcharcount' in $$props) $$invalidate(7, maxcharcount = $$props.maxcharcount);
|
|
9696
9697
|
};
|
|
9697
9698
|
|
|
9698
9699
|
$$self.$$.update = () => {
|
|
9699
|
-
if ($$self.$$.dirty & /*error*/
|
|
9700
|
-
$$invalidate(
|
|
9700
|
+
if ($$self.$$.dirty & /*error*/ 8192) {
|
|
9701
|
+
$$invalidate(11, isError = toBoolean(error));
|
|
9701
9702
|
}
|
|
9702
9703
|
|
|
9703
|
-
if ($$self.$$.dirty & /*disabled*/
|
|
9704
|
-
$$invalidate(
|
|
9704
|
+
if ($$self.$$.dirty & /*disabled*/ 32768) {
|
|
9705
|
+
$$invalidate(8, isDisabled = toBoolean(disabled));
|
|
9705
9706
|
}
|
|
9706
9707
|
|
|
9707
|
-
if ($$self.$$.dirty & /*readonly*/
|
|
9708
|
-
$$invalidate(
|
|
9708
|
+
if ($$self.$$.dirty & /*readonly*/ 16384) {
|
|
9709
|
+
$$invalidate(10, isReadonly = toBoolean(readonly));
|
|
9709
9710
|
}
|
|
9710
9711
|
|
|
9711
|
-
if ($$self.$$.dirty & /*showcounter*/
|
|
9712
|
-
$$invalidate(
|
|
9712
|
+
if ($$self.$$.dirty & /*showcounter*/ 65536) {
|
|
9713
|
+
$$invalidate(9, showCounter = toBoolean(showcounter));
|
|
9713
9714
|
}
|
|
9714
9715
|
};
|
|
9715
9716
|
|
|
@@ -9720,6 +9721,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
9720
9721
|
rows,
|
|
9721
9722
|
testid,
|
|
9722
9723
|
width,
|
|
9724
|
+
arialabel,
|
|
9723
9725
|
maxcharcount,
|
|
9724
9726
|
isDisabled,
|
|
9725
9727
|
showCounter,
|
|
@@ -9748,7 +9750,7 @@ class TextArea extends SvelteElement {
|
|
|
9748
9750
|
customElement: true
|
|
9749
9751
|
},
|
|
9750
9752
|
instance$7,
|
|
9751
|
-
create_fragment$
|
|
9753
|
+
create_fragment$9,
|
|
9752
9754
|
safe_not_equal,
|
|
9753
9755
|
{
|
|
9754
9756
|
name: 0,
|
|
@@ -9757,11 +9759,12 @@ class TextArea extends SvelteElement {
|
|
|
9757
9759
|
rows: 3,
|
|
9758
9760
|
testid: 4,
|
|
9759
9761
|
width: 5,
|
|
9760
|
-
error:
|
|
9761
|
-
readonly:
|
|
9762
|
-
disabled:
|
|
9763
|
-
|
|
9764
|
-
|
|
9762
|
+
error: 13,
|
|
9763
|
+
readonly: 14,
|
|
9764
|
+
disabled: 15,
|
|
9765
|
+
arialabel: 6,
|
|
9766
|
+
showcounter: 16,
|
|
9767
|
+
maxcharcount: 7
|
|
9765
9768
|
},
|
|
9766
9769
|
null
|
|
9767
9770
|
);
|
|
@@ -9789,6 +9792,7 @@ class TextArea extends SvelteElement {
|
|
|
9789
9792
|
"error",
|
|
9790
9793
|
"readonly",
|
|
9791
9794
|
"disabled",
|
|
9795
|
+
"arialabel",
|
|
9792
9796
|
"showcounter",
|
|
9793
9797
|
"maxcharcount"
|
|
9794
9798
|
];
|
|
@@ -9849,7 +9853,7 @@ class TextArea extends SvelteElement {
|
|
|
9849
9853
|
}
|
|
9850
9854
|
|
|
9851
9855
|
get error() {
|
|
9852
|
-
return this.$$.ctx[
|
|
9856
|
+
return this.$$.ctx[13];
|
|
9853
9857
|
}
|
|
9854
9858
|
|
|
9855
9859
|
set error(error) {
|
|
@@ -9858,7 +9862,7 @@ class TextArea extends SvelteElement {
|
|
|
9858
9862
|
}
|
|
9859
9863
|
|
|
9860
9864
|
get readonly() {
|
|
9861
|
-
return this.$$.ctx[
|
|
9865
|
+
return this.$$.ctx[14];
|
|
9862
9866
|
}
|
|
9863
9867
|
|
|
9864
9868
|
set readonly(readonly) {
|
|
@@ -9867,7 +9871,7 @@ class TextArea extends SvelteElement {
|
|
|
9867
9871
|
}
|
|
9868
9872
|
|
|
9869
9873
|
get disabled() {
|
|
9870
|
-
return this.$$.ctx[
|
|
9874
|
+
return this.$$.ctx[15];
|
|
9871
9875
|
}
|
|
9872
9876
|
|
|
9873
9877
|
set disabled(disabled) {
|
|
@@ -9875,8 +9879,17 @@ class TextArea extends SvelteElement {
|
|
|
9875
9879
|
flush();
|
|
9876
9880
|
}
|
|
9877
9881
|
|
|
9882
|
+
get arialabel() {
|
|
9883
|
+
return this.$$.ctx[6];
|
|
9884
|
+
}
|
|
9885
|
+
|
|
9886
|
+
set arialabel(arialabel) {
|
|
9887
|
+
this.$$set({ arialabel });
|
|
9888
|
+
flush();
|
|
9889
|
+
}
|
|
9890
|
+
|
|
9878
9891
|
get showcounter() {
|
|
9879
|
-
return this.$$.ctx[
|
|
9892
|
+
return this.$$.ctx[16];
|
|
9880
9893
|
}
|
|
9881
9894
|
|
|
9882
9895
|
set showcounter(showcounter) {
|
|
@@ -9885,7 +9898,7 @@ class TextArea extends SvelteElement {
|
|
|
9885
9898
|
}
|
|
9886
9899
|
|
|
9887
9900
|
get maxcharcount() {
|
|
9888
|
-
return this.$$.ctx[
|
|
9901
|
+
return this.$$.ctx[7];
|
|
9889
9902
|
}
|
|
9890
9903
|
|
|
9891
9904
|
set maxcharcount(maxcharcount) {
|
|
@@ -9898,7 +9911,7 @@ customElements.define("goa-textarea", TextArea);
|
|
|
9898
9911
|
|
|
9899
9912
|
/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.49.0 */
|
|
9900
9913
|
|
|
9901
|
-
function create_fragment$
|
|
9914
|
+
function create_fragment$8(ctx) {
|
|
9902
9915
|
let div;
|
|
9903
9916
|
|
|
9904
9917
|
return {
|
|
@@ -10121,7 +10134,7 @@ class FocusTrap extends SvelteElement {
|
|
|
10121
10134
|
customElement: true
|
|
10122
10135
|
},
|
|
10123
10136
|
instance$6,
|
|
10124
|
-
create_fragment$
|
|
10137
|
+
create_fragment$8,
|
|
10125
10138
|
safe_not_equal,
|
|
10126
10139
|
{ active: 1 },
|
|
10127
10140
|
null
|
|
@@ -10174,8 +10187,8 @@ function create_if_block$2(ctx) {
|
|
|
10174
10187
|
};
|
|
10175
10188
|
}
|
|
10176
10189
|
|
|
10177
|
-
function create_fragment$
|
|
10178
|
-
let
|
|
10190
|
+
function create_fragment$7(ctx) {
|
|
10191
|
+
let div4;
|
|
10179
10192
|
let div0;
|
|
10180
10193
|
let t0;
|
|
10181
10194
|
let t1;
|
|
@@ -10190,7 +10203,7 @@ function create_fragment$6(ctx) {
|
|
|
10190
10203
|
|
|
10191
10204
|
return {
|
|
10192
10205
|
c() {
|
|
10193
|
-
|
|
10206
|
+
div4 = element("div");
|
|
10194
10207
|
div0 = element("div");
|
|
10195
10208
|
div0.innerHTML = `<slot name="nav"></slot>`;
|
|
10196
10209
|
t0 = space();
|
|
@@ -10216,29 +10229,29 @@ function create_fragment$6(ctx) {
|
|
|
10216
10229
|
toggle_class(div2, "with-meta-links", /*metaLinks*/ ctx[2]?.length);
|
|
10217
10230
|
attr(div3, "class", "meta-section");
|
|
10218
10231
|
toggle_class(div3, "with-meta-links", /*metaLinks*/ ctx[2]?.length);
|
|
10219
|
-
attr(
|
|
10232
|
+
attr(div4, "class", "app-footer");
|
|
10220
10233
|
},
|
|
10221
10234
|
m(target, anchor) {
|
|
10222
|
-
insert(target,
|
|
10223
|
-
append(
|
|
10224
|
-
append(
|
|
10225
|
-
if (if_block) if_block.m(
|
|
10226
|
-
append(
|
|
10227
|
-
append(
|
|
10235
|
+
insert(target, div4, anchor);
|
|
10236
|
+
append(div4, div0);
|
|
10237
|
+
append(div4, t0);
|
|
10238
|
+
if (if_block) if_block.m(div4, null);
|
|
10239
|
+
append(div4, t1);
|
|
10240
|
+
append(div4, div3);
|
|
10228
10241
|
append(div3, div1);
|
|
10229
10242
|
append(div3, t2);
|
|
10230
10243
|
append(div3, div2);
|
|
10231
10244
|
append(div2, a0);
|
|
10232
10245
|
append(div2, t3);
|
|
10233
10246
|
append(div2, a1);
|
|
10234
|
-
/*
|
|
10247
|
+
/*div4_binding*/ ctx[4](div4);
|
|
10235
10248
|
},
|
|
10236
10249
|
p(ctx, [dirty]) {
|
|
10237
10250
|
if (/*navLinks*/ ctx[1]?.length) {
|
|
10238
10251
|
if (if_block) ; else {
|
|
10239
10252
|
if_block = create_if_block$2();
|
|
10240
10253
|
if_block.c();
|
|
10241
|
-
if_block.m(
|
|
10254
|
+
if_block.m(div4, t1);
|
|
10242
10255
|
}
|
|
10243
10256
|
} else if (if_block) {
|
|
10244
10257
|
if_block.d(1);
|
|
@@ -10256,9 +10269,9 @@ function create_fragment$6(ctx) {
|
|
|
10256
10269
|
i: noop,
|
|
10257
10270
|
o: noop,
|
|
10258
10271
|
d(detaching) {
|
|
10259
|
-
if (detaching) detach(
|
|
10272
|
+
if (detaching) detach(div4);
|
|
10260
10273
|
if (if_block) if_block.d();
|
|
10261
|
-
/*
|
|
10274
|
+
/*div4_binding*/ ctx[4](null);
|
|
10262
10275
|
}
|
|
10263
10276
|
};
|
|
10264
10277
|
}
|
|
@@ -10277,20 +10290,20 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
10277
10290
|
$$invalidate(2, metaLinks = metaSlot.assignedElements());
|
|
10278
10291
|
});
|
|
10279
10292
|
|
|
10280
|
-
function
|
|
10293
|
+
function div4_binding($$value) {
|
|
10281
10294
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
10282
10295
|
rootEl = $$value;
|
|
10283
10296
|
$$invalidate(0, rootEl);
|
|
10284
10297
|
});
|
|
10285
10298
|
}
|
|
10286
10299
|
|
|
10287
|
-
return [rootEl, navLinks, metaLinks, year,
|
|
10300
|
+
return [rootEl, navLinks, metaLinks, year, div4_binding];
|
|
10288
10301
|
}
|
|
10289
10302
|
|
|
10290
10303
|
class Footer extends SvelteElement {
|
|
10291
10304
|
constructor(options) {
|
|
10292
10305
|
super();
|
|
10293
|
-
this.shadowRoot.innerHTML = `<style>.app-footer{background-color:var(--color-gray-100);padding:2rem;
|
|
10306
|
+
this.shadowRoot.innerHTML = `<style>.app-footer{background-color:var(--color-gray-100);padding:2rem;border-top:2px solid var(--color-gray-200);border-bottom:1rem solid var(--goa-color-brand)}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width: 640px){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media(min-width: 640px){.abgov.with-meta-links{align-items:flex-end}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}</style>`;
|
|
10294
10307
|
|
|
10295
10308
|
init(
|
|
10296
10309
|
this,
|
|
@@ -10300,7 +10313,7 @@ class Footer extends SvelteElement {
|
|
|
10300
10313
|
customElement: true
|
|
10301
10314
|
},
|
|
10302
10315
|
instance$5,
|
|
10303
|
-
create_fragment$
|
|
10316
|
+
create_fragment$7,
|
|
10304
10317
|
safe_not_equal,
|
|
10305
10318
|
{},
|
|
10306
10319
|
null
|
|
@@ -10390,7 +10403,7 @@ function create_each_block$1(ctx) {
|
|
|
10390
10403
|
};
|
|
10391
10404
|
}
|
|
10392
10405
|
|
|
10393
|
-
function create_fragment$
|
|
10406
|
+
function create_fragment$6(ctx) {
|
|
10394
10407
|
let section;
|
|
10395
10408
|
let t0;
|
|
10396
10409
|
let div;
|
|
@@ -10571,7 +10584,7 @@ class FooterNavSection extends SvelteElement {
|
|
|
10571
10584
|
customElement: true
|
|
10572
10585
|
},
|
|
10573
10586
|
instance$4,
|
|
10574
|
-
create_fragment$
|
|
10587
|
+
create_fragment$6,
|
|
10575
10588
|
safe_not_equal,
|
|
10576
10589
|
{ name: 0, maxcolumncount: 1 },
|
|
10577
10590
|
null
|
|
@@ -10655,7 +10668,7 @@ function create_each_block(ctx) {
|
|
|
10655
10668
|
};
|
|
10656
10669
|
}
|
|
10657
10670
|
|
|
10658
|
-
function create_fragment$
|
|
10671
|
+
function create_fragment$5(ctx) {
|
|
10659
10672
|
let section;
|
|
10660
10673
|
let div;
|
|
10661
10674
|
let t;
|
|
@@ -10773,7 +10786,7 @@ class FooterMetaSection extends SvelteElement {
|
|
|
10773
10786
|
customElement: true
|
|
10774
10787
|
},
|
|
10775
10788
|
instance$3,
|
|
10776
|
-
create_fragment$
|
|
10789
|
+
create_fragment$5,
|
|
10777
10790
|
safe_not_equal,
|
|
10778
10791
|
{},
|
|
10779
10792
|
null
|
|
@@ -10791,7 +10804,7 @@ customElements.define("goa-app-footer-meta-section", FooterMetaSection);
|
|
|
10791
10804
|
|
|
10792
10805
|
/* libs/web-components/src/components/flex-column/FlexColumn.svelte generated by Svelte v3.49.0 */
|
|
10793
10806
|
|
|
10794
|
-
function create_fragment$
|
|
10807
|
+
function create_fragment$4(ctx) {
|
|
10795
10808
|
let div;
|
|
10796
10809
|
let slot;
|
|
10797
10810
|
|
|
@@ -10854,7 +10867,7 @@ class FlexColumn extends SvelteElement {
|
|
|
10854
10867
|
customElement: true
|
|
10855
10868
|
},
|
|
10856
10869
|
instance$2,
|
|
10857
|
-
create_fragment$
|
|
10870
|
+
create_fragment$4,
|
|
10858
10871
|
safe_not_equal,
|
|
10859
10872
|
{ gap: 1 },
|
|
10860
10873
|
null
|
|
@@ -10888,6 +10901,73 @@ class FlexColumn extends SvelteElement {
|
|
|
10888
10901
|
|
|
10889
10902
|
customElements.define("goa-flex-col", FlexColumn);
|
|
10890
10903
|
|
|
10904
|
+
/* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.49.0 */
|
|
10905
|
+
|
|
10906
|
+
function create_fragment$3(ctx) {
|
|
10907
|
+
let div;
|
|
10908
|
+
|
|
10909
|
+
return {
|
|
10910
|
+
c() {
|
|
10911
|
+
div = element("div");
|
|
10912
|
+
|
|
10913
|
+
div.innerHTML = `<header class="header"><slot name="header"></slot></header>
|
|
10914
|
+
|
|
10915
|
+
<nav class="nav"><slot name="nav"></slot></nav>
|
|
10916
|
+
|
|
10917
|
+
<main><slot></slot></main>
|
|
10918
|
+
|
|
10919
|
+
<footer class="footer"><slot name="footer"></slot></footer>`;
|
|
10920
|
+
|
|
10921
|
+
this.c = noop;
|
|
10922
|
+
attr(div, "class", "page");
|
|
10923
|
+
},
|
|
10924
|
+
m(target, anchor) {
|
|
10925
|
+
insert(target, div, anchor);
|
|
10926
|
+
},
|
|
10927
|
+
p: noop,
|
|
10928
|
+
i: noop,
|
|
10929
|
+
o: noop,
|
|
10930
|
+
d(detaching) {
|
|
10931
|
+
if (detaching) detach(div);
|
|
10932
|
+
}
|
|
10933
|
+
};
|
|
10934
|
+
}
|
|
10935
|
+
|
|
10936
|
+
class FullScreenNavbarLayout extends SvelteElement {
|
|
10937
|
+
constructor(options) {
|
|
10938
|
+
super();
|
|
10939
|
+
|
|
10940
|
+
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
10941
|
+
"content"
|
|
10942
|
+
"nav"
|
|
10943
|
+
"footer";display:grid;place-content:stretch stretch;gap:0 0}@media(min-width: 640px){.page{grid-template-columns:300px auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header header"
|
|
10944
|
+
"nav content"
|
|
10945
|
+
"footer footer"}}.header{grid-area:header}.footer{grid-area:footer}main{grid-area:content;justify-self:stretch;padding:1rem}.nav{grid-area:nav;padding:1rem;background-color:var(--color-gray-100)}</style>`;
|
|
10946
|
+
|
|
10947
|
+
init(
|
|
10948
|
+
this,
|
|
10949
|
+
{
|
|
10950
|
+
target: this.shadowRoot,
|
|
10951
|
+
props: attribute_to_object(this.attributes),
|
|
10952
|
+
customElement: true
|
|
10953
|
+
},
|
|
10954
|
+
null,
|
|
10955
|
+
create_fragment$3,
|
|
10956
|
+
safe_not_equal,
|
|
10957
|
+
{},
|
|
10958
|
+
null
|
|
10959
|
+
);
|
|
10960
|
+
|
|
10961
|
+
if (options) {
|
|
10962
|
+
if (options.target) {
|
|
10963
|
+
insert(options.target, this, options.anchor);
|
|
10964
|
+
}
|
|
10965
|
+
}
|
|
10966
|
+
}
|
|
10967
|
+
}
|
|
10968
|
+
|
|
10969
|
+
customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
|
|
10970
|
+
|
|
10891
10971
|
/* libs/web-components/src/components/container/ContainerWrapper.test.svelte generated by Svelte v3.49.0 */
|
|
10892
10972
|
|
|
10893
10973
|
function create_if_block_1(ctx) {
|
|
@@ -11284,4 +11364,4 @@ class Page extends SvelteElement {
|
|
|
11284
11364
|
|
|
11285
11365
|
customElements.define("goa-page", Page);
|
|
11286
11366
|
|
|
11287
|
-
export { ContainerWrapper_test as ContainerWrapper, Divider, AppHeader as GoAAppHeader, Badge as GoABadge, Button as GoAButton, ButtonGroup as GoAButtonGroup, Callout as GoACallout, Card as GoACard, CardActions as GoACardActions, CardContent as GoACardContent, CardGroup as GoACardGroup, CardImage as GoACardImage, Checkbox as GoACheckbox, Chip as GoAChip, CircularProgress as GoACircularProgress, Container as GoAContainer, Dropdown as GoADropdown, DropdownItem as GoADropdownItem, FlexRow as GoAFlexRow, FocusTrap as GoAFocusTrap, FormItem as GoAFormItem, HeroBanner as GoAHeroBanner, Icon as GoAIcon, IconButton as GoAIconButton, Input as GoAInput, MicrositeHeader as GoAMicrositeHeader, Modal as GoAModal, Notification as GoANotification, PageBlock as GoAPageBlock,
|
|
11367
|
+
export { ContainerWrapper_test as ContainerWrapper, Divider, AppHeader as GoAAppHeader, Badge as GoABadge, Button as GoAButton, ButtonGroup as GoAButtonGroup, Callout as GoACallout, Card as GoACard, CardActions as GoACardActions, CardContent as GoACardContent, CardGroup as GoACardGroup, CardImage as GoACardImage, Checkbox as GoACheckbox, Chip as GoAChip, CircularProgress as GoACircularProgress, Container as GoAContainer, Dropdown as GoADropdown, DropdownItem as GoADropdownItem, FlexRow as GoAFlexRow, FocusTrap as GoAFocusTrap, FormItem as GoAFormItem, HeroBanner as GoAHeroBanner, Icon as GoAIcon, IconButton as GoAIconButton, Input as GoAInput, MicrositeHeader as GoAMicrositeHeader, Modal as GoAModal, Notification as GoANotification, PageBlock as GoAPageBlock, RadioGroup as GoARadioGroup, RadioItem as GoARadioItem, Scrollable as GoAScrollable, Skeleton as GoASkeleton, Spinner as GoASpinner, TextArea as GoATextArea, Page };
|