@abgov/web-components 1.0.0-alpha.144 → 1.0.0-alpha.145

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/web-components",
-  "version": "1.0.0-alpha.144",
+  "version": "1.0.0-alpha.145",
   "description": "Government of Alberta - UI Web components",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/web-components.es.js

@@ -11163,7 +11163,7 @@ function create_else_block(ctx) {
 function create_if_block_2(ctx) {
 	let each_1_anchor;
 	let current;
-	let each_value = Array(/*linecount*/ ctx[2]);
+	let each_value = Array(Number.parseInt(/*linecount*/ ctx[2] + ""));
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -11192,7 +11192,7 @@ function create_if_block_2(ctx) {
 		},
 		p(ctx, dirty) {
 			if (dirty & /*size, linecount*/ 6) {
-				each_value = Array(/*linecount*/ ctx[2]);
+				each_value = Array(Number.parseInt(/*linecount*/ ctx[2] + ""));
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -11357,7 +11357,7 @@ function create_if_block$1(ctx) {
 			props: {
 				type: "lines",
 				size: /*size*/ ctx[1],
-				linecount: 3
+				linecount: /*linecount*/ ctx[2]
 			}
 		});
 
@@ -11393,6 +11393,7 @@ function create_if_block$1(ctx) {
 			skeleton1.$set(skeleton1_changes);
 			const skeleton2_changes = {};
 			if (dirty & /*size*/ 2) skeleton2_changes.size = /*size*/ ctx[1];
+			if (dirty & /*linecount*/ 4) skeleton2_changes.linecount = /*linecount*/ ctx[2];
 			skeleton2.$set(skeleton2_changes);
 
 			if (!current || dirty & /*size*/ 2 && div1_class_value !== (div1_class_value = "card card-" + /*size*/ ctx[1])) {
@@ -11425,7 +11426,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (52:4) {#each Array(linecount) as _item}
+// (52:4) {#each Array(Number.parseInt(linecount+"")) as _item}
 function create_each_block(ctx) {
 	let skeleton;
 	let current;

package/web-components.umd.js

@@ -95,7 +95,7 @@ var __vite_style__=document.createElement("style");__vite_style__.innerHTML=`@im
   overflow-x: ${n[0]==="horizontal"?"auto":"hidden"};
   margin: ${n[2]}rem 0;
   padding: 0 ${n[1]}rem;
-`)&&u(e,"style",r)},i:x,o:x,d(n){n&&T(e)}}}function Gn(i,e,t){let{direction:r="vertical"}=e,{hpadding:n=0}=e,{vpadding:a=0}=e,{height:l=0}=e;return i.$$set=o=>{"direction"in o&&t(0,r=o.direction),"hpadding"in o&&t(1,n=o.hpadding),"vpadding"in o&&t(2,a=o.vpadding),"height"in o&&t(3,l=o.height)},[r,n,a,l]}class Un extends P{constructor(e){super();this.shadowRoot.innerHTML="<style>.goa-scrollable{scroll-behavior:smooth;max-height:calc(100vh * var(--max-height, 100) / 100)}.goa-scrollable::-webkit-scrollbar{width:6px}.goa-scrollable::-webkit-scrollbar-track{background:#f1f1f1}.goa-scrollable::-webkit-scrollbar-thumb{background:#888}.goa-scrollable::-webkit-scrollbar-thumb:hover{background:#555}</style>",F(this,{target:this.shadowRoot,props:q(this.attributes),customElement:!0},Gn,Vn,I,{direction:0,hpadding:1,vpadding:2,height:3},null),e&&(e.target&&p(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["direction","hpadding","vpadding","height"]}get direction(){return this.$$.ctx[0]}set direction(e){this.$$set({direction:e}),g()}get hpadding(){return this.$$.ctx[1]}set hpadding(e){this.$$set({hpadding:e}),g()}get vpadding(){return this.$$.ctx[2]}set vpadding(e){this.$$set({vpadding:e}),g()}get height(){return this.$$.ctx[3]}set height(e){this.$$set({height:e}),g()}}customElements.define("goa-scrollable",Un);function fi(i,e,t){const r=i.slice();return r[13]=e[t],r}function Wn(i){let e,t;return{c(){e=v("div"),u(e,"class",t="skeleton "+i[3]+` ${i[3]}-${i[1]}`)},m(r,n){p(r,e,n)},p(r,n){n&10&&t!==(t="skeleton "+r[3]+` ${r[3]}-${r[1]}`)&&u(e,"class",t)},i:x,o:x,d(r){r&&T(e)}}}function Kn(i){let e,t,r=Array(i[2]),n=[];for(let l=0;l<r.length;l+=1)n[l]=gi(fi(i,r,l));const a=l=>Y(n[l],1,1,()=>{n[l]=null});return{c(){for(let l=0;l<n.length;l+=1)n[l].c();e=ye()},m(l,o){for(let s=0;s<n.length;s+=1)n[s].m(l,o);p(l,e,o),t=!0},p(l,o){if(o&6){r=Array(l[2]);let s;for(s=0;s<r.length;s+=1){const c=fi(l,r,s);n[s]?(n[s].p(c,o),W(n[s],1)):(n[s]=gi(c),n[s].c(),W(n[s],1),n[s].m(e.parentNode,e))}for(xe(),s=r.length;s<n.length;s+=1)a(s);Ee()}},i(l){if(!t){for(let o=0;o<r.length;o+=1)W(n[o]);t=!0}},o(l){n=n.filter(Boolean);for(let o=0;o<n.length;o+=1)Y(n[o]);t=!1},d(l){Pe(n,l),l&&T(e)}}}function Xn(i){let e,t,r,n,a,l,o,s,c,d;return r=new be({props:{type:"avatar",size:i[1]}}),l=new be({props:{type:"title",size:i[1]}}),s=new be({props:{type:"text-small",size:i[1]}}),{c(){e=v("div"),t=v("div"),_e(r.$$.fragment),n=B(),a=v("div"),_e(l.$$.fragment),o=B(),_e(s.$$.fragment),u(t,"class","profile-avatar"),u(a,"class","profile-name"),u(e,"class",c="profile profile-"+i[1])},m(f,h){p(f,e,h),b(e,t),he(r,t,null),b(e,n),b(e,a),he(l,a,null),b(a,o),he(s,a,null),d=!0},p(f,h){const _={};h&2&&(_.size=f[1]),r.$set(_);const y={};h&2&&(y.size=f[1]),l.$set(y);const w={};h&2&&(w.size=f[1]),s.$set(w),(!d||h&2&&c!==(c="profile profile-"+f[1]))&&u(e,"class",c)},i(f){d||(W(r.$$.fragment,f),W(l.$$.fragment,f),W(s.$$.fragment,f),d=!0)},o(f){Y(r.$$.fragment,f),Y(l.$$.fragment,f),Y(s.$$.fragment,f),d=!1},d(f){f&&T(e),me(r),me(l),me(s)}}}function Zn(i){let e,t,r,n,a,l,o,s,c;return t=new be({props:{type:"image",size:i[1]}}),a=new be({props:{type:"header",size:i[1]}}),o=new be({props:{type:"lines",size:i[1],linecount:3}}),{c(){e=v("div"),_e(t.$$.fragment),r=B(),n=v("div"),_e(a.$$.fragment),l=B(),_e(o.$$.fragment),u(n,"class","card-content"),u(e,"class",s="card card-"+i[1]),$(e,"--max-width",i[0])},m(d,f){p(d,e,f),he(t,e,null),b(e,r),b(e,n),he(a,n,null),b(n,l),he(o,n,null),c=!0},p(d,f){const h={};f&2&&(h.size=d[1]),t.$set(h);const _={};f&2&&(_.size=d[1]),a.$set(_);const y={};f&2&&(y.size=d[1]),o.$set(y),(!c||f&2&&s!==(s="card card-"+d[1]))&&u(e,"class",s),(!c||f&1)&&$(e,"--max-width",d[0])},i(d){c||(W(t.$$.fragment,d),W(a.$$.fragment,d),W(o.$$.fragment,d),c=!0)},o(d){Y(t.$$.fragment,d),Y(a.$$.fragment,d),Y(o.$$.fragment,d),c=!1},d(d){d&&T(e),me(t),me(a),me(o)}}}function gi(i){let e,t;return e=new be({props:{type:"text",size:i[1],linecount:i[2]}}),{c(){_e(e.$$.fragment)},m(r,n){he(e,r,n),t=!0},p(r,n){const a={};n&2&&(a.size=r[1]),n&4&&(a.linecount=r[2]),e.$set(a)},i(r){t||(W(e.$$.fragment,r),t=!0)},o(r){Y(e.$$.fragment,r),t=!1},d(r){me(e,r)}}}function Jn(i){let e,t,r,n,a;const l=[Zn,Xn,Kn,Wn],o=[];function s(c,d){return c[3]==="card"?0:c[3]==="profile"?1:c[3]==="lines"?2:3}return t=s(i),r=o[t]=l[t](i),{c(){e=v("div"),r.c(),this.c=x,u(e,"data-testid",i[4]),u(e,"style",n=""+(V(i[5],i[6],i[7],i[8])+";"))},m(c,d){p(c,e,d),o[t].m(e,null),a=!0},p(c,[d]){let f=t;t=s(c),t===f?o[t].p(c,d):(xe(),Y(o[f],1,1,()=>{o[f]=null}),Ee(),r=o[t],r?r.p(c,d):(r=o[t]=l[t](c),r.c()),W(r,1),r.m(e,null)),(!a||d&16)&&u(e,"data-testid",c[4]),(!a||d&480&&n!==(n=""+(V(c[5],c[6],c[7],c[8])+";")))&&u(e,"style",n)},i(c){a||(W(r),a=!0)},o(c){Y(r),a=!1},d(c){c&&T(e),o[t].d()}}}function Yn(i,e,t){const[r,n]=Z("Skeleton type",["image","text","title","text-small","avatar","header","paragraph","thumbnail","card","profile","lines"],!0),[a,l]=Z("Skeleton size",["1","2","3","4"]);let{maxwidth:o=""}=e,{size:s="1"}=e,{linecount:c=3}=e,{type:d}=e,{testid:f=""}=e,{mt:h=null}=e,{mr:_=null}=e,{mb:y=null}=e,{ml:w=null}=e;return X(()=>{n(d),l(s)}),i.$$set=k=>{"maxwidth"in k&&t(0,o=k.maxwidth),"size"in k&&t(1,s=k.size),"linecount"in k&&t(2,c=k.linecount),"type"in k&&t(3,d=k.type),"testid"in k&&t(4,f=k.testid),"mt"in k&&t(5,h=k.mt),"mr"in k&&t(6,_=k.mr),"mb"in k&&t(7,y=k.mb),"ml"in k&&t(8,w=k.ml)},[o,s,c,d,f,h,_,y,w]}class be extends P{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--goa-color-greyscale-100);animation:pulse 2s infinite ease-in-out;overflow:hidden;margin:10px 0}.image,.image-1{background-color:var(--goa-color-greyscale-100);flex:1 1 100px;height:100px;margin:0}.image-2{height:140px}.image-3{height:200px}.image-4{height:300px}.text,.text-1,.text-2,.text-3,.text-4{width:100%;height:.75rem;border-radius:0.25rem;margin:6px 0}.title,.title-1,.title-2{width:100%;height:.75rem;border-radius:0.25rem}.title-3{height:.8rem}.title-4{height:1rem}.text-small,.text-small-1{width:30%;height:6px;border-radius:2px}.text-small-2{width:40%;height:8px;border-radius:2px}.text-small-3{width:50%;height:10px;border-radius:3px}.text-small-4{width:70%;height:12px;border-radius:4px}.paragraph{width:100%;height:70px;border-radius:4px}.header,.header-1{width:50%;height:18px;margin:12px 0;border-radius:0.25rem}.header-2{width:60%;height:20px;margin:14px 0;border-radius:0.25rem}.header-3{width:70%;height:22px;margin:16px 0;border-radius:0.25rem}.header-4{width:80%;height:24px;margin:18px 0;border-radius:0.3rem}.avatar{display:inline-block}.avatar,.avatar-1{width:40px;height:40px;border-radius:50%}.avatar-2{width:60px;height:60px;border-radius:50%}.avatar-3{width:80px;height:80px;border-radius:50%}.avatar-4{width:120px;height:120px;border-radius:50%}.thumbnail{display:inline-block}.thumbnail,.thumbnail-1{width:40px;height:40px;border-radius:4px}.thumbnail-2{width:60px;height:60px;border-radius:4px}.thumbnail-3{width:80px;height:80px;border-radius:4px}.thumbnail-4{width:120px;height:120px;border-radius:4px}.card{display:inline-block}.card,.card-1,.card-2,.card-3,.card-4{border:1px solid var(--goa-color-greyscale-100);border-radius:4px}.card{width:100%}@media(min-width: 480px){.card{max-width:var(--max-width)}}.card-content{flex:1 1 auto;padding:1rem}.profile{display:flex;flex-direction:row;align-items:center}.profile-1{max-width:280px;gap:1rem}.profile-2{max-width:360px;gap:1rem}.profile-3{max-width:480px;gap:1rem}.profile-4{max-width:560px;gap:1rem}.profile .profile-avatar{flex-shrink:0}.profile .profile-name{flex:1 1 auto}</style>",F(this,{target:this.shadowRoot,props:q(this.attributes),customElement:!0},Yn,Jn,I,{maxwidth:0,size:1,linecount:2,type:3,testid:4,mt:5,mr:6,mb:7,ml:8},null),e&&(e.target&&p(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["maxwidth","size","linecount","type","testid","mt","mr","mb","ml"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),g()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),g()}get linecount(){return this.$$.ctx[2]}set linecount(e){this.$$set({linecount:e}),g()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),g()}get testid(){return this.$$.ctx[4]}set testid(e){this.$$set({testid:e}),g()}get mt(){return this.$$.ctx[5]}set mt(e){this.$$set({mt:e}),g()}get mr(){return this.$$.ctx[6]}set mr(e){this.$$set({mr:e}),g()}get mb(){return this.$$.ctx[7]}set mb(e){this.$$set({mb:e}),g()}get ml(){return this.$$.ctx[8]}set ml(e){this.$$set({ml:e}),g()}}customElements.define("goa-skeleton",be);function Qn(i){let e;return{c(){e=v("div"),this.c=x},m(t,r){p(t,e,r),i[3](e)},p:x,i:x,o:x,d(t){t&&T(e),i[3](null)}}}function $n(i,e,t){let{hspacing:r="none"}=e,{vspacing:n="none"}=e,a;X(()=>{_t(a,":host",{width:`var(--goa-space-${r})`,height:`var(--goa-space-${n})`})});function l(o){ne[o?"unshift":"push"](()=>{a=o,t(0,a)})}return i.$$set=o=>{"hspacing"in o&&t(1,r=o.hspacing),"vspacing"in o&&t(2,n=o.vspacing)},[a,r,n,l]}class ea extends P{constructor(e){super();F(this,{target:this.shadowRoot,props:q(this.attributes),customElement:!0},$n,Qn,I,{hspacing:1,vspacing:2},null),e&&(e.target&&p(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["hspacing","vspacing"]}get hspacing(){return this.$$.ctx[1]}set hspacing(e){this.$$set({hspacing:e}),g()}get vspacing(){return this.$$.ctx[2]}set vspacing(e){this.$$set({vspacing:e}),g()}}customElements.define("goa-spacer",ea);const Ce=[];function ta(i,e=x){let t;const r=new Set;function n(o){if(I(i,o)&&(i=o,t)){const s=!Ce.length;for(const c of r)c[1](),Ce.push(c,i);if(s){for(let c=0;c<Ce.length;c+=2)Ce[c][0](Ce[c+1]);Ce.length=0}}}function a(o){n(o(i))}function l(o,s=x){const c=[o,s];return r.add(c),r.size===1&&(t=e(n)||x),o(i),()=>{r.delete(c),r.size===0&&(t(),t=null)}}return{set:n,update:a,subscribe:l}}function hi(i){return Object.prototype.toString.call(i)==="[object Date]"}function at(i,e){if(i===e||i!==i)return()=>i;const t=typeof i;if(t!==typeof e||Array.isArray(i)!==Array.isArray(e))throw new Error("Cannot interpolate values of different type");if(Array.isArray(i)){const r=e.map((n,a)=>at(i[a],n));return n=>r.map(a=>a(n))}if(t==="object"){if(!i||!e)throw new Error("Object cannot be null");if(hi(i)&&hi(e)){i=i.getTime(),e=e.getTime();const a=e-i;return l=>new Date(i+l*a)}const r=Object.keys(e),n={};return r.forEach(a=>{n[a]=at(i[a],e[a])}),a=>{const l={};return r.forEach(o=>{l[o]=n[o](a)}),l}}if(t==="number"){const r=e-i;return n=>i+n*r}throw new Error(`Cannot interpolate ${t} values`)}function ia(i,e={}){const t=ta(i);let r,n=i;function a(l,o){if(i==null)return t.set(i=l),Promise.resolve();n=l;let s=r,c=!1,{delay:d=0,duration:f=400,easing:h=Te,interpolate:_=at}=ot(ot({},e),o);if(f===0)return s&&(s.abort(),s=null),t.set(i=n),Promise.resolve();const y=je()+d;let w;return r=Ie(k=>{if(k<y)return!0;c||(w=_(i,l),typeof f=="function"&&(f=f(i,l)),c=!0),s&&(s.abort(),s=null);const m=k-y;return m>f?(t.set(i=l),!1):(t.set(i=w(h(m/f))),!0)}),r.promise}return{set:a,update:(l,o)=>a(l(n,i),o),subscribe:t.subscribe}}function mi(i){let e,t,r,n,a,l,o,s,c;return{c(){e=ve("svg"),t=ve("circle"),a=ve("path"),u(t,"cx",i[3]),u(t,"cy",i[3]),u(t,"stroke",r=i[0]?"var(--goa-color-info-hover)":"var(--goa-color-brand-light)"),u(t,"stroke-width",i[4]),u(t,"r",n=i[3]-i[4]/2),u(a,"d",l=i[9](i[7])),u(a,"stroke-width",i[4]),u(a,"stroke",o=i[0]?"var(--goa-color-brand-light)":"var(--goa-color-info-default)"),u(a,"stroke-linecap","round"),u(e,"class",s=`spinner-${i[2]}`),u(e,"fill","none"),u(e,"viewBox",c="0 0 "+i[5]+" "+i[5]),u(e,"width",i[5]),u(e,"height",i[5]),u(e,"data-testid",i[1]),u(e,"xmlns","http://www.w3.org/2000/svg")},m(d,f){p(d,e,f),b(e,t),b(e,a)},p(d,f){f&8&&u(t,"cx",d[3]),f&8&&u(t,"cy",d[3]),f&1&&r!==(r=d[0]?"var(--goa-color-info-hover)":"var(--goa-color-brand-light)")&&u(t,"stroke",r),f&16&&u(t,"stroke-width",d[4]),f&24&&n!==(n=d[3]-d[4]/2)&&u(t,"r",n),f&128&&l!==(l=d[9](d[7]))&&u(a,"d",l),f&16&&u(a,"stroke-width",d[4]),f&1&&o!==(o=d[0]?"var(--goa-color-brand-light)":"var(--goa-color-info-default)")&&u(a,"stroke",o),f&4&&s!==(s=`spinner-${d[2]}`)&&u(e,"class",s),f&32&&c!==(c="0 0 "+d[5]+" "+d[5])&&u(e,"viewBox",c),f&32&&u(e,"width",d[5]),f&32&&u(e,"height",d[5]),f&2&&u(e,"data-testid",d[1])},d(d){d&&T(e)}}}function ra(i){let e,t=i[6]&&mi(i);return{c(){t&&t.c(),e=ye(),this.c=x},m(r,n){t&&t.m(r,n),p(r,e,n)},p(r,[n]){r[6]?t?t.p(r,n):(t=mi(r),t.c(),t.m(e.parentNode,e)):t&&(t.d(1),t=null)},i:x,o:x,d(r){t&&t.d(r),r&&T(e)}}}function na(i,e,t){let r,n,a,l,o,s,{size:c}=e,{invert:d=!1}=e,{progress:f=-1}=e,{testid:h=""}=e,_="infinite";const y=ia(0,{duration:500,easing:Cr});pi(i,y,m=>t(7,s=m));function w(m){const E=a+l*Math.cos(m),S=a+l*Math.sin(m);return E+" "+S}function k(m){switch(_){case"progress":{const E=w(-Math.PI/2),S=w(-Math.PI/2+2*Math.PI*(m/100)),R=m%100<50?0:1;return`M ${E} A ${l} ${l} 0 ${R} 1 ${S}`}case"infinite":{const E=w(Math.PI*1.5),S=w(0);return`M ${E} A ${l} ${l} 0 1 0 ${S}`}}}return i.$$set=m=>{"size"in m&&t(10,c=m.size),"invert"in m&&t(0,d=m.invert),"progress"in m&&t(11,f=m.progress),"testid"in m&&t(1,h=m.testid)},i.$$.update=()=>{if(i.$$.dirty&2048){const m=parseFloat(f+"");m>=0&&(y.set(m||1),t(2,_="progress"))}i.$$.dirty&1024&&t(5,r=c&&{small:16,medium:32,large:64,xlarge:100}[c]),i.$$.dirty&1024&&t(4,n=c&&{small:2,medium:4,large:7,xlarge:9}[c]),i.$$.dirty&32&&t(3,a=r/2),i.$$.dirty&24&&t(12,l=a-n/2),i.$$.dirty&6148&&t(6,o=_==="infinite"?l:l&&f)},[d,h,_,a,n,r,o,s,y,k,c,f,l]}class aa extends P{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner-infinite{animation:rotate 2s linear infinite}</style>",F(this,{target:this.shadowRoot,props:q(this.attributes),customElement:!0},na,ra,I,{size:10,invert:0,progress:11,testid:1},null),e&&(e.target&&p(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["size","invert","progress","testid"]}get size(){return this.$$.ctx[10]}set size(e){this.$$set({size:e}),g()}get invert(){return this.$$.ctx[0]}set invert(e){this.$$set({invert:e}),g()}get progress(){return this.$$.ctx[11]}set progress(e){this.$$set({progress:e}),g()}get testid(){return this.$$.ctx[1]}set testid(e){this.$$set({testid:e}),g()}}customElements.define("goa-spinner",aa);function oa(i){let e,t,r,n,a;return{c(){e=v("table"),t=v("slot"),r=B(),n=v("template"),n.innerHTML=`<thead><tr><th></th></tr></thead> 
+`)&&u(e,"style",r)},i:x,o:x,d(n){n&&T(e)}}}function Gn(i,e,t){let{direction:r="vertical"}=e,{hpadding:n=0}=e,{vpadding:a=0}=e,{height:l=0}=e;return i.$$set=o=>{"direction"in o&&t(0,r=o.direction),"hpadding"in o&&t(1,n=o.hpadding),"vpadding"in o&&t(2,a=o.vpadding),"height"in o&&t(3,l=o.height)},[r,n,a,l]}class Un extends P{constructor(e){super();this.shadowRoot.innerHTML="<style>.goa-scrollable{scroll-behavior:smooth;max-height:calc(100vh * var(--max-height, 100) / 100)}.goa-scrollable::-webkit-scrollbar{width:6px}.goa-scrollable::-webkit-scrollbar-track{background:#f1f1f1}.goa-scrollable::-webkit-scrollbar-thumb{background:#888}.goa-scrollable::-webkit-scrollbar-thumb:hover{background:#555}</style>",F(this,{target:this.shadowRoot,props:q(this.attributes),customElement:!0},Gn,Vn,I,{direction:0,hpadding:1,vpadding:2,height:3},null),e&&(e.target&&p(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["direction","hpadding","vpadding","height"]}get direction(){return this.$$.ctx[0]}set direction(e){this.$$set({direction:e}),g()}get hpadding(){return this.$$.ctx[1]}set hpadding(e){this.$$set({hpadding:e}),g()}get vpadding(){return this.$$.ctx[2]}set vpadding(e){this.$$set({vpadding:e}),g()}get height(){return this.$$.ctx[3]}set height(e){this.$$set({height:e}),g()}}customElements.define("goa-scrollable",Un);function fi(i,e,t){const r=i.slice();return r[13]=e[t],r}function Wn(i){let e,t;return{c(){e=v("div"),u(e,"class",t="skeleton "+i[3]+` ${i[3]}-${i[1]}`)},m(r,n){p(r,e,n)},p(r,n){n&10&&t!==(t="skeleton "+r[3]+` ${r[3]}-${r[1]}`)&&u(e,"class",t)},i:x,o:x,d(r){r&&T(e)}}}function Kn(i){let e,t,r=Array(Number.parseInt(i[2]+"")),n=[];for(let l=0;l<r.length;l+=1)n[l]=gi(fi(i,r,l));const a=l=>Y(n[l],1,1,()=>{n[l]=null});return{c(){for(let l=0;l<n.length;l+=1)n[l].c();e=ye()},m(l,o){for(let s=0;s<n.length;s+=1)n[s].m(l,o);p(l,e,o),t=!0},p(l,o){if(o&6){r=Array(Number.parseInt(l[2]+""));let s;for(s=0;s<r.length;s+=1){const c=fi(l,r,s);n[s]?(n[s].p(c,o),W(n[s],1)):(n[s]=gi(c),n[s].c(),W(n[s],1),n[s].m(e.parentNode,e))}for(xe(),s=r.length;s<n.length;s+=1)a(s);Ee()}},i(l){if(!t){for(let o=0;o<r.length;o+=1)W(n[o]);t=!0}},o(l){n=n.filter(Boolean);for(let o=0;o<n.length;o+=1)Y(n[o]);t=!1},d(l){Pe(n,l),l&&T(e)}}}function Xn(i){let e,t,r,n,a,l,o,s,c,d;return r=new be({props:{type:"avatar",size:i[1]}}),l=new be({props:{type:"title",size:i[1]}}),s=new be({props:{type:"text-small",size:i[1]}}),{c(){e=v("div"),t=v("div"),_e(r.$$.fragment),n=B(),a=v("div"),_e(l.$$.fragment),o=B(),_e(s.$$.fragment),u(t,"class","profile-avatar"),u(a,"class","profile-name"),u(e,"class",c="profile profile-"+i[1])},m(f,h){p(f,e,h),b(e,t),he(r,t,null),b(e,n),b(e,a),he(l,a,null),b(a,o),he(s,a,null),d=!0},p(f,h){const _={};h&2&&(_.size=f[1]),r.$set(_);const y={};h&2&&(y.size=f[1]),l.$set(y);const w={};h&2&&(w.size=f[1]),s.$set(w),(!d||h&2&&c!==(c="profile profile-"+f[1]))&&u(e,"class",c)},i(f){d||(W(r.$$.fragment,f),W(l.$$.fragment,f),W(s.$$.fragment,f),d=!0)},o(f){Y(r.$$.fragment,f),Y(l.$$.fragment,f),Y(s.$$.fragment,f),d=!1},d(f){f&&T(e),me(r),me(l),me(s)}}}function Zn(i){let e,t,r,n,a,l,o,s,c;return t=new be({props:{type:"image",size:i[1]}}),a=new be({props:{type:"header",size:i[1]}}),o=new be({props:{type:"lines",size:i[1],linecount:i[2]}}),{c(){e=v("div"),_e(t.$$.fragment),r=B(),n=v("div"),_e(a.$$.fragment),l=B(),_e(o.$$.fragment),u(n,"class","card-content"),u(e,"class",s="card card-"+i[1]),$(e,"--max-width",i[0])},m(d,f){p(d,e,f),he(t,e,null),b(e,r),b(e,n),he(a,n,null),b(n,l),he(o,n,null),c=!0},p(d,f){const h={};f&2&&(h.size=d[1]),t.$set(h);const _={};f&2&&(_.size=d[1]),a.$set(_);const y={};f&2&&(y.size=d[1]),f&4&&(y.linecount=d[2]),o.$set(y),(!c||f&2&&s!==(s="card card-"+d[1]))&&u(e,"class",s),(!c||f&1)&&$(e,"--max-width",d[0])},i(d){c||(W(t.$$.fragment,d),W(a.$$.fragment,d),W(o.$$.fragment,d),c=!0)},o(d){Y(t.$$.fragment,d),Y(a.$$.fragment,d),Y(o.$$.fragment,d),c=!1},d(d){d&&T(e),me(t),me(a),me(o)}}}function gi(i){let e,t;return e=new be({props:{type:"text",size:i[1],linecount:i[2]}}),{c(){_e(e.$$.fragment)},m(r,n){he(e,r,n),t=!0},p(r,n){const a={};n&2&&(a.size=r[1]),n&4&&(a.linecount=r[2]),e.$set(a)},i(r){t||(W(e.$$.fragment,r),t=!0)},o(r){Y(e.$$.fragment,r),t=!1},d(r){me(e,r)}}}function Jn(i){let e,t,r,n,a;const l=[Zn,Xn,Kn,Wn],o=[];function s(c,d){return c[3]==="card"?0:c[3]==="profile"?1:c[3]==="lines"?2:3}return t=s(i),r=o[t]=l[t](i),{c(){e=v("div"),r.c(),this.c=x,u(e,"data-testid",i[4]),u(e,"style",n=""+(V(i[5],i[6],i[7],i[8])+";"))},m(c,d){p(c,e,d),o[t].m(e,null),a=!0},p(c,[d]){let f=t;t=s(c),t===f?o[t].p(c,d):(xe(),Y(o[f],1,1,()=>{o[f]=null}),Ee(),r=o[t],r?r.p(c,d):(r=o[t]=l[t](c),r.c()),W(r,1),r.m(e,null)),(!a||d&16)&&u(e,"data-testid",c[4]),(!a||d&480&&n!==(n=""+(V(c[5],c[6],c[7],c[8])+";")))&&u(e,"style",n)},i(c){a||(W(r),a=!0)},o(c){Y(r),a=!1},d(c){c&&T(e),o[t].d()}}}function Yn(i,e,t){const[r,n]=Z("Skeleton type",["image","text","title","text-small","avatar","header","paragraph","thumbnail","card","profile","lines"],!0),[a,l]=Z("Skeleton size",["1","2","3","4"]);let{maxwidth:o=""}=e,{size:s="1"}=e,{linecount:c=3}=e,{type:d}=e,{testid:f=""}=e,{mt:h=null}=e,{mr:_=null}=e,{mb:y=null}=e,{ml:w=null}=e;return X(()=>{n(d),l(s)}),i.$$set=k=>{"maxwidth"in k&&t(0,o=k.maxwidth),"size"in k&&t(1,s=k.size),"linecount"in k&&t(2,c=k.linecount),"type"in k&&t(3,d=k.type),"testid"in k&&t(4,f=k.testid),"mt"in k&&t(5,h=k.mt),"mr"in k&&t(6,_=k.mr),"mb"in k&&t(7,y=k.mb),"ml"in k&&t(8,w=k.ml)},[o,s,c,d,f,h,_,y,w]}class be extends P{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--goa-color-greyscale-100);animation:pulse 2s infinite ease-in-out;overflow:hidden;margin:10px 0}.image,.image-1{background-color:var(--goa-color-greyscale-100);flex:1 1 100px;height:100px;margin:0}.image-2{height:140px}.image-3{height:200px}.image-4{height:300px}.text,.text-1,.text-2,.text-3,.text-4{width:100%;height:.75rem;border-radius:0.25rem;margin:6px 0}.title,.title-1,.title-2{width:100%;height:.75rem;border-radius:0.25rem}.title-3{height:.8rem}.title-4{height:1rem}.text-small,.text-small-1{width:30%;height:6px;border-radius:2px}.text-small-2{width:40%;height:8px;border-radius:2px}.text-small-3{width:50%;height:10px;border-radius:3px}.text-small-4{width:70%;height:12px;border-radius:4px}.paragraph{width:100%;height:70px;border-radius:4px}.header,.header-1{width:50%;height:18px;margin:12px 0;border-radius:0.25rem}.header-2{width:60%;height:20px;margin:14px 0;border-radius:0.25rem}.header-3{width:70%;height:22px;margin:16px 0;border-radius:0.25rem}.header-4{width:80%;height:24px;margin:18px 0;border-radius:0.3rem}.avatar{display:inline-block}.avatar,.avatar-1{width:40px;height:40px;border-radius:50%}.avatar-2{width:60px;height:60px;border-radius:50%}.avatar-3{width:80px;height:80px;border-radius:50%}.avatar-4{width:120px;height:120px;border-radius:50%}.thumbnail{display:inline-block}.thumbnail,.thumbnail-1{width:40px;height:40px;border-radius:4px}.thumbnail-2{width:60px;height:60px;border-radius:4px}.thumbnail-3{width:80px;height:80px;border-radius:4px}.thumbnail-4{width:120px;height:120px;border-radius:4px}.card{display:inline-block}.card,.card-1,.card-2,.card-3,.card-4{border:1px solid var(--goa-color-greyscale-100);border-radius:4px}.card{width:100%}@media(min-width: 480px){.card{max-width:var(--max-width)}}.card-content{flex:1 1 auto;padding:1rem}.profile{display:flex;flex-direction:row;align-items:center}.profile-1{max-width:280px;gap:1rem}.profile-2{max-width:360px;gap:1rem}.profile-3{max-width:480px;gap:1rem}.profile-4{max-width:560px;gap:1rem}.profile .profile-avatar{flex-shrink:0}.profile .profile-name{flex:1 1 auto}</style>",F(this,{target:this.shadowRoot,props:q(this.attributes),customElement:!0},Yn,Jn,I,{maxwidth:0,size:1,linecount:2,type:3,testid:4,mt:5,mr:6,mb:7,ml:8},null),e&&(e.target&&p(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["maxwidth","size","linecount","type","testid","mt","mr","mb","ml"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(e){this.$$set({maxwidth:e}),g()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),g()}get linecount(){return this.$$.ctx[2]}set linecount(e){this.$$set({linecount:e}),g()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),g()}get testid(){return this.$$.ctx[4]}set testid(e){this.$$set({testid:e}),g()}get mt(){return this.$$.ctx[5]}set mt(e){this.$$set({mt:e}),g()}get mr(){return this.$$.ctx[6]}set mr(e){this.$$set({mr:e}),g()}get mb(){return this.$$.ctx[7]}set mb(e){this.$$set({mb:e}),g()}get ml(){return this.$$.ctx[8]}set ml(e){this.$$set({ml:e}),g()}}customElements.define("goa-skeleton",be);function Qn(i){let e;return{c(){e=v("div"),this.c=x},m(t,r){p(t,e,r),i[3](e)},p:x,i:x,o:x,d(t){t&&T(e),i[3](null)}}}function $n(i,e,t){let{hspacing:r="none"}=e,{vspacing:n="none"}=e,a;X(()=>{_t(a,":host",{width:`var(--goa-space-${r})`,height:`var(--goa-space-${n})`})});function l(o){ne[o?"unshift":"push"](()=>{a=o,t(0,a)})}return i.$$set=o=>{"hspacing"in o&&t(1,r=o.hspacing),"vspacing"in o&&t(2,n=o.vspacing)},[a,r,n,l]}class ea extends P{constructor(e){super();F(this,{target:this.shadowRoot,props:q(this.attributes),customElement:!0},$n,Qn,I,{hspacing:1,vspacing:2},null),e&&(e.target&&p(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["hspacing","vspacing"]}get hspacing(){return this.$$.ctx[1]}set hspacing(e){this.$$set({hspacing:e}),g()}get vspacing(){return this.$$.ctx[2]}set vspacing(e){this.$$set({vspacing:e}),g()}}customElements.define("goa-spacer",ea);const Ce=[];function ta(i,e=x){let t;const r=new Set;function n(o){if(I(i,o)&&(i=o,t)){const s=!Ce.length;for(const c of r)c[1](),Ce.push(c,i);if(s){for(let c=0;c<Ce.length;c+=2)Ce[c][0](Ce[c+1]);Ce.length=0}}}function a(o){n(o(i))}function l(o,s=x){const c=[o,s];return r.add(c),r.size===1&&(t=e(n)||x),o(i),()=>{r.delete(c),r.size===0&&(t(),t=null)}}return{set:n,update:a,subscribe:l}}function hi(i){return Object.prototype.toString.call(i)==="[object Date]"}function at(i,e){if(i===e||i!==i)return()=>i;const t=typeof i;if(t!==typeof e||Array.isArray(i)!==Array.isArray(e))throw new Error("Cannot interpolate values of different type");if(Array.isArray(i)){const r=e.map((n,a)=>at(i[a],n));return n=>r.map(a=>a(n))}if(t==="object"){if(!i||!e)throw new Error("Object cannot be null");if(hi(i)&&hi(e)){i=i.getTime(),e=e.getTime();const a=e-i;return l=>new Date(i+l*a)}const r=Object.keys(e),n={};return r.forEach(a=>{n[a]=at(i[a],e[a])}),a=>{const l={};return r.forEach(o=>{l[o]=n[o](a)}),l}}if(t==="number"){const r=e-i;return n=>i+n*r}throw new Error(`Cannot interpolate ${t} values`)}function ia(i,e={}){const t=ta(i);let r,n=i;function a(l,o){if(i==null)return t.set(i=l),Promise.resolve();n=l;let s=r,c=!1,{delay:d=0,duration:f=400,easing:h=Te,interpolate:_=at}=ot(ot({},e),o);if(f===0)return s&&(s.abort(),s=null),t.set(i=n),Promise.resolve();const y=je()+d;let w;return r=Ie(k=>{if(k<y)return!0;c||(w=_(i,l),typeof f=="function"&&(f=f(i,l)),c=!0),s&&(s.abort(),s=null);const m=k-y;return m>f?(t.set(i=l),!1):(t.set(i=w(h(m/f))),!0)}),r.promise}return{set:a,update:(l,o)=>a(l(n,i),o),subscribe:t.subscribe}}function mi(i){let e,t,r,n,a,l,o,s,c;return{c(){e=ve("svg"),t=ve("circle"),a=ve("path"),u(t,"cx",i[3]),u(t,"cy",i[3]),u(t,"stroke",r=i[0]?"var(--goa-color-info-hover)":"var(--goa-color-brand-light)"),u(t,"stroke-width",i[4]),u(t,"r",n=i[3]-i[4]/2),u(a,"d",l=i[9](i[7])),u(a,"stroke-width",i[4]),u(a,"stroke",o=i[0]?"var(--goa-color-brand-light)":"var(--goa-color-info-default)"),u(a,"stroke-linecap","round"),u(e,"class",s=`spinner-${i[2]}`),u(e,"fill","none"),u(e,"viewBox",c="0 0 "+i[5]+" "+i[5]),u(e,"width",i[5]),u(e,"height",i[5]),u(e,"data-testid",i[1]),u(e,"xmlns","http://www.w3.org/2000/svg")},m(d,f){p(d,e,f),b(e,t),b(e,a)},p(d,f){f&8&&u(t,"cx",d[3]),f&8&&u(t,"cy",d[3]),f&1&&r!==(r=d[0]?"var(--goa-color-info-hover)":"var(--goa-color-brand-light)")&&u(t,"stroke",r),f&16&&u(t,"stroke-width",d[4]),f&24&&n!==(n=d[3]-d[4]/2)&&u(t,"r",n),f&128&&l!==(l=d[9](d[7]))&&u(a,"d",l),f&16&&u(a,"stroke-width",d[4]),f&1&&o!==(o=d[0]?"var(--goa-color-brand-light)":"var(--goa-color-info-default)")&&u(a,"stroke",o),f&4&&s!==(s=`spinner-${d[2]}`)&&u(e,"class",s),f&32&&c!==(c="0 0 "+d[5]+" "+d[5])&&u(e,"viewBox",c),f&32&&u(e,"width",d[5]),f&32&&u(e,"height",d[5]),f&2&&u(e,"data-testid",d[1])},d(d){d&&T(e)}}}function ra(i){let e,t=i[6]&&mi(i);return{c(){t&&t.c(),e=ye(),this.c=x},m(r,n){t&&t.m(r,n),p(r,e,n)},p(r,[n]){r[6]?t?t.p(r,n):(t=mi(r),t.c(),t.m(e.parentNode,e)):t&&(t.d(1),t=null)},i:x,o:x,d(r){t&&t.d(r),r&&T(e)}}}function na(i,e,t){let r,n,a,l,o,s,{size:c}=e,{invert:d=!1}=e,{progress:f=-1}=e,{testid:h=""}=e,_="infinite";const y=ia(0,{duration:500,easing:Cr});pi(i,y,m=>t(7,s=m));function w(m){const E=a+l*Math.cos(m),S=a+l*Math.sin(m);return E+" "+S}function k(m){switch(_){case"progress":{const E=w(-Math.PI/2),S=w(-Math.PI/2+2*Math.PI*(m/100)),R=m%100<50?0:1;return`M ${E} A ${l} ${l} 0 ${R} 1 ${S}`}case"infinite":{const E=w(Math.PI*1.5),S=w(0);return`M ${E} A ${l} ${l} 0 1 0 ${S}`}}}return i.$$set=m=>{"size"in m&&t(10,c=m.size),"invert"in m&&t(0,d=m.invert),"progress"in m&&t(11,f=m.progress),"testid"in m&&t(1,h=m.testid)},i.$$.update=()=>{if(i.$$.dirty&2048){const m=parseFloat(f+"");m>=0&&(y.set(m||1),t(2,_="progress"))}i.$$.dirty&1024&&t(5,r=c&&{small:16,medium:32,large:64,xlarge:100}[c]),i.$$.dirty&1024&&t(4,n=c&&{small:2,medium:4,large:7,xlarge:9}[c]),i.$$.dirty&32&&t(3,a=r/2),i.$$.dirty&24&&t(12,l=a-n/2),i.$$.dirty&6148&&t(6,o=_==="infinite"?l:l&&f)},[d,h,_,a,n,r,o,s,y,k,c,f,l]}class aa extends P{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner-infinite{animation:rotate 2s linear infinite}</style>",F(this,{target:this.shadowRoot,props:q(this.attributes),customElement:!0},na,ra,I,{size:10,invert:0,progress:11,testid:1},null),e&&(e.target&&p(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["size","invert","progress","testid"]}get size(){return this.$$.ctx[10]}set size(e){this.$$set({size:e}),g()}get invert(){return this.$$.ctx[0]}set invert(e){this.$$set({invert:e}),g()}get progress(){return this.$$.ctx[11]}set progress(e){this.$$set({progress:e}),g()}get testid(){return this.$$.ctx[1]}set testid(e){this.$$set({testid:e}),g()}}customElements.define("goa-spinner",aa);function oa(i){let e,t,r,n,a;return{c(){e=v("table"),t=v("slot"),r=B(),n=v("template"),n.innerHTML=`<thead><tr><th></th></tr></thead> 
     <tbody><tr><td></td></tr></tbody> 
     <tfoot><tr><td></td></tr></tfoot>`,this.c=x,u(e,"class",i[1]),u(e,"style",a=`
     ${i[0]?`width: ${i[0]};`:""}