@abgov/react-components 4.18.0 → 4.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/textarea/textarea.d.ts +1 -5
- package/package.json +1 -1
- package/react-components.esm.js +81 -73
- package/react-components.umd.js +81 -73
package/react-components.esm.js
CHANGED
|
@@ -151,7 +151,7 @@ return [name,text,value,testid,arialabel,description,mt,mr,mb,ml,_checkboxRef,_d
|
|
|
151
151
|
function create_if_block$r(ctx){let goa_icon;let goa_icon_fillcolor_value;let goa_icon_opacity_value;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","delete-icon");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"theme","filled");set_custom_element_data(goa_icon,"type","close-circle");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_error*/ctx[10]?"var(--goa-color-emergency-default)":/*_hovering*/ctx[9]?"var(--goa-color-interactive-hover)":"var(--goa-color-greyscale-700)");set_custom_element_data(goa_icon,"opacity",goa_icon_opacity_value=/*_error*/ctx[10]?/*_hovering*/ctx[9]?1:0.5:1);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*_error, _hovering*/1536&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_error*/ctx[10]?"var(--goa-color-emergency-default)":/*_hovering*/ctx[9]?"var(--goa-color-interactive-hover)":"var(--goa-color-greyscale-700)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*_error, _hovering*/1536&&goa_icon_opacity_value!==(goa_icon_opacity_value=/*_error*/ctx[10]?/*_hovering*/ctx[9]?1:0.5:1)){set_custom_element_data(goa_icon,"opacity",goa_icon_opacity_value);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$O(ctx){let div1;let t0;let div0;let t1;let t2;let div1_style_value;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[4]&&create_if_block_1$f(ctx);let if_block1=/*_deletable*/ctx[11]&&create_if_block$r(ctx);return {c(){div1=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");t1=text(/*content*/ctx[5]);t2=space();if(if_block1)if_block1.c();this.c=noop;attr(div0,"class","text");attr(div1,"data-testid",/*testid*/ctx[7]);attr(div1,"class","chip");attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div1,"tabindex","0");toggle_class(div1,"deletable",/*_deletable*/ctx[11]);toggle_class(div1,"error",/*_error*/ctx[10]);toggle_class(div1,"variant",/*variant*/ctx[6]);},m(target,anchor){insert(target,div1,anchor);if(if_block0)if_block0.m(div1,null);append(div1,t0);append(div1,div0);append(div0,t1);append(div1,t2);if(if_block1)if_block1.m(div1,null);/*div1_binding*/ctx[15](div1);if(!mounted){dispose=[listen(div1,"click",/*click_handler*/ctx[16]),listen(div1,"mouseover",/*mouseover_handler*/ctx[17]),listen(div1,"mouseout",/*mouseout_handler*/ctx[18]),listen(div1,"focus",/*focus_handler*/ctx[19]),listen(div1,"blur",/*blur_handler*/ctx[20])];mounted=true;}},p(ctx,[dirty]){if(/*leadingicon*/ctx[4]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_1$f(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*content*/32)set_data(t1,/*content*/ctx[5]);if(/*_deletable*/ctx[11]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$r(ctx);if_block1.c();if_block1.m(div1,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*testid*/128){attr(div1,"data-testid",/*testid*/ctx[7]);}if(dirty&/*mt, mr, mb, ml*/15&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div1,"style",div1_style_value);}if(dirty&/*_deletable*/2048){toggle_class(div1,"deletable",/*_deletable*/ctx[11]);}if(dirty&/*_error*/1024){toggle_class(div1,"error",/*_error*/ctx[10]);}if(dirty&/*variant*/64){toggle_class(div1,"variant",/*variant*/ctx[6]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*div1_binding*/ctx[15](null);mounted=false;run_all(dispose);}};}function instance$L($$self,$$props,$$invalidate){let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{leadingicon=null}=$$props;let{error="false"}=$$props;let{deletable="false"}=$$props;let{content}=$$props;let{variant}=$$props;let{testid=""}=$$props;let el;let _hovering=false;// booleans
|
|
152
152
|
let _error;let _deletable;function onDelete(e){el.dispatchEvent(new CustomEvent("_click",{composed:true,bubbles:true}));e.stopPropagation();}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{el=$$value;$$invalidate(8,el);});}const click_handler=e=>_deletable&&onDelete(e);const mouseover_handler=()=>$$invalidate(9,_hovering=true);const mouseout_handler=()=>$$invalidate(9,_hovering=false);const focus_handler=()=>$$invalidate(9,_hovering=false);const blur_handler=()=>$$invalidate(9,_hovering=false);$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('leadingicon'in $$props)$$invalidate(4,leadingicon=$$props.leadingicon);if('error'in $$props)$$invalidate(13,error=$$props.error);if('deletable'in $$props)$$invalidate(14,deletable=$$props.deletable);if('content'in $$props)$$invalidate(5,content=$$props.content);if('variant'in $$props)$$invalidate(6,variant=$$props.variant);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error*/8192){$$invalidate(10,_error=toBoolean(error));}if($$self.$$.dirty&/*deletable*/16384){$$invalidate(11,_deletable=toBoolean(deletable));}};return [mt,mr,mb,ml,leadingicon,content,variant,testid,el,_hovering,_error,_deletable,onDelete,error,deletable,div1_binding,click_handler,mouseover_handler,mouseout_handler,focus_handler,blur_handler];}class Chip extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.leading-icon{margin-left:-0.25rem}.chip{vertical-align:middle;align-items:center;background-color:var(--goa-color-greyscale-white);border-radius:99px;border:1px solid #949494;box-sizing:border-box;color:var(--goa-color-text-default);display:inline-flex;flex-direction:row;font-size:var(--goa-font-size-3);font-weight:var(--goa-font-weight-regular);gap:0.25rem;height:2rem;justify-content:center;padding:0 0.75rem;cursor:default}.text{padding-bottom:var(--font-valign-fix, 0)}.chip:focus{outline:2px solid var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-white)}.chip:hover{background-color:var(--goa-color-greyscale-200)}.deletable{cursor:pointer}.delete-icon{margin-right:-0.25rem}.error,.error:hover{background-color:var(--goa-color-emergency-light)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$L,create_fragment$O,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,leadingicon:4,error:13,deletable:14,content:5,variant:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","leadingicon","error","deletable","content","variant","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get leadingicon(){return this.$$.ctx[4];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get error(){return this.$$.ctx[13];}set error(error){this.$$set({error});flush();}get deletable(){return this.$$.ctx[14];}set deletable(deletable){this.$$set({deletable});flush();}get content(){return this.$$.ctx[5];}set content(content){this.$$set({content});flush();}get variant(){return this.$$.ctx[6];}set variant(variant){this.$$set({variant});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-chip",Chip);function cubicOut(t){const f=t-1.0;return f*f*f+1.0;}function quartOut(t){return Math.pow(t-1.0,3.0)*(1.0-t)+1.0;}function fade(node,{delay=0,duration=400,easing=identity}={}){const o=+getComputedStyle(node).opacity;return {delay,duration,easing,css:t=>`opacity: ${t*o}`};}function fly(node,{delay=0,duration=400,easing=cubicOut,x=0,y=0,opacity=0}={}){const style=getComputedStyle(node);const target_opacity=+style.opacity;const transform=style.transform==='none'?'':style.transform;const od=target_opacity*(1-opacity);const[xValue,xUnit]=split_css_unit(x);const[yValue,yUnit]=split_css_unit(y);return {delay,duration,easing,css:(t,u)=>`
|
|
153
153
|
transform: ${transform} translate(${(1-t)*xValue}${xUnit}, ${(1-t)*yValue}${yUnit});
|
|
154
|
-
opacity: ${target_opacity-od*u}`};}function noscroll(_node,opts){let toggledScrolling=false;function hideScrollbars(){if(!isScrollable()){return;}const scrollbarWidth=calculateScrollbarWidth();toggledScrolling=true;document.body.style.overflow="hidden";document.body.style.
|
|
154
|
+
opacity: ${target_opacity-od*u}`};}function noscroll(_node,opts){let toggledScrolling=false;function hideScrollbars(){if(!isScrollable()){return;}const scrollbarWidth=calculateScrollbarWidth();toggledScrolling=true;document.body.style.overflow="hidden";document.body.style.borderRight=`${scrollbarWidth}px solid #eee`;}function isScrollable(){return document.body.style.overflow!=="hidden";}function resetScrollbars(){if(!toggledScrolling){return;}toggledScrolling=false;setTimeout(()=>{document.body.style.overflow="";document.body.style.borderRight="";},200);}function calculateScrollbarWidth(){if(document.body.clientHeight<=document.documentElement.clientHeight){return 0;}const outer=document.createElement("div");outer.style.visibility="hidden";outer.style.overflow="scroll";document.body.appendChild(outer);const inner=document.createElement("div");outer.appendChild(inner);const scrollbarWidth=outer.offsetWidth-inner.offsetWidth;outer.parentNode.removeChild(outer);return scrollbarWidth;}if(opts.enable){hideScrollbars();}return {update(){if(!opts.enable){resetScrollbars();}},destroy(){resetScrollbars();}};}/* src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.59.2 */function create_if_block$q(ctx){let current_block_type_index;let if_block;let if_block_anchor;let current;const if_block_creators=[create_if_block_1$e,create_if_block_3$b];const if_blocks=[];function select_block_type(ctx,dirty){if(/*fullscreen*/ctx[3])return 0;if(/*inline*/ctx[4])return 1;return -1;}if(~(current_block_type_index=select_block_type(ctx))){if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx);}return {c(){if(if_block)if_block.c();if_block_anchor=empty();},m(target,anchor){if(~current_block_type_index){if_blocks[current_block_type_index].m(target,anchor);}insert(target,if_block_anchor,anchor);current=true;},p(ctx,dirty){let previous_block_index=current_block_type_index;current_block_type_index=select_block_type(ctx);if(current_block_type_index===previous_block_index){if(~current_block_type_index){if_blocks[current_block_type_index].p(ctx,dirty);}}else {if(if_block){group_outros();transition_out(if_blocks[previous_block_index],1,1,()=>{if_blocks[previous_block_index]=null;});check_outros();}if(~current_block_type_index){if_block=if_blocks[current_block_type_index];if(!if_block){if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx);if_block.c();}else {if_block.p(ctx,dirty);}transition_in(if_block,1);if_block.m(if_block_anchor.parentNode,if_block_anchor);}else {if_block=null;}}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(~current_block_type_index){if_blocks[current_block_type_index].d(detaching);}if(detaching)detach(if_block_anchor);}};}// (43:19)
|
|
155
155
|
function create_if_block_3$b(ctx){let div;let goa_spinner;let t;let div_class_value;let if_block=/*message*/ctx[0]&&create_if_block_4$3(ctx);return {c(){div=element("div");goa_spinner=element("goa-spinner");t=space();if(if_block)if_block.c();set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);attr(div,"class",div_class_value="spinner-"+/*spinnerSize*/ctx[2]);toggle_class(div,"inline",/*inline*/ctx[4]);},m(target,anchor){insert(target,div,anchor);append(div,goa_spinner);append(div,t);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(dirty&/*spinnerSize*/4){set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);}if(dirty&/*progress*/2){set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);}if(/*message*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_4$3(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*spinnerSize*/4&&div_class_value!==(div_class_value="spinner-"+/*spinnerSize*/ctx[2])){attr(div,"class",div_class_value);}if(dirty&/*spinnerSize, inline*/20){toggle_class(div,"inline",/*inline*/ctx[4]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();}};}// (32:2) {#if fullscreen}
|
|
156
156
|
function create_if_block_1$e(ctx){let div;let goa_spinner;let t;let div_transition;let current;let mounted;let dispose;let if_block=/*message*/ctx[0]&&create_if_block_2$c(ctx);return {c(){div=element("div");goa_spinner=element("goa-spinner");t=space();if(if_block)if_block.c();set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);toggle_class(div,"fullscreen",/*fullscreen*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,goa_spinner);append(div,t);if(if_block)if_block.m(div,null);current=true;if(!mounted){dispose=action_destroyer(noscroll.call(null,div,{enable:true}));mounted=true;}},p(ctx,dirty){if(!current||dirty&/*spinnerSize*/4){set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);}if(!current||dirty&/*progress*/2){set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);}if(/*message*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$c(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(!current||dirty&/*fullscreen*/8){toggle_class(div,"fullscreen",/*fullscreen*/ctx[3]);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div_transition)div_transition=create_bidirectional_transition(div,fade,{duration:300},true);div_transition.run(1);});current=true;},o(local){if(!div_transition)div_transition=create_bidirectional_transition(div,fade,{duration:300},false);div_transition.run(0);current=false;},d(detaching){if(detaching)detach(div);if(if_block)if_block.d();if(detaching&&div_transition)div_transition.end();mounted=false;dispose();}};}// (46:6) {#if message}
|
|
157
157
|
function create_if_block_4$3(ctx){let div;let t;return {c(){div=element("div");t=text(/*message*/ctx[0]);attr(div,"class","message");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*message*/1)set_data(t,/*message*/ctx[0]);},d(detaching){if(detaching)detach(div);}};}// (39:6) {#if message}
|
|
@@ -165,70 +165,69 @@ function create_if_block_2$c(ctx){let div;let t;return {c(){div=element("div");t
|
|
|
165
165
|
goa-container--${/*type*/ctx[0]}
|
|
166
166
|
padding--${/*padding*/ctx[2]}
|
|
167
167
|
accent--${/*accent*/ctx[1]}
|
|
168
|
-
`)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$J($$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: 623px){.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$J,create_fragment$M,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);/* src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$L(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$I($$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$I,create_fragment$L,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);/* src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$K(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$H($$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$H,create_fragment$K,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);/* src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1$1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[61]=list[i];child_ctx[65]=i;return child_ctx;}function get_each_context$8(ctx,list,i){const child_ctx=ctx.slice();child_ctx[61]=list[i];return child_ctx;}// (444:2) {:else}
|
|
169
|
-
function create_else_block$a(ctx){let slot;let t0;let goa_popover;let div;let t1;let input;let input_style_value;let input_aria_controls_value;let input_aria_label_value;let input_aria_owns_value;let input_readonly_value;let t2;let
|
|
170
|
-
cursor: ${!/*_disabled*/ctx[
|
|
171
|
-
`);attr(input,"data-testid","input");attr(input,"type","text");attr(input,"role","combobox");attr(input,"autocomplete","off");attr(input,"aria-autocomplete","list");attr(input,"aria-controls",input_aria_controls_value=`menu-${/*name*/ctx[0]}`);attr(input,"aria-expanded",/*_isMenuVisible*/ctx[
|
|
172
|
-
width: ${/*_width*/ctx[19]};
|
|
168
|
+
`)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$J($$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: 623px){.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$J,create_fragment$M,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);/* src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$L(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$I($$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$I,create_fragment$L,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);/* src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$K(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$H($$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$H,create_fragment$K,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);/* src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1$1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[61]=list[i];child_ctx[65]=i;return child_ctx;}function get_each_context$8(ctx,list,i){const child_ctx=ctx.slice();child_ctx[61]=list[i];return child_ctx;}// (458:2) {:else}
|
|
169
|
+
function create_else_block$a(ctx){let slot;let t0;let goa_popover;let div;let t1;let input;let input_style_value;let input_aria_controls_value;let input_aria_label_value;let input_aria_owns_value;let input_readonly_value;let t2;let t3;let ul;let each_blocks=[];let each_1_lookup=new Map();let ul_id_value;let ul_aria_label_value;let ul_style_value;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[4]&&create_if_block_2$b(ctx);function select_block_type_1(ctx,dirty){var _ctx$;if(/*_inputEl*/(_ctx$=ctx[22])!==null&&_ctx$!==void 0&&_ctx$.value&&/*_filterable*/ctx[23])return create_if_block_1$d;return create_else_block_2;}let current_block_type=select_block_type_1(ctx);let if_block1=current_block_type(ctx);let each_value_1=/*_filteredOptions*/ctx[14];const get_key=ctx=>/*index*/ctx[65];for(let i=0;i<each_value_1.length;i+=1){let child_ctx=get_each_context_1$1(ctx,each_value_1,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block_1$1(key,child_ctx));}let each_1_else=null;if(!each_value_1.length){each_1_else=create_else_block_1();}return {c(){slot=element("slot");t0=space();goa_popover=element("goa-popover");div=element("div");if(if_block0)if_block0.c();t1=space();input=element("input");t2=space();if_block1.c();t3=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}if(each_1_else){each_1_else.c();}attr(input,"style",input_style_value=`
|
|
170
|
+
cursor: ${!/*_disabled*/ctx[25]?/*_filterable*/ctx[23]?"auto":"pointer":"default"};
|
|
171
|
+
`);attr(input,"data-testid","input");attr(input,"type","text");attr(input,"role","combobox");attr(input,"autocomplete","off");attr(input,"aria-autocomplete","list");attr(input,"aria-controls",input_aria_controls_value=`menu-${/*name*/ctx[0]}`);attr(input,"aria-expanded",/*_isMenuVisible*/ctx[17]);attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);attr(input,"aria-labelledby",/*arialabelledby*/ctx[2]);attr(input,"id",/*name*/ctx[0]);attr(input,"aria-activedescendant",/*_activeDescendantId*/ctx[24]);attr(input,"aria-disabled",/*_disabled*/ctx[25]);attr(input,"aria-owns",input_aria_owns_value=/*_isMenuVisible*/ctx[17]?`menu-${/*name*/ctx[0]}`:undefined);attr(input,"aria-haspopup","listbox");input.disabled=/*_disabled*/ctx[25];input.readOnly=input_readonly_value=!/*_filterable*/ctx[23];attr(input,"placeholder",/*placeholder*/ctx[6]);attr(input,"name",/*name*/ctx[0]);attr(div,"slot","target");attr(div,"class","dropdown-input-group");toggle_class(div,"dropdown-input-group--disabled",/*_disabled*/ctx[25]);toggle_class(div,"error",/*_error*/ctx[26]);attr(ul,"id",ul_id_value=`menu-${/*name*/ctx[0]}`);attr(ul,"role","listbox");attr(ul,"tabindex","-1");attr(ul,"data-testid","dropdown-menu");attr(ul,"aria-label",ul_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);attr(ul,"aria-labelledby",/*arialabelledby*/ctx[2]);attr(ul,"style",ul_style_value=`
|
|
173
172
|
outline: none;
|
|
174
173
|
overflow-y: auto;
|
|
175
174
|
max-height: ${/*maxheight*/ctx[5]};
|
|
176
|
-
`);set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[
|
|
177
|
-
cursor: ${!/*_disabled*/ctx[
|
|
178
|
-
`)){attr(input,"style",input_style_value);}if(dirty[0]&/*name*/1&&input_aria_controls_value!==(input_aria_controls_value=`menu-${/*name*/ctx[0]}`)){attr(input,"aria-controls",input_aria_controls_value);}if(dirty[0]&/*_isMenuVisible*/
|
|
179
|
-
width: ${/*_width*/ctx[19]};
|
|
175
|
+
`);set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[7]);set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);set_custom_element_data(goa_popover,"data-testid","option-list");set_custom_element_data(goa_popover,"maxwidth","99999px");set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[17]);set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"width",/*_width*/ctx[18]);},m(target,anchor){insert(target,slot,anchor);insert(target,t0,anchor);insert(target,goa_popover,anchor);append(goa_popover,div);if(if_block0)if_block0.m(div,null);append(div,t1);append(div,input);/*input_binding*/ctx[42](input);append(div,t2);if_block1.m(div,null);append(goa_popover,t3);append(goa_popover,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}if(each_1_else){each_1_else.m(ul,null);}/*ul_binding*/ctx[44](ul);if(!mounted){dispose=[listen(input,"keydown",/*onInputKeyDown*/ctx[31]),listen(input,"keyup",/*onInputKeyUp*/ctx[30]),listen(goa_popover,"_open",/*showMenu*/ctx[27]),listen(goa_popover,"_close",/*hideMenu*/ctx[28])];mounted=true;}},p(ctx,dirty){if(/*leadingicon*/ctx[4]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_2$b(ctx);if_block0.c();if_block0.m(div,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty[0]&/*_disabled, _filterable*/41943040&&input_style_value!==(input_style_value=`
|
|
176
|
+
cursor: ${!/*_disabled*/ctx[25]?/*_filterable*/ctx[23]?"auto":"pointer":"default"};
|
|
177
|
+
`)){attr(input,"style",input_style_value);}if(dirty[0]&/*name*/1&&input_aria_controls_value!==(input_aria_controls_value=`menu-${/*name*/ctx[0]}`)){attr(input,"aria-controls",input_aria_controls_value);}if(dirty[0]&/*_isMenuVisible*/131072){attr(input,"aria-expanded",/*_isMenuVisible*/ctx[17]);}if(dirty[0]&/*arialabel, name*/3&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(input,"aria-label",input_aria_label_value);}if(dirty[0]&/*arialabelledby*/4){attr(input,"aria-labelledby",/*arialabelledby*/ctx[2]);}if(dirty[0]&/*name*/1){attr(input,"id",/*name*/ctx[0]);}if(dirty[0]&/*_activeDescendantId*/16777216){attr(input,"aria-activedescendant",/*_activeDescendantId*/ctx[24]);}if(dirty[0]&/*_disabled*/33554432){attr(input,"aria-disabled",/*_disabled*/ctx[25]);}if(dirty[0]&/*_isMenuVisible, name*/131073&&input_aria_owns_value!==(input_aria_owns_value=/*_isMenuVisible*/ctx[17]?`menu-${/*name*/ctx[0]}`:undefined)){attr(input,"aria-owns",input_aria_owns_value);}if(dirty[0]&/*_disabled*/33554432){input.disabled=/*_disabled*/ctx[25];}if(dirty[0]&/*_filterable*/8388608&&input_readonly_value!==(input_readonly_value=!/*_filterable*/ctx[23])){input.readOnly=input_readonly_value;}if(dirty[0]&/*placeholder*/64){attr(input,"placeholder",/*placeholder*/ctx[6]);}if(dirty[0]&/*name*/1){attr(input,"name",/*name*/ctx[0]);}if(current_block_type===(current_block_type=select_block_type_1(ctx))&&if_block1){if_block1.p(ctx,dirty);}else {if_block1.d(1);if_block1=current_block_type(ctx);if(if_block1){if_block1.c();if_block1.m(div,null);}}if(dirty[0]&/*_disabled*/33554432){toggle_class(div,"dropdown-input-group--disabled",/*_disabled*/ctx[25]);}if(dirty[0]&/*_error*/67108864){toggle_class(div,"error",/*_error*/ctx[26]);}if(dirty[0]&/*_filteredOptions, _inputEl, _highlightedIndex, onSelect*/541089792){each_value_1=/*_filteredOptions*/ctx[14];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$1,null,get_each_context_1$1);if(!each_value_1.length&&each_1_else){each_1_else.p(ctx,dirty);}else if(!each_value_1.length){each_1_else=create_else_block_1();each_1_else.c();each_1_else.m(ul,null);}else if(each_1_else){each_1_else.d(1);each_1_else=null;}}if(dirty[0]&/*name*/1&&ul_id_value!==(ul_id_value=`menu-${/*name*/ctx[0]}`)){attr(ul,"id",ul_id_value);}if(dirty[0]&/*arialabel, name*/3&&ul_aria_label_value!==(ul_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(ul,"aria-label",ul_aria_label_value);}if(dirty[0]&/*arialabelledby*/4){attr(ul,"aria-labelledby",/*arialabelledby*/ctx[2]);}if(dirty[0]&/*maxheight*/32&&ul_style_value!==(ul_style_value=`
|
|
180
178
|
outline: none;
|
|
181
179
|
overflow-y: auto;
|
|
182
180
|
max-height: ${/*maxheight*/ctx[5]};
|
|
183
|
-
`)){attr(ul,"style",ul_style_value);}if(dirty[0]&/*disabled*/
|
|
184
|
-
function create_if_block$p(ctx){let select;let slot;let select_aria_label_value;let mounted;let dispose;let each_value=/*_options*/ctx[
|
|
185
|
-
function create_if_block_2$b(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","dropdown-input--leading-icon");set_custom_element_data(goa_icon,"data-testid","leading-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty[0]&/*leadingicon*/16){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (
|
|
186
|
-
function create_else_block_2(ctx){let goa_icon;let goa_icon_arialabel_value;let goa_icon_ariacontrols_value;let goa_icon_ariaexpanded_value;let goa_icon_type_value;let mounted;let dispose;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"role","button");set_custom_element_data(goa_icon,"tabindex","-1");set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`);set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[
|
|
187
|
-
function create_if_block_1$d(ctx){let goa_icon;let goa_icon_tabindex_value;let goa_icon_arialabel_value;let goa_icon_ariacontrols_value;let goa_icon_ariaexpanded_value;let mounted;let dispose;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);set_custom_element_data(goa_icon,"tabindex",goa_icon_tabindex_value=/*_disabled*/ctx[
|
|
188
|
-
function create_else_block_1(ctx){let li;return {c(){li=element("li");li.textContent="No matches found\n ";attr(li,"class","dropdown-item");attr(li,"data-testid","dropdown-item-not-found");},m(target,anchor){insert(target,li,anchor);},p:noop,d(detaching){if(detaching)detach(li);}};}// (
|
|
189
|
-
function create_each_block_1$1(key_1,ctx){let li;let t0_value=(/*option*/ctx[61].label||/*option*/ctx[61].value)+"";let t0;let t1;let li_id_value;let li_aria_selected_value;let li_data_index_value;let li_data_testid_value;let li_data_value_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[43](/*option*/ctx[61]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[61].value);attr(li,"aria-selected",li_aria_selected_value=/*_inputEl*/ctx[
|
|
190
|
-
function create_each_block$8(ctx){let option;let t0_value=/*option*/ctx[61].label+"";let t0;let t1;let option_selected_value;let option_value_value;return {c(){option=element("option");t0=text(t0_value);t1=space();option.selected=option_selected_value=/*value*/ctx[3]===/*option*/ctx[61].value;option.__value=option_value_value=/*option*/ctx[61].value;option.value=option.__value;},m(target,anchor){insert(target,option,anchor);append(option,t0);append(option,t1);},p(ctx,dirty){if(dirty[0]&/*_options*/
|
|
191
|
-
|
|
192
|
-
${
|
|
193
|
-
`);toggle_class(div,"dropdown-native",/*_native*/ctx[
|
|
194
|
-
|
|
195
|
-
${
|
|
196
|
-
`)){attr(div,"style",div_style_value);}if(dirty[0]&/*_native*/
|
|
181
|
+
`)){attr(ul,"style",ul_style_value);}if(dirty[0]&/*disabled*/128){set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[7]);}if(dirty[0]&/*relative*/256){set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);}if(dirty[0]&/*_isMenuVisible*/131072){set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[17]);}if(dirty[0]&/*_width*/262144){set_custom_element_data(goa_popover,"width",/*_width*/ctx[18]);}},d(detaching){if(detaching)detach(slot);if(detaching)detach(t0);if(detaching)detach(goa_popover);if(if_block0)if_block0.d();/*input_binding*/ctx[42](null);if_block1.d();for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}if(each_1_else)each_1_else.d();/*ul_binding*/ctx[44](null);mounted=false;run_all(dispose);}};}// (438:2) {#if _native}
|
|
182
|
+
function create_if_block$p(ctx){let select;let slot;let select_aria_label_value;let mounted;let dispose;let each_value=/*_options*/ctx[16];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$8(get_each_context$8(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();}attr(select,"name",/*name*/ctx[0]);attr(select,"aria-label",select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);attr(select,"aria-labelledby",/*arialabelledby*/ctx[2]);select.disabled=/*_disabled*/ctx[25];attr(select,"id",/*name*/ctx[0]);toggle_class(select,"error",/*_error*/ctx[26]);},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[41](select);if(!mounted){dispose=listen(select,"change",/*onNativeSelect*/ctx[34]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*value, _options*/65544){each_value=/*_options*/ctx[16];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$8(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$8(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]&/*name*/1){attr(select,"name",/*name*/ctx[0]);}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]&/*arialabelledby*/4){attr(select,"aria-labelledby",/*arialabelledby*/ctx[2]);}if(dirty[0]&/*_disabled*/33554432){select.disabled=/*_disabled*/ctx[25];}if(dirty[0]&/*name*/1){attr(select,"id",/*name*/ctx[0]);}if(dirty[0]&/*_error*/67108864){toggle_class(select,"error",/*_error*/ctx[26]);}},d(detaching){if(detaching)detach(select);destroy_each(each_blocks,detaching);/*select_binding*/ctx[41](null);mounted=false;dispose();}};}// (480:8) {#if leadingicon}
|
|
183
|
+
function create_if_block_2$b(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","dropdown-input--leading-icon");set_custom_element_data(goa_icon,"data-testid","leading-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty[0]&/*leadingicon*/16){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (530:8) {:else}
|
|
184
|
+
function create_else_block_2(ctx){let goa_icon;let goa_icon_arialabel_value;let goa_icon_ariacontrols_value;let goa_icon_ariaexpanded_value;let goa_icon_type_value;let mounted;let dispose;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"role","button");set_custom_element_data(goa_icon,"tabindex","-1");set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`);set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[17]));set_custom_element_data(goa_icon,"class","dropdown-icon--arrow");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_isMenuVisible*/ctx[17]?"chevron-up":"chevron-down");},m(target,anchor){insert(target,goa_icon,anchor);if(!mounted){dispose=listen(goa_icon,"click",/*onChevronClick*/ctx[35]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*name*/1){set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);}if(dirty[0]&/*arialabel, name*/3&&goa_icon_arialabel_value!==(goa_icon_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value);}if(dirty[0]&/*name*/1&&goa_icon_ariacontrols_value!==(goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`)){set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value);}if(dirty[0]&/*_isMenuVisible*/131072&&goa_icon_ariaexpanded_value!==(goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[17]))){set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value);}if(dirty[0]&/*_isMenuVisible*/131072&&goa_icon_type_value!==(goa_icon_type_value=/*_isMenuVisible*/ctx[17]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}},d(detaching){if(detaching)detach(goa_icon);mounted=false;dispose();}};}// (515:8) {#if _inputEl?.value && _filterable}
|
|
185
|
+
function create_if_block_1$d(ctx){let goa_icon;let goa_icon_tabindex_value;let goa_icon_arialabel_value;let goa_icon_ariacontrols_value;let goa_icon_ariaexpanded_value;let mounted;let dispose;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);set_custom_element_data(goa_icon,"tabindex",goa_icon_tabindex_value=/*_disabled*/ctx[25]?-1:0);set_custom_element_data(goa_icon,"role","button");set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=`clear ${/*arialabel*/ctx[1]||/*name*/ctx[0]}`);set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`);set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[17]));set_custom_element_data(goa_icon,"class","dropdown-icon--clear");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"type","close");toggle_class(goa_icon,"disabled",/*_disabled*/ctx[25]);},m(target,anchor){insert(target,goa_icon,anchor);if(!mounted){dispose=[listen(goa_icon,"click",stop_propagation(/*onClearIconClick*/ctx[33])),listen(goa_icon,"keydown",/*onClearIconKeyDown*/ctx[32])];mounted=true;}},p(ctx,dirty){if(dirty[0]&/*name*/1){set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);}if(dirty[0]&/*_disabled*/33554432&&goa_icon_tabindex_value!==(goa_icon_tabindex_value=/*_disabled*/ctx[25]?-1:0)){set_custom_element_data(goa_icon,"tabindex",goa_icon_tabindex_value);}if(dirty[0]&/*arialabel, name*/3&&goa_icon_arialabel_value!==(goa_icon_arialabel_value=`clear ${/*arialabel*/ctx[1]||/*name*/ctx[0]}`)){set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value);}if(dirty[0]&/*name*/1&&goa_icon_ariacontrols_value!==(goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`)){set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value);}if(dirty[0]&/*_isMenuVisible*/131072&&goa_icon_ariaexpanded_value!==(goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[17]))){set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value);}if(dirty[0]&/*_disabled*/33554432){toggle_class(goa_icon,"disabled",/*_disabled*/ctx[25]);}},d(detaching){if(detaching)detach(goa_icon);mounted=false;run_all(dispose);}};}// (577:8) {:else}
|
|
186
|
+
function create_else_block_1(ctx){let li;return {c(){li=element("li");li.textContent="No matches found\n ";attr(li,"class","dropdown-item");attr(li,"data-testid","dropdown-item-not-found");},m(target,anchor){insert(target,li,anchor);},p:noop,d(detaching){if(detaching)detach(li);}};}// (561:8) {#each _filteredOptions as option, index (index)}
|
|
187
|
+
function create_each_block_1$1(key_1,ctx){let li;let t0_value=(/*option*/ctx[61].label||/*option*/ctx[61].value)+"";let t0;let t1;let li_id_value;let li_aria_selected_value;let li_data_index_value;let li_data_testid_value;let li_data_value_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[43](/*option*/ctx[61]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[61].value);attr(li,"aria-selected",li_aria_selected_value=/*_inputEl*/ctx[22].value===(/*option*/ctx[61].label||/*option*/ctx[61].value));attr(li,"class","dropdown-item");attr(li,"data-index",li_data_index_value=/*index*/ctx[65]);attr(li,"data-testid",li_data_testid_value=`dropdown-item-${/*option*/ctx[61].value}`);attr(li,"data-value",li_data_value_value=/*option*/ctx[61].value);attr(li,"role","option");set_style(li,"display","block");toggle_class(li,"dropdown-item--highlighted",/*index*/ctx[65]===/*_highlightedIndex*/ctx[13]);toggle_class(li,"selected",/*_inputEl*/ctx[22].value===(/*option*/ctx[61].label||/*option*/ctx[61].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]&/*_filteredOptions*/16384&&t0_value!==(t0_value=(/*option*/ctx[61].label||/*option*/ctx[61].value)+""))set_data(t0,t0_value);if(dirty[0]&/*_filteredOptions*/16384&&li_id_value!==(li_id_value=/*option*/ctx[61].value)){attr(li,"id",li_id_value);}if(dirty[0]&/*_inputEl, _filteredOptions*/4210688&&li_aria_selected_value!==(li_aria_selected_value=/*_inputEl*/ctx[22].value===(/*option*/ctx[61].label||/*option*/ctx[61].value))){attr(li,"aria-selected",li_aria_selected_value);}if(dirty[0]&/*_filteredOptions*/16384&&li_data_index_value!==(li_data_index_value=/*index*/ctx[65])){attr(li,"data-index",li_data_index_value);}if(dirty[0]&/*_filteredOptions*/16384&&li_data_testid_value!==(li_data_testid_value=`dropdown-item-${/*option*/ctx[61].value}`)){attr(li,"data-testid",li_data_testid_value);}if(dirty[0]&/*_filteredOptions*/16384&&li_data_value_value!==(li_data_value_value=/*option*/ctx[61].value)){attr(li,"data-value",li_data_value_value);}if(dirty[0]&/*_filteredOptions, _highlightedIndex*/24576){toggle_class(li,"dropdown-item--highlighted",/*index*/ctx[65]===/*_highlightedIndex*/ctx[13]);}if(dirty[0]&/*_inputEl, _filteredOptions*/4210688){toggle_class(li,"selected",/*_inputEl*/ctx[22].value===(/*option*/ctx[61].label||/*option*/ctx[61].value));}},d(detaching){if(detaching)detach(li);mounted=false;dispose();}};}// (450:6) {#each _options as option}
|
|
188
|
+
function create_each_block$8(ctx){let option;let t0_value=/*option*/ctx[61].label+"";let t0;let t1;let option_selected_value;let option_value_value;return {c(){option=element("option");t0=text(t0_value);t1=space();option.selected=option_selected_value=/*value*/ctx[3]===/*option*/ctx[61].value;option.__value=option_value_value=/*option*/ctx[61].value;option.value=option.__value;},m(target,anchor){insert(target,option,anchor);append(option,t0);append(option,t1);},p(ctx,dirty){if(dirty[0]&/*_options*/65536&&t0_value!==(t0_value=/*option*/ctx[61].label+""))set_data(t0,t0_value);if(dirty[0]&/*value, _options*/65544&&option_selected_value!==(option_selected_value=/*value*/ctx[3]===/*option*/ctx[61].value)){option.selected=option_selected_value;}if(dirty[0]&/*_options*/65536&&option_value_value!==(option_value_value=/*option*/ctx[61].value)){option.__value=option_value_value;option.value=option.__value;}},d(detaching){if(detaching)detach(option);}};}function create_fragment$J(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$p;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=`
|
|
189
|
+
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
190
|
+
--width: ${/*_width*/ctx[18]};
|
|
191
|
+
`);toggle_class(div,"dropdown-native",/*_native*/ctx[15]);},m(target,anchor){insert(target,div,anchor);if_block.m(div,null);/*div_binding*/ctx[45](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*/269824&&div_style_value!==(div_style_value=`
|
|
192
|
+
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
193
|
+
--width: ${/*_width*/ctx[18]};
|
|
194
|
+
`)){attr(div,"style",div_style_value);}if(dirty[0]&/*_native*/32768){toggle_class(div,"dropdown-native",/*_native*/ctx[15]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if_block.d();/*div_binding*/ctx[45](null);}};}function parseValues(selectedValue){let rawValue;try{rawValue=JSON.parse(selectedValue||`[""]`);}catch(e){rawValue=[selectedValue];}const rawValues=typeof rawValue==="object"?rawValue:[rawValue];// convert all values to strings to avoid later type comparison issues
|
|
197
195
|
return rawValues.map(val=>`${val}`);}function isFilterMatch(option,filter){if(filter.length===0)return true;let value=option.filter||option.label||option.value;value=value.toLowerCase();filter=filter.toLowerCase();return value.startsWith(filter)||value.includes(" "+filter);}function instance$G($$self,$$props,$$invalidate){let _disabled;let _error;let _multiselect;let _native;let _filterable;let _activeDescendantId;let{name}=$$props;let{arialabel=""}=$$props;let{arialabelledby=""}=$$props;let{value=""}=$$props;let{filterable="false"}=$$props;let{leadingicon=null}=$$props;let{maxheight="276px"}=$$props;let{placeholder=""}=$$props;let{width=""}=$$props;let{disabled="false"}=$$props;let{error="false"}=$$props;let{multiselect="false"}=$$props;let{native="false"}=$$props;let{relative="false"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;//
|
|
198
196
|
// Private
|
|
199
|
-
//
|
|
197
|
+
//
|
|
200
198
|
let _options=[];let _isMenuVisible=false;let _highlightedIndex=-1;let _width;let _rootEl;let _menuEl;let _selectEl;let _inputEl;let _eventHandler;let _isDirty=false;let _filteredOptions=[];let _values=[];//
|
|
201
199
|
// Hooks
|
|
202
200
|
//
|
|
203
201
|
onMount(async()=>{var _a,_b;_eventHandler=_filterable?new ComboboxKeyUpHandler(_inputEl):new DropdownKeyUpHandler(_inputEl);// the following is required to appease the jest testing gods in that they don't respond
|
|
204
202
|
// to the slotchange event
|
|
205
|
-
$$invalidate(
|
|
206
|
-
|
|
203
|
+
$$invalidate(16,_options=getOptions());if(!_native){$$invalidate(22,_inputEl.value=(_b=(_a=_options.find(o=>o.value===value))===null||_a===void 0?void 0:_a.label)!==null&&_b!==void 0?_b:"",_inputEl);if(width){if(width.endsWith("%")){const percent=parseInt(width)/100;const rootRect=_rootEl.getBoundingClientRect();$$invalidate(18,_width=percent*rootRect.width+"px");}else {$$invalidate(18,_width=width);}}// This is only here to allow the Jest tests to pass :(
|
|
204
|
+
if(!width&&_options.length>0){$$invalidate(18,_width=getLongestChildWidth(_options));}}syncFilteredOptions();// watch for DOM changes within the slot => dynamic binding
|
|
205
|
+
const slot=_rootEl.querySelector("slot");slot===null||slot===void 0?void 0:slot.addEventListener("slotchange",_=>{$$invalidate(16,_options=getOptions());syncFilteredOptions();if(!width){$$invalidate(18,_width=getLongestChildWidth(_options));}if(!_native){setDisplayedValue();}});});//
|
|
207
206
|
// Functions
|
|
208
207
|
//
|
|
209
208
|
// prevents unwanted reactive updates.
|
|
210
209
|
function setDisplayedValue(){var _a,_b;if(_inputEl){const option=_options.find(o=>o.value==_values[0]);// possible string number comparison
|
|
211
|
-
$$invalidate(
|
|
210
|
+
$$invalidate(22,_inputEl.value=(_b=(_a=option===null||option===void 0?void 0:option.label)!==null&&_a!==void 0?_a:option===null||option===void 0?void 0:option.value)!==null&&_b!==void 0?_b:"",_inputEl);}}function getChildren(){const slot=_rootEl.querySelector("slot");if(slot){// default
|
|
212
211
|
return slot.assignedElements();}// unit tests
|
|
213
212
|
const el=_native?_selectEl:_rootEl;return [...el.children];}// Create a list of the options based on the children within the slot
|
|
214
213
|
// The children don't have to be goa-dropdown-item elements. Any child element
|
|
215
214
|
// work as long as it has a value and label content
|
|
216
215
|
function getOptions(){return getChildren().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||el.innerHTML||value;const filter=el.getAttribute("filter")||label||value||"";return {value,label,filter};});}// compute the required width to ensure all children fit
|
|
217
|
-
function
|
|
216
|
+
function getLongestChildWidth(options){// set width to longest item
|
|
218
217
|
const optionsWidth=options.map(option=>{const label=`${option.label}`||`${option.value}`||"";return label.length;}).sort((a,b)=>a>b?1:-1).pop();// longest one defines the width
|
|
219
218
|
let maxWidth=Math.max(optionsWidth,placeholder.length)+8;// compensate for icon width
|
|
220
219
|
if(leadingicon){maxWidth+=2;}return `${maxWidth}ch`;}// Change the direction of highlighted options for Arrow up and down
|
|
221
220
|
function changeHighlightedOption(offset){let index=_highlightedIndex+offset;let items=!(_filteredOptions===null||_filteredOptions===void 0?void 0:_filteredOptions.length)?_options:_filteredOptions;if(items.length===0)return;// if index is out of scope
|
|
222
|
-
if(index<0){index=_filterable?items.length-1:0;}else if(index>=items.length){index=_filterable?0:items.length-1;}$$invalidate(
|
|
221
|
+
if(index<0){index=_filterable?items.length-1:0;}else if(index>=items.length){index=_filterable?0:items.length-1;}$$invalidate(13,_highlightedIndex=index);scrollToOption(index);}function scrollToOption(index){const liNode=_menuEl.querySelector(`li[data-index="${index}"]`);if(!liNode)return;const liOptionRect=liNode.getBoundingClientRect();const ulRect=_menuEl.getBoundingClientRect();const isInView=liOptionRect.top>=0&&liOptionRect.left>=0&&liOptionRect.bottom<=ulRect.height&&liOptionRect.right<=ulRect.width;if(isInView)return;liNode.scrollIntoView({behavior:"smooth",block:"nearest"});}function syncFilteredOptions(){$$invalidate(14,_filteredOptions=_filterable?_options.filter(option=>isFilterMatch(option,_inputEl.value)):_options);}function showMenu(){if(_disabled){return;}setTimeout(()=>{syncFilteredOptions();$$invalidate(17,_isMenuVisible=true);_inputEl.focus();},0);}function hideMenu(){$$invalidate(17,_isMenuVisible=false);}function dispatchValue(value){const detail=_multiselect?{name,values:[value,..._values]}:{name,value};setTimeout(()=>{_rootEl.dispatchEvent(new CustomEvent("_change",{composed:true,detail}));_isDirty=false;},1);}//
|
|
223
222
|
// Event handlers
|
|
224
|
-
//
|
|
225
|
-
function onSelect(option){if(_disabled)return;if(!_native){_isDirty=true;hideMenu();$$invalidate(
|
|
223
|
+
//
|
|
224
|
+
function onSelect(option){if(_disabled)return;if(!_native){_isDirty=true;hideMenu();$$invalidate(22,_inputEl.value=option.label,_inputEl);}dispatchValue(option.value);}function onInputKeyUp(e){if(_disabled)return;_eventHandler.handleKeyUp(e);}function onInputKeyDown(e){if(_disabled)return;_eventHandler.handleKeyDown(e);}function onClearIconKeyDown(e){if(e.key==="Enter"||e.key===" "){e.stopPropagation();reset();showMenu();}}function onClearIconClick(e){reset();showMenu();e.stopPropagation();}function onNativeSelect(e){const target=e.currentTarget;const option=_options[target.selectedIndex];onSelect(option);}function reset(){if(_disabled)return;$$invalidate(24,_activeDescendantId=undefined);$$invalidate(13,_highlightedIndex=-1);$$invalidate(22,_inputEl.value="",_inputEl);_isDirty=false;syncFilteredOptions();dispatchValue("");}function onChevronClick(e){showMenu();e.stopPropagation();}class ComboboxKeyUpHandler{constructor(input){this.input=input;input.addEventListener("blur",async function(e){if(!_isDirty)return;if(!_filterable)return;const input=e.target;const selectedOption=_filteredOptions.find(o=>o.label===input.value);if(!selectedOption){dispatchValue("");input.value="";}});}onEscape(e){reset();_inputEl.focus();e.preventDefault();e.stopPropagation();}onEnter(e){const option=_filteredOptions[_highlightedIndex];if(option){onSelect(option);}if(_inputEl.value){hideMenu();}else {showMenu();}e.stopPropagation();}onArrow(e,direction){if(!_isMenuVisible)showMenu();changeHighlightedOption(direction==="up"?-1:1);e.stopPropagation();}onTab(_){const matchedOption=_filteredOptions.find(option=>option.label.toLowerCase()===this.input.value.toLowerCase());if(matchedOption){onSelect(matchedOption);}hideMenu();}onKeyUp(_){showMenu();_isDirty=true;}handleKeyUp(e){switch(e.key){case"Enter":this.onEnter(e);break;case"ArrowUp":this.onArrow(e,"up");break;case"ArrowDown":this.onArrow(e,"down");break;case"Home":this.input.setSelectionRange(0,0);break;case"End":this.input.setSelectionRange(this.input.value.length,this.input.value.length);break;default:this.onKeyUp(e);break;}}handleKeyDown(e){switch(e.key){case"Escape":this.onEscape(e);break;case"Tab":this.onTab(e);break;}}}class DropdownKeyUpHandler{constructor(_input){}onEnter(e){if(_isMenuVisible){const option=_filteredOptions[_highlightedIndex];if(option){onSelect(option);}hideMenu();}else {showMenu();}e.preventDefault();e.stopPropagation();}onArrow(e,direction){if(!_isMenuVisible)showMenu();changeHighlightedOption(direction==="up"?-1:1);e.preventDefault();e.stopPropagation();}handleKeyDown(e){switch(e.key){case" ":case"Enter":this.onEnter(e);break;case"ArrowUp":this.onArrow(e,"up");break;case"ArrowDown":this.onArrow(e,"down");break;case"Tab":hideMenu();break;}return false;}handleKeyUp(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":case"Enter":e.preventDefault();e.stopPropagation();}}}function select_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_selectEl=$$value;$$invalidate(21,_selectEl);$$invalidate(16,_options);});}function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_inputEl=$$value;$$invalidate(22,_inputEl);});}const click_handler=option=>onSelect(option);function ul_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_menuEl=$$value;$$invalidate(20,_menuEl);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(19,_rootEl);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(0,name=$$props.name);if('arialabel'in $$props)$$invalidate(1,arialabel=$$props.arialabel);if('arialabelledby'in $$props)$$invalidate(2,arialabelledby=$$props.arialabelledby);if('value'in $$props)$$invalidate(3,value=$$props.value);if('filterable'in $$props)$$invalidate(36,filterable=$$props.filterable);if('leadingicon'in $$props)$$invalidate(4,leadingicon=$$props.leadingicon);if('maxheight'in $$props)$$invalidate(5,maxheight=$$props.maxheight);if('placeholder'in $$props)$$invalidate(6,placeholder=$$props.placeholder);if('width'in $$props)$$invalidate(37,width=$$props.width);if('disabled'in $$props)$$invalidate(7,disabled=$$props.disabled);if('error'in $$props)$$invalidate(38,error=$$props.error);if('multiselect'in $$props)$$invalidate(39,multiselect=$$props.multiselect);if('native'in $$props)$$invalidate(40,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*/128){//
|
|
226
225
|
// Reactive
|
|
227
|
-
//
|
|
228
|
-
$$invalidate(
|
|
229
|
-
$$invalidate(
|
|
226
|
+
//
|
|
227
|
+
$$invalidate(25,_disabled=toBoolean(disabled));}if($$self.$$.dirty[1]&/*error*/128){$$invalidate(26,_error=toBoolean(error));}if($$self.$$.dirty[1]&/*multiselect*/256){_multiselect=toBoolean(multiselect);}if($$self.$$.dirty[1]&/*native*/512){$$invalidate(15,_native=toBoolean(native));}if($$self.$$.dirty[0]&/*_native*/32768|$$self.$$.dirty[1]&/*filterable*/32){$$invalidate(23,_filterable=toBoolean(filterable)&&!_native);}if($$self.$$.dirty[0]&/*_filteredOptions, _highlightedIndex*/24576){// To keep track of active descendant for the accessibility
|
|
228
|
+
$$invalidate(24,_activeDescendantId=_filteredOptions[_highlightedIndex]?_filteredOptions[_highlightedIndex].value:undefined);}if($$self.$$.dirty[0]&/*value*/8){{_values=parseValues(value);// updating _inputEl.value is done within seperate function
|
|
230
229
|
// to prevent unwanted reactive updates.
|
|
231
|
-
setDisplayedValue();}}};return [name,arialabel,arialabelledby,value,leadingicon,maxheight,placeholder,
|
|
230
|
+
setDisplayedValue();}}};return [name,arialabel,arialabelledby,value,leadingicon,maxheight,placeholder,disabled,relative,mt,mr,mb,ml,_highlightedIndex,_filteredOptions,_native,_options,_isMenuVisible,_width,_rootEl,_menuEl,_selectEl,_inputEl,_filterable,_activeDescendantId,_disabled,_error,showMenu,hideMenu,onSelect,onInputKeyUp,onInputKeyDown,onClearIconKeyDown,onClearIconClick,onNativeSelect,onChevronClick,filterable,width,error,multiselect,native,select_binding,input_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;width:var(--width, 100%)}.dropdown-input-group{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;background-color:var(--goa-color-greyscale-white);cursor:pointer;width:var(--width, 100%)}.dropdown-input-group:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.dropdown-input-group:focus,.dropdown-input-group:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}@media screen and (max-width: 623px){@media not (max-color:2147477350){.dropdown-input-group{width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.dropdown-input-group{width:var(--width)}}}.dropdown-input-group.error,.dropdown-input-group.error:hover{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.dropdown-input-group.error:focus-within,.dropdown-input-group.error:focus{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.dropdown-icon--arrow,.dropdown-icon--clear{margin-right:var(--goa-space-s)}.dropdown-icon--clear:focus:not(.disabled),.dropdown-icon--clear:active:not(.disabled){color:var(--goa-color-interactive-focus);outline:none}.dropdown-input--leading-icon{margin-left:0.75rem}.dropdown-input--leading-icon+input{padding-left:0.5rem}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs);padding-left: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,input:focus,input:hover,input:active{outline:none;border:none}input[aria-disabled="true"]{color:var(--goa-color-text-secondary)}.dropdown-input-group--disabled,.dropdown-input-group--disabled:hover,.dropdown-input-group--disabled:active,.dropdown-input-group--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}ul[role="listbox"]{border-radius:var(--goa-border-radius-m)}.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:hover,.dropdown-item--highlighted{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item[aria-selected="true"]{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item[aria-selected="true"]:hover,.dropdown-item[aria-selected="true"].dropdown-item--highlighted{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);-webkit-appearance:none;-moz-appearance:none;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$G,create_fragment$J,safe_not_equal,{name:0,arialabel:1,arialabelledby:2,value:3,filterable:36,leadingicon:4,maxheight:5,placeholder:6,width:37,disabled:7,error:38,multiselect:39,native:40,relative:8,mt:9,mr:10,mb:11,ml:12},null,[-1,-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","arialabelledby","value","filterable","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 arialabelledby(){return this.$$.ctx[2];}set arialabelledby(arialabelledby){this.$$set({arialabelledby});flush();}get value(){return this.$$.ctx[3];}set value(value){this.$$set({value});flush();}get filterable(){return this.$$.ctx[36];}set filterable(filterable){this.$$set({filterable});flush();}get leadingicon(){return this.$$.ctx[4];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get maxheight(){return this.$$.ctx[5];}set maxheight(maxheight){this.$$set({maxheight});flush();}get placeholder(){return this.$$.ctx[6];}set placeholder(placeholder){this.$$set({placeholder});flush();}get width(){return this.$$.ctx[37];}set width(width){this.$$set({width});flush();}get disabled(){return this.$$.ctx[7];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[38];}set error(error){this.$$set({error});flush();}get multiselect(){return this.$$.ctx[39];}set multiselect(multiselect){this.$$set({multiselect});flush();}get native(){return this.$$.ctx[40];}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);/* src/components/dropdown/DropdownItem.svelte generated by Svelte v3.59.2 */function create_fragment$I(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}function instance$F($$self,$$props,$$invalidate){let{filter=""}=$$props;let{label=""}=$$props;let{value=""}=$$props;$$self.$$set=$$props=>{if('filter'in $$props)$$invalidate(0,filter=$$props.filter);if('label'in $$props)$$invalidate(1,label=$$props.label);if('value'in $$props)$$invalidate(2,value=$$props.value);};return [filter,label,value];}class DropdownItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$I,safe_not_equal,{filter:0,label:1,value:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["filter","label","value"];}get filter(){return this.$$.ctx[0];}set filter(filter){this.$$set({filter});flush();}get label(){return this.$$.ctx[1];}set label(label){this.$$set({label});flush();}get value(){return this.$$.ctx[2];}set value(value){this.$$set({value});flush();}}customElements.define("goa-dropdown-item",DropdownItem);/* src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.59.2 */function create_fragment$H(ctx){let div;return {c(){div=element("div");div.innerHTML=`<span data-tab-boundry="start" tabindex="0"></span>
|
|
232
231
|
<slot></slot>
|
|
233
232
|
|
|
234
233
|
<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){var _a;const element=node;const isTabbable=element.tabIndex>0||element.tabIndex===0&&element.getAttribute('tabIndex')!==null;if(isTabbable)return node;if(element["disabled"])return null;if(element.tabIndex<0||((_a=element.getAttribute)===null||_a===void 0?void 0:_a.call(element,"tabindex"))==="-1")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$E($$self,$$props,$$invalidate){let rootEl;let boundryStartEl;let boundryEndEl;let isShiftPressed;// Hooks
|
|
@@ -252,7 +251,7 @@ function create_each_block$6(ctx){let li;let a;let t_value=/*child*/ctx[5].inner
|
|
|
252
251
|
$$invalidate(3,children=rootEl.querySelector("slot").assignedElements());const isValid=children.map(child=>child.hasAttribute("href")).reduce((sum,valid)=>{return sum&&valid;},true);if(!isValid){$$invalidate(3,children=[]);console.warn("GoAFooterNavSection children must be anchor elements.");return;}injectCss(rootEl,":host",{"flex-grow":maxcolumncount});});function section_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(2,rootEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('maxcolumncount'in $$props)$$invalidate(1,maxcolumncount=$$props.maxcolumncount);};return [heading,maxcolumncount,rootEl,children,section_binding];}class FooterNavSection extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{flex:auto}.title{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-4);padding-bottom:var(--goa-space-l)}.hidden{display:none}.links{display:block;list-style-type:none;padding-left:0}@media screen and (max-width: 623px){@media not (max-color:2147477350){.links{list-style-type:none;padding-left:0;flex-direction:column}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.links{list-style-type:none;padding-left:0;flex-direction:column}}}@media screen and (min-width: 624px) and (max-width: 1023px){.links{display:var(--narrow-display-type);-moz-column-count:var(--narrow-column-count);column-count:var(--narrow-column-count)}}@media screen and (min-width: 1024px){.links{display:var(--wide-display-type);-moz-column-count:var(--wide-column-count);column-count:var(--wide-column-count)}}li{padding:0.75rem 0}a{color:var(--goa-color-text-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$B,create_fragment$E,safe_not_equal,{heading:0,maxcolumncount:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","maxcolumncount"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get maxcolumncount(){return this.$$.ctx[1];}set maxcolumncount(maxcolumncount){this.$$set({maxcolumncount});flush();}}customElements.define("goa-app-footer-nav-section",FooterNavSection);/* src/components/form-item/FormItem.svelte generated by Svelte v3.59.2 */function create_if_block_2$a(ctx){let div;let t0;let t1;let show_if=/*requirement*/ctx[9]&&/*REQUIREMENT_TYPES*/ctx[11].includes(/*requirement*/ctx[9]);let div_class_value;let if_block=show_if&&create_if_block_3$a(ctx);return {c(){div=element("div");t0=text(/*label*/ctx[5]);t1=space();if(if_block)if_block.c();attr(div,"class",div_class_value=`label ${/*labelsize*/ctx[6]}`);attr(div,"id",/*id*/ctx[10]);},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,t1);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(dirty&/*label*/32)set_data(t0,/*label*/ctx[5]);if(dirty&/*requirement*/512)show_if=/*requirement*/ctx[9]&&/*REQUIREMENT_TYPES*/ctx[11].includes(/*requirement*/ctx[9]);if(show_if){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_3$a(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*labelsize*/64&&div_class_value!==(div_class_value=`label ${/*labelsize*/ctx[6]}`)){attr(div,"class",div_class_value);}if(dirty&/*id*/1024){attr(div,"id",/*id*/ctx[10]);}},d(detaching){if(detaching)detach(div);if(if_block)if_block.d();}};}// (36:6) {#if requirement && REQUIREMENT_TYPES.includes(requirement)}
|
|
253
252
|
function create_if_block_3$a(ctx){let em;let t0;let t1;let t2;return {c(){em=element("em");t0=text("(");t1=text(/*requirement*/ctx[9]);t2=text(")");},m(target,anchor){insert(target,em,anchor);append(em,t0);append(em,t1);append(em,t2);},p(ctx,dirty){if(dirty&/*requirement*/512)set_data(t1,/*requirement*/ctx[9]);},d(detaching){if(detaching)detach(em);}};}// (44:2) {#if error}
|
|
254
253
|
function create_if_block_1$c(ctx){let div;let goa_icon;let t0;let t1;return {c(){div=element("div");goa_icon=element("goa-icon");t0=space();t1=text(/*error*/ctx[8]);set_custom_element_data(goa_icon,"type","warning");set_custom_element_data(goa_icon,"size","small");set_custom_element_data(goa_icon,"theme","filled");set_custom_element_data(goa_icon,"mt","2xs");attr(div,"class","error-msg");},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);append(div,t0);append(div,t1);},p(ctx,dirty){if(dirty&/*error*/256)set_data(t1,/*error*/ctx[8]);},d(detaching){if(detaching)detach(div);}};}// (50:2) {#if helptext}
|
|
255
|
-
function create_if_block$m(ctx){let div;let t;return {c(){div=element("div");t=text(/*helptext*/ctx[7]);attr(div,"class","help-msg");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*helptext*/128)set_data(t,/*helptext*/ctx[7]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$D(ctx){let div1;let t0;let div0;let t1;let t2;let div1_style_value;let if_block0=/*label*/ctx[5]&&create_if_block_2$a(ctx);let if_block1=/*error*/ctx[8]&&create_if_block_1$c(ctx);let if_block2=/*helptext*/ctx[7]&&create_if_block$m(ctx);return {c(){div1=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");div0.innerHTML=`<slot></slot>`;t1=space();if(if_block1)if_block1.c();t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","form-item-input");attr(div1,"data-testid",/*testid*/ctx[0]);attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,div1,anchor);if(if_block0)if_block0.m(div1,null);append(div1,t0);append(div1,div0);append(div1,t1);if(if_block1)if_block1.m(div1,null);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*label*/ctx[5]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_2$a(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*error*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$c(ctx);if_block1.c();if_block1.m(div1,t2);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*helptext*/ctx[7]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$m(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*testid*/1){attr(div1,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function instance$A($$self,$$props,$$invalidate){const[REQUIREMENT_TYPES,validateRequirementType]=typeValidator("Requirement type",["optional","required"],false);let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{label=""}=$$props;let{labelsize="regular"}=$$props;let{helptext=""}=$$props;let{error=""}=$$props;let{requirement=""}=$$props;let{id=""}=$$props;onMount(()=>{validateRequirementType(requirement);});$$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);if('label'in $$props)$$invalidate(5,label=$$props.label);if('labelsize'in $$props)$$invalidate(6,labelsize=$$props.labelsize);if('helptext'in $$props)$$invalidate(7,helptext=$$props.helptext);if('error'in $$props)$$invalidate(8,error=$$props.error);if('requirement'in $$props)$$invalidate(9,requirement=$$props.requirement);if('id'in $$props)$$invalidate(10,id=$$props.id);};return [testid,mt,mr,mb,ml,label,labelsize,helptext,error,requirement,id,REQUIREMENT_TYPES];}class FormItem extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}*{box-sizing:border-box}.label{display:block;font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding-bottom:0.5rem}.label.large{font:var(--goa-typography-heading-l)}.label em{color:var(--goa-color-greyscale-700);font-weight:var(--goa-font-weight-regular);font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--goa-font-size-2);color:var(--goa-color-text-default)
|
|
254
|
+
function create_if_block$m(ctx){let div;let t;return {c(){div=element("div");t=text(/*helptext*/ctx[7]);attr(div,"class","help-msg");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*helptext*/128)set_data(t,/*helptext*/ctx[7]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$D(ctx){let div1;let t0;let div0;let t1;let t2;let div1_style_value;let if_block0=/*label*/ctx[5]&&create_if_block_2$a(ctx);let if_block1=/*error*/ctx[8]&&create_if_block_1$c(ctx);let if_block2=/*helptext*/ctx[7]&&create_if_block$m(ctx);return {c(){div1=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");div0.innerHTML=`<slot></slot>`;t1=space();if(if_block1)if_block1.c();t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","form-item-input");attr(div1,"data-testid",/*testid*/ctx[0]);attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,div1,anchor);if(if_block0)if_block0.m(div1,null);append(div1,t0);append(div1,div0);append(div1,t1);if(if_block1)if_block1.m(div1,null);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*label*/ctx[5]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_2$a(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*error*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$c(ctx);if_block1.c();if_block1.m(div1,t2);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*helptext*/ctx[7]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$m(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*testid*/1){attr(div1,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function instance$A($$self,$$props,$$invalidate){const[REQUIREMENT_TYPES,validateRequirementType]=typeValidator("Requirement type",["optional","required"],false);let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{label=""}=$$props;let{labelsize="regular"}=$$props;let{helptext=""}=$$props;let{error=""}=$$props;let{requirement=""}=$$props;let{id=""}=$$props;onMount(()=>{validateRequirementType(requirement);});$$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);if('label'in $$props)$$invalidate(5,label=$$props.label);if('labelsize'in $$props)$$invalidate(6,labelsize=$$props.labelsize);if('helptext'in $$props)$$invalidate(7,helptext=$$props.helptext);if('error'in $$props)$$invalidate(8,error=$$props.error);if('requirement'in $$props)$$invalidate(9,requirement=$$props.requirement);if('id'in $$props)$$invalidate(10,id=$$props.id);};return [testid,mt,mr,mb,ml,label,labelsize,helptext,error,requirement,id,REQUIREMENT_TYPES];}class FormItem extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}*{box-sizing:border-box}.label{display:block;font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding-bottom:0.5rem}.label.large{font:var(--goa-typography-heading-l)}.label em{color:var(--goa-color-greyscale-700);font-weight:var(--goa-font-weight-regular);font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--goa-font-size-2);color:var(--goa-color-text-default)}.error-msg{display:inline-flex;align-items:flex-start;gap:0.25rem;font-size:var(--goa-font-size-2);color:var(--goa-color-interactive-error);margin-bottom:0.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$A,create_fragment$D,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4,label:5,labelsize:6,helptext:7,error:8,requirement:9,id:10},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","label","labelsize","helptext","error","requirement","id"];}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();}get label(){return this.$$.ctx[5];}set label(label){this.$$set({label});flush();}get labelsize(){return this.$$.ctx[6];}set labelsize(labelsize){this.$$set({labelsize});flush();}get helptext(){return this.$$.ctx[7];}set helptext(helptext){this.$$set({helptext});flush();}get error(){return this.$$.ctx[8];}set error(error){this.$$set({error});flush();}get requirement(){return this.$$.ctx[9];}set requirement(requirement){this.$$set({requirement});flush();}get id(){return this.$$.ctx[10];}set id(id){this.$$set({id});flush();}}customElements.define("goa-form-item",FormItem);/* src/components/grid/Grid.svelte generated by Svelte v3.59.2 */function create_fragment$C(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","goa-grid");attr(div,"style",div_style_value=`
|
|
256
255
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
257
256
|
--min-child-width: ${/*minchildwidth*/ctx[1]||0};
|
|
258
257
|
gap: var(--goa-space-${/*gap*/ctx[0]})
|
|
@@ -282,27 +281,38 @@ function create_if_block_3$9(ctx){let goa_icon;return {c(){goa_icon=element("goa
|
|
|
282
281
|
function create_if_block_2$9(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","trailing-icon");set_custom_element_data(goa_icon,"data-testid","trailing-icon");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[6]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty[0]&/*trailingicon*/64){set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[6]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (188:4) {#if trailingicon && handlesTrailingIconClick}
|
|
283
282
|
function create_if_block_1$a(ctx){let goa_icon_button;let mounted;let dispose;return {c(){goa_icon_button=element("goa-icon-button");set_custom_element_data(goa_icon_button,"disabled",/*isDisabled*/ctx[28]);set_custom_element_data(goa_icon_button,"variant","nocolor");set_custom_element_data(goa_icon_button,"size","medium");set_custom_element_data(goa_icon_button,"icon",/*trailingicon*/ctx[6]);set_custom_element_data(goa_icon_button,"data-testid","trailing-icon-button");set_custom_element_data(goa_icon_button,"class","trailing-icon-button");},m(target,anchor){insert(target,goa_icon_button,anchor);if(!mounted){dispose=listen(goa_icon_button,"click",doClick);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*isDisabled*/268435456){set_custom_element_data(goa_icon_button,"disabled",/*isDisabled*/ctx[28]);}if(dirty[0]&/*trailingicon*/64){set_custom_element_data(goa_icon_button,"icon",/*trailingicon*/ctx[6]);}},d(detaching){if(detaching)detach(goa_icon_button);mounted=false;dispose();}};}// (201:4) {#if suffix}
|
|
284
283
|
function create_if_block$k(ctx){let span;let t;return {c(){span=element("span");t=text(/*suffix*/ctx[16]);attr(span,"class","suffix");},m(target,anchor){insert(target,span,anchor);append(span,t);},p(ctx,dirty){if(dirty[0]&/*suffix*/65536)set_data(t,/*suffix*/ctx[16]);},d(detaching){if(detaching)detach(span);}};}function create_fragment$y(ctx){let div3;let div2;let t0;let div0;let t1;let t2;let input;let input_class_value;let input_style_value;let input_id_value;let input_aria_label_value;let t3;let t4;let t5;let t6;let div1;let div2_class_value;let div3_style_value;let mounted;let dispose;let if_block0=/*prefix*/ctx[15]&&create_if_block_4$2(ctx);let if_block1=/*leadingicon*/ctx[5]&&create_if_block_3$9(ctx);let if_block2=/*trailingicon*/ctx[6]&&!/*handlesTrailingIconClick*/ctx[30]&&create_if_block_2$9(ctx);let if_block3=/*trailingicon*/ctx[6]&&/*handlesTrailingIconClick*/ctx[30]&&create_if_block_1$a(ctx);let if_block4=/*suffix*/ctx[16]&&create_if_block$k(ctx);return {c(){div3=element("div");div2=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");div0.innerHTML=`<slot name="leadingContent"></slot>`;t1=space();if(if_block1)if_block1.c();t2=space();input=element("input");t3=space();if(if_block2)if_block2.c();t4=space();if(if_block3)if_block3.c();t5=space();if(if_block4)if_block4.c();t6=space();div1=element("div");div1.innerHTML=`<slot name="trailingContent"></slot>`;this.c=noop;attr(div0,"class","leading-content");attr(input,"class",input_class_value="input--"+/*variant*/ctx[7]);attr(input,"style",input_style_value=`--search-icon-offset: ${/*trailingicon*/ctx[6]?"-0.5rem":"0"}`);input.readOnly=/*isReadonly*/ctx[27];input.disabled=/*isDisabled*/ctx[28];attr(input,"data-testid",/*testid*/ctx[8]);attr(input,"autocapitalize",/*autocapitalize*/ctx[3]);attr(input,"name",/*name*/ctx[2]);attr(input,"type",/*type*/ctx[1]);input.value=/*value*/ctx[0];attr(input,"placeholder",/*placeholder*/ctx[4]);attr(input,"min",/*min*/ctx[12]);attr(input,"max",/*max*/ctx[13]);attr(input,"step",/*step*/ctx[14]);attr(input,"maxlength",/*maxlength*/ctx[17]);attr(input,"id",input_id_value=/*id*/ctx[18]||/*name*/ctx[2]);attr(input,"role","textbox");attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[10]||/*name*/ctx[2]);attr(input,"aria-labelledby",/*arialabelledby*/ctx[11]);toggle_class(input,"input-leading-content",/*_leadingContentSlot*/ctx[25]&&!/*isDisabled*/ctx[28]);toggle_class(input,"input-trailing-content",/*_trailingContentSlot*/ctx[26]&&!/*isDisabled*/ctx[28]);attr(div1,"class","trailing-content");attr(div2,"class",div2_class_value="goa-input variant--"+/*variant*/ctx[7]+" type--"+/*type*/ctx[1]);toggle_class(div2,"input--disabled",/*isDisabled*/ctx[28]);toggle_class(div2,"input-leading-content",/*_leadingContentSlot*/ctx[25]);toggle_class(div2,"input-trailing-content",/*_trailingContentSlot*/ctx[26]);toggle_class(div2,"error",/*isError*/ctx[29]);attr(div3,"class","container");attr(div3,"style",div3_style_value=`--width: ${/*width*/ctx[9]};${calculateMargin(/*mt*/ctx[19],/*mr*/ctx[20],/*mb*/ctx[21],/*ml*/ctx[22])}`);},m(target,anchor){insert(target,div3,anchor);append(div3,div2);if(if_block0)if_block0.m(div2,null);append(div2,t0);append(div2,div0);append(div2,t1);if(if_block1)if_block1.m(div2,null);append(div2,t2);append(div2,input);/*input_binding*/ctx[41](input);append(div2,t3);if(if_block2)if_block2.m(div2,null);append(div2,t4);if(if_block3)if_block3.m(div2,null);append(div2,t5);if(if_block4)if_block4.m(div2,null);append(div2,t6);append(div2,div1);/*div3_binding*/ctx[42](div3);if(!mounted){dispose=[listen(input,"keyup",/*onKeyUp*/ctx[31]),listen(input,"change",/*onKeyUp*/ctx[31]),listen(input,"focus",/*onFocus*/ctx[32]),listen(input,"blur",/*onBlur*/ctx[33])];mounted=true;}},p(ctx,dirty){if(/*prefix*/ctx[15]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_4$2(ctx);if_block0.c();if_block0.m(div2,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*leadingicon*/ctx[5]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_3$9(ctx);if_block1.c();if_block1.m(div2,t2);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty[0]&/*variant*/128&&input_class_value!==(input_class_value="input--"+/*variant*/ctx[7])){attr(input,"class",input_class_value);}if(dirty[0]&/*trailingicon*/64&&input_style_value!==(input_style_value=`--search-icon-offset: ${/*trailingicon*/ctx[6]?"-0.5rem":"0"}`)){attr(input,"style",input_style_value);}if(dirty[0]&/*isReadonly*/134217728){input.readOnly=/*isReadonly*/ctx[27];}if(dirty[0]&/*isDisabled*/268435456){input.disabled=/*isDisabled*/ctx[28];}if(dirty[0]&/*testid*/256){attr(input,"data-testid",/*testid*/ctx[8]);}if(dirty[0]&/*autocapitalize*/8){attr(input,"autocapitalize",/*autocapitalize*/ctx[3]);}if(dirty[0]&/*name*/4){attr(input,"name",/*name*/ctx[2]);}if(dirty[0]&/*type*/2){attr(input,"type",/*type*/ctx[1]);}if(dirty[0]&/*value*/1&&input.value!==/*value*/ctx[0]){input.value=/*value*/ctx[0];}if(dirty[0]&/*placeholder*/16){attr(input,"placeholder",/*placeholder*/ctx[4]);}if(dirty[0]&/*min*/4096){attr(input,"min",/*min*/ctx[12]);}if(dirty[0]&/*max*/8192){attr(input,"max",/*max*/ctx[13]);}if(dirty[0]&/*step*/16384){attr(input,"step",/*step*/ctx[14]);}if(dirty[0]&/*maxlength*/131072){attr(input,"maxlength",/*maxlength*/ctx[17]);}if(dirty[0]&/*id, name*/262148&&input_id_value!==(input_id_value=/*id*/ctx[18]||/*name*/ctx[2])){attr(input,"id",input_id_value);}if(dirty[0]&/*arialabel, name*/1028&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[10]||/*name*/ctx[2])){attr(input,"aria-label",input_aria_label_value);}if(dirty[0]&/*arialabelledby*/2048){attr(input,"aria-labelledby",/*arialabelledby*/ctx[11]);}if(dirty[0]&/*variant, _leadingContentSlot, isDisabled*/301990016){toggle_class(input,"input-leading-content",/*_leadingContentSlot*/ctx[25]&&!/*isDisabled*/ctx[28]);}if(dirty[0]&/*variant, _trailingContentSlot, isDisabled*/335544448){toggle_class(input,"input-trailing-content",/*_trailingContentSlot*/ctx[26]&&!/*isDisabled*/ctx[28]);}if(/*trailingicon*/ctx[6]&&!/*handlesTrailingIconClick*/ctx[30]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_2$9(ctx);if_block2.c();if_block2.m(div2,t4);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(/*trailingicon*/ctx[6]&&/*handlesTrailingIconClick*/ctx[30]){if(if_block3){if_block3.p(ctx,dirty);}else {if_block3=create_if_block_1$a(ctx);if_block3.c();if_block3.m(div2,t5);}}else if(if_block3){if_block3.d(1);if_block3=null;}if(/*suffix*/ctx[16]){if(if_block4){if_block4.p(ctx,dirty);}else {if_block4=create_if_block$k(ctx);if_block4.c();if_block4.m(div2,t6);}}else if(if_block4){if_block4.d(1);if_block4=null;}if(dirty[0]&/*variant, type*/130&&div2_class_value!==(div2_class_value="goa-input variant--"+/*variant*/ctx[7]+" type--"+/*type*/ctx[1])){attr(div2,"class",div2_class_value);}if(dirty[0]&/*variant, type, isDisabled*/268435586){toggle_class(div2,"input--disabled",/*isDisabled*/ctx[28]);}if(dirty[0]&/*variant, type, _leadingContentSlot*/33554562){toggle_class(div2,"input-leading-content",/*_leadingContentSlot*/ctx[25]);}if(dirty[0]&/*variant, type, _trailingContentSlot*/67108994){toggle_class(div2,"input-trailing-content",/*_trailingContentSlot*/ctx[26]);}if(dirty[0]&/*variant, type, isError*/536871042){toggle_class(div2,"error",/*isError*/ctx[29]);}if(dirty[0]&/*width, mt, mr, mb, ml*/7864832&&div3_style_value!==(div3_style_value=`--width: ${/*width*/ctx[9]};${calculateMargin(/*mt*/ctx[19],/*mr*/ctx[20],/*mb*/ctx[21],/*ml*/ctx[22])}`)){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[41](null);if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();/*div3_binding*/ctx[42](null);mounted=false;run_all(dispose);}};}function doClick(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:true}));}function instance$v($$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{arialabelledby=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{id=""}=$$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);input.dispatchEvent(new CustomEvent("_keyPress",{composed:true,detail:{name,value:input.value,key:e.key}}));$$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(25,_leadingContentSlot=true);}const trailingContentSlot=_rootEL.querySelector("slot[name=trailingContent]");if(trailingContentSlot&&trailingContentSlot.assignedNodes().length>0){$$invalidate(26,_trailingContentSlot=true);}});function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{inputEl=$$value;$$invalidate(23,inputEl);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEL=$$value;$$invalidate(24,_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(34,disabled=$$props.disabled);if('handletrailingiconclick'in $$props)$$invalidate(35,handletrailingiconclick=$$props.handletrailingiconclick);if('focused'in $$props)$$invalidate(36,focused=$$props.focused);if('readonly'in $$props)$$invalidate(37,readonly=$$props.readonly);if('error'in $$props)$$invalidate(38,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('arialabelledby'in $$props)$$invalidate(11,arialabelledby=$$props.arialabelledby);if('min'in $$props)$$invalidate(12,min=$$props.min);if('max'in $$props)$$invalidate(13,max=$$props.max);if('step'in $$props)$$invalidate(14,step=$$props.step);if('prefix'in $$props)$$invalidate(15,prefix=$$props.prefix);if('suffix'in $$props)$$invalidate(16,suffix=$$props.suffix);if('debounce'in $$props)$$invalidate(39,debounce=$$props.debounce);if('maxlength'in $$props)$$invalidate(17,maxlength=$$props.maxlength);if('id'in $$props)$$invalidate(18,id=$$props.id);if('mt'in $$props)$$invalidate(19,mt=$$props.mt);if('mr'in $$props)$$invalidate(20,mr=$$props.mr);if('mb'in $$props)$$invalidate(21,mb=$$props.mb);if('ml'in $$props)$$invalidate(22,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[1]&/*handletrailingiconclick*/16){$$invalidate(30,handlesTrailingIconClick=toBoolean(handletrailingiconclick));}if($$self.$$.dirty[1]&/*focused*/32){$$invalidate(40,isFocused=toBoolean(focused));}if($$self.$$.dirty[1]&/*readonly*/64){$$invalidate(27,isReadonly=toBoolean(readonly));}if($$self.$$.dirty[1]&/*error*/128){$$invalidate(29,isError=toBoolean(error));}if($$self.$$.dirty[1]&/*disabled*/8){$$invalidate(28,isDisabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*inputEl*/8388608|$$self.$$.dirty[1]&/*isFocused*/512){if(isFocused&&inputEl){setTimeout(()=>inputEl.focus(),1);}}if($$self.$$.dirty[0]&/*inputEl, type*/8388610){if(inputEl&&type==="search"){inputEl.addEventListener("search",e=>{onKeyUp(e);});}}};return [value,type,name,autocapitalize,placeholder,leadingicon,trailingicon,variant,testid,width,arialabel,arialabelledby,min,max,step,prefix,suffix,maxlength,id,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 screen and (max-width: 623px){@media not (max-color:2147477350){.container{width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.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(.leading-content):not(.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(.leading-content):not(.trailing-content),.goa-input:focus:not(.leading-content):not(.trailing-content),.goa-input:focus-within:not(.leading-content):not(.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}.leading-icon{margin-left:0.75rem}.trailing-icon{margin-right:var(--goa-space-s)}.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}.leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.input--disabled,.input--disabled:hover,.input--disabled:active,.input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.input--disabled input,.input--disabled input:hover,.input--disabled input:active,.input--disabled input:focus{color:var(--goa-color-text-secondary)}.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)}.input--disabled .prefix,.input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.input--disabled .suffix,.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(.leading-content):not(.trailing-content),.error:hover:not(.leading-content):not(.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(.leading-content):not(.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>')
|
|
285
|
-
center center no-repeat}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$v,create_fragment$y,safe_not_equal,{type:1,name:2,value:0,autocapitalize:3,placeholder:4,leadingicon:5,trailingicon:6,variant:7,disabled:34,handletrailingiconclick:35,focused:36,readonly:37,error:38,testid:8,width:9,arialabel:10,arialabelledby:11,min:12,max:13,step:14,prefix:15,suffix:16,debounce:39,maxlength:17,id:18,mt:19,mr:20,mb:21,ml:22},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","arialabelledby","min","max","step","prefix","suffix","debounce","maxlength","id","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[34];}set disabled(disabled){this.$$set({disabled});flush();}get handletrailingiconclick(){return this.$$.ctx[35];}set handletrailingiconclick(handletrailingiconclick){this.$$set({handletrailingiconclick});flush();}get focused(){return this.$$.ctx[36];}set focused(focused){this.$$set({focused});flush();}get readonly(){return this.$$.ctx[37];}set readonly(readonly){this.$$set({readonly});flush();}get error(){return this.$$.ctx[38];}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 arialabelledby(){return this.$$.ctx[11];}set arialabelledby(arialabelledby){this.$$set({arialabelledby});flush();}get min(){return this.$$.ctx[12];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[13];}set max(max){this.$$set({max});flush();}get step(){return this.$$.ctx[14];}set step(step){this.$$set({step});flush();}get prefix(){return this.$$.ctx[15];}set prefix(prefix){this.$$set({prefix});flush();}get suffix(){return this.$$.ctx[16];}set suffix(suffix){this.$$set({suffix});flush();}get debounce(){return this.$$.ctx[39];}set debounce(debounce){this.$$set({debounce});flush();}get maxlength(){return this.$$.ctx[17];}set maxlength(maxlength){this.$$set({maxlength});flush();}get id(){return this.$$.ctx[18];}set id(id){this.$$set({id});flush();}get mt(){return this.$$.ctx[19];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[20];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[21];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[22];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-input",Input);/* src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.59.2 */function create_if_block_3$8(ctx){let div;let t0;let a;let t1;let a_target_value;return {c(){div=element("div");t0=text("An official site of the ");a=element("a");t1=text("Alberta Government");attr(a,"href","https://www.alberta.ca/index.aspx");attr(a,"target",a_target_value=`_${/*headerurltarget*/ctx[4]}`);attr(div,"data-testid","type");attr(div,"class","site-text");},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,a);append(a,t1);},p(ctx,dirty){if(dirty&/*headerurltarget*/16&&a_target_value!==(a_target_value=`_${/*headerurltarget*/ctx[4]}`)){attr(a,"target",a_target_value);}},d(detaching){if(detaching)detach(div);}};}// (37:4) {#if ["alpha", "beta"].includes(type)}
|
|
284
|
+
center center no-repeat}::-ms-reveal{display:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$v,create_fragment$y,safe_not_equal,{type:1,name:2,value:0,autocapitalize:3,placeholder:4,leadingicon:5,trailingicon:6,variant:7,disabled:34,handletrailingiconclick:35,focused:36,readonly:37,error:38,testid:8,width:9,arialabel:10,arialabelledby:11,min:12,max:13,step:14,prefix:15,suffix:16,debounce:39,maxlength:17,id:18,mt:19,mr:20,mb:21,ml:22},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","arialabelledby","min","max","step","prefix","suffix","debounce","maxlength","id","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[34];}set disabled(disabled){this.$$set({disabled});flush();}get handletrailingiconclick(){return this.$$.ctx[35];}set handletrailingiconclick(handletrailingiconclick){this.$$set({handletrailingiconclick});flush();}get focused(){return this.$$.ctx[36];}set focused(focused){this.$$set({focused});flush();}get readonly(){return this.$$.ctx[37];}set readonly(readonly){this.$$set({readonly});flush();}get error(){return this.$$.ctx[38];}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 arialabelledby(){return this.$$.ctx[11];}set arialabelledby(arialabelledby){this.$$set({arialabelledby});flush();}get min(){return this.$$.ctx[12];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[13];}set max(max){this.$$set({max});flush();}get step(){return this.$$.ctx[14];}set step(step){this.$$set({step});flush();}get prefix(){return this.$$.ctx[15];}set prefix(prefix){this.$$set({prefix});flush();}get suffix(){return this.$$.ctx[16];}set suffix(suffix){this.$$set({suffix});flush();}get debounce(){return this.$$.ctx[39];}set debounce(debounce){this.$$set({debounce});flush();}get maxlength(){return this.$$.ctx[17];}set maxlength(maxlength){this.$$set({maxlength});flush();}get id(){return this.$$.ctx[18];}set id(id){this.$$set({id});flush();}get mt(){return this.$$.ctx[19];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[20];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[21];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[22];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-input",Input);/* src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.59.2 */function create_if_block_3$8(ctx){let div;let t0;let a;let t1;let a_target_value;return {c(){div=element("div");t0=text("An official site of the ");a=element("a");t1=text("Alberta Government");attr(a,"href","https://www.alberta.ca/index.aspx");attr(a,"target",a_target_value=`_${/*headerurltarget*/ctx[4]}`);attr(div,"data-testid","type");attr(div,"class","site-text");},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,a);append(a,t1);},p(ctx,dirty){if(dirty&/*headerurltarget*/16&&a_target_value!==(a_target_value=`_${/*headerurltarget*/ctx[4]}`)){attr(a,"target",a_target_value);}},d(detaching){if(detaching)detach(div);}};}// (37:4) {#if ["alpha", "beta"].includes(type)}
|
|
286
285
|
function create_if_block_1$9(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 t3;let a_target_value;let t4;let if_block=/*feedbackurl*/ctx[2]&&create_if_block_2$8(ctx);return {c(){div0=element("div");t0=text(t0_value);t1=space();div1=element("div");t2=text("This is a new ");a=element("a");t3=text("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(a,"target",a_target_value=`_${/*headerurltarget*/ctx[4]}`);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(a,t3);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(dirty&/*headerurltarget*/16&&a_target_value!==(a_target_value=`_${/*headerurltarget*/ctx[4]}`)){attr(a,"target",a_target_value);}if(/*feedbackurl*/ctx[2]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$8(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();}};}// (46:8) {#if feedbackurl}
|
|
287
286
|
function create_if_block_2$8(ctx){let span;let t0;let a;let t1;let a_target_value;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(a,"target",a_target_value=`_${/*feedbackurltarget*/ctx[5]}`);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]);}if(dirty&/*feedbackurltarget*/32&&a_target_value!==(a_target_value=`_${/*feedbackurltarget*/ctx[5]}`)){attr(a,"target",a_target_value);}},d(detaching){if(detaching)detach(span);}};}// (52:4) {#if version}
|
|
288
287
|
function create_if_block$j(ctx){let div;let t;return {c(){div=element("div");t=text(/*version*/ctx[1]);attr(div,"data-testid","version");attr(div,"class","version");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*version*/2)set_data(t,/*version*/ctx[1]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$x(ctx){let header;let div1;let t0;let show_if=["alpha","beta"].includes(/*type*/ctx[0]);let t1;let div0;let t2;let header_style_value;let if_block0=/*type*/ctx[0]==="live"&&create_if_block_3$8(ctx);let if_block1=show_if&&create_if_block_1$9(ctx);let if_block2=/*version*/ctx[1]&&create_if_block$j(ctx);return {c(){header=element("header");div1=element("div");if(if_block0)if_block0.c();t0=space();if(if_block1)if_block1.c();t1=space();div0=element("div");t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","spacer");attr(div1,"class","content-container");attr(header,"class","goa-official-site-header");attr(header,"style",header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`);},m(target,anchor){insert(target,header,anchor);append(header,div1);if(if_block0)if_block0.m(div1,null);append(div1,t0);if(if_block1)if_block1.m(div1,null);append(div1,t1);append(div1,div0);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*type*/ctx[0]==="live"){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3$8(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*type*/1)show_if=["alpha","beta"].includes(/*type*/ctx[0]);if(show_if){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$9(ctx);if_block1.c();if_block1.m(div1,t1);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*version*/ctx[1]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$j(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*maxcontentwidth*/8&&header_style_value!==(header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`)){attr(header,"style",header_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(header);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function capitalize(val){if(!val||val&&val.length===0)return "";return val[0].toUpperCase()+val.slice(1);}function instance$u($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Microsite header type",["live","alpha","beta"],true);let{type}=$$props;let{version=""}=$$props;let{feedbackurl=""}=$$props;let{maxcontentwidth="100%"}=$$props;let{headerurltarget="blank"}=$$props;let{feedbackurltarget="blank"}=$$props;// Validator
|
|
289
288
|
const[UrlTarget,validateUrlTargetType]=typeValidator("URL target values",["self","blank"]);onMount(()=>{setTimeout(()=>validateType(type),1);validateUrlTargetType(headerurltarget);validateUrlTargetType(feedbackurltarget);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('version'in $$props)$$invalidate(1,version=$$props.version);if('feedbackurl'in $$props)$$invalidate(2,feedbackurl=$$props.feedbackurl);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);if('headerurltarget'in $$props)$$invalidate(4,headerurltarget=$$props.headerurltarget);if('feedbackurltarget'in $$props)$$invalidate(5,feedbackurltarget=$$props.feedbackurltarget);};return [type,version,feedbackurl,maxcontentwidth,headerurltarget,feedbackurltarget];}class MicrositeHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}a[target="_blank"]::after{content:"";width:var(--goa-icon-size-s);height:var(--goa-icon-size-s);background-color:var(--goa-color-interactive-default);display:inline-block;margin-left:var(--goa-space-2xs);vertical-align:sub;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ionicon%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20224v184a40%2040%200%200%201-40%2040H104a40%2040%200%200%201-40-40V168a40%2040%200%200%201%2040-40h167.48M336%2064h112v112M224%20288%20440%2072%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%2F%3E%3C%2Fsvg%3E")
|
|
290
289
|
center bottom no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ionicon%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20224v184a40%2040%200%200%201-40%2040H104a40%2040%200%200%201-40-40V168a40%2040%200%200%201%2040-40h167.48M336%2064h112v112M224%20288%20440%2072%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%2F%3E%3C%2Fsvg%3E")
|
|
291
|
-
center bottom no-repeat}a[target="_blank"]:hover:after{background-color:var(--goa-color-interactive-hover)}.goa-official-site-header{font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);padding:0.5rem 1rem}.content-container{display:flex;align-items:start;justify-content:space-between;max-width:min(var(--max-content-width), 100%);margin:0 auto}@media screen and (max-width: 623px){@media not (max-color:2147477350){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}}@media screen and (min-width: 1024px){.goa-official-site-header{padding:0.25rem 4.5rem}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$u,create_fragment$x,safe_not_equal,{type:0,version:1,feedbackurl:2,maxcontentwidth:3,headerurltarget:4,feedbackurltarget:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","version","feedbackurl","maxcontentwidth","headerurltarget","feedbackurltarget"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get version(){return this.$$.ctx[1];}set version(version){this.$$set({version});flush();}get feedbackurl(){return this.$$.ctx[2];}set feedbackurl(feedbackurl){this.$$set({feedbackurl});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get headerurltarget(){return this.$$.ctx[4];}set headerurltarget(headerurltarget){this.$$set({headerurltarget});flush();}get feedbackurltarget(){return this.$$.ctx[5];}set feedbackurltarget(feedbackurltarget){this.$$set({feedbackurltarget});flush();}}customElements.define("goa-microsite-header",MicrositeHeader);/* src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$i(ctx){let goa_focus_trap;let div6;let div0;let t0;let div5;let t1;let div4;let header;let div1;let t2;let t3;let div2;let goa_scrollable;let t4;let div3;let div5_intro;let div5_outro;let div6_style_value;let noscroll_action;let div6_intro;let div6_outro;let current;let mounted;let dispose;let if_block0=/*calloutvariant*/ctx[3]!==null&&create_if_block_3$7(ctx);function select_block_type(ctx,dirty){if(/*heading*/ctx[1])return create_if_block_2$7;return create_else_block$8;}let current_block_type=select_block_type(ctx);let if_block1=current_block_type(ctx);let if_block2=/*_isClosable*/ctx[
|
|
292
|
-
function create_if_block_3$7(ctx){let div;let goa_icon;let goa_icon_inverted_value;let div_class_value;return {c(){div=element("div");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[
|
|
293
|
-
function create_else_block$8(ctx){let slot;return {c(){slot=element("slot");attr(slot,"name","heading");},m(target,anchor){insert(target,slot,anchor);},p:noop,d(detaching){if(detaching)detach(slot);}};}// (
|
|
294
|
-
function create_if_block_2$7(ctx){let t;return {c(){t=text(/*heading*/ctx[1]);},m(target,anchor){insert(target,t,anchor);},p(ctx,dirty){if(dirty&/*heading*/2)set_data(t,/*heading*/ctx[1]);},d(detaching){if(detaching)detach(t);}};}// (
|
|
295
|
-
function create_if_block_1$8(ctx){let div;let goa_icon_button;let mounted;let dispose;return {c(){div=element("div");goa_icon_button=element("goa-icon-button");set_custom_element_data(goa_icon_button,"data-testid","modal-close-button");set_custom_element_data(goa_icon_button,"icon","close");set_custom_element_data(goa_icon_button,"variant","nocolor");attr(div,"class","modal-close");},m(target,anchor){insert(target,div,anchor);append(div,goa_icon_button);if(!mounted){dispose=listen(goa_icon_button,"click",/*close*/ctx[
|
|
296
|
-
|
|
297
|
-
|
|
290
|
+
center bottom no-repeat}a[target="_blank"]:hover:after{background-color:var(--goa-color-interactive-hover)}.goa-official-site-header{font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);padding:0.5rem 1rem}.content-container{display:flex;align-items:start;justify-content:space-between;max-width:min(var(--max-content-width), 100%);margin:0 auto}@media screen and (max-width: 623px){@media not (max-color:2147477350){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}}@media screen and (min-width: 1024px){.goa-official-site-header{padding:0.25rem 4.5rem}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$u,create_fragment$x,safe_not_equal,{type:0,version:1,feedbackurl:2,maxcontentwidth:3,headerurltarget:4,feedbackurltarget:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","version","feedbackurl","maxcontentwidth","headerurltarget","feedbackurltarget"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get version(){return this.$$.ctx[1];}set version(version){this.$$set({version});flush();}get feedbackurl(){return this.$$.ctx[2];}set feedbackurl(feedbackurl){this.$$set({feedbackurl});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get headerurltarget(){return this.$$.ctx[4];}set headerurltarget(headerurltarget){this.$$set({headerurltarget});flush();}get feedbackurltarget(){return this.$$.ctx[5];}set feedbackurltarget(feedbackurltarget){this.$$set({feedbackurltarget});flush();}}customElements.define("goa-microsite-header",MicrositeHeader);/* src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$i(ctx){let goa_focus_trap;let div6;let div0;let t0;let div5;let t1;let div4;let header;let div1;let t2;let t3;let div2;let goa_scrollable;let t4;let div3;let div5_intro;let div5_outro;let div6_class_value;let div6_style_value;let noscroll_action;let div6_intro;let div6_outro;let current;let mounted;let dispose;let if_block0=/*calloutvariant*/ctx[3]!==null&&create_if_block_3$7(ctx);function select_block_type(ctx,dirty){if(/*heading*/ctx[1])return create_if_block_2$7;return create_else_block$8;}let current_block_type=select_block_type(ctx);let if_block1=current_block_type(ctx);let if_block2=/*_isClosable*/ctx[10]&&create_if_block_1$8(ctx);return {c(){goa_focus_trap=element("goa-focus-trap");div6=element("div");div0=element("div");t0=space();div5=element("div");if(if_block0)if_block0.c();t1=space();div4=element("div");header=element("header");div1=element("div");if_block1.c();t2=space();if(if_block2)if_block2.c();t3=space();div2=element("div");goa_scrollable=element("goa-scrollable");goa_scrollable.innerHTML=`<slot></slot>`;t4=space();div3=element("div");div3.innerHTML=`<slot name="actions"></slot>`;attr(div0,"data-testid","modal-overlay");attr(div0,"class","modal-overlay");attr(div1,"data-testid","modal-title");attr(div1,"class","modal-title");toggle_class(header,"has-content",/*_requiresTopPadding*/ctx[9]);set_custom_element_data(goa_scrollable,"direction","vertical");set_custom_element_data(goa_scrollable,"hpadding","1.9rem");set_custom_element_data(goa_scrollable,"maxheight","70vh");attr(div2,"data-testid","modal-content");attr(div2,"class","modal-content");attr(div3,"class","modal-actions");attr(div3,"data-testid","modal-actions");attr(div4,"class","content");attr(div5,"class","modal-pane");attr(div6,"data-testid","modal");attr(div6,"class",div6_class_value=`modal ${/*_scrollPos*/ctx[8]}`);attr(div6,"style",div6_style_value=`--maxwidth: ${/*maxwidth*/ctx[0]};`);set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[2]);},m(target,anchor){insert(target,goa_focus_trap,anchor);append(goa_focus_trap,div6);append(div6,div0);append(div6,t0);append(div6,div5);if(if_block0)if_block0.m(div5,null);append(div5,t1);append(div5,div4);append(div4,header);append(header,div1);if_block1.m(div1,null);append(header,t2);if(if_block2)if_block2.m(header,null);/*header_binding*/ctx[18](header);append(div4,t3);append(div4,div2);append(div2,goa_scrollable);/*goa_scrollable_binding*/ctx[19](goa_scrollable);append(div4,t4);append(div4,div3);/*div6_binding*/ctx[20](div6);current=true;if(!mounted){dispose=[listen(div0,"click",/*close*/ctx[13]),listen(goa_scrollable,"_scroll",/*handleScroll*/ctx[14]),action_destroyer(noscroll_action=noscroll.call(null,div6,{enable:/*_isOpen*/ctx[7]}))];mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(/*calloutvariant*/ctx[3]!==null){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3$7(ctx);if_block0.c();if_block0.m(div5,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block1){if_block1.p(ctx,dirty);}else {if_block1.d(1);if_block1=current_block_type(ctx);if(if_block1){if_block1.c();if_block1.m(div1,null);}}if(/*_isClosable*/ctx[10]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_1$8(ctx);if_block2.c();if_block2.m(header,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(!current||dirty&/*_requiresTopPadding*/512){toggle_class(header,"has-content",/*_requiresTopPadding*/ctx[9]);}if(!current||dirty&/*_scrollPos*/256&&div6_class_value!==(div6_class_value=`modal ${/*_scrollPos*/ctx[8]}`)){attr(div6,"class",div6_class_value);}if(!current||dirty&/*maxwidth*/1&&div6_style_value!==(div6_style_value=`--maxwidth: ${/*maxwidth*/ctx[0]};`)){attr(div6,"style",div6_style_value);}if(noscroll_action&&is_function(noscroll_action.update)&&dirty&/*_isOpen*/128)noscroll_action.update.call(null,{enable:/*_isOpen*/ctx[7]});if(!current||dirty&/*open*/4){set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[2]);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(div5_outro)div5_outro.end(1);div5_intro=create_in_transition(div5,fly,{duration:/*_transitionTime*/ctx[12],y:200});div5_intro.start();});add_render_callback(()=>{if(!current)return;if(div6_outro)div6_outro.end(1);div6_intro=create_in_transition(div6,fade,{duration:/*_transitionTime*/ctx[12]});div6_intro.start();});current=true;},o(local){if(div5_intro)div5_intro.invalidate();div5_outro=create_out_transition(div5,fly,{delay:/*_transitionTime*/ctx[12],duration:/*_transitionTime*/ctx[12],y:-100});if(div6_intro)div6_intro.invalidate();div6_outro=create_out_transition(div6,fade,{delay:/*_transitionTime*/ctx[12],duration:/*_transitionTime*/ctx[12]});current=false;},d(detaching){if(detaching)detach(goa_focus_trap);if(if_block0)if_block0.d();if_block1.d();if(if_block2)if_block2.d();/*header_binding*/ctx[18](null);/*goa_scrollable_binding*/ctx[19](null);if(detaching&&div5_outro)div5_outro.end();/*div6_binding*/ctx[20](null);if(detaching&&div6_outro)div6_outro.end();mounted=false;run_all(dispose);}};}// (156:8) {#if calloutvariant !== null}
|
|
291
|
+
function create_if_block_3$7(ctx){let div;let goa_icon;let goa_icon_inverted_value;let div_class_value;return {c(){div=element("div");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[11]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true");attr(div,"class",div_class_value="callout-bar "+/*calloutvariant*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);},p(ctx,dirty){if(dirty&/*_iconType*/2048){set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[11]);}if(dirty&/*calloutvariant*/8&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*calloutvariant*/8&&div_class_value!==(div_class_value="callout-bar "+/*calloutvariant*/ctx[3])){attr(div,"class",div_class_value);}},d(detaching){if(detaching)detach(div);}};}// (172:14) {:else}
|
|
292
|
+
function create_else_block$8(ctx){let slot;return {c(){slot=element("slot");attr(slot,"name","heading");},m(target,anchor){insert(target,slot,anchor);},p:noop,d(detaching){if(detaching)detach(slot);}};}// (170:14) {#if heading}
|
|
293
|
+
function create_if_block_2$7(ctx){let t;return {c(){t=text(/*heading*/ctx[1]);},m(target,anchor){insert(target,t,anchor);},p(ctx,dirty){if(dirty&/*heading*/2)set_data(t,/*heading*/ctx[1]);},d(detaching){if(detaching)detach(t);}};}// (176:12) {#if _isClosable}
|
|
294
|
+
function create_if_block_1$8(ctx){let div;let goa_icon_button;let mounted;let dispose;return {c(){div=element("div");goa_icon_button=element("goa-icon-button");set_custom_element_data(goa_icon_button,"data-testid","modal-close-button");set_custom_element_data(goa_icon_button,"icon","close");set_custom_element_data(goa_icon_button,"variant","nocolor");attr(div,"class","modal-close");},m(target,anchor){insert(target,div,anchor);append(div,goa_icon_button);if(!mounted){dispose=listen(goa_icon_button,"click",/*close*/ctx[13]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(div);mounted=false;dispose();}};}function create_fragment$w(ctx){let if_block_anchor;let current;let if_block=/*_isOpen*/ctx[7]&&create_if_block$i(ctx);return {c(){if(if_block)if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if(if_block)if_block.m(target,anchor);insert(target,if_block_anchor,anchor);current=true;},p(ctx,[dirty]){if(/*_isOpen*/ctx[7]){if(if_block){if_block.p(ctx,dirty);if(dirty&/*_isOpen*/128){transition_in(if_block,1);}}else {if_block=create_if_block$i(ctx);if_block.c();transition_in(if_block,1);if_block.m(if_block_anchor.parentNode,if_block_anchor);}}else if(if_block){group_outros();transition_out(if_block,1,1,()=>{if_block=null;});check_outros();}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(if_block)if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}function instance$t($$self,$$props,$$invalidate){let _isClosable;let _transitionTime;let _iconType;let{heading=""}=$$props;let{closable="false"}=$$props;let{open="false"}=$$props;let{transition="none"}=$$props;let{calloutvariant=null}=$$props;let{maxwidth="60ch"}=$$props;let{width=""}=$$props;// *******
|
|
295
|
+
// Private
|
|
296
|
+
// *******
|
|
297
|
+
let _rootEl=null;let _scrollPos="top";let _scrollEl=null;let _headerEl=null;let _isOpen=false;let _requiresTopPadding;// Type verification
|
|
298
|
+
const[CALLOUT_VARIANT,validateCalloutVariant]=typeValidator("Callout variant",["emergency","important","information","success","event"]);const[Transitions,validateTransition]=typeValidator("Modal transition",["fast","slow","none"]);// *****
|
|
299
|
+
// Hooks
|
|
300
|
+
// *****
|
|
301
|
+
onMount(async()=>{await tick();validateCalloutVariant(calloutvariant);validateTransition(transition);// event listenerts
|
|
302
|
+
window.addEventListener('keydown',onInputKeyDown);if(width){$$invalidate(0,maxwidth=width);console.warn("`width` is deprecated. Please use `maxwidth` instead.");}});// *********
|
|
303
|
+
// Functions
|
|
304
|
+
// *********
|
|
305
|
+
function close(e){if(!_isClosable){return;}_rootEl===null||_rootEl===void 0?void 0:_rootEl.dispatchEvent(new CustomEvent("_close",{composed:true}));e.stopPropagation();}const onInputKeyDown=e=>{if(!_isOpen){return;}switch(e.key){case"Escape":close(e);e.preventDefault();break;}};function handleScroll(e){const hasScroll=e.detail.scrollHeight>e.detail.offsetHeight;if(!_isOpen||!hasScroll)return;// top
|
|
306
|
+
if(e.detail.scrollTop==0){$$invalidate(8,_scrollPos="top");return;}// bottom
|
|
307
|
+
if(Math.abs(e.detail.scrollHeight-e.detail.scrollTop-e.detail.offsetHeight)<1){$$invalidate(8,_scrollPos="bottom");return;}$$invalidate(8,_scrollPos="middle");}function getChildren(){const slot=_headerEl.querySelector("slot");if(slot){return [...slot.assignedElements()];}else {return [..._headerEl.children];// unit tests
|
|
308
|
+
}}function header_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_headerEl=$$value;$$invalidate(6,_headerEl);});}function goa_scrollable_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_scrollEl=$$value;$$invalidate(5,_scrollEl);});}function div6_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(4,_rootEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('closable'in $$props)$$invalidate(15,closable=$$props.closable);if('open'in $$props)$$invalidate(2,open=$$props.open);if('transition'in $$props)$$invalidate(16,transition=$$props.transition);if('calloutvariant'in $$props)$$invalidate(3,calloutvariant=$$props.calloutvariant);if('maxwidth'in $$props)$$invalidate(0,maxwidth=$$props.maxwidth);if('width'in $$props)$$invalidate(17,width=$$props.width);};$$self.$$.update=()=>{if($$self.$$.dirty&/*closable*/32768){// ********
|
|
309
|
+
// Reactive
|
|
310
|
+
// ********
|
|
311
|
+
$$invalidate(10,_isClosable=toBoolean(closable));}if($$self.$$.dirty&/*open*/4){// Moving the reactive var into a timeout prevents accessing null stylesheet
|
|
298
312
|
// reference to allow for creation of the @keyframes for the in:fade and out:fade transitions.
|
|
299
313
|
// DDIDS-1288
|
|
300
|
-
|
|
301
|
-
onMount(async()=>{await tick();validateCalloutVariant(calloutvariant);validateTransition(transition);if(width){$$invalidate(0,maxwidth=width);console.warn("`width` is deprecated. Please use `maxwidth` instead.");}});// Functions
|
|
302
|
-
function close(e){if(!_isClosable){return;}_rootEl===null||_rootEl===void 0?void 0:_rootEl.dispatchEvent(new CustomEvent("_close",{composed:true}));e.stopPropagation();}const onInputKeyDown=e=>{switch(e.key){case"Escape":close(e);e.preventDefault();break;}};function handleScroll(e){const hasScroll=e.detail.scrollHeight>e.detail.offsetHeight;if(_isOpen&&hasScroll){const atTop=e.detail.scrollTop==0;const atBottom=Math.abs(e.detail.scrollHeight-e.detail.scrollTop-e.detail.offsetHeight)<1;_contentEl.classList.remove("scroll-top","scroll-bottom","scroll-middle");if(atTop){_contentEl.classList.add("scroll-top");}else if(atBottom){_contentEl.classList.add("scroll-bottom");}else {_contentEl.classList.add("scroll-middle");}}}function getChildren(){const slot=_headerEl.querySelector("slot");if(slot){return [...slot.assignedElements()];}else {return [..._headerEl.children];// unit tests
|
|
303
|
-
}}function header_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_headerEl=$$value;($$invalidate(6,_headerEl),$$invalidate(7,_isOpen)),$$invalidate(2,open);});}function goa_scrollable_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_scrollEl=$$value;($$invalidate(5,_scrollEl),$$invalidate(7,_isOpen)),$$invalidate(2,open);});}function div2_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_contentEl=$$value;($$invalidate(4,_contentEl),$$invalidate(7,_isOpen)),$$invalidate(2,open);});}function div6_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;($$invalidate(8,_rootEl),$$invalidate(7,_isOpen)),$$invalidate(2,open);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('closable'in $$props)$$invalidate(14,closable=$$props.closable);if('open'in $$props)$$invalidate(2,open=$$props.open);if('transition'in $$props)$$invalidate(15,transition=$$props.transition);if('calloutvariant'in $$props)$$invalidate(3,calloutvariant=$$props.calloutvariant);if('maxwidth'in $$props)$$invalidate(0,maxwidth=$$props.maxwidth);if('width'in $$props)$$invalidate(16,width=$$props.width);};$$self.$$.update=()=>{if($$self.$$.dirty&/*closable*/16384){// Reactive
|
|
304
|
-
$$invalidate(9,_isClosable=toBoolean(closable));}if($$self.$$.dirty&/*open*/4){setTimeout(()=>$$invalidate(7,_isOpen=toBoolean(open)),1);}if($$self.$$.dirty&/*_isOpen*/128){if(!_isOpen){// prevent null issues
|
|
305
|
-
$$invalidate(4,_contentEl=$$invalidate(5,_scrollEl=$$invalidate(8,_rootEl=$$invalidate(6,_headerEl=null))));window.removeEventListener('keydown',onInputKeyDown);}}if($$self.$$.dirty&/*_isOpen, _scrollEl, _contentEl*/176){if(_isOpen&&_scrollEl&&_contentEl){const hasScroll=_scrollEl.scrollHeight>_scrollEl.offsetHeight;if(hasScroll){_contentEl.classList.add("scroll-top");}}}if($$self.$$.dirty&/*_isOpen, _contentEl, _headerEl*/208){if(_isOpen&&_contentEl){window.addEventListener('keydown',onInputKeyDown);const children=getChildren();if(_headerEl.querySelector("div.modal-title").textContent||_headerEl.querySelector("div.modal-close")||children.length){_headerEl.classList.add("has-content");}}}if($$self.$$.dirty&/*transition*/32768){$$invalidate(11,_transitionTime=transition==="none"?0:transition==="slow"?400:200);}if($$self.$$.dirty&/*calloutvariant*/8){$$invalidate(10,_iconType=calloutvariant==="emergency"?"warning":calloutvariant==="important"?"alert-circle":calloutvariant==="information"?"information-circle":calloutvariant==="success"?"checkmark-circle":calloutvariant==="event"?"calendar":"");}};return [maxwidth,heading,open,calloutvariant,_contentEl,_scrollEl,_headerEl,_isOpen,_rootEl,_isClosable,_iconType,_transitionTime,close,handleScroll,closable,transition,width,header_binding,goa_scrollable_binding,div2_binding,div6_binding];}class Modal extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:var(--goa-space-xl)}.content header{display:flex;justify-content:space-between}.content header.has-content{margin-bottom:var(--goa-space-l)}@media screen and (max-width: 623px){.content{margin:var(--goa-space-l)}.content header.has-content{margin-bottom:var(--goa-space-m)}.modal-actions ::slotted(*){padding:var(--goa-space-l) 0 0}}@media screen and (min-width: 1024px){.modal-pane{max-width:var(--maxwidth)}}.modal-pane{background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font:var(--goa-typography-heading-m)}.modal-close{padding-left:var(--goa-space-m);margin-top:var(--goa-space-2xs)}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$t,create_fragment$w,safe_not_equal,{heading:1,closable:14,open:2,transition:15,calloutvariant:3,maxwidth:0,width:16},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","closable","open","transition","calloutvariant","maxwidth","width"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get closable(){return this.$$.ctx[14];}set closable(closable){this.$$set({closable});flush();}get open(){return this.$$.ctx[2];}set open(open){this.$$set({open});flush();}get transition(){return this.$$.ctx[15];}set transition(transition){this.$$set({transition});flush();}get calloutvariant(){return this.$$.ctx[3];}set calloutvariant(calloutvariant){this.$$set({calloutvariant});flush();}get maxwidth(){return this.$$.ctx[0];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[16];}set width(width){this.$$set({width});flush();}}customElements.define("goa-modal",Modal);/* src/components/notification/Notification.svelte generated by Svelte v3.59.2 */function create_if_block$h(ctx){let div4;let div3;let div0;let goa_icon0;let goa_icon0_inverted_value;let t0;let div1;let t1;let div2;let button;let goa_icon1;let goa_icon1_inverted_value;let div4_class_value;let div4_style_value;let div4_transition;let current;let mounted;let dispose;return {c(){div4=element("div");div3=element("div");div0=element("div");goa_icon0=element("goa-icon");t0=space();div1=element("div");div1.innerHTML=`<slot></slot>`;t1=space();div2=element("div");button=element("button");goa_icon1=element("goa-icon");set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(div0,"class","icon");attr(div1,"class","content");set_custom_element_data(goa_icon1,"type","close");set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(button,"class",/*type*/ctx[0]);attr(div2,"class","close");attr(div3,"class","content-container");attr(div3,"role","alert");attr(div3,"aria-live",/*arialive*/ctx[2]);attr(div3,"aria-atomic","true");attr(div4,"class",div4_class_value="notification "+/*type*/ctx[0]);attr(div4,"style",div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`);},m(target,anchor){insert(target,div4,anchor);append(div4,div3);append(div3,div0);append(div0,goa_icon0);append(div3,t0);append(div3,div1);append(div3,t1);append(div3,div2);append(div2,button);append(button,goa_icon1);current=true;if(!mounted){dispose=listen(button,"click",/*close*/ctx[5]);mounted=true;}},p(ctx,dirty){if(!current||dirty&/*iconType*/16){set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);}if(!current||dirty&/*type*/1&&goa_icon0_inverted_value!==(goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value);}if(!current||dirty&/*type*/1&&goa_icon1_inverted_value!==(goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value);}if(!current||dirty&/*type*/1){attr(button,"class",/*type*/ctx[0]);}if(!current||dirty&/*arialive*/4){attr(div3,"aria-live",/*arialive*/ctx[2]);}if(!current||dirty&/*type*/1&&div4_class_value!==(div4_class_value="notification "+/*type*/ctx[0])){attr(div4,"class",div4_class_value);}if(!current||dirty&/*maxcontentwidth*/2&&div4_style_value!==(div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`)){attr(div4,"style",div4_style_value);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},true);div4_transition.run(1);});current=true;},o(local){if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},false);div4_transition.run(0);current=false;},d(detaching){if(detaching)detach(div4);if(detaching&&div4_transition)div4_transition.end();mounted=false;dispose();}};}function create_fragment$v(ctx){let if_block_anchor;let current;let if_block=/*show*/ctx[3]&&create_if_block$h(ctx);return {c(){if(if_block)if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if(if_block)if_block.m(target,anchor);insert(target,if_block_anchor,anchor);current=true;},p(ctx,[dirty]){if(/*show*/ctx[3]){if(if_block){if_block.p(ctx,dirty);if(dirty&/*show*/8){transition_in(if_block,1);}}else {if_block=create_if_block$h(ctx);if_block.c();transition_in(if_block,1);if_block.m(if_block_anchor.parentNode,if_block_anchor);}}else if(if_block){group_outros();transition_out(if_block,1,1,()=>{if_block=null;});check_outros();}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(if_block)if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}function instance$s($$self,$$props,$$invalidate){let iconType;const[Types,validateType]=typeValidator("Notification type",["emergency","important","information","event"],true);const[AriaLiveTypes,validateAriaLiveType]=typeValidator("Aria-Live type",["assertive","off","polite"],true);let{type=""}=$$props;let{maxcontentwidth="100%"}=$$props;let{arialive="polite"}=$$props;let show=true;onMount(()=>{validateAriaLiveType(arialive);setTimeout(()=>validateType(type),1);});function close(e){$$invalidate(3,show=false);e.target.dispatchEvent(new CustomEvent("_dismiss",{composed:true}));e.stopPropagation();}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);if('arialive'in $$props)$$invalidate(2,arialive=$$props.arialive);};$$self.$$.update=()=>{if($$self.$$.dirty&/*type*/1){$$invalidate(4,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="event"?"calendar":"");}};return [type,maxcontentwidth,arialive,show,iconType,close];}class Notification extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:var(--goa-space-l) var(--goa-space-m);display:flex}@media screen and (max-width: 623px){@media not (max-color:2147477350){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}}@media screen and (min-width: 1024px){.notification{padding:var(--goa-space-l) calc(3 * var(--goa-space-l))}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.information,.event{background-color:var(--goa-color-info-default);color:var(--goa-color-text-light)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:var(--goa-space-m);margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}::slotted(a:focus){outline:auto!important;border-radius:var(--goa-border-radius-m)}.notification.important ::slotted(a:focus){outline:unset!important;box-shadow:0 0 0 3px var(--goa-color-greyscale-black);border-radius:var(--goa-border-radius-m)}.close{flex:0 0 auto}.close button{background-color:transparent;border:none;cursor:pointer;padding:var(--goa-space-2xs);margin:0;outline:none;border-radius:var(--goa-border-radius-m);display:inline-flex}.close button.information:hover,.close button.information:focus,.close button.event:hover,.close button.event:focus{background-color:var(--goa-color-info-dark)}.close button.information:focus,.close button.event:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}.close button.important:hover,.close button.important:focus{background-color:var(--goa-color-warning-dark)}.close button.important:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-black)}.close button.emergency:hover,.close button.emergency:focus{background-color:var(--goa-color-emergency-dark)}.close button.emergency:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}`;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:0,maxcontentwidth:1,arialive:2},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","maxcontentwidth","arialive"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get maxcontentwidth(){return this.$$.ctx[1];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get arialive(){return this.$$.ctx[2];}set arialive(arialive){this.$$set({arialive});flush();}}customElements.define("goa-notification",Notification);const dimensionRegex=/^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;function isValidDimension(value){return dimensionRegex.test(value);}/* src/components/page-block/PageBlock.svelte generated by Svelte v3.59.2 */function create_fragment$u(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","page-content");attr(div,"style",div_style_value=`--max-width: ${/*_width*/ctx[0]}`);},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*_width*/1&&div_style_value!==(div_style_value=`--max-width: ${/*_width*/ctx[0]}`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$r($$self,$$props,$$invalidate){const Sizes={"full":"100%"};let{width}=$$props;let{_width}=$$props;function isValidSize(value){if(["full"].includes(width))return true;if(isValidDimension(value))return true;return false;}onMount(()=>{if(!isValidSize(width)){console.error("Invalid PageBlock width");}$$invalidate(0,_width=Sizes[width]||width);});$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(1,width=$$props.width);if('_width'in $$props)$$invalidate(0,_width=$$props._width);};return [_width,width];}class PageBlock extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media screen and (max-width: 623px){@media not (max-color:2147477350){.page-content{padding:0 2rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.page-content{padding:0 2rem}}}@media screen and (min-width: 1024px){.page-content{padding:0 4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$r,create_fragment$u,safe_not_equal,{width:1,_width: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 ["width","_width"];}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get _width(){return this.$$.ctx[0];}set _width(_width){this.$$set({_width});flush();}}customElements.define("goa-page-block",PageBlock);/* src/components/pagination/Pagination.svelte generated by Svelte v3.59.2 */function get_each_context$5(ctx,list,i){const child_ctx=ctx.slice();child_ctx[18]=list[i];child_ctx[20]=i;return child_ctx;}// (78:4) {#if variant === "all"}
|
|
314
|
+
setTimeout(()=>$$invalidate(7,_isOpen=toBoolean(open)),1);}if($$self.$$.dirty&/*_isOpen, _scrollEl*/160){// Show the shadow at the top of the content after scrolling down
|
|
315
|
+
if(_isOpen&&_scrollEl){const hasScroll=_scrollEl.scrollHeight>_scrollEl.offsetHeight;if(hasScroll){$$invalidate(8,_scrollPos="top");}}}if($$self.$$.dirty&/*_isOpen, _rootEl, _headerEl*/208){if(_isOpen&&_rootEl){$$invalidate(9,_requiresTopPadding=!!_headerEl.querySelector("div.modal-title").textContent||!!_headerEl.querySelector("div.modal-close")||getChildren().length>0);}}if($$self.$$.dirty&/*transition*/65536){$$invalidate(12,_transitionTime=transition==="none"?0:transition==="slow"?400:200);}if($$self.$$.dirty&/*calloutvariant*/8){$$invalidate(11,_iconType=calloutvariant==="emergency"?"warning":calloutvariant==="important"?"alert-circle":calloutvariant==="information"?"information-circle":calloutvariant==="success"?"checkmark-circle":calloutvariant==="event"?"calendar":"");}};return [maxwidth,heading,open,calloutvariant,_rootEl,_scrollEl,_headerEl,_isOpen,_scrollPos,_requiresTopPadding,_isClosable,_iconType,_transitionTime,close,handleScroll,closable,transition,width,header_binding,goa_scrollable_binding,div6_binding];}class Modal extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:var(--goa-space-xl)}.content header{display:flex;justify-content:space-between}header.has-content{margin-bottom:var(--goa-space-l)}@media screen and (max-width: 623px){.content{margin:var(--goa-space-l)}header.has-content{margin-bottom:var(--goa-space-m)}.modal-actions ::slotted(*){padding:var(--goa-space-l) 0 0}}@media screen and (min-width: 1024px){.modal-pane{max-width:var(--maxwidth)}}.modal-pane{background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font:var(--goa-typography-heading-m)}.modal-close{padding-left:var(--goa-space-m);margin-top:var(--goa-space-2xs)}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$t,create_fragment$w,safe_not_equal,{heading:1,closable:15,open:2,transition:16,calloutvariant:3,maxwidth:0,width:17},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","closable","open","transition","calloutvariant","maxwidth","width"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get closable(){return this.$$.ctx[15];}set closable(closable){this.$$set({closable});flush();}get open(){return this.$$.ctx[2];}set open(open){this.$$set({open});flush();}get transition(){return this.$$.ctx[16];}set transition(transition){this.$$set({transition});flush();}get calloutvariant(){return this.$$.ctx[3];}set calloutvariant(calloutvariant){this.$$set({calloutvariant});flush();}get maxwidth(){return this.$$.ctx[0];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[17];}set width(width){this.$$set({width});flush();}}customElements.define("goa-modal",Modal);/* src/components/notification/Notification.svelte generated by Svelte v3.59.2 */function create_if_block$h(ctx){let div4;let div3;let div0;let goa_icon0;let goa_icon0_inverted_value;let t0;let div1;let t1;let div2;let button;let goa_icon1;let goa_icon1_inverted_value;let div4_class_value;let div4_style_value;let div4_transition;let current;let mounted;let dispose;return {c(){div4=element("div");div3=element("div");div0=element("div");goa_icon0=element("goa-icon");t0=space();div1=element("div");div1.innerHTML=`<slot></slot>`;t1=space();div2=element("div");button=element("button");goa_icon1=element("goa-icon");set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(div0,"class","icon");attr(div1,"class","content");set_custom_element_data(goa_icon1,"type","close");set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(button,"class",/*type*/ctx[0]);attr(div2,"class","close");attr(div3,"class","content-container");attr(div3,"role","alert");attr(div3,"aria-live",/*arialive*/ctx[2]);attr(div3,"aria-atomic","true");attr(div4,"class",div4_class_value="notification "+/*type*/ctx[0]);attr(div4,"style",div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`);},m(target,anchor){insert(target,div4,anchor);append(div4,div3);append(div3,div0);append(div0,goa_icon0);append(div3,t0);append(div3,div1);append(div3,t1);append(div3,div2);append(div2,button);append(button,goa_icon1);current=true;if(!mounted){dispose=listen(button,"click",/*close*/ctx[5]);mounted=true;}},p(ctx,dirty){if(!current||dirty&/*iconType*/16){set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);}if(!current||dirty&/*type*/1&&goa_icon0_inverted_value!==(goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value);}if(!current||dirty&/*type*/1&&goa_icon1_inverted_value!==(goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value);}if(!current||dirty&/*type*/1){attr(button,"class",/*type*/ctx[0]);}if(!current||dirty&/*arialive*/4){attr(div3,"aria-live",/*arialive*/ctx[2]);}if(!current||dirty&/*type*/1&&div4_class_value!==(div4_class_value="notification "+/*type*/ctx[0])){attr(div4,"class",div4_class_value);}if(!current||dirty&/*maxcontentwidth*/2&&div4_style_value!==(div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`)){attr(div4,"style",div4_style_value);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},true);div4_transition.run(1);});current=true;},o(local){if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},false);div4_transition.run(0);current=false;},d(detaching){if(detaching)detach(div4);if(detaching&&div4_transition)div4_transition.end();mounted=false;dispose();}};}function create_fragment$v(ctx){let if_block_anchor;let current;let if_block=/*show*/ctx[3]&&create_if_block$h(ctx);return {c(){if(if_block)if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if(if_block)if_block.m(target,anchor);insert(target,if_block_anchor,anchor);current=true;},p(ctx,[dirty]){if(/*show*/ctx[3]){if(if_block){if_block.p(ctx,dirty);if(dirty&/*show*/8){transition_in(if_block,1);}}else {if_block=create_if_block$h(ctx);if_block.c();transition_in(if_block,1);if_block.m(if_block_anchor.parentNode,if_block_anchor);}}else if(if_block){group_outros();transition_out(if_block,1,1,()=>{if_block=null;});check_outros();}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(if_block)if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}function instance$s($$self,$$props,$$invalidate){let iconType;const[Types,validateType]=typeValidator("Notification type",["emergency","important","information","event"],true);const[AriaLiveTypes,validateAriaLiveType]=typeValidator("Aria-Live type",["assertive","off","polite"],true);let{type=""}=$$props;let{maxcontentwidth="100%"}=$$props;let{arialive="polite"}=$$props;let show=true;onMount(()=>{validateAriaLiveType(arialive);setTimeout(()=>validateType(type),1);});function close(e){$$invalidate(3,show=false);e.target.dispatchEvent(new CustomEvent("_dismiss",{composed:true}));e.stopPropagation();}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);if('arialive'in $$props)$$invalidate(2,arialive=$$props.arialive);};$$self.$$.update=()=>{if($$self.$$.dirty&/*type*/1){$$invalidate(4,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="event"?"calendar":"");}};return [type,maxcontentwidth,arialive,show,iconType,close];}class Notification extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:var(--goa-space-l) var(--goa-space-m);display:flex}@media screen and (max-width: 623px){@media not (max-color:2147477350){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}}@media screen and (min-width: 1024px){.notification{padding:var(--goa-space-l) calc(3 * var(--goa-space-l))}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.information,.event{background-color:var(--goa-color-info-default);color:var(--goa-color-text-light)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:var(--goa-space-m);margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}::slotted(a:focus){outline:auto!important;border-radius:var(--goa-border-radius-m)}.notification.important ::slotted(a:focus){outline:unset!important;box-shadow:0 0 0 3px var(--goa-color-greyscale-black);border-radius:var(--goa-border-radius-m)}.close{flex:0 0 auto}.close button{background-color:transparent;border:none;cursor:pointer;padding:var(--goa-space-2xs);margin:0;outline:none;border-radius:var(--goa-border-radius-m);display:inline-flex}.close button.information:hover,.close button.information:focus,.close button.event:hover,.close button.event:focus{background-color:var(--goa-color-info-dark)}.close button.information:focus,.close button.event:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}.close button.important:hover,.close button.important:focus{background-color:var(--goa-color-warning-dark)}.close button.important:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-black)}.close button.emergency:hover,.close button.emergency:focus{background-color:var(--goa-color-emergency-dark)}.close button.emergency:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}`;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:0,maxcontentwidth:1,arialive:2},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","maxcontentwidth","arialive"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get maxcontentwidth(){return this.$$.ctx[1];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get arialive(){return this.$$.ctx[2];}set arialive(arialive){this.$$set({arialive});flush();}}customElements.define("goa-notification",Notification);const dimensionRegex=/^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;function isValidDimension(value){return dimensionRegex.test(value);}/* src/components/page-block/PageBlock.svelte generated by Svelte v3.59.2 */function create_fragment$u(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","page-content");attr(div,"style",div_style_value=`--max-width: ${/*_width*/ctx[0]}`);},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*_width*/1&&div_style_value!==(div_style_value=`--max-width: ${/*_width*/ctx[0]}`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$r($$self,$$props,$$invalidate){const Sizes={"full":"100%"};let{width}=$$props;let{_width}=$$props;function isValidSize(value){if(["full"].includes(width))return true;if(isValidDimension(value))return true;return false;}onMount(()=>{if(!isValidSize(width)){console.error("Invalid PageBlock width");}$$invalidate(0,_width=Sizes[width]||width);});$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(1,width=$$props.width);if('_width'in $$props)$$invalidate(0,_width=$$props._width);};return [_width,width];}class PageBlock extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media screen and (max-width: 623px){@media not (max-color:2147477350){.page-content{padding:0 2rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.page-content{padding:0 2rem}}}@media screen and (min-width: 1024px){.page-content{padding:0 4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$r,create_fragment$u,safe_not_equal,{width:1,_width: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 ["width","_width"];}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get _width(){return this.$$.ctx[0];}set _width(_width){this.$$set({_width});flush();}}customElements.define("goa-page-block",PageBlock);/* src/components/pagination/Pagination.svelte generated by Svelte v3.59.2 */function get_each_context$5(ctx,list,i){const child_ctx=ctx.slice();child_ctx[18]=list[i];child_ctx[20]=i;return child_ctx;}// (78:4) {#if variant === "all"}
|
|
306
316
|
function create_if_block$g(ctx){let goa_block;let span0;let t1;let input;let t2;let goa_dropdown;let t3;let span1;let t4;let t5;let each_value={length:/*_pageCount*/ctx[8]};let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$5(get_each_context$5(ctx,each_value,i));}return {c(){goa_block=element("goa-block");span0=element("span");span0.textContent="Page";t1=space();input=element("input");t2=space();goa_dropdown=element("goa-dropdown");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}t3=space();span1=element("span");t4=text("of ");t5=text(/*_pageCount*/ctx[8]);attr(input,"type","hidden");set_custom_element_data(goa_dropdown,"value",/*pagenumber*/ctx[0]);set_custom_element_data(goa_block,"data-testid","page-selector");set_custom_element_data(goa_block,"alignment","center");set_custom_element_data(goa_block,"gap","s");},m(target,anchor){insert(target,goa_block,anchor);append(goa_block,span0);append(goa_block,t1);append(goa_block,input);/*input_binding*/ctx[12](input);append(goa_block,t2);append(goa_block,goa_dropdown);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(goa_dropdown,null);}}/*goa_dropdown_binding*/ctx[13](goa_dropdown);append(goa_block,t3);append(goa_block,span1);append(span1,t4);append(span1,t5);},p(ctx,dirty){if(dirty&/*_pageCount*/256){each_value={length:/*_pageCount*/ctx[8]};let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$5(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$5(child_ctx);each_blocks[i].c();each_blocks[i].m(goa_dropdown,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty&/*pagenumber*/1){set_custom_element_data(goa_dropdown,"value",/*pagenumber*/ctx[0]);}if(dirty&/*_pageCount*/256)set_data(t5,/*_pageCount*/ctx[8]);},d(detaching){if(detaching)detach(goa_block);/*input_binding*/ctx[12](null);destroy_each(each_blocks,detaching);/*goa_dropdown_binding*/ctx[13](null);}};}// (83:10) {#each {length: _pageCount} as _, i}
|
|
307
317
|
function create_each_block$5(ctx){let goa_dropdown_item;return {c(){goa_dropdown_item=element("goa-dropdown-item");set_custom_element_data(goa_dropdown_item,"value",/*i*/ctx[20]+1);set_custom_element_data(goa_dropdown_item,"label",/*i*/ctx[20]+1);},m(target,anchor){insert(target,goa_dropdown_item,anchor);},p:noop,d(detaching){if(detaching)detach(goa_dropdown_item);}};}function create_fragment$t(ctx){let goa_block1;let div;let t0;let goa_block0;let goa_button0;let t1;let goa_button0_disabled_value;let t2;let goa_button1;let t3;let goa_button1_disabled_value;let mounted;let dispose;let if_block=/*variant*/ctx[1]==="all"&&create_if_block$g(ctx);return {c(){goa_block1=element("goa-block");div=element("div");if(if_block)if_block.c();t0=space();goa_block0=element("goa-block");goa_button0=element("goa-button");t1=text("Previous");t2=space();goa_button1=element("goa-button");t3=text("Next");this.c=noop;set_custom_element_data(goa_button0,"type","tertiary");set_custom_element_data(goa_button0,"leadingicon","arrow-back");set_custom_element_data(goa_button0,"disabled",goa_button0_disabled_value=/*pagenumber*/ctx[0]==1?"true":"false");set_custom_element_data(goa_button1,"type","tertiary");set_custom_element_data(goa_button1,"trailingicon","arrow-forward");set_custom_element_data(goa_button1,"disabled",goa_button1_disabled_value=/*pagenumber*/ctx[0]==/*_pageCount*/ctx[8]?"true":"false");set_custom_element_data(goa_block0,"alignment","center");set_custom_element_data(goa_block0,"gap","m");set_custom_element_data(goa_block0,"data-testid","page-links");attr(div,"class","controls");set_custom_element_data(goa_block1,"id","root");set_custom_element_data(goa_block1,"ml",/*ml*/ctx[5]);set_custom_element_data(goa_block1,"mr",/*mr*/ctx[3]);set_custom_element_data(goa_block1,"mb",/*mb*/ctx[4]);set_custom_element_data(goa_block1,"mt",/*mt*/ctx[2]);},m(target,anchor){insert(target,goa_block1,anchor);append(goa_block1,div);if(if_block)if_block.m(div,null);append(div,t0);append(div,goa_block0);append(goa_block0,goa_button0);append(goa_button0,t1);append(goa_block0,t2);append(goa_block0,goa_button1);append(goa_button1,t3);if(!mounted){dispose=[listen(goa_button0,"click",/*click_handler*/ctx[14]),listen(goa_button1,"click",/*click_handler_1*/ctx[15])];mounted=true;}},p(ctx,[dirty]){if(/*variant*/ctx[1]==="all"){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$g(ctx);if_block.c();if_block.m(div,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*pagenumber*/1&&goa_button0_disabled_value!==(goa_button0_disabled_value=/*pagenumber*/ctx[0]==1?"true":"false")){set_custom_element_data(goa_button0,"disabled",goa_button0_disabled_value);}if(dirty&/*pagenumber, _pageCount*/257&&goa_button1_disabled_value!==(goa_button1_disabled_value=/*pagenumber*/ctx[0]==/*_pageCount*/ctx[8]?"true":"false")){set_custom_element_data(goa_button1,"disabled",goa_button1_disabled_value);}if(dirty&/*ml*/32){set_custom_element_data(goa_block1,"ml",/*ml*/ctx[5]);}if(dirty&/*mr*/8){set_custom_element_data(goa_block1,"mr",/*mr*/ctx[3]);}if(dirty&/*mb*/16){set_custom_element_data(goa_block1,"mb",/*mb*/ctx[4]);}if(dirty&/*mt*/4){set_custom_element_data(goa_block1,"mt",/*mt*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(goa_block1);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}function instance$q($$self,$$props,$$invalidate){let _pageCount;const[Variants,validateVariant]=typeValidator("Pagination variant",["all","links-only"]);let{pagenumber}=$$props;let{itemcount}=$$props;let{perpagecount=10}=$$props;let{variant="all"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;// private
|
|
308
318
|
let pageDropdownEl=null;let hiddenEl=null;// needed to allow the inputEl's event to be cancelled
|
|
@@ -319,7 +329,8 @@ $$invalidate(8,_pageCount=Math.ceil(itemcount/perpagecount));}};return [pagenumb
|
|
|
319
329
|
max-width: ${/*maxwidth*/ctx[1]};
|
|
320
330
|
padding: ${/*_padded*/ctx[19]?"var(--goa-space-m)":"0"};
|
|
321
331
|
`)){attr(section,"style",section_style_value);}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t);if(detaching)detach(div2);/*div1_binding*/ctx[28](null);section_resize_listener();/*section_binding*/ctx[30](null);mounted=false;dispose();}};}function create_fragment$s(ctx){let div1;let div0;let slot;let div0_tabindex_value;let t;let div1_style_value;let mounted;let dispose;let if_block=/*_open*/ctx[13]&&create_if_block$f(ctx);return {c(){div1=element("div");div0=element("div");slot=element("slot");t=space();if(if_block)if_block.c();this.c=noop;attr(slot,"name","target");attr(div0,"class","popover-target");attr(div0,"tabindex",div0_tabindex_value=+/*tabindex*/ctx[7]);attr(div0,"data-testid","popover-target");attr(div1,"data-testid",/*testid*/ctx[0]);attr(div1,"style",div1_style_value=`
|
|
322
|
-
${/*
|
|
332
|
+
${/*width*/ctx[2]&&`width: ${/*width*/ctx[2]};`}
|
|
333
|
+
${/*_relative*/ctx[18]&&"position: relative;"||""}
|
|
323
334
|
${calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])}
|
|
324
335
|
${cssVar("--offset-top",/*voffset*/ctx[8])}
|
|
325
336
|
${cssVar("--offset-bottom",/*voffset*/ctx[8])}
|
|
@@ -327,9 +338,9 @@ $$invalidate(8,_pageCount=Math.ceil(itemcount/perpagecount));}};return [pagenumb
|
|
|
327
338
|
${cssVar("--offset-right",/*hoffset*/ctx[9])}
|
|
328
339
|
${cssVar("--focus-border-width",/*focusborderwidth*/ctx[10])}
|
|
329
340
|
${cssVar("--border-radius",/*borderradius*/ctx[11])}
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
${/*_relative*/ctx[18]&&"position: relative;"}
|
|
341
|
+
`);},m(target,anchor){insert(target,div1,anchor);append(div1,div0);append(div0,slot);/*div0_binding*/ctx[27](div0);append(div1,t);if(if_block)if_block.m(div1,null);/*div1_binding_1*/ctx[31](div1);if(!mounted){dispose=listen(div0,"click",/*openPopover*/ctx[20]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*tabindex*/128&&div0_tabindex_value!==(div0_tabindex_value=+/*tabindex*/ctx[7])){attr(div0,"tabindex",div0_tabindex_value);}if(/*_open*/ctx[13]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$f(ctx);if_block.c();if_block.m(div1,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty[0]&/*testid*/1){attr(div1,"data-testid",/*testid*/ctx[0]);}if(dirty[0]&/*width, _relative, mt, mr, mb, ml, voffset, hoffset, focusborderwidth, borderradius*/266108&&div1_style_value!==(div1_style_value=`
|
|
342
|
+
${/*width*/ctx[2]&&`width: ${/*width*/ctx[2]};`}
|
|
343
|
+
${/*_relative*/ctx[18]&&"position: relative;"||""}
|
|
333
344
|
${calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])}
|
|
334
345
|
${cssVar("--offset-top",/*voffset*/ctx[8])}
|
|
335
346
|
${cssVar("--offset-bottom",/*voffset*/ctx[8])}
|
|
@@ -337,8 +348,7 @@ $$invalidate(8,_pageCount=Math.ceil(itemcount/perpagecount));}};return [pagenumb
|
|
|
337
348
|
${cssVar("--offset-right",/*hoffset*/ctx[9])}
|
|
338
349
|
${cssVar("--focus-border-width",/*focusborderwidth*/ctx[10])}
|
|
339
350
|
${cssVar("--border-radius",/*borderradius*/ctx[11])}
|
|
340
|
-
|
|
341
|
-
`)){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);/*div0_binding*/ctx[27](null);if(if_block)if_block.d();/*div1_binding_1*/ctx[31](null);mounted=false;dispose();}};}function getBoundingClientRectWithMargins(el){const rect=el.getBoundingClientRect();const style=window.getComputedStyle(el);const mTop=parseInt(style.marginTop,10)||0;const mRight=parseInt(style.marginRight,10)||0;const mBottom=parseInt(style.marginBottom,10)||0;const mLeft=parseInt(style.marginLeft,10)||0;return {top:rect.top-mTop,right:rect.right+mRight,bottom:rect.bottom+mBottom,left:rect.left-mLeft,width:rect.width+mLeft+mRight,height:rect.height+mTop+mBottom,x:rect.x-mLeft,y:rect.y-mTop};}function instance$p($$self,$$props,$$invalidate){let _padded;let _open;let _disabled;let _relative;let{testid="popover"}=$$props;let{maxwidth="320px"}=$$props;let{width=""}=$$props;let{padded="true"}=$$props;let{position="auto"}=$$props;let{relative="false"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let{disabled="false"}=$$props;let{tabindex="0"}=$$props;let{voffset=""}=$$props;let{hoffset=""}=$$props;let{focusborderwidth="var(--goa-border-width-l)"}=$$props;let{borderradius="var(--goa-border-radius-m)"}=$$props;// Private
|
|
351
|
+
`)){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);/*div0_binding*/ctx[27](null);if(if_block)if_block.d();/*div1_binding_1*/ctx[31](null);mounted=false;dispose();}};}function getBoundingClientRectWithMargins(el){const rect=el.getBoundingClientRect();const style=window.getComputedStyle(el);const mTop=parseInt(style.marginTop,10)||0;const mRight=parseInt(style.marginRight,10)||0;const mBottom=parseInt(style.marginBottom,10)||0;const mLeft=parseInt(style.marginLeft,10)||0;return {top:rect.top-mTop,right:rect.right+mRight,bottom:rect.bottom+mBottom,left:rect.left-mLeft,width:rect.width+mLeft+mRight,height:rect.height+mTop+mBottom,x:rect.x-mLeft,y:rect.y-mTop};}function instance$p($$self,$$props,$$invalidate){let _padded;let _open;let _disabled;let _relative;let{testid="popover"}=$$props;let{maxwidth="320px"}=$$props;let{width=""}=$$props;let{padded="true"}=$$props;let{position="auto"}=$$props;let{relative="false"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let{disabled="false"}=$$props;let{tabindex="0"}=$$props;let{voffset=""}=$$props;let{hoffset=""}=$$props;let{focusborderwidth="var(--goa-border-width-l)"}=$$props;let{borderradius="var(--goa-border-radius-m)"}=$$props;// Private
|
|
342
352
|
let _rootEl;let _targetEl;let _popoverEl;let _focusTrapEl;let _initFocusedEl;let _sectionHeight;// Hooks
|
|
343
353
|
onMount(async()=>{await tick();_targetEl.addEventListener("keydown",onTargetEvent);const slot=_targetEl.querySelector("slot");let children;if(slot){children=slot.assignedElements();}else {// for unit tests only
|
|
344
354
|
children=[..._targetEl.children];}_initFocusedEl=children.find(el=>el.tabIndex>=0)||_targetEl;});// Functions
|
|
@@ -373,8 +383,8 @@ return [...el.children];}/**
|
|
|
373
383
|
* Handles changing of the radio items
|
|
374
384
|
* @param newValue Selected value
|
|
375
385
|
*/function onChange(newValue){if(newValue===value)return;$$invalidate(0,value=newValue);el.dispatchEvent(new CustomEvent("_change",{composed:true,detail:{name,value}}));}onMount(()=>{validateOrientation(orientation);});const change_handler=option=>onChange(option.value);function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{el=$$value;$$invalidate(10,el);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('orientation'in $$props)$$invalidate(2,orientation=$$props.orientation);if('disabled'in $$props)$$invalidate(14,disabled=$$props.disabled);if('error'in $$props)$$invalidate(15,error=$$props.error);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('arialabel'in $$props)$$invalidate(4,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(5,mt=$$props.mt);if('mr'in $$props)$$invalidate(6,mr=$$props.mr);if('mb'in $$props)$$invalidate(7,mb=$$props.mb);if('ml'in $$props)$$invalidate(8,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/16384){// private
|
|
376
|
-
$$invalidate(12,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*error*/32768){$$invalidate(11,isError=toBoolean(error));}};return [value,name,orientation,testid,arialabel,mt,mr,mb,ml,options,el,isError,isDisabled,onChange,disabled,error,change_handler,div_binding];}class RadioGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-radio-group--horizontal{display:flex;flex-direction:row}.goa-radio-group--vertical{display:inline-block}label.goa-radio{--goa-radio-outline-width:3px;--goa-radio-diameter:1.5rem;--goa-radio-border-width:1px;--goa-radio-border-width--checked:7px;display:inline-block;box-sizing:border-box;display:flex}.goa-radio-container{padding-bottom:1rem}.goa-radio:hover{cursor:pointer}.goa-radio *,.goa-radio *:before,.goa-radio *:after{box-sizing:border-box}.goa-radio input[type="radio"]{width:0;height:0;margin:0;opacity:0}.goa-radio-label{padding:0 0.5rem;font-weight:var(--goa-font-weight-regular)}.goa-radio-description{font:var(--goa-typography-body-xs);margin-left:var(--goa-space-xl);margin-top:var(--goa-space-2xs)}.goa-radio-icon{display:inline-block;height:var(--goa-radio-diameter);width:var(--goa-radio-diameter);border-radius:50%;background-color:#fff;transition:box-shadow 100ms ease-in-out;flex:0 0 auto;margin-top:var(--font-valign-fix)}.goa-radio:focus>input:not(:disabled)~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio--disabled .goa-radio-label{opacity:0.4}.goa-radio--disabled:hover{cursor:default}input[type="radio"]:not(:checked)~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700)}input[type="radio"]:hover~.goa-radio-icon{border:1px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:checked:hover~.goa-radio-icon{border:7px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:focus~.goa-radio-icon,input[type="radio"]:hover:active~.goa-radio-icon,input[type="radio"]:hover:focus~.goa-radio-icon,input[type="radio"]:active~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}input[type="radio"]:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid var(--goa-color-interactive-default)}input[type="radio"]:disabled~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700);box-shadow:none;opacity:40%}input[type="radio"]:disabled:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid
|
|
377
|
-
var(--goa-color-interactive-hover);box-shadow:none}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon{border:7px solid var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover~.goa-radio-icon{box-shadow:0 0 0 1px var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:disabled:hover~.goa-radio-icon{box-shadow:none}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-emergency-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$o,create_fragment$r,safe_not_equal,{name:1,value:0,orientation:2,disabled:14,error:15,testid:3,arialabel:4,mt:5,mr:6,mb:7,ml:8},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","orientation","disabled","error","testid","arialabel","mt","mr","mb","ml"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get orientation(){return this.$$.ctx[2];}set orientation(orientation){this.$$set({orientation});flush();}get disabled(){return this.$$.ctx[14];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[15];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[4];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[5];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[6];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[7];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[8];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-radio-group",RadioGroup);/* src/components/scrollable/Scrollable.svelte generated by Svelte v3.59.2 */function create_fragment$q(ctx){let div;let slot;let div_style_value;let mounted;let dispose;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","goa-scrollable");attr(div,"style",div_style_value=`
|
|
386
|
+
$$invalidate(12,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*error*/32768){$$invalidate(11,isError=toBoolean(error));}};return [value,name,orientation,testid,arialabel,mt,mr,mb,ml,options,el,isError,isDisabled,onChange,disabled,error,change_handler,div_binding];}class RadioGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-radio-group--horizontal{display:flex;flex-direction:row}.goa-radio-group--vertical{display:inline-block}label.goa-radio{--goa-radio-outline-width:3px;--goa-radio-diameter:1.5rem;--goa-radio-border-width:1px;--goa-radio-border-width--checked:7px;display:inline-block;box-sizing:border-box;display:flex}.goa-radio-container{padding-bottom:1rem}.goa-radio:hover{cursor:pointer}.goa-radio *,.goa-radio *:before,.goa-radio *:after{box-sizing:border-box}.goa-radio input[type="radio"]{width:0;height:0;margin:0;opacity:0}.goa-radio-label{padding:0 0.5rem;font-weight:var(--goa-font-weight-regular)}.goa-radio-description{font:var(--goa-typography-body-xs);margin-left:var(--goa-space-xl);margin-top:var(--goa-space-2xs)}.goa-radio-icon{display:inline-block;height:var(--goa-radio-diameter);width:var(--goa-radio-diameter);border-radius:50%;background-color:#fff;transition:box-shadow 100ms ease-in-out;flex:0 0 auto;margin-top:var(--font-valign-fix)}.goa-radio:focus>input:not(:disabled)~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio--disabled .goa-radio-label{opacity:0.4}.goa-radio--disabled:hover{cursor:default}input[type="radio"]:not(:checked)~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700)}input[type="radio"]:hover~.goa-radio-icon{border:1px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:checked:hover~.goa-radio-icon{border:7px solid var(--goa-color-interactive-hover);box-shadow:0 0 0 1px var(--goa-color-interactive-hover)}input[type="radio"]:focus~.goa-radio-icon,input[type="radio"]:hover:active~.goa-radio-icon,input[type="radio"]:hover:focus~.goa-radio-icon,input[type="radio"]:active~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}input[type="radio"]:checked~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid var(--goa-color-interactive-default)}input[type="radio"]:disabled~.goa-radio-icon,input[type="radio"]:disabled:focus~.goa-radio-icon,input[type="radio"]:disabled:active~.goa-radio-icon{border:var(--goa-radio-border-width) solid var(--goa-color-greyscale-700);box-shadow:none;opacity:40%}input[type="radio"]:disabled:checked~.goa-radio-icon,input[type="radio"]:disabled:checked:focus~.goa-radio-icon,input[type="radio"]:disabled:checked:active~.goa-radio-icon{border:var(--goa-radio-border-width--checked) solid
|
|
387
|
+
var(--goa-color-interactive-hover);box-shadow:none}.goa-radio--error input[type="radio"]:checked~.goa-radio-icon,.goa-radio--error input[type="radio"]:disabled:checked~.goa-radio-icon{border:7px solid var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover~.goa-radio-icon{box-shadow:0 0 0 1px var(--goa-color-emergency-default)}.goa-radio--error input[type="radio"]:hover:active~.goa-radio-icon,.goa-radio--error input[type="radio"]:hover:focus~.goa-radio-icon{box-shadow:0 0 0 var(--goa-radio-outline-width) var(--goa-color-interactive-focus)}.goa-radio--error input[type="radio"]:disabled:hover~.goa-radio-icon{box-shadow:none}.goa-radio--error input[type="radio"]:not(:checked)~.goa-radio-icon{border:2px solid var(--goa-color-emergency-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$o,create_fragment$r,safe_not_equal,{name:1,value:0,orientation:2,disabled:14,error:15,testid:3,arialabel:4,mt:5,mr:6,mb:7,ml:8},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","orientation","disabled","error","testid","arialabel","mt","mr","mb","ml"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get orientation(){return this.$$.ctx[2];}set orientation(orientation){this.$$set({orientation});flush();}get disabled(){return this.$$.ctx[14];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[15];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[4];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[5];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[6];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[7];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[8];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-radio-group",RadioGroup);/* src/components/scrollable/Scrollable.svelte generated by Svelte v3.59.2 */function create_fragment$q(ctx){let div;let slot;let div_style_value;let mounted;let dispose;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","goa-scrollable");attr(div,"style",div_style_value=`
|
|
378
388
|
max-height: ${/*maxheight*/ctx[3]||"50vh"};
|
|
379
389
|
overflow-y: ${/*direction*/ctx[0]==="vertical"?'auto':'hidden'};
|
|
380
390
|
overflow-x: ${/*direction*/ctx[0]==="horizontal"?'auto':'hidden'};
|
|
@@ -421,22 +431,22 @@ const newDirection=direction==="asc"?"desc":"asc";sortDir=newDirection==="asc"?1
|
|
|
421
431
|
const initialSortBy=heading.getAttribute("name");const initialDirection=heading["direction"];if(initialDirection&&initialDirection!=="none"){setTimeout(()=>{dispatch(heading,{sortBy:initialSortBy,sortDir:initialDirection==="asc"?1:-1});},10);}});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(6,_rootEl);});}$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(0,width=$$props.width);if('stickyheader'in $$props)$$invalidate(9,stickyheader=$$props.stickyheader);if('variant'in $$props)$$invalidate(1,variant=$$props.variant);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*stickyheader*/512){$$invalidate(8,_stickyHeader=toBoolean(stickyheader));}};return [width,variant,mt,mr,mb,ml,_rootEl,_isTableRoot,_stickyHeader,stickyheader,div_binding];}class Table extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{overflow-x:auto}.goatable{width:0}table{border-collapse:collapse}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$j,create_fragment$m,safe_not_equal,{width:0,stickyheader:9,variant:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["width","stickyheader","variant","mt","mr","mb","ml"];}get width(){return this.$$.ctx[0];}set width(width){this.$$set({width});flush();}get stickyheader(){return this.$$.ctx[9];}set stickyheader(stickyheader){this.$$set({stickyheader});flush();}get variant(){return this.$$.ctx[1];}set variant(variant){this.$$set({variant});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-table",Table);/* src/components/table/TableSortHeader.svelte generated by Svelte v3.59.2 */function create_else_block$5(ctx){let div;return {c(){div=element("div");div.innerHTML=`<goa-icon type="caret-up" size="small"></goa-icon>
|
|
422
432
|
<goa-icon type="caret-down" size="small"></goa-icon>`;attr(div,"class","direction--none");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}// (69:32)
|
|
423
433
|
function create_if_block_1$6(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-up");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (67:2) {#if direction === "desc"}
|
|
424
|
-
function create_if_block$a(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-down");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$l(ctx){let button;let slot;let t;function select_block_type(ctx,dirty){if(/*direction*/ctx[0]==="desc")return create_if_block$a;if(/*direction*/ctx[0]==="asc")return create_if_block_1$6;return create_else_block$5;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");slot=element("slot");t=space();if_block.c();this.c=noop;},m(target,anchor){insert(target,button,anchor);append(button,slot);append(button,t);if_block.m(button,null);},p(ctx,[dirty]){if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();}};}function instance$i($$self,$$props,$$invalidate){let{direction="none"}=$$props;$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);};return [direction];}class TableSortHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{display:flex;align-items:flex-end}button{border:none;background:none;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;width:100%;height:3.75rem;align-items:center;padding:0 1rem;text-align:left;gap:0.25rem;align-items:center}button:hover{background-color:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}button goa-icon{color:var(--goa-color-interactive-default)}button:hover goa-icon{color:var(--goa-color-interactive-hover)}button .direction--none goa-icon{color:var(--goa-color-greyscale-400)}button:hover .direction--none goa-icon{color:var(--goa-color-greyscale-400)}goa-icon{scale:0.8}.direction--none goa-icon{height:0.625rem}.direction--none{display:inline-flex;flex-direction:column;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$i,create_fragment$l,safe_not_equal,{direction: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 ["direction"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}}customElements.define("goa-table-sort-header",TableSortHeader);/* src/components/text-area/TextArea.svelte generated by Svelte v3.59.2 */function create_if_block_1$5(ctx){let div;function select_block_type(ctx,dirty){if(/*count*/ctx[15]>/*maxcount*/ctx[8])return create_if_block_2$5;if(/*count*/ctx[15]</*maxcount*/ctx[8])return create_if_block_3$5;}let current_block_type=select_block_type(ctx);let if_block=current_block_type&¤t_block_type(ctx);return {c(){div=element("div");if(if_block)if_block.c();attr(div,"class","counter");toggle_class(div,"counter-error",/*count*/ctx[15]>/*maxcount*/ctx[8]);},m(target,anchor){insert(target,div,anchor);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if(if_block)if_block.d(1);if_block=current_block_type&¤t_block_type(ctx);if(if_block){if_block.c();if_block.m(div,null);}}if(dirty&/*count, maxcount*/33024){toggle_class(div,"counter-error",/*count*/ctx[15]>/*maxcount*/ctx[8]);}},d(detaching){if(detaching)detach(div);if(if_block){if_block.d();}}};}// (
|
|
425
|
-
function create_if_block_3$5(ctx){let t0_value=/*maxcount*/ctx[8]-/*count*/ctx[15]+"";let t0;let t1;let t2_value=pluralize(/*countby*/ctx[7],/*maxcount*/ctx[8]-/*count*/ctx[15])+"";let t2;let t3;return {c(){t0=text(t0_value);t1=space();t2=text(t2_value);t3=text(" remaining");},m(target,anchor){insert(target,t0,anchor);insert(target,t1,anchor);insert(target,t2,anchor);insert(target,t3,anchor);},p(ctx,dirty){if(dirty&/*maxcount, count*/33024&&t0_value!==(t0_value=/*maxcount*/ctx[8]-/*count*/ctx[15]+""))set_data(t0,t0_value);if(dirty&/*countby, maxcount, count*/33152&&t2_value!==(t2_value=pluralize(/*countby*/ctx[7],/*maxcount*/ctx[8]-/*count*/ctx[15])+""))set_data(t2,t2_value);},d(detaching){if(detaching)detach(t0);if(detaching)detach(t1);if(detaching)detach(t2);if(detaching)detach(t3);}};}// (
|
|
426
|
-
function create_if_block_2$5(ctx){let t0_value=/*count*/ctx[15]-/*maxcount*/ctx[8]+"";let t0;let t1;let t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15]-/*maxcount*/ctx[8])+"";let t2;let t3;return {c(){t0=text(t0_value);t1=space();t2=text(t2_value);t3=text(" too many");},m(target,anchor){insert(target,t0,anchor);insert(target,t1,anchor);insert(target,t2,anchor);insert(target,t3,anchor);},p(ctx,dirty){if(dirty&/*count, maxcount*/33024&&t0_value!==(t0_value=/*count*/ctx[15]-/*maxcount*/ctx[8]+""))set_data(t0,t0_value);if(dirty&/*countby, count, maxcount*/33152&&t2_value!==(t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15]-/*maxcount*/ctx[8])+""))set_data(t2,t2_value);},d(detaching){if(detaching)detach(t0);if(detaching)detach(t1);if(detaching)detach(t2);if(detaching)detach(t3);}};}// (
|
|
427
|
-
function create_if_block$9(ctx){let div;let t0;let t1;let t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15])+"";let t2;return {c(){div=element("div");t0=text(/*count*/ctx[15]);t1=space();t2=text(t2_value);attr(div,"class","counter");},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,t1);append(div,t2);},p(ctx,dirty){if(dirty&/*count*/32768)set_data(t0,/*count*/ctx[15]);if(dirty&/*countby, count*/32896&&t2_value!==(t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15])+""))set_data(t2,t2_value);},d(detaching){if(detaching)detach(div);}};}function create_fragment$k(ctx){let div;let textarea;let textarea_aria_label_value;let t0;let t1;let div_style_value;let mounted;let dispose;let if_block0=/*maxcount*/ctx[8]>0&&!/*isDisabled*/ctx[14]&&create_if_block_1$5(ctx);let if_block1=/*
|
|
434
|
+
function create_if_block$a(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-down");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$l(ctx){let button;let slot;let t;function select_block_type(ctx,dirty){if(/*direction*/ctx[0]==="desc")return create_if_block$a;if(/*direction*/ctx[0]==="asc")return create_if_block_1$6;return create_else_block$5;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");slot=element("slot");t=space();if_block.c();this.c=noop;},m(target,anchor){insert(target,button,anchor);append(button,slot);append(button,t);if_block.m(button,null);},p(ctx,[dirty]){if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();}};}function instance$i($$self,$$props,$$invalidate){let{direction="none"}=$$props;$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);};return [direction];}class TableSortHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{display:flex;align-items:flex-end}button{border:none;background:none;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;width:100%;height:3.75rem;align-items:center;padding:0 1rem;text-align:left;gap:0.25rem;align-items:center}button:hover{background-color:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}button goa-icon{color:var(--goa-color-interactive-default)}button:hover goa-icon{color:var(--goa-color-interactive-hover)}button .direction--none goa-icon{color:var(--goa-color-greyscale-400)}button:hover .direction--none goa-icon{color:var(--goa-color-greyscale-400)}goa-icon{scale:0.8}.direction--none goa-icon{height:0.625rem}.direction--none{display:inline-flex;flex-direction:column;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$i,create_fragment$l,safe_not_equal,{direction: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 ["direction"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}}customElements.define("goa-table-sort-header",TableSortHeader);/* src/components/text-area/TextArea.svelte generated by Svelte v3.59.2 */function create_if_block_1$5(ctx){let div;function select_block_type(ctx,dirty){if(/*count*/ctx[15]>/*maxcount*/ctx[8])return create_if_block_2$5;if(/*count*/ctx[15]</*maxcount*/ctx[8])return create_if_block_3$5;}let current_block_type=select_block_type(ctx);let if_block=current_block_type&¤t_block_type(ctx);return {c(){div=element("div");if(if_block)if_block.c();attr(div,"class","counter");toggle_class(div,"counter-error",/*count*/ctx[15]>/*maxcount*/ctx[8]);},m(target,anchor){insert(target,div,anchor);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if(if_block)if_block.d(1);if_block=current_block_type&¤t_block_type(ctx);if(if_block){if_block.c();if_block.m(div,null);}}if(dirty&/*count, maxcount*/33024){toggle_class(div,"counter-error",/*count*/ctx[15]>/*maxcount*/ctx[8]);}},d(detaching){if(detaching)detach(div);if(if_block){if_block.d();}}};}// (84:33)
|
|
435
|
+
function create_if_block_3$5(ctx){let t0_value=/*maxcount*/ctx[8]-/*count*/ctx[15]+"";let t0;let t1;let t2_value=pluralize(/*countby*/ctx[7],/*maxcount*/ctx[8]-/*count*/ctx[15])+"";let t2;let t3;return {c(){t0=text(t0_value);t1=space();t2=text(t2_value);t3=text(" remaining");},m(target,anchor){insert(target,t0,anchor);insert(target,t1,anchor);insert(target,t2,anchor);insert(target,t3,anchor);},p(ctx,dirty){if(dirty&/*maxcount, count*/33024&&t0_value!==(t0_value=/*maxcount*/ctx[8]-/*count*/ctx[15]+""))set_data(t0,t0_value);if(dirty&/*countby, maxcount, count*/33152&&t2_value!==(t2_value=pluralize(/*countby*/ctx[7],/*maxcount*/ctx[8]-/*count*/ctx[15])+""))set_data(t2,t2_value);},d(detaching){if(detaching)detach(t0);if(detaching)detach(t1);if(detaching)detach(t2);if(detaching)detach(t3);}};}// (82:6) {#if count > maxcount}
|
|
436
|
+
function create_if_block_2$5(ctx){let t0_value=/*count*/ctx[15]-/*maxcount*/ctx[8]+"";let t0;let t1;let t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15]-/*maxcount*/ctx[8])+"";let t2;let t3;return {c(){t0=text(t0_value);t1=space();t2=text(t2_value);t3=text(" too many");},m(target,anchor){insert(target,t0,anchor);insert(target,t1,anchor);insert(target,t2,anchor);insert(target,t3,anchor);},p(ctx,dirty){if(dirty&/*count, maxcount*/33024&&t0_value!==(t0_value=/*count*/ctx[15]-/*maxcount*/ctx[8]+""))set_data(t0,t0_value);if(dirty&/*countby, count, maxcount*/33152&&t2_value!==(t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15]-/*maxcount*/ctx[8])+""))set_data(t2,t2_value);},d(detaching){if(detaching)detach(t0);if(detaching)detach(t1);if(detaching)detach(t2);if(detaching)detach(t3);}};}// (90:2) {#if countby && maxcount < 0 && count > 0 && !isDisabled}
|
|
437
|
+
function create_if_block$9(ctx){let div;let t0;let t1;let t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15])+"";let t2;return {c(){div=element("div");t0=text(/*count*/ctx[15]);t1=space();t2=text(t2_value);attr(div,"class","counter");},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,t1);append(div,t2);},p(ctx,dirty){if(dirty&/*count*/32768)set_data(t0,/*count*/ctx[15]);if(dirty&/*countby, count*/32896&&t2_value!==(t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15])+""))set_data(t2,t2_value);},d(detaching){if(detaching)detach(div);}};}function create_fragment$k(ctx){let div;let textarea;let textarea_aria_label_value;let t0;let t1;let div_style_value;let mounted;let dispose;let if_block0=/*maxcount*/ctx[8]>0&&!/*isDisabled*/ctx[14]&&create_if_block_1$5(ctx);let if_block1=/*countby*/ctx[7]&&/*maxcount*/ctx[8]<0&&/*count*/ctx[15]>0&&!/*isDisabled*/ctx[14]&&create_if_block$9(ctx);return {c(){div=element("div");textarea=element("textarea");t0=space();if(if_block0)if_block0.c();t1=space();if(if_block1)if_block1.c();this.c=noop;attr(textarea,"name",/*name*/ctx[1]);attr(textarea,"placeholder",/*placeholder*/ctx[2]);attr(textarea,"rows",/*rows*/ctx[3]);attr(textarea,"aria-label",textarea_aria_label_value=/*arialabel*/ctx[6]||/*name*/ctx[1]);textarea.disabled=/*isDisabled*/ctx[14];textarea.readOnly=/*isReadonly*/ctx[16];attr(textarea,"data-testid",/*testid*/ctx[4]);attr(div,"data-testid","root");attr(div,"class","root");attr(div,"style",div_style_value=`
|
|
428
438
|
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
429
439
|
--width: ${/*width*/ctx[5]};
|
|
430
|
-
--char-count-padding: ${/*
|
|
431
|
-
`);toggle_class(div,"error",/*isError*/ctx[
|
|
440
|
+
--char-count-padding: ${/*countby*/ctx[7]?"2rem":"0"};
|
|
441
|
+
`);toggle_class(div,"error",/*isError*/ctx[17]||/*maxcount*/ctx[8]>0&&/*count*/ctx[15]>/*maxcount*/ctx[8]);toggle_class(div,"disabled",/*isDisabled*/ctx[14]);},m(target,anchor){insert(target,div,anchor);append(div,textarea);/*textarea_binding*/ctx[23](textarea);set_input_value(textarea,/*value*/ctx[0]);append(div,t0);if(if_block0)if_block0.m(div,null);append(div,t1);if(if_block1)if_block1.m(div,null);if(!mounted){dispose=[listen(textarea,"input",/*textarea_input_handler*/ctx[24]),listen(textarea,"keyup",/*onKeyPress*/ctx[19]),listen(textarea,"change",/*onChange*/ctx[18])];mounted=true;}},p(ctx,[dirty]){if(dirty&/*name*/2){attr(textarea,"name",/*name*/ctx[1]);}if(dirty&/*placeholder*/4){attr(textarea,"placeholder",/*placeholder*/ctx[2]);}if(dirty&/*rows*/8){attr(textarea,"rows",/*rows*/ctx[3]);}if(dirty&/*arialabel, name*/66&&textarea_aria_label_value!==(textarea_aria_label_value=/*arialabel*/ctx[6]||/*name*/ctx[1])){attr(textarea,"aria-label",textarea_aria_label_value);}if(dirty&/*isDisabled*/16384){textarea.disabled=/*isDisabled*/ctx[14];}if(dirty&/*isReadonly*/65536){textarea.readOnly=/*isReadonly*/ctx[16];}if(dirty&/*testid*/16){attr(textarea,"data-testid",/*testid*/ctx[4]);}if(dirty&/*value*/1){set_input_value(textarea,/*value*/ctx[0]);}if(/*maxcount*/ctx[8]>0&&!/*isDisabled*/ctx[14]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_1$5(ctx);if_block0.c();if_block0.m(div,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*countby*/ctx[7]&&/*maxcount*/ctx[8]<0&&/*count*/ctx[15]>0&&!/*isDisabled*/ctx[14]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$9(ctx);if_block1.c();if_block1.m(div,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*mt, mr, mb, ml, width, countby*/7840&&div_style_value!==(div_style_value=`
|
|
432
442
|
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
433
443
|
--width: ${/*width*/ctx[5]};
|
|
434
|
-
--char-count-padding: ${/*
|
|
435
|
-
`)){attr(div,"style",div_style_value);}if(dirty&/*isError, maxcount, count*/
|
|
444
|
+
--char-count-padding: ${/*countby*/ctx[7]?"2rem":"0"};
|
|
445
|
+
`)){attr(div,"style",div_style_value);}if(dirty&/*isError, maxcount, count*/164096){toggle_class(div,"error",/*isError*/ctx[17]||/*maxcount*/ctx[8]>0&&/*count*/ctx[15]>/*maxcount*/ctx[8]);}if(dirty&/*isDisabled*/16384){toggle_class(div,"disabled",/*isDisabled*/ctx[14]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);/*textarea_binding*/ctx[23](null);if(if_block0)if_block0.d();if(if_block1)if_block1.d();mounted=false;run_all(dispose);}};}function instance$h($$self,$$props,$$invalidate){let isError;let isDisabled;let isReadonly;let count;let{name}=$$props;let{value=""}=$$props;let{placeholder=""}=$$props;let{rows=3}=$$props;let{testid=""}=$$props;let{width="60ch"}=$$props;let{error="false"}=$$props;let{readonly="false"}=$$props;let{disabled="false"}=$$props;let{arialabel=""}=$$props;let{countby}=$$props;let{maxcount=-1}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;// privates
|
|
436
446
|
let _textareaEl;// functions
|
|
437
|
-
function onChange(e){if(isDisabled)return;const el=e.currentTarget;_textareaEl.dispatchEvent(new CustomEvent("_change",{composed:true,detail:{name,value:el.value}}));}function onKeyPress(e){if(isDisabled)return;_textareaEl.dispatchEvent(new CustomEvent("_keyPress",{composed:true,detail:{name,value,key:e.key}}));}function textarea_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_textareaEl=$$value;$$invalidate(13,_textareaEl);});}function textarea_input_handler(){value=this.value;$$invalidate(0,value);}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('placeholder'in $$props)$$invalidate(2,placeholder=$$props.placeholder);if('rows'in $$props)$$invalidate(3,rows=$$props.rows);if('testid'in $$props)$$invalidate(4,testid=$$props.testid);if('width'in $$props)$$invalidate(5,width=$$props.width);if('error'in $$props)$$invalidate(
|
|
438
|
-
$$invalidate(
|
|
439
|
-
}.counter{position:absolute;right:0.75rem;font-size:var(--goa-font-size-2)}textarea{resize:none;scroll-behavior:smooth;max-height:calc(100vh * var(--max-height, 100) / 100)}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:#f1f1f1}textarea::-webkit-scrollbar-thumb{background:#888}textarea::-webkit-scrollbar-thumb:hover{background:#555}.error{border-color:var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$h,create_fragment$k,safe_not_equal,{name:1,value:0,placeholder:2,rows:3,testid:4,width:5,error:
|
|
447
|
+
function onChange(e){if(isDisabled)return;const el=e.currentTarget;_textareaEl.dispatchEvent(new CustomEvent("_change",{composed:true,detail:{name,value:el.value}}));}function onKeyPress(e){if(isDisabled)return;_textareaEl.dispatchEvent(new CustomEvent("_keyPress",{composed:true,detail:{name,value,key:e.key}}));}function textarea_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_textareaEl=$$value;$$invalidate(13,_textareaEl);});}function textarea_input_handler(){value=this.value;$$invalidate(0,value);}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('placeholder'in $$props)$$invalidate(2,placeholder=$$props.placeholder);if('rows'in $$props)$$invalidate(3,rows=$$props.rows);if('testid'in $$props)$$invalidate(4,testid=$$props.testid);if('width'in $$props)$$invalidate(5,width=$$props.width);if('error'in $$props)$$invalidate(20,error=$$props.error);if('readonly'in $$props)$$invalidate(21,readonly=$$props.readonly);if('disabled'in $$props)$$invalidate(22,disabled=$$props.disabled);if('arialabel'in $$props)$$invalidate(6,arialabel=$$props.arialabel);if('countby'in $$props)$$invalidate(7,countby=$$props.countby);if('maxcount'in $$props)$$invalidate(8,maxcount=$$props.maxcount);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&/*error*/1048576){// reactive
|
|
448
|
+
$$invalidate(17,isError=toBoolean(error));}if($$self.$$.dirty&/*disabled*/4194304){$$invalidate(14,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*readonly*/2097152){$$invalidate(16,isReadonly=toBoolean(readonly));}if($$self.$$.dirty&/*countby, value*/129){$$invalidate(15,count=countby==="character"?value.length:value.split(" ").filter(word=>word.trim().length>0).length);}};return [value,name,placeholder,rows,testid,width,arialabel,countby,maxcount,mt,mr,mb,ml,_textareaEl,isDisabled,count,isReadonly,isError,onChange,onKeyPress,error,readonly,disabled,textarea_binding,textarea_input_handler];}class TextArea extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:var(--goa-space-s);box-sizing:border-box;font-family:var(--goa-font-family-sans)}.root{position:relative;width:100%;padding-bottom:var(--char-count-padding);border:var(--goa-border-width-s) solid var(--goa-color-greyscale-700);border-radius:3px}.root:has(textarea:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}@media screen and (max-width: 623px){@media not (max-color:2147477350){.root{max-width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.root{max-width:var(--width)}}}textarea{display:block;width:100%;box-sizing:border-box;outline:none;border:none;border-radius:3px;color:var(--goa-color-greyscale-black, #ccc);padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);font-size:var(--goa-font-size-4);font-family:var(--goa-font-family-sans);min-width:100%;resize:vertical}@media screen and (max-width: 623px){@media not (max-color:2147477350){}}@media not screen and (max-width: 623px){@media not (color:2147477350){}}.root:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.root:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.counter-error{color:var(--goa-color-interactive-error)
|
|
449
|
+
}.counter{position:absolute;right:0.75rem;font-size:var(--goa-font-size-2)}textarea{resize:none;scroll-behavior:smooth;max-height:calc(100vh * var(--max-height, 100) / 100)}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:#f1f1f1}textarea::-webkit-scrollbar-thumb{background:#888}textarea::-webkit-scrollbar-thumb:hover{background:#555}.error{border-color:var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$h,create_fragment$k,safe_not_equal,{name:1,value:0,placeholder:2,rows:3,testid:4,width:5,error:20,readonly:21,disabled:22,arialabel:6,countby:7,maxcount:8,mt:9,mr:10,mb:11,ml:12},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","placeholder","rows","testid","width","error","readonly","disabled","arialabel","countby","maxcount","mt","mr","mb","ml"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get placeholder(){return this.$$.ctx[2];}set placeholder(placeholder){this.$$set({placeholder});flush();}get rows(){return this.$$.ctx[3];}set rows(rows){this.$$set({rows});flush();}get testid(){return this.$$.ctx[4];}set testid(testid){this.$$set({testid});flush();}get width(){return this.$$.ctx[5];}set width(width){this.$$set({width});flush();}get error(){return this.$$.ctx[20];}set error(error){this.$$set({error});flush();}get readonly(){return this.$$.ctx[21];}set readonly(readonly){this.$$set({readonly});flush();}get disabled(){return this.$$.ctx[22];}set disabled(disabled){this.$$set({disabled});flush();}get arialabel(){return this.$$.ctx[6];}set arialabel(arialabel){this.$$set({arialabel});flush();}get countby(){return this.$$.ctx[7];}set countby(countby){this.$$set({countby});flush();}get maxcount(){return this.$$.ctx[8];}set maxcount(maxcount){this.$$set({maxcount});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-textarea",TextArea);/* src/components/tooltip/Tooltip.svelte generated by Svelte v3.59.2 */const{window:window_1$1}=globals;function create_fragment$j(ctx){let div1;let div0;let t0;let span;let t1;let span_id_value;let span_class_value;let div1_class_value;let div1_aria_describedby_value;let div1_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[16]);return {c(){div1=element("div");div0=element("div");div0.innerHTML=`<slot></slot>`;t0=space();span=element("span");t1=text(/*content*/ctx[1]);this.c=noop;attr(div0,"class","tooltiptarget");attr(span,"id",span_id_value=""+(/*_tooltipInstanceId*/ctx[13]+"-tooltip"));attr(span,"class",span_class_value="tooltiptext "+/*position*/ctx[0]+" align-"+/*halign*/ctx[3]);set_style(span,"visibility",/*_tooltipVisible*/ctx[11]?'visible':'hidden');attr(div1,"class",div1_class_value="tooltip align-"+/*halign*/ctx[3]);attr(div1,"data-testid",/*testid*/ctx[2]);attr(div1,"role","tooltip");attr(div1,"aria-describedby",div1_aria_describedby_value=""+(/*_tooltipInstanceId*/ctx[13]+"-tooltip"));attr(div1,"tabindex","0");attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]));},m(target,anchor){insert(target,div1,anchor);append(div1,div0);append(div1,t0);append(div1,span);append(span,t1);/*span_binding*/ctx[17](span);/*div1_binding*/ctx[18](div1);if(!mounted){dispose=[listen(window_1$1,"resize",/*onwindowresize*/ctx[16]),listen(div1,"mouseenter",/*mouseenter_handler*/ctx[19]),listen(div1,"mouseleave",/*hideTooltip*/ctx[15]),listen(div1,"focus",/*focus_handler*/ctx[20]),listen(div1,"blur",/*hideTooltip*/ctx[15])];mounted=true;}},p(ctx,[dirty]){if(dirty&/*content*/2)set_data(t1,/*content*/ctx[1]);if(dirty&/*_tooltipInstanceId*/8192&&span_id_value!==(span_id_value=""+(/*_tooltipInstanceId*/ctx[13]+"-tooltip"))){attr(span,"id",span_id_value);}if(dirty&/*position, halign*/9&&span_class_value!==(span_class_value="tooltiptext "+/*position*/ctx[0]+" align-"+/*halign*/ctx[3])){attr(span,"class",span_class_value);}if(dirty&/*_tooltipVisible*/2048){set_style(span,"visibility",/*_tooltipVisible*/ctx[11]?'visible':'hidden');}if(dirty&/*halign*/8&&div1_class_value!==(div1_class_value="tooltip align-"+/*halign*/ctx[3])){attr(div1,"class",div1_class_value);}if(dirty&/*testid*/4){attr(div1,"data-testid",/*testid*/ctx[2]);}if(dirty&/*_tooltipInstanceId*/8192&&div1_aria_describedby_value!==(div1_aria_describedby_value=""+(/*_tooltipInstanceId*/ctx[13]+"-tooltip"))){attr(div1,"aria-describedby",div1_aria_describedby_value);}if(dirty&/*mt, mr, mb, ml*/240&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]))){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);/*span_binding*/ctx[17](null);/*div1_binding*/ctx[18](null);mounted=false;run_all(dispose);}};}function instance$g($$self,$$props,$$invalidate){const[Positions,validatePosition]=typeValidator("Tooltip positions",["top","bottom","left","right"],false);const[Alignment,validateAlignment]=typeValidator("Tooltip alignment",["left","right","center"],false);const validator=(position,align)=>{if(position==="left"||position==="right"){if(align!=="center"){console.error(`[${align}] is an invalid option for position ${position}`);}}};let{content=""}=$$props;let{testid=""}=$$props;let{position="top"}=$$props;let{halign="center"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let _screenSize=0;let _rootEl;let _tooltipEl;let _initialPosition;let _tooltipVisible=false;let _showTooltipTimeout=null;let _hideTooltipTimeout=null;/**
|
|
440
450
|
* Use a unique id for each tooltip instance.
|
|
441
451
|
* So screen readers can identify the tooltip instance when
|
|
442
452
|
* there are multiple tooltips on the same page
|
|
@@ -1547,7 +1557,7 @@ tab=document.createElement("div");tab.textContent=el.getAttribute("heading");}co
|
|
|
1547
1557
|
// =========
|
|
1548
1558
|
function addKeyboardEventListeners(){_rootEl.addEventListener("focus",handleKeydownEvents,true);}function removeKeyboardEventListeners(){_rootEl.removeEventListener("focus",handleKeydownEvents,true);}function setCurrentTab(tab){if(tab>_tabItems.length){tab=_tabItems.length;}if(tab<1){tab=1;}_currentTab=+tab;[..._tabs.querySelectorAll("[role=tab]")].map((el,index)=>{_tabItems[index].setAttribute("open","false");el.setAttribute("aria-selected",index+1===_currentTab?"true":"false");el.setAttribute("tabindex",index+1===_currentTab?"0":"-1");if(index+1===_currentTab){el.focus();el.removeAttribute("tabindex");// allow tabbing to the button when the tab is active
|
|
1549
1559
|
_tabItems[index].setAttribute("open","true");// display tab content
|
|
1550
|
-
}});_panelEl.setAttribute("aria-labelledby",`tab-${_currentTab}`);_panelEl.setAttribute("id",`tabpanel-${_currentTab}`);}function handleKeydownEvents(){_rootEl.addEventListener("keydown",onKeyDown);}function onKeyDown(e){let isHandled=false;switch(e.key){case'ArrowUp':case'ArrowLeft':if(_currentTab===1){setCurrentTab(_tabItems.length);}else {setCurrentTab(_currentTab-1);}isHandled=true;break;case'ArrowDown':case'ArrowRight':if(_currentTab===_tabItems.length){setCurrentTab(1);}else {setCurrentTab(_currentTab+1);}isHandled=true;break;case'Home':setCurrentTab(1);isHandled=true;break;case'End':setCurrentTab(_tabItems.length);isHandled=true;break;}if(isHandled){e.stopPropagation();e.preventDefault();}}function div0_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_tabs=$$value;$$invalidate(1,_tabs);});}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_panelEl=$$value;$$invalidate(2,_panelEl);});}function div2_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(0,_rootEl);});}$$self.$$set=$$props=>{if('initialtab'in $$props)$$invalidate(3,initialtab=$$props.initialtab);};return [_rootEl,_tabs,_panelEl,initialtab,div0_binding,div1_binding,div2_binding];}class Tabs extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font:var(--goa-typography-body-m)}.tab{display:flex;gap:var(--goa-space-xs)}[role="tab"]{background:none;overflow:hidden;white-space:nowrap;cursor:pointer;border:none;font:var(--goa-typography-body-m);color:var(--goa-color-text-default);letter-spacing:0.03125rem}[role="tab"][aria-selected="true"]{font:var(--goa-typography-heading-s)}[role="tab"]:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}[role="tab"]:hover:not([aria-selected="true"]),[role="tab"]:focus:not([aria-selected="true"]),[role="tab"]:focus-visible:not([aria-selected="true"]){border-color:var(--goa-color-greyscale-200)}@media screen and (max-width: 623px){@media not (max-color:2147477350){[role="tablist"]{border-bottom:none}.tabs{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);display:flex;gap:var(--goa-space-xl)}[role="tab"]{padding:var(--goa-space-s) var(--goa-space-m);border-bottom:4px solid transparent}[role="tab"][aria-selected="true"]{border-color:var(--goa-color-interactive-default)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){[role="tablist"]{border-bottom:none}.tabs{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);display:flex;gap:var(--goa-space-xl)}[role="tab"]{padding:var(--goa-space-s) var(--goa-space-m);border-bottom:4px solid transparent}[role="tab"][aria-selected="true"]{border-color:var(--goa-color-interactive-default)}}}@media screen and (max-width: 623px){[role="tab"]{width:100%;padding:var(--goa-space-xs) 0;padding-left:12px;border-left:4px solid transparent}[role="tab"][aria-selected="true"]{border-color:var(--goa-color-interactive-default);background:var(--goa-color-info-background)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance,create_fragment,safe_not_equal,{initialtab:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["initialtab"];}get initialtab(){return this.$$.ctx[3];}set initialtab(initialtab){this.$$set({initialtab});flush();}}customElements.define("goa-tabs",Tabs);
|
|
1560
|
+
}});_panelEl.setAttribute("aria-labelledby",`tab-${_currentTab}`);_panelEl.setAttribute("id",`tabpanel-${_currentTab}`);}function handleKeydownEvents(){_rootEl.addEventListener("keydown",onKeyDown);}function onKeyDown(e){let isHandled=false;const isTabButtonFocused=e.target&&_tabs.contains(e.target);if(!isTabButtonFocused){return;}switch(e.key){case'ArrowUp':case'ArrowLeft':if(_currentTab===1){setCurrentTab(_tabItems.length);}else {setCurrentTab(_currentTab-1);}isHandled=true;break;case'ArrowDown':case'ArrowRight':if(_currentTab===_tabItems.length){setCurrentTab(1);}else {setCurrentTab(_currentTab+1);}isHandled=true;break;case'Home':setCurrentTab(1);isHandled=true;break;case'End':setCurrentTab(_tabItems.length);isHandled=true;break;}if(isHandled){e.stopPropagation();e.preventDefault();}}function div0_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_tabs=$$value;$$invalidate(1,_tabs);});}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_panelEl=$$value;$$invalidate(2,_panelEl);});}function div2_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(0,_rootEl);});}$$self.$$set=$$props=>{if('initialtab'in $$props)$$invalidate(3,initialtab=$$props.initialtab);};return [_rootEl,_tabs,_panelEl,initialtab,div0_binding,div1_binding,div2_binding];}class Tabs extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font:var(--goa-typography-body-m)}.tab{display:flex;gap:var(--goa-space-xs)}[role="tab"]{background:none;overflow:hidden;white-space:nowrap;cursor:pointer;border:none;font:var(--goa-typography-body-m);color:var(--goa-color-text-default);letter-spacing:0.03125rem}[role="tab"][aria-selected="true"]{font:var(--goa-typography-heading-s)}[role="tab"]:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}[role="tab"]:hover:not([aria-selected="true"]),[role="tab"]:focus:not([aria-selected="true"]),[role="tab"]:focus-visible:not([aria-selected="true"]){border-color:var(--goa-color-greyscale-200)}@media screen and (max-width: 623px){@media not (max-color:2147477350){[role="tablist"]{border-bottom:none}.tabs{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);display:flex;gap:var(--goa-space-xl)}[role="tab"]{padding:var(--goa-space-s) var(--goa-space-m);border-bottom:4px solid transparent}[role="tab"][aria-selected="true"]{border-color:var(--goa-color-interactive-default)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){[role="tablist"]{border-bottom:none}.tabs{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);display:flex;gap:var(--goa-space-xl)}[role="tab"]{padding:var(--goa-space-s) var(--goa-space-m);border-bottom:4px solid transparent}[role="tab"][aria-selected="true"]{border-color:var(--goa-color-interactive-default)}}}@media screen and (max-width: 623px){[role="tab"]{width:100%;padding:var(--goa-space-xs) 0;padding-left:12px;border-left:4px solid transparent}[role="tab"][aria-selected="true"]{border-color:var(--goa-color-interactive-default);background:var(--goa-color-info-background)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance,create_fragment,safe_not_equal,{initialtab:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["initialtab"];}get initialtab(){return this.$$.ctx[3];}set initialtab(initialtab){this.$$set({initialtab});flush();}}customElements.define("goa-tabs",Tabs);
|
|
1551
1561
|
|
|
1552
1562
|
function GoADatePicker({
|
|
1553
1563
|
name,
|
|
@@ -3268,7 +3278,6 @@ function GoATextarea({
|
|
|
3268
3278
|
rows,
|
|
3269
3279
|
disabled,
|
|
3270
3280
|
countBy,
|
|
3271
|
-
showCount,
|
|
3272
3281
|
maxCount,
|
|
3273
3282
|
width,
|
|
3274
3283
|
testId,
|
|
@@ -3321,7 +3330,6 @@ function GoATextarea({
|
|
|
3321
3330
|
rows: rows,
|
|
3322
3331
|
disabled: disabled,
|
|
3323
3332
|
countby: countBy,
|
|
3324
|
-
showcount: showCount,
|
|
3325
3333
|
maxcount: maxCount,
|
|
3326
3334
|
width: width,
|
|
3327
3335
|
error: error,
|