@abgov/web-components 1.17.0-alpha.4 → 1.17.0-alpha.5

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/web-components",
3
- "version": "1.17.0-alpha.4",
3
+ "version": "1.17.0-alpha.5",
4
4
  "description": "Government of Alberta - UI Web components",
5
5
  "bugs": {
6
6
  "url": "https://github.com/GovAlta/ui-components/issues"
@@ -2058,7 +2058,7 @@ function instance$U($$self, $$props, $$invalidate) {
2058
2058
 
2059
2059
  // *Menu* children count
2060
2060
  // When in mobile mode, while the children are not visible the children are rendered in a div[display: none]
2061
- // element to allow for the children count to be obtained.
2061
+ // element to allow for the children count to be obtained.
2062
2062
  async function hasChildren() {
2063
2063
  var _a;
2064
2064
  await tick();
@@ -2158,7 +2158,7 @@ class AppHeader extends SvelteElement {
2158
2158
  const style = document.createElement('style');
2159
2159
 
2160
2160
  style.textContent = `*,::slotted(*){font:var(--goa-typography-body-s)}.container{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-white)}.title{margin-left:var(--goa-space-s);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--goa-color-text-default)}.layout{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:3.375rem auto;grid-template-areas:"header menu"
2161
- "links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}::slotted(a:hover){background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media screen and (max-width: 623px){.image-desktop{display:none}.image-mobile{display:block}.show-menu{border-bottom:var(--goa-border-width-m) solid var(--goa-color-greyscale-200)}}@media screen and (max-width: 623px){@media not (max-color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media screen and (min-width: 624px) and (max-width: 1023px){.image-desktop{display:block}.image-mobile{display:none}}@media screen and (min-width: 1024px){.image-desktop{display:block}.image-mobile{display:none}.layout{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%)}.header-logo-title-area{grid-area:header;display:flex;align-items:center;grid-template-rows:3.375rem auto;color:inherit;flex:1 1 auto}.content-area{grid-area:menu;display:flex;align-items:stretch}::slotted(goa-app-header-menu),::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default);font-weight:var(--goa-font-weight-bold);grid-template-rows:3.375rem auto;display:inline-flex;align-items:center;padding:0 0.75rem}::slotted(goa-app-header-menu){padding:0}::slotted(a:focus-within),::slotted(goa-app-header-menu:focus-within),::slotted(a:hover),::slotted(goa-app-header-menu:hover){background:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}::slotted(a:focus),::slotted(goa-app-header-menu:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.current){border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}::slotted(a.current:hover){border-top:4px solid var(--goa-color-interactive-hover)}::slotted(a.interactive){font-weight:var(--goa-font-weight-medium);text-decoration:underline;color:var(--goa-color-interactive-default);padding:0 var(--goa-space-m)}::slotted(a.interactive:hover){color:var(--goa-color-interactive-hover)}::slotted(a.interactive.current){border-color:transparent;margin-left:var(--goa-space-m)}}`;
2161
+ "links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap}::slotted(a:hover){background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media screen and (max-width: 623px){.image-desktop{display:none}.image-mobile{display:block}.show-menu{border-bottom:var(--goa-border-width-m) solid var(--goa-color-greyscale-200)}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}}@media screen and (max-width: 623px){@media not (max-color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media screen and (min-width: 624px) and (max-width: 1023px){.image-desktop{display:block}.image-mobile{display:none}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}}@media screen and (min-width: 1024px){.image-desktop{display:block}.image-mobile{display:none}.layout{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%)}.header-logo-title-area{grid-area:header;display:flex;align-items:center;grid-template-rows:3.375rem auto;color:inherit;flex:1 1 auto}.content-area{grid-area:menu;display:flex;align-items:stretch}::slotted(goa-app-header-menu),::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default);font-weight:var(--goa-font-weight-bold);grid-template-rows:3.375rem auto;display:inline-flex;align-items:center;padding:0 0.75rem}::slotted(goa-app-header-menu){padding:0}::slotted(a:focus-within),::slotted(goa-app-header-menu:focus-within),::slotted(a:hover),::slotted(goa-app-header-menu:hover){background:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}::slotted(a:focus),::slotted(goa-app-header-menu:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.current){border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}::slotted(a.current:hover){border-top:4px solid var(--goa-color-interactive-hover)}::slotted(a.interactive){font-weight:var(--goa-font-weight-medium);text-decoration:underline;color:var(--goa-color-interactive-default);padding:0 var(--goa-space-m)}::slotted(a.interactive:hover){color:var(--goa-color-interactive-hover)}::slotted(a.interactive.current){border-color:transparent;margin-left:var(--goa-space-m)}}`;
2162
2162
 
2163
2163
  this.shadowRoot.appendChild(style);
2164
2164
 
@@ -6,7 +6,7 @@ var __vite_style__=document.createElement("style");__vite_style__.innerHTML=`@im
6
6
  goa-accordion
7
7
  `),u(e,"data-testid",i[3])},m(T,M){C(T,e,M),v(e,t),v(t,r),v(r,n),v(r,o),v(r,l),v(l,s),v(s,c),v(l,g),v(l,h),v(h,b),v(l,y),v(l,p),i[13](l),v(t,H),v(t,S),E||(x=[j(r,"mouseover",i[14]),j(r,"mouseout",i[15]),j(r,"focus",i[16]),j(r,"blur",i[17])],E=!0)},p(T,[M]){M&256&&a!==(a=T[8]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")&&k(n,"fillcolor",a),M&1&&re(c,T[0]),M&4&&d!==(d="heading heading-"+T[2])&&u(s,"class",d),M&8&&f!==(f=`${T[3]}-heading`)&&u(s,"data-testid",f),M&2&&re(b,T[1]),M&1024&&N(p,"heading-content-top",T[10].length),M&4&&w!==(w=`container-${T[2]}`)&&u(r,"class",w),M&2048&&(t.open=T[11]),M&240&&P!==(P=te(T[4],T[5],T[6],T[7]))&&u(e,"style",P),M&8&&u(e,"data-testid",T[3])},i:z,o:z,d(T){T&&L(e),i[13](null),E=!1,Ce(x)}}}function $n(i,e,t){let r;const[n,a]=fe("Accordion heading size",["small","medium"]);let{open:o="false"}=e,{heading:l=""}=e,{secondarytext:s=""}=e,{headingsize:c="small"}=e,{testid:d=""}=e,{mt:f=null}=e,{mr:g=null}=e,{mb:h="xs"}=e,{ml:b=null}=e,y=!1,p=null,w=[];ae(()=>{vt("GoAAccordion",{heading:l}),a(c),t(10,w=H())});function H(){if(p){const M=p.querySelector("slot");return M?[...M.assignedElements()]:[...p.children]}return[]}function S(M){ee[M?"unshift":"push"](()=>{p=M,t(9,p)})}const P=()=>t(8,y=!0),E=()=>t(8,y=!1),x=()=>t(8,y=!1),T=()=>t(8,y=!1);return i.$$set=M=>{"open"in M&&t(12,o=M.open),"heading"in M&&t(0,l=M.heading),"secondarytext"in M&&t(1,s=M.secondarytext),"headingsize"in M&&t(2,c=M.headingsize),"testid"in M&&t(3,d=M.testid),"mt"in M&&t(4,f=M.mt),"mr"in M&&t(5,g=M.mr),"mb"in M&&t(6,h=M.mb),"ml"in M&&t(7,b=M.ml)},i.$$.update=()=>{i.$$.dirty&4096&&t(11,r=se(o))},[l,s,c,d,f,g,h,b,y,p,w,r,o,S,P,E,x,T]}class ea extends X{constructor(e){super();const t=document.createElement("style");t.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4)}.goa-accordion,.goa-accordion *{box-sizing:border-box}summary{min-height:3.5rem;border-width:var(--goa-border-width-s);border-style:solid;border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-text-default);;;padding:0.875rem 1rem 0 0;cursor:pointer;list-style:none;display:flex;align-items:flex-start;position:relative}summary.container-medium{min-height:4rem}summary::marker,summary::-webkit-details-marker{display:none}summary .title{display:flex;align-items:center;flex:1}.title span{padding-bottom:var(--goa-space-3xs, 0)}summary .heading{font:var(--goa-typography-heading-s);padding-right:1rem}summary .secondary-text{font:var(--goa-typography-body-s);line-height:1.5rem;padding-right:1rem}summary .heading-content{flex:1
8
8
  }.content{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-left:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-right:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);padding:1.5rem;padding-left:3.5rem;padding-right:2rem}.content ::slotted(p:last-child){margin-bottom:0 !important}summary goa-icon{padding:0.125rem 1rem}summary.container-medium goa-icon{padding:0.375rem 1rem}details[open] goa-icon{transform:rotate(90deg)}details[open] summary{border-bottom-left-radius:var(--goa-border-radius-none);border-bottom-right-radius:var(--goa-border-radius-none)}summary:hover{background-color:var(--goa-color-greyscale-200)}summary:focus,summary:active{background-color:var(--goa-color-greyscale-100);outline:none}summary:active::before,summary:focus::before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);border-radius:4px}summary .heading.heading-medium{line-height:2rem;font:var(--goa-typography-heading-m)}@media screen and (max-width: 623px){summary{align-items:flex-start}summary .title{flex-direction:column;align-items:flex-start;padding-bottom:0.875rem}summary .title span{padding-bottom:0}summary .heading-content.heading-content-top{margin-top:var(--goa-space-xs)}}`,this.shadowRoot.appendChild(t),J(this,{target:this.shadowRoot,props:Q(this.attributes),customElement:!0},$n,Jn,K,{open:12,heading:0,secondarytext:1,headingsize:2,testid:3,mt:4,mr:5,mb:6,ml:7},null),e&&(e.target&&C(e.target,this,e.anchor),e.props&&(this.$set(e.props),m()))}static get observedAttributes(){return["open","heading","secondarytext","headingsize","testid","mt","mr","mb","ml"]}get open(){return this.$$.ctx[12]}set open(e){this.$$set({open:e}),m()}get heading(){return this.$$.ctx[0]}set heading(e){this.$$set({heading:e}),m()}get secondarytext(){return this.$$.ctx[1]}set secondarytext(e){this.$$set({secondarytext:e}),m()}get headingsize(){return this.$$.ctx[2]}set headingsize(e){this.$$set({headingsize:e}),m()}get testid(){return this.$$.ctx[3]}set testid(e){this.$$set({testid:e}),m()}get mt(){return this.$$.ctx[4]}set mt(e){this.$$set({mt:e}),m()}get mr(){return this.$$.ctx[5]}set mr(e){this.$$set({mr:e}),m()}get mb(){return this.$$.ctx[6]}set mb(e){this.$$set({mb:e}),m()}get ml(){return this.$$.ctx[7]}set ml(e){this.$$set({ml:e}),m()}}customElements.define("goa-accordion",ea);const Yt=624,jt=1024,{window:mi}=Ft;function ta(i){let e,t,r,n,a,o,l,s=i[0]&&bi(i);return{c(){e=_("div"),t=_("img"),n=R(),a=_("img"),l=R(),s&&s.c(),u(t,"alt","GoA Logo"),u(t,"class","image-mobile"),Ct(t.src,r=Ci)||u(t,"src",r),u(a,"alt","GoA Logo"),u(a,"class","image-desktop"),Ct(a.src,o=xi)||u(a,"src",o),u(e,"class","header-logo-title-area")},m(c,d){C(c,e,d),v(e,t),v(e,n),v(e,a),v(e,l),s&&s.m(e,null)},p(c,d){c[0]?s?s.p(c,d):(s=bi(c),s.c(),s.m(e,null)):s&&(s.d(1),s=null)},d(c){c&&L(e),s&&s.d()}}}function ia(i){let e,t,r,n,a,o,l,s=i[0]&&vi(i);return{c(){e=_("a"),t=_("img"),n=R(),a=_("img"),l=R(),s&&s.c(),u(t,"alt","GoA Logo"),u(t,"class","image-mobile"),Ct(t.src,r=Ci)||u(t,"src",r),u(a,"alt","GoA Logo"),u(a,"class","image-desktop"),Ct(a.src,o=xi)||u(a,"src",o),u(e,"href",i[1]),u(e,"class","header-logo-title-area"),u(e,"data-testid","url")},m(c,d){C(c,e,d),v(e,t),v(e,n),v(e,a),v(e,l),s&&s.m(e,null)},p(c,d){c[0]?s?s.p(c,d):(s=vi(c),s.c(),s.m(e,null)):s&&(s.d(1),s=null),d&2&&u(e,"href",c[1])},d(c){c&&L(e),s&&s.d()}}}function bi(i){let e,t;return{c(){e=_("span"),t=Z(i[0]),u(e,"data-testid","title"),u(e,"class","title")},m(r,n){C(r,e,n),v(e,t)},p(r,n){n&1&&re(t,r[0])},d(r){r&&L(e)}}}function vi(i){let e,t;return{c(){e=_("span"),t=Z(i[0]),u(e,"data-testid","title"),u(e,"class","title")},m(r,n){C(r,e,n),v(e,t)},p(r,n){n&1&&re(t,r[0])},d(r){r&&L(e)}}}function pi(i){let e,t,r,n,a,o;return{c(){e=_("button"),t=Z("Menu "),r=_("goa-icon"),k(r,"type",n=i[8]?"chevron-up":"chevron-down"),k(r,"mt","1"),u(e,"class","menu-toggle-area"),u(e,"data-testid","menu-toggle")},m(l,s){C(l,e,s),v(e,t),v(e,r),a||(o=j(e,"click",i[11]),a=!0)},p(l,s){s&256&&n!==(n=l[8]?"chevron-up":"chevron-down")&&k(r,"type",n)},d(l){l&&L(e),a=!1,o()}}}function wi(i){let e,t,r,n,a,o,l,s,c,d=i[8]&&_i(i);return{c(){e=_("goa-popover"),t=_("div"),r=_("button"),n=Z("Menu "),a=_("goa-icon"),l=R(),d&&d.c(),k(a,"type",o=i[8]?"chevron-up":"chevron-down"),k(a,"mt","1"),u(r,"class","menu-toggle-area"),u(r,"data-testid","menu-toggle"),u(t,"slot","target"),k(e,"class","menu"),k(e,"open",i[8]),k(e,"context","app-header-menu"),k(e,"focusborderwidth","0"),k(e,"borderradius","0"),k(e,"padded","false"),k(e,"width","16rem"),k(e,"tabindex","-1"),k(e,"position","below")},m(f,g){C(f,e,g),v(e,t),v(t,r),v(r,n),v(r,a),v(e,l),d&&d.m(e,null),s||(c=[j(r,"click",i[11]),j(e,"_close",i[12])],s=!0)},p(f,g){g&256&&o!==(o=f[8]?"chevron-up":"chevron-down")&&k(a,"type",o),f[8]?d?d.p(f,g):(d=_i(f),d.c(),d.m(e,null)):d&&(d.d(1),d=null),g&256&&k(e,"open",f[8])},d(f){f&&L(e),d&&d.d(),s=!1,Ce(c)}}}function _i(i){let e;return{c(){e=_("div"),e.innerHTML="<slot></slot>",u(e,"data-testid","slot")},m(t,r){C(t,e,r),i[14](e)},p:z,d(t){t&&L(e),i[14](null)}}}function yi(i){let e;return{c(){e=_("div"),e.innerHTML="<slot></slot>",ge(e,"display","none")},m(t,r){C(t,e,r),i[15](e)},p:z,d(t){t&&L(e),i[15](null)}}}function ki(i){let e;return{c(){e=_("div"),e.innerHTML="<slot></slot>",u(e,"data-testid","slot"),u(e,"class","content-area")},m(t,r){C(t,e,r),i[16](e)},p:z,d(t){t&&L(e),i[16](null)}}}function ra(i){let e,t,r,n,a,o,l,s,c;De(i[13]);function d(w,H){return w[1]?ia:ta}let f=d(i),g=f(i),h=i[7]&&i[10]&&pi(i),b=i[7]&&i[9]&&wi(i),y=!i[8]&&(i[10]||i[9])&&yi(i),p=(i[8]&&i[10]||i[5])&&ki(i);return{c(){e=_("div"),t=_("div"),g.c(),r=R(),h&&h.c(),n=R(),b&&b.c(),a=R(),y&&y.c(),o=R(),p&&p.c(),this.c=z,u(t,"class","layout"),u(e,"class","container"),u(e,"data-testid",i[2]),u(e,"style",l=`--max-content-width: ${i[3]||"100%"}`),N(e,"show-menu",i[8])},m(w,H){C(w,e,H),v(e,t),g.m(t,null),v(t,r),h&&h.m(t,null),v(t,n),b&&b.m(t,null),v(t,a),y&&y.m(t,null),v(t,o),p&&p.m(t,null),s||(c=j(mi,"resize",i[13]),s=!0)},p(w,[H]){f===(f=d(w))&&g?g.p(w,H):(g.d(1),g=f(w),g&&(g.c(),g.m(t,r))),w[7]&&w[10]?h?h.p(w,H):(h=pi(w),h.c(),h.m(t,n)):h&&(h.d(1),h=null),w[7]&&w[9]?b?b.p(w,H):(b=wi(w),b.c(),b.m(t,a)):b&&(b.d(1),b=null),!w[8]&&(w[10]||w[9])?y?y.p(w,H):(y=yi(w),y.c(),y.m(t,o)):y&&(y.d(1),y=null),w[8]&&w[10]||w[5]?p?p.p(w,H):(p=ki(w),p.c(),p.m(t,null)):p&&(p.d(1),p=null),H&4&&u(e,"data-testid",w[2]),H&8&&l!==(l=`--max-content-width: ${w[3]||"100%"}`)&&u(e,"style",l),H&256&&N(e,"show-menu",w[8])},i:z,o:z,d(w){w&&L(e),g.d(),h&&h.d(),b&&b.d(),y&&y.d(),p&&p.d(),s=!1,c()}}}const Ci="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E",xi="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E";function na(i,e,t){let r,n,a,{heading:o=""}=e,{url:l=""}=e,{testid:s=""}=e,{maxcontentwidth:c=""}=e,d,f=window.innerWidth,g=!1,h=!1;const b=()=>t(8,h=!h),y=()=>t(8,h=!1);ae(()=>{window.addEventListener("popstate",()=>{p(),a||y()},!0),p()});function p(){if(!d)return;const x=d.querySelector("slot");if(!x)return;const T=x.assignedElements().filter(M=>M.tagName==="A").map(M=>(M.classList.remove("current"),M)).find(M=>{const A=M.href,O=`${window.location.pathname}${window.location.search}${window.location.hash}`;return A.endsWith(O)});T&&T.classList.add("current")}async function w(){var x;if(await xe(),!d)return;const T=d?.childNodes[0],M=(x=T.assignedElements)===null||x===void 0?void 0:x.call(T);return M?M.length>0:[...d.querySelectorAll("a")].length>0}function H(){t(4,f=mi.innerWidth)}function S(x){ee[x?"unshift":"push"](()=>{d=x,t(6,d)})}function P(x){ee[x?"unshift":"push"](()=>{d=x,t(6,d)})}function E(x){ee[x?"unshift":"push"](()=>{d=x,t(6,d)})}return i.$$set=x=>{"heading"in x&&t(0,o=x.heading),"url"in x&&t(1,l=x.url),"testid"in x&&t(2,s=x.testid),"maxcontentwidth"in x&&t(3,c=x.maxcontentwidth)},i.$$.update=()=>{i.$$.dirty&16&&t(10,r=f<Yt),i.$$.dirty&16&&t(9,n=f>=Yt&&f<jt),i.$$.dirty&16&&t(5,a=f>=jt),i.$$.dirty&32&&(async()=>t(7,g=!a&&await w()))()},[o,l,s,c,f,a,d,g,h,n,r,b,y,H,S,P,E]}class aa extends X{constructor(e){super();const t=document.createElement("style");t.textContent=`*,::slotted(*){font:var(--goa-typography-body-s)}.container{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-white)}.title{margin-left:var(--goa-space-s);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--goa-color-text-default)}.layout{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:3.375rem auto;grid-template-areas:"header menu"
9
- "links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}::slotted(a:hover){background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media screen and (max-width: 623px){.image-desktop{display:none}.image-mobile{display:block}.show-menu{border-bottom:var(--goa-border-width-m) solid var(--goa-color-greyscale-200)}}@media screen and (max-width: 623px){@media not (max-color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media screen and (min-width: 624px) and (max-width: 1023px){.image-desktop{display:block}.image-mobile{display:none}}@media screen and (min-width: 1024px){.image-desktop{display:block}.image-mobile{display:none}.layout{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%)}.header-logo-title-area{grid-area:header;display:flex;align-items:center;grid-template-rows:3.375rem auto;color:inherit;flex:1 1 auto}.content-area{grid-area:menu;display:flex;align-items:stretch}::slotted(goa-app-header-menu),::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default);font-weight:var(--goa-font-weight-bold);grid-template-rows:3.375rem auto;display:inline-flex;align-items:center;padding:0 0.75rem}::slotted(goa-app-header-menu){padding:0}::slotted(a:focus-within),::slotted(goa-app-header-menu:focus-within),::slotted(a:hover),::slotted(goa-app-header-menu:hover){background:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}::slotted(a:focus),::slotted(goa-app-header-menu:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.current){border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}::slotted(a.current:hover){border-top:4px solid var(--goa-color-interactive-hover)}::slotted(a.interactive){font-weight:var(--goa-font-weight-medium);text-decoration:underline;color:var(--goa-color-interactive-default);padding:0 var(--goa-space-m)}::slotted(a.interactive:hover){color:var(--goa-color-interactive-hover)}::slotted(a.interactive.current){border-color:transparent;margin-left:var(--goa-space-m)}}`,this.shadowRoot.appendChild(t),J(this,{target:this.shadowRoot,props:Q(this.attributes),customElement:!0},na,ra,K,{heading:0,url:1,testid:2,maxcontentwidth:3},null),e&&(e.target&&C(e.target,this,e.anchor),e.props&&(this.$set(e.props),m()))}static get observedAttributes(){return["heading","url","testid","maxcontentwidth"]}get heading(){return this.$$.ctx[0]}set heading(e){this.$$set({heading:e}),m()}get url(){return this.$$.ctx[1]}set url(e){this.$$set({url:e}),m()}get testid(){return this.$$.ctx[2]}set testid(e){this.$$set({testid:e}),m()}get maxcontentwidth(){return this.$$.ctx[3]}set maxcontentwidth(e){this.$$set({maxcontentwidth:e}),m()}}customElements.define("goa-app-header",aa);function oa(i){let e;return{c(){e=_("div"),ge(e,"height","1.2rem"),ge(e,"margin-left","-0.25rem")},m(t,r){C(t,e,r)},p:z,d(t){t&&L(e)}}}function la(i){let e,t,r;return{c(){e=_("goa-icon"),k(e,"arialabel",t=i[9]&&i[3]?i[3]:null),k(e,"role",r=i[9]&&i[3]?"presentation":null),k(e,"type",i[10]),k(e,"size","small")},m(n,a){C(n,e,a)},p(n,a){a&520&&t!==(t=n[9]&&n[3]?n[3]:null)&&k(e,"arialabel",t),a&520&&r!==(r=n[9]&&n[3]?"presentation":null)&&k(e,"role",r),a&1024&&k(e,"type",n[10])},d(n){n&&L(e)}}}function Ei(i){let e,t;return{c(){e=_("div"),t=Z(i[2]),u(e,"class","goa-badge-content")},m(r,n){C(r,e,n),v(e,t)},p(r,n){n&4&&re(t,r[2])},d(r){r&&L(e)}}}function sa(i){let e,t,r,n;function a(c,d){return c[8]?la:oa}let o=a(i),l=o(i),s=i[2]&&Ei(i);return{c(){e=_("div"),l.c(),t=R(),s&&s.c(),this.c=z,u(e,"style",r=te(i[4],i[5],i[6],i[7])),u(e,"data-testid",i[1]),u(e,"data-type","goa-badge"),u(e,"class",n="goa-badge badge-"+i[0]),N(e,"icon-only",i[9])},m(c,d){C(c,e,d),l.m(e,null),v(e,t),s&&s.m(e,null)},p(c,[d]){o===(o=a(c))&&l?l.p(c,d):(l.d(1),l=o(c),l&&(l.c(),l.m(e,t))),c[2]?s?s.p(c,d):(s=Ei(c),s.c(),s.m(e,null)):s&&(s.d(1),s=null),d&240&&r!==(r=te(c[4],c[5],c[6],c[7]))&&u(e,"style",r),d&2&&u(e,"data-testid",c[1]),d&1&&n!==(n="goa-badge badge-"+c[0])&&u(e,"class",n),d&513&&N(e,"icon-only",c[9])},i:z,o:z,d(c){c&&L(e),l.d(),s&&s.d()}}}function ca(i,e,t){let r,n,a;const[o,l]=fe("Badge type",["success","important","information","emergency","dark","midtone","light"],!0);let{type:s}=e,{testid:c=""}=e,{content:d=""}=e,{icon:f="false"}=e,{arialabel:g=""}=e,{mt:h=null}=e,{mr:b=null}=e,{mb:y=null}=e,{ml:p=null}=e;return ae(()=>{setTimeout(()=>l(s),1),!r&&!d&&console.warn("GoABadge must have either then content or icon property set"),n&&!g&&console.warn("GoABadge with icon only requires an arialabel")}),i.$$set=w=>{"type"in w&&t(0,s=w.type),"testid"in w&&t(1,c=w.testid),"content"in w&&t(2,d=w.content),"icon"in w&&t(11,f=w.icon),"arialabel"in w&&t(3,g=w.arialabel),"mt"in w&&t(4,h=w.mt),"mr"in w&&t(5,b=w.mr),"mb"in w&&t(6,y=w.mb),"ml"in w&&t(7,p=w.ml)},i.$$.update=()=>{i.$$.dirty&2048&&t(8,r=se(f)),i.$$.dirty&260&&t(9,n=r&&!d),i.$$.dirty&1&&t(10,a={success:"checkmark-circle",important:"alert-circle",information:"information-circle",emergency:"warning",dark:"information-circle",midtone:"information-circle",light:"information-circle"}[s])},[s,c,d,g,h,b,y,p,r,n,a,f]}class da extends X{constructor(e){super();const t=document.createElement("style");t.textContent=":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}",this.shadowRoot.appendChild(t),J(this,{target:this.shadowRoot,props:Q(this.attributes),customElement:!0},ca,sa,K,{type:0,testid:1,content:2,icon:11,arialabel:3,mt:4,mr:5,mb:6,ml:7},null),e&&(e.target&&C(e.target,this,e.anchor),e.props&&(this.$set(e.props),m()))}static get observedAttributes(){return["type","testid","content","icon","arialabel","mt","mr","mb","ml"]}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),m()}get testid(){return this.$$.ctx[1]}set testid(e){this.$$set({testid:e}),m()}get content(){return this.$$.ctx[2]}set content(e){this.$$set({content:e}),m()}get icon(){return this.$$.ctx[11]}set icon(e){this.$$set({icon:e}),m()}get arialabel(){return this.$$.ctx[3]}set arialabel(e){this.$$set({arialabel:e}),m()}get mt(){return this.$$.ctx[4]}set mt(e){this.$$set({mt:e}),m()}get mr(){return this.$$.ctx[5]}set mr(e){this.$$set({mr:e}),m()}get mb(){return this.$$.ctx[6]}set mb(e){this.$$set({mb:e}),m()}get ml(){return this.$$.ctx[7]}set ml(e){this.$$set({ml:e}),m()}}customElements.define("goa-badge",da);function ua(i){let e,t,r;return{c(){e=_("div"),t=_("slot"),this.c=z,u(e,"class","block"),u(e,"style",r=`
9
+ "links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap}::slotted(a:hover){background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media screen and (max-width: 623px){.image-desktop{display:none}.image-mobile{display:block}.show-menu{border-bottom:var(--goa-border-width-m) solid var(--goa-color-greyscale-200)}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}}@media screen and (max-width: 623px){@media not (max-color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media screen and (min-width: 624px) and (max-width: 1023px){.image-desktop{display:block}.image-mobile{display:none}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}}@media screen and (min-width: 1024px){.image-desktop{display:block}.image-mobile{display:none}.layout{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%)}.header-logo-title-area{grid-area:header;display:flex;align-items:center;grid-template-rows:3.375rem auto;color:inherit;flex:1 1 auto}.content-area{grid-area:menu;display:flex;align-items:stretch}::slotted(goa-app-header-menu),::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default);font-weight:var(--goa-font-weight-bold);grid-template-rows:3.375rem auto;display:inline-flex;align-items:center;padding:0 0.75rem}::slotted(goa-app-header-menu){padding:0}::slotted(a:focus-within),::slotted(goa-app-header-menu:focus-within),::slotted(a:hover),::slotted(goa-app-header-menu:hover){background:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}::slotted(a:focus),::slotted(goa-app-header-menu:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.current){border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}::slotted(a.current:hover){border-top:4px solid var(--goa-color-interactive-hover)}::slotted(a.interactive){font-weight:var(--goa-font-weight-medium);text-decoration:underline;color:var(--goa-color-interactive-default);padding:0 var(--goa-space-m)}::slotted(a.interactive:hover){color:var(--goa-color-interactive-hover)}::slotted(a.interactive.current){border-color:transparent;margin-left:var(--goa-space-m)}}`,this.shadowRoot.appendChild(t),J(this,{target:this.shadowRoot,props:Q(this.attributes),customElement:!0},na,ra,K,{heading:0,url:1,testid:2,maxcontentwidth:3},null),e&&(e.target&&C(e.target,this,e.anchor),e.props&&(this.$set(e.props),m()))}static get observedAttributes(){return["heading","url","testid","maxcontentwidth"]}get heading(){return this.$$.ctx[0]}set heading(e){this.$$set({heading:e}),m()}get url(){return this.$$.ctx[1]}set url(e){this.$$set({url:e}),m()}get testid(){return this.$$.ctx[2]}set testid(e){this.$$set({testid:e}),m()}get maxcontentwidth(){return this.$$.ctx[3]}set maxcontentwidth(e){this.$$set({maxcontentwidth:e}),m()}}customElements.define("goa-app-header",aa);function oa(i){let e;return{c(){e=_("div"),ge(e,"height","1.2rem"),ge(e,"margin-left","-0.25rem")},m(t,r){C(t,e,r)},p:z,d(t){t&&L(e)}}}function la(i){let e,t,r;return{c(){e=_("goa-icon"),k(e,"arialabel",t=i[9]&&i[3]?i[3]:null),k(e,"role",r=i[9]&&i[3]?"presentation":null),k(e,"type",i[10]),k(e,"size","small")},m(n,a){C(n,e,a)},p(n,a){a&520&&t!==(t=n[9]&&n[3]?n[3]:null)&&k(e,"arialabel",t),a&520&&r!==(r=n[9]&&n[3]?"presentation":null)&&k(e,"role",r),a&1024&&k(e,"type",n[10])},d(n){n&&L(e)}}}function Ei(i){let e,t;return{c(){e=_("div"),t=Z(i[2]),u(e,"class","goa-badge-content")},m(r,n){C(r,e,n),v(e,t)},p(r,n){n&4&&re(t,r[2])},d(r){r&&L(e)}}}function sa(i){let e,t,r,n;function a(c,d){return c[8]?la:oa}let o=a(i),l=o(i),s=i[2]&&Ei(i);return{c(){e=_("div"),l.c(),t=R(),s&&s.c(),this.c=z,u(e,"style",r=te(i[4],i[5],i[6],i[7])),u(e,"data-testid",i[1]),u(e,"data-type","goa-badge"),u(e,"class",n="goa-badge badge-"+i[0]),N(e,"icon-only",i[9])},m(c,d){C(c,e,d),l.m(e,null),v(e,t),s&&s.m(e,null)},p(c,[d]){o===(o=a(c))&&l?l.p(c,d):(l.d(1),l=o(c),l&&(l.c(),l.m(e,t))),c[2]?s?s.p(c,d):(s=Ei(c),s.c(),s.m(e,null)):s&&(s.d(1),s=null),d&240&&r!==(r=te(c[4],c[5],c[6],c[7]))&&u(e,"style",r),d&2&&u(e,"data-testid",c[1]),d&1&&n!==(n="goa-badge badge-"+c[0])&&u(e,"class",n),d&513&&N(e,"icon-only",c[9])},i:z,o:z,d(c){c&&L(e),l.d(),s&&s.d()}}}function ca(i,e,t){let r,n,a;const[o,l]=fe("Badge type",["success","important","information","emergency","dark","midtone","light"],!0);let{type:s}=e,{testid:c=""}=e,{content:d=""}=e,{icon:f="false"}=e,{arialabel:g=""}=e,{mt:h=null}=e,{mr:b=null}=e,{mb:y=null}=e,{ml:p=null}=e;return ae(()=>{setTimeout(()=>l(s),1),!r&&!d&&console.warn("GoABadge must have either then content or icon property set"),n&&!g&&console.warn("GoABadge with icon only requires an arialabel")}),i.$$set=w=>{"type"in w&&t(0,s=w.type),"testid"in w&&t(1,c=w.testid),"content"in w&&t(2,d=w.content),"icon"in w&&t(11,f=w.icon),"arialabel"in w&&t(3,g=w.arialabel),"mt"in w&&t(4,h=w.mt),"mr"in w&&t(5,b=w.mr),"mb"in w&&t(6,y=w.mb),"ml"in w&&t(7,p=w.ml)},i.$$.update=()=>{i.$$.dirty&2048&&t(8,r=se(f)),i.$$.dirty&260&&t(9,n=r&&!d),i.$$.dirty&1&&t(10,a={success:"checkmark-circle",important:"alert-circle",information:"information-circle",emergency:"warning",dark:"information-circle",midtone:"information-circle",light:"information-circle"}[s])},[s,c,d,g,h,b,y,p,r,n,a,f]}class da extends X{constructor(e){super();const t=document.createElement("style");t.textContent=":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}",this.shadowRoot.appendChild(t),J(this,{target:this.shadowRoot,props:Q(this.attributes),customElement:!0},ca,sa,K,{type:0,testid:1,content:2,icon:11,arialabel:3,mt:4,mr:5,mb:6,ml:7},null),e&&(e.target&&C(e.target,this,e.anchor),e.props&&(this.$set(e.props),m()))}static get observedAttributes(){return["type","testid","content","icon","arialabel","mt","mr","mb","ml"]}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),m()}get testid(){return this.$$.ctx[1]}set testid(e){this.$$set({testid:e}),m()}get content(){return this.$$.ctx[2]}set content(e){this.$$set({content:e}),m()}get icon(){return this.$$.ctx[11]}set icon(e){this.$$set({icon:e}),m()}get arialabel(){return this.$$.ctx[3]}set arialabel(e){this.$$set({arialabel:e}),m()}get mt(){return this.$$.ctx[4]}set mt(e){this.$$set({mt:e}),m()}get mr(){return this.$$.ctx[5]}set mr(e){this.$$set({mr:e}),m()}get mb(){return this.$$.ctx[6]}set mb(e){this.$$set({mb:e}),m()}get ml(){return this.$$.ctx[7]}set ml(e){this.$$set({ml:e}),m()}}customElements.define("goa-badge",da);function ua(i){let e,t,r;return{c(){e=_("div"),t=_("slot"),this.c=z,u(e,"class","block"),u(e,"style",r=`
10
10
  ${te(i[3],i[4],i[5],i[6])};
11
11
  --gap: var(--goa-space-${i[0]});
12
12
  --alignment: ${i[2]};