@abgov/web-components 1.0.0-alpha.52 → 1.0.0-alpha.53
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 +1 -1
- package/web-components.umd.js +1 -1
package/package.json
CHANGED
package/web-components.es.js
CHANGED
|
@@ -4833,7 +4833,7 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
|
4833
4833
|
class Input extends SvelteElement {
|
|
4834
4834
|
constructor(options) {
|
|
4835
4835
|
super();
|
|
4836
|
-
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-input,.goa-input *{box-sizing:border-box}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);background:white;display:inline-flex;align-items:center}.goa-input:hover{border-color:var(--goa-color-interactive--hover)}.goa-input:active,.goa-input:focus,.goa-input:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}input{color:var(--goa-color-text)}input[readonly]{cursor:pointer}.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{
|
|
4836
|
+
this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-input,.goa-input *{box-sizing:border-box}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);background:white;display:inline-flex;align-items:center}.goa-input:hover{border-color:var(--goa-color-interactive--hover)}.goa-input:active,.goa-input:focus,.goa-input:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}input{color:var(--goa-color-text)}input[readonly]{cursor:pointer}.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{display:flex;align-items:center;margin-left:0.5rem}.goa-input-trailing-icon{display:flex;align-items:center;margin-right:0.5rem}.goa-input-trailing-icon>.goa-icon-button{margin-right:-0.5rem}input{display:block;width:100%;font-size:var(--input-font-size);padding:var(--input-padding);line-height:calc(40px - calc(var(--input-padding) * 2));background-color:transparent}.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(--color-gray-100);border-color:var(--color-gray-200);cursor:default;box-shadow:none}.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}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:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive--error)}</style>`;
|
|
4837
4837
|
|
|
4838
4838
|
init(
|
|
4839
4839
|
this,
|
package/web-components.umd.js
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
goa-input ${g[10]?"goa-input--disabled":""}
|
|
12
12
|
variant--${g[6]}
|
|
13
13
|
type--${g[0]}
|
|
14
|
-
`)&&d(e,"class",s),b&3137&&P(e,"error",g[11])},i:p,o:p,d(g){g&&E(e),f&&f.d(),t[21](null),m&&m.d(),v&&v.d(),c=!1,u()}}}function zr(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:!0}))}function Er(t,e,i){let r,o,n,a,l,{type:s="text"}=e,{name:c=""}=e,{value:u=""}=e,{placeholder:f=""}=e,{leadingicon:m=null}=e,{trailingicon:v=null}=e,{variant:g="goa"}=e,{disabled:b="false"}=e,{handletrailingiconclick:k="false"}=e,{focused:x="false"}=e,{readonly:R="false"}=e,{error:C="false"}=e,{testid:H=""}=e,{width:B="100%"}=e,T;function U(A){A.target.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{name:c,value:A.target.value}})),A.stopPropagation()}function K(A){ce[A?"unshift":"push"](()=>{T=A,i(9,T)})}return t.$$set=A=>{"type"in A&&i(0,s=A.type),"name"in A&&i(1,c=A.name),"value"in A&&i(2,u=A.value),"placeholder"in A&&i(3,f=A.placeholder),"leadingicon"in A&&i(4,m=A.leadingicon),"trailingicon"in A&&i(5,v=A.trailingicon),"variant"in A&&i(6,g=A.variant),"disabled"in A&&i(15,b=A.disabled),"handletrailingiconclick"in A&&i(16,k=A.handletrailingiconclick),"focused"in A&&i(17,x=A.focused),"readonly"in A&&i(18,R=A.readonly),"error"in A&&i(19,C=A.error),"testid"in A&&i(7,H=A.testid),"width"in A&&i(8,B=A.width)},t.$$.update=()=>{t.$$.dirty&65536&&i(13,r=q(k)),t.$$.dirty&131072&&i(20,o=q(x)),t.$$.dirty&262144&&i(12,n=q(R)),t.$$.dirty&524288&&i(11,a=q(C)),t.$$.dirty&32768&&i(10,l=q(b)),t.$$.dirty&1049088&&o&&T&&setTimeout(()=>T.focus(),1)},[s,c,u,f,m,v,g,H,B,T,l,a,n,r,U,b,k,x,R,C,o,K]}class Ft extends D{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-input,.goa-input *{box-sizing:border-box}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);background:white;display:inline-flex;align-items:center}.goa-input:hover{border-color:var(--goa-color-interactive--hover)}.goa-input:active,.goa-input:focus,.goa-input:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}input{color:var(--goa-color-text)}input[readonly]{cursor:pointer}.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{
|
|
14
|
+
`)&&d(e,"class",s),b&3137&&P(e,"error",g[11])},i:p,o:p,d(g){g&&E(e),f&&f.d(),t[21](null),m&&m.d(),v&&v.d(),c=!1,u()}}}function zr(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:!0}))}function Er(t,e,i){let r,o,n,a,l,{type:s="text"}=e,{name:c=""}=e,{value:u=""}=e,{placeholder:f=""}=e,{leadingicon:m=null}=e,{trailingicon:v=null}=e,{variant:g="goa"}=e,{disabled:b="false"}=e,{handletrailingiconclick:k="false"}=e,{focused:x="false"}=e,{readonly:R="false"}=e,{error:C="false"}=e,{testid:H=""}=e,{width:B="100%"}=e,T;function U(A){A.target.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{name:c,value:A.target.value}})),A.stopPropagation()}function K(A){ce[A?"unshift":"push"](()=>{T=A,i(9,T)})}return t.$$set=A=>{"type"in A&&i(0,s=A.type),"name"in A&&i(1,c=A.name),"value"in A&&i(2,u=A.value),"placeholder"in A&&i(3,f=A.placeholder),"leadingicon"in A&&i(4,m=A.leadingicon),"trailingicon"in A&&i(5,v=A.trailingicon),"variant"in A&&i(6,g=A.variant),"disabled"in A&&i(15,b=A.disabled),"handletrailingiconclick"in A&&i(16,k=A.handletrailingiconclick),"focused"in A&&i(17,x=A.focused),"readonly"in A&&i(18,R=A.readonly),"error"in A&&i(19,C=A.error),"testid"in A&&i(7,H=A.testid),"width"in A&&i(8,B=A.width)},t.$$.update=()=>{t.$$.dirty&65536&&i(13,r=q(k)),t.$$.dirty&131072&&i(20,o=q(x)),t.$$.dirty&262144&&i(12,n=q(R)),t.$$.dirty&524288&&i(11,a=q(C)),t.$$.dirty&32768&&i(10,l=q(b)),t.$$.dirty&1049088&&o&&T&&setTimeout(()=>T.focus(),1)},[s,c,u,f,m,v,g,H,B,T,l,a,n,r,U,b,k,x,R,C,o,K]}class Ft extends D{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-input,.goa-input *{box-sizing:border-box}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:var(--input-border-radius);background:white;display:inline-flex;align-items:center}.goa-input:hover{border-color:var(--goa-color-interactive--hover)}.goa-input:active,.goa-input:focus,.goa-input:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}input{color:var(--goa-color-text)}input[readonly]{cursor:pointer}.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{display:flex;align-items:center;margin-left:0.5rem}.goa-input-trailing-icon{display:flex;align-items:center;margin-right:0.5rem}.goa-input-trailing-icon>.goa-icon-button{margin-right:-0.5rem}input{display:block;width:100%;font-size:var(--input-font-size);padding:var(--input-padding);line-height:calc(40px - calc(var(--input-padding) * 2));background-color:transparent}.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(--color-gray-100);border-color:var(--color-gray-200);cursor:default;box-shadow:none}.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}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:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive--error)}</style>",j(this,{target:this.shadowRoot,props:S(this.attributes),customElement:!0},Er,xr,G,{type:0,name:1,value:2,placeholder:3,leadingicon:4,trailingicon:5,variant:6,disabled:15,handletrailingiconclick:16,focused:17,readonly:18,error:19,testid:7,width:8},null),e&&(e.target&&w(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["type","name","value","placeholder","leadingicon","trailingicon","variant","disabled","handletrailingiconclick","focused","readonly","error","testid","width"]}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),h()}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),h()}get value(){return this.$$.ctx[2]}set value(e){this.$$set({value:e}),h()}get placeholder(){return this.$$.ctx[3]}set placeholder(e){this.$$set({placeholder:e}),h()}get leadingicon(){return this.$$.ctx[4]}set leadingicon(e){this.$$set({leadingicon:e}),h()}get trailingicon(){return this.$$.ctx[5]}set trailingicon(e){this.$$set({trailingicon:e}),h()}get variant(){return this.$$.ctx[6]}set variant(e){this.$$set({variant:e}),h()}get disabled(){return this.$$.ctx[15]}set disabled(e){this.$$set({disabled:e}),h()}get handletrailingiconclick(){return this.$$.ctx[16]}set handletrailingiconclick(e){this.$$set({handletrailingiconclick:e}),h()}get focused(){return this.$$.ctx[17]}set focused(e){this.$$set({focused:e}),h()}get readonly(){return this.$$.ctx[18]}set readonly(e){this.$$set({readonly:e}),h()}get error(){return this.$$.ctx[19]}set error(e){this.$$set({error:e}),h()}get testid(){return this.$$.ctx[7]}set testid(e){this.$$set({testid:e}),h()}get width(){return this.$$.ctx[8]}set width(e){this.$$set({width:e}),h()}}customElements.define("goa-input",Ft);function Cr(t){const e=t-1;return e*e*e+1}function Ar(t){return Math.pow(t-1,3)*(1-t)+1}function ue(t,{delay:e=0,duration:i=400,easing:r=fe}={}){const o=+getComputedStyle(t).opacity;return{delay:e,duration:i,easing:r,css:n=>`opacity: ${n*o}`}}function qt(t,{delay:e=0,duration:i=400,easing:r=Cr,x:o=0,y:n=0,opacity:a=0}={}){const l=getComputedStyle(t),s=+l.opacity,c=l.transform==="none"?"":l.transform,u=s*(1-a);return{delay:e,duration:i,easing:r,css:(f,m)=>`
|
|
15
15
|
transform: ${c} translate(${(1-f)*o}px, ${(1-f)*n}px);
|
|
16
16
|
opacity: ${s-u*m}`}}function Wt(t,e){function i(){const n=o();document.body.style.overflow="hidden",document.body.style.paddingRight=n+"px"}function r(){setTimeout(()=>{document.body.style.overflow="",document.body.style.paddingRight="0"},500)}function o(){if(document.body.clientHeight<=document.documentElement.clientHeight)return 0;const n=document.createElement("div");n.style.visibility="hidden",n.style.overflow="scroll",document.body.appendChild(n);const a=document.createElement("div");n.appendChild(a);const l=n.offsetWidth-a.offsetWidth;return n.parentNode.removeChild(n),l}return e.enable&&i(),{update(){e.enable?i():r()},destroy(){r()}}}function Kt(t){let e,i,r,o,n,a,l,s,c,u,f,m,v,g,b,k,x,R,C,H,B=t[0]&&Ut(t),T=t[4]&&Zt(t);function U(O,$){return O[5]?Rr:Mr}let K=U(t),A=K(t);return{c(){e=_("div"),i=_("div"),r=M(),o=_("div"),B&&B.c(),n=M(),T&&T.c(),a=M(),l=_("div"),A.c(),s=M(),c=_("slot"),u=M(),f=_("div"),f.innerHTML='<slot name="actions"></slot>',d(i,"data-testid","modal-overlay"),d(i,"class","modal-overlay"),d(l,"data-testid","modal-content"),d(l,"class","modal-content"),d(f,"data-testid","modal-actions"),d(f,"class","modal-actions"),d(o,"class","modal-pane"),d(e,"data-testid","modal"),d(e,"class","modal"),d(e,"style",g="--scroll-offset: "+t[3]+"px; "+(t[1]&&`--width: ${t[1]};`)+";")},m(O,$){w(O,e,$),y(e,i),y(e,r),y(e,o),B&&B.m(o,null),y(o,n),T&&T.m(o,null),y(o,a),y(o,l),A.m(l,null),y(l,s),y(l,c),y(o,u),y(o,f),R=!0,C||(H=[X(i,"click",t[6]),We(b=Wt.call(null,e,{enable:t[2]}))],C=!0)},p(O,$){O[0]?B?B.p(O,$):(B=Ut(O),B.c(),B.m(o,n)):B&&(B.d(1),B=null),O[4]?T?T.p(O,$):(T=Zt(O),T.c(),T.m(o,a)):T&&(T.d(1),T=null),K!==(K=U(O))&&(A.d(1),A=K(O),A&&(A.c(),A.m(l,s))),(!R||$&10&&g!==(g="--scroll-offset: "+O[3]+"px; "+(O[1]&&`--width: ${O[1]};`)+";"))&&d(e,"style",g),b&&oe(b.update)&&$&4&&b.update.call(null,{enable:O[2]})},i(O){R||(Y(()=>{v&&v.end(1),m=et(o,qt,{duration:200,y:200}),m.start()}),Y(()=>{x&&x.end(1),k=et(e,ue,{duration:200}),k.start()}),R=!0)},o(O){m&&m.invalidate(),v=tt(o,qt,{delay:200,duration:200,y:-100}),k&&k.invalidate(),x=tt(e,ue,{delay:200,duration:200}),R=!1},d(O){O&&E(e),B&&B.d(),T&&T.d(),A.d(),O&&v&&v.end(),O&&x&&x.end(),C=!1,ee(H)}}}function Ut(t){let e,i;return{c(){e=_("div"),i=W(t[0]),d(e,"data-testid","modal-title"),d(e,"class","modal-title")},m(r,o){w(r,e,o),y(e,i)},p(r,o){o&1&&V(i,r[0])},d(r){r&&E(e)}}}function Zt(t){let e,i,r,o;return{c(){e=_("div"),i=_("goa-icon-button"),z(i,"data-testid","modal-close-button"),z(i,"type","close"),d(e,"class","modal-close")},m(n,a){w(n,e,a),y(e,i),r||(o=X(i,"click",t[6]),r=!0)},p,d(n){n&&E(e),r=!1,o()}}}function Mr(t){let e;return{c(){e=_("div"),e.innerHTML="<slot></slot>",N(e,"margin","1.75rem")},m(i,r){w(i,e,r)},d(i){i&&E(e)}}}function Rr(t){let e;return{c(){e=_("goa-scrollable"),e.innerHTML="<slot></slot>",z(e,"direction","vertical"),z(e,"height","50"),z(e,"hpadding","1.75")},m(i,r){w(i,e,r)},d(i){i&&E(e)}}}function Lr(t){let e,i,r=t[2]&&Kt(t);return{c(){r&&r.c(),e=se(),this.c=p},m(o,n){r&&r.m(o,n),w(o,e,n),i=!0},p(o,[n]){o[2]?r?(r.p(o,n),n&4&&F(r,1)):(r=Kt(o),r.c(),F(r,1),r.m(e.parentNode,e)):r&&(ve(),Z(r,1,1,()=>{r=null}),ye())},i(o){i||(F(r),i=!0)},o(o){Z(r),i=!1},d(o){r&&r.d(o),o&&E(e)}}}function Tr(t,e,i){let r,o,n,{heading:a}=e,{closable:l}=e,{scrollable:s}=e,{open:c}=e,{width:u}=e,f=0;function m(v){!r||(v.target.dispatchEvent(new CustomEvent("_close",{composed:!0})),v.stopPropagation())}return t.$$set=v=>{"heading"in v&&i(0,a=v.heading),"closable"in v&&i(7,l=v.closable),"scrollable"in v&&i(8,s=v.scrollable),"open"in v&&i(9,c=v.open),"width"in v&&i(1,u=v.width)},t.$$.update=()=>{t.$$.dirty&128&&i(4,r=q(l)),t.$$.dirty&256&&i(5,o=q(s)),t.$$.dirty&512&&i(2,n=q(c)),t.$$.dirty&4&&n&&i(3,f=window.pageYOffset)},[a,u,n,f,r,o,m,l,s,c]}class Vt extends D{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}.modal{font-family:var(--font-family);position:absolute;top:var(--scroll-offset, 0);left: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}.modal-pane{position:relative;background-color:#fff;z-index:1001;width:var(--width, 60ch);margin:1rem;box-shadow:var(--shadow-2);border-radius:4px;max-height:90%}@media(min-width: 640px){.modal-pane{max-height:80%}}.modal-actions{text-align:right;padding:0 1.75rem;margin:1.75rem 0;flex:1 1 auto}.modal-close{position:absolute;top:1rem;right:1rem}.modal-title{font-size:var(--fs-xl);padding-bottom:1rem;padding:0 1.75rem;margin:1.75rem 0;margin-right:40px;flex:0 0 auto}</style>",j(this,{target:this.shadowRoot,props:S(this.attributes),customElement:!0},Tr,Lr,G,{heading:0,closable:7,scrollable:8,open:9,width:1},null),e&&(e.target&&w(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["heading","closable","scrollable","open","width"]}get heading(){return this.$$.ctx[0]}set heading(e){this.$$set({heading:e}),h()}get closable(){return this.$$.ctx[7]}set closable(e){this.$$set({closable:e}),h()}get scrollable(){return this.$$.ctx[8]}set scrollable(e){this.$$set({scrollable:e}),h()}get open(){return this.$$.ctx[9]}set open(e){this.$$set({open:e}),h()}get width(){return this.$$.ctx[1]}set width(e){this.$$set({width:e}),h()}}customElements.define("goa-modal",Vt);function Xt(t){let e,i,r,o,n,a,l,s,c,u,f,m,v;return{c(){e=_("div"),i=_("div"),r=_("goa-icon"),o=M(),n=_("div"),n.innerHTML="<slot></slot>",a=M(),l=_("div"),s=_("goa-icon-button"),z(r,"type",t[2]),z(r,"inverted",""),d(i,"class","icon"),d(n,"class","content"),z(s,"type","close"),z(s,"inverted",""),d(l,"class","close"),d(e,"class",c="notification "+t[0])},m(g,b){w(g,e,b),y(e,i),y(i,r),y(e,o),y(e,n),y(e,a),y(e,l),y(l,s),f=!0,m||(v=X(s,"click",t[3]),m=!0)},p(g,b){(!f||b&4)&&z(r,"type",g[2]),(!f||b&1&&c!==(c="notification "+g[0]))&&d(e,"class",c)},i(g){f||(Y(()=>{u||(u=Te(e,ue,{},!0)),u.run(1)}),f=!0)},o(g){u||(u=Te(e,ue,{},!1)),u.run(0),f=!1},d(g){g&&E(e),g&&u&&u.end(),m=!1,v()}}}function Hr(t){let e,i,r=t[1]&&Xt(t);return{c(){r&&r.c(),e=se(),this.c=p},m(o,n){r&&r.m(o,n),w(o,e,n),i=!0},p(o,[n]){o[1]?r?(r.p(o,n),n&2&&F(r,1)):(r=Xt(o),r.c(),F(r,1),r.m(e.parentNode,e)):r&&(ve(),Z(r,1,1,()=>{r=null}),ye())},i(o){i||(F(r),i=!0)},o(o){Z(r),i=!1},d(o){r&&r.d(o),o&&E(e)}}}function Ir(t,e,i){let r,{type:o}=e,n=!0;function a(){i(1,n=!1)}return t.$$set=l=>{"type"in l&&i(0,o=l.type)},t.$$.update=()=>{t.$$.dirty&1&&i(2,r=o==="emergency"?"warning":o==="caution"?"alert-circle":o==="information"?"information-circle":"calendar")},[o,n,r,a]}class Yt extends D{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}.notification{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-radius:3px}.emergency{background-color:var(--goa-color-status-emergency);color:var(--color-white)}.caution{background-color:var(--goa-color-status-warning)}.information{background-color:var(--goa-color-status-info);color:var(--color-white)}.event{background-color:var(--goa-color-status-success);color:var(--color-white)}.icon{flex:0 0 auto;align-self:flex-start}.content{flex:1 1 auto}.close{flex:0 0 auto;align-self:flex-start}</style>",j(this,{target:this.shadowRoot,props:S(this.attributes),customElement:!0},Ir,Hr,G,{type:0},null),e&&(e.target&&w(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["type"]}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),h()}}customElements.define("goa-notification",Yt);function Gr(t){let e;return{c(){e=_("div"),e.innerHTML="<slot></slot>",this.c=p,d(e,"class","layout")},m(i,r){w(i,e,r)},p,i:p,o:p,d(i){i&&E(e)}}}class Jt extends D{constructor(e){super();this.shadowRoot.innerHTML="<style>@media(min-width: 768px){}.layout{max-width:768px;margin:0 auto;padding:2rem}</style>",j(this,{target:this.shadowRoot,props:S(this.attributes),customElement:!0},null,Gr,G,{},null),e&&e.target&&w(e.target,this,e.anchor)}}customElements.define("goa-page-layout",Jt);function Qt(t){let e,i,r,o;const n=[Br,Dr],a=[];function l(s,c){return s[6]?0:s[5]?1:-1}return~(e=l(t))&&(i=a[e]=n[e](t)),{c(){i&&i.c(),r=se()},m(s,c){~e&&a[e].m(s,c),w(s,r,c),o=!0},p(s,c){let u=e;e=l(s),e===u?~e&&a[e].p(s,c):(i&&(ve(),Z(a[u],1,1,()=>{a[u]=null}),ye()),~e?(i=a[e],i?i.p(s,c):(i=a[e]=n[e](s),i.c()),F(i,1),i.m(r.parentNode,r)):i=null)},i(s){o||(F(i),o=!0)},o(s){Z(i),o=!1},d(s){~e&&a[e].d(s),s&&E(r)}}}function Dr(t){let e,i,r,o,n,a=t[1]&&$t(t);return{c(){e=_("div"),i=_("goa-spinner"),o=M(),a&&a.c(),z(i,"type",t[0]),z(i,"size",t[4]),z(i,"progress",r=t[2]||0),d(e,"class",n="spinner-"+t[4]),P(e,"inline",t[5])},m(l,s){w(l,e,s),y(e,i),y(e,o),a&&a.m(e,null)},p(l,s){s&1&&z(i,"type",l[0]),s&16&&z(i,"size",l[4]),s&4&&r!==(r=l[2]||0)&&z(i,"progress",r),l[1]?a?a.p(l,s):(a=$t(l),a.c(),a.m(e,null)):a&&(a.d(1),a=null),s&16&&n!==(n="spinner-"+l[4])&&d(e,"class",n),s&48&&P(e,"inline",l[5])},i:p,o:p,d(l){l&&E(e),a&&a.d()}}}function Br(t){let e,i,r,o,n,a,l,s,c=t[1]&&ei(t);return{c(){e=_("div"),i=_("goa-spinner"),o=M(),c&&c.c(),z(i,"type",t[0]),z(i,"size",t[4]),z(i,"progress",r=t[2]||0),P(e,"fullscreen",t[6])},m(u,f){w(u,e,f),y(e,i),y(e,o),c&&c.m(e,null),a=!0,l||(s=We(Wt.call(null,e,{enable:!0})),l=!0)},p(u,f){(!a||f&1)&&z(i,"type",u[0]),(!a||f&16)&&z(i,"size",u[4]),(!a||f&4&&r!==(r=u[2]||0))&&z(i,"progress",r),u[1]?c?c.p(u,f):(c=ei(u),c.c(),c.m(e,null)):c&&(c.d(1),c=null),f&64&&P(e,"fullscreen",u[6])},i(u){a||(Y(()=>{n||(n=Te(e,ue,{duration:300},!0)),n.run(1)}),a=!0)},o(u){n||(n=Te(e,ue,{duration:300},!1)),n.run(0),a=!1},d(u){u&&E(e),c&&c.d(),u&&n&&n.end(),l=!1,s()}}}function $t(t){let e,i;return{c(){e=_("div"),i=W(t[1]),d(e,"class","message")},m(r,o){w(r,e,o),y(e,i)},p(r,o){o&2&&V(i,r[1])},d(r){r&&E(e)}}}function ei(t){let e,i;return{c(){e=_("div"),i=W(t[1]),d(e,"class","message")},m(r,o){w(r,e,o),y(e,i)},p(r,o){o&2&&V(i,r[1])},d(r){r&&E(e)}}}function Sr(t){let e,i,r=t[3]&&Qt(t);return{c(){r&&r.c(),e=se(),this.c=p},m(o,n){r&&r.m(o,n),w(o,e,n),i=!0},p(o,[n]){o[3]?r?(r.p(o,n),n&8&&F(r,1)):(r=Qt(o),r.c(),F(r,1),r.m(e.parentNode,e)):r&&(ve(),Z(r,1,1,()=>{r=null}),ye())},i(o){i||(F(r),i=!0)},o(o){Z(r),i=!1},d(o){r&&r.d(o),o&&E(e)}}}function jr(t,e,i){let r,o,n,a,l,{type:s}=e,{variant:c}=e,{size:u}=e,{message:f=""}=e,{progress:m=0}=e,{visible:v="false"}=e;return t.$$set=g=>{"type"in g&&i(0,s=g.type),"variant"in g&&i(7,c=g.variant),"size"in g&&i(8,u=g.size),"message"in g&&i(1,f=g.message),"progress"in g&&i(2,m=g.progress),"visible"in g&&i(9,v=g.visible)},t.$$.update=()=>{t.$$.dirty&512&&i(10,r=q(v)),t.$$.dirty&128&&i(6,o=c==="fullscreen"),t.$$.dirty&128&&i(5,n=c==="inline"),t.$$.dirty&256&&i(4,a=u==="small"?"large":"xlarge"),t.$$.dirty&1281&&i(3,l=s&&r&&u)},[s,f,m,l,a,n,o,c,u,v,r]}class ti extends D{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}.fullscreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:rgba(255, 255, 255, 0.9)}.inline{margin:3.5rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.spinner-large .message{margin-top:1.5rem;font-size:1.2rem}.spinner-xlarge .message{margin-top:2rem;font-size:1.5rem}</style>",j(this,{target:this.shadowRoot,props:S(this.attributes),customElement:!0},jr,Sr,G,{type:0,variant:7,size:8,message:1,progress:2,visible:9},null),e&&(e.target&&w(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["type","variant","size","message","progress","visible"]}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),h()}get variant(){return this.$$.ctx[7]}set variant(e){this.$$set({variant:e}),h()}get size(){return this.$$.ctx[8]}set size(e){this.$$set({size:e}),h()}get message(){return this.$$.ctx[1]}set message(e){this.$$set({message:e}),h()}get progress(){return this.$$.ctx[2]}set progress(e){this.$$set({progress:e}),h()}get visible(){return this.$$.ctx[9]}set visible(e){this.$$set({visible:e}),h()}}customElements.define("goa-circular-progress",ti);const ii="bind";function ri(t,e,i){const r=t.slice();return r[14]=e[i],r}function oi(t,e){let i,r,o,n,a,l,s,c,u=(e[14].label||e[14].value)+"",f,m,v,g,b;function k(){return e[11](e[14])}return{key:t,first:null,c(){i=_("label"),r=_("input"),a=M(),l=_("div"),s=M(),c=_("span"),f=W(u),m=M(),d(r,"type","radio"),d(r,"name",e[1]),r.value=o=e[14].value,r.disabled=e[7],r.checked=n=e[14].value===e[0],d(l,"class","goa-radio-icon"),d(c,"class","goa-radio-label"),d(i,"data-testid",v="radio-option-"+e[14].value),d(i,"class","goa-radio"),P(i,"goa-radio--disabled",e[7]),P(i,"goa-radio--error",e[5]),this.first=i},m(x,R){w(x,i,R),y(i,r),y(i,a),y(i,l),y(i,s),y(i,c),y(c,f),y(i,m),g||(b=X(r,"change",k),g=!0)},p(x,R){e=x,R&2&&d(r,"name",e[1]),R&16&&o!==(o=e[14].value)&&(r.value=o),R&128&&(r.disabled=e[7]),R&17&&n!==(n=e[14].value===e[0])&&(r.checked=n),R&16&&u!==(u=(e[14].label||e[14].value)+"")&&V(f,u),R&16&&v!==(v="radio-option-"+e[14].value)&&d(i,"data-testid",v),R&128&&P(i,"goa-radio--disabled",e[7]),R&32&&P(i,"goa-radio--error",e[5])},d(x){x&&E(i),g=!1,b()}}}function Pr(t){let e,i,r,o=[],n=new Map,a,l=t[4];const s=c=>c[14].value;for(let c=0;c<l.length;c+=1){let u=ri(t,l,c),f=s(u);n.set(f,o[c]=oi(f,u))}return{c(){e=_("div"),i=_("slot"),r=M();for(let c=0;c<o.length;c+=1)o[c].c();this.c=p,d(e,"class",a=`goa-radio-group--${t[2]}`),d(e,"data-testid",t[3])},m(c,u){w(c,e,u),y(e,i),y(e,r);for(let f=0;f<o.length;f+=1)o[f].m(e,null);t[12](e)},p(c,[u]){u&435&&(l=c[4],o=rt(o,u,s,1,c,l,n,e,it,oi,null,ri)),u&4&&a!==(a=`goa-radio-group--${c[2]}`)&&d(e,"class",a),u&8&&d(e,"data-testid",c[3])},i:p,o:p,d(c){c&&E(e);for(let u=0;u<o.length;u+=1)o[u].d();t[12](null)}}}function Or(t,e,i){let r,{name:o}=e,{value:n}=e,{orientation:a="vertical"}=e,{disabled:l="false"}=e,{error:s="false"}=e,{testid:c=""}=e,u=[],f,m,v;Ae(()=>{m=pt(o),m.subscribe(x=>{switch(x==null?void 0:x.type){case ii:i(4,u=[...u,x])}})});function g(x){x!==n&&(i(0,n=x),v.dispatchEvent(new CustomEvent("_change",{composed:!0,detail:{name:o,value:n}})))}Xe(()=>{kt(o)});const b=x=>g(x.value);function k(x){ce[x?"unshift":"push"](()=>{v=x,i(6,v)})}return t.$$set=x=>{"name"in x&&i(1,o=x.name),"value"in x&&i(0,n=x.value),"orientation"in x&&i(2,a=x.orientation),"disabled"in x&&i(9,l=x.disabled),"error"in x&&i(10,s=x.error),"testid"in x&&i(3,c=x.testid)},t.$$.update=()=>{t.$$.dirty&512&&i(7,r=q(l)),t.$$.dirty&1024&&i(5,f=q(s))},[n,o,a,c,u,f,v,r,g,l,s,b,k]}class ni extends D{constructor(e){super();this.shadowRoot.innerHTML='<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-radio-group--horizontal{display:flex;flex-direction:row}.goa-radio-group--vertical{display:inline-flex;flex-direction:column}label.goa-radio{--goa-radio-outline-width:3px;--goa-radio-diameter:1.5rem;--goa-radio-border-width:1px;--goa-radio-border-width--checked:7px;box-sizing:border-box;display:inline-flex;align-items:center;min-height:3rem}.goa-radio:hover{cursor:pointer}.goa-radio *,.goa-radio *:before,.goa-radio *:after{box-sizing:border-box}.goa-radio input[type="radio"]{width:0;height:0;margin:0;opacity:0}input[type="radio"]:hover~.goa-radio-icon{border-color:var(--goa-color-interactive--hover)}input[type="radio"]:focus~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive--focus)}.goa-radio-label{padding:0.5rem;font-weight:var(--fw-regular)}.goa-radio-icon{display:inline-block;height:var(--goa-radio-diameter);width:var(--goa-radio-diameter);border-radius:50%;background-color:#fff;transition:box-shadow 100ms ease-in-out}.goa-radio:focus>input:not(:disabled)~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive--focus)}.goa-radio--disabled{opacity:0.4}.goa-radio--disabled:hover{cursor:default}input[type="radio"]:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid var(--goa-color-interactive--active)}input[type="radio"]:not(:checked)~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--color-gray-600)}input[type="radio"]:disabled~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--color-gray-600)}input[type="radio"]:disabled:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid var(--goa-color-interactive--active)}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon{border:7px solid var(--goa-color-status-emergency)}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-status-emergency)}</style>',j(this,{target:this.shadowRoot,props:S(this.attributes),customElement:!0},Or,Pr,G,{name:1,value:0,orientation:2,disabled:9,error:10,testid:3},null),e&&(e.target&&w(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["name","value","orientation","disabled","error","testid"]}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 orientation(){return this.$$.ctx[2]}set orientation(e){this.$$set({orientation:e}),h()}get disabled(){return this.$$.ctx[9]}set disabled(e){this.$$set({disabled:e}),h()}get error(){return this.$$.ctx[10]}set error(e){this.$$set({error:e}),h()}get testid(){return this.$$.ctx[3]}set testid(e){this.$$set({testid:e}),h()}}customElements.define("goa-radio-group",ni);function Nr(t){return{c(){this.c=p},m:p,p,i:p,o:p,d:p}}function Fr(t,e,i){let{value:r}=e,{label:o}=e,{name:n}=e,a;return Ae(async()=>{a=await _t(n),a.notify({type:ii,value:r,label:o})}),t.$$set=l=>{"value"in l&&i(0,r=l.value),"label"in l&&i(1,o=l.label),"name"in l&&i(2,n=l.name)},[r,o,n]}class ai extends D{constructor(e){super();j(this,{target:this.shadowRoot,props:S(this.attributes),customElement:!0},Fr,Nr,G,{value:0,label:1,name:2},null),e&&(e.target&&w(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["value","label","name"]}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),h()}get label(){return this.$$.ctx[1]}set label(e){this.$$set({label:e}),h()}get name(){return this.$$.ctx[2]}set name(e){this.$$set({name:e}),h()}}customElements.define("goa-radio-item",ai);function qr(t){let e,i,r;return{c(){e=_("div"),i=_("slot"),this.c=p,d(e,"class","goa-scrollable"),d(e,"style",r=`
|
|
17
17
|
--max-height: ${t[3]};
|