@abgov/web-components 1.0.0-alpha.88 → 1.0.0-alpha.90
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 +467 -331
- package/web-components.umd.js +44 -33
package/web-components.es.js
CHANGED
|
@@ -1240,7 +1240,7 @@ function create_else_block$3(ctx) {
|
|
|
1240
1240
|
};
|
|
1241
1241
|
}
|
|
1242
1242
|
|
|
1243
|
-
// (
|
|
1243
|
+
// (40:2) {#if showIcon}
|
|
1244
1244
|
function create_if_block_1$b(ctx) {
|
|
1245
1245
|
let goa_icon;
|
|
1246
1246
|
|
|
@@ -1264,7 +1264,7 @@ function create_if_block_1$b(ctx) {
|
|
|
1264
1264
|
};
|
|
1265
1265
|
}
|
|
1266
1266
|
|
|
1267
|
-
// (
|
|
1267
|
+
// (45:2) {#if content}
|
|
1268
1268
|
function create_if_block$i(ctx) {
|
|
1269
1269
|
let div;
|
|
1270
1270
|
let t;
|
|
@@ -1401,7 +1401,6 @@ function instance$x($$self, $$props, $$invalidate) {
|
|
|
1401
1401
|
warning: "alert-circle",
|
|
1402
1402
|
information: "information-circle",
|
|
1403
1403
|
emergency: "warning",
|
|
1404
|
-
inactive: "information-circle",
|
|
1405
1404
|
dark: "information-circle",
|
|
1406
1405
|
midtone: "information-circle",
|
|
1407
1406
|
light: "information-circle"
|
|
@@ -1415,7 +1414,7 @@ function instance$x($$self, $$props, $$invalidate) {
|
|
|
1415
1414
|
class Badge extends SvelteElement {
|
|
1416
1415
|
constructor(options) {
|
|
1417
1416
|
super();
|
|
1418
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--fw-regular);margin:0.25rem}.icon-only{padding:0.25rem}.goa-badge-content{text-transform:capitalize;font-size:var(--fs-sm);line-height:var(--lh-sm);padding-bottom:var(--font-valign-fix)}.goa-badge.badge-information{background-color:var(--color-gray-100);color:var(--goa-color-status-info)}.goa-badge.badge-success{background-color:var(--goa-color-status-success);color:var(--goa-color-text-light)}.goa-badge.badge-warning{background-color:var(--goa-color-status-warning);color:var(--goa-color-text)}.goa-badge.badge-emergency{background-color:var(--goa-color-status-emergency);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--color-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--color-gray-600);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--color-white);color:var(--goa-color-text)}
|
|
1417
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--fw-regular);margin:0.25rem}.icon-only{padding:0.25rem}.goa-badge-content{text-transform:capitalize;font-size:var(--fs-sm);line-height:var(--lh-sm);padding-bottom:var(--font-valign-fix)}.goa-badge.badge-information{background-color:var(--color-gray-100);color:var(--goa-color-status-info)}.goa-badge.badge-success{background-color:var(--goa-color-status-success);color:var(--goa-color-text-light)}.goa-badge.badge-warning{background-color:var(--goa-color-status-warning);color:var(--goa-color-text)}.goa-badge.badge-emergency{background-color:var(--goa-color-status-emergency);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--color-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--color-gray-600);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--color-white);color:var(--goa-color-text)}</style>`;
|
|
1419
1418
|
|
|
1420
1419
|
init(
|
|
1421
1420
|
this,
|
|
@@ -1735,7 +1734,7 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
|
1735
1734
|
let isButtonDark;
|
|
1736
1735
|
const BUTTON_TYPES = ["primary", "secondary", "tertiary", "start"];
|
|
1737
1736
|
const SIZES = ["", "compact"];
|
|
1738
|
-
const VARIANTS = ["", "
|
|
1737
|
+
const VARIANTS = ["", "destructive"];
|
|
1739
1738
|
|
|
1740
1739
|
// type check functions
|
|
1741
1740
|
function isButtonType(value) {
|
|
@@ -1813,7 +1812,7 @@ class Button extends SvelteElement {
|
|
|
1813
1812
|
super();
|
|
1814
1813
|
|
|
1815
1814
|
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}@media(max-width: 480px){:host{width:100%}button{width:100%}}button{display:inline-flex;box-sizing:border-box;border-radius:0.25rem;border:2px solid var(--goa-color-interactive);box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--fs-lg);font-weight:400;height:var(--button-height);letter-spacing:0.5px;line-height:100%;padding:0 0.75rem;gap:0.5rem;align-items:center;justify-content:center;transition:transform 0.1s ease-in-out, background-color 0.2s ease-in-out,
|
|
1816
|
-
border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--fs-base)}button.start{height:var(--button-height-tall);font-weight:var(--fw-bold)}button.start,button.primary{border:2px solid var(--goa-color-interactive);background:var(--goa-color-interactive);color:var(--goa-color-text-light)}button.start:hover,button.primary:hover{border-color:var(--goa-color-interactive--hover);background:var(--goa-color-interactive--hover)}button.start:focus,button.start:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive--focus);border-color:var(--goa-color-interactive--active);background:var(--goa-color-interactive--active);outline:none}button.secondary{border:2px solid var(--goa-color-interactive);background:var(--color-white);color:var(--goa-color-interactive)}button.secondary:hover{border-color:var(--goa-color-interactive--hover);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);background:var(--color-gray-100);outline:none}button.tertiary{border:1px solid transparent;background:transparent;color:var(--goa-color-interactive);text-decoration:underline}button.tertiary:hover{border-color:var(--color-gray-100);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--color-gray-100);background:var(--color-gray-100);color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);outline:none}.primary.
|
|
1815
|
+
border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--fs-base)}button.start{height:var(--button-height-tall);font-weight:var(--fw-bold)}button.start,button.primary{border:2px solid var(--goa-color-interactive);background:var(--goa-color-interactive);color:var(--goa-color-text-light)}button.start:hover,button.primary:hover{border-color:var(--goa-color-interactive--hover);background:var(--goa-color-interactive--hover)}button.start:focus,button.start:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive--focus);border-color:var(--goa-color-interactive--active);background:var(--goa-color-interactive--active);outline:none}button.secondary{border:2px solid var(--goa-color-interactive);background:var(--color-white);color:var(--goa-color-interactive)}button.secondary:hover{border-color:var(--goa-color-interactive--hover);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);background:var(--color-gray-100);outline:none}button.tertiary{border:1px solid transparent;background:transparent;color:var(--goa-color-interactive);text-decoration:underline}button.tertiary:hover{border-color:var(--color-gray-100);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--color-gray-100);background:var(--color-gray-100);color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);outline:none}.primary.destructive{color:var(--color-white);background:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency)}.primary.destructive:hover{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.primary.destructive:focus,.primary.destructive:active{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.secondary.destructive{color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency);background:var(--color-white)}.secondary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.destructive{color:var(--goa-color-status-emergency);border-color:var(--color-gray-200);background:var(--color-white)}.tertiary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}</style>`;
|
|
1817
1816
|
|
|
1818
1817
|
init(
|
|
1819
1818
|
this,
|
|
@@ -3336,7 +3335,7 @@ function create_fragment$r(ctx) {
|
|
|
3336
3335
|
attr(div2, "class", "content");
|
|
3337
3336
|
|
|
3338
3337
|
attr(div3, "class", div3_class_value = `
|
|
3339
|
-
goa-container
|
|
3338
|
+
goa-container
|
|
3340
3339
|
goa-container--${/*variant*/ ctx[0]}
|
|
3341
3340
|
padding--${/*padding*/ ctx[2]}
|
|
3342
3341
|
`);
|
|
@@ -3358,7 +3357,7 @@ function create_fragment$r(ctx) {
|
|
|
3358
3357
|
}
|
|
3359
3358
|
|
|
3360
3359
|
if (dirty & /*variant, padding*/ 5 && div3_class_value !== (div3_class_value = `
|
|
3361
|
-
goa-container
|
|
3360
|
+
goa-container
|
|
3362
3361
|
goa-container--${/*variant*/ ctx[0]}
|
|
3363
3362
|
padding--${/*padding*/ ctx[2]}
|
|
3364
3363
|
`)) {
|
|
@@ -3379,7 +3378,7 @@ function create_fragment$r(ctx) {
|
|
|
3379
3378
|
|
|
3380
3379
|
function instance$p($$self, $$props, $$invalidate) {
|
|
3381
3380
|
let _colored;
|
|
3382
|
-
let { variant = '
|
|
3381
|
+
let { variant = 'non-interactive' } = $$props;
|
|
3383
3382
|
let { colored = "false" } = $$props;
|
|
3384
3383
|
let { headingsize = 'large' } = $$props;
|
|
3385
3384
|
let { padding = "relaxed" } = $$props;
|
|
@@ -3403,7 +3402,7 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
3403
3402
|
class Container extends SvelteElement {
|
|
3404
3403
|
constructor(options) {
|
|
3405
3404
|
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--
|
|
3405
|
+
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
3406
|
|
|
3408
3407
|
init(
|
|
3409
3408
|
this,
|
|
@@ -3572,12 +3571,12 @@ const BIND$1 = "bind";
|
|
|
3572
3571
|
|
|
3573
3572
|
function get_each_context$4(ctx, list, i) {
|
|
3574
3573
|
const child_ctx = ctx.slice();
|
|
3575
|
-
child_ctx[
|
|
3576
|
-
child_ctx[
|
|
3574
|
+
child_ctx[36] = list[i];
|
|
3575
|
+
child_ctx[38] = i;
|
|
3577
3576
|
return child_ctx;
|
|
3578
3577
|
}
|
|
3579
3578
|
|
|
3580
|
-
// (
|
|
3579
|
+
// (180:2) {#if isMenuVisible}
|
|
3581
3580
|
function create_if_block$d(ctx) {
|
|
3582
3581
|
let div;
|
|
3583
3582
|
let div_data_testid_value;
|
|
@@ -3594,7 +3593,7 @@ function create_if_block$d(ctx) {
|
|
|
3594
3593
|
insert(target, div, anchor);
|
|
3595
3594
|
|
|
3596
3595
|
if (!mounted) {
|
|
3597
|
-
dispose = listen(div, "click", /*closeMenu*/ ctx[
|
|
3596
|
+
dispose = listen(div, "click", /*closeMenu*/ ctx[18]);
|
|
3598
3597
|
mounted = true;
|
|
3599
3598
|
}
|
|
3600
3599
|
},
|
|
@@ -3611,12 +3610,13 @@ function create_if_block$d(ctx) {
|
|
|
3611
3610
|
};
|
|
3612
3611
|
}
|
|
3613
3612
|
|
|
3614
|
-
// (
|
|
3613
|
+
// (216:4) {#each options as option, index (option.value)}
|
|
3615
3614
|
function create_each_block$4(key_1, ctx) {
|
|
3616
3615
|
let li;
|
|
3617
|
-
let t0_value = /*option*/ ctx[
|
|
3616
|
+
let t0_value = /*option*/ ctx[36].label + "";
|
|
3618
3617
|
let t0;
|
|
3619
3618
|
let t1;
|
|
3619
|
+
let li_aria_label_value;
|
|
3620
3620
|
let li_data_testid_value;
|
|
3621
3621
|
let li_data_index_value;
|
|
3622
3622
|
let li_style_value;
|
|
@@ -3624,7 +3624,7 @@ function create_each_block$4(key_1, ctx) {
|
|
|
3624
3624
|
let dispose;
|
|
3625
3625
|
|
|
3626
3626
|
function click_handler() {
|
|
3627
|
-
return /*click_handler*/ ctx[
|
|
3627
|
+
return /*click_handler*/ ctx[22](/*option*/ ctx[36]);
|
|
3628
3628
|
}
|
|
3629
3629
|
|
|
3630
3630
|
return {
|
|
@@ -3634,13 +3634,14 @@ function create_each_block$4(key_1, ctx) {
|
|
|
3634
3634
|
li = element("li");
|
|
3635
3635
|
t0 = text(t0_value);
|
|
3636
3636
|
t1 = space();
|
|
3637
|
-
attr(li, "
|
|
3638
|
-
attr(li, "data-
|
|
3637
|
+
attr(li, "aria-label", li_aria_label_value = /*option*/ ctx[36].label || /*option*/ ctx[36].value);
|
|
3638
|
+
attr(li, "data-testid", li_data_testid_value = `${/*option*/ ctx[36].value}-dropdown-item`);
|
|
3639
|
+
attr(li, "data-index", li_data_index_value = /*index*/ ctx[38]);
|
|
3639
3640
|
attr(li, "class", "goa-dropdown-option");
|
|
3640
3641
|
attr(li, "style", li_style_value = `display: ${"block"}`);
|
|
3641
3642
|
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[
|
|
3643
|
+
toggle_class(li, "goa-dropdown-option--tabbed", /*index*/ ctx[38] === /*highlightedIndex*/ ctx[13]);
|
|
3644
|
+
toggle_class(li, "goa-dropdown-option--selected", /*_values*/ ctx[9].includes(/*option*/ ctx[36].value));
|
|
3644
3645
|
this.first = li;
|
|
3645
3646
|
},
|
|
3646
3647
|
m(target, anchor) {
|
|
@@ -3655,22 +3656,26 @@ function create_each_block$4(key_1, ctx) {
|
|
|
3655
3656
|
},
|
|
3656
3657
|
p(new_ctx, dirty) {
|
|
3657
3658
|
ctx = new_ctx;
|
|
3658
|
-
if (dirty[0] & /*options*/
|
|
3659
|
+
if (dirty[0] & /*options*/ 1024 && t0_value !== (t0_value = /*option*/ ctx[36].label + "")) set_data(t0, t0_value);
|
|
3659
3660
|
|
|
3660
|
-
if (dirty[0] & /*options*/
|
|
3661
|
+
if (dirty[0] & /*options*/ 1024 && li_aria_label_value !== (li_aria_label_value = /*option*/ ctx[36].label || /*option*/ ctx[36].value)) {
|
|
3662
|
+
attr(li, "aria-label", li_aria_label_value);
|
|
3663
|
+
}
|
|
3664
|
+
|
|
3665
|
+
if (dirty[0] & /*options*/ 1024 && li_data_testid_value !== (li_data_testid_value = `${/*option*/ ctx[36].value}-dropdown-item`)) {
|
|
3661
3666
|
attr(li, "data-testid", li_data_testid_value);
|
|
3662
3667
|
}
|
|
3663
3668
|
|
|
3664
|
-
if (dirty[0] & /*options*/
|
|
3669
|
+
if (dirty[0] & /*options*/ 1024 && li_data_index_value !== (li_data_index_value = /*index*/ ctx[38])) {
|
|
3665
3670
|
attr(li, "data-index", li_data_index_value);
|
|
3666
3671
|
}
|
|
3667
3672
|
|
|
3668
|
-
if (dirty[0] & /*options, highlightedIndex*/
|
|
3669
|
-
toggle_class(li, "goa-dropdown-option--tabbed", /*index*/ ctx[
|
|
3673
|
+
if (dirty[0] & /*options, highlightedIndex*/ 9216) {
|
|
3674
|
+
toggle_class(li, "goa-dropdown-option--tabbed", /*index*/ ctx[38] === /*highlightedIndex*/ ctx[13]);
|
|
3670
3675
|
}
|
|
3671
3676
|
|
|
3672
|
-
if (dirty[0] & /*_values, options*/
|
|
3673
|
-
toggle_class(li, "goa-dropdown-option--selected", /*_values*/ ctx[
|
|
3677
|
+
if (dirty[0] & /*_values, options*/ 1536) {
|
|
3678
|
+
toggle_class(li, "goa-dropdown-option--selected", /*_values*/ ctx[9].includes(/*option*/ ctx[36].value));
|
|
3674
3679
|
}
|
|
3675
3680
|
},
|
|
3676
3681
|
d(detaching) {
|
|
@@ -3687,6 +3692,7 @@ function create_fragment$q(ctx) {
|
|
|
3687
3692
|
let div0;
|
|
3688
3693
|
let goa_input;
|
|
3689
3694
|
let goa_input_id_value;
|
|
3695
|
+
let goa_input_aria_label_value;
|
|
3690
3696
|
let div0_data_testid_value;
|
|
3691
3697
|
let t1;
|
|
3692
3698
|
let ul;
|
|
@@ -3698,9 +3704,9 @@ function create_fragment$q(ctx) {
|
|
|
3698
3704
|
let div1_style_value;
|
|
3699
3705
|
let mounted;
|
|
3700
3706
|
let dispose;
|
|
3701
|
-
let if_block = /*isMenuVisible*/ ctx[
|
|
3702
|
-
let each_value = /*options*/ ctx[
|
|
3703
|
-
const get_key = ctx => /*option*/ ctx[
|
|
3707
|
+
let if_block = /*isMenuVisible*/ ctx[12] && create_if_block$d(ctx);
|
|
3708
|
+
let each_value = /*options*/ ctx[10];
|
|
3709
|
+
const get_key = ctx => /*option*/ ctx[36].value;
|
|
3704
3710
|
|
|
3705
3711
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
3706
3712
|
let child_ctx = get_each_context$4(ctx, each_value, i);
|
|
@@ -3725,26 +3731,26 @@ function create_fragment$q(ctx) {
|
|
|
3725
3731
|
}
|
|
3726
3732
|
|
|
3727
3733
|
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[
|
|
3734
|
+
set_custom_element_data(goa_input, "error", /*error*/ ctx[8]);
|
|
3735
|
+
set_custom_element_data(goa_input, "disabled", /*disabled*/ ctx[7]);
|
|
3736
|
+
set_custom_element_data(goa_input, "leadingicon", /*leadingicon*/ ctx[2]);
|
|
3737
|
+
set_custom_element_data(goa_input, "placeholder", /*placeholder*/ ctx[4]);
|
|
3732
3738
|
set_custom_element_data(goa_input, "width", "100%");
|
|
3733
3739
|
set_custom_element_data(goa_input, "id", goa_input_id_value = `${/*name*/ ctx[0]}-dropdown-input`);
|
|
3734
|
-
set_custom_element_data(goa_input, "
|
|
3740
|
+
set_custom_element_data(goa_input, "aria-label", goa_input_aria_label_value = /*arialabel*/ ctx[1] || /*name*/ ctx[0]);
|
|
3735
3741
|
set_custom_element_data(goa_input, "readonly", "");
|
|
3736
3742
|
set_custom_element_data(goa_input, "trailingicon", "chevron-down");
|
|
3737
3743
|
set_custom_element_data(goa_input, "type", "text");
|
|
3738
|
-
set_custom_element_data(goa_input, "value", /*selectedLabel*/ ctx[
|
|
3744
|
+
set_custom_element_data(goa_input, "value", /*selectedLabel*/ ctx[11]);
|
|
3739
3745
|
attr(div0, "data-testid", div0_data_testid_value = `${/*name*/ ctx[0]}-dropdown`);
|
|
3740
3746
|
attr(ul, "data-testid", "dropdown-menu");
|
|
3741
3747
|
attr(ul, "tabindex", "0");
|
|
3742
3748
|
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[
|
|
3749
|
+
attr(ul, "style", ul_style_value = `overflow-y: auto; max-height: ${/*maxheight*/ ctx[3]}`);
|
|
3750
|
+
toggle_class(ul, "dropdown-active", /*isMenuVisible*/ ctx[12]);
|
|
3751
|
+
attr(div1, "data-testid", /*testid*/ ctx[5]);
|
|
3746
3752
|
attr(div1, "class", "goa-dropdown-box");
|
|
3747
|
-
attr(div1, "style", div1_style_value = `--width: ${/*width*/ ctx[
|
|
3753
|
+
attr(div1, "style", div1_style_value = `--width: ${/*width*/ ctx[6] || /*computedWidth*/ ctx[14]}`);
|
|
3748
3754
|
},
|
|
3749
3755
|
m(target, anchor) {
|
|
3750
3756
|
insert(target, div1, anchor);
|
|
@@ -3761,16 +3767,16 @@ function create_fragment$q(ctx) {
|
|
|
3761
3767
|
each_blocks[i].m(ul, null);
|
|
3762
3768
|
}
|
|
3763
3769
|
|
|
3764
|
-
/*ul_binding*/ ctx[
|
|
3765
|
-
/*div1_binding*/ ctx[
|
|
3770
|
+
/*ul_binding*/ ctx[23](ul);
|
|
3771
|
+
/*div1_binding*/ ctx[24](div1);
|
|
3766
3772
|
|
|
3767
3773
|
if (!mounted) {
|
|
3768
|
-
dispose = listen(goa_input, "click", /*showMenu*/ ctx[
|
|
3774
|
+
dispose = listen(goa_input, "click", /*showMenu*/ ctx[17]);
|
|
3769
3775
|
mounted = true;
|
|
3770
3776
|
}
|
|
3771
3777
|
},
|
|
3772
3778
|
p(ctx, dirty) {
|
|
3773
|
-
if (/*isMenuVisible*/ ctx[
|
|
3779
|
+
if (/*isMenuVisible*/ ctx[12]) {
|
|
3774
3780
|
if (if_block) {
|
|
3775
3781
|
if_block.p(ctx, dirty);
|
|
3776
3782
|
} else {
|
|
@@ -3783,52 +3789,56 @@ function create_fragment$q(ctx) {
|
|
|
3783
3789
|
if_block = null;
|
|
3784
3790
|
}
|
|
3785
3791
|
|
|
3786
|
-
if (dirty[0] & /*error*/
|
|
3787
|
-
set_custom_element_data(goa_input, "error", /*error*/ ctx[
|
|
3792
|
+
if (dirty[0] & /*error*/ 256) {
|
|
3793
|
+
set_custom_element_data(goa_input, "error", /*error*/ ctx[8]);
|
|
3788
3794
|
}
|
|
3789
3795
|
|
|
3790
|
-
if (dirty[0] & /*disabled*/
|
|
3791
|
-
set_custom_element_data(goa_input, "disabled", /*disabled*/ ctx[
|
|
3796
|
+
if (dirty[0] & /*disabled*/ 128) {
|
|
3797
|
+
set_custom_element_data(goa_input, "disabled", /*disabled*/ ctx[7]);
|
|
3792
3798
|
}
|
|
3793
3799
|
|
|
3794
|
-
if (dirty[0] & /*leadingicon*/
|
|
3795
|
-
set_custom_element_data(goa_input, "leadingicon", /*leadingicon*/ ctx[
|
|
3800
|
+
if (dirty[0] & /*leadingicon*/ 4) {
|
|
3801
|
+
set_custom_element_data(goa_input, "leadingicon", /*leadingicon*/ ctx[2]);
|
|
3796
3802
|
}
|
|
3797
3803
|
|
|
3798
|
-
if (dirty[0] & /*placeholder*/
|
|
3799
|
-
set_custom_element_data(goa_input, "placeholder", /*placeholder*/ ctx[
|
|
3804
|
+
if (dirty[0] & /*placeholder*/ 16) {
|
|
3805
|
+
set_custom_element_data(goa_input, "placeholder", /*placeholder*/ ctx[4]);
|
|
3800
3806
|
}
|
|
3801
3807
|
|
|
3802
3808
|
if (dirty[0] & /*name*/ 1 && goa_input_id_value !== (goa_input_id_value = `${/*name*/ ctx[0]}-dropdown-input`)) {
|
|
3803
3809
|
set_custom_element_data(goa_input, "id", goa_input_id_value);
|
|
3804
3810
|
}
|
|
3805
3811
|
|
|
3806
|
-
if (dirty[0] & /*
|
|
3807
|
-
set_custom_element_data(goa_input, "
|
|
3812
|
+
if (dirty[0] & /*arialabel, name*/ 3 && goa_input_aria_label_value !== (goa_input_aria_label_value = /*arialabel*/ ctx[1] || /*name*/ ctx[0])) {
|
|
3813
|
+
set_custom_element_data(goa_input, "aria-label", goa_input_aria_label_value);
|
|
3814
|
+
}
|
|
3815
|
+
|
|
3816
|
+
if (dirty[0] & /*selectedLabel*/ 2048) {
|
|
3817
|
+
set_custom_element_data(goa_input, "value", /*selectedLabel*/ ctx[11]);
|
|
3808
3818
|
}
|
|
3809
3819
|
|
|
3810
3820
|
if (dirty[0] & /*name*/ 1 && div0_data_testid_value !== (div0_data_testid_value = `${/*name*/ ctx[0]}-dropdown`)) {
|
|
3811
3821
|
attr(div0, "data-testid", div0_data_testid_value);
|
|
3812
3822
|
}
|
|
3813
3823
|
|
|
3814
|
-
if (dirty[0] & /*options, highlightedIndex, _values, onSelect*/
|
|
3815
|
-
each_value = /*options*/ ctx[
|
|
3824
|
+
if (dirty[0] & /*options, highlightedIndex, _values, onSelect*/ 534016) {
|
|
3825
|
+
each_value = /*options*/ ctx[10];
|
|
3816
3826
|
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
3827
|
}
|
|
3818
3828
|
|
|
3819
|
-
if (dirty[0] & /*maxheight*/
|
|
3829
|
+
if (dirty[0] & /*maxheight*/ 8 && ul_style_value !== (ul_style_value = `overflow-y: auto; max-height: ${/*maxheight*/ ctx[3]}`)) {
|
|
3820
3830
|
attr(ul, "style", ul_style_value);
|
|
3821
3831
|
}
|
|
3822
3832
|
|
|
3823
|
-
if (dirty[0] & /*isMenuVisible*/
|
|
3824
|
-
toggle_class(ul, "dropdown-active", /*isMenuVisible*/ ctx[
|
|
3833
|
+
if (dirty[0] & /*isMenuVisible*/ 4096) {
|
|
3834
|
+
toggle_class(ul, "dropdown-active", /*isMenuVisible*/ ctx[12]);
|
|
3825
3835
|
}
|
|
3826
3836
|
|
|
3827
|
-
if (dirty[0] & /*testid*/
|
|
3828
|
-
attr(div1, "data-testid", /*testid*/ ctx[
|
|
3837
|
+
if (dirty[0] & /*testid*/ 32) {
|
|
3838
|
+
attr(div1, "data-testid", /*testid*/ ctx[5]);
|
|
3829
3839
|
}
|
|
3830
3840
|
|
|
3831
|
-
if (dirty[0] & /*width, computedWidth*/
|
|
3841
|
+
if (dirty[0] & /*width, computedWidth*/ 16448 && div1_style_value !== (div1_style_value = `--width: ${/*width*/ ctx[6] || /*computedWidth*/ ctx[14]}`)) {
|
|
3832
3842
|
attr(div1, "style", div1_style_value);
|
|
3833
3843
|
}
|
|
3834
3844
|
},
|
|
@@ -3842,8 +3852,8 @@ function create_fragment$q(ctx) {
|
|
|
3842
3852
|
each_blocks[i].d();
|
|
3843
3853
|
}
|
|
3844
3854
|
|
|
3845
|
-
/*ul_binding*/ ctx[
|
|
3846
|
-
/*div1_binding*/ ctx[
|
|
3855
|
+
/*ul_binding*/ ctx[23](null);
|
|
3856
|
+
/*div1_binding*/ ctx[24](null);
|
|
3847
3857
|
mounted = false;
|
|
3848
3858
|
dispose();
|
|
3849
3859
|
}
|
|
@@ -3856,6 +3866,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3856
3866
|
let _disabled;
|
|
3857
3867
|
let _multiselect;
|
|
3858
3868
|
let { name } = $$props;
|
|
3869
|
+
let { arialabel = "" } = $$props;
|
|
3859
3870
|
let { value = "" } = $$props;
|
|
3860
3871
|
let { leadingicon = null } = $$props;
|
|
3861
3872
|
let { maxheight = MAX_HEIGHT } = $$props;
|
|
@@ -3901,7 +3912,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3901
3912
|
const rawValues = typeof rawValue === "object" ? rawValue : [rawValue];
|
|
3902
3913
|
|
|
3903
3914
|
// convert all values to strings to avoid later type comparison issues
|
|
3904
|
-
$$invalidate(
|
|
3915
|
+
$$invalidate(9, _values = rawValues.map(val => `${val}`));
|
|
3905
3916
|
|
|
3906
3917
|
bindContext();
|
|
3907
3918
|
});
|
|
@@ -3922,15 +3933,15 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3922
3933
|
{
|
|
3923
3934
|
const _data = data;
|
|
3924
3935
|
const selected = _values.includes(_data.value);
|
|
3925
|
-
$$invalidate(
|
|
3936
|
+
$$invalidate(10, options = [...options, Object.assign(Object.assign({}, _data), { selected })]);
|
|
3926
3937
|
|
|
3927
3938
|
if (selected) {
|
|
3928
|
-
$$invalidate(
|
|
3939
|
+
$$invalidate(11, selectedLabel = _data.label);
|
|
3929
3940
|
}
|
|
3930
3941
|
|
|
3931
3942
|
if (!width && maxLetterCount < _data.label.length) {
|
|
3932
3943
|
maxLetterCount = _data.label.length;
|
|
3933
|
-
$$invalidate(
|
|
3944
|
+
$$invalidate(14, computedWidth = `${Math.max(20, maxLetterCount + 12)}ch`);
|
|
3934
3945
|
}
|
|
3935
3946
|
|
|
3936
3947
|
setHighlightedIndexToSelected();
|
|
@@ -3945,7 +3956,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3945
3956
|
return;
|
|
3946
3957
|
}
|
|
3947
3958
|
|
|
3948
|
-
$$invalidate(
|
|
3959
|
+
$$invalidate(12, isMenuVisible = true);
|
|
3949
3960
|
await tick();
|
|
3950
3961
|
|
|
3951
3962
|
// hide menu on blur
|
|
@@ -3964,17 +3975,17 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3964
3975
|
menuEl.removeEventListener("keydown", onMenuKeyDown);
|
|
3965
3976
|
menuEl.removeEventListener("mouseover", onHighlight);
|
|
3966
3977
|
setHighlightedIndexToSelected();
|
|
3967
|
-
$$invalidate(
|
|
3978
|
+
$$invalidate(12, isMenuVisible = false);
|
|
3968
3979
|
}
|
|
3969
3980
|
|
|
3970
3981
|
function setHighlightedIndexToSelected() {
|
|
3971
|
-
$$invalidate(
|
|
3982
|
+
$$invalidate(13, highlightedIndex = options.findIndex(option => _values.includes(option.value)));
|
|
3972
3983
|
}
|
|
3973
3984
|
|
|
3974
3985
|
// Event handlers
|
|
3975
3986
|
function onSelect(val, label) {
|
|
3976
3987
|
if (_disabled) return;
|
|
3977
|
-
$$invalidate(
|
|
3988
|
+
$$invalidate(11, selectedLabel = label);
|
|
3978
3989
|
|
|
3979
3990
|
if (_multiselect) {
|
|
3980
3991
|
_values.push(val);
|
|
@@ -3985,7 +3996,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3985
3996
|
detail: { name, values: _values }
|
|
3986
3997
|
}));
|
|
3987
3998
|
} else {
|
|
3988
|
-
$$invalidate(
|
|
3999
|
+
$$invalidate(9, _values = [val]);
|
|
3989
4000
|
|
|
3990
4001
|
el.dispatchEvent(new CustomEvent("_change",
|
|
3991
4002
|
{
|
|
@@ -4020,14 +4031,14 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
4020
4031
|
switch (e.key) {
|
|
4021
4032
|
case "ArrowUp":
|
|
4022
4033
|
if (highlightedIndex === 0) {
|
|
4023
|
-
$$invalidate(
|
|
4034
|
+
$$invalidate(13, highlightedIndex = options.length - 1);
|
|
4024
4035
|
} else {
|
|
4025
|
-
$$invalidate(
|
|
4036
|
+
$$invalidate(13, highlightedIndex--, highlightedIndex);
|
|
4026
4037
|
}
|
|
4027
4038
|
e.preventDefault();
|
|
4028
4039
|
break;
|
|
4029
4040
|
case "ArrowDown":
|
|
4030
|
-
$$invalidate(
|
|
4041
|
+
$$invalidate(13, highlightedIndex = (highlightedIndex + 1) % options.length);
|
|
4031
4042
|
e.preventDefault();
|
|
4032
4043
|
break;
|
|
4033
4044
|
case "Tab":
|
|
@@ -4043,7 +4054,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
4043
4054
|
}
|
|
4044
4055
|
|
|
4045
4056
|
function onHighlight(e) {
|
|
4046
|
-
$$invalidate(
|
|
4057
|
+
$$invalidate(13, highlightedIndex = Number(e.target.dataset.index));
|
|
4047
4058
|
}
|
|
4048
4059
|
|
|
4049
4060
|
const click_handler = option => onSelect(option.value, option.label);
|
|
@@ -4051,42 +4062,44 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
4051
4062
|
function ul_binding($$value) {
|
|
4052
4063
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
4053
4064
|
menuEl = $$value;
|
|
4054
|
-
$$invalidate(
|
|
4065
|
+
$$invalidate(16, menuEl);
|
|
4055
4066
|
});
|
|
4056
4067
|
}
|
|
4057
4068
|
|
|
4058
4069
|
function div1_binding($$value) {
|
|
4059
4070
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
4060
4071
|
el = $$value;
|
|
4061
|
-
$$invalidate(
|
|
4072
|
+
$$invalidate(15, el);
|
|
4062
4073
|
});
|
|
4063
4074
|
}
|
|
4064
4075
|
|
|
4065
4076
|
$$self.$$set = $$props => {
|
|
4066
4077
|
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 ('
|
|
4078
|
+
if ('arialabel' in $$props) $$invalidate(1, arialabel = $$props.arialabel);
|
|
4079
|
+
if ('value' in $$props) $$invalidate(20, value = $$props.value);
|
|
4080
|
+
if ('leadingicon' in $$props) $$invalidate(2, leadingicon = $$props.leadingicon);
|
|
4081
|
+
if ('maxheight' in $$props) $$invalidate(3, maxheight = $$props.maxheight);
|
|
4082
|
+
if ('placeholder' in $$props) $$invalidate(4, placeholder = $$props.placeholder);
|
|
4083
|
+
if ('testid' in $$props) $$invalidate(5, testid = $$props.testid);
|
|
4084
|
+
if ('width' in $$props) $$invalidate(6, width = $$props.width);
|
|
4085
|
+
if ('disabled' in $$props) $$invalidate(7, disabled = $$props.disabled);
|
|
4086
|
+
if ('error' in $$props) $$invalidate(8, error = $$props.error);
|
|
4087
|
+
if ('multiselect' in $$props) $$invalidate(21, multiselect = $$props.multiselect);
|
|
4076
4088
|
};
|
|
4077
4089
|
|
|
4078
4090
|
$$self.$$.update = () => {
|
|
4079
|
-
if ($$self.$$.dirty[0] & /*disabled*/
|
|
4091
|
+
if ($$self.$$.dirty[0] & /*disabled*/ 128) {
|
|
4080
4092
|
_disabled = toBoolean(disabled);
|
|
4081
4093
|
}
|
|
4082
4094
|
|
|
4083
|
-
if ($$self.$$.dirty[0] & /*multiselect*/
|
|
4095
|
+
if ($$self.$$.dirty[0] & /*multiselect*/ 2097152) {
|
|
4084
4096
|
_multiselect = toBoolean(multiselect);
|
|
4085
4097
|
}
|
|
4086
4098
|
};
|
|
4087
4099
|
|
|
4088
4100
|
return [
|
|
4089
4101
|
name,
|
|
4102
|
+
arialabel,
|
|
4090
4103
|
leadingicon,
|
|
4091
4104
|
maxheight,
|
|
4092
4105
|
placeholder,
|
|
@@ -4130,15 +4143,16 @@ class Dropdown extends SvelteElement {
|
|
|
4130
4143
|
safe_not_equal,
|
|
4131
4144
|
{
|
|
4132
4145
|
name: 0,
|
|
4133
|
-
|
|
4134
|
-
|
|
4135
|
-
|
|
4136
|
-
|
|
4137
|
-
|
|
4138
|
-
|
|
4139
|
-
|
|
4140
|
-
|
|
4141
|
-
|
|
4146
|
+
arialabel: 1,
|
|
4147
|
+
value: 20,
|
|
4148
|
+
leadingicon: 2,
|
|
4149
|
+
maxheight: 3,
|
|
4150
|
+
placeholder: 4,
|
|
4151
|
+
testid: 5,
|
|
4152
|
+
width: 6,
|
|
4153
|
+
disabled: 7,
|
|
4154
|
+
error: 8,
|
|
4155
|
+
multiselect: 21
|
|
4142
4156
|
},
|
|
4143
4157
|
null,
|
|
4144
4158
|
[-1, -1]
|
|
@@ -4159,6 +4173,7 @@ class Dropdown extends SvelteElement {
|
|
|
4159
4173
|
static get observedAttributes() {
|
|
4160
4174
|
return [
|
|
4161
4175
|
"name",
|
|
4176
|
+
"arialabel",
|
|
4162
4177
|
"value",
|
|
4163
4178
|
"leadingicon",
|
|
4164
4179
|
"maxheight",
|
|
@@ -4180,8 +4195,17 @@ class Dropdown extends SvelteElement {
|
|
|
4180
4195
|
flush();
|
|
4181
4196
|
}
|
|
4182
4197
|
|
|
4198
|
+
get arialabel() {
|
|
4199
|
+
return this.$$.ctx[1];
|
|
4200
|
+
}
|
|
4201
|
+
|
|
4202
|
+
set arialabel(arialabel) {
|
|
4203
|
+
this.$$set({ arialabel });
|
|
4204
|
+
flush();
|
|
4205
|
+
}
|
|
4206
|
+
|
|
4183
4207
|
get value() {
|
|
4184
|
-
return this.$$.ctx[
|
|
4208
|
+
return this.$$.ctx[20];
|
|
4185
4209
|
}
|
|
4186
4210
|
|
|
4187
4211
|
set value(value) {
|
|
@@ -4190,7 +4214,7 @@ class Dropdown extends SvelteElement {
|
|
|
4190
4214
|
}
|
|
4191
4215
|
|
|
4192
4216
|
get leadingicon() {
|
|
4193
|
-
return this.$$.ctx[
|
|
4217
|
+
return this.$$.ctx[2];
|
|
4194
4218
|
}
|
|
4195
4219
|
|
|
4196
4220
|
set leadingicon(leadingicon) {
|
|
@@ -4199,7 +4223,7 @@ class Dropdown extends SvelteElement {
|
|
|
4199
4223
|
}
|
|
4200
4224
|
|
|
4201
4225
|
get maxheight() {
|
|
4202
|
-
return this.$$.ctx[
|
|
4226
|
+
return this.$$.ctx[3];
|
|
4203
4227
|
}
|
|
4204
4228
|
|
|
4205
4229
|
set maxheight(maxheight) {
|
|
@@ -4208,7 +4232,7 @@ class Dropdown extends SvelteElement {
|
|
|
4208
4232
|
}
|
|
4209
4233
|
|
|
4210
4234
|
get placeholder() {
|
|
4211
|
-
return this.$$.ctx[
|
|
4235
|
+
return this.$$.ctx[4];
|
|
4212
4236
|
}
|
|
4213
4237
|
|
|
4214
4238
|
set placeholder(placeholder) {
|
|
@@ -4217,7 +4241,7 @@ class Dropdown extends SvelteElement {
|
|
|
4217
4241
|
}
|
|
4218
4242
|
|
|
4219
4243
|
get testid() {
|
|
4220
|
-
return this.$$.ctx[
|
|
4244
|
+
return this.$$.ctx[5];
|
|
4221
4245
|
}
|
|
4222
4246
|
|
|
4223
4247
|
set testid(testid) {
|
|
@@ -4226,7 +4250,7 @@ class Dropdown extends SvelteElement {
|
|
|
4226
4250
|
}
|
|
4227
4251
|
|
|
4228
4252
|
get width() {
|
|
4229
|
-
return this.$$.ctx[
|
|
4253
|
+
return this.$$.ctx[6];
|
|
4230
4254
|
}
|
|
4231
4255
|
|
|
4232
4256
|
set width(width) {
|
|
@@ -4235,7 +4259,7 @@ class Dropdown extends SvelteElement {
|
|
|
4235
4259
|
}
|
|
4236
4260
|
|
|
4237
4261
|
get disabled() {
|
|
4238
|
-
return this.$$.ctx[
|
|
4262
|
+
return this.$$.ctx[7];
|
|
4239
4263
|
}
|
|
4240
4264
|
|
|
4241
4265
|
set disabled(disabled) {
|
|
@@ -4244,7 +4268,7 @@ class Dropdown extends SvelteElement {
|
|
|
4244
4268
|
}
|
|
4245
4269
|
|
|
4246
4270
|
get error() {
|
|
4247
|
-
return this.$$.ctx[
|
|
4271
|
+
return this.$$.ctx[8];
|
|
4248
4272
|
}
|
|
4249
4273
|
|
|
4250
4274
|
set error(error) {
|
|
@@ -4253,7 +4277,7 @@ class Dropdown extends SvelteElement {
|
|
|
4253
4277
|
}
|
|
4254
4278
|
|
|
4255
4279
|
get multiselect() {
|
|
4256
|
-
return this.$$.ctx[
|
|
4280
|
+
return this.$$.ctx[21];
|
|
4257
4281
|
}
|
|
4258
4282
|
|
|
4259
4283
|
set multiselect(multiselect) {
|
|
@@ -4473,24 +4497,24 @@ customElements.define("goa-flex-row", FlexRow);
|
|
|
4473
4497
|
/* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.49.0 */
|
|
4474
4498
|
|
|
4475
4499
|
function create_if_block_2$6(ctx) {
|
|
4476
|
-
let
|
|
4500
|
+
let div;
|
|
4477
4501
|
let t0;
|
|
4478
4502
|
let t1;
|
|
4479
4503
|
let if_block = /*isOptional*/ ctx[3] && create_if_block_3$4();
|
|
4480
4504
|
|
|
4481
4505
|
return {
|
|
4482
4506
|
c() {
|
|
4483
|
-
|
|
4507
|
+
div = element("div");
|
|
4484
4508
|
t0 = text(/*label*/ ctx[0]);
|
|
4485
4509
|
t1 = space();
|
|
4486
4510
|
if (if_block) if_block.c();
|
|
4487
|
-
attr(
|
|
4511
|
+
attr(div, "class", "label");
|
|
4488
4512
|
},
|
|
4489
4513
|
m(target, anchor) {
|
|
4490
|
-
insert(target,
|
|
4491
|
-
append(
|
|
4492
|
-
append(
|
|
4493
|
-
if (if_block) if_block.m(
|
|
4514
|
+
insert(target, div, anchor);
|
|
4515
|
+
append(div, t0);
|
|
4516
|
+
append(div, t1);
|
|
4517
|
+
if (if_block) if_block.m(div, null);
|
|
4494
4518
|
},
|
|
4495
4519
|
p(ctx, dirty) {
|
|
4496
4520
|
if (dirty & /*label*/ 1) set_data(t0, /*label*/ ctx[0]);
|
|
@@ -4499,7 +4523,7 @@ function create_if_block_2$6(ctx) {
|
|
|
4499
4523
|
if (if_block) ; else {
|
|
4500
4524
|
if_block = create_if_block_3$4();
|
|
4501
4525
|
if_block.c();
|
|
4502
|
-
if_block.m(
|
|
4526
|
+
if_block.m(div, null);
|
|
4503
4527
|
}
|
|
4504
4528
|
} else if (if_block) {
|
|
4505
4529
|
if_block.d(1);
|
|
@@ -4507,7 +4531,7 @@ function create_if_block_2$6(ctx) {
|
|
|
4507
4531
|
}
|
|
4508
4532
|
},
|
|
4509
4533
|
d(detaching) {
|
|
4510
|
-
if (detaching) detach(
|
|
4534
|
+
if (detaching) detach(div);
|
|
4511
4535
|
if (if_block) if_block.d();
|
|
4512
4536
|
}
|
|
4513
4537
|
};
|
|
@@ -4670,7 +4694,7 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
4670
4694
|
let { label = "" } = $$props;
|
|
4671
4695
|
let { helptext = "" } = $$props;
|
|
4672
4696
|
let { error = "" } = $$props;
|
|
4673
|
-
let { optional } = $$props;
|
|
4697
|
+
let { optional = "" } = $$props;
|
|
4674
4698
|
|
|
4675
4699
|
$$self.$$set = $$props => {
|
|
4676
4700
|
if ('label' in $$props) $$invalidate(0, label = $$props.label);
|
|
@@ -4691,7 +4715,7 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
4691
4715
|
class FormItem extends SvelteElement {
|
|
4692
4716
|
constructor(options) {
|
|
4693
4717
|
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>`;
|
|
4718
|
+
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
4719
|
|
|
4696
4720
|
init(
|
|
4697
4721
|
this,
|
|
@@ -5482,7 +5506,7 @@ function create_if_block_5(ctx) {
|
|
|
5482
5506
|
};
|
|
5483
5507
|
}
|
|
5484
5508
|
|
|
5485
|
-
// (
|
|
5509
|
+
// (102:4) {#if trailingicon && !handlesTrailingIconClick}
|
|
5486
5510
|
function create_if_block_4$1(ctx) {
|
|
5487
5511
|
let goa_icon;
|
|
5488
5512
|
|
|
@@ -5508,7 +5532,7 @@ function create_if_block_4$1(ctx) {
|
|
|
5508
5532
|
};
|
|
5509
5533
|
}
|
|
5510
5534
|
|
|
5511
|
-
// (
|
|
5535
|
+
// (112:4) {#if trailingicon && handlesTrailingIconClick}
|
|
5512
5536
|
function create_if_block_3$3(ctx) {
|
|
5513
5537
|
let goa_icon_button;
|
|
5514
5538
|
let mounted;
|
|
@@ -5518,7 +5542,7 @@ function create_if_block_3$3(ctx) {
|
|
|
5518
5542
|
c() {
|
|
5519
5543
|
goa_icon_button = element("goa-icon-button");
|
|
5520
5544
|
set_custom_element_data(goa_icon_button, "class", "goa-input-trailing-icon");
|
|
5521
|
-
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[
|
|
5545
|
+
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[16]);
|
|
5522
5546
|
set_custom_element_data(goa_icon_button, "variant", "nocolor");
|
|
5523
5547
|
set_custom_element_data(goa_icon_button, "size", "medium");
|
|
5524
5548
|
set_custom_element_data(goa_icon_button, "type", /*trailingicon*/ ctx[5]);
|
|
@@ -5533,8 +5557,8 @@ function create_if_block_3$3(ctx) {
|
|
|
5533
5557
|
}
|
|
5534
5558
|
},
|
|
5535
5559
|
p(ctx, dirty) {
|
|
5536
|
-
if (dirty & /*isDisabled*/
|
|
5537
|
-
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[
|
|
5560
|
+
if (dirty & /*isDisabled*/ 65536) {
|
|
5561
|
+
set_custom_element_data(goa_icon_button, "disabled", /*isDisabled*/ ctx[16]);
|
|
5538
5562
|
}
|
|
5539
5563
|
|
|
5540
5564
|
if (dirty & /*trailingicon*/ 32) {
|
|
@@ -5549,12 +5573,12 @@ function create_if_block_3$3(ctx) {
|
|
|
5549
5573
|
};
|
|
5550
5574
|
}
|
|
5551
5575
|
|
|
5552
|
-
// (
|
|
5576
|
+
// (126:2) {#if showCounter}
|
|
5553
5577
|
function create_if_block$a(ctx) {
|
|
5554
5578
|
let if_block_anchor;
|
|
5555
5579
|
|
|
5556
5580
|
function select_block_type(ctx, dirty) {
|
|
5557
|
-
if (/*maxcharcount*/ ctx[
|
|
5581
|
+
if (/*maxcharcount*/ ctx[13] > 0) return create_if_block_1$6;
|
|
5558
5582
|
if (/*value*/ ctx[0].length > 0) return create_if_block_2$5;
|
|
5559
5583
|
}
|
|
5560
5584
|
|
|
@@ -5593,7 +5617,7 @@ function create_if_block$a(ctx) {
|
|
|
5593
5617
|
};
|
|
5594
5618
|
}
|
|
5595
5619
|
|
|
5596
|
-
// (
|
|
5620
|
+
// (131:31)
|
|
5597
5621
|
function create_if_block_2$5(ctx) {
|
|
5598
5622
|
let div;
|
|
5599
5623
|
let t_value = /*value*/ ctx[0].length + "";
|
|
@@ -5618,12 +5642,12 @@ function create_if_block_2$5(ctx) {
|
|
|
5618
5642
|
};
|
|
5619
5643
|
}
|
|
5620
5644
|
|
|
5621
|
-
// (
|
|
5645
|
+
// (127:4) {#if maxcharcount > 0}
|
|
5622
5646
|
function create_if_block_1$6(ctx) {
|
|
5623
5647
|
let div;
|
|
5624
5648
|
let t0_value = /*value*/ ctx[0].length + "";
|
|
5625
5649
|
let t0;
|
|
5626
|
-
let t1_value = `/${/*maxcharcount*/ ctx[
|
|
5650
|
+
let t1_value = `/${/*maxcharcount*/ ctx[13]}` + "";
|
|
5627
5651
|
let t1;
|
|
5628
5652
|
|
|
5629
5653
|
return {
|
|
@@ -5632,7 +5656,7 @@ function create_if_block_1$6(ctx) {
|
|
|
5632
5656
|
t0 = text(t0_value);
|
|
5633
5657
|
t1 = text(t1_value);
|
|
5634
5658
|
attr(div, "class", "counter");
|
|
5635
|
-
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[
|
|
5659
|
+
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[13]);
|
|
5636
5660
|
},
|
|
5637
5661
|
m(target, anchor) {
|
|
5638
5662
|
insert(target, div, anchor);
|
|
@@ -5641,10 +5665,10 @@ function create_if_block_1$6(ctx) {
|
|
|
5641
5665
|
},
|
|
5642
5666
|
p(ctx, dirty) {
|
|
5643
5667
|
if (dirty & /*value*/ 1 && t0_value !== (t0_value = /*value*/ ctx[0].length + "")) set_data(t0, t0_value);
|
|
5644
|
-
if (dirty & /*maxcharcount*/
|
|
5668
|
+
if (dirty & /*maxcharcount*/ 8192 && t1_value !== (t1_value = `/${/*maxcharcount*/ ctx[13]}` + "")) set_data(t1, t1_value);
|
|
5645
5669
|
|
|
5646
|
-
if (dirty & /*value, maxcharcount*/
|
|
5647
|
-
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[
|
|
5670
|
+
if (dirty & /*value, maxcharcount*/ 8193) {
|
|
5671
|
+
toggle_class(div, "counter-error", /*value*/ ctx[0].length > /*maxcharcount*/ ctx[13]);
|
|
5648
5672
|
}
|
|
5649
5673
|
},
|
|
5650
5674
|
d(detaching) {
|
|
@@ -5660,6 +5684,7 @@ function create_fragment$j(ctx) {
|
|
|
5660
5684
|
let input;
|
|
5661
5685
|
let input_class_value;
|
|
5662
5686
|
let input_style_value;
|
|
5687
|
+
let input_aria_label_value;
|
|
5663
5688
|
let t1;
|
|
5664
5689
|
let t2;
|
|
5665
5690
|
let div0_class_value;
|
|
@@ -5668,9 +5693,9 @@ function create_fragment$j(ctx) {
|
|
|
5668
5693
|
let mounted;
|
|
5669
5694
|
let dispose;
|
|
5670
5695
|
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[
|
|
5696
|
+
let if_block1 = /*trailingicon*/ ctx[5] && !/*handlesTrailingIconClick*/ ctx[19] && create_if_block_4$1(ctx);
|
|
5697
|
+
let if_block2 = /*trailingicon*/ ctx[5] && /*handlesTrailingIconClick*/ ctx[19] && create_if_block_3$3(ctx);
|
|
5698
|
+
let if_block3 = /*showCounter*/ ctx[15] && create_if_block$a(ctx);
|
|
5674
5699
|
|
|
5675
5700
|
return {
|
|
5676
5701
|
c() {
|
|
@@ -5688,22 +5713,27 @@ function create_fragment$j(ctx) {
|
|
|
5688
5713
|
this.c = noop;
|
|
5689
5714
|
attr(input, "class", input_class_value = `input--${/*variant*/ ctx[6]}`);
|
|
5690
5715
|
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[
|
|
5716
|
+
input.readOnly = /*isReadonly*/ ctx[18];
|
|
5717
|
+
input.disabled = /*isDisabled*/ ctx[16];
|
|
5693
5718
|
attr(input, "data-testid", /*testid*/ ctx[7]);
|
|
5694
5719
|
attr(input, "name", /*name*/ ctx[2]);
|
|
5695
5720
|
attr(input, "type", /*type*/ ctx[1]);
|
|
5696
5721
|
input.value = /*value*/ ctx[0];
|
|
5697
5722
|
attr(input, "placeholder", /*placeholder*/ ctx[3]);
|
|
5723
|
+
attr(input, "min", /*min*/ ctx[10]);
|
|
5724
|
+
attr(input, "max", /*max*/ ctx[11]);
|
|
5725
|
+
attr(input, "step", /*step*/ ctx[12]);
|
|
5726
|
+
attr(input, "role", "textbox");
|
|
5727
|
+
attr(input, "aria-label", input_aria_label_value = /*arialabel*/ ctx[9] || /*name*/ ctx[2]);
|
|
5698
5728
|
|
|
5699
5729
|
attr(div0, "class", div0_class_value = `
|
|
5700
5730
|
goa-input
|
|
5701
|
-
${/*isDisabled*/ ctx[
|
|
5731
|
+
${/*isDisabled*/ ctx[16] ? "goa-input--disabled" : ""}
|
|
5702
5732
|
variant--${/*variant*/ ctx[6]}
|
|
5703
5733
|
type--${/*type*/ ctx[1]}
|
|
5704
5734
|
`);
|
|
5705
5735
|
|
|
5706
|
-
toggle_class(div0, "error", /*isError*/ ctx[
|
|
5736
|
+
toggle_class(div0, "error", /*isError*/ ctx[17]);
|
|
5707
5737
|
attr(div1, "class", "container");
|
|
5708
5738
|
|
|
5709
5739
|
attr(div1, "style", div1_style_value = `
|
|
@@ -5716,7 +5746,7 @@ function create_fragment$j(ctx) {
|
|
|
5716
5746
|
if (if_block0) if_block0.m(div0, null);
|
|
5717
5747
|
append(div0, t0);
|
|
5718
5748
|
append(div0, input);
|
|
5719
|
-
/*input_binding*/ ctx[
|
|
5749
|
+
/*input_binding*/ ctx[28](input);
|
|
5720
5750
|
append(div0, t1);
|
|
5721
5751
|
if (if_block1) if_block1.m(div0, null);
|
|
5722
5752
|
append(div0, t2);
|
|
@@ -5726,8 +5756,8 @@ function create_fragment$j(ctx) {
|
|
|
5726
5756
|
|
|
5727
5757
|
if (!mounted) {
|
|
5728
5758
|
dispose = [
|
|
5729
|
-
listen(input, "keyup", /*onKeyUp*/ ctx[
|
|
5730
|
-
listen(input, "change", /*onKeyUp*/ ctx[
|
|
5759
|
+
listen(input, "keyup", /*onKeyUp*/ ctx[20]),
|
|
5760
|
+
listen(input, "change", /*onKeyUp*/ ctx[20])
|
|
5731
5761
|
];
|
|
5732
5762
|
|
|
5733
5763
|
mounted = true;
|
|
@@ -5755,12 +5785,12 @@ function create_fragment$j(ctx) {
|
|
|
5755
5785
|
attr(input, "style", input_style_value);
|
|
5756
5786
|
}
|
|
5757
5787
|
|
|
5758
|
-
if (dirty & /*isReadonly*/
|
|
5759
|
-
input.readOnly = /*isReadonly*/ ctx[
|
|
5788
|
+
if (dirty & /*isReadonly*/ 262144) {
|
|
5789
|
+
input.readOnly = /*isReadonly*/ ctx[18];
|
|
5760
5790
|
}
|
|
5761
5791
|
|
|
5762
|
-
if (dirty & /*isDisabled*/
|
|
5763
|
-
input.disabled = /*isDisabled*/ ctx[
|
|
5792
|
+
if (dirty & /*isDisabled*/ 65536) {
|
|
5793
|
+
input.disabled = /*isDisabled*/ ctx[16];
|
|
5764
5794
|
}
|
|
5765
5795
|
|
|
5766
5796
|
if (dirty & /*testid*/ 128) {
|
|
@@ -5783,7 +5813,23 @@ function create_fragment$j(ctx) {
|
|
|
5783
5813
|
attr(input, "placeholder", /*placeholder*/ ctx[3]);
|
|
5784
5814
|
}
|
|
5785
5815
|
|
|
5786
|
-
if (
|
|
5816
|
+
if (dirty & /*min*/ 1024) {
|
|
5817
|
+
attr(input, "min", /*min*/ ctx[10]);
|
|
5818
|
+
}
|
|
5819
|
+
|
|
5820
|
+
if (dirty & /*max*/ 2048) {
|
|
5821
|
+
attr(input, "max", /*max*/ ctx[11]);
|
|
5822
|
+
}
|
|
5823
|
+
|
|
5824
|
+
if (dirty & /*step*/ 4096) {
|
|
5825
|
+
attr(input, "step", /*step*/ ctx[12]);
|
|
5826
|
+
}
|
|
5827
|
+
|
|
5828
|
+
if (dirty & /*arialabel, name*/ 516 && input_aria_label_value !== (input_aria_label_value = /*arialabel*/ ctx[9] || /*name*/ ctx[2])) {
|
|
5829
|
+
attr(input, "aria-label", input_aria_label_value);
|
|
5830
|
+
}
|
|
5831
|
+
|
|
5832
|
+
if (/*trailingicon*/ ctx[5] && !/*handlesTrailingIconClick*/ ctx[19]) {
|
|
5787
5833
|
if (if_block1) {
|
|
5788
5834
|
if_block1.p(ctx, dirty);
|
|
5789
5835
|
} else {
|
|
@@ -5796,7 +5842,7 @@ function create_fragment$j(ctx) {
|
|
|
5796
5842
|
if_block1 = null;
|
|
5797
5843
|
}
|
|
5798
5844
|
|
|
5799
|
-
if (/*trailingicon*/ ctx[5] && /*handlesTrailingIconClick*/ ctx[
|
|
5845
|
+
if (/*trailingicon*/ ctx[5] && /*handlesTrailingIconClick*/ ctx[19]) {
|
|
5800
5846
|
if (if_block2) {
|
|
5801
5847
|
if_block2.p(ctx, dirty);
|
|
5802
5848
|
} else {
|
|
@@ -5809,20 +5855,20 @@ function create_fragment$j(ctx) {
|
|
|
5809
5855
|
if_block2 = null;
|
|
5810
5856
|
}
|
|
5811
5857
|
|
|
5812
|
-
if (dirty & /*isDisabled, variant, type*/
|
|
5858
|
+
if (dirty & /*isDisabled, variant, type*/ 65602 && div0_class_value !== (div0_class_value = `
|
|
5813
5859
|
goa-input
|
|
5814
|
-
${/*isDisabled*/ ctx[
|
|
5860
|
+
${/*isDisabled*/ ctx[16] ? "goa-input--disabled" : ""}
|
|
5815
5861
|
variant--${/*variant*/ ctx[6]}
|
|
5816
5862
|
type--${/*type*/ ctx[1]}
|
|
5817
5863
|
`)) {
|
|
5818
5864
|
attr(div0, "class", div0_class_value);
|
|
5819
5865
|
}
|
|
5820
5866
|
|
|
5821
|
-
if (dirty & /*isDisabled, variant, type, isError*/
|
|
5822
|
-
toggle_class(div0, "error", /*isError*/ ctx[
|
|
5867
|
+
if (dirty & /*isDisabled, variant, type, isError*/ 196674) {
|
|
5868
|
+
toggle_class(div0, "error", /*isError*/ ctx[17]);
|
|
5823
5869
|
}
|
|
5824
5870
|
|
|
5825
|
-
if (/*showCounter*/ ctx[
|
|
5871
|
+
if (/*showCounter*/ ctx[15]) {
|
|
5826
5872
|
if (if_block3) {
|
|
5827
5873
|
if_block3.p(ctx, dirty);
|
|
5828
5874
|
} else {
|
|
@@ -5846,7 +5892,7 @@ function create_fragment$j(ctx) {
|
|
|
5846
5892
|
d(detaching) {
|
|
5847
5893
|
if (detaching) detach(div1);
|
|
5848
5894
|
if (if_block0) if_block0.d();
|
|
5849
|
-
/*input_binding*/ ctx[
|
|
5895
|
+
/*input_binding*/ ctx[28](null);
|
|
5850
5896
|
if (if_block1) if_block1.d();
|
|
5851
5897
|
if (if_block2) if_block2.d();
|
|
5852
5898
|
if (if_block3) if_block3.d();
|
|
@@ -5881,6 +5927,10 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
5881
5927
|
let { error = "false" } = $$props;
|
|
5882
5928
|
let { testid = "" } = $$props;
|
|
5883
5929
|
let { width = "30ch" } = $$props;
|
|
5930
|
+
let { arialabel = "" } = $$props;
|
|
5931
|
+
let { min = "" } = $$props;
|
|
5932
|
+
let { max = "" } = $$props;
|
|
5933
|
+
let { step } = $$props;
|
|
5884
5934
|
let { showcounter = "false" } = $$props;
|
|
5885
5935
|
let { maxcharcount = 0 } = $$props;
|
|
5886
5936
|
let inputEl;
|
|
@@ -5900,7 +5950,7 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
5900
5950
|
function input_binding($$value) {
|
|
5901
5951
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
5902
5952
|
inputEl = $$value;
|
|
5903
|
-
$$invalidate(
|
|
5953
|
+
$$invalidate(14, inputEl);
|
|
5904
5954
|
});
|
|
5905
5955
|
}
|
|
5906
5956
|
|
|
@@ -5912,49 +5962,53 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
5912
5962
|
if ('leadingicon' in $$props) $$invalidate(4, leadingicon = $$props.leadingicon);
|
|
5913
5963
|
if ('trailingicon' in $$props) $$invalidate(5, trailingicon = $$props.trailingicon);
|
|
5914
5964
|
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(
|
|
5965
|
+
if ('disabled' in $$props) $$invalidate(21, disabled = $$props.disabled);
|
|
5966
|
+
if ('handletrailingiconclick' in $$props) $$invalidate(22, handletrailingiconclick = $$props.handletrailingiconclick);
|
|
5967
|
+
if ('focused' in $$props) $$invalidate(23, focused = $$props.focused);
|
|
5968
|
+
if ('readonly' in $$props) $$invalidate(24, readonly = $$props.readonly);
|
|
5969
|
+
if ('error' in $$props) $$invalidate(25, error = $$props.error);
|
|
5920
5970
|
if ('testid' in $$props) $$invalidate(7, testid = $$props.testid);
|
|
5921
5971
|
if ('width' in $$props) $$invalidate(8, width = $$props.width);
|
|
5922
|
-
if ('
|
|
5923
|
-
if ('
|
|
5972
|
+
if ('arialabel' in $$props) $$invalidate(9, arialabel = $$props.arialabel);
|
|
5973
|
+
if ('min' in $$props) $$invalidate(10, min = $$props.min);
|
|
5974
|
+
if ('max' in $$props) $$invalidate(11, max = $$props.max);
|
|
5975
|
+
if ('step' in $$props) $$invalidate(12, step = $$props.step);
|
|
5976
|
+
if ('showcounter' in $$props) $$invalidate(26, showcounter = $$props.showcounter);
|
|
5977
|
+
if ('maxcharcount' in $$props) $$invalidate(13, maxcharcount = $$props.maxcharcount);
|
|
5924
5978
|
};
|
|
5925
5979
|
|
|
5926
5980
|
$$self.$$.update = () => {
|
|
5927
|
-
if ($$self.$$.dirty & /*handletrailingiconclick*/
|
|
5928
|
-
$$invalidate(
|
|
5981
|
+
if ($$self.$$.dirty & /*handletrailingiconclick*/ 4194304) {
|
|
5982
|
+
$$invalidate(19, handlesTrailingIconClick = toBoolean(handletrailingiconclick));
|
|
5929
5983
|
}
|
|
5930
5984
|
|
|
5931
|
-
if ($$self.$$.dirty & /*focused*/
|
|
5932
|
-
$$invalidate(
|
|
5985
|
+
if ($$self.$$.dirty & /*focused*/ 8388608) {
|
|
5986
|
+
$$invalidate(27, isFocused = toBoolean(focused));
|
|
5933
5987
|
}
|
|
5934
5988
|
|
|
5935
|
-
if ($$self.$$.dirty & /*readonly*/
|
|
5936
|
-
$$invalidate(
|
|
5989
|
+
if ($$self.$$.dirty & /*readonly*/ 16777216) {
|
|
5990
|
+
$$invalidate(18, isReadonly = toBoolean(readonly));
|
|
5937
5991
|
}
|
|
5938
5992
|
|
|
5939
|
-
if ($$self.$$.dirty & /*error*/
|
|
5940
|
-
$$invalidate(
|
|
5993
|
+
if ($$self.$$.dirty & /*error*/ 33554432) {
|
|
5994
|
+
$$invalidate(17, isError = toBoolean(error));
|
|
5941
5995
|
}
|
|
5942
5996
|
|
|
5943
|
-
if ($$self.$$.dirty & /*disabled*/
|
|
5944
|
-
$$invalidate(
|
|
5997
|
+
if ($$self.$$.dirty & /*disabled*/ 2097152) {
|
|
5998
|
+
$$invalidate(16, isDisabled = toBoolean(disabled));
|
|
5945
5999
|
}
|
|
5946
6000
|
|
|
5947
|
-
if ($$self.$$.dirty & /*showcounter*/
|
|
5948
|
-
$$invalidate(
|
|
6001
|
+
if ($$self.$$.dirty & /*showcounter*/ 67108864) {
|
|
6002
|
+
$$invalidate(15, showCounter = toBoolean(showcounter));
|
|
5949
6003
|
}
|
|
5950
6004
|
|
|
5951
|
-
if ($$self.$$.dirty & /*isFocused, inputEl*/
|
|
6005
|
+
if ($$self.$$.dirty & /*isFocused, inputEl*/ 134234112) {
|
|
5952
6006
|
if (isFocused && inputEl) {
|
|
5953
6007
|
setTimeout(() => inputEl.focus(), 1);
|
|
5954
6008
|
}
|
|
5955
6009
|
}
|
|
5956
6010
|
|
|
5957
|
-
if ($$self.$$.dirty & /*inputEl, type*/
|
|
6011
|
+
if ($$self.$$.dirty & /*inputEl, type*/ 16386) {
|
|
5958
6012
|
if (inputEl && type === "search") {
|
|
5959
6013
|
inputEl.addEventListener("search", e => {
|
|
5960
6014
|
onKeyUp(e);
|
|
@@ -5973,6 +6027,10 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
5973
6027
|
variant,
|
|
5974
6028
|
testid,
|
|
5975
6029
|
width,
|
|
6030
|
+
arialabel,
|
|
6031
|
+
min,
|
|
6032
|
+
max,
|
|
6033
|
+
step,
|
|
5976
6034
|
maxcharcount,
|
|
5977
6035
|
inputEl,
|
|
5978
6036
|
showCounter,
|
|
@@ -6017,15 +6075,19 @@ class Input extends SvelteElement {
|
|
|
6017
6075
|
leadingicon: 4,
|
|
6018
6076
|
trailingicon: 5,
|
|
6019
6077
|
variant: 6,
|
|
6020
|
-
disabled:
|
|
6021
|
-
handletrailingiconclick:
|
|
6022
|
-
focused:
|
|
6023
|
-
readonly:
|
|
6024
|
-
error:
|
|
6078
|
+
disabled: 21,
|
|
6079
|
+
handletrailingiconclick: 22,
|
|
6080
|
+
focused: 23,
|
|
6081
|
+
readonly: 24,
|
|
6082
|
+
error: 25,
|
|
6025
6083
|
testid: 7,
|
|
6026
6084
|
width: 8,
|
|
6027
|
-
|
|
6028
|
-
|
|
6085
|
+
arialabel: 9,
|
|
6086
|
+
min: 10,
|
|
6087
|
+
max: 11,
|
|
6088
|
+
step: 12,
|
|
6089
|
+
showcounter: 26,
|
|
6090
|
+
maxcharcount: 13
|
|
6029
6091
|
},
|
|
6030
6092
|
null
|
|
6031
6093
|
);
|
|
@@ -6058,6 +6120,10 @@ class Input extends SvelteElement {
|
|
|
6058
6120
|
"error",
|
|
6059
6121
|
"testid",
|
|
6060
6122
|
"width",
|
|
6123
|
+
"arialabel",
|
|
6124
|
+
"min",
|
|
6125
|
+
"max",
|
|
6126
|
+
"step",
|
|
6061
6127
|
"showcounter",
|
|
6062
6128
|
"maxcharcount"
|
|
6063
6129
|
];
|
|
@@ -6127,7 +6193,7 @@ class Input extends SvelteElement {
|
|
|
6127
6193
|
}
|
|
6128
6194
|
|
|
6129
6195
|
get disabled() {
|
|
6130
|
-
return this.$$.ctx[
|
|
6196
|
+
return this.$$.ctx[21];
|
|
6131
6197
|
}
|
|
6132
6198
|
|
|
6133
6199
|
set disabled(disabled) {
|
|
@@ -6136,7 +6202,7 @@ class Input extends SvelteElement {
|
|
|
6136
6202
|
}
|
|
6137
6203
|
|
|
6138
6204
|
get handletrailingiconclick() {
|
|
6139
|
-
return this.$$.ctx[
|
|
6205
|
+
return this.$$.ctx[22];
|
|
6140
6206
|
}
|
|
6141
6207
|
|
|
6142
6208
|
set handletrailingiconclick(handletrailingiconclick) {
|
|
@@ -6145,7 +6211,7 @@ class Input extends SvelteElement {
|
|
|
6145
6211
|
}
|
|
6146
6212
|
|
|
6147
6213
|
get focused() {
|
|
6148
|
-
return this.$$.ctx[
|
|
6214
|
+
return this.$$.ctx[23];
|
|
6149
6215
|
}
|
|
6150
6216
|
|
|
6151
6217
|
set focused(focused) {
|
|
@@ -6154,7 +6220,7 @@ class Input extends SvelteElement {
|
|
|
6154
6220
|
}
|
|
6155
6221
|
|
|
6156
6222
|
get readonly() {
|
|
6157
|
-
return this.$$.ctx[
|
|
6223
|
+
return this.$$.ctx[24];
|
|
6158
6224
|
}
|
|
6159
6225
|
|
|
6160
6226
|
set readonly(readonly) {
|
|
@@ -6163,7 +6229,7 @@ class Input extends SvelteElement {
|
|
|
6163
6229
|
}
|
|
6164
6230
|
|
|
6165
6231
|
get error() {
|
|
6166
|
-
return this.$$.ctx[
|
|
6232
|
+
return this.$$.ctx[25];
|
|
6167
6233
|
}
|
|
6168
6234
|
|
|
6169
6235
|
set error(error) {
|
|
@@ -6189,8 +6255,44 @@ class Input extends SvelteElement {
|
|
|
6189
6255
|
flush();
|
|
6190
6256
|
}
|
|
6191
6257
|
|
|
6258
|
+
get arialabel() {
|
|
6259
|
+
return this.$$.ctx[9];
|
|
6260
|
+
}
|
|
6261
|
+
|
|
6262
|
+
set arialabel(arialabel) {
|
|
6263
|
+
this.$$set({ arialabel });
|
|
6264
|
+
flush();
|
|
6265
|
+
}
|
|
6266
|
+
|
|
6267
|
+
get min() {
|
|
6268
|
+
return this.$$.ctx[10];
|
|
6269
|
+
}
|
|
6270
|
+
|
|
6271
|
+
set min(min) {
|
|
6272
|
+
this.$$set({ min });
|
|
6273
|
+
flush();
|
|
6274
|
+
}
|
|
6275
|
+
|
|
6276
|
+
get max() {
|
|
6277
|
+
return this.$$.ctx[11];
|
|
6278
|
+
}
|
|
6279
|
+
|
|
6280
|
+
set max(max) {
|
|
6281
|
+
this.$$set({ max });
|
|
6282
|
+
flush();
|
|
6283
|
+
}
|
|
6284
|
+
|
|
6285
|
+
get step() {
|
|
6286
|
+
return this.$$.ctx[12];
|
|
6287
|
+
}
|
|
6288
|
+
|
|
6289
|
+
set step(step) {
|
|
6290
|
+
this.$$set({ step });
|
|
6291
|
+
flush();
|
|
6292
|
+
}
|
|
6293
|
+
|
|
6192
6294
|
get showcounter() {
|
|
6193
|
-
return this.$$.ctx[
|
|
6295
|
+
return this.$$.ctx[26];
|
|
6194
6296
|
}
|
|
6195
6297
|
|
|
6196
6298
|
set showcounter(showcounter) {
|
|
@@ -6199,7 +6301,7 @@ class Input extends SvelteElement {
|
|
|
6199
6301
|
}
|
|
6200
6302
|
|
|
6201
6303
|
get maxcharcount() {
|
|
6202
|
-
return this.$$.ctx[
|
|
6304
|
+
return this.$$.ctx[13];
|
|
6203
6305
|
}
|
|
6204
6306
|
|
|
6205
6307
|
set maxcharcount(maxcharcount) {
|
|
@@ -7030,59 +7132,6 @@ class Notification extends SvelteElement {
|
|
|
7030
7132
|
|
|
7031
7133
|
customElements.define("goa-notification", Notification);
|
|
7032
7134
|
|
|
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
7135
|
/* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.49.0 */
|
|
7087
7136
|
|
|
7088
7137
|
function create_if_block$7(ctx) {
|
|
@@ -7367,7 +7416,7 @@ function create_if_block_2$3(ctx) {
|
|
|
7367
7416
|
};
|
|
7368
7417
|
}
|
|
7369
7418
|
|
|
7370
|
-
function create_fragment$
|
|
7419
|
+
function create_fragment$g(ctx) {
|
|
7371
7420
|
let if_block_anchor;
|
|
7372
7421
|
let current;
|
|
7373
7422
|
let if_block = /*isVisible*/ ctx[5] && create_if_block$7(ctx);
|
|
@@ -7480,7 +7529,7 @@ class CircularProgress extends SvelteElement {
|
|
|
7480
7529
|
customElement: true
|
|
7481
7530
|
},
|
|
7482
7531
|
instance$e,
|
|
7483
|
-
create_fragment$
|
|
7532
|
+
create_fragment$g,
|
|
7484
7533
|
safe_not_equal,
|
|
7485
7534
|
{
|
|
7486
7535
|
variant: 6,
|
|
@@ -7668,7 +7717,7 @@ function create_each_block$3(key_1, ctx) {
|
|
|
7668
7717
|
};
|
|
7669
7718
|
}
|
|
7670
7719
|
|
|
7671
|
-
function create_fragment$
|
|
7720
|
+
function create_fragment$f(ctx) {
|
|
7672
7721
|
let div;
|
|
7673
7722
|
let slot;
|
|
7674
7723
|
let t;
|
|
@@ -7839,7 +7888,7 @@ class RadioGroup extends SvelteElement {
|
|
|
7839
7888
|
customElement: true
|
|
7840
7889
|
},
|
|
7841
7890
|
instance$d,
|
|
7842
|
-
create_fragment$
|
|
7891
|
+
create_fragment$f,
|
|
7843
7892
|
safe_not_equal,
|
|
7844
7893
|
{
|
|
7845
7894
|
name: 1,
|
|
@@ -7927,7 +7976,7 @@ customElements.define("goa-radio-group", RadioGroup);
|
|
|
7927
7976
|
|
|
7928
7977
|
/* libs/web-components/src/components/radio-group/RadioItem.svelte generated by Svelte v3.49.0 */
|
|
7929
7978
|
|
|
7930
|
-
function create_fragment$
|
|
7979
|
+
function create_fragment$e(ctx) {
|
|
7931
7980
|
return {
|
|
7932
7981
|
c() {
|
|
7933
7982
|
this.c = noop;
|
|
@@ -7977,7 +8026,7 @@ class RadioItem extends SvelteElement {
|
|
|
7977
8026
|
customElement: true
|
|
7978
8027
|
},
|
|
7979
8028
|
instance$c,
|
|
7980
|
-
create_fragment$
|
|
8029
|
+
create_fragment$e,
|
|
7981
8030
|
safe_not_equal,
|
|
7982
8031
|
{ value: 0, label: 1, name: 2 },
|
|
7983
8032
|
null
|
|
@@ -8031,7 +8080,7 @@ customElements.define("goa-radio-item", RadioItem);
|
|
|
8031
8080
|
|
|
8032
8081
|
/* libs/web-components/src/components/scrollable/Scrollable.svelte generated by Svelte v3.49.0 */
|
|
8033
8082
|
|
|
8034
|
-
function create_fragment$
|
|
8083
|
+
function create_fragment$d(ctx) {
|
|
8035
8084
|
let div;
|
|
8036
8085
|
let slot;
|
|
8037
8086
|
let div_style_value;
|
|
@@ -8107,7 +8156,7 @@ class Scrollable extends SvelteElement {
|
|
|
8107
8156
|
customElement: true
|
|
8108
8157
|
},
|
|
8109
8158
|
instance$b,
|
|
8110
|
-
create_fragment$
|
|
8159
|
+
create_fragment$d,
|
|
8111
8160
|
safe_not_equal,
|
|
8112
8161
|
{
|
|
8113
8162
|
direction: 0,
|
|
@@ -8331,7 +8380,7 @@ function create_if_block$6(ctx) {
|
|
|
8331
8380
|
};
|
|
8332
8381
|
}
|
|
8333
8382
|
|
|
8334
|
-
function create_fragment$
|
|
8383
|
+
function create_fragment$c(ctx) {
|
|
8335
8384
|
let header;
|
|
8336
8385
|
let t0;
|
|
8337
8386
|
let show_if = ["alpha", "beta"].includes(/*level*/ ctx[0]);
|
|
@@ -8449,7 +8498,7 @@ class MicrositeHeader extends SvelteElement {
|
|
|
8449
8498
|
customElement: true
|
|
8450
8499
|
},
|
|
8451
8500
|
instance$a,
|
|
8452
|
-
create_fragment$
|
|
8501
|
+
create_fragment$c,
|
|
8453
8502
|
safe_not_equal,
|
|
8454
8503
|
{ level: 0, version: 1, feedbackurl: 2 },
|
|
8455
8504
|
null
|
|
@@ -8843,7 +8892,7 @@ function create_each_block$2(ctx) {
|
|
|
8843
8892
|
};
|
|
8844
8893
|
}
|
|
8845
8894
|
|
|
8846
|
-
function create_fragment$
|
|
8895
|
+
function create_fragment$b(ctx) {
|
|
8847
8896
|
let current_block_type_index;
|
|
8848
8897
|
let if_block;
|
|
8849
8898
|
let if_block_anchor;
|
|
@@ -8944,7 +8993,7 @@ class Skeleton extends SvelteElement {
|
|
|
8944
8993
|
customElement: true
|
|
8945
8994
|
},
|
|
8946
8995
|
instance$9,
|
|
8947
|
-
create_fragment$
|
|
8996
|
+
create_fragment$b,
|
|
8948
8997
|
safe_not_equal,
|
|
8949
8998
|
{ width: 0, size: 1, count: 2, type: 3 },
|
|
8950
8999
|
null
|
|
@@ -9215,7 +9264,7 @@ function create_if_block$4(ctx) {
|
|
|
9215
9264
|
};
|
|
9216
9265
|
}
|
|
9217
9266
|
|
|
9218
|
-
function create_fragment$
|
|
9267
|
+
function create_fragment$a(ctx) {
|
|
9219
9268
|
let if_block_anchor;
|
|
9220
9269
|
let if_block = /*ready*/ ctx[6] && create_if_block$4(ctx);
|
|
9221
9270
|
|
|
@@ -9372,7 +9421,7 @@ class Spinner extends SvelteElement {
|
|
|
9372
9421
|
customElement: true
|
|
9373
9422
|
},
|
|
9374
9423
|
instance$8,
|
|
9375
|
-
create_fragment$
|
|
9424
|
+
create_fragment$a,
|
|
9376
9425
|
safe_not_equal,
|
|
9377
9426
|
{
|
|
9378
9427
|
size: 10,
|
|
@@ -9444,7 +9493,7 @@ function create_if_block$3(ctx) {
|
|
|
9444
9493
|
let if_block_anchor;
|
|
9445
9494
|
|
|
9446
9495
|
function select_block_type(ctx, dirty) {
|
|
9447
|
-
if (/*maxcharcount*/ ctx[
|
|
9496
|
+
if (/*maxcharcount*/ ctx[7] > 0) return create_if_block_1$1;
|
|
9448
9497
|
if (/*value*/ ctx[1].length > 0) return create_if_block_2;
|
|
9449
9498
|
}
|
|
9450
9499
|
|
|
@@ -9483,7 +9532,7 @@ function create_if_block$3(ctx) {
|
|
|
9483
9532
|
};
|
|
9484
9533
|
}
|
|
9485
9534
|
|
|
9486
|
-
// (
|
|
9535
|
+
// (63:31)
|
|
9487
9536
|
function create_if_block_2(ctx) {
|
|
9488
9537
|
let div;
|
|
9489
9538
|
let t_value = /*value*/ ctx[1].length + "";
|
|
@@ -9508,12 +9557,12 @@ function create_if_block_2(ctx) {
|
|
|
9508
9557
|
};
|
|
9509
9558
|
}
|
|
9510
9559
|
|
|
9511
|
-
// (
|
|
9560
|
+
// (57:4) {#if maxcharcount > 0}
|
|
9512
9561
|
function create_if_block_1$1(ctx) {
|
|
9513
9562
|
let div;
|
|
9514
9563
|
let t0_value = /*value*/ ctx[1].length + "";
|
|
9515
9564
|
let t0;
|
|
9516
|
-
let t1_value = `/${/*maxcharcount*/ ctx[
|
|
9565
|
+
let t1_value = `/${/*maxcharcount*/ ctx[7]}` + "";
|
|
9517
9566
|
let t1;
|
|
9518
9567
|
|
|
9519
9568
|
return {
|
|
@@ -9522,7 +9571,7 @@ function create_if_block_1$1(ctx) {
|
|
|
9522
9571
|
t0 = text(t0_value);
|
|
9523
9572
|
t1 = text(t1_value);
|
|
9524
9573
|
attr(div, "class", "counter");
|
|
9525
|
-
toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[
|
|
9574
|
+
toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[7]);
|
|
9526
9575
|
},
|
|
9527
9576
|
m(target, anchor) {
|
|
9528
9577
|
insert(target, div, anchor);
|
|
@@ -9531,10 +9580,10 @@ function create_if_block_1$1(ctx) {
|
|
|
9531
9580
|
},
|
|
9532
9581
|
p(ctx, dirty) {
|
|
9533
9582
|
if (dirty & /*value*/ 2 && t0_value !== (t0_value = /*value*/ ctx[1].length + "")) set_data(t0, t0_value);
|
|
9534
|
-
if (dirty & /*maxcharcount*/
|
|
9583
|
+
if (dirty & /*maxcharcount*/ 128 && t1_value !== (t1_value = `/${/*maxcharcount*/ ctx[7]}` + "")) set_data(t1, t1_value);
|
|
9535
9584
|
|
|
9536
|
-
if (dirty & /*value, maxcharcount*/
|
|
9537
|
-
toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[
|
|
9585
|
+
if (dirty & /*value, maxcharcount*/ 130) {
|
|
9586
|
+
toggle_class(div, "counter-error", /*value*/ ctx[1].length > /*maxcharcount*/ ctx[7]);
|
|
9538
9587
|
}
|
|
9539
9588
|
},
|
|
9540
9589
|
d(detaching) {
|
|
@@ -9543,14 +9592,15 @@ function create_if_block_1$1(ctx) {
|
|
|
9543
9592
|
};
|
|
9544
9593
|
}
|
|
9545
9594
|
|
|
9546
|
-
function create_fragment$
|
|
9595
|
+
function create_fragment$9(ctx) {
|
|
9547
9596
|
let div;
|
|
9548
9597
|
let textarea;
|
|
9598
|
+
let textarea_aria_label_value;
|
|
9549
9599
|
let t;
|
|
9550
9600
|
let div_style_value;
|
|
9551
9601
|
let mounted;
|
|
9552
9602
|
let dispose;
|
|
9553
|
-
let if_block = /*showCounter*/ ctx[
|
|
9603
|
+
let if_block = /*showCounter*/ ctx[9] && create_if_block$3(ctx);
|
|
9554
9604
|
|
|
9555
9605
|
return {
|
|
9556
9606
|
c() {
|
|
@@ -9563,11 +9613,12 @@ function create_fragment$8(ctx) {
|
|
|
9563
9613
|
attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
|
|
9564
9614
|
textarea.value = /*value*/ ctx[1];
|
|
9565
9615
|
attr(textarea, "rows", /*rows*/ ctx[3]);
|
|
9616
|
+
attr(textarea, "aria-label", textarea_aria_label_value = /*arialabel*/ ctx[6] || /*name*/ ctx[0]);
|
|
9566
9617
|
attr(textarea, "class", "goa-textarea");
|
|
9567
|
-
textarea.disabled = /*isDisabled*/ ctx[
|
|
9568
|
-
textarea.readOnly = /*isReadonly*/ ctx[
|
|
9618
|
+
textarea.disabled = /*isDisabled*/ ctx[8];
|
|
9619
|
+
textarea.readOnly = /*isReadonly*/ ctx[10];
|
|
9569
9620
|
attr(textarea, "data-testid", /*testid*/ ctx[4]);
|
|
9570
|
-
toggle_class(textarea, "error", /*isError*/ ctx[
|
|
9621
|
+
toggle_class(textarea, "error", /*isError*/ ctx[11]);
|
|
9571
9622
|
attr(div, "class", "container");
|
|
9572
9623
|
|
|
9573
9624
|
attr(div, "style", div_style_value = `
|
|
@@ -9581,7 +9632,7 @@ function create_fragment$8(ctx) {
|
|
|
9581
9632
|
if (if_block) if_block.m(div, null);
|
|
9582
9633
|
|
|
9583
9634
|
if (!mounted) {
|
|
9584
|
-
dispose = listen(textarea, "keyup", /*onChange*/ ctx[
|
|
9635
|
+
dispose = listen(textarea, "keyup", /*onChange*/ ctx[12]);
|
|
9585
9636
|
mounted = true;
|
|
9586
9637
|
}
|
|
9587
9638
|
},
|
|
@@ -9602,23 +9653,27 @@ function create_fragment$8(ctx) {
|
|
|
9602
9653
|
attr(textarea, "rows", /*rows*/ ctx[3]);
|
|
9603
9654
|
}
|
|
9604
9655
|
|
|
9605
|
-
if (dirty & /*
|
|
9606
|
-
textarea
|
|
9656
|
+
if (dirty & /*arialabel, name*/ 65 && textarea_aria_label_value !== (textarea_aria_label_value = /*arialabel*/ ctx[6] || /*name*/ ctx[0])) {
|
|
9657
|
+
attr(textarea, "aria-label", textarea_aria_label_value);
|
|
9607
9658
|
}
|
|
9608
9659
|
|
|
9609
|
-
if (dirty & /*
|
|
9610
|
-
textarea.
|
|
9660
|
+
if (dirty & /*isDisabled*/ 256) {
|
|
9661
|
+
textarea.disabled = /*isDisabled*/ ctx[8];
|
|
9662
|
+
}
|
|
9663
|
+
|
|
9664
|
+
if (dirty & /*isReadonly*/ 1024) {
|
|
9665
|
+
textarea.readOnly = /*isReadonly*/ ctx[10];
|
|
9611
9666
|
}
|
|
9612
9667
|
|
|
9613
9668
|
if (dirty & /*testid*/ 16) {
|
|
9614
9669
|
attr(textarea, "data-testid", /*testid*/ ctx[4]);
|
|
9615
9670
|
}
|
|
9616
9671
|
|
|
9617
|
-
if (dirty & /*isError*/
|
|
9618
|
-
toggle_class(textarea, "error", /*isError*/ ctx[
|
|
9672
|
+
if (dirty & /*isError*/ 2048) {
|
|
9673
|
+
toggle_class(textarea, "error", /*isError*/ ctx[11]);
|
|
9619
9674
|
}
|
|
9620
9675
|
|
|
9621
|
-
if (/*showCounter*/ ctx[
|
|
9676
|
+
if (/*showCounter*/ ctx[9]) {
|
|
9622
9677
|
if (if_block) {
|
|
9623
9678
|
if_block.p(ctx, dirty);
|
|
9624
9679
|
} else {
|
|
@@ -9662,6 +9717,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
9662
9717
|
let { error = "false" } = $$props;
|
|
9663
9718
|
let { readonly = "false" } = $$props;
|
|
9664
9719
|
let { disabled = "false" } = $$props;
|
|
9720
|
+
let { arialabel = "" } = $$props;
|
|
9665
9721
|
let { showcounter = "false" } = $$props;
|
|
9666
9722
|
let { maxcharcount = 0 } = $$props;
|
|
9667
9723
|
|
|
@@ -9688,28 +9744,29 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
9688
9744
|
if ('rows' in $$props) $$invalidate(3, rows = $$props.rows);
|
|
9689
9745
|
if ('testid' in $$props) $$invalidate(4, testid = $$props.testid);
|
|
9690
9746
|
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 ('
|
|
9747
|
+
if ('error' in $$props) $$invalidate(13, error = $$props.error);
|
|
9748
|
+
if ('readonly' in $$props) $$invalidate(14, readonly = $$props.readonly);
|
|
9749
|
+
if ('disabled' in $$props) $$invalidate(15, disabled = $$props.disabled);
|
|
9750
|
+
if ('arialabel' in $$props) $$invalidate(6, arialabel = $$props.arialabel);
|
|
9751
|
+
if ('showcounter' in $$props) $$invalidate(16, showcounter = $$props.showcounter);
|
|
9752
|
+
if ('maxcharcount' in $$props) $$invalidate(7, maxcharcount = $$props.maxcharcount);
|
|
9696
9753
|
};
|
|
9697
9754
|
|
|
9698
9755
|
$$self.$$.update = () => {
|
|
9699
|
-
if ($$self.$$.dirty & /*error*/
|
|
9700
|
-
$$invalidate(
|
|
9756
|
+
if ($$self.$$.dirty & /*error*/ 8192) {
|
|
9757
|
+
$$invalidate(11, isError = toBoolean(error));
|
|
9701
9758
|
}
|
|
9702
9759
|
|
|
9703
|
-
if ($$self.$$.dirty & /*disabled*/
|
|
9704
|
-
$$invalidate(
|
|
9760
|
+
if ($$self.$$.dirty & /*disabled*/ 32768) {
|
|
9761
|
+
$$invalidate(8, isDisabled = toBoolean(disabled));
|
|
9705
9762
|
}
|
|
9706
9763
|
|
|
9707
|
-
if ($$self.$$.dirty & /*readonly*/
|
|
9708
|
-
$$invalidate(
|
|
9764
|
+
if ($$self.$$.dirty & /*readonly*/ 16384) {
|
|
9765
|
+
$$invalidate(10, isReadonly = toBoolean(readonly));
|
|
9709
9766
|
}
|
|
9710
9767
|
|
|
9711
|
-
if ($$self.$$.dirty & /*showcounter*/
|
|
9712
|
-
$$invalidate(
|
|
9768
|
+
if ($$self.$$.dirty & /*showcounter*/ 65536) {
|
|
9769
|
+
$$invalidate(9, showCounter = toBoolean(showcounter));
|
|
9713
9770
|
}
|
|
9714
9771
|
};
|
|
9715
9772
|
|
|
@@ -9720,6 +9777,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
9720
9777
|
rows,
|
|
9721
9778
|
testid,
|
|
9722
9779
|
width,
|
|
9780
|
+
arialabel,
|
|
9723
9781
|
maxcharcount,
|
|
9724
9782
|
isDisabled,
|
|
9725
9783
|
showCounter,
|
|
@@ -9748,7 +9806,7 @@ class TextArea extends SvelteElement {
|
|
|
9748
9806
|
customElement: true
|
|
9749
9807
|
},
|
|
9750
9808
|
instance$7,
|
|
9751
|
-
create_fragment$
|
|
9809
|
+
create_fragment$9,
|
|
9752
9810
|
safe_not_equal,
|
|
9753
9811
|
{
|
|
9754
9812
|
name: 0,
|
|
@@ -9757,11 +9815,12 @@ class TextArea extends SvelteElement {
|
|
|
9757
9815
|
rows: 3,
|
|
9758
9816
|
testid: 4,
|
|
9759
9817
|
width: 5,
|
|
9760
|
-
error:
|
|
9761
|
-
readonly:
|
|
9762
|
-
disabled:
|
|
9763
|
-
|
|
9764
|
-
|
|
9818
|
+
error: 13,
|
|
9819
|
+
readonly: 14,
|
|
9820
|
+
disabled: 15,
|
|
9821
|
+
arialabel: 6,
|
|
9822
|
+
showcounter: 16,
|
|
9823
|
+
maxcharcount: 7
|
|
9765
9824
|
},
|
|
9766
9825
|
null
|
|
9767
9826
|
);
|
|
@@ -9789,6 +9848,7 @@ class TextArea extends SvelteElement {
|
|
|
9789
9848
|
"error",
|
|
9790
9849
|
"readonly",
|
|
9791
9850
|
"disabled",
|
|
9851
|
+
"arialabel",
|
|
9792
9852
|
"showcounter",
|
|
9793
9853
|
"maxcharcount"
|
|
9794
9854
|
];
|
|
@@ -9849,7 +9909,7 @@ class TextArea extends SvelteElement {
|
|
|
9849
9909
|
}
|
|
9850
9910
|
|
|
9851
9911
|
get error() {
|
|
9852
|
-
return this.$$.ctx[
|
|
9912
|
+
return this.$$.ctx[13];
|
|
9853
9913
|
}
|
|
9854
9914
|
|
|
9855
9915
|
set error(error) {
|
|
@@ -9858,7 +9918,7 @@ class TextArea extends SvelteElement {
|
|
|
9858
9918
|
}
|
|
9859
9919
|
|
|
9860
9920
|
get readonly() {
|
|
9861
|
-
return this.$$.ctx[
|
|
9921
|
+
return this.$$.ctx[14];
|
|
9862
9922
|
}
|
|
9863
9923
|
|
|
9864
9924
|
set readonly(readonly) {
|
|
@@ -9867,7 +9927,7 @@ class TextArea extends SvelteElement {
|
|
|
9867
9927
|
}
|
|
9868
9928
|
|
|
9869
9929
|
get disabled() {
|
|
9870
|
-
return this.$$.ctx[
|
|
9930
|
+
return this.$$.ctx[15];
|
|
9871
9931
|
}
|
|
9872
9932
|
|
|
9873
9933
|
set disabled(disabled) {
|
|
@@ -9875,8 +9935,17 @@ class TextArea extends SvelteElement {
|
|
|
9875
9935
|
flush();
|
|
9876
9936
|
}
|
|
9877
9937
|
|
|
9938
|
+
get arialabel() {
|
|
9939
|
+
return this.$$.ctx[6];
|
|
9940
|
+
}
|
|
9941
|
+
|
|
9942
|
+
set arialabel(arialabel) {
|
|
9943
|
+
this.$$set({ arialabel });
|
|
9944
|
+
flush();
|
|
9945
|
+
}
|
|
9946
|
+
|
|
9878
9947
|
get showcounter() {
|
|
9879
|
-
return this.$$.ctx[
|
|
9948
|
+
return this.$$.ctx[16];
|
|
9880
9949
|
}
|
|
9881
9950
|
|
|
9882
9951
|
set showcounter(showcounter) {
|
|
@@ -9885,7 +9954,7 @@ class TextArea extends SvelteElement {
|
|
|
9885
9954
|
}
|
|
9886
9955
|
|
|
9887
9956
|
get maxcharcount() {
|
|
9888
|
-
return this.$$.ctx[
|
|
9957
|
+
return this.$$.ctx[7];
|
|
9889
9958
|
}
|
|
9890
9959
|
|
|
9891
9960
|
set maxcharcount(maxcharcount) {
|
|
@@ -9898,7 +9967,7 @@ customElements.define("goa-textarea", TextArea);
|
|
|
9898
9967
|
|
|
9899
9968
|
/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.49.0 */
|
|
9900
9969
|
|
|
9901
|
-
function create_fragment$
|
|
9970
|
+
function create_fragment$8(ctx) {
|
|
9902
9971
|
let div;
|
|
9903
9972
|
|
|
9904
9973
|
return {
|
|
@@ -10121,7 +10190,7 @@ class FocusTrap extends SvelteElement {
|
|
|
10121
10190
|
customElement: true
|
|
10122
10191
|
},
|
|
10123
10192
|
instance$6,
|
|
10124
|
-
create_fragment$
|
|
10193
|
+
create_fragment$8,
|
|
10125
10194
|
safe_not_equal,
|
|
10126
10195
|
{ active: 1 },
|
|
10127
10196
|
null
|
|
@@ -10174,8 +10243,8 @@ function create_if_block$2(ctx) {
|
|
|
10174
10243
|
};
|
|
10175
10244
|
}
|
|
10176
10245
|
|
|
10177
|
-
function create_fragment$
|
|
10178
|
-
let
|
|
10246
|
+
function create_fragment$7(ctx) {
|
|
10247
|
+
let div4;
|
|
10179
10248
|
let div0;
|
|
10180
10249
|
let t0;
|
|
10181
10250
|
let t1;
|
|
@@ -10190,7 +10259,7 @@ function create_fragment$6(ctx) {
|
|
|
10190
10259
|
|
|
10191
10260
|
return {
|
|
10192
10261
|
c() {
|
|
10193
|
-
|
|
10262
|
+
div4 = element("div");
|
|
10194
10263
|
div0 = element("div");
|
|
10195
10264
|
div0.innerHTML = `<slot name="nav"></slot>`;
|
|
10196
10265
|
t0 = space();
|
|
@@ -10216,29 +10285,29 @@ function create_fragment$6(ctx) {
|
|
|
10216
10285
|
toggle_class(div2, "with-meta-links", /*metaLinks*/ ctx[2]?.length);
|
|
10217
10286
|
attr(div3, "class", "meta-section");
|
|
10218
10287
|
toggle_class(div3, "with-meta-links", /*metaLinks*/ ctx[2]?.length);
|
|
10219
|
-
attr(
|
|
10288
|
+
attr(div4, "class", "app-footer");
|
|
10220
10289
|
},
|
|
10221
10290
|
m(target, anchor) {
|
|
10222
|
-
insert(target,
|
|
10223
|
-
append(
|
|
10224
|
-
append(
|
|
10225
|
-
if (if_block) if_block.m(
|
|
10226
|
-
append(
|
|
10227
|
-
append(
|
|
10291
|
+
insert(target, div4, anchor);
|
|
10292
|
+
append(div4, div0);
|
|
10293
|
+
append(div4, t0);
|
|
10294
|
+
if (if_block) if_block.m(div4, null);
|
|
10295
|
+
append(div4, t1);
|
|
10296
|
+
append(div4, div3);
|
|
10228
10297
|
append(div3, div1);
|
|
10229
10298
|
append(div3, t2);
|
|
10230
10299
|
append(div3, div2);
|
|
10231
10300
|
append(div2, a0);
|
|
10232
10301
|
append(div2, t3);
|
|
10233
10302
|
append(div2, a1);
|
|
10234
|
-
/*
|
|
10303
|
+
/*div4_binding*/ ctx[4](div4);
|
|
10235
10304
|
},
|
|
10236
10305
|
p(ctx, [dirty]) {
|
|
10237
10306
|
if (/*navLinks*/ ctx[1]?.length) {
|
|
10238
10307
|
if (if_block) ; else {
|
|
10239
10308
|
if_block = create_if_block$2();
|
|
10240
10309
|
if_block.c();
|
|
10241
|
-
if_block.m(
|
|
10310
|
+
if_block.m(div4, t1);
|
|
10242
10311
|
}
|
|
10243
10312
|
} else if (if_block) {
|
|
10244
10313
|
if_block.d(1);
|
|
@@ -10256,9 +10325,9 @@ function create_fragment$6(ctx) {
|
|
|
10256
10325
|
i: noop,
|
|
10257
10326
|
o: noop,
|
|
10258
10327
|
d(detaching) {
|
|
10259
|
-
if (detaching) detach(
|
|
10328
|
+
if (detaching) detach(div4);
|
|
10260
10329
|
if (if_block) if_block.d();
|
|
10261
|
-
/*
|
|
10330
|
+
/*div4_binding*/ ctx[4](null);
|
|
10262
10331
|
}
|
|
10263
10332
|
};
|
|
10264
10333
|
}
|
|
@@ -10277,20 +10346,20 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
10277
10346
|
$$invalidate(2, metaLinks = metaSlot.assignedElements());
|
|
10278
10347
|
});
|
|
10279
10348
|
|
|
10280
|
-
function
|
|
10349
|
+
function div4_binding($$value) {
|
|
10281
10350
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
10282
10351
|
rootEl = $$value;
|
|
10283
10352
|
$$invalidate(0, rootEl);
|
|
10284
10353
|
});
|
|
10285
10354
|
}
|
|
10286
10355
|
|
|
10287
|
-
return [rootEl, navLinks, metaLinks, year,
|
|
10356
|
+
return [rootEl, navLinks, metaLinks, year, div4_binding];
|
|
10288
10357
|
}
|
|
10289
10358
|
|
|
10290
10359
|
class Footer extends SvelteElement {
|
|
10291
10360
|
constructor(options) {
|
|
10292
10361
|
super();
|
|
10293
|
-
this.shadowRoot.innerHTML = `<style>.app-footer{background-color:var(--color-gray-100);padding:2rem;
|
|
10362
|
+
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
10363
|
|
|
10295
10364
|
init(
|
|
10296
10365
|
this,
|
|
@@ -10300,7 +10369,7 @@ class Footer extends SvelteElement {
|
|
|
10300
10369
|
customElement: true
|
|
10301
10370
|
},
|
|
10302
10371
|
instance$5,
|
|
10303
|
-
create_fragment$
|
|
10372
|
+
create_fragment$7,
|
|
10304
10373
|
safe_not_equal,
|
|
10305
10374
|
{},
|
|
10306
10375
|
null
|
|
@@ -10390,7 +10459,7 @@ function create_each_block$1(ctx) {
|
|
|
10390
10459
|
};
|
|
10391
10460
|
}
|
|
10392
10461
|
|
|
10393
|
-
function create_fragment$
|
|
10462
|
+
function create_fragment$6(ctx) {
|
|
10394
10463
|
let section;
|
|
10395
10464
|
let t0;
|
|
10396
10465
|
let div;
|
|
@@ -10571,7 +10640,7 @@ class FooterNavSection extends SvelteElement {
|
|
|
10571
10640
|
customElement: true
|
|
10572
10641
|
},
|
|
10573
10642
|
instance$4,
|
|
10574
|
-
create_fragment$
|
|
10643
|
+
create_fragment$6,
|
|
10575
10644
|
safe_not_equal,
|
|
10576
10645
|
{ name: 0, maxcolumncount: 1 },
|
|
10577
10646
|
null
|
|
@@ -10655,7 +10724,7 @@ function create_each_block(ctx) {
|
|
|
10655
10724
|
};
|
|
10656
10725
|
}
|
|
10657
10726
|
|
|
10658
|
-
function create_fragment$
|
|
10727
|
+
function create_fragment$5(ctx) {
|
|
10659
10728
|
let section;
|
|
10660
10729
|
let div;
|
|
10661
10730
|
let t;
|
|
@@ -10773,7 +10842,7 @@ class FooterMetaSection extends SvelteElement {
|
|
|
10773
10842
|
customElement: true
|
|
10774
10843
|
},
|
|
10775
10844
|
instance$3,
|
|
10776
|
-
create_fragment$
|
|
10845
|
+
create_fragment$5,
|
|
10777
10846
|
safe_not_equal,
|
|
10778
10847
|
{},
|
|
10779
10848
|
null
|
|
@@ -10791,7 +10860,7 @@ customElements.define("goa-app-footer-meta-section", FooterMetaSection);
|
|
|
10791
10860
|
|
|
10792
10861
|
/* libs/web-components/src/components/flex-column/FlexColumn.svelte generated by Svelte v3.49.0 */
|
|
10793
10862
|
|
|
10794
|
-
function create_fragment$
|
|
10863
|
+
function create_fragment$4(ctx) {
|
|
10795
10864
|
let div;
|
|
10796
10865
|
let slot;
|
|
10797
10866
|
|
|
@@ -10854,7 +10923,7 @@ class FlexColumn extends SvelteElement {
|
|
|
10854
10923
|
customElement: true
|
|
10855
10924
|
},
|
|
10856
10925
|
instance$2,
|
|
10857
|
-
create_fragment$
|
|
10926
|
+
create_fragment$4,
|
|
10858
10927
|
safe_not_equal,
|
|
10859
10928
|
{ gap: 1 },
|
|
10860
10929
|
null
|
|
@@ -10888,6 +10957,73 @@ class FlexColumn extends SvelteElement {
|
|
|
10888
10957
|
|
|
10889
10958
|
customElements.define("goa-flex-col", FlexColumn);
|
|
10890
10959
|
|
|
10960
|
+
/* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.49.0 */
|
|
10961
|
+
|
|
10962
|
+
function create_fragment$3(ctx) {
|
|
10963
|
+
let div;
|
|
10964
|
+
|
|
10965
|
+
return {
|
|
10966
|
+
c() {
|
|
10967
|
+
div = element("div");
|
|
10968
|
+
|
|
10969
|
+
div.innerHTML = `<header class="header"><slot name="header"></slot></header>
|
|
10970
|
+
|
|
10971
|
+
<nav class="nav"><slot name="nav"></slot></nav>
|
|
10972
|
+
|
|
10973
|
+
<main><slot></slot></main>
|
|
10974
|
+
|
|
10975
|
+
<footer class="footer"><slot name="footer"></slot></footer>`;
|
|
10976
|
+
|
|
10977
|
+
this.c = noop;
|
|
10978
|
+
attr(div, "class", "page");
|
|
10979
|
+
},
|
|
10980
|
+
m(target, anchor) {
|
|
10981
|
+
insert(target, div, anchor);
|
|
10982
|
+
},
|
|
10983
|
+
p: noop,
|
|
10984
|
+
i: noop,
|
|
10985
|
+
o: noop,
|
|
10986
|
+
d(detaching) {
|
|
10987
|
+
if (detaching) detach(div);
|
|
10988
|
+
}
|
|
10989
|
+
};
|
|
10990
|
+
}
|
|
10991
|
+
|
|
10992
|
+
class FullScreenNavbarLayout extends SvelteElement {
|
|
10993
|
+
constructor(options) {
|
|
10994
|
+
super();
|
|
10995
|
+
|
|
10996
|
+
this.shadowRoot.innerHTML = `<style>.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
10997
|
+
"content"
|
|
10998
|
+
"nav"
|
|
10999
|
+
"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"
|
|
11000
|
+
"nav content"
|
|
11001
|
+
"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>`;
|
|
11002
|
+
|
|
11003
|
+
init(
|
|
11004
|
+
this,
|
|
11005
|
+
{
|
|
11006
|
+
target: this.shadowRoot,
|
|
11007
|
+
props: attribute_to_object(this.attributes),
|
|
11008
|
+
customElement: true
|
|
11009
|
+
},
|
|
11010
|
+
null,
|
|
11011
|
+
create_fragment$3,
|
|
11012
|
+
safe_not_equal,
|
|
11013
|
+
{},
|
|
11014
|
+
null
|
|
11015
|
+
);
|
|
11016
|
+
|
|
11017
|
+
if (options) {
|
|
11018
|
+
if (options.target) {
|
|
11019
|
+
insert(options.target, this, options.anchor);
|
|
11020
|
+
}
|
|
11021
|
+
}
|
|
11022
|
+
}
|
|
11023
|
+
}
|
|
11024
|
+
|
|
11025
|
+
customElements.define("goa-layout-full-nav", FullScreenNavbarLayout);
|
|
11026
|
+
|
|
10891
11027
|
/* libs/web-components/src/components/container/ContainerWrapper.test.svelte generated by Svelte v3.49.0 */
|
|
10892
11028
|
|
|
10893
11029
|
function create_if_block_1(ctx) {
|
|
@@ -11284,4 +11420,4 @@ class Page extends SvelteElement {
|
|
|
11284
11420
|
|
|
11285
11421
|
customElements.define("goa-page", Page);
|
|
11286
11422
|
|
|
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,
|
|
11423
|
+
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 };
|