npm - @abgov/react-components - Versions diffs - 4.13.0 → 4.13.1-alpha.2 - Mend

@abgov/react-components 4.13.0 → 4.13.1-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/lib/tooltip/tooltip.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { Margins } from "../../common/styling";
 interface WCProps extends Margins {
     position?: string;
@@ -17,6 +17,7 @@ interface TooltipProps extends Margins {
     content?: string;
     hAlign?: string;
     testId?: string;
+    children: ReactNode;
 }
 export declare const GoATooltip: React.FC<TooltipProps>;
 export default GoATooltip;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.13.0",
+  "version": "4.13.1-alpha.2",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/react-components.esm.js CHANGED Viewed

@@ -153,17 +153,19 @@ function create_if_block_2$a(ctx){let div;let t;return {c(){div=element("div");t
     goa-container--${/*type*/ctx[0]}
     padding--${/*padding*/ctx[2]}
     accent--${/*accent*/ctx[1]}
-  `)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$F($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$J,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml: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 ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$I(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$E($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);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);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$I,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});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();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$H(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$D($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$H,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[49]=list[i];child_ctx[53]=i;return child_ctx;}function get_each_context$7(ctx,list,i){const child_ctx=ctx.slice();child_ctx[49]=list[i];return child_ctx;}// (257:2) {:else}
-function create_else_block$a(ctx){let slot;let t0;let goa_popover;let goa_input;let goa_input_arialabel_value;let goa_input_data_testid_value;let t1;let ul;let each_blocks=[];let each_1_lookup=new Map();let ul_style_value;let goa_popover_width_value;let mounted;let dispose;let each_value_1=/*_options*/ctx[13];const get_key=ctx=>/*index*/ctx[53];for(let i=0;i<each_value_1.length;i+=1){let child_ctx=get_each_context_1(ctx,each_value_1,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block_1(key,child_ctx));}return {c(){slot=element("slot");t0=space();goa_popover=element("goa-popover");goa_input=element("goa-input");t1=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}set_custom_element_data(goa_input,"slot","target");set_custom_element_data(goa_input,"error",/*error*/ctx[7]);set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);set_custom_element_data(goa_input,"aria-controls","menu");set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[18]);set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`);set_custom_element_data(goa_input,"readonly","");set_custom_element_data(goa_input,"role","combobox");set_custom_element_data(goa_input,"trailingicon","chevron-down");set_custom_element_data(goa_input,"type","text");set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[17]);set_custom_element_data(goa_input,"width","100%");set_custom_element_data(goa_input,"name",/*name*/ctx[0]);attr(ul,"id","menu");attr(ul,"role","listbox");attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[17]);attr(ul,"data-testid","dropdown-menu");attr(ul,"tabindex","0");attr(ul,"style",ul_style_value=`
+  `)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$F($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$J,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml: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 ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$I(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$E($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);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);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$I,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});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();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$H(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$D($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$H,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[51]=list[i];child_ctx[55]=i;return child_ctx;}function get_each_context$7(ctx,list,i){const child_ctx=ctx.slice();child_ctx[51]=list[i];return child_ctx;}// (343:2) {:else}
+function create_else_block$a(ctx){let slot;let t0;let goa_popover;let goa_input;let goa_input_arialabel_value;let goa_input_data_testid_value;let t1;let ul;let each_blocks=[];let each_1_lookup=new Map();let ul_style_value;let goa_popover_width_value;let mounted;let dispose;let each_value_1=/*_options*/ctx[13];const get_key=ctx=>/*index*/ctx[55];for(let i=0;i<each_value_1.length;i+=1){let child_ctx=get_each_context_1(ctx,each_value_1,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block_1(key,child_ctx));}return {c(){slot=element("slot");t0=space();goa_popover=element("goa-popover");goa_input=element("goa-input");t1=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}set_custom_element_data(goa_input,"slot","target");set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_input,"error",/*error*/ctx[7]);set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);set_custom_element_data(goa_input,"name",/*name*/ctx[0]);set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);set_custom_element_data(goa_input,"aria-controls","menu");set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[18]);set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`);set_custom_element_data(goa_input,"role","combobox");set_custom_element_data(goa_input,"trailingicon","chevron-down");set_custom_element_data(goa_input,"type","text");set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[17]);set_custom_element_data(goa_input,"width","100%");set_custom_element_data(goa_input,"readonly","");attr(ul,"id","menu");attr(ul,"role","listbox");attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[17]);attr(ul,"data-testid","dropdown-menu");attr(ul,"style",ul_style_value=`
+          outline: none;
           overflow-y: auto;
           max-height: ${/*maxheight*/ctx[3]};
-        `);set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[18]);set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"width",goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[20]);},m(target,anchor){insert(target,slot,anchor);insert(target,t0,anchor);insert(target,goa_popover,anchor);append(goa_popover,goa_input);append(goa_popover,t1);append(goa_popover,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*ul_binding*/ctx[33](ul);if(!mounted){dispose=listen(goa_input,"click",/*showMenu*/ctx[25]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*error*/128){set_custom_element_data(goa_input,"error",/*error*/ctx[7]);}if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*leadingicon*/4){set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);}if(dirty[0]&/*placeholder*/16){set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);}if(dirty[0]&/*_isMenuVisible*/262144){set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[18]);}if(dirty[0]&/*arialabel, name*/3&&goa_input_arialabel_value!==(goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value);}if(dirty[0]&/*name*/1&&goa_input_data_testid_value!==(goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`)){set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value);}if(dirty[0]&/*_selectedLabel*/131072){set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[17]);}if(dirty[0]&/*name*/1){set_custom_element_data(goa_input,"name",/*name*/ctx[0]);}if(dirty[0]&/*_options, _values, _highlightedIndex, onSelect*/67706880){each_value_1=/*_options*/ctx[13];each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value_1,each_1_lookup,ul,destroy_block,create_each_block_1,null,get_each_context_1);}if(dirty[0]&/*_selectedLabel*/131072){attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[17]);}if(dirty[0]&/*maxheight*/8&&ul_style_value!==(ul_style_value=`
+        `);set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[18]);set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"width",goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[20]);},m(target,anchor){insert(target,slot,anchor);insert(target,t0,anchor);insert(target,goa_popover,anchor);append(goa_popover,goa_input);append(goa_popover,t1);append(goa_popover,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*ul_binding*/ctx[33](ul);if(!mounted){dispose=listen(goa_input,"click",/*showMenu*/ctx[25]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*error*/128){set_custom_element_data(goa_input,"error",/*error*/ctx[7]);}if(dirty[0]&/*leadingicon*/4){set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);}if(dirty[0]&/*name*/1){set_custom_element_data(goa_input,"name",/*name*/ctx[0]);}if(dirty[0]&/*placeholder*/16){set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);}if(dirty[0]&/*_isMenuVisible*/262144){set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[18]);}if(dirty[0]&/*arialabel, name*/3&&goa_input_arialabel_value!==(goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value);}if(dirty[0]&/*name*/1&&goa_input_data_testid_value!==(goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`)){set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value);}if(dirty[0]&/*_selectedLabel*/131072){set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[17]);}if(dirty[0]&/*_options, _values, _highlightedIndex, onSelect*/67706880){each_value_1=/*_options*/ctx[13];each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value_1,each_1_lookup,ul,destroy_block,create_each_block_1,null,get_each_context_1);}if(dirty[0]&/*_selectedLabel*/131072){attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[17]);}if(dirty[0]&/*maxheight*/8&&ul_style_value!==(ul_style_value=`
+          outline: none;
           overflow-y: auto;
           max-height: ${/*maxheight*/ctx[3]};
-        `)){attr(ul,"style",ul_style_value);}if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*relative*/256){set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);}if(dirty[0]&/*_isMenuVisible*/262144){set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[18]);}if(dirty[0]&/*width, _computedWidth*/1048608&&goa_popover_width_value!==(goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[20])){set_custom_element_data(goa_popover,"width",goa_popover_width_value);}},d(detaching){if(detaching)detach(slot);if(detaching)detach(t0);if(detaching)detach(goa_popover);for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}/*ul_binding*/ctx[33](null);mounted=false;dispose();}};}// (238:2) {#if _native}
-function create_if_block$m(ctx){let select;let slot;let select_aria_label_value;let mounted;let dispose;let each_value=/*_options*/ctx[13];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$7(get_each_context$7(ctx,each_value,i));}return {c(){select=element("select");slot=element("slot");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}select.disabled=/*_disabled*/ctx[23];attr(select,"aria-label",select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);toggle_class(select,"error",/*_error*/ctx[24]);},m(target,anchor){insert(target,select,anchor);append(select,slot);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(select,null);}}/*select_binding*/ctx[31](select);if(!mounted){dispose=listen(select,"change",/*onNativeSelect*/ctx[27]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*_options*/8192){each_value=/*_options*/ctx[13];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$7(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$7(child_ctx);each_blocks[i].c();each_blocks[i].m(select,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty[0]&/*_disabled*/8388608){select.disabled=/*_disabled*/ctx[23];}if(dirty[0]&/*arialabel, name*/3&&select_aria_label_value!==(select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(select,"aria-label",select_aria_label_value);}if(dirty[0]&/*_error*/16777216){toggle_class(select,"error",/*_error*/ctx[24]);}},d(detaching){if(detaching)detach(select);destroy_each(each_blocks,detaching);/*select_binding*/ctx[31](null);mounted=false;dispose();}};}// (296:8) {#each _options as option, index (index)}
-function create_each_block_1(key_1,ctx){let li;let t0_value=(/*option*/ctx[49].label||/*option*/ctx[49].value)+"";let t0;let t1;let li_id_value;let li_aria_label_value;let li_aria_selected_value;let li_data_testid_value;let li_data_index_value;let li_data_value_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[32](/*option*/ctx[49]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[49].label);attr(li,"role","option");attr(li,"aria-label",li_aria_label_value=/*option*/ctx[49].label||/*option*/ctx[49].value);attr(li,"aria-selected",li_aria_selected_value=/*_values*/ctx[16].includes(/*option*/ctx[49].value)?"true":"false");attr(li,"class","dropdown-item");attr(li,"data-testid",li_data_testid_value=`dropdown-item-${/*option*/ctx[49].value}`);attr(li,"data-index",li_data_index_value=/*index*/ctx[53]);attr(li,"data-value",li_data_value_value=/*option*/ctx[49].value);set_style(li,"display","block");toggle_class(li,"dropdown-item--disabled",false);toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[53]===/*_highlightedIndex*/ctx[19]);toggle_class(li,"dropdown-item--selected",/*_values*/ctx[16].includes(/*option*/ctx[49].value));this.first=li;},m(target,anchor){insert(target,li,anchor);append(li,t0);append(li,t1);if(!mounted){dispose=listen(li,"click",click_handler);mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty[0]&/*_options*/8192&&t0_value!==(t0_value=(/*option*/ctx[49].label||/*option*/ctx[49].value)+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/8192&&li_id_value!==(li_id_value=/*option*/ctx[49].label)){attr(li,"id",li_id_value);}if(dirty[0]&/*_options*/8192&&li_aria_label_value!==(li_aria_label_value=/*option*/ctx[49].label||/*option*/ctx[49].value)){attr(li,"aria-label",li_aria_label_value);}if(dirty[0]&/*_values, _options*/73728&&li_aria_selected_value!==(li_aria_selected_value=/*_values*/ctx[16].includes(/*option*/ctx[49].value)?"true":"false")){attr(li,"aria-selected",li_aria_selected_value);}if(dirty[0]&/*_options*/8192&&li_data_testid_value!==(li_data_testid_value=`dropdown-item-${/*option*/ctx[49].value}`)){attr(li,"data-testid",li_data_testid_value);}if(dirty[0]&/*_options*/8192&&li_data_index_value!==(li_data_index_value=/*index*/ctx[53])){attr(li,"data-index",li_data_index_value);}if(dirty[0]&/*_options*/8192&&li_data_value_value!==(li_data_value_value=/*option*/ctx[49].value)){attr(li,"data-value",li_data_value_value);}if(dirty[0]&/*_options, _highlightedIndex*/532480){toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[53]===/*_highlightedIndex*/ctx[19]);}if(dirty[0]&/*_values, _options*/73728){toggle_class(li,"dropdown-item--selected",/*_values*/ctx[16].includes(/*option*/ctx[49].value));}},d(detaching){if(detaching)detach(li);mounted=false;dispose();}};}// (247:6) {#each _options as option}
-function create_each_block$7(ctx){let option;let t0_value=/*option*/ctx[49].label+"";let t0;let t1;let option_selected_value;let option_value_value;let option_aria_label_value;return {c(){option=element("option");t0=text(t0_value);t1=space();option.selected=option_selected_value=/*option*/ctx[49].selected;option.__value=option_value_value=/*option*/ctx[49].value;option.value=option.__value;attr(option,"aria-label",option_aria_label_value=/*option*/ctx[49].label);},m(target,anchor){insert(target,option,anchor);append(option,t0);append(option,t1);},p(ctx,dirty){if(dirty[0]&/*_options*/8192&&t0_value!==(t0_value=/*option*/ctx[49].label+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/8192&&option_selected_value!==(option_selected_value=/*option*/ctx[49].selected)){option.selected=option_selected_value;}if(dirty[0]&/*_options*/8192&&option_value_value!==(option_value_value=/*option*/ctx[49].value)){option.__value=option_value_value;option.value=option.__value;}if(dirty[0]&/*_options*/8192&&option_aria_label_value!==(option_aria_label_value=/*option*/ctx[49].label)){attr(option,"aria-label",option_aria_label_value);}},d(detaching){if(detaching)detach(option);}};}function create_fragment$G(ctx){let div;let div_data_testid_value;let div_style_value;function select_block_type(ctx,dirty){if(/*_native*/ctx[15])return create_if_block$m;return create_else_block$a;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div=element("div");if_block.c();this.c=noop;attr(div,"data-testid",div_data_testid_value=`${/*name*/ctx[0]}-dropdown`);attr(div,"class","dropdown");attr(div,"style",div_style_value=`
+        `)){attr(ul,"style",ul_style_value);}if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*relative*/256){set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);}if(dirty[0]&/*_isMenuVisible*/262144){set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[18]);}if(dirty[0]&/*width, _computedWidth*/1048608&&goa_popover_width_value!==(goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[20])){set_custom_element_data(goa_popover,"width",goa_popover_width_value);}},d(detaching){if(detaching)detach(slot);if(detaching)detach(t0);if(detaching)detach(goa_popover);for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}/*ul_binding*/ctx[33](null);mounted=false;dispose();}};}// (328:2) {#if _native}
+function create_if_block$m(ctx){let select;let slot;let select_aria_label_value;let mounted;let dispose;let each_value=/*_options*/ctx[13];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$7(get_each_context$7(ctx,each_value,i));}return {c(){select=element("select");slot=element("slot");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}select.disabled=/*_disabled*/ctx[23];attr(select,"aria-label",select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);toggle_class(select,"error",/*_error*/ctx[24]);},m(target,anchor){insert(target,select,anchor);append(select,slot);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(select,null);}}/*select_binding*/ctx[31](select);if(!mounted){dispose=listen(select,"change",/*onNativeSelect*/ctx[27]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*_options*/8192){each_value=/*_options*/ctx[13];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$7(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$7(child_ctx);each_blocks[i].c();each_blocks[i].m(select,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty[0]&/*_disabled*/8388608){select.disabled=/*_disabled*/ctx[23];}if(dirty[0]&/*arialabel, name*/3&&select_aria_label_value!==(select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(select,"aria-label",select_aria_label_value);}if(dirty[0]&/*_error*/16777216){toggle_class(select,"error",/*_error*/ctx[24]);}},d(detaching){if(detaching)detach(select);destroy_each(each_blocks,detaching);/*select_binding*/ctx[31](null);mounted=false;dispose();}};}// (389:8) {#each _options as option, index (index)}
+function create_each_block_1(key_1,ctx){let li;let t0_value=(/*option*/ctx[51].label||/*option*/ctx[51].value)+"";let t0;let t1;let li_id_value;let li_aria_label_value;let li_aria_selected_value;let li_data_testid_value;let li_data_index_value;let li_data_value_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[32](/*option*/ctx[51]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[51].label);attr(li,"role","option");attr(li,"tabindex","0");set_style(li,"display","block");attr(li,"aria-label",li_aria_label_value=/*option*/ctx[51].label||/*option*/ctx[51].value);attr(li,"aria-selected",li_aria_selected_value=/*_values*/ctx[16].includes(/*option*/ctx[51].value)?"true":"false");attr(li,"class","dropdown-item");attr(li,"data-testid",li_data_testid_value=`dropdown-item-${/*option*/ctx[51].value}`);attr(li,"data-index",li_data_index_value=/*index*/ctx[55]);attr(li,"data-value",li_data_value_value=/*option*/ctx[51].value);toggle_class(li,"dropdown-item--disabled",false);toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[55]===/*_highlightedIndex*/ctx[19]);toggle_class(li,"dropdown-item--selected",/*_values*/ctx[16].includes(/*option*/ctx[51].value));this.first=li;},m(target,anchor){insert(target,li,anchor);append(li,t0);append(li,t1);if(!mounted){dispose=listen(li,"click",click_handler);mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty[0]&/*_options*/8192&&t0_value!==(t0_value=(/*option*/ctx[51].label||/*option*/ctx[51].value)+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/8192&&li_id_value!==(li_id_value=/*option*/ctx[51].label)){attr(li,"id",li_id_value);}if(dirty[0]&/*_options*/8192&&li_aria_label_value!==(li_aria_label_value=/*option*/ctx[51].label||/*option*/ctx[51].value)){attr(li,"aria-label",li_aria_label_value);}if(dirty[0]&/*_values, _options*/73728&&li_aria_selected_value!==(li_aria_selected_value=/*_values*/ctx[16].includes(/*option*/ctx[51].value)?"true":"false")){attr(li,"aria-selected",li_aria_selected_value);}if(dirty[0]&/*_options*/8192&&li_data_testid_value!==(li_data_testid_value=`dropdown-item-${/*option*/ctx[51].value}`)){attr(li,"data-testid",li_data_testid_value);}if(dirty[0]&/*_options*/8192&&li_data_index_value!==(li_data_index_value=/*index*/ctx[55])){attr(li,"data-index",li_data_index_value);}if(dirty[0]&/*_options*/8192&&li_data_value_value!==(li_data_value_value=/*option*/ctx[51].value)){attr(li,"data-value",li_data_value_value);}if(dirty[0]&/*_options, _highlightedIndex*/532480){toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[55]===/*_highlightedIndex*/ctx[19]);}if(dirty[0]&/*_values, _options*/73728){toggle_class(li,"dropdown-item--selected",/*_values*/ctx[16].includes(/*option*/ctx[51].value));}},d(detaching){if(detaching)detach(li);mounted=false;dispose();}};}// (337:6) {#each _options as option}
+function create_each_block$7(ctx){let option;let t0_value=/*option*/ctx[51].label+"";let t0;let t1;let option_selected_value;let option_value_value;let option_aria_label_value;return {c(){option=element("option");t0=text(t0_value);t1=space();option.selected=option_selected_value=/*option*/ctx[51].selected;option.__value=option_value_value=/*option*/ctx[51].value;option.value=option.__value;attr(option,"aria-label",option_aria_label_value=/*option*/ctx[51].label);},m(target,anchor){insert(target,option,anchor);append(option,t0);append(option,t1);},p(ctx,dirty){if(dirty[0]&/*_options*/8192&&t0_value!==(t0_value=/*option*/ctx[51].label+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/8192&&option_selected_value!==(option_selected_value=/*option*/ctx[51].selected)){option.selected=option_selected_value;}if(dirty[0]&/*_options*/8192&&option_value_value!==(option_value_value=/*option*/ctx[51].value)){option.__value=option_value_value;option.value=option.__value;}if(dirty[0]&/*_options*/8192&&option_aria_label_value!==(option_aria_label_value=/*option*/ctx[51].label)){attr(option,"aria-label",option_aria_label_value);}},d(detaching){if(detaching)detach(option);}};}function create_fragment$G(ctx){let div;let div_data_testid_value;let div_style_value;function select_block_type(ctx,dirty){if(/*_native*/ctx[15])return create_if_block$m;return create_else_block$a;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div=element("div");if_block.c();this.c=noop;attr(div,"data-testid",div_data_testid_value=`${/*name*/ctx[0]}-dropdown`);attr(div,"class","dropdown");attr(div,"style",div_style_value=`
     ${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])}
     --width: ${/*width*/ctx[5]||/*_computedWidth*/ctx[20]}
   `);toggle_class(div,"dropdown-native",/*_native*/ctx[15]);},m(target,anchor){insert(target,div,anchor);if_block.m(div,null);/*div_binding*/ctx[34](div);},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(div,null);}}if(dirty[0]&/*name*/1&&div_data_testid_value!==(div_data_testid_value=`${/*name*/ctx[0]}-dropdown`)){attr(div,"data-testid",div_data_testid_value);}if(dirty[0]&/*mt, mr, mb, ml, width, _computedWidth*/1056288&&div_style_value!==(div_style_value=`
@@ -182,10 +184,16 @@ function getOptions(){const children=getChildren();return children.filter(child=
 function getCustomDropdownWidth(options){let width;let maxCount=0;if(options.length===0&&placeholder!==""){return `${placeholder.length+12}ch`;}options.forEach(option=>{const label=option.label||option.value||"";if(!width&&maxCount<label.length){maxCount=label.length;width=`${Math.max(20,maxCount+12)}ch`;}});return width;}function addKeyboardEventListeners(){_el.addEventListener("focus",onFocus,true);_el.addEventListener("blur",onBlur,true);}function removeKeyboardEventListeners(){_el.removeEventListener("focus",onFocus,true);_el.removeEventListener("blur",onBlur,true);}async function showMenu(){if(_disabled||_isMenuVisible){return;}$$invalidate(18,_isMenuVisible=true);await tick();// hide menu on blur
 _menuEl.addEventListener("blur",closeMenu);// bind up/down arrows to navigate options
 _menuEl.addEventListener("mouseover",onHighlight);}function closeMenu(){_menuEl.removeEventListener("blur",closeMenu);_menuEl.removeEventListener("mouseover",onHighlight);setHighlightedIndexToSelected();$$invalidate(18,_isMenuVisible=false);}function setHighlightedIndexToSelected(){$$invalidate(19,_highlightedIndex=_options.findIndex(option=>_values.includes(option.value)));}// Event handlers
-function onSelect(value,label,close){if(_disabled)return;$$invalidate(17,_selectedLabel=label);let detail;if(_multiselect){_values.push(value);detail={name,values:_values};}else {$$invalidate(16,_values=[value]);detail={name,value};}_el.dispatchEvent(new CustomEvent("_change",{composed:true,detail}));if(close){closeMenu();}}const onInputKeyDown=e=>{switch(e.key){case" ":case"Enter":_isMenuVisible?closeMenu():showMenu();_menuEl.focus();e.preventDefault();break;case"Escape":_isMenuVisible&&closeMenu();e.preventDefault();e.stopPropagation();break;case"ArrowDown":if(e.altKey){_isMenuVisible?closeMenu():showMenu();// set menu focus to allow arrow keys to trigger scrolling within option list
-break;}_handleArrowDown();break;case"ArrowUp":if(e.altKey){_isMenuVisible?closeMenu():showMenu();break;}_handleArrowUp();break;}};function _handleArrowDown(){if(_highlightedIndex<_options.length-1){$$invalidate(19,_highlightedIndex++,_highlightedIndex);onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);}}function _handleArrowUp(){if(_highlightedIndex>0){$$invalidate(19,_highlightedIndex--,_highlightedIndex);onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);}}// add required bindings to component
-function onFocus(){_el.addEventListener("keydown",onInputKeyDown);}// remove all bindings from component
-function onBlur(){_el.removeEventListener("keydown",onInputKeyDown);}function onHighlight(e){$$invalidate(19,_highlightedIndex=Number(e.target.dataset.index));}function onNativeSelect(e){const target=e.currentTarget;const option=_options[target.selectedIndex];onSelect(option.value,option.label);}function select_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_selectEl=$$value;$$invalidate(22,_selectEl);((($$invalidate(13,_options),$$invalidate(14,_el)),$$invalidate(28,value)),$$invalidate(15,_native)),$$invalidate(30,native);});}const click_handler=option=>onSelect(option.value,option.label,true);function ul_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_menuEl=$$value;$$invalidate(21,_menuEl);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(14,_el);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(0,name=$$props.name);if('arialabel'in $$props)$$invalidate(1,arialabel=$$props.arialabel);if('value'in $$props)$$invalidate(28,value=$$props.value);if('leadingicon'in $$props)$$invalidate(2,leadingicon=$$props.leadingicon);if('maxheight'in $$props)$$invalidate(3,maxheight=$$props.maxheight);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('width'in $$props)$$invalidate(5,width=$$props.width);if('disabled'in $$props)$$invalidate(6,disabled=$$props.disabled);if('error'in $$props)$$invalidate(7,error=$$props.error);if('multiselect'in $$props)$$invalidate(29,multiselect=$$props.multiselect);if('native'in $$props)$$invalidate(30,native=$$props.native);if('relative'in $$props)$$invalidate(8,relative=$$props.relative);if('mt'in $$props)$$invalidate(9,mt=$$props.mt);if('mr'in $$props)$$invalidate(10,mr=$$props.mr);if('mb'in $$props)$$invalidate(11,mb=$$props.mb);if('ml'in $$props)$$invalidate(12,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[0]&/*disabled*/64){$$invalidate(23,_disabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*error*/128){$$invalidate(24,_error=toBoolean(error));}if($$self.$$.dirty[0]&/*multiselect*/536870912){_multiselect=toBoolean(multiselect);}if($$self.$$.dirty[0]&/*native*/1073741824){$$invalidate(15,_native=toBoolean(native));}if($$self.$$.dirty[0]&/*_el, value, _native, _options*/268492800){{if(_el){$$invalidate(16,_values=parseValues(value));$$invalidate(13,_options=getOptions());if(!_native){$$invalidate(20,_computedWidth=getCustomDropdownWidth(_options));addKeyboardEventListeners();setHighlightedIndexToSelected();}}}}};return [name,arialabel,leadingicon,maxheight,placeholder,width,disabled,error,relative,mt,mr,mb,ml,_options,_el,_native,_values,_selectedLabel,_isMenuVisible,_highlightedIndex,_computedWidth,_menuEl,_selectEl,_disabled,_error,showMenu,onSelect,onNativeSelect,value,multiselect,native,select_binding,click_handler,ul_binding,div_binding];}class Dropdown extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{cursor:pointer;display:inline-block;width:var(--width, 100%)}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--goa-color-greyscale-700)}.dropdown-item--selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white);transition:box-shadow 0.1s ease-in}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}.dropdown-native:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}select{border:none;background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);appearance:none;padding:calc(var(--goa-space-xs) + 2px);padding-left:0.5rem;padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$C,create_fragment$G,safe_not_equal,{name:0,arialabel:1,value:28,leadingicon:2,maxheight:3,placeholder:4,width:5,disabled:6,error:7,multiselect:29,native:30,relative:8,mt:9,mr:10,mb:11,ml:12},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","arialabel","value","leadingicon","maxheight","placeholder","width","disabled","error","multiselect","native","relative","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get arialabel(){return this.$$.ctx[1];}set arialabel(arialabel){this.$$set({arialabel});flush();}get value(){return this.$$.ctx[28];}set value(value){this.$$set({value});flush();}get leadingicon(){return this.$$.ctx[2];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get maxheight(){return this.$$.ctx[3];}set maxheight(maxheight){this.$$set({maxheight});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get width(){return this.$$.ctx[5];}set width(width){this.$$set({width});flush();}get disabled(){return this.$$.ctx[6];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[7];}set error(error){this.$$set({error});flush();}get multiselect(){return this.$$.ctx[29];}set multiselect(multiselect){this.$$set({multiselect});flush();}get native(){return this.$$.ctx[30];}set native(native){this.$$set({native});flush();}get relative(){return this.$$.ctx[8];}set relative(relative){this.$$set({relative});flush();}get mt(){return this.$$.ctx[9];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[10];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[11];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[12];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-dropdown",Dropdown);/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.59.2 */function create_fragment$F(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}class DropdownItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$F,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-dropdown-item",DropdownItem);/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.59.2 */function create_fragment$E(ctx){let div;return {c(){div=element("div");div.innerHTML=`<span data-tab-boundry="start" tabindex="0"></span>
+function onSelect(value,label,close){if(_disabled)return;$$invalidate(17,_selectedLabel=label);let detail;if(_multiselect){_values.push(value);detail={name,values:_values};}else {$$invalidate(16,_values=[value]);detail={name,value};}_el.dispatchEvent(new CustomEvent("_change",{composed:true,detail}));if(close){closeMenu();}}function MenuVisibleKeyDownHandler(){const handle=e=>{switch(e.key){case" ":onSpace(e);break;case"Enter":onEnter(e);break;case"Escape":onEscape(e);break;case"ArrowUp":onArrowUp(e);break;case"ArrowDown":onArrowDown(e);break;}};const onSpace=e=>{e.preventDefault();};const onEnter=e=>{onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);closeMenu();e.preventDefault();e.stopPropagation();};const onEscape=e=>{closeMenu();e.preventDefault();e.stopPropagation();};const onArrowUp=e=>{if(e.altKey){closeMenu();}if(_highlightedIndex>0){$$invalidate(19,_highlightedIndex--,_highlightedIndex);}onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);};// e.stopPropagation();
+// e.preventDefault();
+const onArrowDown=e=>{if(e.altKey){closeMenu();}if(_highlightedIndex<_options.length-1){$$invalidate(19,_highlightedIndex++,_highlightedIndex);}onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);console.log("on arrow down");};// e.stopPropagation();
+// e.preventDefault();
+return {handle};}function MenuHiddenKeyDownHandler(){const handle=e=>{switch(e.key){case" ":onSpace(e);break;case"Enter":onEnter(e);break;case"Escape":break;case"ArrowUp":onArrowUp(e);break;case"ArrowDown":onArrowDown(e);break;}};const onSpace=e=>{showMenu();_menuEl.focus();// set menu focus to allow arrow keys to trigger scrolling within option list
+e.preventDefault();};const onEnter=e=>{showMenu();_menuEl.focus();// set menu focus to allow arrow keys to trigger scrolling within option list
+e.preventDefault();};const onArrowUp=e=>{if(e.altKey){showMenu();}if(_highlightedIndex>0){$$invalidate(19,_highlightedIndex--,_highlightedIndex);}onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label);e.stopPropagation();e.preventDefault();};// FIXME: here
+const onArrowDown=e=>{if(e.altKey){showMenu();}if(_highlightedIndex<_options.length-1){$$invalidate(19,_highlightedIndex++,_highlightedIndex);}onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label);e.stopPropagation();e.preventDefault();};return {handle};}const menuVisibleHandler=MenuVisibleKeyDownHandler();const menuHiddenHandler=MenuHiddenKeyDownHandler();const onInputKeyDown=e=>{if(_isMenuVisible){menuVisibleHandler.handle(e);}else {menuHiddenHandler.handle(e);}};// add required bindings to component
+function onFocus(){if(!_native){_el.addEventListener("keydown",onInputKeyDown);}}// remove all bindings from component
+function onBlur(){if(!_native){_el.removeEventListener("keydown",onInputKeyDown);}}function onHighlight(e){$$invalidate(19,_highlightedIndex=Number(e.target.dataset.index));}function onNativeSelect(e){const target=e.currentTarget;const option=_options[target.selectedIndex];onSelect(option.value,option.label);}function select_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_selectEl=$$value;$$invalidate(22,_selectEl);((($$invalidate(13,_options),$$invalidate(14,_el)),$$invalidate(28,value)),$$invalidate(15,_native)),$$invalidate(30,native);});}const click_handler=option=>onSelect(option.value,option.label,true);function ul_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_menuEl=$$value;$$invalidate(21,_menuEl);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(14,_el);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(0,name=$$props.name);if('arialabel'in $$props)$$invalidate(1,arialabel=$$props.arialabel);if('value'in $$props)$$invalidate(28,value=$$props.value);if('leadingicon'in $$props)$$invalidate(2,leadingicon=$$props.leadingicon);if('maxheight'in $$props)$$invalidate(3,maxheight=$$props.maxheight);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('width'in $$props)$$invalidate(5,width=$$props.width);if('disabled'in $$props)$$invalidate(6,disabled=$$props.disabled);if('error'in $$props)$$invalidate(7,error=$$props.error);if('multiselect'in $$props)$$invalidate(29,multiselect=$$props.multiselect);if('native'in $$props)$$invalidate(30,native=$$props.native);if('relative'in $$props)$$invalidate(8,relative=$$props.relative);if('mt'in $$props)$$invalidate(9,mt=$$props.mt);if('mr'in $$props)$$invalidate(10,mr=$$props.mr);if('mb'in $$props)$$invalidate(11,mb=$$props.mb);if('ml'in $$props)$$invalidate(12,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[0]&/*disabled*/64){$$invalidate(23,_disabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*error*/128){$$invalidate(24,_error=toBoolean(error));}if($$self.$$.dirty[0]&/*multiselect*/536870912){_multiselect=toBoolean(multiselect);}if($$self.$$.dirty[0]&/*native*/1073741824){$$invalidate(15,_native=toBoolean(native));}if($$self.$$.dirty[0]&/*_el, value, _native, _options*/268492800){{if(_el){$$invalidate(16,_values=parseValues(value));$$invalidate(13,_options=getOptions());if(!_native){$$invalidate(20,_computedWidth=getCustomDropdownWidth(_options));addKeyboardEventListeners();setHighlightedIndexToSelected();}}}}};return [name,arialabel,leadingicon,maxheight,placeholder,width,disabled,error,relative,mt,mr,mb,ml,_options,_el,_native,_values,_selectedLabel,_isMenuVisible,_highlightedIndex,_computedWidth,_menuEl,_selectEl,_disabled,_error,showMenu,onSelect,onNativeSelect,value,multiselect,native,select_binding,click_handler,ul_binding,div_binding];}class Dropdown extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{cursor:pointer;display:inline-block;width:var(--width, 100%)}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--goa-color-greyscale-700)}.dropdown-item--selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{position:relative;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white);transition:box-shadow 0.1s ease-in}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}.dropdown-native:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}select{border:none;font:var(--goa-font-family-sans);background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);appearance:none;padding:calc(var(--goa-space-xs) + 1px);padding-left:var(--goa-space-s);padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$C,create_fragment$G,safe_not_equal,{name:0,arialabel:1,value:28,leadingicon:2,maxheight:3,placeholder:4,width:5,disabled:6,error:7,multiselect:29,native:30,relative:8,mt:9,mr:10,mb:11,ml:12},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","arialabel","value","leadingicon","maxheight","placeholder","width","disabled","error","multiselect","native","relative","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get arialabel(){return this.$$.ctx[1];}set arialabel(arialabel){this.$$set({arialabel});flush();}get value(){return this.$$.ctx[28];}set value(value){this.$$set({value});flush();}get leadingicon(){return this.$$.ctx[2];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get maxheight(){return this.$$.ctx[3];}set maxheight(maxheight){this.$$set({maxheight});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get width(){return this.$$.ctx[5];}set width(width){this.$$set({width});flush();}get disabled(){return this.$$.ctx[6];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[7];}set error(error){this.$$set({error});flush();}get multiselect(){return this.$$.ctx[29];}set multiselect(multiselect){this.$$set({multiselect});flush();}get native(){return this.$$.ctx[30];}set native(native){this.$$set({native});flush();}get relative(){return this.$$.ctx[8];}set relative(relative){this.$$set({relative});flush();}get mt(){return this.$$.ctx[9];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[10];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[11];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[12];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-dropdown",Dropdown);/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.59.2 */function create_fragment$F(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}class DropdownItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$F,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-dropdown-item",DropdownItem);/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.59.2 */function create_fragment$E(ctx){let div;return {c(){div=element("div");div.innerHTML=`<span data-tab-boundry="start" tabindex="0"></span>
   <slot></slot>
   <span data-tab-boundry="end" tabindex="0"></span>`;this.c=noop;},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[1](div);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[1](null);}};}function isFocusable(node){const element=node;const isTabbable=element.tabIndex>0||element.tabIndex===0&&element.getAttribute('tabIndex')!==null;if(isTabbable)return node;if(element["disabled"])return null;switch(element.nodeName){case'A':{const el=element;if(!!el.href&&el.rel!=='ignore')return node;}case'INPUT':{const el=element;if(el.type!=='hidden'&&el.type!=='file')return node;}case'BUTTON':case'SELECT':case'TEXTAREA':return node;default:return null;}}function instance$B($$self,$$props,$$invalidate){let rootEl;let boundryStartEl;let boundryEndEl;let isShiftPressed;// Hooks
@@ -261,7 +269,7 @@ function create_if_block$h(ctx){let span;let t;return {c(){span=element("span");
     `)){attr(div2,"class",div2_class_value);}if(dirty[0]&/*isDisabled, variant, type, _leadingContentSlot, _trailingContentSlot, isError*/226492546){toggle_class(div2,"error",/*isError*/ctx[27]);}if(dirty[0]&/*mt, mr, mb, ml, width*/1966592&&div3_style_value!==(div3_style_value=`
     ${calculateMargin(/*mt*/ctx[17],/*mr*/ctx[18],/*mb*/ctx[19],/*ml*/ctx[20])};
     --width: ${/*width*/ctx[9]};
-  `)){attr(div3,"style",div3_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*input_binding*/ctx[39](null);if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();/*div3_binding*/ctx[40](null);mounted=false;run_all(dispose);}};}function doClick(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:true}));}function instance$s($$self,$$props,$$invalidate){let handlesTrailingIconClick;let isFocused;let isReadonly;let isError;let isDisabled;const[Types,validateType]=typeValidator("Input type",["text","number","password","email","date","datetime-local","month","range","search","tel","time","url","week"]);const[AutoCapitalize,validateAutoCapitalize]=typeValidator("Input auto capitalize",["on","off","none","sentences","words","characters"]);let{type="text"}=$$props;let{name=""}=$$props;let{value=""}=$$props;let{autocapitalize="off"}=$$props;let{placeholder=""}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{variant="goa"}=$$props;let{disabled="false"}=$$props;let{handletrailingiconclick="false"}=$$props;let{focused="false"}=$$props;let{readonly="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{width="30ch"}=$$props;let{arialabel=null}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{step=1}=$$props;let{prefix=""}=$$props;let{suffix=""}=$$props;let{debounce=0}=$$props;let{maxlength=null}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let inputEl;let _rootEL;let _leadingContentSlot=false;let _trailingContentSlot=false;let _debounceId=null;function onKeyUp(e){const input=e.target;if(!input)return;if(isReadonly)return;if(_debounceId!=null){clearTimeout(_debounceId);}_debounceId=setTimeout(()=>{input.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value:input.value}}));},debounce);$$invalidate(0,value=input.value);}function onFocus(e){const input=e.target;input.dispatchEvent(new CustomEvent("_focus",{composed:true,detail:{name,value:input.value}}));}function onBlur(e){const input=e.target;input.dispatchEvent(new CustomEvent("_blur",{composed:true,detail:{name,value:input.value}}));}onMount(async()=>{await tick();validateType(type);validateAutoCapitalize(autocapitalize);if(prefix!=""||suffix!=""){console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");}const leadingContentSlot=_rootEL.querySelector("slot[name=leadingContent]");if(leadingContentSlot&&leadingContentSlot.assignedNodes().length>0){$$invalidate(23,_leadingContentSlot=true);}const trailingContentSlot=_rootEL.querySelector("slot[name=trailingContent]");if(trailingContentSlot&&trailingContentSlot.assignedNodes().length>0){$$invalidate(24,_trailingContentSlot=true);}});function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{inputEl=$$value;$$invalidate(21,inputEl);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEL=$$value;$$invalidate(22,_rootEL);});}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(1,type=$$props.type);if('name'in $$props)$$invalidate(2,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('autocapitalize'in $$props)$$invalidate(3,autocapitalize=$$props.autocapitalize);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('leadingicon'in $$props)$$invalidate(5,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(6,trailingicon=$$props.trailingicon);if('variant'in $$props)$$invalidate(7,variant=$$props.variant);if('disabled'in $$props)$$invalidate(32,disabled=$$props.disabled);if('handletrailingiconclick'in $$props)$$invalidate(33,handletrailingiconclick=$$props.handletrailingiconclick);if('focused'in $$props)$$invalidate(34,focused=$$props.focused);if('readonly'in $$props)$$invalidate(35,readonly=$$props.readonly);if('error'in $$props)$$invalidate(36,error=$$props.error);if('testid'in $$props)$$invalidate(8,testid=$$props.testid);if('width'in $$props)$$invalidate(9,width=$$props.width);if('arialabel'in $$props)$$invalidate(10,arialabel=$$props.arialabel);if('min'in $$props)$$invalidate(11,min=$$props.min);if('max'in $$props)$$invalidate(12,max=$$props.max);if('step'in $$props)$$invalidate(13,step=$$props.step);if('prefix'in $$props)$$invalidate(14,prefix=$$props.prefix);if('suffix'in $$props)$$invalidate(15,suffix=$$props.suffix);if('debounce'in $$props)$$invalidate(37,debounce=$$props.debounce);if('maxlength'in $$props)$$invalidate(16,maxlength=$$props.maxlength);if('mt'in $$props)$$invalidate(17,mt=$$props.mt);if('mr'in $$props)$$invalidate(18,mr=$$props.mr);if('mb'in $$props)$$invalidate(19,mb=$$props.mb);if('ml'in $$props)$$invalidate(20,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[1]&/*handletrailingiconclick*/4){$$invalidate(28,handlesTrailingIconClick=toBoolean(handletrailingiconclick));}if($$self.$$.dirty[1]&/*focused*/8){$$invalidate(38,isFocused=toBoolean(focused));}if($$self.$$.dirty[1]&/*readonly*/16){$$invalidate(25,isReadonly=toBoolean(readonly));}if($$self.$$.dirty[1]&/*error*/32){$$invalidate(27,isError=toBoolean(error));}if($$self.$$.dirty[1]&/*disabled*/2){$$invalidate(26,isDisabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*inputEl*/2097152|$$self.$$.dirty[1]&/*isFocused*/128){if(isFocused&&inputEl){setTimeout(()=>inputEl.focus(),1);}}if($$self.$$.dirty[0]&/*inputEl, type*/2097154){if(inputEl&&type==="search"){inputEl.addEventListener("search",e=>{onKeyUp(e);});}}};return [value,type,name,autocapitalize,placeholder,leadingicon,trailingicon,variant,testid,width,arialabel,min,max,step,prefix,suffix,maxlength,mt,mr,mb,ml,inputEl,_rootEL,_leadingContentSlot,_trailingContentSlot,isReadonly,isDisabled,isError,handlesTrailingIconClick,onKeyUp,onFocus,onBlur,disabled,handletrailingiconclick,focused,readonly,error,debounce,isFocused,input_binding,div3_binding];}class Input extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.goa-input-leading-content):not(.goa-input-trailing-content),.error:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
+  `)){attr(div3,"style",div3_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*input_binding*/ctx[39](null);if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();/*div3_binding*/ctx[40](null);mounted=false;run_all(dispose);}};}function doClick(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:true}));}function instance$s($$self,$$props,$$invalidate){let handlesTrailingIconClick;let isFocused;let isReadonly;let isError;let isDisabled;const[Types,validateType]=typeValidator("Input type",["text","number","password","email","date","datetime-local","month","range","search","tel","time","url","week"]);const[AutoCapitalize,validateAutoCapitalize]=typeValidator("Input auto capitalize",["on","off","none","sentences","words","characters"]);let{type="text"}=$$props;let{name=""}=$$props;let{value=""}=$$props;let{autocapitalize="off"}=$$props;let{placeholder=""}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{variant="goa"}=$$props;let{disabled="false"}=$$props;let{handletrailingiconclick="false"}=$$props;let{focused="false"}=$$props;let{readonly="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{width="30ch"}=$$props;let{arialabel=null}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{step=1}=$$props;let{prefix=""}=$$props;let{suffix=""}=$$props;let{debounce=0}=$$props;let{maxlength=null}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let inputEl;let _rootEL;let _leadingContentSlot=false;let _trailingContentSlot=false;let _debounceId=null;function onKeyUp(e){const input=e.target;if(!input)return;if(isReadonly)return;if(_debounceId!=null){clearTimeout(_debounceId);}_debounceId=setTimeout(()=>{input.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value:input.value}}));},debounce);$$invalidate(0,value=input.value);}function onFocus(e){const input=e.target;input.dispatchEvent(new CustomEvent("_focus",{composed:true,detail:{name,value:input.value}}));}function onBlur(e){const input=e.target;input.dispatchEvent(new CustomEvent("_blur",{composed:true,detail:{name,value:input.value}}));}onMount(async()=>{await tick();validateType(type);validateAutoCapitalize(autocapitalize);if(prefix!=""||suffix!=""){console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");}const leadingContentSlot=_rootEL.querySelector("slot[name=leadingContent]");if(leadingContentSlot&&leadingContentSlot.assignedNodes().length>0){$$invalidate(23,_leadingContentSlot=true);}const trailingContentSlot=_rootEL.querySelector("slot[name=trailingContent]");if(trailingContentSlot&&trailingContentSlot.assignedNodes().length>0){$$invalidate(24,_trailingContentSlot=true);}});function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{inputEl=$$value;$$invalidate(21,inputEl);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEL=$$value;$$invalidate(22,_rootEL);});}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(1,type=$$props.type);if('name'in $$props)$$invalidate(2,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('autocapitalize'in $$props)$$invalidate(3,autocapitalize=$$props.autocapitalize);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('leadingicon'in $$props)$$invalidate(5,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(6,trailingicon=$$props.trailingicon);if('variant'in $$props)$$invalidate(7,variant=$$props.variant);if('disabled'in $$props)$$invalidate(32,disabled=$$props.disabled);if('handletrailingiconclick'in $$props)$$invalidate(33,handletrailingiconclick=$$props.handletrailingiconclick);if('focused'in $$props)$$invalidate(34,focused=$$props.focused);if('readonly'in $$props)$$invalidate(35,readonly=$$props.readonly);if('error'in $$props)$$invalidate(36,error=$$props.error);if('testid'in $$props)$$invalidate(8,testid=$$props.testid);if('width'in $$props)$$invalidate(9,width=$$props.width);if('arialabel'in $$props)$$invalidate(10,arialabel=$$props.arialabel);if('min'in $$props)$$invalidate(11,min=$$props.min);if('max'in $$props)$$invalidate(12,max=$$props.max);if('step'in $$props)$$invalidate(13,step=$$props.step);if('prefix'in $$props)$$invalidate(14,prefix=$$props.prefix);if('suffix'in $$props)$$invalidate(15,suffix=$$props.suffix);if('debounce'in $$props)$$invalidate(37,debounce=$$props.debounce);if('maxlength'in $$props)$$invalidate(16,maxlength=$$props.maxlength);if('mt'in $$props)$$invalidate(17,mt=$$props.mt);if('mr'in $$props)$$invalidate(18,mr=$$props.mr);if('mb'in $$props)$$invalidate(19,mb=$$props.mb);if('ml'in $$props)$$invalidate(20,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[1]&/*handletrailingiconclick*/4){$$invalidate(28,handlesTrailingIconClick=toBoolean(handletrailingiconclick));}if($$self.$$.dirty[1]&/*focused*/8){$$invalidate(38,isFocused=toBoolean(focused));}if($$self.$$.dirty[1]&/*readonly*/16){$$invalidate(25,isReadonly=toBoolean(readonly));}if($$self.$$.dirty[1]&/*error*/32){$$invalidate(27,isError=toBoolean(error));}if($$self.$$.dirty[1]&/*disabled*/2){$$invalidate(26,isDisabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*inputEl*/2097152|$$self.$$.dirty[1]&/*isFocused*/128){if(isFocused&&inputEl){setTimeout(()=>inputEl.focus(),1);}}if($$self.$$.dirty[0]&/*inputEl, type*/2097154){if(inputEl&&type==="search"){inputEl.addEventListener("search",e=>{onKeyUp(e);});}}};return [value,type,name,autocapitalize,placeholder,leadingicon,trailingicon,variant,testid,width,arialabel,min,max,step,prefix,suffix,maxlength,mt,mr,mb,ml,inputEl,_rootEL,_leadingContentSlot,_trailingContentSlot,isReadonly,isDisabled,isError,handlesTrailingIconClick,onKeyUp,onFocus,onBlur,disabled,handletrailingiconclick,focused,readonly,error,debounce,isFocused,input_binding,div3_binding];}class Input extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs) var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.goa-input-leading-content):not(.goa-input-trailing-content),.error:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
       center center no-repeat}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$s,create_fragment$v,safe_not_equal,{type:1,name:2,value:0,autocapitalize:3,placeholder:4,leadingicon:5,trailingicon:6,variant:7,disabled:32,handletrailingiconclick:33,focused:34,readonly:35,error:36,testid:8,width:9,arialabel:10,min:11,max:12,step:13,prefix:14,suffix:15,debounce:37,maxlength:16,mt:17,mr:18,mb:19,ml:20},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","name","value","autocapitalize","placeholder","leadingicon","trailingicon","variant","disabled","handletrailingiconclick","focused","readonly","error","testid","width","arialabel","min","max","step","prefix","suffix","debounce","maxlength","mt","mr","mb","ml"];}get type(){return this.$$.ctx[1];}set type(type){this.$$set({type});flush();}get name(){return this.$$.ctx[2];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get autocapitalize(){return this.$$.ctx[3];}set autocapitalize(autocapitalize){this.$$set({autocapitalize});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get leadingicon(){return this.$$.ctx[5];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[6];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get variant(){return this.$$.ctx[7];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[32];}set disabled(disabled){this.$$set({disabled});flush();}get handletrailingiconclick(){return this.$$.ctx[33];}set handletrailingiconclick(handletrailingiconclick){this.$$set({handletrailingiconclick});flush();}get focused(){return this.$$.ctx[34];}set focused(focused){this.$$set({focused});flush();}get readonly(){return this.$$.ctx[35];}set readonly(readonly){this.$$set({readonly});flush();}get error(){return this.$$.ctx[36];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[8];}set testid(testid){this.$$set({testid});flush();}get width(){return this.$$.ctx[9];}set width(width){this.$$set({width});flush();}get arialabel(){return this.$$.ctx[10];}set arialabel(arialabel){this.$$set({arialabel});flush();}get min(){return this.$$.ctx[11];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[12];}set max(max){this.$$set({max});flush();}get step(){return this.$$.ctx[13];}set step(step){this.$$set({step});flush();}get prefix(){return this.$$.ctx[14];}set prefix(prefix){this.$$set({prefix});flush();}get suffix(){return this.$$.ctx[15];}set suffix(suffix){this.$$set({suffix});flush();}get debounce(){return this.$$.ctx[37];}set debounce(debounce){this.$$set({debounce});flush();}get maxlength(){return this.$$.ctx[16];}set maxlength(maxlength){this.$$set({maxlength});flush();}get mt(){return this.$$.ctx[17];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[18];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[19];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[20];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-input",Input);/* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.59.2 */function create_if_block_3$7(ctx){let div;return {c(){div=element("div");div.innerHTML=`An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>`;attr(div,"data-testid","type");attr(div,"class","site-text");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}// (31:4) {#if ["alpha", "beta"].includes(type)}
 function create_if_block_1$8(ctx){let div0;let t0_value=capitalize(/*type*/ctx[0])+"";let t0;let div0_class_value;let t1;let div1;let t2;let a;let t4;let if_block=/*feedbackurl*/ctx[2]&&create_if_block_2$7(ctx);return {c(){div0=element("div");t0=text(t0_value);t1=space();div1=element("div");t2=text("This is a new ");a=element("a");a.textContent="Alberta Government";t4=text(" service\n        ");if(if_block)if_block.c();attr(div0,"data-testid","type");attr(div0,"class",div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase());attr(a,"href","https://www.alberta.ca/index.aspx");attr(div1,"data-testid","site-text");attr(div1,"class","site-text");},m(target,anchor){insert(target,div0,anchor);append(div0,t0);insert(target,t1,anchor);insert(target,div1,anchor);append(div1,t2);append(div1,a);append(div1,t4);if(if_block)if_block.m(div1,null);},p(ctx,dirty){if(dirty&/*type*/1&&t0_value!==(t0_value=capitalize(/*type*/ctx[0])+""))set_data(t0,t0_value);if(dirty&/*type*/1&&div0_class_value!==(div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase())){attr(div0,"class",div0_class_value);}if(/*feedbackurl*/ctx[2]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$7(ctx);if_block.c();if_block.m(div1,null);}}else if(if_block){if_block.d(1);if_block=null;}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t1);if(detaching)detach(div1);if(if_block)if_block.d();}};}// (40:8) {#if feedbackurl}
 function create_if_block_2$7(ctx){let span;let t0;let a;let t1;return {c(){span=element("span");t0=text("— help us improve it by giving ");a=element("a");t1=text("feedback");attr(a,"href",/*feedbackurl*/ctx[2]);attr(span,"data-testid","feedback");},m(target,anchor){insert(target,span,anchor);append(span,t0);append(span,a);append(a,t1);},p(ctx,dirty){if(dirty&/*feedbackurl*/4){attr(a,"href",/*feedbackurl*/ctx[2]);}},d(detaching){if(detaching)detach(span);}};}// (46:4) {#if version}

package/react-components.umd.js CHANGED Viewed

@@ -155,17 +155,19 @@
     goa-container--${/*type*/ctx[0]}
     padding--${/*padding*/ctx[2]}
     accent--${/*accent*/ctx[1]}
-  `)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$F($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$J,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml: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 ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$I(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$E($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);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);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$I,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});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();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$H(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$D($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$H,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[49]=list[i];child_ctx[53]=i;return child_ctx;}function get_each_context$7(ctx,list,i){const child_ctx=ctx.slice();child_ctx[49]=list[i];return child_ctx;}// (257:2) {:else}
-	function create_else_block$a(ctx){let slot;let t0;let goa_popover;let goa_input;let goa_input_arialabel_value;let goa_input_data_testid_value;let t1;let ul;let each_blocks=[];let each_1_lookup=new Map();let ul_style_value;let goa_popover_width_value;let mounted;let dispose;let each_value_1=/*_options*/ctx[13];const get_key=ctx=>/*index*/ctx[53];for(let i=0;i<each_value_1.length;i+=1){let child_ctx=get_each_context_1(ctx,each_value_1,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block_1(key,child_ctx));}return {c(){slot=element("slot");t0=space();goa_popover=element("goa-popover");goa_input=element("goa-input");t1=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}set_custom_element_data(goa_input,"slot","target");set_custom_element_data(goa_input,"error",/*error*/ctx[7]);set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);set_custom_element_data(goa_input,"aria-controls","menu");set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[18]);set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`);set_custom_element_data(goa_input,"readonly","");set_custom_element_data(goa_input,"role","combobox");set_custom_element_data(goa_input,"trailingicon","chevron-down");set_custom_element_data(goa_input,"type","text");set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[17]);set_custom_element_data(goa_input,"width","100%");set_custom_element_data(goa_input,"name",/*name*/ctx[0]);attr(ul,"id","menu");attr(ul,"role","listbox");attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[17]);attr(ul,"data-testid","dropdown-menu");attr(ul,"tabindex","0");attr(ul,"style",ul_style_value=`
+  `)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$F($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$J,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml: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 ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$I(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$E($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);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);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$I,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});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();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$H(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$D($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$H,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[51]=list[i];child_ctx[55]=i;return child_ctx;}function get_each_context$7(ctx,list,i){const child_ctx=ctx.slice();child_ctx[51]=list[i];return child_ctx;}// (343:2) {:else}
+	function create_else_block$a(ctx){let slot;let t0;let goa_popover;let goa_input;let goa_input_arialabel_value;let goa_input_data_testid_value;let t1;let ul;let each_blocks=[];let each_1_lookup=new Map();let ul_style_value;let goa_popover_width_value;let mounted;let dispose;let each_value_1=/*_options*/ctx[13];const get_key=ctx=>/*index*/ctx[55];for(let i=0;i<each_value_1.length;i+=1){let child_ctx=get_each_context_1(ctx,each_value_1,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block_1(key,child_ctx));}return {c(){slot=element("slot");t0=space();goa_popover=element("goa-popover");goa_input=element("goa-input");t1=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}set_custom_element_data(goa_input,"slot","target");set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_input,"error",/*error*/ctx[7]);set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);set_custom_element_data(goa_input,"name",/*name*/ctx[0]);set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);set_custom_element_data(goa_input,"aria-controls","menu");set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[18]);set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`);set_custom_element_data(goa_input,"role","combobox");set_custom_element_data(goa_input,"trailingicon","chevron-down");set_custom_element_data(goa_input,"type","text");set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[17]);set_custom_element_data(goa_input,"width","100%");set_custom_element_data(goa_input,"readonly","");attr(ul,"id","menu");attr(ul,"role","listbox");attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[17]);attr(ul,"data-testid","dropdown-menu");attr(ul,"style",ul_style_value=`
+          outline: none;
           overflow-y: auto;
           max-height: ${/*maxheight*/ctx[3]};
-        `);set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[18]);set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"width",goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[20]);},m(target,anchor){insert(target,slot,anchor);insert(target,t0,anchor);insert(target,goa_popover,anchor);append(goa_popover,goa_input);append(goa_popover,t1);append(goa_popover,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*ul_binding*/ctx[33](ul);if(!mounted){dispose=listen(goa_input,"click",/*showMenu*/ctx[25]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*error*/128){set_custom_element_data(goa_input,"error",/*error*/ctx[7]);}if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*leadingicon*/4){set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);}if(dirty[0]&/*placeholder*/16){set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);}if(dirty[0]&/*_isMenuVisible*/262144){set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[18]);}if(dirty[0]&/*arialabel, name*/3&&goa_input_arialabel_value!==(goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value);}if(dirty[0]&/*name*/1&&goa_input_data_testid_value!==(goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`)){set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value);}if(dirty[0]&/*_selectedLabel*/131072){set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[17]);}if(dirty[0]&/*name*/1){set_custom_element_data(goa_input,"name",/*name*/ctx[0]);}if(dirty[0]&/*_options, _values, _highlightedIndex, onSelect*/67706880){each_value_1=/*_options*/ctx[13];each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value_1,each_1_lookup,ul,destroy_block,create_each_block_1,null,get_each_context_1);}if(dirty[0]&/*_selectedLabel*/131072){attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[17]);}if(dirty[0]&/*maxheight*/8&&ul_style_value!==(ul_style_value=`
+        `);set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[18]);set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"width",goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[20]);},m(target,anchor){insert(target,slot,anchor);insert(target,t0,anchor);insert(target,goa_popover,anchor);append(goa_popover,goa_input);append(goa_popover,t1);append(goa_popover,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*ul_binding*/ctx[33](ul);if(!mounted){dispose=listen(goa_input,"click",/*showMenu*/ctx[25]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*error*/128){set_custom_element_data(goa_input,"error",/*error*/ctx[7]);}if(dirty[0]&/*leadingicon*/4){set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);}if(dirty[0]&/*name*/1){set_custom_element_data(goa_input,"name",/*name*/ctx[0]);}if(dirty[0]&/*placeholder*/16){set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);}if(dirty[0]&/*_isMenuVisible*/262144){set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[18]);}if(dirty[0]&/*arialabel, name*/3&&goa_input_arialabel_value!==(goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value);}if(dirty[0]&/*name*/1&&goa_input_data_testid_value!==(goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`)){set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value);}if(dirty[0]&/*_selectedLabel*/131072){set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[17]);}if(dirty[0]&/*_options, _values, _highlightedIndex, onSelect*/67706880){each_value_1=/*_options*/ctx[13];each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value_1,each_1_lookup,ul,destroy_block,create_each_block_1,null,get_each_context_1);}if(dirty[0]&/*_selectedLabel*/131072){attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[17]);}if(dirty[0]&/*maxheight*/8&&ul_style_value!==(ul_style_value=`
+          outline: none;
           overflow-y: auto;
           max-height: ${/*maxheight*/ctx[3]};
-        `)){attr(ul,"style",ul_style_value);}if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*relative*/256){set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);}if(dirty[0]&/*_isMenuVisible*/262144){set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[18]);}if(dirty[0]&/*width, _computedWidth*/1048608&&goa_popover_width_value!==(goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[20])){set_custom_element_data(goa_popover,"width",goa_popover_width_value);}},d(detaching){if(detaching)detach(slot);if(detaching)detach(t0);if(detaching)detach(goa_popover);for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}/*ul_binding*/ctx[33](null);mounted=false;dispose();}};}// (238:2) {#if _native}
-	function create_if_block$m(ctx){let select;let slot;let select_aria_label_value;let mounted;let dispose;let each_value=/*_options*/ctx[13];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$7(get_each_context$7(ctx,each_value,i));}return {c(){select=element("select");slot=element("slot");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}select.disabled=/*_disabled*/ctx[23];attr(select,"aria-label",select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);toggle_class(select,"error",/*_error*/ctx[24]);},m(target,anchor){insert(target,select,anchor);append(select,slot);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(select,null);}}/*select_binding*/ctx[31](select);if(!mounted){dispose=listen(select,"change",/*onNativeSelect*/ctx[27]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*_options*/8192){each_value=/*_options*/ctx[13];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$7(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$7(child_ctx);each_blocks[i].c();each_blocks[i].m(select,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty[0]&/*_disabled*/8388608){select.disabled=/*_disabled*/ctx[23];}if(dirty[0]&/*arialabel, name*/3&&select_aria_label_value!==(select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(select,"aria-label",select_aria_label_value);}if(dirty[0]&/*_error*/16777216){toggle_class(select,"error",/*_error*/ctx[24]);}},d(detaching){if(detaching)detach(select);destroy_each(each_blocks,detaching);/*select_binding*/ctx[31](null);mounted=false;dispose();}};}// (296:8) {#each _options as option, index (index)}
-	function create_each_block_1(key_1,ctx){let li;let t0_value=(/*option*/ctx[49].label||/*option*/ctx[49].value)+"";let t0;let t1;let li_id_value;let li_aria_label_value;let li_aria_selected_value;let li_data_testid_value;let li_data_index_value;let li_data_value_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[32](/*option*/ctx[49]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[49].label);attr(li,"role","option");attr(li,"aria-label",li_aria_label_value=/*option*/ctx[49].label||/*option*/ctx[49].value);attr(li,"aria-selected",li_aria_selected_value=/*_values*/ctx[16].includes(/*option*/ctx[49].value)?"true":"false");attr(li,"class","dropdown-item");attr(li,"data-testid",li_data_testid_value=`dropdown-item-${/*option*/ctx[49].value}`);attr(li,"data-index",li_data_index_value=/*index*/ctx[53]);attr(li,"data-value",li_data_value_value=/*option*/ctx[49].value);set_style(li,"display","block");toggle_class(li,"dropdown-item--disabled",false);toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[53]===/*_highlightedIndex*/ctx[19]);toggle_class(li,"dropdown-item--selected",/*_values*/ctx[16].includes(/*option*/ctx[49].value));this.first=li;},m(target,anchor){insert(target,li,anchor);append(li,t0);append(li,t1);if(!mounted){dispose=listen(li,"click",click_handler);mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty[0]&/*_options*/8192&&t0_value!==(t0_value=(/*option*/ctx[49].label||/*option*/ctx[49].value)+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/8192&&li_id_value!==(li_id_value=/*option*/ctx[49].label)){attr(li,"id",li_id_value);}if(dirty[0]&/*_options*/8192&&li_aria_label_value!==(li_aria_label_value=/*option*/ctx[49].label||/*option*/ctx[49].value)){attr(li,"aria-label",li_aria_label_value);}if(dirty[0]&/*_values, _options*/73728&&li_aria_selected_value!==(li_aria_selected_value=/*_values*/ctx[16].includes(/*option*/ctx[49].value)?"true":"false")){attr(li,"aria-selected",li_aria_selected_value);}if(dirty[0]&/*_options*/8192&&li_data_testid_value!==(li_data_testid_value=`dropdown-item-${/*option*/ctx[49].value}`)){attr(li,"data-testid",li_data_testid_value);}if(dirty[0]&/*_options*/8192&&li_data_index_value!==(li_data_index_value=/*index*/ctx[53])){attr(li,"data-index",li_data_index_value);}if(dirty[0]&/*_options*/8192&&li_data_value_value!==(li_data_value_value=/*option*/ctx[49].value)){attr(li,"data-value",li_data_value_value);}if(dirty[0]&/*_options, _highlightedIndex*/532480){toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[53]===/*_highlightedIndex*/ctx[19]);}if(dirty[0]&/*_values, _options*/73728){toggle_class(li,"dropdown-item--selected",/*_values*/ctx[16].includes(/*option*/ctx[49].value));}},d(detaching){if(detaching)detach(li);mounted=false;dispose();}};}// (247:6) {#each _options as option}
-	function create_each_block$7(ctx){let option;let t0_value=/*option*/ctx[49].label+"";let t0;let t1;let option_selected_value;let option_value_value;let option_aria_label_value;return {c(){option=element("option");t0=text(t0_value);t1=space();option.selected=option_selected_value=/*option*/ctx[49].selected;option.__value=option_value_value=/*option*/ctx[49].value;option.value=option.__value;attr(option,"aria-label",option_aria_label_value=/*option*/ctx[49].label);},m(target,anchor){insert(target,option,anchor);append(option,t0);append(option,t1);},p(ctx,dirty){if(dirty[0]&/*_options*/8192&&t0_value!==(t0_value=/*option*/ctx[49].label+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/8192&&option_selected_value!==(option_selected_value=/*option*/ctx[49].selected)){option.selected=option_selected_value;}if(dirty[0]&/*_options*/8192&&option_value_value!==(option_value_value=/*option*/ctx[49].value)){option.__value=option_value_value;option.value=option.__value;}if(dirty[0]&/*_options*/8192&&option_aria_label_value!==(option_aria_label_value=/*option*/ctx[49].label)){attr(option,"aria-label",option_aria_label_value);}},d(detaching){if(detaching)detach(option);}};}function create_fragment$G(ctx){let div;let div_data_testid_value;let div_style_value;function select_block_type(ctx,dirty){if(/*_native*/ctx[15])return create_if_block$m;return create_else_block$a;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div=element("div");if_block.c();this.c=noop;attr(div,"data-testid",div_data_testid_value=`${/*name*/ctx[0]}-dropdown`);attr(div,"class","dropdown");attr(div,"style",div_style_value=`
+        `)){attr(ul,"style",ul_style_value);}if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*relative*/256){set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);}if(dirty[0]&/*_isMenuVisible*/262144){set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[18]);}if(dirty[0]&/*width, _computedWidth*/1048608&&goa_popover_width_value!==(goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[20])){set_custom_element_data(goa_popover,"width",goa_popover_width_value);}},d(detaching){if(detaching)detach(slot);if(detaching)detach(t0);if(detaching)detach(goa_popover);for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}/*ul_binding*/ctx[33](null);mounted=false;dispose();}};}// (328:2) {#if _native}
+	function create_if_block$m(ctx){let select;let slot;let select_aria_label_value;let mounted;let dispose;let each_value=/*_options*/ctx[13];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$7(get_each_context$7(ctx,each_value,i));}return {c(){select=element("select");slot=element("slot");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}select.disabled=/*_disabled*/ctx[23];attr(select,"aria-label",select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);toggle_class(select,"error",/*_error*/ctx[24]);},m(target,anchor){insert(target,select,anchor);append(select,slot);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(select,null);}}/*select_binding*/ctx[31](select);if(!mounted){dispose=listen(select,"change",/*onNativeSelect*/ctx[27]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*_options*/8192){each_value=/*_options*/ctx[13];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$7(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$7(child_ctx);each_blocks[i].c();each_blocks[i].m(select,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty[0]&/*_disabled*/8388608){select.disabled=/*_disabled*/ctx[23];}if(dirty[0]&/*arialabel, name*/3&&select_aria_label_value!==(select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(select,"aria-label",select_aria_label_value);}if(dirty[0]&/*_error*/16777216){toggle_class(select,"error",/*_error*/ctx[24]);}},d(detaching){if(detaching)detach(select);destroy_each(each_blocks,detaching);/*select_binding*/ctx[31](null);mounted=false;dispose();}};}// (389:8) {#each _options as option, index (index)}
+	function create_each_block_1(key_1,ctx){let li;let t0_value=(/*option*/ctx[51].label||/*option*/ctx[51].value)+"";let t0;let t1;let li_id_value;let li_aria_label_value;let li_aria_selected_value;let li_data_testid_value;let li_data_index_value;let li_data_value_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[32](/*option*/ctx[51]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[51].label);attr(li,"role","option");attr(li,"tabindex","0");set_style(li,"display","block");attr(li,"aria-label",li_aria_label_value=/*option*/ctx[51].label||/*option*/ctx[51].value);attr(li,"aria-selected",li_aria_selected_value=/*_values*/ctx[16].includes(/*option*/ctx[51].value)?"true":"false");attr(li,"class","dropdown-item");attr(li,"data-testid",li_data_testid_value=`dropdown-item-${/*option*/ctx[51].value}`);attr(li,"data-index",li_data_index_value=/*index*/ctx[55]);attr(li,"data-value",li_data_value_value=/*option*/ctx[51].value);toggle_class(li,"dropdown-item--disabled",false);toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[55]===/*_highlightedIndex*/ctx[19]);toggle_class(li,"dropdown-item--selected",/*_values*/ctx[16].includes(/*option*/ctx[51].value));this.first=li;},m(target,anchor){insert(target,li,anchor);append(li,t0);append(li,t1);if(!mounted){dispose=listen(li,"click",click_handler);mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty[0]&/*_options*/8192&&t0_value!==(t0_value=(/*option*/ctx[51].label||/*option*/ctx[51].value)+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/8192&&li_id_value!==(li_id_value=/*option*/ctx[51].label)){attr(li,"id",li_id_value);}if(dirty[0]&/*_options*/8192&&li_aria_label_value!==(li_aria_label_value=/*option*/ctx[51].label||/*option*/ctx[51].value)){attr(li,"aria-label",li_aria_label_value);}if(dirty[0]&/*_values, _options*/73728&&li_aria_selected_value!==(li_aria_selected_value=/*_values*/ctx[16].includes(/*option*/ctx[51].value)?"true":"false")){attr(li,"aria-selected",li_aria_selected_value);}if(dirty[0]&/*_options*/8192&&li_data_testid_value!==(li_data_testid_value=`dropdown-item-${/*option*/ctx[51].value}`)){attr(li,"data-testid",li_data_testid_value);}if(dirty[0]&/*_options*/8192&&li_data_index_value!==(li_data_index_value=/*index*/ctx[55])){attr(li,"data-index",li_data_index_value);}if(dirty[0]&/*_options*/8192&&li_data_value_value!==(li_data_value_value=/*option*/ctx[51].value)){attr(li,"data-value",li_data_value_value);}if(dirty[0]&/*_options, _highlightedIndex*/532480){toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[55]===/*_highlightedIndex*/ctx[19]);}if(dirty[0]&/*_values, _options*/73728){toggle_class(li,"dropdown-item--selected",/*_values*/ctx[16].includes(/*option*/ctx[51].value));}},d(detaching){if(detaching)detach(li);mounted=false;dispose();}};}// (337:6) {#each _options as option}
+	function create_each_block$7(ctx){let option;let t0_value=/*option*/ctx[51].label+"";let t0;let t1;let option_selected_value;let option_value_value;let option_aria_label_value;return {c(){option=element("option");t0=text(t0_value);t1=space();option.selected=option_selected_value=/*option*/ctx[51].selected;option.__value=option_value_value=/*option*/ctx[51].value;option.value=option.__value;attr(option,"aria-label",option_aria_label_value=/*option*/ctx[51].label);},m(target,anchor){insert(target,option,anchor);append(option,t0);append(option,t1);},p(ctx,dirty){if(dirty[0]&/*_options*/8192&&t0_value!==(t0_value=/*option*/ctx[51].label+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/8192&&option_selected_value!==(option_selected_value=/*option*/ctx[51].selected)){option.selected=option_selected_value;}if(dirty[0]&/*_options*/8192&&option_value_value!==(option_value_value=/*option*/ctx[51].value)){option.__value=option_value_value;option.value=option.__value;}if(dirty[0]&/*_options*/8192&&option_aria_label_value!==(option_aria_label_value=/*option*/ctx[51].label)){attr(option,"aria-label",option_aria_label_value);}},d(detaching){if(detaching)detach(option);}};}function create_fragment$G(ctx){let div;let div_data_testid_value;let div_style_value;function select_block_type(ctx,dirty){if(/*_native*/ctx[15])return create_if_block$m;return create_else_block$a;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div=element("div");if_block.c();this.c=noop;attr(div,"data-testid",div_data_testid_value=`${/*name*/ctx[0]}-dropdown`);attr(div,"class","dropdown");attr(div,"style",div_style_value=`
     ${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])}
     --width: ${/*width*/ctx[5]||/*_computedWidth*/ctx[20]}
   `);toggle_class(div,"dropdown-native",/*_native*/ctx[15]);},m(target,anchor){insert(target,div,anchor);if_block.m(div,null);/*div_binding*/ctx[34](div);},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(div,null);}}if(dirty[0]&/*name*/1&&div_data_testid_value!==(div_data_testid_value=`${/*name*/ctx[0]}-dropdown`)){attr(div,"data-testid",div_data_testid_value);}if(dirty[0]&/*mt, mr, mb, ml, width, _computedWidth*/1056288&&div_style_value!==(div_style_value=`
@@ -184,10 +186,16 @@
 	// work as long as it has a value and label content
 	function getOptions(){const children=getChildren();return children.filter(child=>child.tagName==="GOA-DROPDOWN-ITEM").map(el=>{const option=el;const value=el.getAttribute("value")||option.value||"";const label=el.getAttribute("label")||option.label||value;const selected=_values.includes(value);if(selected){$$invalidate(17,_selectedLabel=label);$$invalidate(16,_values=[value]);}return {selected,value,label};});}// compute the required width to enure all children fit
 	function getCustomDropdownWidth(options){let width;let maxCount=0;if(options.length===0&&placeholder!==""){return `${placeholder.length+12}ch`;}options.forEach(option=>{const label=option.label||option.value||"";if(!width&&maxCount<label.length){maxCount=label.length;width=`${Math.max(20,maxCount+12)}ch`;}});return width;}function addKeyboardEventListeners(){_el.addEventListener("focus",onFocus,true);_el.addEventListener("blur",onBlur,true);}function removeKeyboardEventListeners(){_el.removeEventListener("focus",onFocus,true);_el.removeEventListener("blur",onBlur,true);}function closeMenu(){_menuEl.removeEventListener("blur",closeMenu);_menuEl.removeEventListener("mouseover",onHighlight);setHighlightedIndexToSelected();$$invalidate(18,_isMenuVisible=false);}function setHighlightedIndexToSelected(){$$invalidate(19,_highlightedIndex=_options.findIndex(option=>_values.includes(option.value)));}// Event handlers
-	function onSelect(value,label,close){if(_disabled)return;$$invalidate(17,_selectedLabel=label);let detail;if(_multiselect){_values.push(value);detail={name,values:_values};}else {$$invalidate(16,_values=[value]);detail={name,value};}_el.dispatchEvent(new CustomEvent("_change",{composed:true,detail}));if(close){closeMenu();}}const onInputKeyDown=e=>{switch(e.key){case" ":case"Enter":_isMenuVisible?closeMenu():showMenu();_menuEl.focus();e.preventDefault();break;case"Escape":_isMenuVisible&&closeMenu();e.preventDefault();e.stopPropagation();break;case"ArrowDown":if(e.altKey){_isMenuVisible?closeMenu():showMenu();// set menu focus to allow arrow keys to trigger scrolling within option list
-	break;}_handleArrowDown();break;case"ArrowUp":if(e.altKey){_isMenuVisible?closeMenu():showMenu();break;}_handleArrowUp();break;}};function _handleArrowDown(){if(_highlightedIndex<_options.length-1){$$invalidate(19,_highlightedIndex++,_highlightedIndex);onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);}}function _handleArrowUp(){if(_highlightedIndex>0){$$invalidate(19,_highlightedIndex--,_highlightedIndex);onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);}}// add required bindings to component
-	function onFocus(){_el.addEventListener("keydown",onInputKeyDown);}// remove all bindings from component
-	function onBlur(){_el.removeEventListener("keydown",onInputKeyDown);}function onHighlight(e){$$invalidate(19,_highlightedIndex=Number(e.target.dataset.index));}function onNativeSelect(e){const target=e.currentTarget;const option=_options[target.selectedIndex];onSelect(option.value,option.label);}function select_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_selectEl=$$value;$$invalidate(22,_selectEl);((($$invalidate(13,_options),$$invalidate(14,_el)),$$invalidate(28,value)),$$invalidate(15,_native)),$$invalidate(30,native);});}const click_handler=option=>onSelect(option.value,option.label,true);function ul_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_menuEl=$$value;$$invalidate(21,_menuEl);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(14,_el);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(0,name=$$props.name);if('arialabel'in $$props)$$invalidate(1,arialabel=$$props.arialabel);if('value'in $$props)$$invalidate(28,value=$$props.value);if('leadingicon'in $$props)$$invalidate(2,leadingicon=$$props.leadingicon);if('maxheight'in $$props)$$invalidate(3,maxheight=$$props.maxheight);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('width'in $$props)$$invalidate(5,width=$$props.width);if('disabled'in $$props)$$invalidate(6,disabled=$$props.disabled);if('error'in $$props)$$invalidate(7,error=$$props.error);if('multiselect'in $$props)$$invalidate(29,multiselect=$$props.multiselect);if('native'in $$props)$$invalidate(30,native=$$props.native);if('relative'in $$props)$$invalidate(8,relative=$$props.relative);if('mt'in $$props)$$invalidate(9,mt=$$props.mt);if('mr'in $$props)$$invalidate(10,mr=$$props.mr);if('mb'in $$props)$$invalidate(11,mb=$$props.mb);if('ml'in $$props)$$invalidate(12,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[0]&/*disabled*/64){$$invalidate(23,_disabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*error*/128){$$invalidate(24,_error=toBoolean(error));}if($$self.$$.dirty[0]&/*multiselect*/536870912){_multiselect=toBoolean(multiselect);}if($$self.$$.dirty[0]&/*native*/1073741824){$$invalidate(15,_native=toBoolean(native));}if($$self.$$.dirty[0]&/*_el, value, _native, _options*/268492800){{if(_el){$$invalidate(16,_values=parseValues(value));$$invalidate(13,_options=getOptions());if(!_native){$$invalidate(20,_computedWidth=getCustomDropdownWidth(_options));addKeyboardEventListeners();setHighlightedIndexToSelected();}}}}};return [name,arialabel,leadingicon,maxheight,placeholder,width,disabled,error,relative,mt,mr,mb,ml,_options,_el,_native,_values,_selectedLabel,_isMenuVisible,_highlightedIndex,_computedWidth,_menuEl,_selectEl,_disabled,_error,showMenu,onSelect,onNativeSelect,value,multiselect,native,select_binding,click_handler,ul_binding,div_binding];}class Dropdown extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{cursor:pointer;display:inline-block;width:var(--width, 100%)}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--goa-color-greyscale-700)}.dropdown-item--selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white);transition:box-shadow 0.1s ease-in}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}.dropdown-native:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}select{border:none;background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);appearance:none;padding:calc(var(--goa-space-xs) + 2px);padding-left:0.5rem;padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$C,create_fragment$G,safe_not_equal,{name:0,arialabel:1,value:28,leadingicon:2,maxheight:3,placeholder:4,width:5,disabled:6,error:7,multiselect:29,native:30,relative:8,mt:9,mr:10,mb:11,ml:12},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","arialabel","value","leadingicon","maxheight","placeholder","width","disabled","error","multiselect","native","relative","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get arialabel(){return this.$$.ctx[1];}set arialabel(arialabel){this.$$set({arialabel});flush();}get value(){return this.$$.ctx[28];}set value(value){this.$$set({value});flush();}get leadingicon(){return this.$$.ctx[2];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get maxheight(){return this.$$.ctx[3];}set maxheight(maxheight){this.$$set({maxheight});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get width(){return this.$$.ctx[5];}set width(width){this.$$set({width});flush();}get disabled(){return this.$$.ctx[6];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[7];}set error(error){this.$$set({error});flush();}get multiselect(){return this.$$.ctx[29];}set multiselect(multiselect){this.$$set({multiselect});flush();}get native(){return this.$$.ctx[30];}set native(native){this.$$set({native});flush();}get relative(){return this.$$.ctx[8];}set relative(relative){this.$$set({relative});flush();}get mt(){return this.$$.ctx[9];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[10];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[11];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[12];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-dropdown",Dropdown);/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.59.2 */function create_fragment$F(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}class DropdownItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$F,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-dropdown-item",DropdownItem);/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.59.2 */function create_fragment$E(ctx){let div;return {c(){div=element("div");div.innerHTML=`<span data-tab-boundry="start" tabindex="0"></span>
+	function onSelect(value,label,close){if(_disabled)return;$$invalidate(17,_selectedLabel=label);let detail;if(_multiselect){_values.push(value);detail={name,values:_values};}else {$$invalidate(16,_values=[value]);detail={name,value};}_el.dispatchEvent(new CustomEvent("_change",{composed:true,detail}));if(close){closeMenu();}}function MenuVisibleKeyDownHandler(){const handle=e=>{switch(e.key){case" ":onSpace(e);break;case"Enter":onEnter(e);break;case"Escape":onEscape(e);break;case"ArrowUp":onArrowUp(e);break;case"ArrowDown":onArrowDown(e);break;}};const onSpace=e=>{e.preventDefault();};const onEnter=e=>{onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);closeMenu();e.preventDefault();e.stopPropagation();};const onEscape=e=>{closeMenu();e.preventDefault();e.stopPropagation();};const onArrowUp=e=>{if(e.altKey){closeMenu();}if(_highlightedIndex>0){$$invalidate(19,_highlightedIndex--,_highlightedIndex);}onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);};// e.stopPropagation();
+	// e.preventDefault();
+	const onArrowDown=e=>{if(e.altKey){closeMenu();}if(_highlightedIndex<_options.length-1){$$invalidate(19,_highlightedIndex++,_highlightedIndex);}onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);console.log("on arrow down");};// e.stopPropagation();
+	// e.preventDefault();
+	return {handle};}function MenuHiddenKeyDownHandler(){const handle=e=>{switch(e.key){case" ":onSpace(e);break;case"Enter":onEnter(e);break;case"Escape":break;case"ArrowUp":onArrowUp(e);break;case"ArrowDown":onArrowDown(e);break;}};const onSpace=e=>{showMenu();_menuEl.focus();// set menu focus to allow arrow keys to trigger scrolling within option list
+	e.preventDefault();};const onEnter=e=>{showMenu();_menuEl.focus();// set menu focus to allow arrow keys to trigger scrolling within option list
+	e.preventDefault();};const onArrowUp=e=>{if(e.altKey){showMenu();}if(_highlightedIndex>0){$$invalidate(19,_highlightedIndex--,_highlightedIndex);}onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label);e.stopPropagation();e.preventDefault();};// FIXME: here
+	const onArrowDown=e=>{if(e.altKey){showMenu();}if(_highlightedIndex<_options.length-1){$$invalidate(19,_highlightedIndex++,_highlightedIndex);}onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label);e.stopPropagation();e.preventDefault();};return {handle};}const menuVisibleHandler=MenuVisibleKeyDownHandler();const menuHiddenHandler=MenuHiddenKeyDownHandler();const onInputKeyDown=e=>{if(_isMenuVisible){menuVisibleHandler.handle(e);}else {menuHiddenHandler.handle(e);}};// add required bindings to component
+	function onFocus(){if(!_native){_el.addEventListener("keydown",onInputKeyDown);}}// remove all bindings from component
+	function onBlur(){if(!_native){_el.removeEventListener("keydown",onInputKeyDown);}}function onHighlight(e){$$invalidate(19,_highlightedIndex=Number(e.target.dataset.index));}function onNativeSelect(e){const target=e.currentTarget;const option=_options[target.selectedIndex];onSelect(option.value,option.label);}function select_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_selectEl=$$value;$$invalidate(22,_selectEl);((($$invalidate(13,_options),$$invalidate(14,_el)),$$invalidate(28,value)),$$invalidate(15,_native)),$$invalidate(30,native);});}const click_handler=option=>onSelect(option.value,option.label,true);function ul_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_menuEl=$$value;$$invalidate(21,_menuEl);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(14,_el);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(0,name=$$props.name);if('arialabel'in $$props)$$invalidate(1,arialabel=$$props.arialabel);if('value'in $$props)$$invalidate(28,value=$$props.value);if('leadingicon'in $$props)$$invalidate(2,leadingicon=$$props.leadingicon);if('maxheight'in $$props)$$invalidate(3,maxheight=$$props.maxheight);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('width'in $$props)$$invalidate(5,width=$$props.width);if('disabled'in $$props)$$invalidate(6,disabled=$$props.disabled);if('error'in $$props)$$invalidate(7,error=$$props.error);if('multiselect'in $$props)$$invalidate(29,multiselect=$$props.multiselect);if('native'in $$props)$$invalidate(30,native=$$props.native);if('relative'in $$props)$$invalidate(8,relative=$$props.relative);if('mt'in $$props)$$invalidate(9,mt=$$props.mt);if('mr'in $$props)$$invalidate(10,mr=$$props.mr);if('mb'in $$props)$$invalidate(11,mb=$$props.mb);if('ml'in $$props)$$invalidate(12,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[0]&/*disabled*/64){$$invalidate(23,_disabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*error*/128){$$invalidate(24,_error=toBoolean(error));}if($$self.$$.dirty[0]&/*multiselect*/536870912){_multiselect=toBoolean(multiselect);}if($$self.$$.dirty[0]&/*native*/1073741824){$$invalidate(15,_native=toBoolean(native));}if($$self.$$.dirty[0]&/*_el, value, _native, _options*/268492800){{if(_el){$$invalidate(16,_values=parseValues(value));$$invalidate(13,_options=getOptions());if(!_native){$$invalidate(20,_computedWidth=getCustomDropdownWidth(_options));addKeyboardEventListeners();setHighlightedIndexToSelected();}}}}};return [name,arialabel,leadingicon,maxheight,placeholder,width,disabled,error,relative,mt,mr,mb,ml,_options,_el,_native,_values,_selectedLabel,_isMenuVisible,_highlightedIndex,_computedWidth,_menuEl,_selectEl,_disabled,_error,showMenu,onSelect,onNativeSelect,value,multiselect,native,select_binding,click_handler,ul_binding,div_binding];}class Dropdown extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{cursor:pointer;display:inline-block;width:var(--width, 100%)}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--goa-color-greyscale-700)}.dropdown-item--selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{position:relative;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white);transition:box-shadow 0.1s ease-in}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}.dropdown-native:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}select{border:none;font:var(--goa-font-family-sans);background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);appearance:none;padding:calc(var(--goa-space-xs) + 1px);padding-left:var(--goa-space-s);padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$C,create_fragment$G,safe_not_equal,{name:0,arialabel:1,value:28,leadingicon:2,maxheight:3,placeholder:4,width:5,disabled:6,error:7,multiselect:29,native:30,relative:8,mt:9,mr:10,mb:11,ml:12},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","arialabel","value","leadingicon","maxheight","placeholder","width","disabled","error","multiselect","native","relative","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get arialabel(){return this.$$.ctx[1];}set arialabel(arialabel){this.$$set({arialabel});flush();}get value(){return this.$$.ctx[28];}set value(value){this.$$set({value});flush();}get leadingicon(){return this.$$.ctx[2];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get maxheight(){return this.$$.ctx[3];}set maxheight(maxheight){this.$$set({maxheight});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get width(){return this.$$.ctx[5];}set width(width){this.$$set({width});flush();}get disabled(){return this.$$.ctx[6];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[7];}set error(error){this.$$set({error});flush();}get multiselect(){return this.$$.ctx[29];}set multiselect(multiselect){this.$$set({multiselect});flush();}get native(){return this.$$.ctx[30];}set native(native){this.$$set({native});flush();}get relative(){return this.$$.ctx[8];}set relative(relative){this.$$set({relative});flush();}get mt(){return this.$$.ctx[9];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[10];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[11];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[12];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-dropdown",Dropdown);/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.59.2 */function create_fragment$F(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}class DropdownItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$F,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-dropdown-item",DropdownItem);/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.59.2 */function create_fragment$E(ctx){let div;return {c(){div=element("div");div.innerHTML=`<span data-tab-boundry="start" tabindex="0"></span>
   <slot></slot>
   <span data-tab-boundry="end" tabindex="0"></span>`;this.c=noop;},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[1](div);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[1](null);}};}function isFocusable(node){const element=node;const isTabbable=element.tabIndex>0||element.tabIndex===0&&element.getAttribute('tabIndex')!==null;if(isTabbable)return node;if(element["disabled"])return null;switch(element.nodeName){case'A':{const el=element;if(!!el.href&&el.rel!=='ignore')return node;}case'INPUT':{const el=element;if(el.type!=='hidden'&&el.type!=='file')return node;}case'BUTTON':case'SELECT':case'TEXTAREA':return node;default:return null;}}function instance$B($$self,$$props,$$invalidate){let rootEl;let boundryStartEl;let boundryEndEl;let isShiftPressed;// Hooks
@@ -263,7 +271,7 @@
     `)){attr(div2,"class",div2_class_value);}if(dirty[0]&/*isDisabled, variant, type, _leadingContentSlot, _trailingContentSlot, isError*/226492546){toggle_class(div2,"error",/*isError*/ctx[27]);}if(dirty[0]&/*mt, mr, mb, ml, width*/1966592&&div3_style_value!==(div3_style_value=`
     ${calculateMargin(/*mt*/ctx[17],/*mr*/ctx[18],/*mb*/ctx[19],/*ml*/ctx[20])};
     --width: ${/*width*/ctx[9]};
-  `)){attr(div3,"style",div3_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*input_binding*/ctx[39](null);if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();/*div3_binding*/ctx[40](null);mounted=false;run_all(dispose);}};}function doClick(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:true}));}function instance$s($$self,$$props,$$invalidate){let handlesTrailingIconClick;let isFocused;let isReadonly;let isError;let isDisabled;const[Types,validateType]=typeValidator("Input type",["text","number","password","email","date","datetime-local","month","range","search","tel","time","url","week"]);const[AutoCapitalize,validateAutoCapitalize]=typeValidator("Input auto capitalize",["on","off","none","sentences","words","characters"]);let{type="text"}=$$props;let{name=""}=$$props;let{value=""}=$$props;let{autocapitalize="off"}=$$props;let{placeholder=""}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{variant="goa"}=$$props;let{disabled="false"}=$$props;let{handletrailingiconclick="false"}=$$props;let{focused="false"}=$$props;let{readonly="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{width="30ch"}=$$props;let{arialabel=null}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{step=1}=$$props;let{prefix=""}=$$props;let{suffix=""}=$$props;let{debounce=0}=$$props;let{maxlength=null}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let inputEl;let _rootEL;let _leadingContentSlot=false;let _trailingContentSlot=false;let _debounceId=null;function onKeyUp(e){const input=e.target;if(!input)return;if(isReadonly)return;if(_debounceId!=null){clearTimeout(_debounceId);}_debounceId=setTimeout(()=>{input.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value:input.value}}));},debounce);$$invalidate(0,value=input.value);}function onFocus(e){const input=e.target;input.dispatchEvent(new CustomEvent("_focus",{composed:true,detail:{name,value:input.value}}));}function onBlur(e){const input=e.target;input.dispatchEvent(new CustomEvent("_blur",{composed:true,detail:{name,value:input.value}}));}onMount(function(){return _call(tick,function(){validateType(type);validateAutoCapitalize(autocapitalize);if(prefix!=""||suffix!=""){console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");}const leadingContentSlot=_rootEL.querySelector("slot[name=leadingContent]");if(leadingContentSlot&&leadingContentSlot.assignedNodes().length>0){$$invalidate(23,_leadingContentSlot=true);}const trailingContentSlot=_rootEL.querySelector("slot[name=trailingContent]");if(trailingContentSlot&&trailingContentSlot.assignedNodes().length>0){$$invalidate(24,_trailingContentSlot=true);}});});function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{inputEl=$$value;$$invalidate(21,inputEl);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEL=$$value;$$invalidate(22,_rootEL);});}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(1,type=$$props.type);if('name'in $$props)$$invalidate(2,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('autocapitalize'in $$props)$$invalidate(3,autocapitalize=$$props.autocapitalize);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('leadingicon'in $$props)$$invalidate(5,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(6,trailingicon=$$props.trailingicon);if('variant'in $$props)$$invalidate(7,variant=$$props.variant);if('disabled'in $$props)$$invalidate(32,disabled=$$props.disabled);if('handletrailingiconclick'in $$props)$$invalidate(33,handletrailingiconclick=$$props.handletrailingiconclick);if('focused'in $$props)$$invalidate(34,focused=$$props.focused);if('readonly'in $$props)$$invalidate(35,readonly=$$props.readonly);if('error'in $$props)$$invalidate(36,error=$$props.error);if('testid'in $$props)$$invalidate(8,testid=$$props.testid);if('width'in $$props)$$invalidate(9,width=$$props.width);if('arialabel'in $$props)$$invalidate(10,arialabel=$$props.arialabel);if('min'in $$props)$$invalidate(11,min=$$props.min);if('max'in $$props)$$invalidate(12,max=$$props.max);if('step'in $$props)$$invalidate(13,step=$$props.step);if('prefix'in $$props)$$invalidate(14,prefix=$$props.prefix);if('suffix'in $$props)$$invalidate(15,suffix=$$props.suffix);if('debounce'in $$props)$$invalidate(37,debounce=$$props.debounce);if('maxlength'in $$props)$$invalidate(16,maxlength=$$props.maxlength);if('mt'in $$props)$$invalidate(17,mt=$$props.mt);if('mr'in $$props)$$invalidate(18,mr=$$props.mr);if('mb'in $$props)$$invalidate(19,mb=$$props.mb);if('ml'in $$props)$$invalidate(20,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[1]&/*handletrailingiconclick*/4){$$invalidate(28,handlesTrailingIconClick=toBoolean(handletrailingiconclick));}if($$self.$$.dirty[1]&/*focused*/8){$$invalidate(38,isFocused=toBoolean(focused));}if($$self.$$.dirty[1]&/*readonly*/16){$$invalidate(25,isReadonly=toBoolean(readonly));}if($$self.$$.dirty[1]&/*error*/32){$$invalidate(27,isError=toBoolean(error));}if($$self.$$.dirty[1]&/*disabled*/2){$$invalidate(26,isDisabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*inputEl*/2097152|$$self.$$.dirty[1]&/*isFocused*/128){if(isFocused&&inputEl){setTimeout(()=>inputEl.focus(),1);}}if($$self.$$.dirty[0]&/*inputEl, type*/2097154){if(inputEl&&type==="search"){inputEl.addEventListener("search",e=>{onKeyUp(e);});}}};return [value,type,name,autocapitalize,placeholder,leadingicon,trailingicon,variant,testid,width,arialabel,min,max,step,prefix,suffix,maxlength,mt,mr,mb,ml,inputEl,_rootEL,_leadingContentSlot,_trailingContentSlot,isReadonly,isDisabled,isError,handlesTrailingIconClick,onKeyUp,onFocus,onBlur,disabled,handletrailingiconclick,focused,readonly,error,debounce,isFocused,input_binding,div3_binding];}class Input extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.goa-input-leading-content):not(.goa-input-trailing-content),.error:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
+  `)){attr(div3,"style",div3_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*input_binding*/ctx[39](null);if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();/*div3_binding*/ctx[40](null);mounted=false;run_all(dispose);}};}function doClick(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:true}));}function instance$s($$self,$$props,$$invalidate){let handlesTrailingIconClick;let isFocused;let isReadonly;let isError;let isDisabled;const[Types,validateType]=typeValidator("Input type",["text","number","password","email","date","datetime-local","month","range","search","tel","time","url","week"]);const[AutoCapitalize,validateAutoCapitalize]=typeValidator("Input auto capitalize",["on","off","none","sentences","words","characters"]);let{type="text"}=$$props;let{name=""}=$$props;let{value=""}=$$props;let{autocapitalize="off"}=$$props;let{placeholder=""}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{variant="goa"}=$$props;let{disabled="false"}=$$props;let{handletrailingiconclick="false"}=$$props;let{focused="false"}=$$props;let{readonly="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{width="30ch"}=$$props;let{arialabel=null}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{step=1}=$$props;let{prefix=""}=$$props;let{suffix=""}=$$props;let{debounce=0}=$$props;let{maxlength=null}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let inputEl;let _rootEL;let _leadingContentSlot=false;let _trailingContentSlot=false;let _debounceId=null;function onKeyUp(e){const input=e.target;if(!input)return;if(isReadonly)return;if(_debounceId!=null){clearTimeout(_debounceId);}_debounceId=setTimeout(()=>{input.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value:input.value}}));},debounce);$$invalidate(0,value=input.value);}function onFocus(e){const input=e.target;input.dispatchEvent(new CustomEvent("_focus",{composed:true,detail:{name,value:input.value}}));}function onBlur(e){const input=e.target;input.dispatchEvent(new CustomEvent("_blur",{composed:true,detail:{name,value:input.value}}));}onMount(function(){return _call(tick,function(){validateType(type);validateAutoCapitalize(autocapitalize);if(prefix!=""||suffix!=""){console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");}const leadingContentSlot=_rootEL.querySelector("slot[name=leadingContent]");if(leadingContentSlot&&leadingContentSlot.assignedNodes().length>0){$$invalidate(23,_leadingContentSlot=true);}const trailingContentSlot=_rootEL.querySelector("slot[name=trailingContent]");if(trailingContentSlot&&trailingContentSlot.assignedNodes().length>0){$$invalidate(24,_trailingContentSlot=true);}});});function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{inputEl=$$value;$$invalidate(21,inputEl);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEL=$$value;$$invalidate(22,_rootEL);});}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(1,type=$$props.type);if('name'in $$props)$$invalidate(2,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('autocapitalize'in $$props)$$invalidate(3,autocapitalize=$$props.autocapitalize);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('leadingicon'in $$props)$$invalidate(5,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(6,trailingicon=$$props.trailingicon);if('variant'in $$props)$$invalidate(7,variant=$$props.variant);if('disabled'in $$props)$$invalidate(32,disabled=$$props.disabled);if('handletrailingiconclick'in $$props)$$invalidate(33,handletrailingiconclick=$$props.handletrailingiconclick);if('focused'in $$props)$$invalidate(34,focused=$$props.focused);if('readonly'in $$props)$$invalidate(35,readonly=$$props.readonly);if('error'in $$props)$$invalidate(36,error=$$props.error);if('testid'in $$props)$$invalidate(8,testid=$$props.testid);if('width'in $$props)$$invalidate(9,width=$$props.width);if('arialabel'in $$props)$$invalidate(10,arialabel=$$props.arialabel);if('min'in $$props)$$invalidate(11,min=$$props.min);if('max'in $$props)$$invalidate(12,max=$$props.max);if('step'in $$props)$$invalidate(13,step=$$props.step);if('prefix'in $$props)$$invalidate(14,prefix=$$props.prefix);if('suffix'in $$props)$$invalidate(15,suffix=$$props.suffix);if('debounce'in $$props)$$invalidate(37,debounce=$$props.debounce);if('maxlength'in $$props)$$invalidate(16,maxlength=$$props.maxlength);if('mt'in $$props)$$invalidate(17,mt=$$props.mt);if('mr'in $$props)$$invalidate(18,mr=$$props.mr);if('mb'in $$props)$$invalidate(19,mb=$$props.mb);if('ml'in $$props)$$invalidate(20,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[1]&/*handletrailingiconclick*/4){$$invalidate(28,handlesTrailingIconClick=toBoolean(handletrailingiconclick));}if($$self.$$.dirty[1]&/*focused*/8){$$invalidate(38,isFocused=toBoolean(focused));}if($$self.$$.dirty[1]&/*readonly*/16){$$invalidate(25,isReadonly=toBoolean(readonly));}if($$self.$$.dirty[1]&/*error*/32){$$invalidate(27,isError=toBoolean(error));}if($$self.$$.dirty[1]&/*disabled*/2){$$invalidate(26,isDisabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*inputEl*/2097152|$$self.$$.dirty[1]&/*isFocused*/128){if(isFocused&&inputEl){setTimeout(()=>inputEl.focus(),1);}}if($$self.$$.dirty[0]&/*inputEl, type*/2097154){if(inputEl&&type==="search"){inputEl.addEventListener("search",e=>{onKeyUp(e);});}}};return [value,type,name,autocapitalize,placeholder,leadingicon,trailingicon,variant,testid,width,arialabel,min,max,step,prefix,suffix,maxlength,mt,mr,mb,ml,inputEl,_rootEL,_leadingContentSlot,_trailingContentSlot,isReadonly,isDisabled,isError,handlesTrailingIconClick,onKeyUp,onFocus,onBlur,disabled,handletrailingiconclick,focused,readonly,error,debounce,isFocused,input_binding,div3_binding];}class Input extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs) var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.goa-input-leading-content):not(.goa-input-trailing-content),.error:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
       center center no-repeat}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$s,create_fragment$v,safe_not_equal,{type:1,name:2,value:0,autocapitalize:3,placeholder:4,leadingicon:5,trailingicon:6,variant:7,disabled:32,handletrailingiconclick:33,focused:34,readonly:35,error:36,testid:8,width:9,arialabel:10,min:11,max:12,step:13,prefix:14,suffix:15,debounce:37,maxlength:16,mt:17,mr:18,mb:19,ml:20},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","name","value","autocapitalize","placeholder","leadingicon","trailingicon","variant","disabled","handletrailingiconclick","focused","readonly","error","testid","width","arialabel","min","max","step","prefix","suffix","debounce","maxlength","mt","mr","mb","ml"];}get type(){return this.$$.ctx[1];}set type(type){this.$$set({type});flush();}get name(){return this.$$.ctx[2];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get autocapitalize(){return this.$$.ctx[3];}set autocapitalize(autocapitalize){this.$$set({autocapitalize});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get leadingicon(){return this.$$.ctx[5];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[6];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get variant(){return this.$$.ctx[7];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[32];}set disabled(disabled){this.$$set({disabled});flush();}get handletrailingiconclick(){return this.$$.ctx[33];}set handletrailingiconclick(handletrailingiconclick){this.$$set({handletrailingiconclick});flush();}get focused(){return this.$$.ctx[34];}set focused(focused){this.$$set({focused});flush();}get readonly(){return this.$$.ctx[35];}set readonly(readonly){this.$$set({readonly});flush();}get error(){return this.$$.ctx[36];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[8];}set testid(testid){this.$$set({testid});flush();}get width(){return this.$$.ctx[9];}set width(width){this.$$set({width});flush();}get arialabel(){return this.$$.ctx[10];}set arialabel(arialabel){this.$$set({arialabel});flush();}get min(){return this.$$.ctx[11];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[12];}set max(max){this.$$set({max});flush();}get step(){return this.$$.ctx[13];}set step(step){this.$$set({step});flush();}get prefix(){return this.$$.ctx[14];}set prefix(prefix){this.$$set({prefix});flush();}get suffix(){return this.$$.ctx[15];}set suffix(suffix){this.$$set({suffix});flush();}get debounce(){return this.$$.ctx[37];}set debounce(debounce){this.$$set({debounce});flush();}get maxlength(){return this.$$.ctx[16];}set maxlength(maxlength){this.$$set({maxlength});flush();}get mt(){return this.$$.ctx[17];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[18];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[19];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[20];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-input",Input);/* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.59.2 */function create_if_block_3$7(ctx){let div;return {c(){div=element("div");div.innerHTML=`An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>`;attr(div,"data-testid","type");attr(div,"class","site-text");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}// (31:4) {#if ["alpha", "beta"].includes(type)}
 	function create_if_block_1$8(ctx){let div0;let t0_value=capitalize(/*type*/ctx[0])+"";let t0;let div0_class_value;let t1;let div1;let t2;let a;let t4;let if_block=/*feedbackurl*/ctx[2]&&create_if_block_2$7(ctx);return {c(){div0=element("div");t0=text(t0_value);t1=space();div1=element("div");t2=text("This is a new ");a=element("a");a.textContent="Alberta Government";t4=text(" service\n        ");if(if_block)if_block.c();attr(div0,"data-testid","type");attr(div0,"class",div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase());attr(a,"href","https://www.alberta.ca/index.aspx");attr(div1,"data-testid","site-text");attr(div1,"class","site-text");},m(target,anchor){insert(target,div0,anchor);append(div0,t0);insert(target,t1,anchor);insert(target,div1,anchor);append(div1,t2);append(div1,a);append(div1,t4);if(if_block)if_block.m(div1,null);},p(ctx,dirty){if(dirty&/*type*/1&&t0_value!==(t0_value=capitalize(/*type*/ctx[0])+""))set_data(t0,t0_value);if(dirty&/*type*/1&&div0_class_value!==(div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase())){attr(div0,"class",div0_class_value);}if(/*feedbackurl*/ctx[2]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$7(ctx);if_block.c();if_block.m(div1,null);}}else if(if_block){if_block.d(1);if_block=null;}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t1);if(detaching)detach(div1);if(if_block)if_block.d();}};}// (40:8) {#if feedbackurl}
 	function create_if_block_2$7(ctx){let span;let t0;let a;let t1;return {c(){span=element("span");t0=text("— help us improve it by giving ");a=element("a");t1=text("feedback");attr(a,"href",/*feedbackurl*/ctx[2]);attr(span,"data-testid","feedback");},m(target,anchor){insert(target,span,anchor);append(span,t0);append(span,a);append(a,t1);},p(ctx,dirty){if(dirty&/*feedbackurl*/4){attr(a,"href",/*feedbackurl*/ctx[2]);}},d(detaching){if(detaching)detach(span);}};}// (46:4) {#if version}