@abgov/react-components 4.0.0-alpha.154 → 4.0.0-alpha.155

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/react-components.esm.js +1 -1
  3. package/react-components.umd.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/react-components",
3
- "version": "4.0.0-alpha.154",
3
+ "version": "4.0.0-alpha.155",
4
4
  "description": "Government of Alberta - UI components for React",
5
5
  "bugs": {
6
6
  "url": "https://github.com/GovAlta/ui-components/issues"
package/react-components.esm.js CHANGED
@@ -103,7 +103,7 @@ $$invalidate(8,showIcon=toBoolean(icon));}if($$self.$$.dirty&/*showIcon, content
103
103
  function create_if_block$n(ctx){let span;let t;let goa_icon;return {c(){span=element("span");span.innerHTML=`<slot></slot>`;t=space();goa_icon=element("goa-icon");attr(span,"class","text");set_custom_element_data(goa_icon,"id","trailing-icon");set_custom_element_data(goa_icon,"type","arrow-forward");set_custom_element_data(goa_icon,"inverted","true");},m(target,anchor){insert(target,span,anchor);insert(target,t,anchor);insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(span);if(detaching)detach(t);if(detaching)detach(goa_icon);}};}// (52:4) {#if leadingicon}
104
104
  function create_if_block_2$a(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","leading-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[3]);set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/8){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[3]);}if(dirty&/*isButtonDark*/2048){set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (58:4) {#if trailingicon}
105
105
  function create_if_block_1$e(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","trailing-icon");set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*trailingicon*/16){set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);}if(dirty&/*isButtonDark*/2048){set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$O(ctx){let button;let button_class_value;let button_style_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*type*/ctx[0]==="start")return create_if_block$n;return create_else_block$8;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");if_block.c();this.c=noop;attr(button,"class",button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]));attr(button,"style",button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]));button.disabled=/*isDisabled*/ctx[10];attr(button,"data-testid",/*testid*/ctx[5]);toggle_class(button,"leading",/*leadingicon*/ctx[3]);toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");},m(target,anchor){insert(target,button,anchor);if_block.m(button,null);if(!mounted){dispose=[listen(button,"click",/*clickHandler*/ctx[12]),listen(button,"click",/*clickHandler*/ctx[12])];mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}if(dirty&/*type, size, variant*/7&&button_class_value!==(button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]))){attr(button,"class",button_class_value);}if(dirty&/*mt, mr, mb, ml*/960&&button_style_value!==(button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]))){attr(button,"style",button_style_value);}if(dirty&/*isDisabled*/1024){button.disabled=/*isDisabled*/ctx[10];}if(dirty&/*testid*/32){attr(button,"data-testid",/*testid*/ctx[5]);}if(dirty&/*type, size, variant, leadingicon*/15){toggle_class(button,"leading",/*leadingicon*/ctx[3]);}if(dirty&/*type, size, variant, trailingicon, type*/23){toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();mounted=false;run_all(dispose);}};}function instance$H($$self,$$props,$$invalidate){let isDisabled;let isButtonDark;const[Types,validateType]=typeValidator("Button type",["primary","submit","secondary","tertiary","start"],true);const[Sizes,validateSize]=typeValidator("Button size",["normal","compact"],true);const[Variants,validateVariant]=typeValidator("Button variant",["normal","destructive"],true);let{type="primary"}=$$props;let{size="normal"}=$$props;let{variant="normal"}=$$props;let{disabled="false"}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;function clickHandler(e){if(!isDisabled){this.dispatchEvent(new CustomEvent("_click",{composed:true,bubbles:true}));}}onMount(()=>{validateType(type);validateSize(size);validateVariant(variant);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('size'in $$props)$$invalidate(1,size=$$props.size);if('variant'in $$props)$$invalidate(2,variant=$$props.variant);if('disabled'in $$props)$$invalidate(13,disabled=$$props.disabled);if('leadingicon'in $$props)$$invalidate(3,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(4,trailingicon=$$props.trailingicon);if('testid'in $$props)$$invalidate(5,testid=$$props.testid);if('mt'in $$props)$$invalidate(6,mt=$$props.mt);if('mr'in $$props)$$invalidate(7,mr=$$props.mr);if('mb'in $$props)$$invalidate(8,mb=$$props.mb);if('ml'in $$props)$$invalidate(9,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/8192){$$invalidate(10,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*type*/1){$$invalidate(11,isButtonDark=type==="primary"||type==="start");}};return [type,size,variant,leadingicon,trailingicon,testid,mt,mr,mb,ml,isDisabled,isButtonDark,clickHandler,disabled];}class Button extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{--button-height:2.625rem;--button-height-compact:2rem;--button-height-tall:3.25rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}@media(max-width: 480px){:host{width:100%}button{width:100%}}button{display:inline-flex;box-sizing:border-box;border-radius:0.25rem;border:2px solid var(--goa-color-interactive-default);box-sizing:border-box;cursor:pointer;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-5);font-weight:400;height:var(--button-height);letter-spacing:var(--goa-letter-spacing-button);line-height:100%;padding:0 0.75rem;gap:0.5rem;align-items:center;justify-content:center;transition:transform 0.1s ease-in-out, background-color 0.2s ease-in-out,
106
- border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4);padding-left:var(--goa-space-xs);padding-right:var(--goa-space-xs)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:transparent}.tertiary.destructive:hover{color:var(--goa-color-emergency-dark)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$O,safe_not_equal,{type:0,size:1,variant:2,disabled:13,leadingicon:3,trailingicon:4,testid:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","size","variant","disabled","leadingicon","trailingicon","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get variant(){return this.$$.ctx[2];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[13];}set disabled(disabled){this.$$set({disabled});flush();}get leadingicon(){return this.$$.ctx[3];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[4];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get testid(){return this.$$.ctx[5];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button",Button);/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */function create_fragment$N(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")));},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*mt, mr, mb, ml, _alignment, gap*/125&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")))){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$G($$self,$$props,$$invalidate){let _alignment;let{alignment="start"}=$$props;let{gap="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;const[BUTTON_ALIGNMENTS,validateAlignment]=typeValidator("alignment",["start","end","center"]);const[GAPS,validateGap]=typeValidator("gap",["relaxed","compact"]);onMount(()=>{validateAlignment(alignment);validateGap(gap);});$$self.$$set=$$props=>{if('alignment'in $$props)$$invalidate(7,alignment=$$props.alignment);if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*alignment*/128){$$invalidate(6,_alignment={start:"flex-start",end:"flex-end",center:"center"}[alignment]);}};return [gap,testid,mt,mr,mb,ml,_alignment,alignment];}class ButtonGroup extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$G,create_fragment$N,safe_not_equal,{alignment:7,gap:0,testid:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["alignment","gap","testid","mt","mr","mb","ml"];}get alignment(){return this.$$.ctx[7];}set alignment(alignment){this.$$set({alignment});flush();}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button-group",ButtonGroup);/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */function create_if_block$m(ctx){let h3;let t;return {c(){h3=element("h3");t=text(/*heading*/ctx[5]);toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,h3,anchor);append(h3,t);},p(ctx,dirty){if(dirty&/*heading*/32)set_data(t,/*heading*/ctx[5]);if(dirty&/*isMediumCallout*/512){toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);}},d(detaching){if(detaching)detach(h3);}};}function create_fragment$M(ctx){let div;let span0;let goa_icon;let goa_icon_inverted_value;let span0_class_value;let t0;let span1;let t1;let slot;let div_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[12]);let if_block=/*heading*/ctx[5]&&create_if_block$m(ctx);return {c(){div=element("div");span0=element("span");goa_icon=element("goa-icon");t0=space();span1=element("span");if(if_block)if_block.c();t1=space();slot=element("slot");this.c=noop;set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true");attr(span0,"class",span0_class_value="icon "+/*type*/ctx[4]);attr(span1,"class","content");attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div,"class","notification");attr(div,"data-testid",/*testid*/ctx[6]);toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,div,anchor);append(div,span0);append(span0,goa_icon);append(div,t0);append(div,span1);if(if_block)if_block.m(span1,null);append(span1,t1);append(span1,slot);if(!mounted){dispose=listen(window,"resize",/*onwindowresize*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}if(dirty&/*iconSize*/256){set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);}if(dirty&/*type*/16&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*type*/16&&span0_class_value!==(span0_class_value="icon "+/*type*/ctx[4])){attr(span0,"class",span0_class_value);}if(/*heading*/ctx[5]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$m(ctx);if_block.c();if_block.m(span1,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*mt, mr, mb, ml*/15&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/64){attr(div,"data-testid",/*testid*/ctx[6]);}if(dirty&/*isMediumCallout*/512){toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();mounted=false;dispose();}};}function instance$F($$self,$$props,$$invalidate){let isMediumCallout;let iconType;const[Types,validateType]=typeValidator("Callout type",["emergency","important","information","event","success"],true);const[CalloutSizes,validateCalloutSize]=typeValidator("Callout size",["medium","large"]);let{mt=null}=$$props;let{mr=null}=$$props;let{mb="l"}=$$props;let{ml=null}=$$props;let{size="large"}=$$props;let{type}=$$props;let{heading=""}=$$props;let{testid=""}=$$props;let screenSize=0;let iconSize="medium";onMount(()=>{validateCalloutSize(size);setTimeout(()=>{validateType(type);$$invalidate(8,iconSize=isMediumCallout?"small":"medium");});});function onwindowresize(){$$invalidate(7,screenSize=window.innerWidth);}$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('size'in $$props)$$invalidate(11,size=$$props.size);if('type'in $$props)$$invalidate(4,type=$$props.type);if('heading'in $$props)$$invalidate(5,heading=$$props.heading);if('testid'in $$props)$$invalidate(6,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*screenSize, size*/2176){$$invalidate(9,isMediumCallout=screenSize<640||size==="medium");}if($$self.$$.dirty&/*type*/16){$$invalidate(10,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="success"?"checkmark-circle":type==="event"?"calendar":"");}};return [mt,mr,mb,ml,type,heading,testid,screenSize,iconSize,isMediumCallout,iconType,size,onwindowresize];}class Callout extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{display:flex;align-items:stretch;overflow:hidden;font:var(--goa-typography-body-m)}h3{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-2);font-weight:var(--goa-font-weight-regular);margin-top:var(--goa-space-none);margin-bottom:var(--goa-space-m)}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.icon{text-align:center;padding-top:var(--goa-space-l);padding-left:var(--goa-space-s);padding-right:var(--goa-space-s)}.content{flex:1 1 auto;background-color:var(--goa-color-greyscale-100);padding:var(--goa-space-l)}.notification.medium{font:var(--goa-typography-body-s);max-width:22rem}h3.medium{font:var(--goa-typography-heading-xs);margin-bottom:var(--goa-space-2xs)}.notification.medium .content{padding:var(--goa-space-s);margin-top:calc(-1 * var(--goa-space-3xs))}.notification.medium .icon{padding-top:var(--goa-space-s);padding-left:var(--goa-space-2xs);padding-right:var(--goa-space-2xs)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$M,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,size:11,type:4,heading:5,testid:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","size","type","heading","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get size(){return this.$$.ctx[11];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get heading(){return this.$$.ctx[5];}set heading(heading){this.$$set({heading});flush();}get testid(){return this.$$.ctx[6];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-callout",Callout);/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */function create_fragment$L(ctx){let goa_card_content;return {c(){goa_card_content=element("goa-card-content");goa_card_content.innerHTML=`<goa-button-group alignment="end"><slot></slot></goa-button-group>`;this.c=noop;},m(target,anchor){insert(target,goa_card_content,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(goa_card_content);}};}class CardActions extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$L,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-actions",CardActions);/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */function create_fragment$K(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[7]);attr(div,"class","card");attr(div,"style",div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"");},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/128){attr(div,"data-testid",/*testid*/ctx[7]);}if(dirty&/*width, height, mt, mr, mb, ml, elevation*/127&&div_style_value!==(div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"")){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$E($$self,$$props,$$invalidate){let{elevation=0}=$$props;let{width="100%"}=$$props;let{height="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{testid=""}=$$props;$$self.$$set=$$props=>{if('elevation'in $$props)$$invalidate(0,elevation=$$props.elevation);if('width'in $$props)$$invalidate(1,width=$$props.width);if('height'in $$props)$$invalidate(2,height=$$props.height);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};return [elevation,width,height,mt,mr,mb,ml,testid];}class Card extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card{background-color:var(--goa-color-greyscale-white);border-radius:4px;overflow:hidden;height:var(--height)}@media(min-width: 320px){.card{margin:0 auto}}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$K,safe_not_equal,{elevation:0,width:1,height:2,mt:3,mr:4,mb:5,ml:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["elevation","width","height","mt","mr","mb","ml","testid"];}get elevation(){return this.$$.ctx[0];}set elevation(elevation){this.$$set({elevation});flush();}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get height(){return this.$$.ctx[2];}set height(height){this.$$set({height});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-card",Card);/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */function create_fragment$J(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-content");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardContent extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$J,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-content",CardContent);/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */function create_fragment$I(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-group");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardGroup extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$I,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-group",CardGroup);/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */function create_fragment$H(ctx){let div;return {c(){div=element("div");this.c=noop;set_style(div,"background-image","url("+/*src*/ctx[0]+")");set_style(div,"height",/*height*/ctx[1]);set_style(div,"background-size","cover");set_style(div,"background-position","center");},m(target,anchor){insert(target,div,anchor);},p(ctx,[dirty]){if(dirty&/*src*/1){set_style(div,"background-image","url("+/*src*/ctx[0]+")");}if(dirty&/*height*/2){set_style(div,"height",/*height*/ctx[1]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$D($$self,$$props,$$invalidate){let{src}=$$props;let{height="100%"}=$$props;$$self.$$set=$$props=>{if('src'in $$props)$$invalidate(0,src=$$props.src);if('height'in $$props)$$invalidate(1,height=$$props.height);};return [src,height];}class CardImage extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$H,safe_not_equal,{src:0,height:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["src","height"];}get src(){return this.$$.ctx[0];}set src(src){this.$$set({src});flush();}get height(){return this.$$.ctx[1];}set height(height){this.$$set({height});flush();}}customElements.define("goa-card-image",CardImage);/* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.51.0 */function create_if_block_1$d(ctx){let svg;let path;return {c(){svg=svg_element("svg");path=svg_element("path");attr(path,"d","M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z");attr(svg,"id","checkmark");attr(svg,"data-testid","checkmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 16 12.18");},m(target,anchor){insert(target,svg,anchor);append(svg,path);},d(detaching){if(detaching)detach(svg);}};}// (68:4) {#if isIndeterminate}
106
+ border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4);padding-left:var(--goa-space-xs);padding-right:var(--goa-space-xs)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:transparent}.tertiary.destructive:hover{color:var(--goa-color-emergency-dark)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$O,safe_not_equal,{type:0,size:1,variant:2,disabled:13,leadingicon:3,trailingicon:4,testid:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","size","variant","disabled","leadingicon","trailingicon","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get variant(){return this.$$.ctx[2];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[13];}set disabled(disabled){this.$$set({disabled});flush();}get leadingicon(){return this.$$.ctx[3];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[4];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get testid(){return this.$$.ctx[5];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button",Button);/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */function create_fragment$N(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")));},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*mt, mr, mb, ml, _alignment, gap*/125&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")))){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$G($$self,$$props,$$invalidate){let _alignment;let{alignment="start"}=$$props;let{gap="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;const[BUTTON_ALIGNMENTS,validateAlignment]=typeValidator("alignment",["start","end","center"]);const[GAPS,validateGap]=typeValidator("gap",["relaxed","compact"]);onMount(()=>{validateAlignment(alignment);validateGap(gap);});$$self.$$set=$$props=>{if('alignment'in $$props)$$invalidate(7,alignment=$$props.alignment);if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*alignment*/128){$$invalidate(6,_alignment={start:"flex-start",end:"flex-end",center:"center"}[alignment]);}};return [gap,testid,mt,mr,mb,ml,_alignment,alignment];}class ButtonGroup extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$G,create_fragment$N,safe_not_equal,{alignment:7,gap:0,testid:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["alignment","gap","testid","mt","mr","mb","ml"];}get alignment(){return this.$$.ctx[7];}set alignment(alignment){this.$$set({alignment});flush();}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button-group",ButtonGroup);/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */function create_if_block$m(ctx){let h3;let t;return {c(){h3=element("h3");t=text(/*heading*/ctx[5]);toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,h3,anchor);append(h3,t);},p(ctx,dirty){if(dirty&/*heading*/32)set_data(t,/*heading*/ctx[5]);if(dirty&/*isMediumCallout*/512){toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);}},d(detaching){if(detaching)detach(h3);}};}function create_fragment$M(ctx){let div;let span0;let goa_icon;let goa_icon_inverted_value;let span0_class_value;let t0;let span1;let t1;let slot;let div_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[12]);let if_block=/*heading*/ctx[5]&&create_if_block$m(ctx);return {c(){div=element("div");span0=element("span");goa_icon=element("goa-icon");t0=space();span1=element("span");if(if_block)if_block.c();t1=space();slot=element("slot");this.c=noop;set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true");attr(span0,"class",span0_class_value="icon "+/*type*/ctx[4]);attr(span1,"class","content");attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div,"class","notification");attr(div,"data-testid",/*testid*/ctx[6]);toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,div,anchor);append(div,span0);append(span0,goa_icon);append(div,t0);append(div,span1);if(if_block)if_block.m(span1,null);append(span1,t1);append(span1,slot);if(!mounted){dispose=listen(window,"resize",/*onwindowresize*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}if(dirty&/*iconSize*/256){set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);}if(dirty&/*type*/16&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*type*/16&&span0_class_value!==(span0_class_value="icon "+/*type*/ctx[4])){attr(span0,"class",span0_class_value);}if(/*heading*/ctx[5]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$m(ctx);if_block.c();if_block.m(span1,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*mt, mr, mb, ml*/15&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/64){attr(div,"data-testid",/*testid*/ctx[6]);}if(dirty&/*isMediumCallout*/512){toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();mounted=false;dispose();}};}function instance$F($$self,$$props,$$invalidate){let isMediumCallout;let iconType;const[Types,validateType]=typeValidator("Callout type",["emergency","important","information","event","success"],true);const[CalloutSizes,validateCalloutSize]=typeValidator("Callout size",["medium","large"]);let{mt=null}=$$props;let{mr=null}=$$props;let{mb="l"}=$$props;let{ml=null}=$$props;let{size="large"}=$$props;let{type}=$$props;let{heading=""}=$$props;let{testid=""}=$$props;let screenSize=0;let iconSize="medium";onMount(()=>{validateCalloutSize(size);setTimeout(()=>{validateType(type);$$invalidate(8,iconSize=isMediumCallout?"small":"medium");});});function onwindowresize(){$$invalidate(7,screenSize=window.innerWidth);}$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('size'in $$props)$$invalidate(11,size=$$props.size);if('type'in $$props)$$invalidate(4,type=$$props.type);if('heading'in $$props)$$invalidate(5,heading=$$props.heading);if('testid'in $$props)$$invalidate(6,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*screenSize, size*/2176){$$invalidate(9,isMediumCallout=screenSize<640||size==="medium");}if($$self.$$.dirty&/*type*/16){$$invalidate(10,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="success"?"checkmark-circle":type==="event"?"calendar":"");}};return [mt,mr,mb,ml,type,heading,testid,screenSize,iconSize,isMediumCallout,iconType,size,onwindowresize];}class Callout extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{display:flex;align-items:stretch;overflow:hidden;font:var(--goa-typography-body-m)}h3{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-2);font-weight:var(--goa-font-weight-regular);margin-top:var(--goa-space-none);margin-bottom:var(--goa-space-m)}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.icon{text-align:center;padding-top:var(--goa-space-l);padding-left:var(--goa-space-s);padding-right:var(--goa-space-s)}.content{flex:1 1 auto;background-color:var(--goa-color-greyscale-100);padding:var(--goa-space-l)}.notification.medium{font:var(--goa-typography-body-s)}h3.medium{font:var(--goa-typography-heading-xs);margin-bottom:var(--goa-space-2xs)}.notification.medium .content{padding:var(--goa-space-s);margin-top:calc(-1 * var(--goa-space-3xs))}.notification.medium .icon{padding-top:var(--goa-space-s);padding-left:var(--goa-space-2xs);padding-right:var(--goa-space-2xs)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$M,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,size:11,type:4,heading:5,testid:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","size","type","heading","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get size(){return this.$$.ctx[11];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get heading(){return this.$$.ctx[5];}set heading(heading){this.$$set({heading});flush();}get testid(){return this.$$.ctx[6];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-callout",Callout);/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */function create_fragment$L(ctx){let goa_card_content;return {c(){goa_card_content=element("goa-card-content");goa_card_content.innerHTML=`<goa-button-group alignment="end"><slot></slot></goa-button-group>`;this.c=noop;},m(target,anchor){insert(target,goa_card_content,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(goa_card_content);}};}class CardActions extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$L,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-actions",CardActions);/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */function create_fragment$K(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[7]);attr(div,"class","card");attr(div,"style",div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"");},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/128){attr(div,"data-testid",/*testid*/ctx[7]);}if(dirty&/*width, height, mt, mr, mb, ml, elevation*/127&&div_style_value!==(div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"")){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$E($$self,$$props,$$invalidate){let{elevation=0}=$$props;let{width="100%"}=$$props;let{height="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{testid=""}=$$props;$$self.$$set=$$props=>{if('elevation'in $$props)$$invalidate(0,elevation=$$props.elevation);if('width'in $$props)$$invalidate(1,width=$$props.width);if('height'in $$props)$$invalidate(2,height=$$props.height);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};return [elevation,width,height,mt,mr,mb,ml,testid];}class Card extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card{background-color:var(--goa-color-greyscale-white);border-radius:4px;overflow:hidden;height:var(--height)}@media(min-width: 320px){.card{margin:0 auto}}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$K,safe_not_equal,{elevation:0,width:1,height:2,mt:3,mr:4,mb:5,ml:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["elevation","width","height","mt","mr","mb","ml","testid"];}get elevation(){return this.$$.ctx[0];}set elevation(elevation){this.$$set({elevation});flush();}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get height(){return this.$$.ctx[2];}set height(height){this.$$set({height});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-card",Card);/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */function create_fragment$J(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-content");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardContent extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$J,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-content",CardContent);/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */function create_fragment$I(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-group");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardGroup extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$I,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-group",CardGroup);/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */function create_fragment$H(ctx){let div;return {c(){div=element("div");this.c=noop;set_style(div,"background-image","url("+/*src*/ctx[0]+")");set_style(div,"height",/*height*/ctx[1]);set_style(div,"background-size","cover");set_style(div,"background-position","center");},m(target,anchor){insert(target,div,anchor);},p(ctx,[dirty]){if(dirty&/*src*/1){set_style(div,"background-image","url("+/*src*/ctx[0]+")");}if(dirty&/*height*/2){set_style(div,"height",/*height*/ctx[1]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$D($$self,$$props,$$invalidate){let{src}=$$props;let{height="100%"}=$$props;$$self.$$set=$$props=>{if('src'in $$props)$$invalidate(0,src=$$props.src);if('height'in $$props)$$invalidate(1,height=$$props.height);};return [src,height];}class CardImage extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$H,safe_not_equal,{src:0,height:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["src","height"];}get src(){return this.$$.ctx[0];}set src(src){this.$$set({src});flush();}get height(){return this.$$.ctx[1];}set height(height){this.$$set({height});flush();}}customElements.define("goa-card-image",CardImage);/* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.51.0 */function create_if_block_1$d(ctx){let svg;let path;return {c(){svg=svg_element("svg");path=svg_element("path");attr(path,"d","M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z");attr(svg,"id","checkmark");attr(svg,"data-testid","checkmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 16 12.18");},m(target,anchor){insert(target,svg,anchor);append(svg,path);},d(detaching){if(detaching)detach(svg);}};}// (68:4) {#if isIndeterminate}
107
107
  function create_if_block$l(ctx){let svg;let rect;return {c(){svg=svg_element("svg");rect=svg_element("rect");attr(rect,"width","15");attr(rect,"height","2");attr(svg,"id","dashmark");attr(svg,"data-testid","dashmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 15 2");},m(target,anchor){insert(target,svg,anchor);append(svg,rect);},d(detaching){if(detaching)detach(svg);}};}function create_fragment$G(ctx){let label;let div0;let input;let input_value_value;let input_aria_label_value;let t0;let t1;let div1;let slot;let t2;let label_style_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*isIndeterminate*/ctx[10])return create_if_block$l;if(/*isChecked*/ctx[9])return create_if_block_1$d;}let current_block_type=select_block_type(ctx);let if_block=current_block_type&&current_block_type(ctx);return {c(){label=element("label");div0=element("div");input=element("input");t0=space();if(if_block)if_block.c();t1=space();div1=element("div");slot=element("slot");t2=text(/*text*/ctx[1]);this.c=noop;attr(input,"id",/*name*/ctx[0]);attr(input,"name",/*name*/ctx[0]);input.checked=/*isChecked*/ctx[9];input.disabled=/*isDisabled*/ctx[12];attr(input,"type","checkbox");input.value=input_value_value=`${/*value*/ctx[2]}`;attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[0]);attr(div0,"class","goa-checkbox-container");toggle_class(div0,"goa-checkbox--selected",/*isChecked*/ctx[9]);attr(div1,"class","goa-checkbox-text");attr(div1,"data-testid","text");attr(label,"data-testid",/*testid*/ctx[3]);attr(label,"for",/*name*/ctx[0]);attr(label,"style",label_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]));attr(label,"class","goa-checkbox");toggle_class(label,"goa-checkbox--disabled",/*isDisabled*/ctx[12]);toggle_class(label,"goa-checkbox--error",/*isError*/ctx[11]);},m(target,anchor){insert(target,label,anchor);append(label,div0);append(div0,input);append(div0,t0);if(if_block)if_block.m(div0,null);append(label,t1);append(label,div1);append(div1,slot);append(slot,t2);if(!mounted){dispose=listen(input,"change",/*onChange*/ctx[13]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*name*/1){attr(input,"id",/*name*/ctx[0]);}if(dirty&/*name*/1){attr(input,"name",/*name*/ctx[0]);}if(dirty&/*isChecked*/512){input.checked=/*isChecked*/ctx[9];}if(dirty&/*isDisabled*/4096){input.disabled=/*isDisabled*/ctx[12];}if(dirty&/*value*/4&&input_value_value!==(input_value_value=`${/*value*/ctx[2]}`)){input.value=input_value_value;}if(dirty&/*arialabel, name*/17&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[0])){attr(input,"aria-label",input_aria_label_value);}if(current_block_type!==(current_block_type=select_block_type(ctx))){if(if_block)if_block.d(1);if_block=current_block_type&&current_block_type(ctx);if(if_block){if_block.c();if_block.m(div0,null);}}if(dirty&/*isChecked*/512){toggle_class(div0,"goa-checkbox--selected",/*isChecked*/ctx[9]);}if(dirty&/*text*/2)set_data(t2,/*text*/ctx[1]);if(dirty&/*testid*/8){attr(label,"data-testid",/*testid*/ctx[3]);}if(dirty&/*name*/1){attr(label,"for",/*name*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/480&&label_style_value!==(label_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]))){attr(label,"style",label_style_value);}if(dirty&/*isDisabled*/4096){toggle_class(label,"goa-checkbox--disabled",/*isDisabled*/ctx[12]);}if(dirty&/*isError*/2048){toggle_class(label,"goa-checkbox--error",/*isError*/ctx[11]);}},i:noop,o:noop,d(detaching){if(detaching)detach(label);if(if_block){if_block.d();}mounted=false;dispose();}};}function instance$C($$self,$$props,$$invalidate){let isDisabled;let isError;let isChecked;let isIndeterminate;let{name}=$$props;let{checked="false"}=$$props;let{text=""}=$$props;let{value=""}=$$props;let{disabled="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;// Private
108
108
  let _value;onMount(()=>{// hold on to the initial value to prevent losing it on check changes
109
109
  _value=value;});function onChange(e){// An empty string is required as setting the second value to `null` caused the data to get
package/react-components.umd.js CHANGED
@@ -105,7 +105,7 @@
105
105
  function create_if_block$n(ctx){let span;let t;let goa_icon;return {c(){span=element("span");span.innerHTML=`<slot></slot>`;t=space();goa_icon=element("goa-icon");attr(span,"class","text");set_custom_element_data(goa_icon,"id","trailing-icon");set_custom_element_data(goa_icon,"type","arrow-forward");set_custom_element_data(goa_icon,"inverted","true");},m(target,anchor){insert(target,span,anchor);insert(target,t,anchor);insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(span);if(detaching)detach(t);if(detaching)detach(goa_icon);}};}// (52:4) {#if leadingicon}
106
106
  function create_if_block_2$a(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","leading-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[3]);set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/8){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[3]);}if(dirty&/*isButtonDark*/2048){set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (58:4) {#if trailingicon}
107
107
  function create_if_block_1$e(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","trailing-icon");set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*trailingicon*/16){set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);}if(dirty&/*isButtonDark*/2048){set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$O(ctx){let button;let button_class_value;let button_style_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*type*/ctx[0]==="start")return create_if_block$n;return create_else_block$8;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");if_block.c();this.c=noop;attr(button,"class",button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]));attr(button,"style",button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]));button.disabled=/*isDisabled*/ctx[10];attr(button,"data-testid",/*testid*/ctx[5]);toggle_class(button,"leading",/*leadingicon*/ctx[3]);toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");},m(target,anchor){insert(target,button,anchor);if_block.m(button,null);if(!mounted){dispose=[listen(button,"click",/*clickHandler*/ctx[12]),listen(button,"click",/*clickHandler*/ctx[12])];mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}if(dirty&/*type, size, variant*/7&&button_class_value!==(button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]))){attr(button,"class",button_class_value);}if(dirty&/*mt, mr, mb, ml*/960&&button_style_value!==(button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]))){attr(button,"style",button_style_value);}if(dirty&/*isDisabled*/1024){button.disabled=/*isDisabled*/ctx[10];}if(dirty&/*testid*/32){attr(button,"data-testid",/*testid*/ctx[5]);}if(dirty&/*type, size, variant, leadingicon*/15){toggle_class(button,"leading",/*leadingicon*/ctx[3]);}if(dirty&/*type, size, variant, trailingicon, type*/23){toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();mounted=false;run_all(dispose);}};}function instance$H($$self,$$props,$$invalidate){let isDisabled;let isButtonDark;const[Types,validateType]=typeValidator("Button type",["primary","submit","secondary","tertiary","start"],true);const[Sizes,validateSize]=typeValidator("Button size",["normal","compact"],true);const[Variants,validateVariant]=typeValidator("Button variant",["normal","destructive"],true);let{type="primary"}=$$props;let{size="normal"}=$$props;let{variant="normal"}=$$props;let{disabled="false"}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;function clickHandler(e){if(!isDisabled){this.dispatchEvent(new CustomEvent("_click",{composed:true,bubbles:true}));}}onMount(()=>{validateType(type);validateSize(size);validateVariant(variant);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('size'in $$props)$$invalidate(1,size=$$props.size);if('variant'in $$props)$$invalidate(2,variant=$$props.variant);if('disabled'in $$props)$$invalidate(13,disabled=$$props.disabled);if('leadingicon'in $$props)$$invalidate(3,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(4,trailingicon=$$props.trailingicon);if('testid'in $$props)$$invalidate(5,testid=$$props.testid);if('mt'in $$props)$$invalidate(6,mt=$$props.mt);if('mr'in $$props)$$invalidate(7,mr=$$props.mr);if('mb'in $$props)$$invalidate(8,mb=$$props.mb);if('ml'in $$props)$$invalidate(9,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/8192){$$invalidate(10,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*type*/1){$$invalidate(11,isButtonDark=type==="primary"||type==="start");}};return [type,size,variant,leadingicon,trailingicon,testid,mt,mr,mb,ml,isDisabled,isButtonDark,clickHandler,disabled];}class Button extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{--button-height:2.625rem;--button-height-compact:2rem;--button-height-tall:3.25rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}@media(max-width: 480px){:host{width:100%}button{width:100%}}button{display:inline-flex;box-sizing:border-box;border-radius:0.25rem;border:2px solid var(--goa-color-interactive-default);box-sizing:border-box;cursor:pointer;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-5);font-weight:400;height:var(--button-height);letter-spacing:var(--goa-letter-spacing-button);line-height:100%;padding:0 0.75rem;gap:0.5rem;align-items:center;justify-content:center;transition:transform 0.1s ease-in-out, background-color 0.2s ease-in-out,
108
- border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4);padding-left:var(--goa-space-xs);padding-right:var(--goa-space-xs)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:transparent}.tertiary.destructive:hover{color:var(--goa-color-emergency-dark)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$O,safe_not_equal,{type:0,size:1,variant:2,disabled:13,leadingicon:3,trailingicon:4,testid:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","size","variant","disabled","leadingicon","trailingicon","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get variant(){return this.$$.ctx[2];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[13];}set disabled(disabled){this.$$set({disabled});flush();}get leadingicon(){return this.$$.ctx[3];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[4];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get testid(){return this.$$.ctx[5];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button",Button);/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */function create_fragment$N(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")));},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*mt, mr, mb, ml, _alignment, gap*/125&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")))){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$G($$self,$$props,$$invalidate){let _alignment;let{alignment="start"}=$$props;let{gap="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;const[BUTTON_ALIGNMENTS,validateAlignment]=typeValidator("alignment",["start","end","center"]);const[GAPS,validateGap]=typeValidator("gap",["relaxed","compact"]);onMount(()=>{validateAlignment(alignment);validateGap(gap);});$$self.$$set=$$props=>{if('alignment'in $$props)$$invalidate(7,alignment=$$props.alignment);if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*alignment*/128){$$invalidate(6,_alignment={start:"flex-start",end:"flex-end",center:"center"}[alignment]);}};return [gap,testid,mt,mr,mb,ml,_alignment,alignment];}class ButtonGroup extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$G,create_fragment$N,safe_not_equal,{alignment:7,gap:0,testid:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["alignment","gap","testid","mt","mr","mb","ml"];}get alignment(){return this.$$.ctx[7];}set alignment(alignment){this.$$set({alignment});flush();}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button-group",ButtonGroup);/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */function create_if_block$m(ctx){let h3;let t;return {c(){h3=element("h3");t=text(/*heading*/ctx[5]);toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,h3,anchor);append(h3,t);},p(ctx,dirty){if(dirty&/*heading*/32)set_data(t,/*heading*/ctx[5]);if(dirty&/*isMediumCallout*/512){toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);}},d(detaching){if(detaching)detach(h3);}};}function create_fragment$M(ctx){let div;let span0;let goa_icon;let goa_icon_inverted_value;let span0_class_value;let t0;let span1;let t1;let slot;let div_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[12]);let if_block=/*heading*/ctx[5]&&create_if_block$m(ctx);return {c(){div=element("div");span0=element("span");goa_icon=element("goa-icon");t0=space();span1=element("span");if(if_block)if_block.c();t1=space();slot=element("slot");this.c=noop;set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true");attr(span0,"class",span0_class_value="icon "+/*type*/ctx[4]);attr(span1,"class","content");attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div,"class","notification");attr(div,"data-testid",/*testid*/ctx[6]);toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,div,anchor);append(div,span0);append(span0,goa_icon);append(div,t0);append(div,span1);if(if_block)if_block.m(span1,null);append(span1,t1);append(span1,slot);if(!mounted){dispose=listen(window,"resize",/*onwindowresize*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}if(dirty&/*iconSize*/256){set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);}if(dirty&/*type*/16&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*type*/16&&span0_class_value!==(span0_class_value="icon "+/*type*/ctx[4])){attr(span0,"class",span0_class_value);}if(/*heading*/ctx[5]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$m(ctx);if_block.c();if_block.m(span1,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*mt, mr, mb, ml*/15&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/64){attr(div,"data-testid",/*testid*/ctx[6]);}if(dirty&/*isMediumCallout*/512){toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();mounted=false;dispose();}};}function instance$F($$self,$$props,$$invalidate){let isMediumCallout;let iconType;const[Types,validateType]=typeValidator("Callout type",["emergency","important","information","event","success"],true);const[CalloutSizes,validateCalloutSize]=typeValidator("Callout size",["medium","large"]);let{mt=null}=$$props;let{mr=null}=$$props;let{mb="l"}=$$props;let{ml=null}=$$props;let{size="large"}=$$props;let{type}=$$props;let{heading=""}=$$props;let{testid=""}=$$props;let screenSize=0;let iconSize="medium";onMount(()=>{validateCalloutSize(size);setTimeout(()=>{validateType(type);$$invalidate(8,iconSize=isMediumCallout?"small":"medium");});});function onwindowresize(){$$invalidate(7,screenSize=window.innerWidth);}$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('size'in $$props)$$invalidate(11,size=$$props.size);if('type'in $$props)$$invalidate(4,type=$$props.type);if('heading'in $$props)$$invalidate(5,heading=$$props.heading);if('testid'in $$props)$$invalidate(6,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*screenSize, size*/2176){$$invalidate(9,isMediumCallout=screenSize<640||size==="medium");}if($$self.$$.dirty&/*type*/16){$$invalidate(10,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="success"?"checkmark-circle":type==="event"?"calendar":"");}};return [mt,mr,mb,ml,type,heading,testid,screenSize,iconSize,isMediumCallout,iconType,size,onwindowresize];}class Callout extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{display:flex;align-items:stretch;overflow:hidden;font:var(--goa-typography-body-m)}h3{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-2);font-weight:var(--goa-font-weight-regular);margin-top:var(--goa-space-none);margin-bottom:var(--goa-space-m)}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.icon{text-align:center;padding-top:var(--goa-space-l);padding-left:var(--goa-space-s);padding-right:var(--goa-space-s)}.content{flex:1 1 auto;background-color:var(--goa-color-greyscale-100);padding:var(--goa-space-l)}.notification.medium{font:var(--goa-typography-body-s);max-width:22rem}h3.medium{font:var(--goa-typography-heading-xs);margin-bottom:var(--goa-space-2xs)}.notification.medium .content{padding:var(--goa-space-s);margin-top:calc(-1 * var(--goa-space-3xs))}.notification.medium .icon{padding-top:var(--goa-space-s);padding-left:var(--goa-space-2xs);padding-right:var(--goa-space-2xs)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$M,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,size:11,type:4,heading:5,testid:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","size","type","heading","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get size(){return this.$$.ctx[11];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get heading(){return this.$$.ctx[5];}set heading(heading){this.$$set({heading});flush();}get testid(){return this.$$.ctx[6];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-callout",Callout);/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */function create_fragment$L(ctx){let goa_card_content;return {c(){goa_card_content=element("goa-card-content");goa_card_content.innerHTML=`<goa-button-group alignment="end"><slot></slot></goa-button-group>`;this.c=noop;},m(target,anchor){insert(target,goa_card_content,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(goa_card_content);}};}class CardActions extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$L,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-actions",CardActions);/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */function create_fragment$K(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[7]);attr(div,"class","card");attr(div,"style",div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"");},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/128){attr(div,"data-testid",/*testid*/ctx[7]);}if(dirty&/*width, height, mt, mr, mb, ml, elevation*/127&&div_style_value!==(div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"")){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$E($$self,$$props,$$invalidate){let{elevation=0}=$$props;let{width="100%"}=$$props;let{height="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{testid=""}=$$props;$$self.$$set=$$props=>{if('elevation'in $$props)$$invalidate(0,elevation=$$props.elevation);if('width'in $$props)$$invalidate(1,width=$$props.width);if('height'in $$props)$$invalidate(2,height=$$props.height);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};return [elevation,width,height,mt,mr,mb,ml,testid];}class Card extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card{background-color:var(--goa-color-greyscale-white);border-radius:4px;overflow:hidden;height:var(--height)}@media(min-width: 320px){.card{margin:0 auto}}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$K,safe_not_equal,{elevation:0,width:1,height:2,mt:3,mr:4,mb:5,ml:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["elevation","width","height","mt","mr","mb","ml","testid"];}get elevation(){return this.$$.ctx[0];}set elevation(elevation){this.$$set({elevation});flush();}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get height(){return this.$$.ctx[2];}set height(height){this.$$set({height});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-card",Card);/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */function create_fragment$J(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-content");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardContent extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$J,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-content",CardContent);/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */function create_fragment$I(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-group");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardGroup extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$I,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-group",CardGroup);/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */function create_fragment$H(ctx){let div;return {c(){div=element("div");this.c=noop;set_style(div,"background-image","url("+/*src*/ctx[0]+")");set_style(div,"height",/*height*/ctx[1]);set_style(div,"background-size","cover");set_style(div,"background-position","center");},m(target,anchor){insert(target,div,anchor);},p(ctx,[dirty]){if(dirty&/*src*/1){set_style(div,"background-image","url("+/*src*/ctx[0]+")");}if(dirty&/*height*/2){set_style(div,"height",/*height*/ctx[1]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$D($$self,$$props,$$invalidate){let{src}=$$props;let{height="100%"}=$$props;$$self.$$set=$$props=>{if('src'in $$props)$$invalidate(0,src=$$props.src);if('height'in $$props)$$invalidate(1,height=$$props.height);};return [src,height];}class CardImage extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$H,safe_not_equal,{src:0,height:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["src","height"];}get src(){return this.$$.ctx[0];}set src(src){this.$$set({src});flush();}get height(){return this.$$.ctx[1];}set height(height){this.$$set({height});flush();}}customElements.define("goa-card-image",CardImage);/* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.51.0 */function create_if_block_1$d(ctx){let svg;let path;return {c(){svg=svg_element("svg");path=svg_element("path");attr(path,"d","M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z");attr(svg,"id","checkmark");attr(svg,"data-testid","checkmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 16 12.18");},m(target,anchor){insert(target,svg,anchor);append(svg,path);},d(detaching){if(detaching)detach(svg);}};}// (68:4) {#if isIndeterminate}
108
+ border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4);padding-left:var(--goa-space-xs);padding-right:var(--goa-space-xs)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:transparent}.tertiary.destructive:hover{color:var(--goa-color-emergency-dark)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$O,safe_not_equal,{type:0,size:1,variant:2,disabled:13,leadingicon:3,trailingicon:4,testid:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","size","variant","disabled","leadingicon","trailingicon","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get variant(){return this.$$.ctx[2];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[13];}set disabled(disabled){this.$$set({disabled});flush();}get leadingicon(){return this.$$.ctx[3];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[4];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get testid(){return this.$$.ctx[5];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button",Button);/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.51.0 */function create_fragment$N(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")));},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*mt, mr, mb, ml, _alignment, gap*/125&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")))){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$G($$self,$$props,$$invalidate){let _alignment;let{alignment="start"}=$$props;let{gap="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;const[BUTTON_ALIGNMENTS,validateAlignment]=typeValidator("alignment",["start","end","center"]);const[GAPS,validateGap]=typeValidator("gap",["relaxed","compact"]);onMount(()=>{validateAlignment(alignment);validateGap(gap);});$$self.$$set=$$props=>{if('alignment'in $$props)$$invalidate(7,alignment=$$props.alignment);if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*alignment*/128){$$invalidate(6,_alignment={start:"flex-start",end:"flex-end",center:"center"}[alignment]);}};return [gap,testid,mt,mr,mb,ml,_alignment,alignment];}class ButtonGroup extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$G,create_fragment$N,safe_not_equal,{alignment:7,gap:0,testid:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["alignment","gap","testid","mt","mr","mb","ml"];}get alignment(){return this.$$.ctx[7];}set alignment(alignment){this.$$set({alignment});flush();}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button-group",ButtonGroup);/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.51.0 */function create_if_block$m(ctx){let h3;let t;return {c(){h3=element("h3");t=text(/*heading*/ctx[5]);toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,h3,anchor);append(h3,t);},p(ctx,dirty){if(dirty&/*heading*/32)set_data(t,/*heading*/ctx[5]);if(dirty&/*isMediumCallout*/512){toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);}},d(detaching){if(detaching)detach(h3);}};}function create_fragment$M(ctx){let div;let span0;let goa_icon;let goa_icon_inverted_value;let span0_class_value;let t0;let span1;let t1;let slot;let div_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[12]);let if_block=/*heading*/ctx[5]&&create_if_block$m(ctx);return {c(){div=element("div");span0=element("span");goa_icon=element("goa-icon");t0=space();span1=element("span");if(if_block)if_block.c();t1=space();slot=element("slot");this.c=noop;set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true");attr(span0,"class",span0_class_value="icon "+/*type*/ctx[4]);attr(span1,"class","content");attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div,"class","notification");attr(div,"data-testid",/*testid*/ctx[6]);toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,div,anchor);append(div,span0);append(span0,goa_icon);append(div,t0);append(div,span1);if(if_block)if_block.m(span1,null);append(span1,t1);append(span1,slot);if(!mounted){dispose=listen(window,"resize",/*onwindowresize*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}if(dirty&/*iconSize*/256){set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);}if(dirty&/*type*/16&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*type*/16&&span0_class_value!==(span0_class_value="icon "+/*type*/ctx[4])){attr(span0,"class",span0_class_value);}if(/*heading*/ctx[5]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$m(ctx);if_block.c();if_block.m(span1,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*mt, mr, mb, ml*/15&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/64){attr(div,"data-testid",/*testid*/ctx[6]);}if(dirty&/*isMediumCallout*/512){toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();mounted=false;dispose();}};}function instance$F($$self,$$props,$$invalidate){let isMediumCallout;let iconType;const[Types,validateType]=typeValidator("Callout type",["emergency","important","information","event","success"],true);const[CalloutSizes,validateCalloutSize]=typeValidator("Callout size",["medium","large"]);let{mt=null}=$$props;let{mr=null}=$$props;let{mb="l"}=$$props;let{ml=null}=$$props;let{size="large"}=$$props;let{type}=$$props;let{heading=""}=$$props;let{testid=""}=$$props;let screenSize=0;let iconSize="medium";onMount(()=>{validateCalloutSize(size);setTimeout(()=>{validateType(type);$$invalidate(8,iconSize=isMediumCallout?"small":"medium");});});function onwindowresize(){$$invalidate(7,screenSize=window.innerWidth);}$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('size'in $$props)$$invalidate(11,size=$$props.size);if('type'in $$props)$$invalidate(4,type=$$props.type);if('heading'in $$props)$$invalidate(5,heading=$$props.heading);if('testid'in $$props)$$invalidate(6,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*screenSize, size*/2176){$$invalidate(9,isMediumCallout=screenSize<640||size==="medium");}if($$self.$$.dirty&/*type*/16){$$invalidate(10,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="success"?"checkmark-circle":type==="event"?"calendar":"");}};return [mt,mr,mb,ml,type,heading,testid,screenSize,iconSize,isMediumCallout,iconType,size,onwindowresize];}class Callout extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{display:flex;align-items:stretch;overflow:hidden;font:var(--goa-typography-body-m)}h3{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-2);font-weight:var(--goa-font-weight-regular);margin-top:var(--goa-space-none);margin-bottom:var(--goa-space-m)}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.icon{text-align:center;padding-top:var(--goa-space-l);padding-left:var(--goa-space-s);padding-right:var(--goa-space-s)}.content{flex:1 1 auto;background-color:var(--goa-color-greyscale-100);padding:var(--goa-space-l)}.notification.medium{font:var(--goa-typography-body-s)}h3.medium{font:var(--goa-typography-heading-xs);margin-bottom:var(--goa-space-2xs)}.notification.medium .content{padding:var(--goa-space-s);margin-top:calc(-1 * var(--goa-space-3xs))}.notification.medium .icon{padding-top:var(--goa-space-s);padding-left:var(--goa-space-2xs);padding-right:var(--goa-space-2xs)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$M,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,size:11,type:4,heading:5,testid:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","size","type","heading","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get size(){return this.$$.ctx[11];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get heading(){return this.$$.ctx[5];}set heading(heading){this.$$set({heading});flush();}get testid(){return this.$$.ctx[6];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-callout",Callout);/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.51.0 */function create_fragment$L(ctx){let goa_card_content;return {c(){goa_card_content=element("goa-card-content");goa_card_content.innerHTML=`<goa-button-group alignment="end"><slot></slot></goa-button-group>`;this.c=noop;},m(target,anchor){insert(target,goa_card_content,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(goa_card_content);}};}class CardActions extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$L,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-actions",CardActions);/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.51.0 */function create_fragment$K(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[7]);attr(div,"class","card");attr(div,"style",div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"");},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/128){attr(div,"data-testid",/*testid*/ctx[7]);}if(dirty&/*width, height, mt, mr, mb, ml, elevation*/127&&div_style_value!==(div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"")){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$E($$self,$$props,$$invalidate){let{elevation=0}=$$props;let{width="100%"}=$$props;let{height="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{testid=""}=$$props;$$self.$$set=$$props=>{if('elevation'in $$props)$$invalidate(0,elevation=$$props.elevation);if('width'in $$props)$$invalidate(1,width=$$props.width);if('height'in $$props)$$invalidate(2,height=$$props.height);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};return [elevation,width,height,mt,mr,mb,ml,testid];}class Card extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card{background-color:var(--goa-color-greyscale-white);border-radius:4px;overflow:hidden;height:var(--height)}@media(min-width: 320px){.card{margin:0 auto}}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$K,safe_not_equal,{elevation:0,width:1,height:2,mt:3,mr:4,mb:5,ml:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["elevation","width","height","mt","mr","mb","ml","testid"];}get elevation(){return this.$$.ctx[0];}set elevation(elevation){this.$$set({elevation});flush();}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get height(){return this.$$.ctx[2];}set height(height){this.$$set({height});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-card",Card);/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.51.0 */function create_fragment$J(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-content");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardContent extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$J,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-content",CardContent);/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.51.0 */function create_fragment$I(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-group");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardGroup extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$I,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-group",CardGroup);/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.51.0 */function create_fragment$H(ctx){let div;return {c(){div=element("div");this.c=noop;set_style(div,"background-image","url("+/*src*/ctx[0]+")");set_style(div,"height",/*height*/ctx[1]);set_style(div,"background-size","cover");set_style(div,"background-position","center");},m(target,anchor){insert(target,div,anchor);},p(ctx,[dirty]){if(dirty&/*src*/1){set_style(div,"background-image","url("+/*src*/ctx[0]+")");}if(dirty&/*height*/2){set_style(div,"height",/*height*/ctx[1]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$D($$self,$$props,$$invalidate){let{src}=$$props;let{height="100%"}=$$props;$$self.$$set=$$props=>{if('src'in $$props)$$invalidate(0,src=$$props.src);if('height'in $$props)$$invalidate(1,height=$$props.height);};return [src,height];}class CardImage extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$H,safe_not_equal,{src:0,height:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["src","height"];}get src(){return this.$$.ctx[0];}set src(src){this.$$set({src});flush();}get height(){return this.$$.ctx[1];}set height(height){this.$$set({height});flush();}}customElements.define("goa-card-image",CardImage);/* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.51.0 */function create_if_block_1$d(ctx){let svg;let path;return {c(){svg=svg_element("svg");path=svg_element("path");attr(path,"d","M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z");attr(svg,"id","checkmark");attr(svg,"data-testid","checkmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 16 12.18");},m(target,anchor){insert(target,svg,anchor);append(svg,path);},d(detaching){if(detaching)detach(svg);}};}// (68:4) {#if isIndeterminate}
109
109
  function create_if_block$l(ctx){let svg;let rect;return {c(){svg=svg_element("svg");rect=svg_element("rect");attr(rect,"width","15");attr(rect,"height","2");attr(svg,"id","dashmark");attr(svg,"data-testid","dashmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 15 2");},m(target,anchor){insert(target,svg,anchor);append(svg,rect);},d(detaching){if(detaching)detach(svg);}};}function create_fragment$G(ctx){let label;let div0;let input;let input_value_value;let input_aria_label_value;let t0;let t1;let div1;let slot;let t2;let label_style_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*isIndeterminate*/ctx[10])return create_if_block$l;if(/*isChecked*/ctx[9])return create_if_block_1$d;}let current_block_type=select_block_type(ctx);let if_block=current_block_type&&current_block_type(ctx);return {c(){label=element("label");div0=element("div");input=element("input");t0=space();if(if_block)if_block.c();t1=space();div1=element("div");slot=element("slot");t2=text(/*text*/ctx[1]);this.c=noop;attr(input,"id",/*name*/ctx[0]);attr(input,"name",/*name*/ctx[0]);input.checked=/*isChecked*/ctx[9];input.disabled=/*isDisabled*/ctx[12];attr(input,"type","checkbox");input.value=input_value_value=`${/*value*/ctx[2]}`;attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[0]);attr(div0,"class","goa-checkbox-container");toggle_class(div0,"goa-checkbox--selected",/*isChecked*/ctx[9]);attr(div1,"class","goa-checkbox-text");attr(div1,"data-testid","text");attr(label,"data-testid",/*testid*/ctx[3]);attr(label,"for",/*name*/ctx[0]);attr(label,"style",label_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]));attr(label,"class","goa-checkbox");toggle_class(label,"goa-checkbox--disabled",/*isDisabled*/ctx[12]);toggle_class(label,"goa-checkbox--error",/*isError*/ctx[11]);},m(target,anchor){insert(target,label,anchor);append(label,div0);append(div0,input);append(div0,t0);if(if_block)if_block.m(div0,null);append(label,t1);append(label,div1);append(div1,slot);append(slot,t2);if(!mounted){dispose=listen(input,"change",/*onChange*/ctx[13]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*name*/1){attr(input,"id",/*name*/ctx[0]);}if(dirty&/*name*/1){attr(input,"name",/*name*/ctx[0]);}if(dirty&/*isChecked*/512){input.checked=/*isChecked*/ctx[9];}if(dirty&/*isDisabled*/4096){input.disabled=/*isDisabled*/ctx[12];}if(dirty&/*value*/4&&input_value_value!==(input_value_value=`${/*value*/ctx[2]}`)){input.value=input_value_value;}if(dirty&/*arialabel, name*/17&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[0])){attr(input,"aria-label",input_aria_label_value);}if(current_block_type!==(current_block_type=select_block_type(ctx))){if(if_block)if_block.d(1);if_block=current_block_type&&current_block_type(ctx);if(if_block){if_block.c();if_block.m(div0,null);}}if(dirty&/*isChecked*/512){toggle_class(div0,"goa-checkbox--selected",/*isChecked*/ctx[9]);}if(dirty&/*text*/2)set_data(t2,/*text*/ctx[1]);if(dirty&/*testid*/8){attr(label,"data-testid",/*testid*/ctx[3]);}if(dirty&/*name*/1){attr(label,"for",/*name*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/480&&label_style_value!==(label_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]))){attr(label,"style",label_style_value);}if(dirty&/*isDisabled*/4096){toggle_class(label,"goa-checkbox--disabled",/*isDisabled*/ctx[12]);}if(dirty&/*isError*/2048){toggle_class(label,"goa-checkbox--error",/*isError*/ctx[11]);}},i:noop,o:noop,d(detaching){if(detaching)detach(label);if(if_block){if_block.d();}mounted=false;dispose();}};}function instance$C($$self,$$props,$$invalidate){let isDisabled;let isError;let isChecked;let isIndeterminate;let{name}=$$props;let{checked="false"}=$$props;let{text=""}=$$props;let{value=""}=$$props;let{disabled="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;// Private
110
110
  let _value;onMount(()=>{// hold on to the initial value to prevent losing it on check changes
111
111
  _value=value;});function onChange(e){// An empty string is required as setting the second value to `null` caused the data to get