@abgov/web-components 1.12.1 → 1.12.2
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 +2 -2
- package/web-components.umd.js +2 -2
package/package.json
CHANGED
package/web-components.es.js
CHANGED
|
@@ -10383,7 +10383,7 @@ class Input extends SvelteElement {
|
|
|
10383
10383
|
super();
|
|
10384
10384
|
const style = document.createElement('style');
|
|
10385
10385
|
|
|
10386
|
-
style.textContent = `:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-
|
|
10386
|
+
style.textContent = `:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.goa-input-leading-content):not(.goa-input-trailing-content),.error:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
|
|
10387
10387
|
center center no-repeat}`;
|
|
10388
10388
|
|
|
10389
10389
|
this.shadowRoot.appendChild(style);
|
|
@@ -16014,7 +16014,7 @@ class TextArea extends SvelteElement {
|
|
|
16014
16014
|
super();
|
|
16015
16015
|
const style = document.createElement('style');
|
|
16016
16016
|
|
|
16017
|
-
style.textContent = `:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:
|
|
16017
|
+
style.textContent = `:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:var(--goa-space-s);box-sizing:border-box;font-family:var(--goa-font-family-sans)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;border:1px solid var(--goa-color-greyscale-700);border-radius:3px;color:var(--goa-color-greyscale-black, #ccc);padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);font-size:var(--goa-font-size-4);font-family:var(--goa-font-family-sans);min-width:100%;resize:vertical}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.goa-textarea:disabled,.goa-textarea:disabled:hover,.goa-textarea:disabled:active,.goa-textarea:disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--goa-font-size-2)}.counter-error{color:var(--goa-color-interactive-error)
|
|
16018
16018
|
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}`;
|
|
16019
16019
|
|
|
16020
16020
|
this.shadowRoot.appendChild(style);
|
package/web-components.umd.js
CHANGED
|
@@ -98,7 +98,7 @@ var __vite_style__=document.createElement("style");__vite_style__.innerHTML=`@im
|
|
|
98
98
|
`)&&u(t,"class",p),B[0]&226492546&&I(t,"error",M[27]),B[0]&1966592&&m!==(m=`
|
|
99
99
|
${K(M[17],M[18],M[19],M[20])};
|
|
100
100
|
--width: ${M[9]};
|
|
101
|
-
`)&&u(e,"style",m)},i:E,o:E,d(M){M&&L(e),T&&T.d(),z&&z.d(),i[37](null),V&&V.d(),R&&R.d(),H&&H.d(),i[38](null),x=!1,de(A)}}}function Zn(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:!0}))}function On(i,e,t){let o,r,n,a,l;const[s,c]=te("Input type",["text","number","password","email","date","datetime-local","month","range","search","tel","time","url","week"]),[d,f]=te("Input auto capitalize",["on","off","none","sentences","words","characters"]);let{type:g="text"}=e,{name:b=""}=e,{value:v=""}=e,{autocapitalize:y="off"}=e,{placeholder:p=""}=e,{leadingicon:m=null}=e,{trailingicon:x=null}=e,{variant:A="goa"}=e,{disabled:T="false"}=e,{handletrailingiconclick:z="false"}=e,{focused:V="false"}=e,{readonly:R="false"}=e,{error:H="false"}=e,{testid:M=""}=e,{width:B="30ch"}=e,{arialabel:re=null}=e,{min:Q=""}=e,{max:D=""}=e,{step:ne=1}=e,{prefix:ae=""}=e,{suffix:X=""}=e,{debounce:he=0}=e,{maxlength:Ae=null}=e,{mt:Re=null}=e,{mr:me=null}=e,{mb:N=null}=e,{ml:ce=null}=e,le,ge,Ce=!1,Fe=!1,De=null;function Se(Z){const Le=Z.target;!Le||n||(De!=null&&clearTimeout(De),De=setTimeout(()=>{Le.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{name:b,value:Le.value}}))},he),t(0,v=Le.value))}J(async()=>{await se(),c(g),f(y),(ae!=""||X!="")&&console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");const Z=ge.querySelector("slot[name=leadingContent]");Z&&Z.assignedNodes().length>0&&t(23,Ce=!0);const Le=ge.querySelector("slot[name=trailingContent]");Le&&Le.assignedNodes().length>0&&t(24,Fe=!0)});function We(Z){U[Z?"unshift":"push"](()=>{le=Z,t(21,le)})}function yt(Z){U[Z?"unshift":"push"](()=>{ge=Z,t(22,ge)})}return i.$$set=Z=>{"type"in Z&&t(1,g=Z.type),"name"in Z&&t(2,b=Z.name),"value"in Z&&t(0,v=Z.value),"autocapitalize"in Z&&t(3,y=Z.autocapitalize),"placeholder"in Z&&t(4,p=Z.placeholder),"leadingicon"in Z&&t(5,m=Z.leadingicon),"trailingicon"in Z&&t(6,x=Z.trailingicon),"variant"in Z&&t(7,A=Z.variant),"disabled"in Z&&t(30,T=Z.disabled),"handletrailingiconclick"in Z&&t(31,z=Z.handletrailingiconclick),"focused"in Z&&t(32,V=Z.focused),"readonly"in Z&&t(33,R=Z.readonly),"error"in Z&&t(34,H=Z.error),"testid"in Z&&t(8,M=Z.testid),"width"in Z&&t(9,B=Z.width),"arialabel"in Z&&t(10,re=Z.arialabel),"min"in Z&&t(11,Q=Z.min),"max"in Z&&t(12,D=Z.max),"step"in Z&&t(13,ne=Z.step),"prefix"in Z&&t(14,ae=Z.prefix),"suffix"in Z&&t(15,X=Z.suffix),"debounce"in Z&&t(35,he=Z.debounce),"maxlength"in Z&&t(16,Ae=Z.maxlength),"mt"in Z&&t(17,Re=Z.mt),"mr"in Z&&t(18,me=Z.mr),"mb"in Z&&t(19,N=Z.mb),"ml"in Z&&t(20,ce=Z.ml)},i.$$.update=()=>{i.$$.dirty[1]&1&&t(28,o=$(z)),i.$$.dirty[1]&2&&t(36,r=$(V)),i.$$.dirty[1]&4&&t(25,n=$(R)),i.$$.dirty[1]&8&&t(27,a=$(H)),i.$$.dirty[0]&1073741824&&t(26,l=$(T)),i.$$.dirty[0]&2097152|i.$$.dirty[1]&32&&r&&le&&setTimeout(()=>le.focus(),1),i.$$.dirty[0]&2097154&&le&&g==="search"&&le.addEventListener("search",Z=>{Se(Z)})},[v,g,b,y,p,m,x,A,M,B,re,Q,D,ne,ae,X,Ae,Re,me,N,ce,le,ge,Ce,Fe,n,l,a,o,Se,T,z,V,R,H,he,r,We,yt]}class qn extends j{constructor(e){super();const t=document.createElement("style");t.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-
|
|
101
|
+
`)&&u(e,"style",m)},i:E,o:E,d(M){M&&L(e),T&&T.d(),z&&z.d(),i[37](null),V&&V.d(),R&&R.d(),H&&H.d(),i[38](null),x=!1,de(A)}}}function Zn(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:!0}))}function On(i,e,t){let o,r,n,a,l;const[s,c]=te("Input type",["text","number","password","email","date","datetime-local","month","range","search","tel","time","url","week"]),[d,f]=te("Input auto capitalize",["on","off","none","sentences","words","characters"]);let{type:g="text"}=e,{name:b=""}=e,{value:v=""}=e,{autocapitalize:y="off"}=e,{placeholder:p=""}=e,{leadingicon:m=null}=e,{trailingicon:x=null}=e,{variant:A="goa"}=e,{disabled:T="false"}=e,{handletrailingiconclick:z="false"}=e,{focused:V="false"}=e,{readonly:R="false"}=e,{error:H="false"}=e,{testid:M=""}=e,{width:B="30ch"}=e,{arialabel:re=null}=e,{min:Q=""}=e,{max:D=""}=e,{step:ne=1}=e,{prefix:ae=""}=e,{suffix:X=""}=e,{debounce:he=0}=e,{maxlength:Ae=null}=e,{mt:Re=null}=e,{mr:me=null}=e,{mb:N=null}=e,{ml:ce=null}=e,le,ge,Ce=!1,Fe=!1,De=null;function Se(Z){const Le=Z.target;!Le||n||(De!=null&&clearTimeout(De),De=setTimeout(()=>{Le.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{name:b,value:Le.value}}))},he),t(0,v=Le.value))}J(async()=>{await se(),c(g),f(y),(ae!=""||X!="")&&console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");const Z=ge.querySelector("slot[name=leadingContent]");Z&&Z.assignedNodes().length>0&&t(23,Ce=!0);const Le=ge.querySelector("slot[name=trailingContent]");Le&&Le.assignedNodes().length>0&&t(24,Fe=!0)});function We(Z){U[Z?"unshift":"push"](()=>{le=Z,t(21,le)})}function yt(Z){U[Z?"unshift":"push"](()=>{ge=Z,t(22,ge)})}return i.$$set=Z=>{"type"in Z&&t(1,g=Z.type),"name"in Z&&t(2,b=Z.name),"value"in Z&&t(0,v=Z.value),"autocapitalize"in Z&&t(3,y=Z.autocapitalize),"placeholder"in Z&&t(4,p=Z.placeholder),"leadingicon"in Z&&t(5,m=Z.leadingicon),"trailingicon"in Z&&t(6,x=Z.trailingicon),"variant"in Z&&t(7,A=Z.variant),"disabled"in Z&&t(30,T=Z.disabled),"handletrailingiconclick"in Z&&t(31,z=Z.handletrailingiconclick),"focused"in Z&&t(32,V=Z.focused),"readonly"in Z&&t(33,R=Z.readonly),"error"in Z&&t(34,H=Z.error),"testid"in Z&&t(8,M=Z.testid),"width"in Z&&t(9,B=Z.width),"arialabel"in Z&&t(10,re=Z.arialabel),"min"in Z&&t(11,Q=Z.min),"max"in Z&&t(12,D=Z.max),"step"in Z&&t(13,ne=Z.step),"prefix"in Z&&t(14,ae=Z.prefix),"suffix"in Z&&t(15,X=Z.suffix),"debounce"in Z&&t(35,he=Z.debounce),"maxlength"in Z&&t(16,Ae=Z.maxlength),"mt"in Z&&t(17,Re=Z.mt),"mr"in Z&&t(18,me=Z.mr),"mb"in Z&&t(19,N=Z.mb),"ml"in Z&&t(20,ce=Z.ml)},i.$$.update=()=>{i.$$.dirty[1]&1&&t(28,o=$(z)),i.$$.dirty[1]&2&&t(36,r=$(V)),i.$$.dirty[1]&4&&t(25,n=$(R)),i.$$.dirty[1]&8&&t(27,a=$(H)),i.$$.dirty[0]&1073741824&&t(26,l=$(T)),i.$$.dirty[0]&2097152|i.$$.dirty[1]&32&&r&&le&&setTimeout(()=>le.focus(),1),i.$$.dirty[0]&2097154&&le&&g==="search"&&le.addEventListener("search",Z=>{Se(Z)})},[v,g,b,y,p,m,x,A,M,B,re,Q,D,ne,ae,X,Ae,Re,me,N,ce,le,ge,Ce,Fe,n,l,a,o,Se,T,z,V,R,H,he,r,We,yt]}class qn extends j{constructor(e){super();const t=document.createElement("style");t.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.goa-input-leading-content):not(.goa-input-trailing-content),.error:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
|
|
102
102
|
center center no-repeat}`,this.shadowRoot.appendChild(t),W(this,{target:this.shadowRoot,props:F(this.attributes),customElement:!0},On,Pn,O,{type:1,name:2,value:0,autocapitalize:3,placeholder:4,leadingicon:5,trailingicon:6,variant:7,disabled:30,handletrailingiconclick:31,focused:32,readonly:33,error:34,testid:8,width:9,arialabel:10,min:11,max:12,step:13,prefix:14,suffix:15,debounce:35,maxlength:16,mt:17,mr:18,mb:19,ml:20},null,[-1,-1]),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["type","name","value","autocapitalize","placeholder","leadingicon","trailingicon","variant","disabled","handletrailingiconclick","focused","readonly","error","testid","width","arialabel","min","max","step","prefix","suffix","debounce","maxlength","mt","mr","mb","ml"]}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),h()}get name(){return this.$$.ctx[2]}set name(e){this.$$set({name:e}),h()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),h()}get autocapitalize(){return this.$$.ctx[3]}set autocapitalize(e){this.$$set({autocapitalize:e}),h()}get placeholder(){return this.$$.ctx[4]}set placeholder(e){this.$$set({placeholder:e}),h()}get leadingicon(){return this.$$.ctx[5]}set leadingicon(e){this.$$set({leadingicon:e}),h()}get trailingicon(){return this.$$.ctx[6]}set trailingicon(e){this.$$set({trailingicon:e}),h()}get variant(){return this.$$.ctx[7]}set variant(e){this.$$set({variant:e}),h()}get disabled(){return this.$$.ctx[30]}set disabled(e){this.$$set({disabled:e}),h()}get handletrailingiconclick(){return this.$$.ctx[31]}set handletrailingiconclick(e){this.$$set({handletrailingiconclick:e}),h()}get focused(){return this.$$.ctx[32]}set focused(e){this.$$set({focused:e}),h()}get readonly(){return this.$$.ctx[33]}set readonly(e){this.$$set({readonly:e}),h()}get error(){return this.$$.ctx[34]}set error(e){this.$$set({error:e}),h()}get testid(){return this.$$.ctx[8]}set testid(e){this.$$set({testid:e}),h()}get width(){return this.$$.ctx[9]}set width(e){this.$$set({width:e}),h()}get arialabel(){return this.$$.ctx[10]}set arialabel(e){this.$$set({arialabel:e}),h()}get min(){return this.$$.ctx[11]}set min(e){this.$$set({min:e}),h()}get max(){return this.$$.ctx[12]}set max(e){this.$$set({max:e}),h()}get step(){return this.$$.ctx[13]}set step(e){this.$$set({step:e}),h()}get prefix(){return this.$$.ctx[14]}set prefix(e){this.$$set({prefix:e}),h()}get suffix(){return this.$$.ctx[15]}set suffix(e){this.$$set({suffix:e}),h()}get debounce(){return this.$$.ctx[35]}set debounce(e){this.$$set({debounce:e}),h()}get maxlength(){return this.$$.ctx[16]}set maxlength(e){this.$$set({maxlength:e}),h()}get mt(){return this.$$.ctx[17]}set mt(e){this.$$set({mt:e}),h()}get mr(){return this.$$.ctx[18]}set mr(e){this.$$set({mr:e}),h()}get mb(){return this.$$.ctx[19]}set mb(e){this.$$set({mb:e}),h()}get ml(){return this.$$.ctx[20]}set ml(e){this.$$set({ml:e}),h()}}customElements.define("goa-input",qn);function Ei(i){let e;return{c(){e=_("div"),e.innerHTML='An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>',u(e,"data-testid","type"),u(e,"class","site-text")},m(t,o){k(t,e,o)},d(t){t&&L(e)}}}function zi(i){let e,t=Mi(i[0])+"",o,r,n,a,l,s,c,d=i[2]&&Li(i);return{c(){e=_("div"),o=q(t),n=S(),a=_("div"),l=q("This is a new "),s=_("a"),s.textContent="Alberta Government",c=q(` service
|
|
103
103
|
`),d&&d.c(),u(e,"data-testid","type"),u(e,"class",r="service-type service-type--"+i[0].toLowerCase()),u(s,"href","https://www.alberta.ca/index.aspx"),u(a,"data-testid","site-text"),u(a,"class","site-text")},m(f,g){k(f,e,g),w(e,o),k(f,n,g),k(f,a,g),w(a,l),w(a,s),w(a,c),d&&d.m(a,null)},p(f,g){g&1&&t!==(t=Mi(f[0])+"")&&Y(o,t),g&1&&r!==(r="service-type service-type--"+f[0].toLowerCase())&&u(e,"class",r),f[2]?d?d.p(f,g):(d=Li(f),d.c(),d.m(a,null)):d&&(d.d(1),d=null)},d(f){f&&L(e),f&&L(n),f&&L(a),d&&d.d()}}}function Li(i){let e,t,o,r;return{c(){e=_("span"),t=q("\u2014 help us improve it by giving "),o=_("a"),r=q("feedback"),u(o,"href",i[2]),u(e,"data-testid","feedback")},m(n,a){k(n,e,a),w(e,t),w(e,o),w(o,r)},p(n,a){a&4&&u(o,"href",n[2])},d(n){n&&L(e)}}}function Hi(i){let e,t;return{c(){e=_("div"),t=q(i[1]),u(e,"data-testid","version"),u(e,"class","version")},m(o,r){k(o,e,r),w(e,t)},p(o,r){r&2&&Y(t,o[1])},d(o){o&&L(e)}}}function jn(i){let e,t,o,r=["alpha","beta"].includes(i[0]),n,a,l,s,c=i[0]==="live"&&Ei(),d=r&&zi(i),f=i[1]&&Hi(i);return{c(){e=_("header"),t=_("div"),c&&c.c(),o=S(),d&&d.c(),n=S(),a=_("div"),l=S(),f&&f.c(),this.c=E,u(a,"class","spacer"),u(t,"class","content-container"),u(e,"class","goa-official-site-header"),u(e,"style",s=`--max-content-width: ${i[3]}`)},m(g,b){k(g,e,b),w(e,t),c&&c.m(t,null),w(t,o),d&&d.m(t,null),w(t,n),w(t,a),w(t,l),f&&f.m(t,null)},p(g,[b]){g[0]==="live"?c||(c=Ei(),c.c(),c.m(t,o)):c&&(c.d(1),c=null),b&1&&(r=["alpha","beta"].includes(g[0])),r?d?d.p(g,b):(d=zi(g),d.c(),d.m(t,n)):d&&(d.d(1),d=null),g[1]?f?f.p(g,b):(f=Hi(g),f.c(),f.m(t,null)):f&&(f.d(1),f=null),b&8&&s!==(s=`--max-content-width: ${g[3]}`)&&u(e,"style",s)},i:E,o:E,d(g){g&&L(e),c&&c.d(),d&&d.d(),f&&f.d()}}}function Mi(i){return!i||i&&i.length===0?"":i[0].toUpperCase()+i.slice(1)}function Fn(i,e,t){const[o,r]=te("Microsite header type",["live","alpha","beta"],!0);let{type:n}=e,{version:a=""}=e,{feedbackurl:l=""}=e,{maxcontentwidth:s="100%"}=e;return J(()=>{setTimeout(()=>r(n),1)}),i.$$set=c=>{"type"in c&&t(0,n=c.type),"version"in c&&t(1,a=c.version),"feedbackurl"in c&&t(2,l=c.feedbackurl),"maxcontentwidth"in c&&t(3,s=c.maxcontentwidth)},[n,a,l,s]}class Wn extends j{constructor(e){super();const t=document.createElement("style");t.textContent=":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);padding:0.5rem 1rem}.content-container{display:flex;align-items:start;justify-content:space-between;max-width:min(var(--max-content-width), 100%);margin:0 auto}@media(min-width: 640px){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}@media(min-width: 1024px){.goa-official-site-header{padding:0.25rem 4.5rem}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}",this.shadowRoot.appendChild(t),W(this,{target:this.shadowRoot,props:F(this.attributes),customElement:!0},Fn,jn,O,{type:0,version:1,feedbackurl:2,maxcontentwidth:3},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["type","version","feedbackurl","maxcontentwidth"]}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),h()}get version(){return this.$$.ctx[1]}set version(e){this.$$set({version:e}),h()}get feedbackurl(){return this.$$.ctx[2]}set feedbackurl(e){this.$$set({feedbackurl:e}),h()}get maxcontentwidth(){return this.$$.ctx[3]}set maxcontentwidth(e){this.$$set({maxcontentwidth:e}),h()}}customElements.define("goa-microsite-header",Wn);function Ti(i){let e,t,o,r,n,a,l,s,c,d,f,g,b,v,y,p,m,x,A,T,z,V,R,H,M=i[3]!==null&&Ai(i);function B(ne,ae){return ne[0]?Un:Gn}let re=B(i),Q=re(i),D=i[9]&&Ri(i);return{c(){e=_("goa-focus-trap"),t=_("div"),o=_("div"),r=S(),n=_("div"),M&&M.c(),a=S(),l=_("div"),s=_("header"),c=_("div"),Q.c(),d=S(),D&&D.c(),f=S(),g=_("div"),b=_("goa-scrollable"),b.innerHTML="<slot></slot>",v=S(),y=_("div"),y.innerHTML='<slot name="actions"></slot>',u(o,"data-testid","modal-overlay"),u(o,"class","modal-overlay"),u(c,"data-testid","modal-title"),u(c,"class","modal-title"),C(b,"direction","vertical"),C(b,"hpadding","1.9rem"),C(b,"maxheight","70vh"),u(g,"data-testid","modal-content"),u(g,"class","modal-content"),u(y,"class","modal-actions"),u(y,"data-testid","modal-actions"),u(l,"class","content"),u(n,"class","modal-pane"),u(t,"data-testid","modal"),u(t,"class","modal"),u(t,"style",x=i[2]&&`--width: ${i[2]};`),C(e,"open",i[1])},m(ne,ae){k(ne,e,ae),w(e,t),w(t,o),w(t,r),w(t,n),M&&M.m(n,null),w(n,a),w(n,l),w(l,s),w(s,c),Q.m(c,null),w(s,d),D&&D.m(s,null),i[16](s),w(l,f),w(l,g),w(g,b),i[17](b),i[18](g),w(l,v),w(l,y),i[19](t),V=!0,R||(H=[G(o,"click",i[12]),G(b,"_scroll",i[13]),Ct(A=ei.call(null,t,{enable:i[7]}))],R=!0)},p(ne,ae){i=ne,i[3]!==null?M?M.p(i,ae):(M=Ai(i),M.c(),M.m(n,a)):M&&(M.d(1),M=null),re===(re=B(i))&&Q?Q.p(i,ae):(Q.d(1),Q=re(i),Q&&(Q.c(),Q.m(c,null))),i[9]?D?D.p(i,ae):(D=Ri(i),D.c(),D.m(s,null)):D&&(D.d(1),D=null),(!V||ae&4&&x!==(x=i[2]&&`--width: ${i[2]};`))&&u(t,"style",x),A&&He(A.update)&&ae&128&&A.update.call(null,{enable:i[7]}),(!V||ae&2)&&C(e,"open",i[1])},i(ne){V||(pe(()=>{!V||(m&&m.end(1),p=St(n,$t,{duration:i[11],y:200}),p.start())}),pe(()=>{!V||(z&&z.end(1),T=St(t,qe,{duration:i[11]}),T.start())}),V=!0)},o(ne){p&&p.invalidate(),m=Vt(n,$t,{delay:i[11],duration:i[11],y:-100}),T&&T.invalidate(),z=Vt(t,qe,{delay:i[11],duration:i[11]}),V=!1},d(ne){ne&&L(e),M&&M.d(),Q.d(),D&&D.d(),i[16](null),i[17](null),i[18](null),ne&&m&&m.end(),i[19](null),ne&&z&&z.end(),R=!1,de(H)}}}function Ai(i){let e,t,o,r;return{c(){e=_("div"),t=_("goa-icon"),C(t,"type",i[10]),C(t,"inverted",o=i[3]==="important"?"false":"true"),u(e,"class",r="callout-bar "+i[3])},m(n,a){k(n,e,a),w(e,t)},p(n,a){a&1024&&C(t,"type",n[10]),a&8&&o!==(o=n[3]==="important"?"false":"true")&&C(t,"inverted",o),a&8&&r!==(r="callout-bar "+n[3])&&u(e,"class",r)},d(n){n&&L(e)}}}function Gn(i){let e;return{c(){e=_("slot"),u(e,"name","heading")},m(t,o){k(t,e,o)},p:E,d(t){t&&L(e)}}}function Un(i){let e;return{c(){e=q(i[0])},m(t,o){k(t,e,o)},p(t,o){o&1&&Y(e,t[0])},d(t){t&&L(e)}}}function Ri(i){let e,t,o,r;return{c(){e=_("div"),t=_("goa-icon-button"),C(t,"data-testid","modal-close-button"),C(t,"icon","close"),C(t,"variant","nocolor"),u(e,"class","modal-close")},m(n,a){k(n,e,a),w(e,t),o||(r=G(t,"click",i[12]),o=!0)},p:E,d(n){n&&L(e),o=!1,r()}}}function Kn(i){let e,t,o=i[7]&&Ti(i);return{c(){o&&o.c(),e=be(),this.c=E},m(r,n){o&&o.m(r,n),k(r,e,n),t=!0},p(r,[n]){r[7]?o?(o.p(r,n),n&128&&ee(o,1)):(o=Ti(r),o.c(),ee(o,1),o.m(e.parentNode,e)):o&&(Me(),oe(o,1,1,()=>{o=null}),Te())},i(r){t||(ee(o),t=!0)},o(r){oe(o),t=!1},d(r){o&&o.d(r),r&&L(e)}}}function Xn(i,e,t){let o,r,n,{heading:a=""}=e,{closable:l="false"}=e,{open:s="false"}=e,{transition:c="none"}=e,{width:d=""}=e,{calloutvariant:f=null}=e,g=null,b=null,v=null,y=null;const[p,m]=te("Callout variant",["emergency","important","information","success","event"]),[x,A]=te("Modal transition",["fast","slow","none"]);let T=!1;J(async()=>{await se(),m(f),A(c)});function z(D){!o||(g==null||g.dispatchEvent(new CustomEvent("_close",{composed:!0})),D.stopPropagation())}const V=D=>{switch(D.key){case"Escape":z(D),D.preventDefault();break}};function R(D){const ne=D.detail.scrollHeight>D.detail.offsetHeight;if(T&&ne){const ae=D.detail.scrollTop==0,X=Math.abs(D.detail.scrollHeight-D.detail.scrollTop-D.detail.offsetHeight)<1;b.classList.remove("scroll-top","scroll-bottom","scroll-middle"),ae?b.classList.add("scroll-top"):X?b.classList.add("scroll-bottom"):b.classList.add("scroll-middle")}}function H(){const D=y.querySelector("slot");return D?[...D.assignedElements()]:[...y.children]}function M(D){U[D?"unshift":"push"](()=>{y=D,t(6,y),t(7,T),t(1,s)})}function B(D){U[D?"unshift":"push"](()=>{v=D,t(5,v),t(7,T),t(1,s)})}function re(D){U[D?"unshift":"push"](()=>{b=D,t(4,b),t(7,T),t(1,s)})}function Q(D){U[D?"unshift":"push"](()=>{g=D,t(8,g),t(7,T),t(1,s)})}return i.$$set=D=>{"heading"in D&&t(0,a=D.heading),"closable"in D&&t(14,l=D.closable),"open"in D&&t(1,s=D.open),"transition"in D&&t(15,c=D.transition),"width"in D&&t(2,d=D.width),"calloutvariant"in D&&t(3,f=D.calloutvariant)},i.$$.update=()=>{if(i.$$.dirty&16384&&t(9,o=$(l)),i.$$.dirty&2&&setTimeout(()=>t(7,T=$(s)),1),i.$$.dirty&128&&(T||(t(4,b=t(5,v=t(8,g=t(6,y=null)))),window.removeEventListener("keydown",V))),i.$$.dirty&176&&T&&v&&b&&v.scrollHeight>v.offsetHeight&&b.classList.add("scroll-top"),i.$$.dirty&208&&T&&b){window.addEventListener("keydown",V);const D=H();(y.querySelector("div.modal-title").textContent||y.querySelector("div.modal-close")||D.length)&&y.classList.add("has-content")}i.$$.dirty&32768&&t(11,r=c==="none"?0:c==="slow"?400:200),i.$$.dirty&8&&t(10,n=f==="emergency"?"warning":f==="important"?"alert-circle":f==="information"?"information-circle":f==="success"?"checkmark-circle":f==="event"?"calendar":"")},[a,s,d,f,b,v,y,T,g,o,n,r,z,R,l,c,M,B,re,Q]}class Yn extends j{constructor(e){super();const t=document.createElement("style");t.textContent=":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:var(--goa-space-xl)}.content header{display:flex;justify-content:space-between}.content header.has-content{margin-bottom:var(--goa-space-l)}@media(max-width: 640px){.content{margin:var(--goa-space-l)}.content header.has-content{margin-bottom:var(--goa-space-m)}}.modal-pane{background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}@media(min-width: 640px){.modal-pane{width:var(--width, 60ch)}}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}@media(max-width: 640px){.modal-actions ::slotted(*){padding:var(--goa-space-l) 0 0}}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font:var(--goa-typography-heading-m)}.modal-close{padding-left:var(--goa-space-m);margin-top:var(--goa-space-2xs)}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}",this.shadowRoot.appendChild(t),W(this,{target:this.shadowRoot,props:F(this.attributes),customElement:!0},Xn,Kn,O,{heading:0,closable:14,open:1,transition:15,width:2,calloutvariant:3},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["heading","closable","open","transition","width","calloutvariant"]}get heading(){return this.$$.ctx[0]}set heading(e){this.$$set({heading:e}),h()}get closable(){return this.$$.ctx[14]}set closable(e){this.$$set({closable:e}),h()}get open(){return this.$$.ctx[1]}set open(e){this.$$set({open:e}),h()}get transition(){return this.$$.ctx[15]}set transition(e){this.$$set({transition:e}),h()}get width(){return this.$$.ctx[2]}set width(e){this.$$set({width:e}),h()}get calloutvariant(){return this.$$.ctx[3]}set calloutvariant(e){this.$$set({calloutvariant:e}),h()}}customElements.define("goa-modal",Yn);function Si(i){let e,t,o,r,n,a,l,s,c,d,f,g,b,v,y,p,m,x;return{c(){e=_("div"),t=_("div"),o=_("div"),r=_("goa-icon"),a=S(),l=_("div"),l.innerHTML="<slot></slot>",s=S(),c=_("div"),d=_("button"),f=_("goa-icon"),C(r,"type",i[4]),C(r,"inverted",n=i[0]==="important"?"false":"true"),u(o,"class","icon"),u(l,"class","content"),C(f,"type","close"),C(f,"inverted",g=i[0]==="important"?"false":"true"),u(d,"class",i[0]),u(c,"class","close"),u(t,"class","content-container"),u(t,"role","alert"),u(t,"aria-live",i[2]),u(t,"aria-atomic","true"),u(e,"class",b="notification "+i[0]),u(e,"style",v=`--max-content-width: ${i[1]}`)},m(A,T){k(A,e,T),w(e,t),w(t,o),w(o,r),w(t,a),w(t,l),w(t,s),w(t,c),w(c,d),w(d,f),p=!0,m||(x=G(d,"click",i[5]),m=!0)},p(A,T){(!p||T&16)&&C(r,"type",A[4]),(!p||T&1&&n!==(n=A[0]==="important"?"false":"true"))&&C(r,"inverted",n),(!p||T&1&&g!==(g=A[0]==="important"?"false":"true"))&&C(f,"inverted",g),(!p||T&1)&&u(d,"class",A[0]),(!p||T&4)&&u(t,"aria-live",A[2]),(!p||T&1&&b!==(b="notification "+A[0]))&&u(e,"class",b),(!p||T&2&&v!==(v=`--max-content-width: ${A[1]}`))&&u(e,"style",v)},i(A){p||(pe(()=>{!p||(y||(y=lt(e,qe,{},!0)),y.run(1))}),p=!0)},o(A){y||(y=lt(e,qe,{},!1)),y.run(0),p=!1},d(A){A&&L(e),A&&y&&y.end(),m=!1,x()}}}function Jn(i){let e,t,o=i[3]&&Si(i);return{c(){o&&o.c(),e=be(),this.c=E},m(r,n){o&&o.m(r,n),k(r,e,n),t=!0},p(r,[n]){r[3]?o?(o.p(r,n),n&8&&ee(o,1)):(o=Si(r),o.c(),ee(o,1),o.m(e.parentNode,e)):o&&(Me(),oe(o,1,1,()=>{o=null}),Te())},i(r){t||(ee(o),t=!0)},o(r){oe(o),t=!1},d(r){o&&o.d(r),r&&L(e)}}}function Qn(i,e,t){let o;const[r,n]=te("Notification type",["emergency","important","information","event"],!0),[a,l]=te("Aria-Live type",["assertive","off","polite"],!0);let{type:s=""}=e,{maxcontentwidth:c="100%"}=e,{arialive:d="polite"}=e,f=!0;J(()=>{l(d),setTimeout(()=>n(s),1)});function g(b){t(3,f=!1),b.target.dispatchEvent(new CustomEvent("_dismiss",{composed:!0})),b.stopPropagation()}return i.$$set=b=>{"type"in b&&t(0,s=b.type),"maxcontentwidth"in b&&t(1,c=b.maxcontentwidth),"arialive"in b&&t(2,d=b.arialive)},i.$$.update=()=>{i.$$.dirty&1&&t(4,o=s==="emergency"?"warning":s==="important"?"alert-circle":s==="information"?"information-circle":s==="event"?"calendar":"")},[s,c,d,f,o,g]}class $n extends j{constructor(e){super();const t=document.createElement("style");t.textContent=":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:var(--goa-space-l) var(--goa-space-m);display:flex}@media(min-width: 640px){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}@media(min-width: 1024px){.notification{padding:var(--goa-space-l) calc(3 * var(--goa-space-l))}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.information,.event{background-color:var(--goa-color-info-default);color:var(--goa-color-text-light)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:var(--goa-space-m);margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}::slotted(a:focus){outline:auto!important;border-radius:var(--goa-border-radius-m)}.notification.important ::slotted(a:focus){outline:unset!important;box-shadow:0 0 0 3px var(--goa-color-greyscale-black);border-radius:var(--goa-border-radius-m)}.close{flex:0 0 auto}.close button{background-color:transparent;border:none;cursor:pointer;padding:var(--goa-space-2xs);margin:0;outline:none;border-radius:var(--goa-border-radius-m);display:inline-flex}.close button.information:hover,.close button.information:focus,.close button.event:hover,.close button.event:focus{background-color:var(--goa-color-info-dark)}.close button.information:focus,.close button.event:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}.close button.important:hover,.close button.important:focus{background-color:var(--goa-color-warning-dark)}.close button.important:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-black)}.close button.emergency:hover,.close button.emergency:focus{background-color:var(--goa-color-emergency-dark)}.close button.emergency:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}",this.shadowRoot.appendChild(t),W(this,{target:this.shadowRoot,props:F(this.attributes),customElement:!0},Qn,Jn,O,{type:0,maxcontentwidth:1,arialive:2},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["type","maxcontentwidth","arialive"]}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),h()}get maxcontentwidth(){return this.$$.ctx[1]}set maxcontentwidth(e){this.$$set({maxcontentwidth:e}),h()}get arialive(){return this.$$.ctx[2]}set arialive(e){this.$$set({arialive:e}),h()}}customElements.define("goa-notification",$n);const ea=/^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;function ta(i){return ea.test(i)}function ia(i){let e,t,o;return{c(){e=_("div"),t=_("slot"),this.c=E,u(e,"class","page-content"),u(e,"style",o=`--max-width: ${i[0]}`)},m(r,n){k(r,e,n),w(e,t)},p(r,[n]){n&1&&o!==(o=`--max-width: ${r[0]}`)&&u(e,"style",o)},i:E,o:E,d(r){r&&L(e)}}}function oa(i,e,t){const o={full:"100%"};let{width:r}=e,{_width:n}=e;function a(l){return!!(["full"].includes(r)||ta(l))}return J(()=>{a(r)||console.error("Invalid PageBlock width"),t(0,n=o[r]||r)}),i.$$set=l=>{"width"in l&&t(1,r=l.width),"_width"in l&&t(0,n=l._width)},[n,r]}class ra extends j{constructor(e){super();const t=document.createElement("style");t.textContent=":host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media(min-width: 640px){.page-content{padding:0 2rem}}@media(min-width: 1024px){.page-content{padding:0 4.5rem}}",this.shadowRoot.appendChild(t),W(this,{target:this.shadowRoot,props:F(this.attributes),customElement:!0},oa,ia,O,{width:1,_width:0},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["width","_width"]}get width(){return this.$$.ctx[1]}set width(e){this.$$set({width:e}),h()}get _width(){return this.$$.ctx[0]}set _width(e){this.$$set({_width:e}),h()}}customElements.define("goa-page-block",ra);function Vi(i,e,t){const o=i.slice();return o[18]=e[t],o[20]=t,o}function Bi(i){let e,t,o,r,n,a,l,s,c,d,f={length:i[8]},g=[];for(let b=0;b<f.length;b+=1)g[b]=Di(Vi(i,f,b));return{c(){e=_("goa-block"),t=_("span"),t.textContent="Page",o=S(),r=_("input"),n=S(),a=_("goa-dropdown");for(let b=0;b<g.length;b+=1)g[b].c();l=S(),s=_("span"),c=q("of "),d=q(i[8]),u(r,"type","hidden"),C(a,"value",i[0]),C(a,"width","70px"),C(e,"data-testid","page-selector"),C(e,"alignment","center"),C(e,"gap","s")},m(b,v){k(b,e,v),w(e,t),w(e,o),w(e,r),i[12](r),w(e,n),w(e,a);for(let y=0;y<g.length;y+=1)g[y]&&g[y].m(a,null);i[13](a),w(e,l),w(e,s),w(s,c),w(s,d)},p(b,v){if(v&256){f={length:b[8]};let y;for(y=0;y<f.length;y+=1){const p=Vi(b,f,y);g[y]?g[y].p(p,v):(g[y]=Di(p),g[y].c(),g[y].m(a,null))}for(;y<g.length;y+=1)g[y].d(1);g.length=f.length}v&1&&C(a,"value",b[0]),v&256&&Y(d,b[8])},d(b){b&&L(e),i[12](null),Ie(g,b),i[13](null)}}}function Di(i){let e;return{c(){e=_("goa-dropdown-item"),C(e,"value",i[20]+1),C(e,"label",i[20]+1)},m(t,o){k(t,e,o)},p:E,d(t){t&&L(e)}}}function na(i){let e,t,o,r,n,a,l,s,c,d,f,g,b,v=i[1]==="all"&&Bi(i);return{c(){e=_("goa-block"),t=_("div"),v&&v.c(),o=S(),r=_("goa-block"),n=_("goa-button"),a=q("Previous"),s=S(),c=_("goa-button"),d=q("Next"),this.c=E,C(n,"type","tertiary"),C(n,"leadingicon","arrow-back"),C(n,"disabled",l=i[0]==1?"true":"false"),C(c,"type","tertiary"),C(c,"trailingicon","arrow-forward"),C(c,"disabled",f=i[0]==i[8]?"true":"false"),C(r,"alignment","center"),C(r,"gap","m"),C(r,"data-testid","page-links"),u(t,"class","controls"),C(e,"id","root"),C(e,"ml",i[5]),C(e,"mr",i[3]),C(e,"mb",i[4]),C(e,"mt",i[2])},m(y,p){k(y,e,p),w(e,t),v&&v.m(t,null),w(t,o),w(t,r),w(r,n),w(n,a),w(r,s),w(r,c),w(c,d),g||(b=[G(n,"click",i[14]),G(c,"click",i[15])],g=!0)},p(y,[p]){y[1]==="all"?v?v.p(y,p):(v=Bi(y),v.c(),v.m(t,o)):v&&(v.d(1),v=null),p&1&&l!==(l=y[0]==1?"true":"false")&&C(n,"disabled",l),p&257&&f!==(f=y[0]==y[8]?"true":"false")&&C(c,"disabled",f),p&32&&C(e,"ml",y[5]),p&8&&C(e,"mr",y[3]),p&16&&C(e,"mb",y[4]),p&4&&C(e,"mt",y[2])},i:E,o:E,d(y){y&&L(e),v&&v.d(),g=!1,de(b)}}}function aa(i,e,t){let o;const[r,n]=te("Pagination variant",["all","links-only"]);let{pagenumber:a}=e,{itemcount:l}=e,{perpagecount:s=10}=e,{variant:c="all"}=e,{mt:d=null}=e,{mr:f=null}=e,{mb:g="m"}=e,{ml:b=null}=e,v=null,y=null;J(async()=>{await se(),Ye("GoAPagination",{itemcount:l,pagenumber:a}),n(c),v&&v.addEventListener("_change",z=>{const V=Number.parseInt(z.detail.value);z.stopPropagation(),y.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!0,detail:{page:V}}))})});function p(z,V){const R=Number.parseInt(a+"")+V;R>0&&R<=o&&z.target.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!0,detail:{page:R}})),z.preventDefault()}function m(z){U[z?"unshift":"push"](()=>{y=z,t(7,y)})}function x(z){U[z?"unshift":"push"](()=>{v=z,t(6,v)})}const A=z=>p(z,-1),T=z=>p(z,1);return i.$$set=z=>{"pagenumber"in z&&t(0,a=z.pagenumber),"itemcount"in z&&t(10,l=z.itemcount),"perpagecount"in z&&t(11,s=z.perpagecount),"variant"in z&&t(1,c=z.variant),"mt"in z&&t(2,d=z.mt),"mr"in z&&t(3,f=z.mr),"mb"in z&&t(4,g=z.mb),"ml"in z&&t(5,b=z.ml)},i.$$.update=()=>{i.$$.dirty&3072&&t(8,o=Math.ceil(l/s))},[a,c,d,f,g,b,v,y,o,p,l,s,m,x,A,T]}class Ni extends j{constructor(e){super();const t=document.createElement("style");t.textContent="span{white-space:nowrap}.controls{display:flex;gap:1rem;flex-direction:column;align-items:center;width:100%}@media(min-width: 480px){.controls{flex-direction:row;justify-content:space-between}}",this.shadowRoot.appendChild(t),W(this,{target:this.shadowRoot,props:F(this.attributes),customElement:!0},aa,na,O,{pagenumber:0,itemcount:10,perpagecount:11,variant:1,mt:2,mr:3,mb:4,ml:5},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["pagenumber","itemcount","perpagecount","variant","mt","mr","mb","ml"]}get pagenumber(){return this.$$.ctx[0]}set pagenumber(e){this.$$set({pagenumber:e}),h()}get itemcount(){return this.$$.ctx[10]}set itemcount(e){this.$$set({itemcount:e}),h()}get perpagecount(){return this.$$.ctx[11]}set perpagecount(e){this.$$set({perpagecount:e}),h()}get variant(){return this.$$.ctx[1]}set variant(e){this.$$set({variant:e}),h()}get mt(){return this.$$.ctx[2]}set mt(e){this.$$set({mt:e}),h()}get mr(){return this.$$.ctx[3]}set mr(e){this.$$set({mr:e}),h()}get mb(){return this.$$.ctx[4]}set mb(e){this.$$set({mb:e}),h()}get ml(){return this.$$.ctx[5]}set ml(e){this.$$set({ml:e}),h()}}customElements.define("goa-pagination",Ni);function Ii(i){let e,t,o,r,n,a,l,s,c;return{c(){e=_("div"),t=S(),o=_("div"),r=_("section"),n=_("goa-focus-trap"),a=_("div"),a.innerHTML="<slot></slot>",u(e,"data-testid","popover-background"),u(e,"class","popover-background"),C(n,"open","true"),u(r,"data-testid","popover-content"),u(r,"class","popover-content"),u(r,"style",l=`
|
|
104
104
|
${ue("width",i[2])}
|
|
@@ -152,7 +152,7 @@ var __vite_style__=document.createElement("style");__vite_style__.innerHTML=`@im
|
|
|
152
152
|
`)},m(s,c){k(s,e,c),w(e,t),i[19](t),Ht(t,i[0]),w(e,r),a||(l=G(t,"input",i[20]),a=!0)},p(s,[c]){c&2&&u(t,"name",s[1]),c&4&&u(t,"placeholder",s[2]),c&8&&u(t,"rows",s[3]),c&66&&o!==(o=s[6]||s[1])&&u(t,"aria-label",o),c&8192&&(t.disabled=s[13]),c&16384&&(t.readOnly=s[14]),c&16&&u(t,"data-testid",s[4]),c&1&&Ht(t,s[0]),c&32768&&I(t,"error",s[15]),c&1952&&n!==(n=`
|
|
153
153
|
${K(s[7],s[8],s[9],s[10])};
|
|
154
154
|
--width: ${s[5]};
|
|
155
|
-
`)&&u(e,"style",n)},i:E,o:E,d(s){s&&L(e),i[19](null),a=!1,l()}}}function Oa(i,e,t){let o,r,n,{name:a}=e,{value:l=""}=e,{placeholder:s=""}=e,{rows:c=3}=e,{testid:d=""}=e,{width:f="60ch"}=e,{error:g="false"}=e,{readonly:b="false"}=e,{disabled:v="false"}=e,{arialabel:y=""}=e,{mt:p=null}=e,{mr:m=null}=e,{mb:x=null}=e,{ml:A=null}=e,{maxcharcount:T=0}=e,z;function V(H){U[H?"unshift":"push"](()=>{z=H,t(12,z)})}function R(){l=this.value,t(0,l)}return i.$$set=H=>{"name"in H&&t(1,a=H.name),"value"in H&&t(0,l=H.value),"placeholder"in H&&t(2,s=H.placeholder),"rows"in H&&t(3,c=H.rows),"testid"in H&&t(4,d=H.testid),"width"in H&&t(5,f=H.width),"error"in H&&t(16,g=H.error),"readonly"in H&&t(17,b=H.readonly),"disabled"in H&&t(18,v=H.disabled),"arialabel"in H&&t(6,y=H.arialabel),"mt"in H&&t(7,p=H.mt),"mr"in H&&t(8,m=H.mr),"mb"in H&&t(9,x=H.mb),"ml"in H&&t(10,A=H.ml),"maxcharcount"in H&&t(11,T=H.maxcharcount)},i.$$.update=()=>{i.$$.dirty&65536&&t(15,o=$(g)),i.$$.dirty&262144&&t(13,r=$(v)),i.$$.dirty&131072&&t(14,n=$(b)),i.$$.dirty&12291&&z&&!r&&z.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{name:a,value:l}}))},[l,a,s,c,d,f,y,p,m,x,A,T,z,r,n,o,g,b,v,V,R]}class qa extends j{constructor(e){super();const t=document.createElement("style");t.textContent=`:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:
|
|
155
|
+
`)&&u(e,"style",n)},i:E,o:E,d(s){s&&L(e),i[19](null),a=!1,l()}}}function Oa(i,e,t){let o,r,n,{name:a}=e,{value:l=""}=e,{placeholder:s=""}=e,{rows:c=3}=e,{testid:d=""}=e,{width:f="60ch"}=e,{error:g="false"}=e,{readonly:b="false"}=e,{disabled:v="false"}=e,{arialabel:y=""}=e,{mt:p=null}=e,{mr:m=null}=e,{mb:x=null}=e,{ml:A=null}=e,{maxcharcount:T=0}=e,z;function V(H){U[H?"unshift":"push"](()=>{z=H,t(12,z)})}function R(){l=this.value,t(0,l)}return i.$$set=H=>{"name"in H&&t(1,a=H.name),"value"in H&&t(0,l=H.value),"placeholder"in H&&t(2,s=H.placeholder),"rows"in H&&t(3,c=H.rows),"testid"in H&&t(4,d=H.testid),"width"in H&&t(5,f=H.width),"error"in H&&t(16,g=H.error),"readonly"in H&&t(17,b=H.readonly),"disabled"in H&&t(18,v=H.disabled),"arialabel"in H&&t(6,y=H.arialabel),"mt"in H&&t(7,p=H.mt),"mr"in H&&t(8,m=H.mr),"mb"in H&&t(9,x=H.mb),"ml"in H&&t(10,A=H.ml),"maxcharcount"in H&&t(11,T=H.maxcharcount)},i.$$.update=()=>{i.$$.dirty&65536&&t(15,o=$(g)),i.$$.dirty&262144&&t(13,r=$(v)),i.$$.dirty&131072&&t(14,n=$(b)),i.$$.dirty&12291&&z&&!r&&z.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{name:a,value:l}}))},[l,a,s,c,d,f,y,p,m,x,A,T,z,r,n,o,g,b,v,V,R]}class qa extends j{constructor(e){super();const t=document.createElement("style");t.textContent=`:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:var(--goa-space-s);box-sizing:border-box;font-family:var(--goa-font-family-sans)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;border:1px solid var(--goa-color-greyscale-700);border-radius:3px;color:var(--goa-color-greyscale-black, #ccc);padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);font-size:var(--goa-font-size-4);font-family:var(--goa-font-family-sans);min-width:100%;resize:vertical}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.goa-textarea:disabled,.goa-textarea:disabled:hover,.goa-textarea:disabled:active,.goa-textarea:disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--goa-font-size-2)}.counter-error{color:var(--goa-color-interactive-error)
|
|
156
156
|
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}`,this.shadowRoot.appendChild(t),W(this,{target:this.shadowRoot,props:F(this.attributes),customElement:!0},Oa,Za,O,{name:1,value:0,placeholder:2,rows:3,testid:4,width:5,error:16,readonly:17,disabled:18,arialabel:6,mt:7,mr:8,mb:9,ml:10,maxcharcount:11},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["name","value","placeholder","rows","testid","width","error","readonly","disabled","arialabel","mt","mr","mb","ml","maxcharcount"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),h()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),h()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),h()}get rows(){return this.$$.ctx[3]}set rows(e){this.$$set({rows:e}),h()}get testid(){return this.$$.ctx[4]}set testid(e){this.$$set({testid:e}),h()}get width(){return this.$$.ctx[5]}set width(e){this.$$set({width:e}),h()}get error(){return this.$$.ctx[16]}set error(e){this.$$set({error:e}),h()}get readonly(){return this.$$.ctx[17]}set readonly(e){this.$$set({readonly:e}),h()}get disabled(){return this.$$.ctx[18]}set disabled(e){this.$$set({disabled:e}),h()}get arialabel(){return this.$$.ctx[6]}set arialabel(e){this.$$set({arialabel:e}),h()}get mt(){return this.$$.ctx[7]}set mt(e){this.$$set({mt:e}),h()}get mr(){return this.$$.ctx[8]}set mr(e){this.$$set({mr:e}),h()}get mb(){return this.$$.ctx[9]}set mb(e){this.$$set({mb:e}),h()}get ml(){return this.$$.ctx[10]}set ml(e){this.$$set({ml:e}),h()}get maxcharcount(){return this.$$.ctx[11]}set maxcharcount(e){this.$$set({maxcharcount:e}),h()}}customElements.define("goa-textarea",qa);const{window:Ui}=ut;function ja(i){let e,t,o,r,n,a,l,s,c,d,f,g;return pe(i[16]),{c(){e=_("div"),t=_("div"),t.innerHTML="<slot></slot>",o=S(),r=_("span"),n=q(i[1]),this.c=E,u(t,"class","tooltiptarget"),u(r,"id",a=""+(i[13]+"-tooltip")),u(r,"class",l="tooltiptext "+i[0]+" align-"+i[3]),ie(r,"visibility",i[11]?"visible":"hidden"),u(e,"class",s="tooltip align-"+i[3]),u(e,"data-testid",i[2]),u(e,"role","tooltip"),u(e,"aria-describedby",c=""+(i[13]+"-tooltip")),u(e,"tabindex","0"),u(e,"style",d=K(i[4],i[5],i[6],i[7]))},m(b,v){k(b,e,v),w(e,t),w(e,o),w(e,r),w(r,n),i[17](r),i[18](e),f||(g=[G(Ui,"resize",i[16]),G(e,"mouseenter",i[19]),G(e,"mouseleave",i[15]),G(e,"focus",i[20]),G(e,"blur",i[15])],f=!0)},p(b,[v]){v&2&&Y(n,b[1]),v&8192&&a!==(a=""+(b[13]+"-tooltip"))&&u(r,"id",a),v&9&&l!==(l="tooltiptext "+b[0]+" align-"+b[3])&&u(r,"class",l),v&2048&&ie(r,"visibility",b[11]?"visible":"hidden"),v&8&&s!==(s="tooltip align-"+b[3])&&u(e,"class",s),v&4&&u(e,"data-testid",b[2]),v&8192&&c!==(c=""+(b[13]+"-tooltip"))&&u(e,"aria-describedby",c),v&240&&d!==(d=K(b[4],b[5],b[6],b[7]))&&u(e,"style",d)},i:E,o:E,d(b){b&&L(e),i[17](null),i[18](null),f=!1,de(g)}}}function Fa(i,e,t){const[o,r]=te("Tooltip positions",["top","bottom","left","right"],!1),[n,a]=te("Tooltip alignment",["left","right","center"],!1),l=(X,he)=>{(X==="left"||X==="right")&&he!=="center"&&console.error(`[${he}] is an invalid option for position ${X}`)};let{content:s=""}=e,{testid:c=""}=e,{position:d="top"}=e,{halign:f="center"}=e,{mt:g=null}=e,{mr:b=null}=e,{mb:v=null}=e,{ml:y=null}=e,p=0,m,x,A,T=!1,z=null,V=null,R;J(()=>{setTimeout(()=>{r(d),a(f),l(d,f)},1),A=d,t(13,R=Math.random().toString(36)),x.getBoundingClientRect().width,window.addEventListener("resize",B),B()}),ft(()=>{window.removeEventListener("resize",B),clearTimeout(z),clearTimeout(V)});const H=()=>{z=setTimeout(()=>{t(11,T=!0),B()},300)},M=()=>{clearTimeout(z),t(12,V=setTimeout(()=>{t(11,T=!1),t(0,d=A)},500))};function B(){if(!x||!m)return;const X=x.getBoundingClientRect(),he=m.getBoundingClientRect(),Ae=he.top,Re=window.innerHeight-he.bottom,me=he.left,N=window.innerWidth-he.right,ce=Math.min(p*.8,400,X.width,Math.max(me,N)-10),le=ce>he.width||ce>me||ce>N;t(9,x.style.width=`${ce-32}px`,x),le?t(9,x.style.whiteSpace="normal",x):t(9,x.style.whiteSpace="nowrap",x);let ge=d,Ce=f;d==="bottom"&&X.height>Re?ge="top":d==="top"&&X.height>Ae&&(ge="bottom"),d==="right"&&X.width>N?ge="left":d==="left"&&X.width>me&&(ge="right"),f==="right"&&X.width>N?Ce="left":f==="left"&&X.width>me?Ce="right":f==="center"&&(d==="top"||d==="bottom")&&(X.width/2>me||X.width/2>N)&&(Ce=me>N?"left":"right"),t(9,x.className=`tooltiptext ${ge} align-${Ce}`,x)}function re(){t(10,p=Ui.innerWidth)}function Q(X){U[X?"unshift":"push"](()=>{x=X,t(9,x)})}function D(X){U[X?"unshift":"push"](()=>{m=X,t(8,m)})}const ne=()=>{clearTimeout(V),H()},ae=()=>{clearTimeout(V),H()};return i.$$set=X=>{"content"in X&&t(1,s=X.content),"testid"in X&&t(2,c=X.testid),"position"in X&&t(0,d=X.position),"halign"in X&&t(3,f=X.halign),"mt"in X&&t(4,g=X.mt),"mr"in X&&t(5,b=X.mr),"mb"in X&&t(6,v=X.mb),"ml"in X&&t(7,y=X.ml)},i.$$.update=()=>{i.$$.dirty&768&&m&&x&&m.style.setProperty("--target-width",`${m.getBoundingClientRect().width/2}px`),i.$$.dirty&2&&B()},[d,s,c,f,g,b,v,y,m,x,p,T,V,R,H,M,re,Q,D,ne,ae]}class Wa extends j{constructor(e){super();const t=document.createElement("style");t.textContent=':host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.tooltip{position:relative;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.tooltiptext{visibility:hidden;font:var(--goa-typography-body-s);background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light);text-align:center;border-radius:var(--goa-border-radius-m);position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:var(--goa-space-xs) var(--goa-space-m);text-align:left;white-space:nowrap;display:flex;flex-direction:column}.tooltiptarget{margin:4px}.tooltiptext.bottom{top:calc(100% + 10px)}.tooltiptext.top{bottom:calc(100% + 10px)}.tooltiptext.right{left:calc(100% + 10px)}.tooltiptext.left{right:calc(100% + 10px)}.tooltip:hover .tooltiptext,.tooltip:focus .tooltiptext{opacity:1}.tooltiptext.bottom::before,.tooltiptext.top::before,.tooltiptext.left::before,.tooltiptext.right::before{content:"";position:absolute;border-style:solid;aria-hidden:true}.tooltiptext.bottom::before{top:-10px;left:50%;border-width:0 10px 10px 10px;transform:translateX(-50%);border-color:transparent transparent var(--goa-color-greyscale-700) transparent}.tooltiptext.top::before{bottom:-10px;left:50%;transform:translateX(-50%);border-width:10px 10px 0 10px;border-color:var(--goa-color-greyscale-700) transparent transparent transparent}.tooltiptext.left::before{top:50%;right:-10px;transform:translateY(-50%);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--goa-color-greyscale-700)}.tooltiptext.right::before{top:50%;left:-10px;transform:translateY(-50%);border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--goa-color-greyscale-700) transparent transparent}.tooltiptext.bottom.align-left::before,.tooltiptext.top.align-left::before{left:calc(100% - (var(--target-width) + 1rem))}.tooltiptext.bottom.align-right::before,.tooltiptext.top.align-right::before{left:calc(var(--target-width) + 1rem)}.tooltip.align-right{justify-content:flex-start}.tooltip.align-left{justify-content:flex-end}.tooltiptext.align-right{left:0;margin-left:-1rem}.tooltiptext.align-left{right:0;margin-right:-1rem}',this.shadowRoot.appendChild(t),W(this,{target:this.shadowRoot,props:F(this.attributes),customElement:!0},Fa,ja,O,{content:1,testid:2,position:0,halign:3,mt:4,mr:5,mb:6,ml:7},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["content","testid","position","halign","mt","mr","mb","ml"]}get content(){return this.$$.ctx[1]}set content(e){this.$$set({content:e}),h()}get testid(){return this.$$.ctx[2]}set testid(e){this.$$set({testid:e}),h()}get position(){return this.$$.ctx[0]}set position(e){this.$$set({position:e}),h()}get halign(){return this.$$.ctx[3]}set halign(e){this.$$set({halign:e}),h()}get mt(){return this.$$.ctx[4]}set mt(e){this.$$set({mt:e}),h()}get mr(){return this.$$.ctx[5]}set mr(e){this.$$set({mr:e}),h()}get mb(){return this.$$.ctx[6]}set mb(e){this.$$set({mb:e}),h()}get ml(){return this.$$.ctx[7]}set ml(e){this.$$set({ml:e}),h()}}customElements.define("goa-tooltip",Wa);function Ga(i){let e;return{c(){e=_("div"),e.innerHTML=`<header class="header"><slot name="header"></slot></header>
|
|
157
157
|
|
|
158
158
|
<nav class="nav"><slot name="nav"></slot></nav>
|