@abgov/web-components 1.17.0-alpha.124 → 1.17.0-alpha.126
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.css +2 -1
- package/index.js +15 -17
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -300,7 +300,7 @@ goa-table tfoot tr:last-child td {
|
|
|
300
300
|
}
|
|
301
301
|
/**
|
|
302
302
|
* Do not edit directly
|
|
303
|
-
* Generated on Tue,
|
|
303
|
+
* Generated on Tue, 12 Nov 2024 22:14:51 GMT
|
|
304
304
|
*/
|
|
305
305
|
|
|
306
306
|
:root {
|
|
@@ -421,6 +421,7 @@ goa-table tfoot tr:last-child td {
|
|
|
421
421
|
--goa-color-interactive-disabled: #80b7e1;
|
|
422
422
|
--goa-color-interactive-hover: #004f84;
|
|
423
423
|
--goa-color-interactive-default: #0070c4;
|
|
424
|
+
--goa-side-menu-parent-color-bg-selected: #CEDFEE;
|
|
424
425
|
--goa-side-menu-parent-color-bg-hover: #CEDFEE;
|
|
425
426
|
--goa-side-menu-child-border-width: 4px;
|
|
426
427
|
--goa-drawer-transition-time: 200ms;
|
package/index.js
CHANGED
|
@@ -32664,7 +32664,7 @@ class Scrollable extends SvelteComponent {
|
|
|
32664
32664
|
}
|
|
32665
32665
|
customElements.define("goa-scrollable", create_custom_element(Scrollable, { "direction": {}, "hpadding": {}, "vpadding": {}, "maxheight": {}, "offsetHeight": {}, "scrollHeight": {} }, ["default"], [], true));
|
|
32666
32666
|
function add_css$f(target) {
|
|
32667
|
-
append_styles(target, "svelte-
|
|
32667
|
+
append_styles(target, "svelte-1cr1ddo", '::slotted(a),::slotted(goa-side-menu-heading),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);margin-left:1rem;background-color:var(--goa-side-menu-group-color-bg)}::slotted(a),::slotted(a:visited){padding:0.5rem 1rem;text-decoration:none;border-left:var(--goa-side-menu-child-border-width) solid var(--goa-color-greyscale-100)}::slotted(a.current){font:var(--goa-typography-heading-s);border-left:var(--goa-side-menu-child-border-width) solid var(--goa-color-interactive-disabled);background:var(--goa-side-menu-child-color-bg-selected);color:var(--goa-side-menu-child-color-text-selected)!important}::slotted(a:hover:not(.current)){background:var(--goa-side-menu-child-color-bg-hover);border-color:var(--goa-color-greyscale-200)}::slotted(a:focus-visible),.heading.svelte-1cr1ddo.svelte-1cr1ddo:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}:host([child="true"]) a.heading.svelte-1cr1ddo.svelte-1cr1ddo,.heading.svelte-1cr1ddo.svelte-1cr1ddo{color:var(--goa-color-text-default);display:flex;align-items:center;justify-content:space-between;line-height:2rem;padding:var(--goa-side-menu-parent-padding);text-decoration:none;font:var(--goa-side-menu-parent-text);border-radius:var(--goa-side-menu-group-border-radius)}.heading.open.svelte-1cr1ddo.svelte-1cr1ddo{font:var(--goa-side-menu-parent-text-active)}:host([child="true"]) a.heading.svelte-1cr1ddo.svelte-1cr1ddo{margin-left:1rem;border-left:var(--goa-side-menu-child-border-width) solid var(--goa-color-greyscale-100);padding:0.5rem 1rem 0.5rem 1rem}:host([child="true"]) a.heading.svelte-1cr1ddo.svelte-1cr1ddo:hover{border-color:var(--goa-color-greyscale-200);background:var(--goa-color-info-background)}:host([child="true"]) .side-menu-group.current a.heading.svelte-1cr1ddo.svelte-1cr1ddo{background:var(--goa-color-info-background);border-left:var(--goa-side-menu-child-border-width) solid var(--goa-color-interactive-disabled)}.side-menu-group.svelte-1cr1ddo.svelte-1cr1ddo{background-color:var(--goa-side-menu-group-color-bg);border-radius:var(--goa-side-menu-group-border-radius);padding:var(--goa-side-menu-group-padding)}.side-menu-group.current.svelte-1cr1ddo .heading.svelte-1cr1ddo{background:var(--goa-side-menu-parent-color-bg-selected)}.heading.svelte-1cr1ddo.svelte-1cr1ddo:hover{background:var(--goa-side-menu-parent-color-bg-hover)}.hidden.svelte-1cr1ddo.svelte-1cr1ddo{display:none}.group.svelte-1cr1ddo.svelte-1cr1ddo{padding:var(--goa-side-menu-sub-group-padding)}.trailing-icon.svelte-1cr1ddo.svelte-1cr1ddo{margin-left:auto;height:var(--goa-icon-size-l)}.leading-icon.svelte-1cr1ddo.svelte-1cr1ddo{margin-right:var(--goa-space-xs);height:var(--goa-icon-size-l)}');
|
|
32668
32668
|
}
|
|
32669
32669
|
function create_if_block_1$4(ctx) {
|
|
32670
32670
|
let div;
|
|
@@ -32679,7 +32679,7 @@ function create_if_block_1$4(ctx) {
|
|
|
32679
32679
|
/*icon*/
|
|
32680
32680
|
ctx[1]
|
|
32681
32681
|
);
|
|
32682
|
-
attr(div, "class", "leading-icon svelte-
|
|
32682
|
+
attr(div, "class", "leading-icon svelte-1cr1ddo");
|
|
32683
32683
|
},
|
|
32684
32684
|
m(target, anchor) {
|
|
32685
32685
|
insert(target, div, anchor);
|
|
@@ -32791,21 +32791,21 @@ function create_fragment$g(ctx) {
|
|
|
32791
32791
|
t3 = space();
|
|
32792
32792
|
div1 = element("div");
|
|
32793
32793
|
if (default_slot) default_slot.c();
|
|
32794
|
-
attr(div0, "class", "trailing-icon svelte-
|
|
32794
|
+
attr(div0, "class", "trailing-icon svelte-1cr1ddo");
|
|
32795
32795
|
attr(a, "href", a_href_value = `#${/*_slug*/
|
|
32796
32796
|
ctx[10]}`);
|
|
32797
|
-
attr(a, "class", "heading svelte-
|
|
32797
|
+
attr(a, "class", "heading svelte-1cr1ddo");
|
|
32798
32798
|
toggle_class(
|
|
32799
32799
|
a,
|
|
32800
32800
|
"open",
|
|
32801
32801
|
/*_open*/
|
|
32802
32802
|
ctx[7]
|
|
32803
32803
|
);
|
|
32804
|
-
attr(div1, "class", "group svelte-
|
|
32804
|
+
attr(div1, "class", "group svelte-1cr1ddo");
|
|
32805
32805
|
attr(div1, "data-testid", "group");
|
|
32806
32806
|
toggle_class(div1, "hidden", !/*_open*/
|
|
32807
32807
|
ctx[7]);
|
|
32808
|
-
attr(div2, "class", "side-menu-group svelte-
|
|
32808
|
+
attr(div2, "class", "side-menu-group svelte-1cr1ddo");
|
|
32809
32809
|
attr(
|
|
32810
32810
|
div2,
|
|
32811
32811
|
"data-testid",
|
|
@@ -38958,7 +38958,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
|
38958
38958
|
dispatchCurrentStep();
|
|
38959
38959
|
}
|
|
38960
38960
|
function calculateProgress() {
|
|
38961
|
-
$$invalidate(12, _progress = _isMobile ? 100 : _currentStep / _steps.length * 100);
|
|
38961
|
+
$$invalidate(12, _progress = _isMobile ? 100 : _currentStep / (_steps.length - 1) * 100);
|
|
38962
38962
|
}
|
|
38963
38963
|
function calcStepDimensions() {
|
|
38964
38964
|
var _a;
|
|
@@ -39144,7 +39144,7 @@ class ExperimentalFormStepper extends SvelteComponent {
|
|
|
39144
39144
|
}
|
|
39145
39145
|
customElements.define("goax-form-stepper", create_custom_element(ExperimentalFormStepper, { "step": {}, "testid": {}, "mt": {}, "mr": {}, "mb": {}, "ml": {}, "mobile": {}, "backgroundcolor": {} }, ["default"], [], true));
|
|
39146
39146
|
function add_css(target) {
|
|
39147
|
-
append_styles(target, "svelte-
|
|
39147
|
+
append_styles(target, "svelte-6d3t92", 'input[type="checkbox"].svelte-6d3t92.svelte-6d3t92{position:absolute;left:-9999px}label.svelte-6d3t92.svelte-6d3t92{display:flex;box-sizing:border-box;height:100%;width:100%;padding:24px 12px 48px}label.mobile.svelte-6d3t92.svelte-6d3t92{padding-bottom:24px;justify-content:center;background-color:var(--background-color, inherit);padding-left:8px;padding-right:8px;max-width:-moz-fit-content;max-width:fit-content}label.desktop.svelte-6d3t92.svelte-6d3t92{text-align:center;flex-direction:column;align-items:center}label.desktop.svelte-6d3t92 .details.svelte-6d3t92{margin-top:24px}label.mobile.svelte-6d3t92.svelte-6d3t92{flex-direction:row;align-items:center;text-align:start}.status.svelte-6d3t92.svelte-6d3t92{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:2px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}.status.incomplete.svelte-6d3t92.svelte-6d3t92{background:var(--goa-color-greyscale-200);border:2px solid var(--goa-color-greyscale-200)}.status.current.svelte-6d3t92.svelte-6d3t92{background:var(--goa-color-greyscale-white);border:2px solid var(--goa-color-interactive-default)}.status.svelte-6d3t92>.svelte-6d3t92{fill:var(--fill-color, var(--goa-color-interactive-default));color:var(--fill-color, var(--goa-color-interactive-default))}[aria-current="step"].svelte-6d3t92 .text.svelte-6d3t92{font-weight:var(--goa-font-weight-bold)}[data-status="complete"].svelte-6d3t92 .status.svelte-6d3t92{background:var(--goa-color-interactive-default)}[aria-current="step"][data-status="complete"].svelte-6d3t92 .status.svelte-6d3t92{background:var(--goa-color-greyscale-white)}.step-number.svelte-6d3t92.svelte-6d3t92{margin-bottom:var(--font-valign-fix);font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-secondary)}.status.current.svelte-6d3t92 .step-number.svelte-6d3t92{color:var(--goa-color-interactive-default)}label.svelte-6d3t92:not(\n [data-status="complete"],\n [data-status="incomplete"],\n [aria-current="step"]\n ) .status.svelte-6d3t92{border-color:var(--goa-color-greyscale-500)}.text.svelte-6d3t92.svelte-6d3t92{font-size:16px;line-height:20px;font-weight:400}');
|
|
39148
39148
|
}
|
|
39149
39149
|
function create_else_block(ctx) {
|
|
39150
39150
|
let div;
|
|
@@ -39158,7 +39158,7 @@ function create_else_block(ctx) {
|
|
|
39158
39158
|
div = element("div");
|
|
39159
39159
|
t = text(t_value);
|
|
39160
39160
|
attr(div, "data-testid", "step-number");
|
|
39161
|
-
attr(div, "class", "step-number svelte-
|
|
39161
|
+
attr(div, "class", "step-number svelte-6d3t92");
|
|
39162
39162
|
},
|
|
39163
39163
|
m(target, anchor) {
|
|
39164
39164
|
insert(target, div, anchor);
|
|
@@ -39183,7 +39183,7 @@ function create_if_block_1(ctx) {
|
|
|
39183
39183
|
goa_icon = element("goa-icon");
|
|
39184
39184
|
set_custom_element_data(goa_icon, "type", "checkmark");
|
|
39185
39185
|
set_custom_element_data(goa_icon, "inverted", "");
|
|
39186
|
-
set_custom_element_data(goa_icon, "class", "svelte-
|
|
39186
|
+
set_custom_element_data(goa_icon, "class", "svelte-6d3t92");
|
|
39187
39187
|
},
|
|
39188
39188
|
m(target, anchor) {
|
|
39189
39189
|
insert(target, goa_icon, anchor);
|
|
@@ -39208,9 +39208,9 @@ function create_if_block(ctx) {
|
|
|
39208
39208
|
/*text*/
|
|
39209
39209
|
ctx[1]
|
|
39210
39210
|
);
|
|
39211
|
-
attr(div0, "class", "text svelte-
|
|
39211
|
+
attr(div0, "class", "text svelte-6d3t92");
|
|
39212
39212
|
attr(div0, "data-testid", "text");
|
|
39213
|
-
attr(div1, "class", "details svelte-
|
|
39213
|
+
attr(div1, "class", "details svelte-6d3t92");
|
|
39214
39214
|
},
|
|
39215
39215
|
m(target, anchor) {
|
|
39216
39216
|
insert(target, div1, anchor);
|
|
@@ -39278,9 +39278,9 @@ function create_fragment(ctx) {
|
|
|
39278
39278
|
input.disabled = input_disabled_value = !/*_isEnabled*/
|
|
39279
39279
|
ctx[9];
|
|
39280
39280
|
attr(input, "data-testid", "checkbox");
|
|
39281
|
-
attr(input, "class", "svelte-
|
|
39281
|
+
attr(input, "class", "svelte-6d3t92");
|
|
39282
39282
|
attr(div, "data-testid", "status");
|
|
39283
|
-
attr(div, "class", "status svelte-
|
|
39283
|
+
attr(div, "class", "status svelte-6d3t92");
|
|
39284
39284
|
toggle_class(
|
|
39285
39285
|
div,
|
|
39286
39286
|
"incomplete",
|
|
@@ -39324,7 +39324,7 @@ function create_fragment(ctx) {
|
|
|
39324
39324
|
--background-color: ${/*_backgroundColor*/
|
|
39325
39325
|
ctx[8]};
|
|
39326
39326
|
`);
|
|
39327
|
-
attr(label, "class", "svelte-
|
|
39327
|
+
attr(label, "class", "svelte-6d3t92");
|
|
39328
39328
|
toggle_class(
|
|
39329
39329
|
label,
|
|
39330
39330
|
"mobile",
|
|
@@ -39511,12 +39511,10 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
39511
39511
|
onMount(() => {
|
|
39512
39512
|
_rootEl.addEventListener("form-stepper:resized", (e) => {
|
|
39513
39513
|
const { mobile } = e.detail;
|
|
39514
|
-
console.log("form-stepper:resized", mobile);
|
|
39515
39514
|
$$invalidate(7, _isMobile = mobile);
|
|
39516
39515
|
});
|
|
39517
39516
|
_rootEl.addEventListener("formstepper:init", (e) => {
|
|
39518
39517
|
const ce = e;
|
|
39519
|
-
console.log("formstepper:init", ce.detail);
|
|
39520
39518
|
$$invalidate(4, arialabel = ce.detail.ariaLabel);
|
|
39521
39519
|
$$invalidate(11, enabled = ce.detail.enabled);
|
|
39522
39520
|
$$invalidate(3, childindex = ce.detail.childIndex);
|