@abgov/web-components 2.2.0-dev.18 → 2.2.0-dev.19
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.js +21 -21
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -33704,58 +33704,58 @@ class x5 extends je {
|
|
|
33704
33704
|
}
|
|
33705
33705
|
customElements.define("goa-table-sort-header", Me(x5, { name: { reflect: !0 }, direction: { reflect: !0 }, version: {}, sortOrder: { attribute: "sort-order", reflect: !0, type: "Number" } }, ["default"], [], !0));
|
|
33706
33706
|
function A5(t) {
|
|
33707
|
-
De(t, "svelte-
|
|
33707
|
+
De(t, "svelte-h0wigc", `:host{box-sizing:border-box;font:var(--goa-tab-typography)}.tab{display:flex;align-items:center;gap:var(--goa-space-xs)}[role="tab"]{display:flex;background:none;overflow:hidden;white-space:nowrap;cursor:pointer;border:none;font:var(--goa-tab-typography);color:var(--goa-tab-color-text-not-selected, var(--goa-tab-text-color));text-decoration:none}[role="tab"][aria-selected="true"]{font:var(--goa-tab-typography-selected);color:var(--goa-tab-color-text-selected, var(--goa-tab-text-color))}[role="tab"]:focus-visible{outline:var(--goa-tab-border-focus)}
|
|
33708
33708
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
33709
|
-
{color:var(--goa-tab-color-text-hover, var(--goa-tab-text-color))}[role="tab"][aria-disabled="true"]{color:var(--goa-color-greyscale-400, #949494);cursor:not-allowed;pointer-events:none}[role="tabpanel"]:focus-visible{outline:var(--goa-tab-border-focus);outline-offset:4px}.segmented.svelte-
|
|
33709
|
+
{color:var(--goa-tab-color-text-hover, var(--goa-tab-text-color))}[role="tab"][aria-disabled="true"]{color:var(--goa-color-greyscale-400, #949494);cursor:not-allowed;pointer-events:none}[role="tabpanel"]:focus-visible{outline:var(--goa-tab-border-focus);outline-offset:4px}.segmented.svelte-h0wigc .tabpanel.svelte-h0wigc:focus-visible{outline:none}@media(min-width: 624px){.tabs.svelte-h0wigc.svelte-h0wigc{border-bottom:var(--goa-tabs-bottom-border);display:flex;gap:var(--goa-tabs-gap);margin-bottom:2rem}[role="tab"]{padding:var(--goa-tab-padding);border-bottom:var(--goa-tab-border-not-selected);text-overflow:ellipsis;min-width:var(--goa-space-2xl);justify-content:center}[role="tab"][aria-selected="true"]{border-bottom:var(--goa-tab-border-selected)}
|
|
33710
33710
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
33711
|
-
{border-bottom:var(--goa-tab-border-hover)}[role="tab"][aria-disabled="true"]{border-bottom:var(--goa-tab-border-not-selected)}}@media(max-width: 623px){.tabs.svelte-
|
|
33711
|
+
{border-bottom:var(--goa-tab-border-hover)}[role="tab"][aria-disabled="true"]{border-bottom:var(--goa-tab-border-not-selected)}}@media(max-width: 623px){.tabs.svelte-h0wigc.svelte-h0wigc{border-left:var(--goa-tabs-bottom-border);border-bottom:var(--goa-tabs-bottom-border);display:flex;flex-direction:column;gap:var(--goa-tabs-gap-small-screen);padding-bottom:var(
|
|
33712
33712
|
--goa-tabs-padding-bottom-small-screen,
|
|
33713
33713
|
var(--goa-space-m)
|
|
33714
33714
|
)}[role="tab"]{padding:var(--goa-tab-padding-mobile);border-left:var(--goa-tab-border-not-selected);text-overflow:wrap;white-space:normal;word-break:break-word;overflow-wrap:break-word}[role="tab"][aria-selected="true"]{border-left:var(--goa-tab-border-selected);background:var(--goa-tab-color-bg-selected-small-screen)}
|
|
33715
33715
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
33716
|
-
{border-left:var(--goa-tab-border-hover);background:var(--goa-tab-color-bg-hover-small-screen, transparent)}[role="tab"][aria-disabled="true"]{border-left:var(--goa-tab-border-not-selected)}.horizontal.svelte-
|
|
33716
|
+
{border-left:var(--goa-tab-border-hover);background:var(--goa-tab-color-bg-hover-small-screen, transparent)}[role="tab"][aria-disabled="true"]{border-left:var(--goa-tab-border-not-selected)}.horizontal.svelte-h0wigc .tabs.svelte-h0wigc{border-left:none;border-bottom:var(--goa-tabs-bottom-border);flex-direction:row;gap:var(--goa-tabs-gap);padding-bottom:0;margin-bottom:var(--goa-space-xl)}.horizontal.svelte-h0wigc [role="tab"]{padding:var(--goa-tab-padding);border-left:none;border-bottom:var(--goa-tab-border-not-selected);text-overflow:ellipsis;white-space:nowrap;min-width:var(--goa-space-2xl);justify-content:center}.horizontal.svelte-h0wigc [role="tab"][aria-selected="true"]{border-left:none;border-bottom:var(--goa-tab-border-selected);background:transparent}.horizontal.svelte-h0wigc
|
|
33717
33717
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
33718
33718
|
[aria-disabled="true"]
|
|
33719
33719
|
)
|
|
33720
|
-
{border-left:none;border-bottom:var(--goa-tab-border-hover);background:transparent}}.v2.svelte-
|
|
33720
|
+
{border-left:none;border-bottom:var(--goa-tab-border-hover);background:transparent}}.v2.svelte-h0wigc [role="tab"]{position:relative}.v2.svelte-h0wigc [role="tab"]:focus-visible{border-radius:var(--goa-border-radius-xs)}.v2.svelte-h0wigc
|
|
33721
33721
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
33722
|
-
{border-bottom:none}@media(min-width: 624px){.v2.svelte-
|
|
33722
|
+
{border-bottom:none}@media(min-width: 624px){.v2.svelte-h0wigc [role="tab"]{border-bottom:none}.v2.svelte-h0wigc [role="tab"]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--goa-tab-indicator-width, 3px);background:transparent;border-radius:var(
|
|
33723
33723
|
--goa-tab-indicator-border-radius-desktop,
|
|
33724
33724
|
6px 6px 0 0
|
|
33725
|
-
)}.v2.svelte-
|
|
33725
|
+
)}.v2.svelte-h0wigc [role="tab"][aria-selected="true"]::after{background:var(--goa-tab-indicator-color-active, #0070c4)}.v2.svelte-h0wigc
|
|
33726
33726
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
33727
33727
|
[aria-disabled="true"]
|
|
33728
33728
|
)::after
|
|
33729
|
-
{background:var(--goa-tab-indicator-color-hover, #dcdcdc)}}@media(max-width: 623px){.v2.svelte-
|
|
33729
|
+
{background:var(--goa-tab-indicator-color-hover, #dcdcdc)}}@media(max-width: 623px){.v2.svelte-h0wigc [role="tab"]{border-left:none}.v2.svelte-h0wigc [role="tab"][aria-selected="true"]{border-left:none}.v2.svelte-h0wigc
|
|
33730
33730
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
33731
33731
|
[aria-disabled="true"]
|
|
33732
33732
|
)
|
|
33733
|
-
{border-left:none}.v2.svelte-
|
|
33733
|
+
{border-left:none}.v2.svelte-h0wigc [role="tab"]::after{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--goa-tab-indicator-width, 3px);background:transparent;border-radius:var(
|
|
33734
33734
|
--goa-tab-indicator-border-radius-small-screen,
|
|
33735
33735
|
0 6px 6px 0
|
|
33736
|
-
)}.v2.svelte-
|
|
33736
|
+
)}.v2.svelte-h0wigc [role="tab"][aria-selected="true"]::after{background:var(--goa-tab-indicator-color-active, #0070c4)}.v2.svelte-h0wigc
|
|
33737
33737
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
33738
33738
|
[aria-disabled="true"]
|
|
33739
33739
|
)::after
|
|
33740
|
-
{background:var(--goa-tab-indicator-color-hover, #dcdcdc)}.horizontal.v2.svelte-
|
|
33740
|
+
{background:var(--goa-tab-indicator-color-hover, #dcdcdc)}.horizontal.v2.svelte-h0wigc [role="tab"]{border-bottom:none}.horizontal.v2.svelte-h0wigc [role="tab"][aria-selected="true"]{border-bottom:none}.horizontal.v2.svelte-h0wigc
|
|
33741
33741
|
[role="tab"]:hover:not([aria-selected="true"]):not(
|
|
33742
33742
|
[aria-disabled="true"]
|
|
33743
33743
|
)
|
|
33744
|
-
{border-bottom:none}.horizontal.v2.svelte-
|
|
33744
|
+
{border-bottom:none}.horizontal.v2.svelte-h0wigc [role="tab"]::after{top:auto;left:0;right:0;bottom:0;width:auto;height:var(--goa-tab-indicator-width, 3px);border-radius:var(
|
|
33745
33745
|
--goa-tab-indicator-border-radius-desktop,
|
|
33746
33746
|
6px 6px 0 0
|
|
33747
|
-
)}}.segmented.svelte-
|
|
33747
|
+
)}}.v2.svelte-h0wigc:not(.segmented) [role="tab"][data-text]{flex-direction:column}.v2.svelte-h0wigc:not(.segmented) [role="tab"][data-text]::before{content:attr(data-text);font:var(--goa-tab-typography-selected);height:0;visibility:hidden;overflow:hidden}.segmented.svelte-h0wigc .tabs.svelte-h0wigc{position:relative;background:var(--goa-color-greyscale-50, #f8f8f8);border:1px solid var(--goa-color-greyscale-150, #dcdcdc);border-bottom:1px solid var(--goa-color-greyscale-150, #dcdcdc);border-radius:var(--goa-border-radius-m, 10px);padding:3px;gap:var(--goa-space-3xs);margin-bottom:var(--goa-tabs-margin-bottom, 2rem);flex-direction:row;flex-wrap:nowrap;width:-moz-fit-content;width:fit-content}.segmented.svelte-h0wigc .segmented-indicator.svelte-h0wigc{position:absolute;top:3px;left:var(--segmented-indicator-left, 0);width:var(--segmented-indicator-width, 0);height:var(--segmented-indicator-height, 30px);background:var(--goa-color-greyscale-white, #ffffff);border:var(--goa-border-width-s) solid
|
|
33748
33748
|
var(--goa-color-greyscale-150, #dcdcdc);border-radius:var(--goa-border-radius-xl);pointer-events:none;z-index:0;box-sizing:border-box;transition:left var(--segmented-transition-duration, 0s) ease-out,
|
|
33749
|
-
width var(--segmented-transition-duration, 0s) ease-out}.segmented.svelte-
|
|
33749
|
+
width var(--segmented-transition-duration, 0s) ease-out}.segmented.svelte-h0wigc [role="tab"]{position:relative;z-index:1;background:transparent;border:var(--goa-border-width-s) solid transparent;border-radius:var(--goa-border-radius-xl);min-height:30px;padding:0 var(--goa-space-s, 12px);font:var(--goa-typography-body-s);color:var(--goa-color-greyscale-600, #666666);display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;min-width:auto;transition:color 0.15s ease}.segmented.svelte-h0wigc [role="tab"]::after{display:none}.segmented.svelte-h0wigc [role="tab"][data-text]{flex-direction:column}.segmented.svelte-h0wigc [role="tab"][data-text]::before{content:attr(data-text);font:var(--goa-typography-body-s);font-weight:600;height:0;visibility:hidden;overflow:hidden}.segmented.svelte-h0wigc [role="tab"][aria-selected="true"]{background:transparent;border:var(--goa-border-width-s) solid transparent;color:var(--goa-color-text-secondary, #666666);font:var(--goa-typography-body-s);font-weight:600}.segmented.svelte-h0wigc
|
|
33750
33750
|
[role="tab"]:hover:not([aria-selected="true"]):not([aria-disabled="true"])
|
|
33751
|
-
{background:var(--goa-color-greyscale-150, #dcdcdc);border:var(--goa-border-width-s) solid transparent;color:var(--goa-color-text-default, #353535)}.segmented.svelte-
|
|
33752
|
-
var(--goa-color-interactive-focus);outline-offset:1px;border-radius:var(--goa-border-radius-s, 8px)}@media(max-width: 623px){.segmented.svelte-
|
|
33751
|
+
{background:var(--goa-color-greyscale-150, #dcdcdc);border:var(--goa-border-width-s) solid transparent;color:var(--goa-color-text-default, #353535)}.segmented.svelte-h0wigc [role="tab"][aria-disabled="true"]{color:var(--goa-color-greyscale-400, #949494);cursor:not-allowed;pointer-events:none;background:transparent}.segmented.svelte-h0wigc [role="tab"]:focus-visible{outline:var(--goa-border-width-l, 3px) solid
|
|
33752
|
+
var(--goa-color-interactive-focus);outline-offset:1px;border-radius:var(--goa-border-radius-s, 8px)}@media(max-width: 623px){.segmented.svelte-h0wigc .tabs.svelte-h0wigc{flex-direction:row;padding-bottom:var(--goa-space-2xs, 4px)}.segmented.svelte-h0wigc [role="tab"]{border-left:none}.segmented.svelte-h0wigc [role="tab"][aria-selected="true"]{border-left:none}}`);
|
|
33753
33753
|
}
|
|
33754
33754
|
function aa(t) {
|
|
33755
33755
|
let e;
|
|
33756
33756
|
return {
|
|
33757
33757
|
c() {
|
|
33758
|
-
e = C("div"), f(e, "class", "segmented-indicator svelte-
|
|
33758
|
+
e = C("div"), f(e, "class", "segmented-indicator svelte-h0wigc");
|
|
33759
33759
|
},
|
|
33760
33760
|
m(o, i) {
|
|
33761
33761
|
T(o, e, i);
|
|
@@ -33783,7 +33783,7 @@ function S5(t) {
|
|
|
33783
33783
|
);
|
|
33784
33784
|
return {
|
|
33785
33785
|
c() {
|
|
33786
|
-
e = C("div"), o = C("div"), a && a.c(), i = Y(), n = C("div"), d && d.c(), f(o, "class", "tabs svelte-
|
|
33786
|
+
e = C("div"), o = C("div"), a && a.c(), i = Y(), n = C("div"), d && d.c(), f(o, "class", "tabs svelte-h0wigc"), We(
|
|
33787
33787
|
o,
|
|
33788
33788
|
"--segmented-indicator-left",
|
|
33789
33789
|
/*_segmentedIndicatorLeft*/
|
|
@@ -33803,13 +33803,13 @@ function S5(t) {
|
|
|
33803
33803
|
"--segmented-transition-duration",
|
|
33804
33804
|
/*_segmentedTransitionDuration*/
|
|
33805
33805
|
t[11] + "s"
|
|
33806
|
-
), f(n, "class", "tabpanel svelte-
|
|
33806
|
+
), f(n, "class", "tabpanel svelte-h0wigc"), f(n, "tabindex", r = /*navigation*/
|
|
33807
33807
|
t[4] === "none" ? -1 : 0), f(n, "role", "tabpanel"), f(e, "role", "tablist"), f(
|
|
33808
33808
|
e,
|
|
33809
33809
|
"data-testid",
|
|
33810
33810
|
/*testid*/
|
|
33811
33811
|
t[0]
|
|
33812
|
-
), f(e, "class", "svelte-
|
|
33812
|
+
), f(e, "class", "svelte-h0wigc"), x(
|
|
33813
33813
|
e,
|
|
33814
33814
|
"v2",
|
|
33815
33815
|
/*version*/
|
|
@@ -33990,7 +33990,7 @@ function V5(t, e, o) {
|
|
|
33990
33990
|
}
|
|
33991
33991
|
ee.classList.add("tab"), se || (se = "tab-" + $);
|
|
33992
33992
|
const ne = document.createElement("a");
|
|
33993
|
-
if (ne.setAttribute("id", `tab-${$ + 1}`), ne.setAttribute("data-testid", `tab-${$ + 1}`), ne.setAttribute("role", "tab"), s !== "none" && ne.setAttribute("href", `${ie}${q}#${se}`), ne.setAttribute("aria-controls", `tabpanel-${$ + 1}`), c === "segmented") {
|
|
33993
|
+
if (ne.setAttribute("id", `tab-${$ + 1}`), ne.setAttribute("data-testid", `tab-${$ + 1}`), ne.setAttribute("role", "tab"), s !== "none" && ne.setAttribute("href", `${ie}${q}#${se}`), ne.setAttribute("aria-controls", `tabpanel-${$ + 1}`), c === "segmented" || a === "2") {
|
|
33994
33994
|
const Ye = ((be = ee.textContent) == null ? void 0 : be.trim()) || "";
|
|
33995
33995
|
Ye && ne.setAttribute("data-text", Ye);
|
|
33996
33996
|
}
|