@abgov/react-components 4.17.0-alpha.7 → 4.17.0-alpha.9
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 +40 -31
- package/react-components.umd.js +40 -31
|
@@ -9,12 +9,9 @@ interface WCProps extends Margins {
|
|
|
9
9
|
rows?: number;
|
|
10
10
|
error?: boolean;
|
|
11
11
|
disabled?: boolean;
|
|
12
|
-
showcounter?: boolean;
|
|
13
|
-
maxcharcount?: number;
|
|
14
12
|
width?: string;
|
|
15
13
|
arialabel?: string;
|
|
16
14
|
countby?: CountBy;
|
|
17
|
-
showcount?: boolean;
|
|
18
15
|
maxcount?: number;
|
|
19
16
|
}
|
|
20
17
|
declare global {
|
|
@@ -36,11 +33,10 @@ export interface GoATextAreaProps extends Margins {
|
|
|
36
33
|
testId?: string;
|
|
37
34
|
ariaLabel?: string;
|
|
38
35
|
countBy?: CountBy;
|
|
39
|
-
showCount?: boolean;
|
|
40
36
|
maxCount?: number;
|
|
41
37
|
onChange: (name: string, value: string) => void;
|
|
42
38
|
onKeyPress?: (name: string, value: string, key: string) => void;
|
|
43
39
|
}
|
|
44
|
-
export declare function GoATextarea({ name, value, placeholder, rows, disabled, countBy,
|
|
40
|
+
export declare function GoATextarea({ name, value, placeholder, rows, disabled, countBy, maxCount, width, testId, error, ariaLabel, mt, mr, mb, ml, onChange, onKeyPress, }: GoATextAreaProps): JSX.Element;
|
|
45
41
|
export { GoATextarea as GoATextArea };
|
|
46
42
|
export default GoATextarea;
|
package/package.json
CHANGED
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}
|
|
@@ -251,7 +251,7 @@ function create_each_block$6(ctx){let li;let a;let t_value=/*child*/ctx[5].inner
|
|
|
251
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)}
|
|
252
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}
|
|
253
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}
|
|
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)
|
|
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=`
|
|
255
255
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
256
256
|
--min-child-width: ${/*minchildwidth*/ctx[1]||0};
|
|
257
257
|
gap: var(--goa-space-${/*gap*/ctx[0]})
|
|
@@ -287,21 +287,32 @@ function create_if_block_2$8(ctx){let span;let t0;let a;let t1;let a_target_valu
|
|
|
287
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
|
|
288
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")
|
|
289
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")
|
|
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_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[
|
|
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[
|
|
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);}};}// (
|
|
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);}};}// (
|
|
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[
|
|
295
|
-
|
|
296
|
-
|
|
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
|
|
297
312
|
// reference to allow for creation of the @keyframes for the in:fade and out:fade transitions.
|
|
298
313
|
// DDIDS-1288
|
|
299
|
-
|
|
300
|
-
onMount(async()=>{await tick();validateCalloutVariant(calloutvariant);validateTransition(transition);if(width){$$invalidate(0,maxwidth=width);console.warn("`width` is deprecated. Please use `maxwidth` instead.");}});// Functions
|
|
301
|
-
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
|
|
302
|
-
}}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
|
|
303
|
-
$$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
|
|
304
|
-
$$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"}
|
|
305
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}
|
|
306
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
|
|
307
318
|
let pageDropdownEl=null;let hiddenEl=null;// needed to allow the inputEl's event to be cancelled
|
|
@@ -372,8 +383,8 @@ return [...el.children];}/**
|
|
|
372
383
|
* Handles changing of the radio items
|
|
373
384
|
* @param newValue Selected value
|
|
374
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
|
|
375
|
-
$$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
|
|
376
|
-
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=`
|
|
377
388
|
max-height: ${/*maxheight*/ctx[3]||"50vh"};
|
|
378
389
|
overflow-y: ${/*direction*/ctx[0]==="vertical"?'auto':'hidden'};
|
|
379
390
|
overflow-x: ${/*direction*/ctx[0]==="horizontal"?'auto':'hidden'};
|
|
@@ -420,22 +431,22 @@ const newDirection=direction==="asc"?"desc":"asc";sortDir=newDirection==="asc"?1
|
|
|
420
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>
|
|
421
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)
|
|
422
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"}
|
|
423
|
-
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();}}};}// (
|
|
424
|
-
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);}};}// (
|
|
425
|
-
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);}};}// (
|
|
426
|
-
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=`
|
|
427
438
|
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
428
439
|
--width: ${/*width*/ctx[5]};
|
|
429
|
-
--char-count-padding: ${/*
|
|
430
|
-
`);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=`
|
|
431
442
|
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
432
443
|
--width: ${/*width*/ctx[5]};
|
|
433
|
-
--char-count-padding: ${/*
|
|
434
|
-
`)){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
|
|
435
446
|
let _textareaEl;// functions
|
|
436
|
-
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(
|
|
437
|
-
$$invalidate(
|
|
438
|
-
}.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;/**
|
|
439
450
|
* Use a unique id for each tooltip instance.
|
|
440
451
|
* So screen readers can identify the tooltip instance when
|
|
441
452
|
* there are multiple tooltips on the same page
|
|
@@ -1546,7 +1557,7 @@ tab=document.createElement("div");tab.textContent=el.getAttribute("heading");}co
|
|
|
1546
1557
|
// =========
|
|
1547
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
|
|
1548
1559
|
_tabItems[index].setAttribute("open","true");// display tab content
|
|
1549
|
-
}});_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);
|
|
1550
1561
|
|
|
1551
1562
|
function GoADatePicker({
|
|
1552
1563
|
name,
|
|
@@ -3267,7 +3278,6 @@ function GoATextarea({
|
|
|
3267
3278
|
rows,
|
|
3268
3279
|
disabled,
|
|
3269
3280
|
countBy,
|
|
3270
|
-
showCount,
|
|
3271
3281
|
maxCount,
|
|
3272
3282
|
width,
|
|
3273
3283
|
testId,
|
|
@@ -3320,7 +3330,6 @@ function GoATextarea({
|
|
|
3320
3330
|
rows: rows,
|
|
3321
3331
|
disabled: disabled,
|
|
3322
3332
|
countby: countBy,
|
|
3323
|
-
showcount: showCount,
|
|
3324
3333
|
maxcount: maxCount,
|
|
3325
3334
|
width: width,
|
|
3326
3335
|
error: error,
|
package/react-components.umd.js
CHANGED
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
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
|
|
154
154
|
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)=>`
|
|
155
155
|
transform: ${transform} translate(${(1-t)*xValue}${xUnit}, ${(1-t)*yValue}${yUnit});
|
|
156
|
-
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.
|
|
156
|
+
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)
|
|
157
157
|
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}
|
|
158
158
|
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}
|
|
159
159
|
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}
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
$$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)}
|
|
254
254
|
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}
|
|
255
255
|
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}
|
|
256
|
-
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)
|
|
256
|
+
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=`
|
|
257
257
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
258
258
|
--min-child-width: ${/*minchildwidth*/ctx[1]||0};
|
|
259
259
|
gap: var(--goa-space-${/*gap*/ctx[0]})
|
|
@@ -289,21 +289,32 @@
|
|
|
289
289
|
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
|
|
290
290
|
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")
|
|
291
291
|
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")
|
|
292
|
-
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[
|
|
293
|
-
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[
|
|
294
|
-
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);}};}// (
|
|
295
|
-
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);}};}// (
|
|
296
|
-
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[
|
|
297
|
-
|
|
298
|
-
|
|
292
|
+
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}
|
|
293
|
+
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}
|
|
294
|
+
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}
|
|
295
|
+
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}
|
|
296
|
+
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;// *******
|
|
297
|
+
// Private
|
|
298
|
+
// *******
|
|
299
|
+
let _rootEl=null;let _scrollPos="top";let _scrollEl=null;let _headerEl=null;let _isOpen=false;let _requiresTopPadding;// Type verification
|
|
300
|
+
const[CALLOUT_VARIANT,validateCalloutVariant]=typeValidator("Callout variant",["emergency","important","information","success","event"]);const[Transitions,validateTransition]=typeValidator("Modal transition",["fast","slow","none"]);// *****
|
|
301
|
+
// Hooks
|
|
302
|
+
// *****
|
|
303
|
+
onMount(function(){return _call(tick,function(){validateCalloutVariant(calloutvariant);validateTransition(transition);// event listenerts
|
|
304
|
+
window.addEventListener('keydown',onInputKeyDown);if(width){$$invalidate(0,maxwidth=width);console.warn("`width` is deprecated. Please use `maxwidth` instead.");}});});// *********
|
|
305
|
+
// Functions
|
|
306
|
+
// *********
|
|
307
|
+
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
|
|
308
|
+
if(e.detail.scrollTop==0){$$invalidate(8,_scrollPos="top");return;}// bottom
|
|
309
|
+
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
|
|
310
|
+
}}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){// ********
|
|
311
|
+
// Reactive
|
|
312
|
+
// ********
|
|
313
|
+
$$invalidate(10,_isClosable=toBoolean(closable));}if($$self.$$.dirty&/*open*/4){// Moving the reactive var into a timeout prevents accessing null stylesheet
|
|
299
314
|
// reference to allow for creation of the @keyframes for the in:fade and out:fade transitions.
|
|
300
315
|
// DDIDS-1288
|
|
301
|
-
|
|
302
|
-
onMount(function(){return _call(tick,function(){validateCalloutVariant(calloutvariant);validateTransition(transition);if(width){$$invalidate(0,maxwidth=width);console.warn("`width` is deprecated. Please use `maxwidth` instead.");}});});// Functions
|
|
303
|
-
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
|
|
304
|
-
}}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
|
|
305
|
-
$$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
|
|
306
|
-
$$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"}
|
|
316
|
+
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
|
|
317
|
+
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"}
|
|
307
318
|
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}
|
|
308
319
|
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
|
|
309
320
|
let pageDropdownEl=null;let hiddenEl=null;// needed to allow the inputEl's event to be cancelled
|
|
@@ -374,8 +385,8 @@
|
|
|
374
385
|
* Handles changing of the radio items
|
|
375
386
|
* @param newValue Selected value
|
|
376
387
|
*/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
|
|
377
|
-
$$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
|
|
378
|
-
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=`
|
|
388
|
+
$$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
|
|
389
|
+
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=`
|
|
379
390
|
max-height: ${/*maxheight*/ctx[3]||"50vh"};
|
|
380
391
|
overflow-y: ${/*direction*/ctx[0]==="vertical"?'auto':'hidden'};
|
|
381
392
|
overflow-x: ${/*direction*/ctx[0]==="horizontal"?'auto':'hidden'};
|
|
@@ -422,22 +433,22 @@
|
|
|
422
433
|
$$invalidate(7,_isTableRoot=slot.assignedElements()[0].tagName==="TABLE");});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>
|
|
423
434
|
<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)
|
|
424
435
|
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"}
|
|
425
|
-
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();}}};}// (
|
|
426
|
-
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);}};}// (
|
|
427
|
-
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);}};}// (
|
|
428
|
-
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=/*
|
|
436
|
+
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)
|
|
437
|
+
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}
|
|
438
|
+
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}
|
|
439
|
+
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=`
|
|
429
440
|
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
430
441
|
--width: ${/*width*/ctx[5]};
|
|
431
|
-
--char-count-padding: ${/*
|
|
432
|
-
`);toggle_class(div,"error",/*isError*/ctx[
|
|
442
|
+
--char-count-padding: ${/*countby*/ctx[7]?"2rem":"0"};
|
|
443
|
+
`);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=`
|
|
433
444
|
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
434
445
|
--width: ${/*width*/ctx[5]};
|
|
435
|
-
--char-count-padding: ${/*
|
|
436
|
-
`)){attr(div,"style",div_style_value);}if(dirty&/*isError, maxcount, count*/
|
|
446
|
+
--char-count-padding: ${/*countby*/ctx[7]?"2rem":"0"};
|
|
447
|
+
`)){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
|
|
437
448
|
let _textareaEl;// functions
|
|
438
|
-
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(
|
|
439
|
-
$$invalidate(
|
|
440
|
-
}.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:
|
|
449
|
+
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
|
|
450
|
+
$$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)
|
|
451
|
+
}.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;/**
|
|
441
452
|
* Use a unique id for each tooltip instance.
|
|
442
453
|
* So screen readers can identify the tooltip instance when
|
|
443
454
|
* there are multiple tooltips on the same page
|
|
@@ -1548,7 +1559,7 @@
|
|
|
1548
1559
|
// =========
|
|
1549
1560
|
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
|
|
1550
1561
|
_tabItems[index].setAttribute("open","true");// display tab content
|
|
1551
|
-
}});_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);
|
|
1562
|
+
}});_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);
|
|
1552
1563
|
|
|
1553
1564
|
function GoADatePicker(_a) {
|
|
1554
1565
|
var name = _a.name,
|
|
@@ -3253,7 +3264,6 @@
|
|
|
3253
3264
|
rows = _a.rows,
|
|
3254
3265
|
disabled = _a.disabled,
|
|
3255
3266
|
countBy = _a.countBy,
|
|
3256
|
-
showCount = _a.showCount,
|
|
3257
3267
|
maxCount = _a.maxCount,
|
|
3258
3268
|
width = _a.width,
|
|
3259
3269
|
testId = _a.testId,
|
|
@@ -3303,7 +3313,6 @@
|
|
|
3303
3313
|
rows: rows,
|
|
3304
3314
|
disabled: disabled,
|
|
3305
3315
|
countby: countBy,
|
|
3306
|
-
showcount: showCount,
|
|
3307
3316
|
maxcount: maxCount,
|
|
3308
3317
|
width: width,
|
|
3309
3318
|
error: error,
|