@abgov/web-components 1.0.0-alpha.14 → 1.0.0-alpha.15

package/package.json

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

package/web-components.es.js

@@ -7205,7 +7205,7 @@ function instance$4($$self, $$props, $$invalidate) {
 class ServiceLevelHeader extends SvelteElement {
 	constructor(options) {
 		super();
-		this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-official-site-header{display:flex;font-size:var(--fs-xs);background-color:var(--color-gray-100);align-items:center;justify-content:space-between}.spacer{flex:1 1 auto}.version{padding-right:1rem;opacity:0.5}.service-level{font-weight:bold;padding:0 0.5rem}.service-level--alpha{background-color:var(--color-orange);color:var(--color-black)}.service-level--beta{background-color:var(--goa-color-primary-dark);color:var(--color-white)}.site-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-black);padding-left:0.5rem}</style>`;
+		this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-official-site-header{display:flex;font-size:var(--fs-xs);background-color:var(--color-gray-100);align-items:center;justify-content:space-between;height:1.5rem}.spacer{flex:1 1 auto}.version{padding-right:1rem;opacity:0.5}.service-level{font-weight:bold;padding:0 0.5rem;height:100%;display:flex;align-items:center}.service-level--alpha{background-color:var(--goa-color-interactive--highlight);color:var(--color-black)}.service-level--beta{background-color:var(--goa-color-primary-dark);color:var(--color-white)}.site-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-black);padding-left:0.5rem}</style>`;
 
 		init(
 			this,

package/web-components.umd.js

@@ -24,4 +24,4 @@
   overflow-x: ${o[0]==="horizontal"?"auto":"hidden"};
   margin: ${o[2]}rem 0;
   padding: 0 ${o[1]}rem;
-`)&&d(e,"style",r)},i:y,o:y,d(o){o&&x(e)}}}function Or(i,e,t){let{direction:r="vertical"}=e,{hpadding:o=0}=e,{vpadding:a=0}=e,{height:n=0}=e;return i.$$set=l=>{"direction"in l&&t(0,r=l.direction),"hpadding"in l&&t(1,o=l.hpadding),"vpadding"in l&&t(2,a=l.vpadding),"height"in l&&t(3,n=l.height)},[r,o,a,n]}class oi extends I{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>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Or,Dr,H,{direction:0,hpadding:1,vpadding:2,height:3},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["direction","hpadding","vpadding","height"]}get direction(){return this.$$.ctx[0]}set direction(e){this.$$set({direction:e}),h()}get hpadding(){return this.$$.ctx[1]}set hpadding(e){this.$$set({hpadding:e}),h()}get vpadding(){return this.$$.ctx[2]}set vpadding(e){this.$$set({vpadding:e}),h()}get height(){return this.$$.ctx[3]}set height(e){this.$$set({height:e}),h()}}customElements.define("goa-scrollable",oi);function ni(i){let e;return{c(){e=p("div"),e.innerHTML='An official site of the <a href="https://www.alberta.ca/index.aspx" class="web-link">Alberta Government</a>',d(e,"data-testid","level"),d(e,"class","site-text service-level--live")},m(t,r){_(t,e,r)},d(t){t&&x(e)}}}function ai(i){let e,t,r,o,a;return{c(){e=p("div"),t=q(i[0]),o=L(),a=p("div"),a.innerHTML='This is a new <a href="https://www.alberta.ca/index.aspx" class="web-link">Alberta Government</a> service',d(e,"data-testid","level"),d(e,"class",r="service-level service-level--"+i[0]?.toLowerCase()),d(a,"class","site-text")},m(n,l){_(n,e,l),v(e,t),_(n,o,l),_(n,a,l)},p(n,l){l&1&&W(t,n[0]),l&1&&r!==(r="service-level service-level--"+n[0]?.toLowerCase())&&d(e,"class",r)},d(n){n&&x(e),n&&x(o),n&&x(a)}}}function li(i){let e,t;return{c(){e=p("div"),t=q(i[1]),d(e,"data-testid","version"),d(e,"class","version")},m(r,o){_(r,e,o),v(e,t)},p(r,o){o&2&&W(t,r[1])},d(r){r&&x(e)}}}function Sr(i){let e,t,r,o,a,n=i[0]==="live"&&ni(),l=i[0]!=="live"&&ai(i),s=i[1]&&li(i);return{c(){e=p("header"),n&&n.c(),t=L(),l&&l.c(),r=L(),o=p("div"),a=L(),s&&s.c(),this.c=y,d(o,"class","spacer"),d(e,"class","goa-official-site-header")},m(c,u){_(c,e,u),n&&n.m(e,null),v(e,t),l&&l.m(e,null),v(e,r),v(e,o),v(e,a),s&&s.m(e,null)},p(c,[u]){c[0]==="live"?n||(n=ni(),n.c(),n.m(e,t)):n&&(n.d(1),n=null),c[0]!=="live"?l?l.p(c,u):(l=ai(c),l.c(),l.m(e,r)):l&&(l.d(1),l=null),c[1]?s?s.p(c,u):(s=li(c),s.c(),s.m(e,null)):s&&(s.d(1),s=null)},i:y,o:y,d(c){c&&x(e),n&&n.d(),l&&l.d(),s&&s.d()}}}function Br(i,e,t){let{level:r}=e,{version:o}=e;return i.$$set=a=>{"level"in a&&t(0,r=a.level),"version"in a&&t(1,o=a.version)},[r,o]}class si extends I{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-official-site-header{display:flex;font-size:var(--fs-xs);background-color:var(--color-gray-100);align-items:center;justify-content:space-between}.spacer{flex:1 1 auto}.version{padding-right:1rem;opacity:0.5}.service-level{font-weight:bold;padding:0 0.5rem}.service-level--alpha{background-color:var(--color-orange);color:var(--color-black)}.service-level--beta{background-color:var(--goa-color-primary-dark);color:var(--color-white)}.site-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-black);padding-left:0.5rem}</style>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Br,Sr,H,{level:0,version:1},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["level","version"]}get level(){return this.$$.ctx[0]}set level(e){this.$$set({level:e}),h()}get version(){return this.$$.ctx[1]}set version(e){this.$$set({version:e}),h()}}customElements.define("goa-service-level-header",si);function Pr(i){let e,t;return{c(){e=p("div"),d(e,"class",t="skeleton "+i[2]+` ${i[2]}-${i[1]}`)},m(r,o){_(r,e,o)},p(r,o){o&6&&t!==(t="skeleton "+r[2]+` ${r[2]}-${r[1]}`)&&d(e,"class",t)},i:y,o:y,d(r){r&&x(e)}}}function Nr(i){let e,t,r,o,a,n,l,s,c,u;return r=new Z({props:{type:"avatar",size:i[1]}}),n=new Z({props:{type:"title",size:i[1]}}),s=new Z({props:{type:"text-small",size:i[1]}}),{c(){e=p("div"),t=p("div"),re(r.$$.fragment),o=L(),a=p("div"),re(n.$$.fragment),l=L(),re(s.$$.fragment),d(t,"class","profile-avatar"),d(a,"class","profile-name"),d(e,"class",c="profile profile-"+i[1])},m(f,g){_(f,e,g),v(e,t),$(r,t,null),v(e,o),v(e,a),$(n,a,null),v(a,l),$(s,a,null),u=!0},p(f,g){const b={};g&2&&(b.size=f[1]),r.$set(b);const m={};g&2&&(m.size=f[1]),n.$set(m);const k={};g&2&&(k.size=f[1]),s.$set(k),(!u||g&2&&c!==(c="profile profile-"+f[1]))&&d(e,"class",c)},i(f){u||(P(r.$$.fragment,f),P(n.$$.fragment,f),P(s.$$.fragment,f),u=!0)},o(f){F(r.$$.fragment,f),F(n.$$.fragment,f),F(s.$$.fragment,f),u=!1},d(f){f&&x(e),ee(r),ee(n),ee(s)}}}function Fr(i){let e,t,r,o,a,n,l,s,c,u,f,g,b;return t=new Z({props:{type:"image",size:i[1]}}),a=new Z({props:{type:"header",size:i[1]}}),l=new Z({props:{type:"text",size:i[1]}}),c=new Z({props:{type:"text",size:i[1]}}),f=new Z({props:{type:"text",size:i[1]}}),{c(){e=p("div"),re(t.$$.fragment),r=L(),o=p("div"),re(a.$$.fragment),n=L(),re(l.$$.fragment),s=L(),re(c.$$.fragment),u=L(),re(f.$$.fragment),d(o,"class","card-content"),d(e,"class",g="card card-"+i[1]),S(e,"--width",i[0]+"px")},m(m,k){_(m,e,k),$(t,e,null),v(e,r),v(e,o),$(a,o,null),v(o,n),$(l,o,null),v(o,s),$(c,o,null),v(o,u),$(f,o,null),b=!0},p(m,k){const z={};k&2&&(z.size=m[1]),t.$set(z);const E={};k&2&&(E.size=m[1]),a.$set(E);const C={};k&2&&(C.size=m[1]),l.$set(C);const R={};k&2&&(R.size=m[1]),c.$set(R);const O={};k&2&&(O.size=m[1]),f.$set(O),(!b||k&2&&g!==(g="card card-"+m[1]))&&d(e,"class",g),(!b||k&1)&&S(e,"--width",m[0]+"px")},i(m){b||(P(t.$$.fragment,m),P(a.$$.fragment,m),P(l.$$.fragment,m),P(c.$$.fragment,m),P(f.$$.fragment,m),b=!0)},o(m){F(t.$$.fragment,m),F(a.$$.fragment,m),F(l.$$.fragment,m),F(c.$$.fragment,m),F(f.$$.fragment,m),b=!1},d(m){m&&x(e),ee(t),ee(a),ee(l),ee(c),ee(f)}}}function qr(i){let e,t,r,o;const a=[Fr,Nr,Pr],n=[];function l(s,c){return s[2]==="card"?0:s[2]==="profile"?1:2}return e=l(i),t=n[e]=a[e](i),{c(){t.c(),r=le(),this.c=y},m(s,c){n[e].m(s,c),_(s,r,c),o=!0},p(s,[c]){let u=e;e=l(s),e===u?n[e].p(s,c):(ye(),F(n[u],1,1,()=>{n[u]=null}),_e(),t=n[e],t?t.p(s,c):(t=n[e]=a[e](s),t.c()),P(t,1),t.m(r.parentNode,r))},i(s){o||(P(t),o=!0)},o(s){F(t),o=!1},d(s){n[e].d(s),s&&x(r)}}}function Wr(i,e,t){let{width:r=320}=e,{size:o=1}=e,{type:a}=e;return i.$$set=n=>{"width"in n&&t(0,r=n.width),"size"in n&&t(1,o=n.size),"type"in n&&t(2,a=n.type)},[r,o,a]}class Z extends I{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--color-gray-100);animation:pulse 2s infinite ease-in-out;overflow:hidden;margin:10px 0}.image,.image-1{background-color:var(--color-gray-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-4,.text-4{width:100%;height:.75rem;border-radius:0.25rem}.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-bottom:12px;border-radius:0.25rem}.header-2{width:60%;height:20px;margin-bottom:14px;border-radius:0.25rem}.header-3{width:70%;height:22px;margin-bottom:16px;border-radius:0.25rem}.header-4{width:80%;height:24px;margin-bottom:18px;border-radius:0.3rem}.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,.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,.card-1,.card-2,.card-3,.card-4{border:1px solid var(--color-gray-100);border-radius:4px}.card{width:100%}@media(min-width: 320px){.card{width:var(--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>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Wr,qr,H,{width:0,size:1,type:2},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["width","size","type"]}get width(){return this.$$.ctx[0]}set width(e){this.$$set({width:e}),h()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),h()}get type(){return this.$$.ctx[2]}set type(e){this.$$set({type:e}),h()}}customElements.define("goa-skeleton",Z);function ci(i){return Object.prototype.toString.call(i)==="[object Date]"}function qe(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((o,a)=>qe(i[a],o));return o=>r.map(a=>a(o))}if(t==="object"){if(!i||!e)throw new Error("Object cannot be null");if(ci(i)&&ci(e)){i=i.getTime(),e=e.getTime();const a=e-i;return n=>new Date(i+n*a)}const r=Object.keys(e),o={};return r.forEach(a=>{o[a]=qe(i[a],e[a])}),a=>{const n={};return r.forEach(l=>{n[l]=o[l](a)}),n}}if(t==="number"){const r=e-i;return o=>i+o*r}throw new Error(`Cannot interpolate ${t} values`)}function Vr(i,e={}){const t=Fe(i);let r,o=i;function a(n,l){if(i==null)return t.set(i=n),Promise.resolve();o=n;let s=r,c=!1,{delay:u=0,duration:f=400,easing:g=he,interpolate:b=qe}=Je(Je({},e),l);if(f===0)return s&&(s.abort(),s=null),t.set(i=o),Promise.resolve();const m=xe()+u;let k;return r=ze(z=>{if(z<m)return!0;c||(k=b(i,n),typeof f=="function"&&(f=f(i,n)),c=!0),s&&(s.abort(),s=null);const E=z-m;return E>f?(t.set(i=n),!1):(t.set(i=k(g(E/f))),!0)}),r.promise}return{set:a,update:(n,l)=>a(n(o,i),l),subscribe:t.subscribe}}function di(i){let e,t,r,o,a,n,l,s,c;return{c(){e=ae("svg"),t=ae("circle"),a=ae("path"),d(t,"cx",i[2]),d(t,"cy",i[2]),d(t,"stroke",r=i[0]?"var(--goa-color-primary-dark)":"var(--goa-color-brand-light)"),d(t,"stroke-width",i[3]),d(t,"r",o=i[2]-i[3]/2),d(a,"d",n=i[8](i[6])),d(a,"stroke-width",i[3]),d(a,"stroke",l=i[0]?"var(--goa-color-brand-light)":"var(--goa-color-primary)"),d(a,"stroke-linecap","round"),d(e,"class",s=`spinner-${i[1]}`),d(e,"fill","none"),d(e,"viewBox",c="0 0 "+i[4]+" "+i[4]),d(e,"width",i[4]),d(e,"height",i[4]),d(e,"xmlns","http://www.w3.org/2000/svg")},m(u,f){_(u,e,f),v(e,t),v(e,a)},p(u,f){f&4&&d(t,"cx",u[2]),f&4&&d(t,"cy",u[2]),f&1&&r!==(r=u[0]?"var(--goa-color-primary-dark)":"var(--goa-color-brand-light)")&&d(t,"stroke",r),f&8&&d(t,"stroke-width",u[3]),f&12&&o!==(o=u[2]-u[3]/2)&&d(t,"r",o),f&64&&n!==(n=u[8](u[6]))&&d(a,"d",n),f&8&&d(a,"stroke-width",u[3]),f&1&&l!==(l=u[0]?"var(--goa-color-brand-light)":"var(--goa-color-primary)")&&d(a,"stroke",l),f&2&&s!==(s=`spinner-${u[1]}`)&&d(e,"class",s),f&16&&c!==(c="0 0 "+u[4]+" "+u[4])&&d(e,"viewBox",c),f&16&&d(e,"width",u[4]),f&16&&d(e,"height",u[4])},d(u){u&&x(e)}}}function Xr(i){let e,t=i[5]&&di(i);return{c(){t&&t.c(),e=le(),this.c=y},m(r,o){t&&t.m(r,o),_(r,e,o)},p(r,[o]){r[5]?t?t.p(r,o):(t=di(r),t.c(),t.m(e.parentNode,e)):t&&(t.d(1),t=null)},i:y,o:y,d(r){t&&t.d(r),r&&x(e)}}}function Jr(i,e,t){let r,o,a,n,l,s,{size:c}=e,{invert:u=!1}=e,{type:f="infinite"}=e,{progress:g="0"}=e;const b=Vr(0,{duration:500,easing:_r});pi(i,b,z=>t(6,s=z));function m(z){const E=a+n*Math.cos(z),C=a+n*Math.sin(z);return E+" "+C}function k(z){switch(f){case"progress":{const E=m(-Math.PI/2),C=m(-Math.PI/2+2*Math.PI*(z/100)),R=z%100<50?0:1;return`M ${E} A ${n} ${n} 0 ${R} 1 ${C}`}case"infinite":{const E=m(Math.PI*1.5),C=m(0);return`M ${E} A ${n} ${n} 0 1 0 ${C}`}}}return i.$$set=z=>{"size"in z&&t(9,c=z.size),"invert"in z&&t(0,u=z.invert),"type"in z&&t(1,f=z.type),"progress"in z&&t(10,g=z.progress)},i.$$.update=()=>{i.$$.dirty&1024&&b.set(parseFloat(g)),i.$$.dirty&512&&t(4,r={small:16,medium:32,large:64,xlarge:100}[c]),i.$$.dirty&512&&t(3,o={small:2,medium:4,large:7,xlarge:9}[c]),i.$$.dirty&16&&t(2,a=r/2),i.$$.dirty&12&&t(11,n=a-o/2),i.$$.dirty&3074&&t(5,l=f==="infinite"?n:n&&g)},[u,f,a,o,r,l,s,b,k,c,g,n]}class ui extends I{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner-infinite{animation:rotate 2s linear infinite}</style>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Jr,Xr,H,{size:9,invert:0,type:1,progress:10},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["size","invert","type","progress"]}get size(){return this.$$.ctx[9]}set size(e){this.$$set({size:e}),h()}get invert(){return this.$$.ctx[0]}set invert(e){this.$$set({invert:e}),h()}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),h()}get progress(){return this.$$.ctx[10]}set progress(e){this.$$set({progress:e}),h()}}customElements.define("goa-spinner",ui);function Kr(i){let e,t,r,o,a;return{c(){e=p("textarea"),this.c=y,d(e,"name",i[0]),d(e,"class","goa-textarea"),d(e,"placeholder",i[2]),e.value=t=i[1]||"",d(e,"rows",r=i[3]||3),e.disabled=i[4]},m(n,l){_(n,e,l),o||(a=V(e,"keyup",i[5]),o=!0)},p(n,[l]){l&1&&d(e,"name",n[0]),l&4&&d(e,"placeholder",n[2]),l&2&&t!==(t=n[1]||"")&&(e.value=t),l&8&&r!==(r=n[3]||3)&&d(e,"rows",r),l&16&&(e.disabled=n[4])},i:y,o:y,d(n){n&&x(e),o=!1,a()}}}function Ur(i,e,t){let r,{name:o}=e,{value:a}=e,{placeholder:n}=e,{rows:l}=e,{disabled:s}=e;function c(u){const g=u.target.value;u.target.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{event:u,data:{name:o,value:g}}})),u.stopPropagation()}return i.$$set=u=>{"name"in u&&t(0,o=u.name),"value"in u&&t(1,a=u.value),"placeholder"in u&&t(2,n=u.placeholder),"rows"in u&&t(3,l=u.rows),"disabled"in u&&t(6,s=u.disabled)},i.$$.update=()=>{i.$$.dirty&64&&t(4,r=D(s))},[o,a,n,l,r,c,s]}class fi extends I{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:3px;background:var(--color-white);color:var(--color-black, #ccc);padding:var(--input-padding, 0.5rem);font-size:var(--input-font-size);font-family:var(--font-family)}.goa-textarea:hover{border-color:var(--goa-color-interactive--hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--highlight)}.goa-textarea:disabled{border-color:var(--color-gray-200)}.goa-textarea:disabled:hover{border-color:var(--color-gray-200)}.goa-textarea:disabled:focus,.goa-textarea:disabled:active{box-shadow:none}</style>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Ur,Kr,H,{name:0,value:1,placeholder:2,rows:3,disabled:6},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["name","value","placeholder","rows","disabled"]}get name(){return this.$$.ctx[0]}set name(e){this.$$set({name:e}),h()}get value(){return this.$$.ctx[1]}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 disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),h()}}customElements.define("goa-textarea",fi);function gi(i){let e,t;return{c(){e=p("div"),t=q(i[0]),d(e,"slot","title"),d(e,"class","title")},m(r,o){_(r,e,o),v(e,t)},p(r,o){o&1&&W(t,r[0])},d(r){r&&x(e)}}}function hi(i){let e;return{c(){e=p("div"),d(e,"class","actions"),d(e,"slot","actions")},m(t,r){_(t,e,r),e.innerHTML=i[1]},p(t,r){r&2&&(e.innerHTML=t[1])},d(t){t&&x(e)}}}function Yr(i){let e,t,r,o,a=i[0]&&gi(i),n=i[1]&&hi(i);return{c(){e=p("goa-container"),a&&a.c(),t=L(),n&&n.c(),r=L(),o=p("div"),this.c=y,d(o,"class","content"),d(o,"slot",""),w(e,"variant",i[3]),w(e,"headingsize",i[4])},m(l,s){_(l,e,s),a&&a.m(e,null),v(e,t),n&&n.m(e,null),v(e,r),v(e,o),o.innerHTML=i[2]},p(l,[s]){l[0]?a?a.p(l,s):(a=gi(l),a.c(),a.m(e,t)):a&&(a.d(1),a=null),l[1]?n?n.p(l,s):(n=hi(l),n.c(),n.m(e,r)):n&&(n.d(1),n=null),s&4&&(o.innerHTML=l[2]),s&8&&w(e,"variant",l[3]),s&16&&w(e,"headingsize",l[4])},i:y,o:y,d(l){l&&x(e),a&&a.d(),n&&n.d()}}}function Zr(i,e,t){let{title:r}=e,{actions:o=""}=e,{content:a}=e,{variant:n="default"}=e,{headingsize:l="large"}=e;return i.$$set=s=>{"title"in s&&t(0,r=s.title),"actions"in s&&t(1,o=s.actions),"content"in s&&t(2,a=s.content),"variant"in s&&t(3,n=s.variant),"headingsize"in s&&t(4,l=s.headingsize)},[r,o,a,n,l]}class mi extends I{constructor(e){super();G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Zr,Yr,H,{title:0,actions:1,content:2,variant:3,headingsize:4},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["title","actions","content","variant","headingsize"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),h()}get actions(){return this.$$.ctx[1]}set actions(e){this.$$set({actions:e}),h()}get content(){return this.$$.ctx[2]}set content(e){this.$$set({content:e}),h()}get variant(){return this.$$.ctx[3]}set variant(e){this.$$set({variant:e}),h()}get headingsize(){return this.$$.ctx[4]}set headingsize(e){this.$$set({headingsize:e}),h()}}customElements.define("test-container",mi),M.ContainerWrapper=mi,M.GoAAppHeader=lt,M.GoABadge=ct,M.GoAButton=dt,M.GoAButtonGroup=ut,M.GoACallout=ft,M.GoACard=gt,M.GoACardActions=ht,M.GoACardContent=mt,M.GoACardGroup=bt,M.GoACardImage=vt,M.GoACheckbox=yt,M.GoAContainer=_t,M.GoADropdown=Ct,M.GoADropdownItem=At,M.GoAFlexRow=Lt,M.GoAFormItem=It,M.GoAHeroBanner=jt,M.GoAIcon=Dt,M.GoAIconButton=Ot,M.GoAInput=Nt,M.GoAModal=Kt,M.GoANotification=Yt,M.GoAPageBlock=at,M.GoAPageLayout=Zt,M.GoAPageLoader=ti,M.GoARadioGroup=ii,M.GoARadioItem=ri,M.GoAScrollable=oi,M.GoAServiceLevelHeader=si,M.GoASkeleton=Z,M.GoASpinner=ui,M.GoATextArea=fi,Object.defineProperty(M,"__esModule",{value:!0}),M[Symbol.toStringTag]="Module"});
+`)&&d(e,"style",r)},i:y,o:y,d(o){o&&x(e)}}}function Or(i,e,t){let{direction:r="vertical"}=e,{hpadding:o=0}=e,{vpadding:a=0}=e,{height:n=0}=e;return i.$$set=l=>{"direction"in l&&t(0,r=l.direction),"hpadding"in l&&t(1,o=l.hpadding),"vpadding"in l&&t(2,a=l.vpadding),"height"in l&&t(3,n=l.height)},[r,o,a,n]}class oi extends I{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>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Or,Dr,H,{direction:0,hpadding:1,vpadding:2,height:3},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["direction","hpadding","vpadding","height"]}get direction(){return this.$$.ctx[0]}set direction(e){this.$$set({direction:e}),h()}get hpadding(){return this.$$.ctx[1]}set hpadding(e){this.$$set({hpadding:e}),h()}get vpadding(){return this.$$.ctx[2]}set vpadding(e){this.$$set({vpadding:e}),h()}get height(){return this.$$.ctx[3]}set height(e){this.$$set({height:e}),h()}}customElements.define("goa-scrollable",oi);function ni(i){let e;return{c(){e=p("div"),e.innerHTML='An official site of the <a href="https://www.alberta.ca/index.aspx" class="web-link">Alberta Government</a>',d(e,"data-testid","level"),d(e,"class","site-text service-level--live")},m(t,r){_(t,e,r)},d(t){t&&x(e)}}}function ai(i){let e,t,r,o,a;return{c(){e=p("div"),t=q(i[0]),o=L(),a=p("div"),a.innerHTML='This is a new <a href="https://www.alberta.ca/index.aspx" class="web-link">Alberta Government</a> service',d(e,"data-testid","level"),d(e,"class",r="service-level service-level--"+i[0]?.toLowerCase()),d(a,"class","site-text")},m(n,l){_(n,e,l),v(e,t),_(n,o,l),_(n,a,l)},p(n,l){l&1&&W(t,n[0]),l&1&&r!==(r="service-level service-level--"+n[0]?.toLowerCase())&&d(e,"class",r)},d(n){n&&x(e),n&&x(o),n&&x(a)}}}function li(i){let e,t;return{c(){e=p("div"),t=q(i[1]),d(e,"data-testid","version"),d(e,"class","version")},m(r,o){_(r,e,o),v(e,t)},p(r,o){o&2&&W(t,r[1])},d(r){r&&x(e)}}}function Sr(i){let e,t,r,o,a,n=i[0]==="live"&&ni(),l=i[0]!=="live"&&ai(i),s=i[1]&&li(i);return{c(){e=p("header"),n&&n.c(),t=L(),l&&l.c(),r=L(),o=p("div"),a=L(),s&&s.c(),this.c=y,d(o,"class","spacer"),d(e,"class","goa-official-site-header")},m(c,u){_(c,e,u),n&&n.m(e,null),v(e,t),l&&l.m(e,null),v(e,r),v(e,o),v(e,a),s&&s.m(e,null)},p(c,[u]){c[0]==="live"?n||(n=ni(),n.c(),n.m(e,t)):n&&(n.d(1),n=null),c[0]!=="live"?l?l.p(c,u):(l=ai(c),l.c(),l.m(e,r)):l&&(l.d(1),l=null),c[1]?s?s.p(c,u):(s=li(c),s.c(),s.m(e,null)):s&&(s.d(1),s=null)},i:y,o:y,d(c){c&&x(e),n&&n.d(),l&&l.d(),s&&s.d()}}}function Br(i,e,t){let{level:r}=e,{version:o}=e;return i.$$set=a=>{"level"in a&&t(0,r=a.level),"version"in a&&t(1,o=a.version)},[r,o]}class si extends I{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-official-site-header{display:flex;font-size:var(--fs-xs);background-color:var(--color-gray-100);align-items:center;justify-content:space-between;height:1.5rem}.spacer{flex:1 1 auto}.version{padding-right:1rem;opacity:0.5}.service-level{font-weight:bold;padding:0 0.5rem;height:100%;display:flex;align-items:center}.service-level--alpha{background-color:var(--goa-color-interactive--highlight);color:var(--color-black)}.service-level--beta{background-color:var(--goa-color-primary-dark);color:var(--color-white)}.site-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-black);padding-left:0.5rem}</style>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Br,Sr,H,{level:0,version:1},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["level","version"]}get level(){return this.$$.ctx[0]}set level(e){this.$$set({level:e}),h()}get version(){return this.$$.ctx[1]}set version(e){this.$$set({version:e}),h()}}customElements.define("goa-service-level-header",si);function Pr(i){let e,t;return{c(){e=p("div"),d(e,"class",t="skeleton "+i[2]+` ${i[2]}-${i[1]}`)},m(r,o){_(r,e,o)},p(r,o){o&6&&t!==(t="skeleton "+r[2]+` ${r[2]}-${r[1]}`)&&d(e,"class",t)},i:y,o:y,d(r){r&&x(e)}}}function Nr(i){let e,t,r,o,a,n,l,s,c,u;return r=new Z({props:{type:"avatar",size:i[1]}}),n=new Z({props:{type:"title",size:i[1]}}),s=new Z({props:{type:"text-small",size:i[1]}}),{c(){e=p("div"),t=p("div"),re(r.$$.fragment),o=L(),a=p("div"),re(n.$$.fragment),l=L(),re(s.$$.fragment),d(t,"class","profile-avatar"),d(a,"class","profile-name"),d(e,"class",c="profile profile-"+i[1])},m(f,g){_(f,e,g),v(e,t),$(r,t,null),v(e,o),v(e,a),$(n,a,null),v(a,l),$(s,a,null),u=!0},p(f,g){const b={};g&2&&(b.size=f[1]),r.$set(b);const m={};g&2&&(m.size=f[1]),n.$set(m);const k={};g&2&&(k.size=f[1]),s.$set(k),(!u||g&2&&c!==(c="profile profile-"+f[1]))&&d(e,"class",c)},i(f){u||(P(r.$$.fragment,f),P(n.$$.fragment,f),P(s.$$.fragment,f),u=!0)},o(f){F(r.$$.fragment,f),F(n.$$.fragment,f),F(s.$$.fragment,f),u=!1},d(f){f&&x(e),ee(r),ee(n),ee(s)}}}function Fr(i){let e,t,r,o,a,n,l,s,c,u,f,g,b;return t=new Z({props:{type:"image",size:i[1]}}),a=new Z({props:{type:"header",size:i[1]}}),l=new Z({props:{type:"text",size:i[1]}}),c=new Z({props:{type:"text",size:i[1]}}),f=new Z({props:{type:"text",size:i[1]}}),{c(){e=p("div"),re(t.$$.fragment),r=L(),o=p("div"),re(a.$$.fragment),n=L(),re(l.$$.fragment),s=L(),re(c.$$.fragment),u=L(),re(f.$$.fragment),d(o,"class","card-content"),d(e,"class",g="card card-"+i[1]),S(e,"--width",i[0]+"px")},m(m,k){_(m,e,k),$(t,e,null),v(e,r),v(e,o),$(a,o,null),v(o,n),$(l,o,null),v(o,s),$(c,o,null),v(o,u),$(f,o,null),b=!0},p(m,k){const z={};k&2&&(z.size=m[1]),t.$set(z);const E={};k&2&&(E.size=m[1]),a.$set(E);const C={};k&2&&(C.size=m[1]),l.$set(C);const R={};k&2&&(R.size=m[1]),c.$set(R);const O={};k&2&&(O.size=m[1]),f.$set(O),(!b||k&2&&g!==(g="card card-"+m[1]))&&d(e,"class",g),(!b||k&1)&&S(e,"--width",m[0]+"px")},i(m){b||(P(t.$$.fragment,m),P(a.$$.fragment,m),P(l.$$.fragment,m),P(c.$$.fragment,m),P(f.$$.fragment,m),b=!0)},o(m){F(t.$$.fragment,m),F(a.$$.fragment,m),F(l.$$.fragment,m),F(c.$$.fragment,m),F(f.$$.fragment,m),b=!1},d(m){m&&x(e),ee(t),ee(a),ee(l),ee(c),ee(f)}}}function qr(i){let e,t,r,o;const a=[Fr,Nr,Pr],n=[];function l(s,c){return s[2]==="card"?0:s[2]==="profile"?1:2}return e=l(i),t=n[e]=a[e](i),{c(){t.c(),r=le(),this.c=y},m(s,c){n[e].m(s,c),_(s,r,c),o=!0},p(s,[c]){let u=e;e=l(s),e===u?n[e].p(s,c):(ye(),F(n[u],1,1,()=>{n[u]=null}),_e(),t=n[e],t?t.p(s,c):(t=n[e]=a[e](s),t.c()),P(t,1),t.m(r.parentNode,r))},i(s){o||(P(t),o=!0)},o(s){F(t),o=!1},d(s){n[e].d(s),s&&x(r)}}}function Wr(i,e,t){let{width:r=320}=e,{size:o=1}=e,{type:a}=e;return i.$$set=n=>{"width"in n&&t(0,r=n.width),"size"in n&&t(1,o=n.size),"type"in n&&t(2,a=n.type)},[r,o,a]}class Z extends I{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--color-gray-100);animation:pulse 2s infinite ease-in-out;overflow:hidden;margin:10px 0}.image,.image-1{background-color:var(--color-gray-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-4,.text-4{width:100%;height:.75rem;border-radius:0.25rem}.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-bottom:12px;border-radius:0.25rem}.header-2{width:60%;height:20px;margin-bottom:14px;border-radius:0.25rem}.header-3{width:70%;height:22px;margin-bottom:16px;border-radius:0.25rem}.header-4{width:80%;height:24px;margin-bottom:18px;border-radius:0.3rem}.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,.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,.card-1,.card-2,.card-3,.card-4{border:1px solid var(--color-gray-100);border-radius:4px}.card{width:100%}@media(min-width: 320px){.card{width:var(--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>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Wr,qr,H,{width:0,size:1,type:2},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["width","size","type"]}get width(){return this.$$.ctx[0]}set width(e){this.$$set({width:e}),h()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),h()}get type(){return this.$$.ctx[2]}set type(e){this.$$set({type:e}),h()}}customElements.define("goa-skeleton",Z);function ci(i){return Object.prototype.toString.call(i)==="[object Date]"}function qe(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((o,a)=>qe(i[a],o));return o=>r.map(a=>a(o))}if(t==="object"){if(!i||!e)throw new Error("Object cannot be null");if(ci(i)&&ci(e)){i=i.getTime(),e=e.getTime();const a=e-i;return n=>new Date(i+n*a)}const r=Object.keys(e),o={};return r.forEach(a=>{o[a]=qe(i[a],e[a])}),a=>{const n={};return r.forEach(l=>{n[l]=o[l](a)}),n}}if(t==="number"){const r=e-i;return o=>i+o*r}throw new Error(`Cannot interpolate ${t} values`)}function Vr(i,e={}){const t=Fe(i);let r,o=i;function a(n,l){if(i==null)return t.set(i=n),Promise.resolve();o=n;let s=r,c=!1,{delay:u=0,duration:f=400,easing:g=he,interpolate:b=qe}=Je(Je({},e),l);if(f===0)return s&&(s.abort(),s=null),t.set(i=o),Promise.resolve();const m=xe()+u;let k;return r=ze(z=>{if(z<m)return!0;c||(k=b(i,n),typeof f=="function"&&(f=f(i,n)),c=!0),s&&(s.abort(),s=null);const E=z-m;return E>f?(t.set(i=n),!1):(t.set(i=k(g(E/f))),!0)}),r.promise}return{set:a,update:(n,l)=>a(n(o,i),l),subscribe:t.subscribe}}function di(i){let e,t,r,o,a,n,l,s,c;return{c(){e=ae("svg"),t=ae("circle"),a=ae("path"),d(t,"cx",i[2]),d(t,"cy",i[2]),d(t,"stroke",r=i[0]?"var(--goa-color-primary-dark)":"var(--goa-color-brand-light)"),d(t,"stroke-width",i[3]),d(t,"r",o=i[2]-i[3]/2),d(a,"d",n=i[8](i[6])),d(a,"stroke-width",i[3]),d(a,"stroke",l=i[0]?"var(--goa-color-brand-light)":"var(--goa-color-primary)"),d(a,"stroke-linecap","round"),d(e,"class",s=`spinner-${i[1]}`),d(e,"fill","none"),d(e,"viewBox",c="0 0 "+i[4]+" "+i[4]),d(e,"width",i[4]),d(e,"height",i[4]),d(e,"xmlns","http://www.w3.org/2000/svg")},m(u,f){_(u,e,f),v(e,t),v(e,a)},p(u,f){f&4&&d(t,"cx",u[2]),f&4&&d(t,"cy",u[2]),f&1&&r!==(r=u[0]?"var(--goa-color-primary-dark)":"var(--goa-color-brand-light)")&&d(t,"stroke",r),f&8&&d(t,"stroke-width",u[3]),f&12&&o!==(o=u[2]-u[3]/2)&&d(t,"r",o),f&64&&n!==(n=u[8](u[6]))&&d(a,"d",n),f&8&&d(a,"stroke-width",u[3]),f&1&&l!==(l=u[0]?"var(--goa-color-brand-light)":"var(--goa-color-primary)")&&d(a,"stroke",l),f&2&&s!==(s=`spinner-${u[1]}`)&&d(e,"class",s),f&16&&c!==(c="0 0 "+u[4]+" "+u[4])&&d(e,"viewBox",c),f&16&&d(e,"width",u[4]),f&16&&d(e,"height",u[4])},d(u){u&&x(e)}}}function Xr(i){let e,t=i[5]&&di(i);return{c(){t&&t.c(),e=le(),this.c=y},m(r,o){t&&t.m(r,o),_(r,e,o)},p(r,[o]){r[5]?t?t.p(r,o):(t=di(r),t.c(),t.m(e.parentNode,e)):t&&(t.d(1),t=null)},i:y,o:y,d(r){t&&t.d(r),r&&x(e)}}}function Jr(i,e,t){let r,o,a,n,l,s,{size:c}=e,{invert:u=!1}=e,{type:f="infinite"}=e,{progress:g="0"}=e;const b=Vr(0,{duration:500,easing:_r});pi(i,b,z=>t(6,s=z));function m(z){const E=a+n*Math.cos(z),C=a+n*Math.sin(z);return E+" "+C}function k(z){switch(f){case"progress":{const E=m(-Math.PI/2),C=m(-Math.PI/2+2*Math.PI*(z/100)),R=z%100<50?0:1;return`M ${E} A ${n} ${n} 0 ${R} 1 ${C}`}case"infinite":{const E=m(Math.PI*1.5),C=m(0);return`M ${E} A ${n} ${n} 0 1 0 ${C}`}}}return i.$$set=z=>{"size"in z&&t(9,c=z.size),"invert"in z&&t(0,u=z.invert),"type"in z&&t(1,f=z.type),"progress"in z&&t(10,g=z.progress)},i.$$.update=()=>{i.$$.dirty&1024&&b.set(parseFloat(g)),i.$$.dirty&512&&t(4,r={small:16,medium:32,large:64,xlarge:100}[c]),i.$$.dirty&512&&t(3,o={small:2,medium:4,large:7,xlarge:9}[c]),i.$$.dirty&16&&t(2,a=r/2),i.$$.dirty&12&&t(11,n=a-o/2),i.$$.dirty&3074&&t(5,l=f==="infinite"?n:n&&g)},[u,f,a,o,r,l,s,b,k,c,g,n]}class ui extends I{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner-infinite{animation:rotate 2s linear infinite}</style>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Jr,Xr,H,{size:9,invert:0,type:1,progress:10},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["size","invert","type","progress"]}get size(){return this.$$.ctx[9]}set size(e){this.$$set({size:e}),h()}get invert(){return this.$$.ctx[0]}set invert(e){this.$$set({invert:e}),h()}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),h()}get progress(){return this.$$.ctx[10]}set progress(e){this.$$set({progress:e}),h()}}customElements.define("goa-spinner",ui);function Kr(i){let e,t,r,o,a;return{c(){e=p("textarea"),this.c=y,d(e,"name",i[0]),d(e,"class","goa-textarea"),d(e,"placeholder",i[2]),e.value=t=i[1]||"",d(e,"rows",r=i[3]||3),e.disabled=i[4]},m(n,l){_(n,e,l),o||(a=V(e,"keyup",i[5]),o=!0)},p(n,[l]){l&1&&d(e,"name",n[0]),l&4&&d(e,"placeholder",n[2]),l&2&&t!==(t=n[1]||"")&&(e.value=t),l&8&&r!==(r=n[3]||3)&&d(e,"rows",r),l&16&&(e.disabled=n[4])},i:y,o:y,d(n){n&&x(e),o=!1,a()}}}function Ur(i,e,t){let r,{name:o}=e,{value:a}=e,{placeholder:n}=e,{rows:l}=e,{disabled:s}=e;function c(u){const g=u.target.value;u.target.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{event:u,data:{name:o,value:g}}})),u.stopPropagation()}return i.$$set=u=>{"name"in u&&t(0,o=u.name),"value"in u&&t(1,a=u.value),"placeholder"in u&&t(2,n=u.placeholder),"rows"in u&&t(3,l=u.rows),"disabled"in u&&t(6,s=u.disabled)},i.$$.update=()=>{i.$$.dirty&64&&t(4,r=D(s))},[o,a,n,l,r,c,s]}class fi extends I{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:3px;background:var(--color-white);color:var(--color-black, #ccc);padding:var(--input-padding, 0.5rem);font-size:var(--input-font-size);font-family:var(--font-family)}.goa-textarea:hover{border-color:var(--goa-color-interactive--hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--highlight)}.goa-textarea:disabled{border-color:var(--color-gray-200)}.goa-textarea:disabled:hover{border-color:var(--color-gray-200)}.goa-textarea:disabled:focus,.goa-textarea:disabled:active{box-shadow:none}</style>",G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Ur,Kr,H,{name:0,value:1,placeholder:2,rows:3,disabled:6},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["name","value","placeholder","rows","disabled"]}get name(){return this.$$.ctx[0]}set name(e){this.$$set({name:e}),h()}get value(){return this.$$.ctx[1]}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 disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),h()}}customElements.define("goa-textarea",fi);function gi(i){let e,t;return{c(){e=p("div"),t=q(i[0]),d(e,"slot","title"),d(e,"class","title")},m(r,o){_(r,e,o),v(e,t)},p(r,o){o&1&&W(t,r[0])},d(r){r&&x(e)}}}function hi(i){let e;return{c(){e=p("div"),d(e,"class","actions"),d(e,"slot","actions")},m(t,r){_(t,e,r),e.innerHTML=i[1]},p(t,r){r&2&&(e.innerHTML=t[1])},d(t){t&&x(e)}}}function Yr(i){let e,t,r,o,a=i[0]&&gi(i),n=i[1]&&hi(i);return{c(){e=p("goa-container"),a&&a.c(),t=L(),n&&n.c(),r=L(),o=p("div"),this.c=y,d(o,"class","content"),d(o,"slot",""),w(e,"variant",i[3]),w(e,"headingsize",i[4])},m(l,s){_(l,e,s),a&&a.m(e,null),v(e,t),n&&n.m(e,null),v(e,r),v(e,o),o.innerHTML=i[2]},p(l,[s]){l[0]?a?a.p(l,s):(a=gi(l),a.c(),a.m(e,t)):a&&(a.d(1),a=null),l[1]?n?n.p(l,s):(n=hi(l),n.c(),n.m(e,r)):n&&(n.d(1),n=null),s&4&&(o.innerHTML=l[2]),s&8&&w(e,"variant",l[3]),s&16&&w(e,"headingsize",l[4])},i:y,o:y,d(l){l&&x(e),a&&a.d(),n&&n.d()}}}function Zr(i,e,t){let{title:r}=e,{actions:o=""}=e,{content:a}=e,{variant:n="default"}=e,{headingsize:l="large"}=e;return i.$$set=s=>{"title"in s&&t(0,r=s.title),"actions"in s&&t(1,o=s.actions),"content"in s&&t(2,a=s.content),"variant"in s&&t(3,n=s.variant),"headingsize"in s&&t(4,l=s.headingsize)},[r,o,a,n,l]}class mi extends I{constructor(e){super();G(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},Zr,Yr,H,{title:0,actions:1,content:2,variant:3,headingsize:4},null),e&&(e.target&&_(e.target,this,e.anchor),e.props&&(this.$set(e.props),h()))}static get observedAttributes(){return["title","actions","content","variant","headingsize"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),h()}get actions(){return this.$$.ctx[1]}set actions(e){this.$$set({actions:e}),h()}get content(){return this.$$.ctx[2]}set content(e){this.$$set({content:e}),h()}get variant(){return this.$$.ctx[3]}set variant(e){this.$$set({variant:e}),h()}get headingsize(){return this.$$.ctx[4]}set headingsize(e){this.$$set({headingsize:e}),h()}}customElements.define("test-container",mi),M.ContainerWrapper=mi,M.GoAAppHeader=lt,M.GoABadge=ct,M.GoAButton=dt,M.GoAButtonGroup=ut,M.GoACallout=ft,M.GoACard=gt,M.GoACardActions=ht,M.GoACardContent=mt,M.GoACardGroup=bt,M.GoACardImage=vt,M.GoACheckbox=yt,M.GoAContainer=_t,M.GoADropdown=Ct,M.GoADropdownItem=At,M.GoAFlexRow=Lt,M.GoAFormItem=It,M.GoAHeroBanner=jt,M.GoAIcon=Dt,M.GoAIconButton=Ot,M.GoAInput=Nt,M.GoAModal=Kt,M.GoANotification=Yt,M.GoAPageBlock=at,M.GoAPageLayout=Zt,M.GoAPageLoader=ti,M.GoARadioGroup=ii,M.GoARadioItem=ri,M.GoAScrollable=oi,M.GoAServiceLevelHeader=si,M.GoASkeleton=Z,M.GoASpinner=ui,M.GoATextArea=fi,Object.defineProperty(M,"__esModule",{value:!0}),M[Symbol.toStringTag]="Module"});