@abgov/web-components 1.40.0-dev.23 → 1.40.0-dev.24
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 +22 -22
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -1628,8 +1628,8 @@ function ri(t, e) {
|
|
|
1628
1628
|
}
|
|
1629
1629
|
const { window: ma } = ti;
|
|
1630
1630
|
function H1(t) {
|
|
1631
|
-
Le(t, "svelte-
|
|
1632
|
-
"links links"}.content-area.svelte-
|
|
1631
|
+
Le(t, "svelte-grdfhp", `.svelte-grdfhp.svelte-grdfhp,::slotted(*){font:var(--goa-app-header-typography-service-name)}goa-popover.app-header-popover.svelte-grdfhp.svelte-grdfhp{position:inherit}.container.svelte-grdfhp.svelte-grdfhp{border-bottom:var(--goa-app-header-border-bottom);background-color:var(--goa-app-header-color-bg)}@media(min-width: 1024px){.container.tablet.svelte-grdfhp.svelte-grdfhp{padding:0 var(--goa-space-3xl)}.container.desktop.svelte-grdfhp.svelte-grdfhp{padding:0 var(--desktop-padding)}}@media(min-width: 624px) and (max-width: 1023px){.container.svelte-grdfhp.svelte-grdfhp{padding:0 var(--goa-space-xl)}}.layout.svelte-grdfhp.svelte-grdfhp{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"header menu"
|
|
1632
|
+
"links links"}.content-area.svelte-grdfhp.svelte-grdfhp{grid-area:links}.desktop.svelte-grdfhp .layout.svelte-grdfhp{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;grid-template-areas:"header . menu";margin:0 auto;width:min(var(--max-content-width), 100%)}.title.svelte-grdfhp.svelte-grdfhp{color:var(--goa-app-header-color-service-name)}.header-logo-title-area.svelte-grdfhp.svelte-grdfhp{grid-area:header;display:flex;text-decoration:none;align-items:flex-start}.header-logo-title-area.svelte-grdfhp.svelte-grdfhp:focus-visible{outline:var(--goa-app-header-service-name-border-focus);z-index:100;position:relative}::slotted(a){display:flex;align-items:center;margin:0;padding:var(--goa-app-header-padding-nav-item-in-menu);cursor:pointer;white-space:nowrap;text-decoration:none;overflow:hidden}::slotted(a:focus-visible){outline:var(--goa-app-header-border-focus);outline-offset:0px;z-index:100;position:relative}::slotted(a.inside-collapse-menu){color:var(--goa-app-header-color-text-nav-item);background-color:var(--goa-app-header-color-bg-nav-item)}::slotted(a.inside-collapse-menu:hover){color:var(--goa-app-header-color-text-nav-item-hover) !important;background-color:var(--goa-app-header-color-bg-nav-item-child-hover)}::slotted(a.inside-collapse-menu:focus-visible){outline-offset:-3px;background-color:var(
|
|
1633
1633
|
--goa-app-header-color-bg-nav-item-child-focus
|
|
1634
1634
|
) !important;color:var(--goa-app-header-color-text-nav-item-focus) !important}::slotted(a.interactive){color:var(--goa-app-header-nav-color-text-link-item) !important;text-decoration:underline !important;white-space:nowrap}::slotted(a.interactive:hover){color:var(--goa-app-header-nav-color-text-link-item-hover) !important}::slotted(a.interactive:focus-visible){color:var(--goa-app-header-nav-color-text-link-item-focus) !important;background-color:var(
|
|
1635
1635
|
--goa-app-header-color-bg-nav-item-child-focus
|
|
@@ -1639,15 +1639,15 @@ function H1(t) {
|
|
|
1639
1639
|
--goa-app-header-color-text-nav-item-in-menu-current-hover
|
|
1640
1640
|
) !important;background-color:var(
|
|
1641
1641
|
--goa-app-header-color-bg-nav-item-in-menu-current-hover
|
|
1642
|
-
) !important}.desktop.svelte-
|
|
1642
|
+
) !important}.desktop.svelte-grdfhp .content-area.svelte-grdfhp{grid-area:menu;display:flex;align-items:stretch}.desktop.svelte-grdfhp .menu-toggle-area.svelte-grdfhp{display:none}.desktop.svelte-grdfhp .title.svelte-grdfhp{padding-top:5.5px;max-width:var(--goa-app-header-max-width-service-name);min-width:var(--goa-app-header-min-width-service-name);font:var(--goa-app-header-typography-service-name)}.desktop.svelte-grdfhp .header-logo-title-area.svelte-grdfhp{grid-area:header;display:flex;align-items:flex-start;color:inherit;flex:1 1 auto;min-height:var(--goa-app-header-size-logo);margin:var(--goa-app-header-padding-logo);gap:var(--goa-app-header-space-btw-logo-service-name)}.desktop.svelte-grdfhp .image-desktop.svelte-grdfhp{display:block}.desktop.svelte-grdfhp .image-mobile.svelte-grdfhp{display:none}.desktop.svelte-grdfhp ::slotted(a),.desktop.svelte-grdfhp ::slotted(a:visited){font:var(--goa-app-header-typography-nav-item);display:block;align-items:center;padding:var(--goa-app-header-padding-nav-item);text-decoration:none;height:var(--goa-app-header-height-nav-item);border-top:var(--goa-app-header-border-nav-item-default);border-bottom:var(--goa-app-header-border-nav-item-default)}.desktop.svelte-grdfhp ::slotted(a:hover){cursor:pointer;color:var(--goa-app-header-color-text-nav-item-hover) !important;background:var(--goa-app-header-color-bg-nav-item-hover);border-top:var(--goa-app-header-border-nav-item-default);border-bottom:var(--goa-app-header-border-nav-item-hover)}.desktop.svelte-grdfhp ::slotted(a:focus-visible){cursor:pointer;color:var(--goa-app-header-color-text-nav-item-focus) !important;background:var(--goa-app-header-color-bg-nav-item-focus);border-top:var(--goa-app-header-border-nav-item-default);border-bottom:var(--goa-app-header-border-nav-item-focus)}.desktop.svelte-grdfhp ::slotted(a.current){border-top:var(--goa-app-header-border-nav-item-default) !important;border-bottom:var(--goa-app-header-border-nav-item-current)}.desktop.svelte-grdfhp ::slotted(a.current:hover){border-top:var(--goa-app-header-border-nav-item-default) !important;border-bottom:var(--goa-app-header-border-nav-item-current-hover)}.desktop.svelte-grdfhp ::slotted(a.current:focus-visible){border-top:var(--goa-app-header-border-nav-item-default) !important;border-bottom:var(--goa-app-header-border-nav-item-current-focus)}.desktop.svelte-grdfhp ::slotted(goa-app-header-menu){height:var(--goa-app-header-height-nav-item)}.desktop.svelte-grdfhp ::slotted(goa-app-header-menu:hover){background:var(--goa-app-header-color-bg-nav-item-hover);color:var(--goa-app-header-color-text-nav-item-hover)}.desktop.svelte-grdfhp ::slotted(a.interactive){font:var(--goa-app-header-typography-link-item);padding:var(--goa-app-header-padding-link-item)}.desktop.svelte-grdfhp ::slotted(a.interactive:hover){border-top:var(--goa-app-header-border-nav-item-default);border-bottom:var(--goa-app-header-border-nav-item-default);background-color:var(--goa-app-header-nav-color-bg-link-item-hover)}.desktop.svelte-grdfhp ::slotted(a.interactive:focus-visible){border-top:var(--goa-app-header-border-nav-item-default) !important;border-bottom:var(--goa-app-header-border-nav-item-default) !important;background-color:var(
|
|
1643
1643
|
--goa-app-header-nav-color-bg-link-item-focus
|
|
1644
|
-
) !important}.desktop.svelte-
|
|
1644
|
+
) !important}.desktop.svelte-grdfhp ::slotted(a.interactive.current){border-top:var(--goa-app-header-border-nav-item-default) !important;border-bottom:var(--goa-app-header-border-nav-item-default) !important}.tablet.svelte-grdfhp .header-logo-title-area.svelte-grdfhp{margin:var(--goa-app-header-padding-logo);min-height:var(--goa-app-header-size-logo);gap:var(--goa-app-header-space-btw-logo-service-name)}.tablet.svelte-grdfhp .title.svelte-grdfhp{padding-top:5.5px;font:var(--goa-app-header-typography-service-name);max-width:var(--goa-app-header-max-width-service-name);min-width:var(--goa-app-header-min-width-service-name)}.tablet.svelte-grdfhp .image-desktop.svelte-grdfhp{display:block}.tablet.svelte-grdfhp .image-mobile.svelte-grdfhp{display:none}.menu-toggle-area.svelte-grdfhp.svelte-grdfhp{grid-area:menu;display:flex;position:relative}.menu-toggle-area.svelte-grdfhp button.svelte-grdfhp{display:flex;background:transparent;border:none;cursor:pointer;height:var(--goa-app-header-height-nav-item);align-items:center;gap:6px;font:var(--goa-app-header-typography-menu-button);padding:var(--goa-app-header-padding-menu-button);text-decoration:none;color:var(--goa-app-header-color-menu-button)}.menu-toggle-area.svelte-grdfhp button.svelte-grdfhp:hover{color:var(--goa-app-header-color-menu-button-hover);box-shadow:inset 0 -4px 0 0 var(--goa-color-interactive-hover)}.menu-toggle-area.svelte-grdfhp button.svelte-grdfhp:focus-visible{outline:var(--goa-app-header-border-focus);z-index:100;position:relative;color:var(--goa-app-header-color-menu-button-focus);box-shadow:inset 0 -4px 0 0 var(--goa-color-interactive-hover)}.menu-toggle-area.svelte-grdfhp button.menu-open.svelte-grdfhp{background-color:var(--goa-app-header-color-bg-menu-button-focus);color:var(--goa-app-header-color-menu-button-focus);box-shadow:inset 0 -4px 0 0 var(--goa-color-interactive-hover)}.menu-toggle-area.svelte-grdfhp goa-icon.svelte-grdfhp{scale:1}.tablet.svelte-grdfhp .menu-toggle-area.svelte-grdfhp{padding-left:var(
|
|
1645
1645
|
--goa-app-header-space-btw-service-name-nav-items-in-menu
|
|
1646
1646
|
);height:100%;display:flex;align-items:end}::slotted(a.interactive:focus-visible){color:var(--goa-app-header-nav-color-text-link-item-focus) !important;background-color:var(
|
|
1647
1647
|
--goa-app-header-nav-color-bg-link-item-in-menu-focus
|
|
1648
|
-
) !important;border-top:none !important;border-bottom:none}.tablet.svelte-
|
|
1649
|
-
var(--goa-color-greyscale-200)}.mobile.svelte-
|
|
1650
|
-
var(--goa-color-greyscale-200);font:var(--goa-app-header-typography-menu-item);padding-left:var(--goa-space-2xl);padding-right:var(--goa-space-xl)}.mobile.show-menu.svelte-
|
|
1648
|
+
) !important;border-top:none !important;border-bottom:none}.tablet.svelte-grdfhp ::slotted(a:not(:first-child)){box-shadow:inset 0 var(--goa-border-width-s) 0 0
|
|
1649
|
+
var(--goa-color-greyscale-200)}.mobile.svelte-grdfhp .title.svelte-grdfhp{margin-top:-1px;color:var(--goa-app-header-color-service-name);max-width:var(--goa-app-header-max-width-service-name);min-width:var(--goa-app-header-min-width-service-name);font:var(--goa-app-header-typography-service-name-mobile)}.mobile.svelte-grdfhp .header-logo-title-area.svelte-grdfhp{display:flex;align-items:start;padding:var(--goa-app-header-padding-logo-mobile);gap:var(--goa-app-header-space-btw-logo-service-name-mobile)}.mobile.svelte-grdfhp .image-desktop.svelte-grdfhp{display:none}.mobile.svelte-grdfhp .image-mobile.svelte-grdfhp{display:block;width:var(--goa-app-header-size-logo-mobile)}.mobile.svelte-grdfhp .menu-toggle-area button.svelte-grdfhp{height:var(--goa-app-header-height-nav-item-mobile);font:var(--goa-app-header-typography-menu-button-mobile);display:flex;align-items:center}.mobile.svelte-grdfhp .menu-toggle-area.svelte-grdfhp{display:flex;align-items:end;position:relative}.mobile.svelte-grdfhp .menu-toggle-area button.menu-open.svelte-grdfhp{background-color:var(--goa-app-header-color-bg-menu-button-focus);color:var(--goa-app-header-color-menu-button-focus);box-shadow:inset 0 -4px 0 0 var(--goa-color-interactive-hover)}.mobile.svelte-grdfhp .menu-toggle-area goa-icon.svelte-grdfhp{scale:0.8}.mobile.svelte-grdfhp ::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0
|
|
1650
|
+
var(--goa-color-greyscale-200);font:var(--goa-app-header-typography-menu-item);padding-left:var(--goa-space-2xl);padding-right:var(--goa-space-xl)}.mobile.show-menu.svelte-grdfhp.svelte-grdfhp{border-bottom:var(--goa-border-width-m) solid
|
|
1651
1651
|
var(--goa-color-greyscale-200)}`);
|
|
1652
1652
|
}
|
|
1653
1653
|
function T1(t) {
|
|
@@ -1657,7 +1657,7 @@ function T1(t) {
|
|
|
1657
1657
|
);
|
|
1658
1658
|
return {
|
|
1659
1659
|
c() {
|
|
1660
|
-
e = C("div"), o = C("img"), n = N(), l = C("img"), a = N(), c && c.c(), u(o, "alt", "GoA Logo"), u(o, "class", "image-mobile svelte-
|
|
1660
|
+
e = C("div"), o = C("img"), n = N(), l = C("img"), a = N(), c && c.c(), u(o, "alt", "GoA Logo"), u(o, "class", "image-mobile svelte-grdfhp"), Ht(o.src, i = ba) || u(o, "src", i), u(l, "alt", "GoA Logo"), u(l, "class", "image-desktop svelte-grdfhp"), Ht(l.src, r = pa) || u(l, "src", r), u(e, "class", "header-logo-title-area svelte-grdfhp");
|
|
1661
1661
|
},
|
|
1662
1662
|
m(d, s) {
|
|
1663
1663
|
S(d, e, s), _(e, o), _(e, n), _(e, l), _(e, a), c && c.m(e, null);
|
|
@@ -1678,12 +1678,12 @@ function V1(t) {
|
|
|
1678
1678
|
);
|
|
1679
1679
|
return {
|
|
1680
1680
|
c() {
|
|
1681
|
-
e = C("a"), o = C("img"), n = N(), l = C("img"), a = N(), c && c.c(), u(o, "alt", "GoA Logo"), u(o, "class", "image-mobile svelte-
|
|
1681
|
+
e = C("a"), o = C("img"), n = N(), l = C("img"), a = N(), c && c.c(), u(o, "alt", "GoA Logo"), u(o, "class", "image-mobile svelte-grdfhp"), Ht(o.src, i = ba) || u(o, "src", i), u(l, "alt", "GoA Logo"), u(l, "class", "image-desktop svelte-grdfhp"), Ht(l.src, r = pa) || u(l, "src", r), u(
|
|
1682
1682
|
e,
|
|
1683
1683
|
"href",
|
|
1684
1684
|
/*url*/
|
|
1685
1685
|
t[1]
|
|
1686
|
-
), u(e, "class", "header-logo-title-area svelte-
|
|
1686
|
+
), u(e, "class", "header-logo-title-area svelte-grdfhp"), u(e, "data-testid", "url");
|
|
1687
1687
|
},
|
|
1688
1688
|
m(d, s) {
|
|
1689
1689
|
S(d, e, s), _(e, o), _(e, n), _(e, l), _(e, a), c && c.m(e, null);
|
|
@@ -1710,7 +1710,7 @@ function wi(t) {
|
|
|
1710
1710
|
e = C("span"), o = ce(
|
|
1711
1711
|
/*heading*/
|
|
1712
1712
|
t[0]
|
|
1713
|
-
), u(e, "data-testid", "title"), u(e, "class", "title svelte-
|
|
1713
|
+
), u(e, "data-testid", "title"), u(e, "class", "title svelte-grdfhp");
|
|
1714
1714
|
},
|
|
1715
1715
|
m(i, n) {
|
|
1716
1716
|
S(i, e, n), _(e, o);
|
|
@@ -1735,7 +1735,7 @@ function _i(t) {
|
|
|
1735
1735
|
e = C("span"), o = ce(
|
|
1736
1736
|
/*heading*/
|
|
1737
1737
|
t[0]
|
|
1738
|
-
), u(e, "data-testid", "title"), u(e, "class", "title svelte-
|
|
1738
|
+
), u(e, "data-testid", "title"), u(e, "class", "title svelte-grdfhp");
|
|
1739
1739
|
},
|
|
1740
1740
|
m(i, n) {
|
|
1741
1741
|
S(i, e, n), _(e, o);
|
|
@@ -1759,12 +1759,12 @@ function ki(t) {
|
|
|
1759
1759
|
return {
|
|
1760
1760
|
c() {
|
|
1761
1761
|
e = C("div"), o = C("button"), i = ce(`Menu
|
|
1762
|
-
`), r && r.c(), u(o, "data-testid", "menu-toggle"), u(o, "class", "svelte-
|
|
1762
|
+
`), r && r.c(), u(o, "data-testid", "menu-toggle"), u(o, "class", "svelte-grdfhp"), D(
|
|
1763
1763
|
o,
|
|
1764
1764
|
"menu-open",
|
|
1765
1765
|
/*_showMenu*/
|
|
1766
1766
|
t[9]
|
|
1767
|
-
), u(e, "class", "menu-toggle-area svelte-
|
|
1767
|
+
), u(e, "class", "menu-toggle-area svelte-grdfhp");
|
|
1768
1768
|
},
|
|
1769
1769
|
m(a, c) {
|
|
1770
1770
|
S(a, e, c), _(e, o), _(o, i), r && r.m(o, null), t[23](o), n || (l = ae(o, "click", function() {
|
|
@@ -1807,7 +1807,7 @@ function Ci(t) {
|
|
|
1807
1807
|
return {
|
|
1808
1808
|
c() {
|
|
1809
1809
|
e = C("goa-icon"), h(e, "type", o = /*_showMenu*/
|
|
1810
|
-
t[9] ? "chevron-up" : "chevron-down"), h(e, "mt", "2"), h(e, "class", "svelte-
|
|
1810
|
+
t[9] ? "chevron-up" : "chevron-down"), h(e, "mt", "2"), h(e, "class", "svelte-grdfhp");
|
|
1811
1811
|
},
|
|
1812
1812
|
m(i, n) {
|
|
1813
1813
|
S(i, e, n);
|
|
@@ -1831,12 +1831,12 @@ function yi(t) {
|
|
|
1831
1831
|
return {
|
|
1832
1832
|
c() {
|
|
1833
1833
|
e = C("goa-popover"), o = C("div"), i = C("button"), n = ce(`Menu
|
|
1834
|
-
`), d && d.c(), l = N(), s && s.c(), u(i, "data-testid", "menu-toggle"), u(i, "class", "svelte-
|
|
1834
|
+
`), d && d.c(), l = N(), s && s.c(), u(i, "data-testid", "menu-toggle"), u(i, "class", "svelte-grdfhp"), D(
|
|
1835
1835
|
i,
|
|
1836
1836
|
"menu-open",
|
|
1837
1837
|
/*_showMenu*/
|
|
1838
1838
|
t[9]
|
|
1839
|
-
), u(o, "slot", "target"), u(o, "class", "menu-toggle-area svelte-
|
|
1839
|
+
), u(o, "slot", "target"), u(o, "class", "menu-toggle-area svelte-grdfhp"), h(e, "class", "app-header-popover svelte-grdfhp"), h(e, "context", "menu-toggle-area"), h(e, "minwidth", "16rem"), h(e, "focusborderwidth", "0"), h(e, "borderradius", "4"), h(e, "padded", "false"), h(e, "tabindex", "-1"), h(e, "height", "full"), h(e, "position", "below");
|
|
1840
1840
|
},
|
|
1841
1841
|
m(f, g) {
|
|
1842
1842
|
S(f, e, g), _(e, o), _(o, i), _(i, n), d && d.m(i, null), t[24](i), _(e, l), s && s.m(e, null), r = !0, a || (c = [
|
|
@@ -1903,7 +1903,7 @@ function zi(t) {
|
|
|
1903
1903
|
return {
|
|
1904
1904
|
c() {
|
|
1905
1905
|
e = C("goa-icon"), h(e, "type", o = /*_showMenu*/
|
|
1906
|
-
t[9] ? "chevron-up" : "chevron-down"), h(e, "mt", "2"), h(e, "class", "svelte-
|
|
1906
|
+
t[9] ? "chevron-up" : "chevron-down"), h(e, "mt", "2"), h(e, "class", "svelte-grdfhp");
|
|
1907
1907
|
},
|
|
1908
1908
|
m(i, n) {
|
|
1909
1909
|
S(i, e, n);
|
|
@@ -1932,7 +1932,7 @@ function Li(t) {
|
|
|
1932
1932
|
);
|
|
1933
1933
|
return {
|
|
1934
1934
|
c() {
|
|
1935
|
-
e = C("div"), n && n.c(), u(e, "data-testid", "slot"), u(e, "class", "svelte-
|
|
1935
|
+
e = C("div"), n && n.c(), u(e, "data-testid", "slot"), u(e, "class", "svelte-grdfhp");
|
|
1936
1936
|
},
|
|
1937
1937
|
m(l, r) {
|
|
1938
1938
|
S(l, e, r), n && n.m(e, null), t[25](e), o = !0;
|
|
@@ -1983,7 +1983,7 @@ function Mi(t) {
|
|
|
1983
1983
|
);
|
|
1984
1984
|
return {
|
|
1985
1985
|
c() {
|
|
1986
|
-
e = C("div"), n && n.c(), We(e, "display", "none"), u(e, "class", "svelte-
|
|
1986
|
+
e = C("div"), n && n.c(), We(e, "display", "none"), u(e, "class", "svelte-grdfhp");
|
|
1987
1987
|
},
|
|
1988
1988
|
m(l, r) {
|
|
1989
1989
|
S(l, e, r), n && n.m(e, null), t[26](e), o = !0;
|
|
@@ -2034,7 +2034,7 @@ function qi(t) {
|
|
|
2034
2034
|
);
|
|
2035
2035
|
return {
|
|
2036
2036
|
c() {
|
|
2037
|
-
e = C("div"), n && n.c(), u(e, "data-testid", "slot"), u(e, "class", "content-area svelte-
|
|
2037
|
+
e = C("div"), n && n.c(), u(e, "data-testid", "slot"), u(e, "class", "content-area svelte-grdfhp");
|
|
2038
2038
|
},
|
|
2039
2039
|
m(l, r) {
|
|
2040
2040
|
S(l, e, r), n && n.m(e, null), t[27](e), o = !0;
|
|
@@ -2103,7 +2103,7 @@ function P1(t) {
|
|
|
2103
2103
|
);
|
|
2104
2104
|
return {
|
|
2105
2105
|
c() {
|
|
2106
|
-
e = C("div"), o = C("div"), v.c(), i = N(), m && m.c(), n = N(), b && b.c(), l = N(), k && k.c(), r = N(), p && p.c(), u(o, "class", "layout svelte-
|
|
2106
|
+
e = C("div"), o = C("div"), v.c(), i = N(), m && m.c(), n = N(), b && b.c(), l = N(), k && k.c(), r = N(), p && p.c(), u(o, "class", "layout svelte-grdfhp"), u(e, "class", "container svelte-grdfhp"), u(
|
|
2107
2107
|
e,
|
|
2108
2108
|
"data-testid",
|
|
2109
2109
|
/*testid*/
|