@abgov/react-components 4.15.0-alpha.7 → 4.15.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/hero-banner/hero-banner.d.ts +6 -2
- package/package.json +1 -1
- package/react-components.esm.js +80 -71
- package/react-components.umd.js +80 -71
package/react-components.esm.js
CHANGED
|
@@ -98,18 +98,18 @@ $$.fragment&&$$.fragment.l(nodes);nodes.forEach(detach);}else {// eslint-disable
|
|
|
98
98
|
$$.fragment&&$$.fragment.c();}if(options.intro)transition_in(component.$$.fragment);mount_component(component,options.target,options.anchor,options.customElement);flush();}set_current_component(parent_component);}let SvelteElement;if(typeof HTMLElement==='function'){SvelteElement=class extends HTMLElement{constructor(){super();this.attachShadow({mode:'open'});}connectedCallback(){const{on_mount}=this.$$;this.$$.on_disconnect=on_mount.map(run).filter(is_function);// @ts-ignore todo: improve typings
|
|
99
99
|
for(const key in this.$$.slotted){// @ts-ignore todo: improve typings
|
|
100
100
|
this.appendChild(this.$$.slotted[key]);}}attributeChangedCallback(attr,_oldValue,newValue){this[attr]=newValue;}disconnectedCallback(){run_all(this.$$.on_disconnect);}$destroy(){destroy_component(this,1);this.$destroy=noop;}$on(type,callback){// TODO should this delegate to addEventListener?
|
|
101
|
-
if(!is_function(callback)){return noop;}const callbacks=this.$$.callbacks[type]||(this.$$.callbacks[type]=[]);callbacks.push(callback);return ()=>{const index=callbacks.indexOf(callback);if(index!==-1)callbacks.splice(index,1);};}$set($$props){if(this.$$set&&!is_empty($$props)){this.$$.skip_bound=true;this.$$set($$props);this.$$.skip_bound=false;}}};}const conversions={"0":"none","1":"3xs","2":"2xs","3":"xs","4":"s","5":"m","6":"l","7":"xl","8":"2xl","9":"3xl","10":"4xl"};function convertSpacing(size){if(!Number.isInteger(+size)){return size;}return conversions[size]||"";}function calculateMargin(mt,mr,mb,ml){mt=convertSpacing(mt);mb=convertSpacing(mb);ml=convertSpacing(ml);mr=convertSpacing(mr);return [mt&&`margin-top:var(--goa-space-${mt});`,mr&&`margin-right:var(--goa-space-${mr});`,mb&&`margin-bottom:var(--goa-space-${mb});`,ml&&`margin-left:var(--goa-space-${ml});`].join(" ");}function injectCss(el,rootSelector,css,media){const style=document.createElement("style");const _css=Object.entries(css).map(entry=>`${entry[0]}: ${entry[1]};`).join(" ");if(media){style.innerHTML=`@media (${media}) { ${rootSelector} {${_css}} }`;}else {style.innerHTML=`${rootSelector} {${_css}}`;}el.appendChild(style);}function toBoolean(value){if(value==="false"){return false;}if(value===""){return true;}return !!value;}function fromBoolean(value){return value?"true":"false";}function validateRequired(componentName,props){Object.entries(props).forEach(prop=>{if(!prop[1]){console.warn(`${componentName}: ${prop[0]} is required`);}});}function typeValidator(message,values,required=false){const validator=value=>{if(!required&&!value){return;}if(!values.includes(value)){console.error(`[${value}] is an invalid ${message.toLowerCase()}`);}};return [values,validator];}function getTimestamp(val){const months=["January","February","March","April","May","June","July","August","September","October","November","December"];const now=val||new Date();const hour24=now.getHours();const min0=now.getMinutes();const date=now.getDate();const month=months[now.getMonth()];const year=now.getFullYear();const hour=hour24===0&&12||hour24>12&&hour24-12||hour24;const meridium=hour24===0&&"AM"||hour24>=12&&"PM"||"AM";const min=min0<10&&`0${min0}`||min0;const ordinal=date%10===1&&date!==11&&"st"||date%10===2&&date!==12&&"nd"||date%10===3&&date!==13&&"rd"||"th";return `${month} ${date}${ordinal} ${year}, ${hour}:${min} ${meridium}`;}function cssVar(name,value){return value?`${name}: ${value};`:"";}/*
|
|
101
|
+
if(!is_function(callback)){return noop;}const callbacks=this.$$.callbacks[type]||(this.$$.callbacks[type]=[]);callbacks.push(callback);return ()=>{const index=callbacks.indexOf(callback);if(index!==-1)callbacks.splice(index,1);};}$set($$props){if(this.$$set&&!is_empty($$props)){this.$$.skip_bound=true;this.$$set($$props);this.$$.skip_bound=false;}}};}const conversions={"0":"none","1":"3xs","2":"2xs","3":"xs","4":"s","5":"m","6":"l","7":"xl","8":"2xl","9":"3xl","10":"4xl"};function convertSpacing(size){if(!Number.isInteger(+size)){return size;}return conversions[size]||"";}function calculateMargin(mt,mr,mb,ml){mt=convertSpacing(mt);mb=convertSpacing(mb);ml=convertSpacing(ml);mr=convertSpacing(mr);return [mt&&`margin-top:var(--goa-space-${mt});`,mr&&`margin-right:var(--goa-space-${mr});`,mb&&`margin-bottom:var(--goa-space-${mb});`,ml&&`margin-left:var(--goa-space-${ml});`].join(" ");}function injectCss(el,rootSelector,css,media){if(!el)return;const style=document.createElement("style");const _css=Object.entries(css).map(entry=>`${entry[0]}: ${entry[1]};`).join(" ");if(media){style.innerHTML=`@media (${media}) { ${rootSelector} {${_css}} }`;}else {style.innerHTML=`${rootSelector} {${_css}}`;}el.appendChild(style);}function toBoolean(value){if(value==="false"){return false;}if(value===""){return true;}return !!value;}function fromBoolean(value){return value?"true":"false";}function validateRequired(componentName,props){Object.entries(props).forEach(prop=>{if(!prop[1]){console.warn(`${componentName}: ${prop[0]} is required`);}});}function typeValidator(message,values,required=false){const validator=value=>{if(!required&&!value){return;}if(!values.includes(value)){console.error(`[${value}] is an invalid ${message.toLowerCase()}`);}};return [values,validator];}function getTimestamp(val){const months=["January","February","March","April","May","June","July","August","September","October","November","December"];const now=val||new Date();const hour24=now.getHours();const min0=now.getMinutes();const date=now.getDate();const month=months[now.getMonth()];const year=now.getFullYear();const hour=hour24===0&&12||hour24>12&&hour24-12||hour24;const meridium=hour24===0&&"AM"||hour24>=12&&"PM"||"AM";const min=min0<10&&`0${min0}`||min0;const ordinal=date%10===1&&date!==11&&"st"||date%10===2&&date!==12&&"nd"||date%10===3&&date!==13&&"rd"||"th";return `${month} ${date}${ordinal} ${year}, ${hour}:${min} ${meridium}`;}function cssVar(name,value){return value?`${name}: ${value};`:"";}/* src/components/accordion/Accordion.svelte generated by Svelte v3.59.2 */function create_fragment$$(ctx){let div3;let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let div1;let span0;let t1;let span0_class_value;let span0_data_testid_value;let t2;let span1;let t3;let t4;let div0;let summary_class_value;let t5;let div2;let div3_style_value;let mounted;let dispose;return {c(){div3=element("div");details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();div1=element("div");span0=element("span");t1=text(/*heading*/ctx[0]);t2=space();span1=element("span");t3=text(/*secondarytext*/ctx[1]);t4=space();div0=element("div");div0.innerHTML=`<slot name="headingcontent"></slot>`;t5=space();div2=element("div");div2.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_hovering*/ctx[8]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(span0,"class",span0_class_value="heading heading-"+/*headingsize*/ctx[2]);attr(span0,"data-testid",span0_data_testid_value=`${/*testid*/ctx[3]}-heading`);attr(span1,"class","secondary-text");attr(div0,"class","heading-content");toggle_class(div0,"heading-content-top",/*_headingContentSlotChildren*/ctx[10].length);attr(div1,"class","title");attr(summary,"class",summary_class_value=`container-${/*headingsize*/ctx[2]}`);attr(div2,"class","content");details.open=/*isOpen*/ctx[11];attr(div3,"style",div3_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]));attr(div3,"class",`
|
|
102
102
|
goa-accordion
|
|
103
103
|
`);attr(div3,"data-testid",/*testid*/ctx[3]);},m(target,anchor){insert(target,div3,anchor);append(div3,details);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,div1);append(div1,span0);append(span0,t1);append(div1,t2);append(div1,span1);append(span1,t3);append(div1,t4);append(div1,div0);/*div1_binding*/ctx[13](div1);append(details,t5);append(details,div2);if(!mounted){dispose=[listen(summary,"mouseover",/*mouseover_handler*/ctx[14]),listen(summary,"mouseout",/*mouseout_handler*/ctx[15]),listen(summary,"focus",/*focus_handler*/ctx[16]),listen(summary,"blur",/*blur_handler*/ctx[17])];mounted=true;}},p(ctx,[dirty]){if(dirty&/*_hovering*/256&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_hovering*/ctx[8]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*headingsize*/4&&span0_class_value!==(span0_class_value="heading heading-"+/*headingsize*/ctx[2])){attr(span0,"class",span0_class_value);}if(dirty&/*testid*/8&&span0_data_testid_value!==(span0_data_testid_value=`${/*testid*/ctx[3]}-heading`)){attr(span0,"data-testid",span0_data_testid_value);}if(dirty&/*secondarytext*/2)set_data(t3,/*secondarytext*/ctx[1]);if(dirty&/*_headingContentSlotChildren*/1024){toggle_class(div0,"heading-content-top",/*_headingContentSlotChildren*/ctx[10].length);}if(dirty&/*headingsize*/4&&summary_class_value!==(summary_class_value=`container-${/*headingsize*/ctx[2]}`)){attr(summary,"class",summary_class_value);}if(dirty&/*isOpen*/2048){details.open=/*isOpen*/ctx[11];}if(dirty&/*mt, mr, mb, ml*/240&&div3_style_value!==(div3_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]))){attr(div3,"style",div3_style_value);}if(dirty&/*testid*/8){attr(div3,"data-testid",/*testid*/ctx[3]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);/*div1_binding*/ctx[13](null);mounted=false;run_all(dispose);}};}function instance$V($$self,$$props,$$invalidate){let isOpen;const[HeadingSizes,validateHeadingSize]=typeValidator("Accordion heading size",["small","medium"]);let{open="false"}=$$props;let{heading=""}=$$props;let{secondarytext=""}=$$props;let{headingsize="small"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="xs"}=$$props;let{ml=null}=$$props;let _hovering=false;let _titleEl=null;let _headingContentSlotChildren=[];onMount(()=>{validateRequired("GoAAccordion",{heading});validateHeadingSize(headingsize);$$invalidate(10,_headingContentSlotChildren=getChildren());});function getChildren(){if(_titleEl){const slot=_titleEl.querySelector("slot");if(slot){return [...slot.assignedElements()];}else {return [..._titleEl.children];// unit tests
|
|
104
104
|
}}return [];}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_titleEl=$$value;$$invalidate(9,_titleEl);});}const mouseover_handler=()=>$$invalidate(8,_hovering=true);const mouseout_handler=()=>$$invalidate(8,_hovering=false);const focus_handler=()=>$$invalidate(8,_hovering=false);const blur_handler=()=>$$invalidate(8,_hovering=false);$$self.$$set=$$props=>{if('open'in $$props)$$invalidate(12,open=$$props.open);if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('secondarytext'in $$props)$$invalidate(1,secondarytext=$$props.secondarytext);if('headingsize'in $$props)$$invalidate(2,headingsize=$$props.headingsize);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/4096){$$invalidate(11,isOpen=toBoolean(open));}};return [heading,secondarytext,headingsize,testid,mt,mr,mb,ml,_hovering,_titleEl,_headingContentSlotChildren,isOpen,open,div1_binding,mouseover_handler,mouseout_handler,focus_handler,blur_handler];}class Accordion extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4)}.goa-accordion,.goa-accordion *{box-sizing:border-box}summary{min-height:3.5rem;border-width:var(--goa-border-width-s);border-style:solid;border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-text-default);;;padding:0.875rem 1rem 0 0;cursor:pointer;list-style:none;display:flex;align-items:flex-start;position:relative}summary.container-medium{min-height:4rem}summary::marker,summary::-webkit-details-marker{display:none}summary .title{display:flex;align-items:center;flex:1}.title span{padding-bottom:var(--goa-space-3xs, 0)}summary .heading{font:var(--goa-typography-heading-s);padding-right:1rem}summary .secondary-text{font:var(--goa-typography-body-s);line-height:1.5rem;padding-right:1rem}summary .heading-content{flex:1
|
|
105
|
-
}.content{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-left:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-right:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);padding:1.5rem;padding-left:3.5rem;padding-right:2rem}.content ::slotted(p:last-child){margin-bottom:0 !important}summary goa-icon{padding:0.125rem 1rem}summary.container-medium goa-icon{padding:0.375rem 1rem}details[open] goa-icon{transform:rotate(90deg)}details[open] summary{border-bottom-left-radius:var(--goa-border-radius-none);border-bottom-right-radius:var(--goa-border-radius-none)}summary:hover{background-color:var(--goa-color-greyscale-200)}summary:focus,summary:active{background-color:var(--goa-color-greyscale-100);outline:none}summary:active::before,summary:focus::before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);border-radius:4px}summary .heading.heading-medium{line-height:2rem;font:var(--goa-typography-heading-m)}@media(max-width:
|
|
106
|
-
function create_if_block_5$1(ctx){let a;let img0;let img0_src_value;let t0;let img1;let img1_src_value;let t1;let if_block=/*heading*/ctx[0]&&create_if_block_6$1(ctx);return {c(){a=element("a");img0=element("img");t0=space();img1=element("img");t1=space();if(if_block)if_block.c();attr(img0,"alt","GoA Logo");attr(img0,"class","image-mobile");if(!src_url_equal(img0.src,img0_src_value=_mobileLogo))attr(img0,"src",img0_src_value);attr(img1,"alt","GoA Logo");attr(img1,"class","image-desktop");if(!src_url_equal(img1.src,img1_src_value=_desktopLogo))attr(img1,"src",img1_src_value);attr(a,"href",/*url*/ctx[1]);attr(a,"class","header-logo-title-area");attr(a,"data-testid","url");},m(target,anchor){insert(target,a,anchor);append(a,img0);append(a,t0);append(a,img1);append(a,t1);if(if_block)if_block.m(a,null);},p(ctx,dirty){if(/*heading*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_6$1(ctx);if_block.c();if_block.m(a,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*url*/2){attr(a,"href",/*url*/ctx[1]);}},d(detaching){if(detaching)detach(a);if(if_block)if_block.d();}};}// (
|
|
107
|
-
function create_if_block_7$1(ctx){let span;let t;return {c(){span=element("span");t=text(/*heading*/ctx[0]);attr(span,"data-testid","title");attr(span,"class","title");},m(target,anchor){insert(target,span,anchor);append(span,t);},p(ctx,dirty){if(dirty&/*heading*/1)set_data(t,/*heading*/ctx[0]);},d(detaching){if(detaching)detach(span);}};}// (
|
|
108
|
-
function create_if_block_6$1(ctx){let span;let t;return {c(){span=element("span");t=text(/*heading*/ctx[0]);attr(span,"data-testid","title");attr(span,"class","title");},m(target,anchor){insert(target,span,anchor);append(span,t);},p(ctx,dirty){if(dirty&/*heading*/1)set_data(t,/*heading*/ctx[0]);},d(detaching){if(detaching)detach(span);}};}// (
|
|
109
|
-
function create_if_block_4$5(ctx){let button;let t;let goa_icon;let goa_icon_type_value;let mounted;let dispose;return {c(){button=element("button");t=text("Menu ");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class","menu-toggle-area");attr(button,"data-testid","menu-toggle");},m(target,anchor){insert(target,button,anchor);append(button,t);append(button,goa_icon);if(!mounted){dispose=listen(button,"click",/*toggleMenu*/ctx[11]);mounted=true;}},p(ctx,dirty){if(dirty&/*_showMenu*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}},d(detaching){if(detaching)detach(button);mounted=false;dispose();}};}// (
|
|
110
|
-
function create_if_block_2$e(ctx){let goa_popover;let div;let button;let t0;let goa_icon;let goa_icon_type_value;let t1;let mounted;let dispose;let if_block=/*_showMenu*/ctx[8]&&create_if_block_3$c(ctx);return {c(){goa_popover=element("goa-popover");div=element("div");button=element("button");t0=text("Menu ");goa_icon=element("goa-icon");t1=space();if(if_block)if_block.c();set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class","menu-toggle-area");attr(button,"data-testid","menu-toggle");attr(div,"slot","target");set_custom_element_data(goa_popover,"class","menu");set_custom_element_data(goa_popover,"open",/*_showMenu*/ctx[8]);set_custom_element_data(goa_popover,"context","app-header-menu");set_custom_element_data(goa_popover,"focusborderwidth","0");set_custom_element_data(goa_popover,"borderradius","0");set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"width","16rem");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"position","below");},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,div);append(div,button);append(button,t0);append(button,goa_icon);append(goa_popover,t1);if(if_block)if_block.m(goa_popover,null);if(!mounted){dispose=[listen(button,"click",/*toggleMenu*/ctx[11]),listen(goa_popover,"_close",/*hideMenu*/ctx[12])];mounted=true;}},p(ctx,dirty){if(dirty&/*_showMenu*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(/*_showMenu*/ctx[8]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_3$c(ctx);if_block.c();if_block.m(goa_popover,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*_showMenu*/256){set_custom_element_data(goa_popover,"open",/*_showMenu*/ctx[8]);}},d(detaching){if(detaching)detach(goa_popover);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}// (
|
|
111
|
-
function create_if_block_3$c(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"data-testid","slot");},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[14](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[14](null);}};}// (
|
|
112
|
-
function create_if_block_1$i(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;set_style(div,"display","none");},m(target,anchor){insert(target,div,anchor);/*div_binding_1*/ctx[15](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_1*/ctx[15](null);}};}// (
|
|
105
|
+
}.content{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-left:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-right:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);padding:1.5rem;padding-left:3.5rem;padding-right:2rem}.content ::slotted(p:last-child){margin-bottom:0 !important}summary goa-icon{padding:0.125rem 1rem}summary.container-medium goa-icon{padding:0.375rem 1rem}details[open] goa-icon{transform:rotate(90deg)}details[open] summary{border-bottom-left-radius:var(--goa-border-radius-none);border-bottom-right-radius:var(--goa-border-radius-none)}summary:hover{background-color:var(--goa-color-greyscale-200)}summary:focus,summary:active{background-color:var(--goa-color-greyscale-100);outline:none}summary:active::before,summary:focus::before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);border-radius:4px}summary .heading.heading-medium{line-height:2rem;font:var(--goa-typography-heading-m)}@media screen and (max-width: 623px){summary{align-items:flex-start}summary .title{flex-direction:column;align-items:flex-start;padding-bottom:0.875rem}summary .title span{padding-bottom:0}summary .heading-content.heading-content-top{margin-top:var(--goa-space-xs)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$V,create_fragment$$,safe_not_equal,{open:12,heading:0,secondarytext:1,headingsize:2,testid:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["open","heading","secondarytext","headingsize","testid","mt","mr","mb","ml"];}get open(){return this.$$.ctx[12];}set open(open){this.$$set({open});flush();}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get secondarytext(){return this.$$.ctx[1];}set secondarytext(secondarytext){this.$$set({secondarytext});flush();}get headingsize(){return this.$$.ctx[2];}set headingsize(headingsize){this.$$set({headingsize});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-accordion",Accordion);const MOBILE_BP=624;const TABLET_BP=1024;/* src/components/app-header/AppHeader.svelte generated by Svelte v3.59.2 */const{window:window_1$2}=globals;function create_else_block$d(ctx){let div;let img0;let img0_src_value;let t0;let img1;let img1_src_value;let t1;let if_block=/*heading*/ctx[0]&&create_if_block_7$1(ctx);return {c(){div=element("div");img0=element("img");t0=space();img1=element("img");t1=space();if(if_block)if_block.c();attr(img0,"alt","GoA Logo");attr(img0,"class","image-mobile");if(!src_url_equal(img0.src,img0_src_value=_mobileLogo))attr(img0,"src",img0_src_value);attr(img1,"alt","GoA Logo");attr(img1,"class","image-desktop");if(!src_url_equal(img1.src,img1_src_value=_desktopLogo))attr(img1,"src",img1_src_value);attr(div,"class","header-logo-title-area");},m(target,anchor){insert(target,div,anchor);append(div,img0);append(div,t0);append(div,img1);append(div,t1);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(/*heading*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_7$1(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}},d(detaching){if(detaching)detach(div);if(if_block)if_block.d();}};}// (90:4) {#if url}
|
|
106
|
+
function create_if_block_5$1(ctx){let a;let img0;let img0_src_value;let t0;let img1;let img1_src_value;let t1;let if_block=/*heading*/ctx[0]&&create_if_block_6$1(ctx);return {c(){a=element("a");img0=element("img");t0=space();img1=element("img");t1=space();if(if_block)if_block.c();attr(img0,"alt","GoA Logo");attr(img0,"class","image-mobile");if(!src_url_equal(img0.src,img0_src_value=_mobileLogo))attr(img0,"src",img0_src_value);attr(img1,"alt","GoA Logo");attr(img1,"class","image-desktop");if(!src_url_equal(img1.src,img1_src_value=_desktopLogo))attr(img1,"src",img1_src_value);attr(a,"href",/*url*/ctx[1]);attr(a,"class","header-logo-title-area");attr(a,"data-testid","url");},m(target,anchor){insert(target,a,anchor);append(a,img0);append(a,t0);append(a,img1);append(a,t1);if(if_block)if_block.m(a,null);},p(ctx,dirty){if(/*heading*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_6$1(ctx);if_block.c();if_block.m(a,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*url*/2){attr(a,"href",/*url*/ctx[1]);}},d(detaching){if(detaching)detach(a);if(if_block)if_block.d();}};}// (102:8) {#if heading}
|
|
107
|
+
function create_if_block_7$1(ctx){let span;let t;return {c(){span=element("span");t=text(/*heading*/ctx[0]);attr(span,"data-testid","title");attr(span,"class","title");},m(target,anchor){insert(target,span,anchor);append(span,t);},p(ctx,dirty){if(dirty&/*heading*/1)set_data(t,/*heading*/ctx[0]);},d(detaching){if(detaching)detach(span);}};}// (94:8) {#if heading}
|
|
108
|
+
function create_if_block_6$1(ctx){let span;let t;return {c(){span=element("span");t=text(/*heading*/ctx[0]);attr(span,"data-testid","title");attr(span,"class","title");},m(target,anchor){insert(target,span,anchor);append(span,t);},p(ctx,dirty){if(dirty&/*heading*/1)set_data(t,/*heading*/ctx[0]);},d(detaching){if(detaching)detach(span);}};}// (109:4) {#if _showToggleMenu && _mobile}
|
|
109
|
+
function create_if_block_4$5(ctx){let button;let t;let goa_icon;let goa_icon_type_value;let mounted;let dispose;return {c(){button=element("button");t=text("Menu ");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class","menu-toggle-area");attr(button,"data-testid","menu-toggle");},m(target,anchor){insert(target,button,anchor);append(button,t);append(button,goa_icon);if(!mounted){dispose=listen(button,"click",/*toggleMenu*/ctx[11]);mounted=true;}},p(ctx,dirty){if(dirty&/*_showMenu*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}},d(detaching){if(detaching)detach(button);mounted=false;dispose();}};}// (116:4) {#if _showToggleMenu && _tablet}
|
|
110
|
+
function create_if_block_2$e(ctx){let goa_popover;let div;let button;let t0;let goa_icon;let goa_icon_type_value;let t1;let mounted;let dispose;let if_block=/*_showMenu*/ctx[8]&&create_if_block_3$c(ctx);return {c(){goa_popover=element("goa-popover");div=element("div");button=element("button");t0=text("Menu ");goa_icon=element("goa-icon");t1=space();if(if_block)if_block.c();set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class","menu-toggle-area");attr(button,"data-testid","menu-toggle");attr(div,"slot","target");set_custom_element_data(goa_popover,"class","menu");set_custom_element_data(goa_popover,"open",/*_showMenu*/ctx[8]);set_custom_element_data(goa_popover,"context","app-header-menu");set_custom_element_data(goa_popover,"focusborderwidth","0");set_custom_element_data(goa_popover,"borderradius","0");set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"width","16rem");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"position","below");},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,div);append(div,button);append(button,t0);append(button,goa_icon);append(goa_popover,t1);if(if_block)if_block.m(goa_popover,null);if(!mounted){dispose=[listen(button,"click",/*toggleMenu*/ctx[11]),listen(goa_popover,"_close",/*hideMenu*/ctx[12])];mounted=true;}},p(ctx,dirty){if(dirty&/*_showMenu*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(/*_showMenu*/ctx[8]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_3$c(ctx);if_block.c();if_block.m(goa_popover,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*_showMenu*/256){set_custom_element_data(goa_popover,"open",/*_showMenu*/ctx[8]);}},d(detaching){if(detaching)detach(goa_popover);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}// (135:8) {#if _showMenu}
|
|
111
|
+
function create_if_block_3$c(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"data-testid","slot");},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[14](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[14](null);}};}// (148:4) {#if !_showMenu && (_mobile || _tablet)}
|
|
112
|
+
function create_if_block_1$i(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;set_style(div,"display","none");},m(target,anchor){insert(target,div,anchor);/*div_binding_1*/ctx[15](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_1*/ctx[15](null);}};}// (155:4) {#if _showMenu && _mobile || _desktop}
|
|
113
113
|
function create_if_block$v(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"data-testid","slot");attr(div,"class","content-area");},m(target,anchor){insert(target,div,anchor);/*div_binding_2*/ctx[16](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_2*/ctx[16](null);}};}function create_fragment$_(ctx){let div1;let div0;let t0;let t1;let t2;let t3;let div1_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[13]);function select_block_type(ctx,dirty){if(/*url*/ctx[1])return create_if_block_5$1;return create_else_block$d;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*_showToggleMenu*/ctx[7]&&/*_mobile*/ctx[10]&&create_if_block_4$5(ctx);let if_block2=/*_showToggleMenu*/ctx[7]&&/*_tablet*/ctx[9]&&create_if_block_2$e(ctx);let if_block3=!/*_showMenu*/ctx[8]&&(/*_mobile*/ctx[10]||/*_tablet*/ctx[9])&&create_if_block_1$i(ctx);let if_block4=(/*_showMenu*/ctx[8]&&/*_mobile*/ctx[10]||/*_desktop*/ctx[5])&&create_if_block$v(ctx);return {c(){div1=element("div");div0=element("div");if_block0.c();t0=space();if(if_block1)if_block1.c();t1=space();if(if_block2)if_block2.c();t2=space();if(if_block3)if_block3.c();t3=space();if(if_block4)if_block4.c();this.c=noop;attr(div0,"class","layout");attr(div1,"class","container");attr(div1,"data-testid",/*testid*/ctx[2]);attr(div1,"style",div1_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]||"100%"}`);toggle_class(div1,"show-menu",/*_showMenu*/ctx[8]);},m(target,anchor){insert(target,div1,anchor);append(div1,div0);if_block0.m(div0,null);append(div0,t0);if(if_block1)if_block1.m(div0,null);append(div0,t1);if(if_block2)if_block2.m(div0,null);append(div0,t2);if(if_block3)if_block3.m(div0,null);append(div0,t3);if(if_block4)if_block4.m(div0,null);if(!mounted){dispose=listen(window_1$2,"resize",/*onwindowresize*/ctx[13]);mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block0){if_block0.p(ctx,dirty);}else {if_block0.d(1);if_block0=current_block_type(ctx);if(if_block0){if_block0.c();if_block0.m(div0,t0);}}if(/*_showToggleMenu*/ctx[7]&&/*_mobile*/ctx[10]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_4$5(ctx);if_block1.c();if_block1.m(div0,t1);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*_showToggleMenu*/ctx[7]&&/*_tablet*/ctx[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_2$e(ctx);if_block2.c();if_block2.m(div0,t2);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(!/*_showMenu*/ctx[8]&&(/*_mobile*/ctx[10]||/*_tablet*/ctx[9])){if(if_block3){if_block3.p(ctx,dirty);}else {if_block3=create_if_block_1$i(ctx);if_block3.c();if_block3.m(div0,t3);}}else if(if_block3){if_block3.d(1);if_block3=null;}if(/*_showMenu*/ctx[8]&&/*_mobile*/ctx[10]||/*_desktop*/ctx[5]){if(if_block4){if_block4.p(ctx,dirty);}else {if_block4=create_if_block$v(ctx);if_block4.c();if_block4.m(div0,null);}}else if(if_block4){if_block4.d(1);if_block4=null;}if(dirty&/*testid*/4){attr(div1,"data-testid",/*testid*/ctx[2]);}if(dirty&/*maxcontentwidth*/8&&div1_style_value!==(div1_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]||"100%"}`)){attr(div1,"style",div1_style_value);}if(dirty&/*_showMenu*/256){toggle_class(div1,"show-menu",/*_showMenu*/ctx[8]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();mounted=false;dispose();}};}const _mobileLogo="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E";const _desktopLogo="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E";function instance$U($$self,$$props,$$invalidate){let _mobile;let _tablet;let _desktop;let{heading=""}=$$props;let{url=""}=$$props;let{testid=""}=$$props;let{maxcontentwidth=""}=$$props;let _slotParentEl;let _windowWidth=window.innerWidth;let _showToggleMenu=false;let _showMenu=false;// Functions
|
|
114
114
|
const toggleMenu=()=>$$invalidate(8,_showMenu=!_showMenu);const hideMenu=()=>$$invalidate(8,_showMenu=false);// Hooks
|
|
115
115
|
onMount(()=>{window.addEventListener("popstate",()=>{// only hide menu for non-desktop screens
|
|
@@ -119,11 +119,11 @@ function setCurrentLink(){if(!_slotParentEl)return;const slot=_slotParentEl.quer
|
|
|
119
119
|
// element to allow for the children count to be obtained.
|
|
120
120
|
async function hasChildren(){var _a;await tick();if(!_slotParentEl)return;const slot=_slotParentEl===null||_slotParentEl===void 0?void 0:_slotParentEl.childNodes[0];const children=(_a=slot.assignedElements)===null||_a===void 0?void 0:_a.call(slot);if(children){return children.length>0;}else {// testing
|
|
121
121
|
return [..._slotParentEl.querySelectorAll("a")].length>0;}}function onwindowresize(){$$invalidate(4,_windowWidth=window_1$2.innerWidth);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function div_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function div_binding_2($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('url'in $$props)$$invalidate(1,url=$$props.url);if('testid'in $$props)$$invalidate(2,testid=$$props.testid);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_windowWidth*/16){// Reactive
|
|
122
|
-
$$invalidate(10,_mobile=_windowWidth<
|
|
123
|
-
"links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}::slotted(a:hover){background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media(max-width:
|
|
122
|
+
$$invalidate(10,_mobile=_windowWidth<MOBILE_BP);}if($$self.$$.dirty&/*_windowWidth*/16){$$invalidate(9,_tablet=_windowWidth>=MOBILE_BP&&_windowWidth<TABLET_BP);}if($$self.$$.dirty&/*_windowWidth*/16){$$invalidate(5,_desktop=_windowWidth>=TABLET_BP);}if($$self.$$.dirty&/*_desktop*/32){(async()=>$$invalidate(7,_showToggleMenu=!_desktop&&(await hasChildren())))();}};return [heading,url,testid,maxcontentwidth,_windowWidth,_desktop,_slotParentEl,_showToggleMenu,_showMenu,_tablet,_mobile,toggleMenu,hideMenu,onwindowresize,div_binding,div_binding_1,div_binding_2];}class AppHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*,::slotted(*){font:var(--goa-typography-body-s)}.container{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-white)}.title{margin-left:var(--goa-space-s);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--goa-color-text-default)}.layout{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:3.375rem auto;grid-template-areas:"header menu"
|
|
123
|
+
"links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}::slotted(a:hover){background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media screen and (max-width: 623px){.image-desktop{display:none}.image-mobile{display:block}.show-menu{border-bottom:var(--goa-border-width-m) solid var(--goa-color-greyscale-200)}}@media screen and (max-width: 623px){@media not (max-color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media screen and (min-width: 624px) and (max-width: 1023px){.image-desktop{display:block}.image-mobile{display:none}}@media screen and (min-width: 1024px){.image-desktop{display:block}.image-mobile{display:none}.layout{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;grid-template-areas:"header . menu";margin:0 auto;width:min(var(--max-content-width), 100%)}.header-logo-title-area{grid-area:header;display:flex;align-items:center;grid-template-rows:3.375rem auto;color:inherit;flex:1 1 auto}.content-area{grid-area:menu;display:flex;align-items:stretch}::slotted(goa-app-header-menu),::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default);font-weight:var(--goa-font-weight-bold);grid-template-rows:3.375rem auto;display:inline-flex;align-items:center;padding:0 0.75rem}::slotted(goa-app-header-menu){padding:0}::slotted(a:focus-within),::slotted(goa-app-header-menu:focus-within),::slotted(a:hover),::slotted(goa-app-header-menu:hover){background:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}::slotted(a:focus),::slotted(goa-app-header-menu:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.current){border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}::slotted(a.current:hover){border-top:4px solid var(--goa-color-interactive-hover)}::slotted(a.interactive){font-weight:var(--goa-font-weight-medium);text-decoration:underline;color:var(--goa-color-interactive-default);padding:0 var(--goa-space-m)}::slotted(a.interactive:hover){color:var(--goa-color-interactive-hover)}::slotted(a.interactive.current){border-color:transparent;margin-left:var(--goa-space-m)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$U,create_fragment$_,safe_not_equal,{heading:0,url:1,testid:2,maxcontentwidth: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 ["heading","url","testid","maxcontentwidth"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get url(){return this.$$.ctx[1];}set url(url){this.$$set({url});flush();}get testid(){return this.$$.ctx[2];}set testid(testid){this.$$set({testid});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-app-header",AppHeader);/* src/components/badge/Badge.svelte generated by Svelte v3.59.2 */function create_else_block$c(ctx){let div;return {c(){div=element("div");set_style(div,"height","1.2rem");set_style(div,"margin-left","-0.25rem");},m(target,anchor){insert(target,div,anchor);},p:noop,d(detaching){if(detaching)detach(div);}};}// (51:2) {#if showIcon}
|
|
124
124
|
function create_if_block_1$h(ctx){let goa_icon;let goa_icon_arialabel_value;let goa_icon_role_value;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?/*arialabel*/ctx[3]:null);set_custom_element_data(goa_icon,"role",goa_icon_role_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?"presentation":null);set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*showIconOnly, arialabel*/520&&goa_icon_arialabel_value!==(goa_icon_arialabel_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?/*arialabel*/ctx[3]:null)){set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value);}if(dirty&/*showIconOnly, arialabel*/520&&goa_icon_role_value!==(goa_icon_role_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?"presentation":null)){set_custom_element_data(goa_icon,"role",goa_icon_role_value);}if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (61:2) {#if content}
|
|
125
125
|
function create_if_block$u(ctx){let div;let t;return {c(){div=element("div");t=text(/*content*/ctx[2]);attr(div,"class","goa-badge-content");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*content*/4)set_data(t,/*content*/ctx[2]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$Z(ctx){let div;let t;let div_style_value;let div_class_value;function select_block_type(ctx,dirty){if(/*showIcon*/ctx[8])return create_if_block_1$h;return create_else_block$c;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*content*/ctx[2]&&create_if_block$u(ctx);return {c(){div=element("div");if_block0.c();t=space();if(if_block1)if_block1.c();this.c=noop;attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]));attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"data-type","goa-badge");attr(div,"class",div_class_value="goa-badge badge-"+/*type*/ctx[0]);toggle_class(div,"icon-only",/*showIconOnly*/ctx[9]);},m(target,anchor){insert(target,div,anchor);if_block0.m(div,null);append(div,t);if(if_block1)if_block1.m(div,null);},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block0){if_block0.p(ctx,dirty);}else {if_block0.d(1);if_block0=current_block_type(ctx);if(if_block0){if_block0.c();if_block0.m(div,t);}}if(/*content*/ctx[2]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$u(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*/240&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*type*/1&&div_class_value!==(div_class_value="goa-badge badge-"+/*type*/ctx[0])){attr(div,"class",div_class_value);}if(dirty&/*type, showIconOnly*/513){toggle_class(div,"icon-only",/*showIconOnly*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if_block0.d();if(if_block1)if_block1.d();}};}function instance$T($$self,$$props,$$invalidate){let showIcon;let showIconOnly;let iconType;const[Types,validateType]=typeValidator("Badge type",["success","important","information","emergency","dark","midtone","light"],true);let{type}=$$props;let{testid=""}=$$props;let{content=""}=$$props;let{icon="false"}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);if(!showIcon&&!content){console.warn("GoABadge must have either then content or icon property set");}if(showIconOnly&&!arialabel){console.warn("GoABadge with icon only requires an arialabel");}});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('content'in $$props)$$invalidate(2,content=$$props.content);if('icon'in $$props)$$invalidate(11,icon=$$props.icon);if('arialabel'in $$props)$$invalidate(3,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*icon*/2048){// private
|
|
126
|
-
$$invalidate(8,showIcon=toBoolean(icon));}if($$self.$$.dirty&/*showIcon, content*/260){$$invalidate(9,showIconOnly=showIcon&&!content);}if($$self.$$.dirty&/*type*/1){$$invalidate(10,iconType={success:"checkmark-circle",important:"alert-circle",information:"information-circle",emergency:"warning",dark:"information-circle",midtone:"information-circle",light:"information-circle"}[type]);}};return [type,testid,content,arialabel,mt,mr,mb,ml,showIcon,showIconOnly,iconType,icon];}class Badge 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-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$T,create_fragment$Z,safe_not_equal,{type:0,testid:1,content:2,icon:11,arialabel:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","testid","content","icon","arialabel","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get content(){return this.$$.ctx[2];}set content(content){this.$$set({content});flush();}get icon(){return this.$$.ctx[11];}set icon(icon){this.$$set({icon});flush();}get arialabel(){return this.$$.ctx[3];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-badge",Badge);/*
|
|
126
|
+
$$invalidate(8,showIcon=toBoolean(icon));}if($$self.$$.dirty&/*showIcon, content*/260){$$invalidate(9,showIconOnly=showIcon&&!content);}if($$self.$$.dirty&/*type*/1){$$invalidate(10,iconType={success:"checkmark-circle",important:"alert-circle",information:"information-circle",emergency:"warning",dark:"information-circle",midtone:"information-circle",light:"information-circle"}[type]);}};return [type,testid,content,arialabel,mt,mr,mb,ml,showIcon,showIconOnly,iconType,icon];}class Badge 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-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$T,create_fragment$Z,safe_not_equal,{type:0,testid:1,content:2,icon:11,arialabel:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","testid","content","icon","arialabel","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get content(){return this.$$.ctx[2];}set content(content){this.$$set({content});flush();}get icon(){return this.$$.ctx[11];}set icon(icon){this.$$set({icon});flush();}get arialabel(){return this.$$.ctx[3];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-badge",Badge);/* src/components/block/Block.svelte generated by Svelte v3.59.2 */function create_fragment$Y(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","block");attr(div,"style",div_style_value=`
|
|
127
127
|
${calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])};
|
|
128
128
|
--gap: var(--goa-space-${/*gap*/ctx[0]});
|
|
129
129
|
--alignment: ${/*alignment*/ctx[2]};
|
|
@@ -133,11 +133,11 @@ $$invalidate(8,showIcon=toBoolean(icon));}if($$self.$$.dirty&/*showIcon, content
|
|
|
133
133
|
--gap: var(--goa-space-${/*gap*/ctx[0]});
|
|
134
134
|
--alignment: ${/*alignment*/ctx[2]};
|
|
135
135
|
--direction: ${/*direction*/ctx[1]};
|
|
136
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$S($$self,$$props,$$invalidate){let{gap="m"}=$$props;let{direction="row"}=$$props;let{alignment="start"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('direction'in $$props)$$invalidate(1,direction=$$props.direction);if('alignment'in $$props)$$invalidate(2,alignment=$$props.alignment);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);};return [gap,direction,alignment,mt,mr,mb,ml];}class Block extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.block{display:flex;flex-direction:var(--direction);align-items:var(--alignment);gap:var(--gap)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$S,create_fragment$Y,safe_not_equal,{gap:0,direction:1,alignment:2,mt:3,mr:4,mb:5,ml:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["gap","direction","alignment","mt","mr","mb","ml"];}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get direction(){return this.$$.ctx[1];}set direction(direction){this.$$set({direction});flush();}get alignment(){return this.$$.ctx[2];}set alignment(alignment){this.$$set({alignment});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-block",Block);/*
|
|
136
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$S($$self,$$props,$$invalidate){let{gap="m"}=$$props;let{direction="row"}=$$props;let{alignment="start"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('direction'in $$props)$$invalidate(1,direction=$$props.direction);if('alignment'in $$props)$$invalidate(2,alignment=$$props.alignment);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);};return [gap,direction,alignment,mt,mr,mb,ml];}class Block extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.block{display:flex;flex-direction:var(--direction);align-items:var(--alignment);gap:var(--gap)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$S,create_fragment$Y,safe_not_equal,{gap:0,direction:1,alignment:2,mt:3,mr:4,mb:5,ml:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["gap","direction","alignment","mt","mr","mb","ml"];}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get direction(){return this.$$.ctx[1];}set direction(direction){this.$$set({direction});flush();}get alignment(){return this.$$.ctx[2];}set alignment(alignment){this.$$set({alignment});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-block",Block);/* src/components/button/Button.svelte generated by Svelte v3.59.2 */function create_else_block$b(ctx){let t0;let span;let t1;let if_block1_anchor;let if_block0=/*leadingicon*/ctx[3]&&create_if_block_2$d(ctx);let if_block1=/*trailingicon*/ctx[4]&&create_if_block_1$g(ctx);return {c(){if(if_block0)if_block0.c();t0=space();span=element("span");span.innerHTML=`<slot></slot>`;t1=space();if(if_block1)if_block1.c();if_block1_anchor=empty();attr(span,"class","text");},m(target,anchor){if(if_block0)if_block0.m(target,anchor);insert(target,t0,anchor);insert(target,span,anchor);insert(target,t1,anchor);if(if_block1)if_block1.m(target,anchor);insert(target,if_block1_anchor,anchor);},p(ctx,dirty){if(/*leadingicon*/ctx[3]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_2$d(ctx);if_block0.c();if_block0.m(t0.parentNode,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*trailingicon*/ctx[4]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$g(ctx);if_block1.c();if_block1.m(if_block1_anchor.parentNode,if_block1_anchor);}}else if(if_block1){if_block1.d(1);if_block1=null;}},d(detaching){if(if_block0)if_block0.d(detaching);if(detaching)detach(t0);if(detaching)detach(span);if(detaching)detach(t1);if(if_block1)if_block1.d(detaching);if(detaching)detach(if_block1_anchor);}};}// (47:2) {#if type === "start"}
|
|
137
137
|
function create_if_block$t(ctx){let span;let t;let goa_icon;return {c(){span=element("span");span.innerHTML=`<slot></slot>`;t=space();goa_icon=element("goa-icon");attr(span,"class","text");set_custom_element_data(goa_icon,"id","trailing-icon");set_custom_element_data(goa_icon,"type","arrow-forward");set_custom_element_data(goa_icon,"inverted","true");},m(target,anchor){insert(target,span,anchor);insert(target,t,anchor);insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(span);if(detaching)detach(t);if(detaching)detach(goa_icon);}};}// (53:4) {#if leadingicon}
|
|
138
138
|
function create_if_block_2$d(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","leading-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[3]);set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/8){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[3]);}if(dirty&/*isButtonDark*/2048){set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (59:4) {#if trailingicon}
|
|
139
|
-
function create_if_block_1$g(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","trailing-icon");set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*trailingicon*/16){set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);}if(dirty&/*isButtonDark*/2048){set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$X(ctx){let button;let button_class_value;let button_style_value;let button_type_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*type*/ctx[0]==="start")return create_if_block$t;return create_else_block$b;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");if_block.c();this.c=noop;attr(button,"class",button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]));attr(button,"style",button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]));button.disabled=/*isDisabled*/ctx[10];attr(button,"data-testid",/*testid*/ctx[5]);attr(button,"type",button_type_value=/*type*/ctx[0]=="submit"?/*type*/ctx[0]:"button");toggle_class(button,"leading",/*leadingicon*/ctx[3]);toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");},m(target,anchor){insert(target,button,anchor);if_block.m(button,null);if(!mounted){dispose=[listen(button,"click",/*clickHandler*/ctx[12]),listen(button,"click",/*clickHandler*/ctx[12])];mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}if(dirty&/*type, size, variant*/7&&button_class_value!==(button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]))){attr(button,"class",button_class_value);}if(dirty&/*mt, mr, mb, ml*/960&&button_style_value!==(button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]))){attr(button,"style",button_style_value);}if(dirty&/*isDisabled*/1024){button.disabled=/*isDisabled*/ctx[10];}if(dirty&/*testid*/32){attr(button,"data-testid",/*testid*/ctx[5]);}if(dirty&/*type*/1&&button_type_value!==(button_type_value=/*type*/ctx[0]=="submit"?/*type*/ctx[0]:"button")){attr(button,"type",button_type_value);}if(dirty&/*type, size, variant, leadingicon*/15){toggle_class(button,"leading",/*leadingicon*/ctx[3]);}if(dirty&/*type, size, variant, trailingicon, type*/23){toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();mounted=false;run_all(dispose);}};}function instance$R($$self,$$props,$$invalidate){let isDisabled;let isButtonDark;const[Types,validateType]=typeValidator("Button type",["primary","submit","secondary","tertiary","start"],true);const[Sizes,validateSize]=typeValidator("Button size",["normal","compact"],true);const[Variants,validateVariant]=typeValidator("Button variant",["normal","destructive"],true);let{type="primary"}=$$props;let{size="normal"}=$$props;let{variant="normal"}=$$props;let{disabled="false"}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;function clickHandler(e){if(!isDisabled){this.dispatchEvent(new CustomEvent("_click",{composed:true,bubbles:true}));}}onMount(()=>{validateType(type);validateSize(size);validateVariant(variant);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('size'in $$props)$$invalidate(1,size=$$props.size);if('variant'in $$props)$$invalidate(2,variant=$$props.variant);if('disabled'in $$props)$$invalidate(13,disabled=$$props.disabled);if('leadingicon'in $$props)$$invalidate(3,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(4,trailingicon=$$props.trailingicon);if('testid'in $$props)$$invalidate(5,testid=$$props.testid);if('mt'in $$props)$$invalidate(6,mt=$$props.mt);if('mr'in $$props)$$invalidate(7,mr=$$props.mr);if('mb'in $$props)$$invalidate(8,mb=$$props.mb);if('ml'in $$props)$$invalidate(9,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/8192){$$invalidate(10,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*type*/1){$$invalidate(11,isButtonDark=type==="primary"||type==="start");}};return [type,size,variant,leadingicon,trailingicon,testid,mt,mr,mb,ml,isDisabled,isButtonDark,clickHandler,disabled];}class Button extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{--button-height:2.625rem;--button-height-compact:2rem;--button-height-tall:3.25rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}@media(max-width:
|
|
140
|
-
border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4);padding-left:var(--goa-space-xs);padding-right:var(--goa-space-xs)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:transparent}.tertiary.destructive:hover{color:var(--goa-color-emergency-dark)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$R,create_fragment$X,safe_not_equal,{type:0,size:1,variant:2,disabled:13,leadingicon:3,trailingicon:4,testid:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","size","variant","disabled","leadingicon","trailingicon","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get variant(){return this.$$.ctx[2];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[13];}set disabled(disabled){this.$$set({disabled});flush();}get leadingicon(){return this.$$.ctx[3];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[4];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get testid(){return this.$$.ctx[5];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button",Button);/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.59.2 */function create_fragment$W(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")));},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*mt, mr, mb, ml, _alignment, gap*/125&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")))){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$Q($$self,$$props,$$invalidate){let _alignment;let{alignment="start"}=$$props;let{gap="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;const[BUTTON_ALIGNMENTS,validateAlignment]=typeValidator("alignment",["start","end","center"]);const[GAPS,validateGap]=typeValidator("gap",["relaxed","compact"]);onMount(()=>{validateAlignment(alignment);validateGap(gap);});$$self.$$set=$$props=>{if('alignment'in $$props)$$invalidate(7,alignment=$$props.alignment);if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*alignment*/128){$$invalidate(6,_alignment={start:"flex-start",end:"flex-end",center:"center"}[alignment]);}};return [gap,testid,mt,mr,mb,ml,_alignment,alignment];}class ButtonGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$Q,create_fragment$W,safe_not_equal,{alignment:7,gap:0,testid:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["alignment","gap","testid","mt","mr","mb","ml"];}get alignment(){return this.$$.ctx[7];}set alignment(alignment){this.$$set({alignment});flush();}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button-group",ButtonGroup);/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.59.2 */function create_if_block$s(ctx){let h3;let t;return {c(){h3=element("h3");t=text(/*heading*/ctx[5]);toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,h3,anchor);append(h3,t);},p(ctx,dirty){if(dirty&/*heading*/32)set_data(t,/*heading*/ctx[5]);if(dirty&/*isMediumCallout*/512){toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);}},d(detaching){if(detaching)detach(h3);}};}function create_fragment$V(ctx){let div;let span0;let goa_icon;let goa_icon_inverted_value;let span0_class_value;let t0;let span1;let t1;let slot;let div_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[12]);let if_block=/*heading*/ctx[5]&&create_if_block$s(ctx);return {c(){div=element("div");span0=element("span");goa_icon=element("goa-icon");t0=space();span1=element("span");if(if_block)if_block.c();t1=space();slot=element("slot");this.c=noop;set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true");attr(span0,"class",span0_class_value="icon "+/*type*/ctx[4]);attr(span1,"class","content");attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div,"class","notification");attr(div,"data-testid",/*testid*/ctx[6]);toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,div,anchor);append(div,span0);append(span0,goa_icon);append(div,t0);append(div,span1);if(if_block)if_block.m(span1,null);append(span1,t1);append(span1,slot);if(!mounted){dispose=listen(window,"resize",/*onwindowresize*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}if(dirty&/*iconSize*/256){set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);}if(dirty&/*type*/16&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*type*/16&&span0_class_value!==(span0_class_value="icon "+/*type*/ctx[4])){attr(span0,"class",span0_class_value);}if(/*heading*/ctx[5]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$s(ctx);if_block.c();if_block.m(span1,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*mt, mr, mb, ml*/15&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/64){attr(div,"data-testid",/*testid*/ctx[6]);}if(dirty&/*isMediumCallout*/512){toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();mounted=false;dispose();}};}function instance$P($$self,$$props,$$invalidate){let isMediumCallout;let iconType;const[Types,validateType]=typeValidator("Callout type",["emergency","important","information","event","success"],true);const[CalloutSizes,validateCalloutSize]=typeValidator("Callout size",["medium","large"]);let{mt=null}=$$props;let{mr=null}=$$props;let{mb="l"}=$$props;let{ml=null}=$$props;let{size="large"}=$$props;let{type}=$$props;let{heading=""}=$$props;let{testid=""}=$$props;let screenSize=0;let iconSize="medium";onMount(()=>{validateCalloutSize(size);setTimeout(()=>{validateType(type);$$invalidate(8,iconSize=isMediumCallout?"small":"medium");});});function onwindowresize(){$$invalidate(7,screenSize=window.innerWidth);}$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('size'in $$props)$$invalidate(11,size=$$props.size);if('type'in $$props)$$invalidate(4,type=$$props.type);if('heading'in $$props)$$invalidate(5,heading=$$props.heading);if('testid'in $$props)$$invalidate(6,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*screenSize, size*/2176){$$invalidate(9,isMediumCallout=screenSize<640||size==="medium");}if($$self.$$.dirty&/*type*/16){$$invalidate(10,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="success"?"checkmark-circle":type==="event"?"calendar":"");}};return [mt,mr,mb,ml,type,heading,testid,screenSize,iconSize,isMediumCallout,iconType,size,onwindowresize];}class Callout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{display:flex;align-items:stretch;overflow:hidden;font:var(--goa-typography-body-m)}h3{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-2);font-weight:var(--goa-font-weight-regular);margin-top:var(--goa-space-none);margin-bottom:var(--goa-space-m)}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.icon{text-align:center;padding-top:var(--goa-space-l);padding-left:var(--goa-space-s);padding-right:var(--goa-space-s)}.content{flex:1 1 auto;background-color:var(--goa-color-greyscale-100);padding:var(--goa-space-l)}.notification.medium{font:var(--goa-typography-body-s)}h3.medium{font:var(--goa-typography-heading-xs);margin-bottom:var(--goa-space-2xs)}.notification.medium .content{padding:var(--goa-space-s);margin-top:calc(-1 * var(--goa-space-3xs))}.notification.medium .icon{padding-top:var(--goa-space-s);padding-left:var(--goa-space-2xs);padding-right:var(--goa-space-2xs)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$P,create_fragment$V,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,size:11,type:4,heading:5,testid:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","size","type","heading","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get size(){return this.$$.ctx[11];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get heading(){return this.$$.ctx[5];}set heading(heading){this.$$set({heading});flush();}get testid(){return this.$$.ctx[6];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-callout",Callout);/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.59.2 */function create_fragment$U(ctx){let goa_card_content;return {c(){goa_card_content=element("goa-card-content");goa_card_content.innerHTML=`<goa-button-group alignment="end"><slot></slot></goa-button-group>`;this.c=noop;},m(target,anchor){insert(target,goa_card_content,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(goa_card_content);}};}class CardActions extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$U,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-actions",CardActions);/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.59.2 */function create_fragment$T(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[7]);attr(div,"class","card");attr(div,"style",div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"");},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/128){attr(div,"data-testid",/*testid*/ctx[7]);}if(dirty&/*width, height, mt, mr, mb, ml, elevation*/127&&div_style_value!==(div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"")){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$O($$self,$$props,$$invalidate){let{elevation=0}=$$props;let{width="100%"}=$$props;let{height="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{testid=""}=$$props;$$self.$$set=$$props=>{if('elevation'in $$props)$$invalidate(0,elevation=$$props.elevation);if('width'in $$props)$$invalidate(1,width=$$props.width);if('height'in $$props)$$invalidate(2,height=$$props.height);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};return [elevation,width,height,mt,mr,mb,ml,testid];}class Card extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card{background-color:var(--goa-color-greyscale-white);border-radius:4px;overflow:hidden;height:var(--height)}@media(min-width: 320px){.card{margin:0 auto}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$O,create_fragment$T,safe_not_equal,{elevation:0,width:1,height:2,mt:3,mr:4,mb:5,ml:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["elevation","width","height","mt","mr","mb","ml","testid"];}get elevation(){return this.$$.ctx[0];}set elevation(elevation){this.$$set({elevation});flush();}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get height(){return this.$$.ctx[2];}set height(height){this.$$set({height});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-card",Card);/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.59.2 */function create_fragment$S(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-content");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardContent extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$S,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-content",CardContent);/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.59.2 */function create_fragment$R(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-group");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$R,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-group",CardGroup);/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.59.2 */function create_fragment$Q(ctx){let div;return {c(){div=element("div");this.c=noop;set_style(div,"background-image","url("+/*src*/ctx[0]+")");set_style(div,"height",/*height*/ctx[1]);set_style(div,"background-size","cover");set_style(div,"background-position","center");},m(target,anchor){insert(target,div,anchor);},p(ctx,[dirty]){if(dirty&/*src*/1){set_style(div,"background-image","url("+/*src*/ctx[0]+")");}if(dirty&/*height*/2){set_style(div,"height",/*height*/ctx[1]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$N($$self,$$props,$$invalidate){let{src}=$$props;let{height="100%"}=$$props;$$self.$$set=$$props=>{if('src'in $$props)$$invalidate(0,src=$$props.src);if('height'in $$props)$$invalidate(1,height=$$props.height);};return [src,height];}class CardImage extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$N,create_fragment$Q,safe_not_equal,{src:0,height:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["src","height"];}get src(){return this.$$.ctx[0];}set src(src){this.$$set({src});flush();}get height(){return this.$$.ctx[1];}set height(height){this.$$set({height});flush();}}customElements.define("goa-card-image",CardImage);/* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.59.2 */function create_if_block_2$c(ctx){let svg;let path;return {c(){svg=svg_element("svg");path=svg_element("path");attr(path,"d","M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z");attr(svg,"id","checkmark");attr(svg,"data-testid","checkmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 16 12.18");},m(target,anchor){insert(target,svg,anchor);append(svg,path);},d(detaching){if(detaching)detach(svg);}};}// (76:4) {#if isIndeterminate}
|
|
139
|
+
function create_if_block_1$g(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","trailing-icon");set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*trailingicon*/16){set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);}if(dirty&/*isButtonDark*/2048){set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$X(ctx){let button;let button_class_value;let button_style_value;let button_type_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*type*/ctx[0]==="start")return create_if_block$t;return create_else_block$b;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");if_block.c();this.c=noop;attr(button,"class",button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]));attr(button,"style",button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]));button.disabled=/*isDisabled*/ctx[10];attr(button,"data-testid",/*testid*/ctx[5]);attr(button,"type",button_type_value=/*type*/ctx[0]=="submit"?/*type*/ctx[0]:"button");toggle_class(button,"leading",/*leadingicon*/ctx[3]);toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");},m(target,anchor){insert(target,button,anchor);if_block.m(button,null);if(!mounted){dispose=[listen(button,"click",/*clickHandler*/ctx[12]),listen(button,"click",/*clickHandler*/ctx[12])];mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}if(dirty&/*type, size, variant*/7&&button_class_value!==(button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]))){attr(button,"class",button_class_value);}if(dirty&/*mt, mr, mb, ml*/960&&button_style_value!==(button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]))){attr(button,"style",button_style_value);}if(dirty&/*isDisabled*/1024){button.disabled=/*isDisabled*/ctx[10];}if(dirty&/*testid*/32){attr(button,"data-testid",/*testid*/ctx[5]);}if(dirty&/*type*/1&&button_type_value!==(button_type_value=/*type*/ctx[0]=="submit"?/*type*/ctx[0]:"button")){attr(button,"type",button_type_value);}if(dirty&/*type, size, variant, leadingicon*/15){toggle_class(button,"leading",/*leadingicon*/ctx[3]);}if(dirty&/*type, size, variant, trailingicon, type*/23){toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();mounted=false;run_all(dispose);}};}function instance$R($$self,$$props,$$invalidate){let isDisabled;let isButtonDark;const[Types,validateType]=typeValidator("Button type",["primary","submit","secondary","tertiary","start"],true);const[Sizes,validateSize]=typeValidator("Button size",["normal","compact"],true);const[Variants,validateVariant]=typeValidator("Button variant",["normal","destructive"],true);let{type="primary"}=$$props;let{size="normal"}=$$props;let{variant="normal"}=$$props;let{disabled="false"}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;function clickHandler(e){if(!isDisabled){this.dispatchEvent(new CustomEvent("_click",{composed:true,bubbles:true}));}}onMount(()=>{validateType(type);validateSize(size);validateVariant(variant);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('size'in $$props)$$invalidate(1,size=$$props.size);if('variant'in $$props)$$invalidate(2,variant=$$props.variant);if('disabled'in $$props)$$invalidate(13,disabled=$$props.disabled);if('leadingicon'in $$props)$$invalidate(3,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(4,trailingicon=$$props.trailingicon);if('testid'in $$props)$$invalidate(5,testid=$$props.testid);if('mt'in $$props)$$invalidate(6,mt=$$props.mt);if('mr'in $$props)$$invalidate(7,mr=$$props.mr);if('mb'in $$props)$$invalidate(8,mb=$$props.mb);if('ml'in $$props)$$invalidate(9,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/8192){$$invalidate(10,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*type*/1){$$invalidate(11,isButtonDark=type==="primary"||type==="start");}};return [type,size,variant,leadingicon,trailingicon,testid,mt,mr,mb,ml,isDisabled,isButtonDark,clickHandler,disabled];}class Button extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{--button-height:2.625rem;--button-height-compact:2rem;--button-height-tall:3.25rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}@media screen and (max-width: 623px){:host{width:100%}button{width:100%}}button{display:inline-flex;box-sizing:border-box;border-radius:0.25rem;border:2px solid var(--goa-color-interactive-default);box-sizing:border-box;cursor:pointer;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-5);font-weight:400;height:var(--button-height);letter-spacing:var(--goa-letter-spacing-button);line-height:100%;padding:0 0.75rem;white-space:nowrap;gap:0.5rem;align-items:center;justify-content:center;transition:transform 0.1s ease-in-out, background-color 0.2s ease-in-out,
|
|
140
|
+
border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4);padding-left:var(--goa-space-xs);padding-right:var(--goa-space-xs)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:transparent}.tertiary.destructive:hover{color:var(--goa-color-emergency-dark)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$R,create_fragment$X,safe_not_equal,{type:0,size:1,variant:2,disabled:13,leadingicon:3,trailingicon:4,testid:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","size","variant","disabled","leadingicon","trailingicon","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get variant(){return this.$$.ctx[2];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[13];}set disabled(disabled){this.$$set({disabled});flush();}get leadingicon(){return this.$$.ctx[3];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[4];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get testid(){return this.$$.ctx[5];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button",Button);/* src/components/button-group/ButtonGroup.svelte generated by Svelte v3.59.2 */function create_fragment$W(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")));},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*mt, mr, mb, ml, _alignment, gap*/125&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")))){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$Q($$self,$$props,$$invalidate){let _alignment;let{alignment="start"}=$$props;let{gap="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;const[BUTTON_ALIGNMENTS,validateAlignment]=typeValidator("alignment",["start","end","center"]);const[GAPS,validateGap]=typeValidator("gap",["relaxed","compact"]);onMount(()=>{validateAlignment(alignment);validateGap(gap);});$$self.$$set=$$props=>{if('alignment'in $$props)$$invalidate(7,alignment=$$props.alignment);if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*alignment*/128){$$invalidate(6,_alignment={start:"flex-start",end:"flex-end",center:"center"}[alignment]);}};return [gap,testid,mt,mr,mb,ml,_alignment,alignment];}class ButtonGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$Q,create_fragment$W,safe_not_equal,{alignment:7,gap:0,testid:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["alignment","gap","testid","mt","mr","mb","ml"];}get alignment(){return this.$$.ctx[7];}set alignment(alignment){this.$$set({alignment});flush();}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button-group",ButtonGroup);/* src/components/callout/Callout.svelte generated by Svelte v3.59.2 */function create_if_block$s(ctx){let h3;let t;return {c(){h3=element("h3");t=text(/*heading*/ctx[5]);toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,h3,anchor);append(h3,t);},p(ctx,dirty){if(dirty&/*heading*/32)set_data(t,/*heading*/ctx[5]);if(dirty&/*isMediumCallout*/512){toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);}},d(detaching){if(detaching)detach(h3);}};}function create_fragment$V(ctx){let div;let span0;let goa_icon;let goa_icon_inverted_value;let span0_class_value;let t0;let span1;let t1;let slot;let div_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[12]);let if_block=/*heading*/ctx[5]&&create_if_block$s(ctx);return {c(){div=element("div");span0=element("span");goa_icon=element("goa-icon");t0=space();span1=element("span");if(if_block)if_block.c();t1=space();slot=element("slot");this.c=noop;set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true");attr(span0,"class",span0_class_value="icon "+/*type*/ctx[4]);attr(span1,"class","content");attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div,"class","notification");attr(div,"data-testid",/*testid*/ctx[6]);toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,div,anchor);append(div,span0);append(span0,goa_icon);append(div,t0);append(div,span1);if(if_block)if_block.m(span1,null);append(span1,t1);append(span1,slot);if(!mounted){dispose=listen(window,"resize",/*onwindowresize*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}if(dirty&/*iconSize*/256){set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);}if(dirty&/*type*/16&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*type*/16&&span0_class_value!==(span0_class_value="icon "+/*type*/ctx[4])){attr(span0,"class",span0_class_value);}if(/*heading*/ctx[5]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$s(ctx);if_block.c();if_block.m(span1,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*mt, mr, mb, ml*/15&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/64){attr(div,"data-testid",/*testid*/ctx[6]);}if(dirty&/*isMediumCallout*/512){toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();mounted=false;dispose();}};}function instance$P($$self,$$props,$$invalidate){let isMediumCallout;let iconType;const[Types,validateType]=typeValidator("Callout type",["emergency","important","information","event","success"],true);const[CalloutSizes,validateCalloutSize]=typeValidator("Callout size",["medium","large"]);let{mt=null}=$$props;let{mr=null}=$$props;let{mb="l"}=$$props;let{ml=null}=$$props;let{size="large"}=$$props;let{type}=$$props;let{heading=""}=$$props;let{testid=""}=$$props;let screenSize=0;let iconSize="medium";onMount(()=>{validateCalloutSize(size);setTimeout(()=>{validateType(type);$$invalidate(8,iconSize=isMediumCallout?"small":"medium");});});function onwindowresize(){$$invalidate(7,screenSize=window.innerWidth);}$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('size'in $$props)$$invalidate(11,size=$$props.size);if('type'in $$props)$$invalidate(4,type=$$props.type);if('heading'in $$props)$$invalidate(5,heading=$$props.heading);if('testid'in $$props)$$invalidate(6,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*screenSize, size*/2176){$$invalidate(9,isMediumCallout=screenSize<MOBILE_BP||size==="medium");}if($$self.$$.dirty&/*type*/16){$$invalidate(10,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="success"?"checkmark-circle":type==="event"?"calendar":"");}};return [mt,mr,mb,ml,type,heading,testid,screenSize,iconSize,isMediumCallout,iconType,size,onwindowresize];}class Callout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{display:flex;align-items:stretch;overflow:hidden;font:var(--goa-typography-body-m)}h3{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-2);font-weight:var(--goa-font-weight-regular);margin-top:var(--goa-space-none);margin-bottom:var(--goa-space-m)}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.icon{text-align:center;padding-top:var(--goa-space-l);padding-left:var(--goa-space-s);padding-right:var(--goa-space-s)}.content{flex:1 1 auto;background-color:var(--goa-color-greyscale-100);padding:var(--goa-space-l)}.notification.medium{font:var(--goa-typography-body-s)}h3.medium{font:var(--goa-typography-heading-xs);margin-bottom:var(--goa-space-2xs)}.notification.medium .content{padding:var(--goa-space-s);margin-top:calc(-1 * var(--goa-space-3xs))}.notification.medium .icon{padding-top:var(--goa-space-s);padding-left:var(--goa-space-2xs);padding-right:var(--goa-space-2xs)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$P,create_fragment$V,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,size:11,type:4,heading:5,testid:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","size","type","heading","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get size(){return this.$$.ctx[11];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get heading(){return this.$$.ctx[5];}set heading(heading){this.$$set({heading});flush();}get testid(){return this.$$.ctx[6];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-callout",Callout);/* src/components/card-actions/CardActions.svelte generated by Svelte v3.59.2 */function create_fragment$U(ctx){let goa_card_content;return {c(){goa_card_content=element("goa-card-content");goa_card_content.innerHTML=`<goa-button-group alignment="end"><slot></slot></goa-button-group>`;this.c=noop;},m(target,anchor){insert(target,goa_card_content,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(goa_card_content);}};}class CardActions extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$U,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-actions",CardActions);/* src/components/card/Card.svelte generated by Svelte v3.59.2 */function create_fragment$T(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[7]);attr(div,"class","card");attr(div,"style",div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"");},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/128){attr(div,"data-testid",/*testid*/ctx[7]);}if(dirty&/*width, height, mt, mr, mb, ml, elevation*/127&&div_style_value!==(div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"")){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$O($$self,$$props,$$invalidate){let{elevation=0}=$$props;let{width="100%"}=$$props;let{height="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{testid=""}=$$props;$$self.$$set=$$props=>{if('elevation'in $$props)$$invalidate(0,elevation=$$props.elevation);if('width'in $$props)$$invalidate(1,width=$$props.width);if('height'in $$props)$$invalidate(2,height=$$props.height);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};return [elevation,width,height,mt,mr,mb,ml,testid];}class Card extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card{background-color:var(--goa-color-greyscale-white);border-radius:4px;overflow:hidden;height:var(--height)}@media screen and (max-width: 623px){@media not (max-color:2147477350){.card{margin:0 auto}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.card{margin:0 auto}}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$O,create_fragment$T,safe_not_equal,{elevation:0,width:1,height:2,mt:3,mr:4,mb:5,ml:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["elevation","width","height","mt","mr","mb","ml","testid"];}get elevation(){return this.$$.ctx[0];}set elevation(elevation){this.$$set({elevation});flush();}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get height(){return this.$$.ctx[2];}set height(height){this.$$set({height});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-card",Card);/* src/components/card-content/CardContent.svelte generated by Svelte v3.59.2 */function create_fragment$S(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-content");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardContent extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$S,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-content",CardContent);/* src/components/card-group/CardGroup.svelte generated by Svelte v3.59.2 */function create_fragment$R(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-group");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$R,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-group",CardGroup);/* src/components/card-image/CardImage.svelte generated by Svelte v3.59.2 */function create_fragment$Q(ctx){let div;return {c(){div=element("div");this.c=noop;set_style(div,"background-image","url("+/*src*/ctx[0]+")");set_style(div,"height",/*height*/ctx[1]);set_style(div,"background-size","cover");set_style(div,"background-position","center");},m(target,anchor){insert(target,div,anchor);},p(ctx,[dirty]){if(dirty&/*src*/1){set_style(div,"background-image","url("+/*src*/ctx[0]+")");}if(dirty&/*height*/2){set_style(div,"height",/*height*/ctx[1]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$N($$self,$$props,$$invalidate){let{src}=$$props;let{height="100%"}=$$props;$$self.$$set=$$props=>{if('src'in $$props)$$invalidate(0,src=$$props.src);if('height'in $$props)$$invalidate(1,height=$$props.height);};return [src,height];}class CardImage extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$N,create_fragment$Q,safe_not_equal,{src:0,height:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["src","height"];}get src(){return this.$$.ctx[0];}set src(src){this.$$set({src});flush();}get height(){return this.$$.ctx[1];}set height(height){this.$$set({height});flush();}}customElements.define("goa-card-image",CardImage);/* src/components/checkbox/Checkbox.svelte generated by Svelte v3.59.2 */function create_if_block_2$c(ctx){let svg;let path;return {c(){svg=svg_element("svg");path=svg_element("path");attr(path,"d","M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z");attr(svg,"id","checkmark");attr(svg,"data-testid","checkmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 16 12.18");},m(target,anchor){insert(target,svg,anchor);append(svg,path);},d(detaching){if(detaching)detach(svg);}};}// (76:4) {#if isIndeterminate}
|
|
141
141
|
function create_if_block_1$f(ctx){let svg;let rect;return {c(){svg=svg_element("svg");rect=svg_element("rect");attr(rect,"width","15");attr(rect,"height","2");attr(svg,"id","dashmark");attr(svg,"data-testid","dashmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 15 2");},m(target,anchor){insert(target,svg,anchor);append(svg,rect);},d(detaching){if(detaching)detach(svg);}};}// (104:0) {#if description}
|
|
142
142
|
function create_if_block$r(ctx){let div;let t;return {c(){div=element("div");t=text(/*description*/ctx[5]);attr(div,"class","description-text");attr(div,"id",/*_descriptionId*/ctx[11]);attr(div,"data-testid","description");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*description*/32)set_data(t,/*description*/ctx[5]);if(dirty&/*_descriptionId*/2048){attr(div,"id",/*_descriptionId*/ctx[11]);}},d(detaching){if(detaching)detach(div);}};}function create_fragment$P(ctx){let div3;let label;let div0;let input;let input_value_value;let input_aria_label_value;let input_aria_describedby_value;let t0;let t1;let div2;let div1;let slot;let t2;let t3;let div3_style_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*isIndeterminate*/ctx[13])return create_if_block_1$f;if(/*isChecked*/ctx[12])return create_if_block_2$c;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type&¤t_block_type(ctx);let if_block1=/*description*/ctx[5]&&create_if_block$r(ctx);return {c(){div3=element("div");label=element("label");div0=element("div");input=element("input");t0=space();if(if_block0)if_block0.c();t1=space();div2=element("div");div1=element("div");slot=element("slot");t2=text(/*text*/ctx[1]);t3=space();if(if_block1)if_block1.c();this.c=noop;attr(input,"id",/*name*/ctx[0]);attr(input,"name",/*name*/ctx[0]);input.checked=/*isChecked*/ctx[12];input.disabled=/*isDisabled*/ctx[15];attr(input,"type","checkbox");input.value=input_value_value=`${/*value*/ctx[2]}`;attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[0]);attr(input,"aria-describedby",input_aria_describedby_value=/*description*/ctx[5]?/*_descriptionId*/ctx[11]:null);attr(div0,"class","goa-checkbox-container");toggle_class(div0,"goa-checkbox--selected",/*isChecked*/ctx[12]);attr(div1,"class","label-text");attr(div1,"data-testid","text");attr(div2,"class","goa-checkbox-text");attr(label,"class","goa-checkbox-label");attr(label,"data-testid",/*testid*/ctx[3]);attr(label,"for",/*name*/ctx[0]);toggle_class(label,"goa-checkbox--disabled",/*isDisabled*/ctx[15]);toggle_class(label,"goa-checkbox--error",/*isError*/ctx[14]);attr(div3,"style",div3_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]));attr(div3,"class","goa-checkbox");},m(target,anchor){insert(target,div3,anchor);append(div3,label);append(label,div0);append(div0,input);/*input_binding*/ctx[20](input);append(div0,t0);if(if_block0)if_block0.m(div0,null);append(label,t1);append(label,div2);append(div2,div1);append(div1,slot);append(slot,t2);append(div3,t3);if(if_block1)if_block1.m(div3,null);if(!mounted){dispose=listen(input,"change",/*onChange*/ctx[16]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*name*/1){attr(input,"id",/*name*/ctx[0]);}if(dirty&/*name*/1){attr(input,"name",/*name*/ctx[0]);}if(dirty&/*isChecked*/4096){input.checked=/*isChecked*/ctx[12];}if(dirty&/*isDisabled*/32768){input.disabled=/*isDisabled*/ctx[15];}if(dirty&/*value*/4&&input_value_value!==(input_value_value=`${/*value*/ctx[2]}`)){input.value=input_value_value;}if(dirty&/*arialabel, name*/17&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[0])){attr(input,"aria-label",input_aria_label_value);}if(dirty&/*description, _descriptionId*/2080&&input_aria_describedby_value!==(input_aria_describedby_value=/*description*/ctx[5]?/*_descriptionId*/ctx[11]:null)){attr(input,"aria-describedby",input_aria_describedby_value);}if(current_block_type!==(current_block_type=select_block_type(ctx))){if(if_block0)if_block0.d(1);if_block0=current_block_type&¤t_block_type(ctx);if(if_block0){if_block0.c();if_block0.m(div0,null);}}if(dirty&/*isChecked*/4096){toggle_class(div0,"goa-checkbox--selected",/*isChecked*/ctx[12]);}if(dirty&/*text*/2)set_data(t2,/*text*/ctx[1]);if(dirty&/*testid*/8){attr(label,"data-testid",/*testid*/ctx[3]);}if(dirty&/*name*/1){attr(label,"for",/*name*/ctx[0]);}if(dirty&/*isDisabled*/32768){toggle_class(label,"goa-checkbox--disabled",/*isDisabled*/ctx[15]);}if(dirty&/*isError*/16384){toggle_class(label,"goa-checkbox--error",/*isError*/ctx[14]);}if(/*description*/ctx[5]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$r(ctx);if_block1.c();if_block1.m(div3,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*mt, mr, mb, ml*/960&&div3_style_value!==(div3_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]))){attr(div3,"style",div3_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);/*input_binding*/ctx[20](null);if(if_block0){if_block0.d();}if(if_block1)if_block1.d();mounted=false;dispose();}};}function instance$M($$self,$$props,$$invalidate){let isDisabled;let isError;let isChecked;let isIndeterminate;let{name}=$$props;let{checked="false"}=$$props;let{text=""}=$$props;let{value=""}=$$props;let{disabled="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{arialabel=""}=$$props;let{description=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;// Private
|
|
143
143
|
let _value;let _checkboxRef;let _descriptionId;onMount(()=>{// hold on to the initial value to prevent losing it on check changes
|
|
@@ -147,15 +147,15 @@ _checkboxRef.focus();// An empty string is required as setting the second value
|
|
|
147
147
|
const newCheckStatus=!isChecked;const newValue=newCheckStatus?`${_value||"checked"}`:"";// set the local state
|
|
148
148
|
$$invalidate(17,checked=fromBoolean(newCheckStatus));e.target.dispatchEvent(new CustomEvent("_change",{composed:true,detail:{name,checked:newCheckStatus,value:newValue}}));}function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_checkboxRef=$$value;$$invalidate(10,_checkboxRef);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(0,name=$$props.name);if('checked'in $$props)$$invalidate(17,checked=$$props.checked);if('text'in $$props)$$invalidate(1,text=$$props.text);if('value'in $$props)$$invalidate(2,value=$$props.value);if('disabled'in $$props)$$invalidate(18,disabled=$$props.disabled);if('error'in $$props)$$invalidate(19,error=$$props.error);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('arialabel'in $$props)$$invalidate(4,arialabel=$$props.arialabel);if('description'in $$props)$$invalidate(5,description=$$props.description);if('mt'in $$props)$$invalidate(6,mt=$$props.mt);if('mr'in $$props)$$invalidate(7,mr=$$props.mr);if('mb'in $$props)$$invalidate(8,mb=$$props.mb);if('ml'in $$props)$$invalidate(9,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/262144){// Binding
|
|
149
149
|
$$invalidate(15,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*error*/524288){$$invalidate(14,isError=toBoolean(error));}if($$self.$$.dirty&/*checked*/131072){$$invalidate(12,isChecked=toBoolean(checked));}};$$invalidate(13,isIndeterminate=false);// Design review. To be built with TreeView Later
|
|
150
|
-
return [name,text,value,testid,arialabel,description,mt,mr,mb,ml,_checkboxRef,_descriptionId,isChecked,isIndeterminate,isError,isDisabled,onChange,checked,disabled,error,input_binding];}class Checkbox extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);display:block}.goa-checkbox-label{display:flex;cursor:pointer}.goa-checkbox{min-height:calc(3rem - 0.25rem)}.goa-checkbox input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer}.goa-checkbox-container{box-sizing:border-box;border:var(--goa-border-width-s) solid var(--goa-color-greyscale-700);border-radius:2px;background-color:var(--goa-color-greyscale-white);height:1.5rem;width:1.5rem;display:flex;justify-content:center;padding:3px;flex:0 0 auto}.goa-checkbox-container svg{fill:var(--goa-color-greyscale-white)}.goa-checkbox-container.goa-checkbox--selected{background-color:var(--goa-color-interactive-default);border:none}.goa-checkbox-container.goa-checkbox--selected:hover{background-color:var(--goa-color-interactive-hover)}.goa-checkbox-container:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);border:none}.goa-checkbox-container:focus-within,.goa-checkbox-container:focus,.goa-checkbox-container:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border:var(--goa-border-width-s) solid var(--goa-color-greyscale-700);outline:none}.goa-checkbox-container.goa-checkbox--selected:focus-within{background-color:var(--goa-color-interactive-default);border:none}.goa-checkbox-text{padding-left:0.5rem;user-select:none;font-weight:var(--goa-font-weight-regular)}.goa-checkbox--error .goa-checkbox-container,.goa-checkbox--error .goa-checkbox-container:hover{border:var(--goa-border-width-s) solid var(--goa-color-emergency-default);box-shadow:inset 0 0 0 1px var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.goa-checkbox--error .goa-checkbox-container:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-white);border:var(--goa-border-width-s) solid var(--goa-color-emergency-default)}.goa-checkbox--error .goa-checkbox-container svg{fill:var(--goa-color-emergency-default)}.goa-checkbox--disabled .goa-checkbox-text{opacity:40%}.goa-checkbox--disabled .goa-checkbox-container,.goa-checkbox--disabled .goa-checkbox-container:hover{border:var(--goa-border-width-s) solid var(--goa-color-greyscale-400);box-shadow:none;opacity:40%}.goa-checkbox--disabled .goa-checkbox-container.goa-checkbox--selected,.goa-checkbox--disabled .goa-checkbox-container.goa-checkbox--selected:hover{border:none;background-color:var(--goa-color-interactive-default)}.goa-checkbox--disabled.goa-checkbox--error .goa-checkbox-container.goa-checkbox--selected{border:var(--goa-border-width-s) solid var(--goa-color-emergency-default);box-shadow:inset 0 0 0 1px var(--goa-color-emergency-default)}.goa-checkbox--disabled,input[type=checkbox][disabled]:hover{cursor:default}.description-text{font:var(--goa-typography-body-xs);margin-left:var(--goa-space-xl);margin-top:var(--goa-space-2xs)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$M,create_fragment$P,safe_not_equal,{name:0,checked:17,text:1,value:2,disabled:18,error:19,testid:3,arialabel:4,description:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","checked","text","value","disabled","error","testid","arialabel","description","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get checked(){return this.$$.ctx[17];}set checked(checked){this.$$set({checked});flush();}get text(){return this.$$.ctx[1];}set text(text){this.$$set({text});flush();}get value(){return this.$$.ctx[2];}set value(value){this.$$set({value});flush();}get disabled(){return this.$$.ctx[18];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[19];}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 description(){return this.$$.ctx[5];}set description(description){this.$$set({description});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-checkbox",Checkbox);/*
|
|
150
|
+
return [name,text,value,testid,arialabel,description,mt,mr,mb,ml,_checkboxRef,_descriptionId,isChecked,isIndeterminate,isError,isDisabled,onChange,checked,disabled,error,input_binding];}class Checkbox extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);display:block}.goa-checkbox-label{display:flex;cursor:pointer}.goa-checkbox{min-height:calc(3rem - 0.25rem)}.goa-checkbox input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer}.goa-checkbox-container{box-sizing:border-box;border:var(--goa-border-width-s) solid var(--goa-color-greyscale-700);border-radius:2px;background-color:var(--goa-color-greyscale-white);height:1.5rem;width:1.5rem;display:flex;justify-content:center;padding:3px;flex:0 0 auto}.goa-checkbox-container svg{fill:var(--goa-color-greyscale-white)}.goa-checkbox-container.goa-checkbox--selected{background-color:var(--goa-color-interactive-default);border:none}.goa-checkbox-container.goa-checkbox--selected:hover{background-color:var(--goa-color-interactive-hover)}.goa-checkbox-container:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);border:none}.goa-checkbox-container:focus-within,.goa-checkbox-container:focus,.goa-checkbox-container:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border:var(--goa-border-width-s) solid var(--goa-color-greyscale-700);outline:none}.goa-checkbox-container.goa-checkbox--selected:focus-within{background-color:var(--goa-color-interactive-default);border:none}.goa-checkbox-text{padding-left:0.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:var(--goa-font-weight-regular)}.goa-checkbox--error .goa-checkbox-container,.goa-checkbox--error .goa-checkbox-container:hover{border:var(--goa-border-width-s) solid var(--goa-color-emergency-default);box-shadow:inset 0 0 0 1px var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.goa-checkbox--error .goa-checkbox-container:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-white);border:var(--goa-border-width-s) solid var(--goa-color-emergency-default)}.goa-checkbox--error .goa-checkbox-container svg{fill:var(--goa-color-emergency-default)}.goa-checkbox--disabled .goa-checkbox-text{opacity:40%}.goa-checkbox--disabled .goa-checkbox-container,.goa-checkbox--disabled .goa-checkbox-container:hover{border:var(--goa-border-width-s) solid var(--goa-color-greyscale-400);box-shadow:none;opacity:40%}.goa-checkbox--disabled .goa-checkbox-container.goa-checkbox--selected,.goa-checkbox--disabled .goa-checkbox-container.goa-checkbox--selected:hover{border:none;background-color:var(--goa-color-interactive-default)}.goa-checkbox--disabled.goa-checkbox--error .goa-checkbox-container.goa-checkbox--selected{border:var(--goa-border-width-s) solid var(--goa-color-emergency-default);box-shadow:inset 0 0 0 1px var(--goa-color-emergency-default)}.goa-checkbox--disabled,input[type=checkbox][disabled]:hover{cursor:default}.description-text{font:var(--goa-typography-body-xs);margin-left:var(--goa-space-xl);margin-top:var(--goa-space-2xs)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$M,create_fragment$P,safe_not_equal,{name:0,checked:17,text:1,value:2,disabled:18,error:19,testid:3,arialabel:4,description:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","checked","text","value","disabled","error","testid","arialabel","description","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get checked(){return this.$$.ctx[17];}set checked(checked){this.$$set({checked});flush();}get text(){return this.$$.ctx[1];}set text(text){this.$$set({text});flush();}get value(){return this.$$.ctx[2];}set value(value){this.$$set({value});flush();}get disabled(){return this.$$.ctx[18];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[19];}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 description(){return this.$$.ctx[5];}set description(description){this.$$set({description});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-checkbox",Checkbox);/* src/components/chip/Chip.svelte generated by Svelte v3.59.2 */function create_if_block_1$e(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","leading-icon");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/16){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (54:2) {#if _deletable}
|
|
151
151
|
function create_if_block$q(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$e(ctx);let if_block1=/*_deletable*/ctx[11]&&create_if_block$q(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$e(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$q(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.paddingRight=scrollbarWidth+"px";}function isScrollable(){return document.body.style.overflow!=="hidden";}function resetScrollbars(){if(!toggledScrolling){return;}toggledScrolling=false;setTimeout(()=>{document.body.style.overflow="";document.body.style.paddingRight="0";},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();}};}/*
|
|
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.paddingRight=scrollbarWidth+"px";}function isScrollable(){return document.body.style.overflow!=="hidden";}function resetScrollbars(){if(!toggledScrolling){return;}toggledScrolling=false;setTimeout(()=>{document.body.style.overflow="";document.body.style.paddingRight="0";},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$p(ctx){let current_block_type_index;let if_block;let if_block_anchor;let current;const if_block_creators=[create_if_block_1$d,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$4(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$4(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$d(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$b(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$b(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$4(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}
|
|
158
|
-
function create_if_block_2$b(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);}};}function create_fragment$N(ctx){let if_block_anchor;let current;let if_block=/*isVisible*/ctx[5]&&create_if_block$p(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(/*isVisible*/ctx[5]){if(if_block){if_block.p(ctx,dirty);if(dirty&/*isVisible*/32){transition_in(if_block,1);}}else {if_block=create_if_block$p(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$K($$self,$$props,$$invalidate){let isVisible;const[Variants,validateVariant]=typeValidator("Circular progress variant",["fullscreen","inline"]);const[Sizes,validateSize]=typeValidator("Button size",["small","large"]);let{variant="inline"}=$$props;let{size="large"}=$$props;let{message=""}=$$props;let{progress=-1}=$$props;let{visible="false"}=$$props;let spinnerSize;let fullscreen;let inline;onMount(async()=>{validateVariant(variant);validateSize(size);$$invalidate(2,spinnerSize=size==="small"?"large":"xlarge");$$invalidate(3,fullscreen=variant==="fullscreen");$$invalidate(4,inline=variant==="inline");});$$self.$$set=$$props=>{if('variant'in $$props)$$invalidate(6,variant=$$props.variant);if('size'in $$props)$$invalidate(7,size=$$props.size);if('message'in $$props)$$invalidate(0,message=$$props.message);if('progress'in $$props)$$invalidate(1,progress=$$props.progress);if('visible'in $$props)$$invalidate(8,visible=$$props.visible);};$$self.$$.update=()=>{if($$self.$$.dirty&/*visible*/256){$$invalidate(5,isVisible=toBoolean(visible));}};return [message,progress,spinnerSize,fullscreen,inline,isVisible,variant,size,visible];}class CircularProgress extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.fullscreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:rgba(255, 255, 255, 0.9)}.inline{margin:3.5rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.spinner-large .message{margin-top:1.5rem;font-size:1.2rem}.spinner-xlarge .message{margin-top:2rem;font-size:1.5rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$K,create_fragment$N,safe_not_equal,{variant:6,size:7,message:0,progress:1,visible: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 ["variant","size","message","progress","visible"];}get variant(){return this.$$.ctx[6];}set variant(variant){this.$$set({variant});flush();}get size(){return this.$$.ctx[7];}set size(size){this.$$set({size});flush();}get message(){return this.$$.ctx[0];}set message(message){this.$$set({message});flush();}get progress(){return this.$$.ctx[1];}set progress(progress){this.$$set({progress});flush();}get visible(){return this.$$.ctx[8];}set visible(visible){this.$$set({visible});flush();}}customElements.define("goa-circular-progress",CircularProgress);/*
|
|
158
|
+
function create_if_block_2$b(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);}};}function create_fragment$N(ctx){let if_block_anchor;let current;let if_block=/*isVisible*/ctx[5]&&create_if_block$p(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(/*isVisible*/ctx[5]){if(if_block){if_block.p(ctx,dirty);if(dirty&/*isVisible*/32){transition_in(if_block,1);}}else {if_block=create_if_block$p(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$K($$self,$$props,$$invalidate){let isVisible;const[Variants,validateVariant]=typeValidator("Circular progress variant",["fullscreen","inline"]);const[Sizes,validateSize]=typeValidator("Button size",["small","large"]);let{variant="inline"}=$$props;let{size="large"}=$$props;let{message=""}=$$props;let{progress=-1}=$$props;let{visible="false"}=$$props;let spinnerSize;let fullscreen;let inline;onMount(async()=>{validateVariant(variant);validateSize(size);$$invalidate(2,spinnerSize=size==="small"?"large":"xlarge");$$invalidate(3,fullscreen=variant==="fullscreen");$$invalidate(4,inline=variant==="inline");});$$self.$$set=$$props=>{if('variant'in $$props)$$invalidate(6,variant=$$props.variant);if('size'in $$props)$$invalidate(7,size=$$props.size);if('message'in $$props)$$invalidate(0,message=$$props.message);if('progress'in $$props)$$invalidate(1,progress=$$props.progress);if('visible'in $$props)$$invalidate(8,visible=$$props.visible);};$$self.$$.update=()=>{if($$self.$$.dirty&/*visible*/256){$$invalidate(5,isVisible=toBoolean(visible));}};return [message,progress,spinnerSize,fullscreen,inline,isVisible,variant,size,visible];}class CircularProgress extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.fullscreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:rgba(255, 255, 255, 0.9)}.inline{margin:3.5rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.spinner-large .message{margin-top:1.5rem;font-size:1.2rem}.spinner-xlarge .message{margin-top:2rem;font-size:1.5rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$K,create_fragment$N,safe_not_equal,{variant:6,size:7,message:0,progress:1,visible: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 ["variant","size","message","progress","visible"];}get variant(){return this.$$.ctx[6];}set variant(variant){this.$$set({variant});flush();}get size(){return this.$$.ctx[7];}set size(size){this.$$set({size});flush();}get message(){return this.$$.ctx[0];}set message(message){this.$$set({message});flush();}get progress(){return this.$$.ctx[1];}set progress(progress){this.$$set({progress});flush();}get visible(){return this.$$.ctx[8];}set visible(visible){this.$$set({visible});flush();}}customElements.define("goa-circular-progress",CircularProgress);/* src/components/container/Container.svelte generated by Svelte v3.59.2 */function create_fragment$M(ctx){let div3;let header;let div0;let t0;let div1;let header_class_value;let t1;let div2;let div3_style_value;let div3_class_value;return {c(){div3=element("div");header=element("header");div0=element("div");div0.innerHTML=`<slot name="title"></slot>`;t0=space();div1=element("div");div1.innerHTML=`<slot name="actions"></slot>`;t1=space();div2=element("div");div2.innerHTML=`<slot></slot>`;this.c=noop;attr(div0,"class","title");attr(div1,"class","actions");attr(header,"class",header_class_value="heading--"+/*accent*/ctx[1]);attr(div2,"class","content");attr(div3,"data-testid",/*testid*/ctx[3]);attr(div3,"style",div3_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]));attr(div3,"class",div3_class_value=`
|
|
159
159
|
goa-container
|
|
160
160
|
goa-container--${/*type*/ctx[0]}
|
|
161
161
|
padding--${/*padding*/ctx[2]}
|
|
@@ -165,7 +165,7 @@ function create_if_block_2$b(ctx){let div;let t;return {c(){div=element("div");t
|
|
|
165
165
|
goa-container--${/*type*/ctx[0]}
|
|
166
166
|
padding--${/*padding*/ctx[2]}
|
|
167
167
|
accent--${/*accent*/ctx[1]}
|
|
168
|
-
`)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$J($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$J,create_fragment$M,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$L(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$I($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$I,create_fragment$L,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$K(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$H($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$K,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1$1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[69]=list[i];child_ctx[73]=i;return child_ctx;}function get_each_context$8(ctx,list,i){const child_ctx=ctx.slice();child_ctx[69]=list[i];return child_ctx;}// (509:2) {:else}
|
|
168
|
+
`)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$J($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 623px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$J,create_fragment$M,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$L(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$I($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$I,create_fragment$L,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$K(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$H($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$K,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1$1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[69]=list[i];child_ctx[73]=i;return child_ctx;}function get_each_context$8(ctx,list,i){const child_ctx=ctx.slice();child_ctx[69]=list[i];return child_ctx;}// (509:2) {:else}
|
|
169
169
|
function create_else_block$a(ctx){let slot;let t0;let goa_popover;let div;let t1;let input;let input_style_value;let input_aria_controls_value;let input_aria_label_value;let input_id_value;let input_aria_owns_value;let input_readonly_value;let t2;let t3;let div_style_value;let t4;let ul;let ul_id_value;let ul_aria_label_value;let ul_style_value;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[4]&&create_if_block_4$3(ctx);let if_block1=/*_inputValue*/ctx[16]&&/*_filterable*/ctx[20]&&create_if_block_3$a(ctx);let if_block2=(/*_filterable*/ctx[20]&&/*_inputValue*/ctx[16].length===0||!/*_filterable*/ctx[20])&&create_if_block_2$a(ctx);function select_block_type_1(ctx,dirty){if(/*_filteredOptions*/ctx[21].length>0)return create_if_block_1$c;return create_else_block_1;}let current_block_type=select_block_type_1(ctx);let if_block3=current_block_type(ctx);return {c(){slot=element("slot");t0=space();goa_popover=element("goa-popover");div=element("div");if(if_block0)if_block0.c();t1=space();input=element("input");t2=space();if(if_block1)if_block1.c();t3=space();if(if_block2)if_block2.c();t4=space();ul=element("ul");if_block3.c();attr(input,"style",input_style_value=`cursor: ${!/*_disabled*/ctx[28]?/*_filterable*/ctx[20]?"auto":"pointer":'default'}`);attr(input,"tabindex","1");attr(input,"type","text");attr(input,"role","combobox");attr(input,"autocomplete","off");attr(input,"aria-autocomplete","list");attr(input,"aria-controls",input_aria_controls_value=`menu-${/*id*/ctx[14]||/*name*/ctx[1]}`);attr(input,"aria-expanded",/*_isMenuVisible*/ctx[23]);attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[2]||/*name*/ctx[1]);attr(input,"aria-labelledby",/*arialabelledby*/ctx[3]);attr(input,"id",input_id_value=`${/*id*/ctx[14]||/*name*/ctx[1]}`);attr(input,"aria-activedescendant",/*_activeDescendantId*/ctx[29]);attr(input,"aria-disabled",/*_disabled*/ctx[28]);attr(input,"aria-owns",input_aria_owns_value=/*_isMenuVisible*/ctx[23]?`menu-${/*id*/ctx[14]||/*name*/ctx[1]}`:undefined);attr(input,"aria-haspopup","listbox");input.disabled=/*_disabled*/ctx[28];input.readOnly=input_readonly_value=!/*_filterable*/ctx[20];attr(input,"placeholder",/*placeholder*/ctx[6]);attr(input,"name",/*name*/ctx[1]);attr(div,"slot","target");attr(div,"style",div_style_value=`
|
|
170
170
|
${cssVar("width",/*width*/ctx[7])}
|
|
171
171
|
`);attr(div,"class","dropdown-input-group");toggle_class(div,"dropdown-input-group--disabled",/*_disabled*/ctx[28]);toggle_class(div,"error",/*_error*/ctx[30]);attr(ul,"id",ul_id_value=`menu-${/*id*/ctx[14]||/*name*/ctx[1]}`);attr(ul,"role","listbox");attr(ul,"tabindex","-1");attr(ul,"data-testid","dropdown-menu");attr(ul,"aria-label",ul_aria_label_value=/*arialabel*/ctx[2]||/*name*/ctx[1]);attr(ul,"aria-labelledby",/*arialabelledby*/ctx[3]);attr(ul,"style",ul_style_value=`
|
|
@@ -244,15 +244,15 @@ onClear();}};const click_handler=option=>onSelect(option);function ul_binding($$
|
|
|
244
244
|
}if($$self.$$.dirty[0]&/*_el, value, _native, width, _options*/4489345){// Reactive statement
|
|
245
245
|
if(_el){_values=parseValues(value);$$invalidate(15,_options=getOptions());if(!_native){$$invalidate(24,_width=width||getCustomDropdownWidth(_options));}if(_options.length){updateSelectedValue(value);}}}if($$self.$$.dirty[0]&/*_filterable, _options, _inputValue*/1146880){$$invalidate(21,_filteredOptions=_filterable?_options.filter(option=>isMatched(option,_inputValue)):_options);}if($$self.$$.dirty[0]&/*_filteredOptions, _highlightedIndex*/2228224){// Accessibility
|
|
246
246
|
$$invalidate(29,_activeDescendantId=_filteredOptions[_highlightedIndex]?_filteredOptions[_highlightedIndex].value:undefined);//To keep track of active descendant for the accessibility
|
|
247
|
-
}if($$self.$$.dirty[0]&/*_inputEl, _options*/557056){if(_inputEl&&_options.length){$$invalidate(25,_inputWidth=`${_inputEl.getBoundingClientRect().width}px`);}}};return [value,name,arialabel,arialabelledby,leadingicon,maxheight,placeholder,width,disabled,relative,mt,mr,mb,ml,id,_options,_inputValue,_highlightedIndex,_el,_inputEl,_filterable,_filteredOptions,_native,_isMenuVisible,_width,_inputWidth,_menuEl,_selectEl,_disabled,_activeDescendantId,_error,showMenu,closeMenu,onSelect,onInputKeyDown,onNativeSelect,onClick,onClear,filterable,error,multiselect,native,select_binding,input_binding,input_input_handler,keydown_handler,click_handler,ul_binding,div_binding];}class Dropdown extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{cursor:pointer;display:inline-block;width:var(--width, 100%)}.dropdown-input-group{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;background-color:var(--goa-color-greyscale-white);cursor:pointer;width:100%}.dropdown-input-group:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.dropdown-input-group:focus,.dropdown-input-group:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}@media(
|
|
247
|
+
}if($$self.$$.dirty[0]&/*_inputEl, _options*/557056){if(_inputEl&&_options.length){$$invalidate(25,_inputWidth=`${_inputEl.getBoundingClientRect().width}px`);}}};return [value,name,arialabel,arialabelledby,leadingicon,maxheight,placeholder,width,disabled,relative,mt,mr,mb,ml,id,_options,_inputValue,_highlightedIndex,_el,_inputEl,_filterable,_filteredOptions,_native,_isMenuVisible,_width,_inputWidth,_menuEl,_selectEl,_disabled,_activeDescendantId,_error,showMenu,closeMenu,onSelect,onInputKeyDown,onNativeSelect,onClick,onClear,filterable,error,multiselect,native,select_binding,input_binding,input_input_handler,keydown_handler,click_handler,ul_binding,div_binding];}class Dropdown extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{cursor:pointer;display:inline-block;width:var(--width, 100%)}.dropdown-input-group{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;background-color:var(--goa-color-greyscale-white);cursor:pointer;width:100%}.dropdown-input-group:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.dropdown-input-group:focus,.dropdown-input-group:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}@media screen and (max-width: 623px){@media not (max-color:2147477350){.dropdown-input-group{width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.dropdown-input-group{width:var(--width)}}}.dropdown-input-group.error,.dropdown-input-group.error:hover{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.dropdown-input-group.error:focus-within,.dropdown-input-group.error:focus{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.dropdown-icon--arrow,.dropdown-icon--clear{margin-right:var(--goa-space-s)}.dropdown-icon--clear:focus:not(.disabled),.dropdown-icon--clear:active:not(.disabled){color:var(--goa-color-interactive-focus);outline:none}.dropdown-input--leading-icon{margin-left:0.75rem}.dropdown-input--leading-icon+input{padding-left:0.5rem}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs);padding-left:var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input,input:focus,input:hover,input:active{outline:none;border:none}input[aria-disabled="true"]{color:var(--goa-color-text-secondary)}.dropdown-input-group--disabled,.dropdown-input-group--disabled:hover,.dropdown-input-group--disabled:active,.dropdown-input-group--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}ul[role="listbox"]{border-radius:var(--goa-border-radius-m)}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item:hover,.dropdown-item--highlighted{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item[aria-selected="true"]{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item[aria-selected="true"]:hover,.dropdown-item[aria-selected="true"].dropdown-item--highlighted{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{position:relative;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white);transition:box-shadow 0.1s ease-in}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}.dropdown-native:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}select{border:none;font:var(--goa-font-family-sans);background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(var(--goa-space-xs) + 1px);padding-left:var(--goa-space-s);padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$G,create_fragment$J,safe_not_equal,{name:1,arialabel:2,arialabelledby:3,value:0,filterable:38,leadingicon:4,maxheight:5,placeholder:6,width:7,disabled:8,error:39,multiselect:40,native:41,relative:9,mt:10,mr:11,mb:12,ml:13,id:14},null,[-1,-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","arialabel","arialabelledby","value","filterable","leadingicon","maxheight","placeholder","width","disabled","error","multiselect","native","relative","mt","mr","mb","ml","id"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get arialabel(){return this.$$.ctx[2];}set arialabel(arialabel){this.$$set({arialabel});flush();}get arialabelledby(){return this.$$.ctx[3];}set arialabelledby(arialabelledby){this.$$set({arialabelledby});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get filterable(){return this.$$.ctx[38];}set filterable(filterable){this.$$set({filterable});flush();}get leadingicon(){return this.$$.ctx[4];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get maxheight(){return this.$$.ctx[5];}set maxheight(maxheight){this.$$set({maxheight});flush();}get placeholder(){return this.$$.ctx[6];}set placeholder(placeholder){this.$$set({placeholder});flush();}get width(){return this.$$.ctx[7];}set width(width){this.$$set({width});flush();}get disabled(){return this.$$.ctx[8];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[39];}set error(error){this.$$set({error});flush();}get multiselect(){return this.$$.ctx[40];}set multiselect(multiselect){this.$$set({multiselect});flush();}get native(){return this.$$.ctx[41];}set native(native){this.$$set({native});flush();}get relative(){return this.$$.ctx[9];}set relative(relative){this.$$set({relative});flush();}get mt(){return this.$$.ctx[10];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[11];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[12];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[13];}set ml(ml){this.$$set({ml});flush();}get id(){return this.$$.ctx[14];}set id(id){this.$$set({id});flush();}}customElements.define("goa-dropdown",Dropdown);/* src/components/dropdown/DropdownItem.svelte generated by Svelte v3.59.2 */function create_fragment$I(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}function instance$F($$self,$$props,$$invalidate){let{filter=""}=$$props;let{label=""}=$$props;let{value=""}=$$props;$$self.$$set=$$props=>{if('filter'in $$props)$$invalidate(0,filter=$$props.filter);if('label'in $$props)$$invalidate(1,label=$$props.label);if('value'in $$props)$$invalidate(2,value=$$props.value);};return [filter,label,value];}class DropdownItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$I,safe_not_equal,{filter:0,label:1,value:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["filter","label","value"];}get filter(){return this.$$.ctx[0];}set filter(filter){this.$$set({filter});flush();}get label(){return this.$$.ctx[1];}set label(label){this.$$set({label});flush();}get value(){return this.$$.ctx[2];}set value(value){this.$$set({value});flush();}}customElements.define("goa-dropdown-item",DropdownItem);/* src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.59.2 */function create_fragment$H(ctx){let div;return {c(){div=element("div");div.innerHTML=`<span data-tab-boundry="start" tabindex="0"></span>
|
|
248
248
|
<slot></slot>
|
|
249
249
|
|
|
250
250
|
<span data-tab-boundry="end" tabindex="0"></span>`;this.c=noop;},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[1](div);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[1](null);}};}function isFocusable(node){var _a;const element=node;const isTabbable=element.tabIndex>0||element.tabIndex===0&&element.getAttribute('tabIndex')!==null;if(isTabbable)return node;if(element["disabled"])return null;if(element.tabIndex<0||((_a=element.getAttribute)===null||_a===void 0?void 0:_a.call(element,"tabindex"))==="-1")return null;switch(element.nodeName){case'A':{const el=element;if(!!el.href&&el.rel!=='ignore')return node;}case'INPUT':{const el=element;if(el.type!=='hidden'&&el.type!=='file')return node;}case'BUTTON':case'SELECT':case'TEXTAREA':return node;default:return null;}}function instance$E($$self,$$props,$$invalidate){let rootEl;let boundryStartEl;let boundryEndEl;let isShiftPressed;// Hooks
|
|
251
251
|
onMount(async()=>{await tick();// event is attached to the rootEl, eliminating the need to remove the listener since it
|
|
252
252
|
// will be removed when the associated element is removed.
|
|
253
253
|
rootEl.addEventListener("focus",onFocus,true);rootEl.addEventListener("keydown",onKeydown,true);rootEl.addEventListener("keyup",onKeyup,true);boundryStartEl=rootEl.querySelector("[data-tab-boundry=start]");boundryEndEl=rootEl.querySelector("[data-tab-boundry=end]");});function onKeydown(e){if(e.shiftKey)isShiftPressed=true;}function onKeyup(e){if(e.shiftKey)isShiftPressed=false;}// Focus event handler
|
|
254
|
-
function onFocus(event){const el=event.target;if(el.dataset.tabBoundry==="start"){if(isShiftPressed){boundryEndEl.focus();return;}const next=findFirstNode([el.nextElementSibling],false);next===null||next===void 0?void 0:next.focus();return;}if(el.dataset.tabBoundry==="end"){if(!isShiftPressed){boundryStartEl.focus();return;}const next=findFirstNode([el.previousElementSibling],true);next===null||next===void 0?void 0:next.focus();return;}}function findFirstNode(nodes,reversed=false){const nodeList=reversed?[...nodes].reverse():nodes;for(const node of nodeList){const el=isFocusable(node)||findFirstNode(node.childNodes,reversed)||findFirstNodeOfSlot(node,reversed)||findFirstNodeOfShadowDOM(node,reversed);if(el){return el;}}return null;}function findFirstNodeOfSlot(node,reversed){if(!(node instanceof HTMLSlotElement))return null;return findFirstNode([...node.assignedNodes()],reversed);}function findFirstNodeOfShadowDOM(node,reversed){var _a;if(!(node instanceof HTMLElement))return null;return findFirstNode([...(((_a=node.shadowRoot)===null||_a===void 0?void 0:_a.childNodes)||[])],reversed);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(0,rootEl);});}return [rootEl,div_binding];}class FocusTrap extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`div{display:inline}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$H,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-focus-trap",FocusTrap);/* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.59.2 */function create_if_block$n(ctx){let goa_divider;return {c(){goa_divider=element("goa-divider");set_custom_element_data(goa_divider,"spacing","small");},m(target,anchor){insert(target,goa_divider,anchor);},d(detaching){if(detaching)detach(goa_divider);}};}function create_fragment$G(ctx){let div5;let div4;let div0;let t0;let t1;let div3;let div1;let t2;let div2;let a0;let t3;let a1;let div5_style_value;let if_block=/*navLinks*/ctx[2]&&/*navLinks*/ctx[2].length>0&&create_if_block$n();return {c(){div5=element("div");div4=element("div");div0=element("div");div0.innerHTML=`<slot name="nav"></slot>`;t0=space();if(if_block)if_block.c();t1=space();div3=element("div");div1=element("div");div1.innerHTML=`<slot name="meta"></slot>`;t2=space();div2=element("div");a0=element("a");a0.innerHTML=`<img alt="GoA Logo" class="logo" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E"/>`;t3=space();a1=element("a");a1.textContent=`© ${/*year*/ctx[4]} Government of Alberta`;this.c=noop;attr(div0,"class","nav-links");attr(div1,"class","meta-links");attr(a0,"href","https://alberta.ca");attr(a1,"href","https://alberta.ca");attr(a1,"class","goa-copyright");attr(div2,"class","abgov");toggle_class(div2,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);attr(div3,"class","meta-section");toggle_class(div3,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);attr(div4,"class","content");attr(div5,"class","app-footer");attr(div5,"style",div5_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[0]||"100%"}`);},m(target,anchor){insert(target,div5,anchor);append(div5,div4);append(div4,div0);append(div4,t0);if(if_block)if_block.m(div4,null);append(div4,t1);append(div4,div3);append(div3,div1);append(div3,t2);append(div3,div2);append(div2,a0);append(div2,t3);append(div2,a1);/*div5_binding*/ctx[5](div5);},p(ctx,[dirty]){if(/*navLinks*/ctx[2]&&/*navLinks*/ctx[2].length>0){if(if_block);else {if_block=create_if_block$n();if_block.c();if_block.m(div4,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*metaLinks*/8){toggle_class(div2,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);}if(dirty&/*metaLinks*/8){toggle_class(div3,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);}if(dirty&/*maxcontentwidth*/1&&div5_style_value!==(div5_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[0]||"100%"}`)){attr(div5,"style",div5_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div5);if(if_block)if_block.d();/*div5_binding*/ctx[5](null);}};}function instance$D($$self,$$props,$$invalidate){let{maxcontentwidth=""}=$$props;let rootEl;let navLinks;let metaLinks;const year=new Date().getFullYear();onMount(async()=>{await tick();const navSlot=rootEl.querySelector("slot[name=nav]");const metaSlot=rootEl.querySelector("slot[name=meta]");$$invalidate(2,navLinks=navSlot.assignedElements());$$invalidate(3,metaLinks=metaSlot.assignedElements());});function div5_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(1,rootEl);});}$$self.$$set=$$props=>{if('maxcontentwidth'in $$props)$$invalidate(0,maxcontentwidth=$$props.maxcontentwidth);};return [maxcontentwidth,rootEl,navLinks,metaLinks,year,div5_binding];}class Footer extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.app-footer{background-color:var(--goa-color-greyscale-100);border-top:2px solid var(--goa-color-greyscale-200);border-bottom:1rem solid var(--goa-color-brand-default)}.content{padding:2rem 1rem;margin:0 auto;width:min(var(--max-content-width), 100%)}@media(min-width: 640px){.content{padding:2rem 2rem}}@media(min-width: 1024px){.content{padding:2rem 4.5rem}}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width: 640px){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media(min-width: 640px){.abgov.with-meta-links{align-items:flex-end}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$G,safe_not_equal,{maxcontentwidth: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 ["maxcontentwidth"];}get maxcontentwidth(){return this.$$.ctx[0];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-app-footer",Footer);/* libs/web-components/src/components/footer-meta-section/FooterMetaSection.svelte generated by Svelte v3.59.2 */function get_each_context$7(ctx,list,i){const child_ctx=ctx.slice();child_ctx[3]=list[i];return child_ctx;}// (52:4) {#each children as child}
|
|
255
|
-
function create_each_block$7(ctx){let li;let a;let t_value=/*child*/ctx[3].innerHTML+"";let t;let a_href_value;return {c(){li=element("li");a=element("a");t=text(t_value);attr(a,"href",a_href_value=/*child*/ctx[3].href);},m(target,anchor){insert(target,li,anchor);append(li,a);append(a,t);},p(ctx,dirty){if(dirty&/*children*/2&&t_value!==(t_value=/*child*/ctx[3].innerHTML+""))set_data(t,t_value);if(dirty&/*children*/2&&a_href_value!==(a_href_value=/*child*/ctx[3].href)){attr(a,"href",a_href_value);}},d(detaching){if(detaching)detach(li);}};}function create_fragment$F(ctx){let section;let div;let t;let ul;let each_value=/*children*/ctx[1];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$7(get_each_context$7(ctx,each_value,i));}return {c(){section=element("section");div=element("div");div.innerHTML=`<slot></slot>`;t=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}this.c=noop;attr(div,"class","hidden");},m(target,anchor){insert(target,section,anchor);append(section,div);append(section,t);append(section,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*section_binding*/ctx[2](section);},p(ctx,[dirty]){if(dirty&/*children*/2){each_value=/*children*/ctx[1];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$7(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$7(child_ctx);each_blocks[i].c();each_blocks[i].m(ul,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}},i:noop,o:noop,d(detaching){if(detaching)detach(section);destroy_each(each_blocks,detaching);/*section_binding*/ctx[2](null);}};}function instance$C($$self,$$props,$$invalidate){let rootEl;let children=[];onMount(async()=>{await tick();$$invalidate(1,children=rootEl.querySelector("slot").assignedElements());const isValid=children.map(child=>child.hasAttribute("href")).reduce((sum,valid)=>{return sum&&valid;},true);if(!isValid){$$invalidate(1,children=[]);console.warn("GoAFooterMetaSection children must be anchor elements.");return;}});function section_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(0,rootEl);});}return [rootEl,children,section_binding];}class FooterMetaSection extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.hidden{display:none}ul{display:flex;flex-wrap:wrap;gap:1rem;padding-left:0}li{list-style-type:none}a{color:var(--goa-color-text-default);white-space:nowrap}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$C,create_fragment$F,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-app-footer-meta-section",FooterMetaSection);/*
|
|
254
|
+
function onFocus(event){const el=event.target;if(el.dataset.tabBoundry==="start"){if(isShiftPressed){boundryEndEl.focus();return;}const next=findFirstNode([el.nextElementSibling],false);next===null||next===void 0?void 0:next.focus();return;}if(el.dataset.tabBoundry==="end"){if(!isShiftPressed){boundryStartEl.focus();return;}const next=findFirstNode([el.previousElementSibling],true);next===null||next===void 0?void 0:next.focus();return;}}function findFirstNode(nodes,reversed=false){const nodeList=reversed?[...nodes].reverse():nodes;for(const node of nodeList){const el=isFocusable(node)||findFirstNode(node.childNodes,reversed)||findFirstNodeOfSlot(node,reversed)||findFirstNodeOfShadowDOM(node,reversed);if(el){return el;}}return null;}function findFirstNodeOfSlot(node,reversed){if(!(node instanceof HTMLSlotElement))return null;return findFirstNode([...node.assignedNodes()],reversed);}function findFirstNodeOfShadowDOM(node,reversed){var _a;if(!(node instanceof HTMLElement))return null;return findFirstNode([...(((_a=node.shadowRoot)===null||_a===void 0?void 0:_a.childNodes)||[])],reversed);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(0,rootEl);});}return [rootEl,div_binding];}class FocusTrap extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`div{display:inline}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$H,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-focus-trap",FocusTrap);/* src/components/footer/Footer.svelte generated by Svelte v3.59.2 */function create_if_block$n(ctx){let goa_divider;return {c(){goa_divider=element("goa-divider");set_custom_element_data(goa_divider,"spacing","small");},m(target,anchor){insert(target,goa_divider,anchor);},d(detaching){if(detaching)detach(goa_divider);}};}function create_fragment$G(ctx){let div5;let div4;let div0;let t0;let t1;let div3;let div1;let t2;let div2;let a0;let t3;let a1;let div5_style_value;let if_block=/*navLinks*/ctx[2]&&/*navLinks*/ctx[2].length>0&&create_if_block$n();return {c(){div5=element("div");div4=element("div");div0=element("div");div0.innerHTML=`<slot name="nav"></slot>`;t0=space();if(if_block)if_block.c();t1=space();div3=element("div");div1=element("div");div1.innerHTML=`<slot name="meta"></slot>`;t2=space();div2=element("div");a0=element("a");a0.innerHTML=`<img alt="GoA Logo" class="logo" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E"/>`;t3=space();a1=element("a");a1.textContent=`© ${/*year*/ctx[4]} Government of Alberta`;this.c=noop;attr(div0,"class","nav-links");attr(div1,"class","meta-links");attr(a0,"href","https://alberta.ca");attr(a1,"href","https://alberta.ca");attr(a1,"class","goa-copyright");attr(div2,"class","abgov");toggle_class(div2,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);attr(div3,"class","meta-section");toggle_class(div3,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);attr(div4,"class","content");attr(div5,"class","app-footer");attr(div5,"style",div5_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[0]||"100%"}`);},m(target,anchor){insert(target,div5,anchor);append(div5,div4);append(div4,div0);append(div4,t0);if(if_block)if_block.m(div4,null);append(div4,t1);append(div4,div3);append(div3,div1);append(div3,t2);append(div3,div2);append(div2,a0);append(div2,t3);append(div2,a1);/*div5_binding*/ctx[5](div5);},p(ctx,[dirty]){if(/*navLinks*/ctx[2]&&/*navLinks*/ctx[2].length>0){if(if_block);else {if_block=create_if_block$n();if_block.c();if_block.m(div4,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*metaLinks*/8){toggle_class(div2,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);}if(dirty&/*metaLinks*/8){toggle_class(div3,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);}if(dirty&/*maxcontentwidth*/1&&div5_style_value!==(div5_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[0]||"100%"}`)){attr(div5,"style",div5_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div5);if(if_block)if_block.d();/*div5_binding*/ctx[5](null);}};}function instance$D($$self,$$props,$$invalidate){let{maxcontentwidth=""}=$$props;let rootEl;let navLinks;let metaLinks;const year=new Date().getFullYear();onMount(async()=>{await tick();const navSlot=rootEl.querySelector("slot[name=nav]");const metaSlot=rootEl.querySelector("slot[name=meta]");$$invalidate(2,navLinks=navSlot.assignedElements());$$invalidate(3,metaLinks=metaSlot.assignedElements());});function div5_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(1,rootEl);});}$$self.$$set=$$props=>{if('maxcontentwidth'in $$props)$$invalidate(0,maxcontentwidth=$$props.maxcontentwidth);};return [maxcontentwidth,rootEl,navLinks,metaLinks,year,div5_binding];}class Footer extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.app-footer{background-color:var(--goa-color-greyscale-100);border-top:2px solid var(--goa-color-greyscale-200);border-bottom:1rem solid var(--goa-color-brand-default)}.content{margin:0 auto;width:min(var(--max-content-width), 100%)}@media screen and (max-width: 623px){.content{padding:2rem 1rem}}@media screen and (min-width: 624px) and (max-width: 1023px){.content{padding:2rem 2rem}}@media screen and (min-width: 1024px){.content{padding:2rem 4.5rem}}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media screen and (max-width: 623px){@media not (max-color:2147477350){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media screen and (max-width: 623px){@media not (max-color:2147477350){.abgov.with-meta-links{align-items:flex-end}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.abgov.with-meta-links{align-items:flex-end}}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$G,safe_not_equal,{maxcontentwidth: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 ["maxcontentwidth"];}get maxcontentwidth(){return this.$$.ctx[0];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-app-footer",Footer);/* src/components/footer-meta-section/FooterMetaSection.svelte generated by Svelte v3.59.2 */function get_each_context$7(ctx,list,i){const child_ctx=ctx.slice();child_ctx[3]=list[i];return child_ctx;}// (51:4) {#each children as child}
|
|
255
|
+
function create_each_block$7(ctx){let li;let a;let t_value=/*child*/ctx[3].innerHTML+"";let t;let a_href_value;return {c(){li=element("li");a=element("a");t=text(t_value);attr(a,"href",a_href_value=/*child*/ctx[3].href);},m(target,anchor){insert(target,li,anchor);append(li,a);append(a,t);},p(ctx,dirty){if(dirty&/*children*/2&&t_value!==(t_value=/*child*/ctx[3].innerHTML+""))set_data(t,t_value);if(dirty&/*children*/2&&a_href_value!==(a_href_value=/*child*/ctx[3].href)){attr(a,"href",a_href_value);}},d(detaching){if(detaching)detach(li);}};}function create_fragment$F(ctx){let section;let div;let t;let ul;let each_value=/*children*/ctx[1];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$7(get_each_context$7(ctx,each_value,i));}return {c(){section=element("section");div=element("div");div.innerHTML=`<slot></slot>`;t=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}this.c=noop;attr(div,"class","hidden");},m(target,anchor){insert(target,section,anchor);append(section,div);append(section,t);append(section,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*section_binding*/ctx[2](section);},p(ctx,[dirty]){if(dirty&/*children*/2){each_value=/*children*/ctx[1];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$7(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$7(child_ctx);each_blocks[i].c();each_blocks[i].m(ul,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}},i:noop,o:noop,d(detaching){if(detaching)detach(section);destroy_each(each_blocks,detaching);/*section_binding*/ctx[2](null);}};}function instance$C($$self,$$props,$$invalidate){let rootEl;let children=[];onMount(async()=>{await tick();$$invalidate(1,children=rootEl.querySelector("slot").assignedElements());const isValid=children.map(child=>child.hasAttribute("href")).reduce((sum,valid)=>{return sum&&valid;},true);if(!isValid){$$invalidate(1,children=[]);console.warn("GoAFooterMetaSection children must be anchor elements.");return;}});function section_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(0,rootEl);});}return [rootEl,children,section_binding];}class FooterMetaSection extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.hidden{display:none}ul{display:flex;flex-wrap:wrap;gap:1rem;padding-left:0}li{list-style-type:none}a{color:var(--goa-color-text-default);white-space:nowrap}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$C,create_fragment$F,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-app-footer-meta-section",FooterMetaSection);/* src/components/footer-nav-section/FooterNavSection.svelte generated by Svelte v3.59.2 */function get_each_context$6(ctx,list,i){const child_ctx=ctx.slice();child_ctx[5]=list[i];return child_ctx;}// (31:2) {#if heading}
|
|
256
256
|
function create_if_block$m(ctx){let div;let t0;let t1;let goa_divider;return {c(){div=element("div");t0=text(/*heading*/ctx[0]);t1=space();goa_divider=element("goa-divider");attr(div,"class","title");set_custom_element_data(goa_divider,"spacing","small");},m(target,anchor){insert(target,div,anchor);append(div,t0);insert(target,t1,anchor);insert(target,goa_divider,anchor);},p(ctx,dirty){if(dirty&/*heading*/1)set_data(t0,/*heading*/ctx[0]);},d(detaching){if(detaching)detach(div);if(detaching)detach(t1);if(detaching)detach(goa_divider);}};}// (49:4) {#each children as child}
|
|
257
257
|
function create_each_block$6(ctx){let li;let a;let t_value=/*child*/ctx[5].innerHTML+"";let t;let a_href_value;return {c(){li=element("li");a=element("a");t=text(t_value);attr(a,"href",a_href_value=/*child*/ctx[5].href);},m(target,anchor){insert(target,li,anchor);append(li,a);append(a,t);},p(ctx,dirty){if(dirty&/*children*/8&&t_value!==(t_value=/*child*/ctx[5].innerHTML+""))set_data(t,t_value);if(dirty&/*children*/8&&a_href_value!==(a_href_value=/*child*/ctx[5].href)){attr(a,"href",a_href_value);}},d(detaching){if(detaching)detach(li);}};}function create_fragment$E(ctx){let section;let t0;let div;let t1;let ul;let ul_style_value;let if_block=/*heading*/ctx[0]&&create_if_block$m(ctx);let each_value=/*children*/ctx[3];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$6(get_each_context$6(ctx,each_value,i));}return {c(){section=element("section");if(if_block)if_block.c();t0=space();div=element("div");div.innerHTML=`<slot></slot>`;t1=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}this.c=noop;attr(div,"class","hidden");attr(ul,"class","links");attr(ul,"style",ul_style_value=`
|
|
258
258
|
--narrow-display-type: ${Math.ceil(/*maxcolumncount*/ctx[1]/2)>1?"block":"flex"};
|
|
@@ -265,10 +265,10 @@ function create_each_block$6(ctx){let li;let a;let t_value=/*child*/ctx[5].inner
|
|
|
265
265
|
--wide-display-type: ${/*maxcolumncount*/ctx[1]>1?"block":"flex"};
|
|
266
266
|
--wide-column-count: ${/*maxcolumncount*/ctx[1]};
|
|
267
267
|
`)){attr(ul,"style",ul_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(section);if(if_block)if_block.d();destroy_each(each_blocks,detaching);/*section_binding*/ctx[4](null);}};}function instance$B($$self,$$props,$$invalidate){let{heading=""}=$$props;let{maxcolumncount=1}=$$props;let rootEl;let children=[];onMount(async()=>{await tick();// remap slot content
|
|
268
|
-
$$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(
|
|
268
|
+
$$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$9(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$9(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$9(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)}
|
|
269
269
|
function create_if_block_3$9(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}
|
|
270
270
|
function create_if_block_1$b(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_style(goa_icon,"pointer-events","none");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}
|
|
271
|
-
function create_if_block$l(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$9(ctx);let if_block1=/*error*/ctx[8]&&create_if_block_1$b(ctx);let if_block2=/*helptext*/ctx[7]&&create_if_block$l(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$9(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$b(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$l(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);margin-right:56px}.error-msg{display:inline-flex;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);/*
|
|
271
|
+
function create_if_block$l(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$9(ctx);let if_block1=/*error*/ctx[8]&&create_if_block_1$b(ctx);let if_block2=/*helptext*/ctx[7]&&create_if_block$l(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$9(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$b(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$l(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);margin-right:56px}.error-msg{display:inline-flex;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=`
|
|
272
272
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
273
273
|
--min-child-width: ${/*minchildwidth*/ctx[1]||0};
|
|
274
274
|
gap: var(--goa-space-${/*gap*/ctx[0]})
|
|
@@ -276,8 +276,13 @@ function create_if_block$l(ctx){let div;let t;return {c(){div=element("div");t=t
|
|
|
276
276
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
277
277
|
--min-child-width: ${/*minchildwidth*/ctx[1]||0};
|
|
278
278
|
gap: var(--goa-space-${/*gap*/ctx[0]})
|
|
279
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$z($$self,$$props,$$invalidate){let{gap="m"}=$$props;let{minchildwidth=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;onMount(()=>{validateRequired("Grid",{minchildwidth});});$$self.$$set=$$props=>{if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('minchildwidth'in $$props)$$invalidate(1,minchildwidth=$$props.minchildwidth);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);};return [gap,minchildwidth,mt,mr,mb,ml];}class Grid 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-grid{display:flex;flex-direction:column;gap:var(--gap)}@media(min-width:
|
|
280
|
-
|
|
279
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$z($$self,$$props,$$invalidate){let{gap="m"}=$$props;let{minchildwidth=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;onMount(()=>{validateRequired("Grid",{minchildwidth});});$$self.$$set=$$props=>{if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('minchildwidth'in $$props)$$invalidate(1,minchildwidth=$$props.minchildwidth);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);};return [gap,minchildwidth,mt,mr,mb,ml];}class Grid 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-grid{display:flex;flex-direction:column;gap:var(--gap)}@media screen and (max-width: 623px){@media not (max-color:2147477350){.goa-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--min-child-width), 1fr))}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.goa-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--min-child-width), 1fr))}}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$z,create_fragment$C,safe_not_equal,{gap:0,minchildwidth: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 ["gap","minchildwidth","mt","mr","mb","ml"];}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get minchildwidth(){return this.$$.ctx[1];}set minchildwidth(minchildwidth){this.$$set({minchildwidth});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-grid",Grid);/* src/components/hero-banner/HeroBanner.svelte generated by Svelte v3.59.2 */function create_fragment$B(ctx){let div2;let goa_page_block;let h1;let t0;let t1;let div0;let t2;let div1;let goa_page_block_width_value;return {c(){div2=element("div");goa_page_block=element("goa-page-block");h1=element("h1");t0=text(/*heading*/ctx[1]);t1=space();div0=element("div");div0.innerHTML=`<slot></slot>`;t2=space();div1=element("div");div1.innerHTML=`<slot name="actions"></slot>`;this.c=noop;attr(div0,"class","goa-hero-banner-content");attr(div0,"role","note");attr(div1,"class","goa-hero-banner-actions");set_custom_element_data(goa_page_block,"width",goa_page_block_width_value=/*maxcontentwidth*/ctx[3]||"full");attr(div2,"class","goa-hero");attr(div2,"data-testid","background");set_style(div2,"min-height",/*minheight*/ctx[0]);set_style(div2,"--hero-banner-background-color",/*backgroundcolor*/ctx[4]);set_style(div2,"--hero-banner-text-color",/*textcolor*/ctx[5]);set_style(div2,"--hero-background-url","url("+/*backgroundurl*/ctx[2]+")");toggle_class(div2,"with-image",/*backgroundurl*/ctx[2]);},m(target,anchor){insert(target,div2,anchor);append(div2,goa_page_block);append(goa_page_block,h1);append(h1,t0);append(goa_page_block,t1);append(goa_page_block,div0);append(goa_page_block,t2);append(goa_page_block,div1);},p(ctx,[dirty]){if(dirty&/*heading*/2)set_data(t0,/*heading*/ctx[1]);if(dirty&/*maxcontentwidth*/8&&goa_page_block_width_value!==(goa_page_block_width_value=/*maxcontentwidth*/ctx[3]||"full")){set_custom_element_data(goa_page_block,"width",goa_page_block_width_value);}if(dirty&/*minheight*/1){set_style(div2,"min-height",/*minheight*/ctx[0]);}if(dirty&/*backgroundcolor*/16){set_style(div2,"--hero-banner-background-color",/*backgroundcolor*/ctx[4]);}if(dirty&/*textcolor*/32){set_style(div2,"--hero-banner-text-color",/*textcolor*/ctx[5]);}if(dirty&/*backgroundurl*/4){set_style(div2,"--hero-background-url","url("+/*backgroundurl*/ctx[2]+")");}if(dirty&/*backgroundurl*/4){toggle_class(div2,"with-image",/*backgroundurl*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div2);}};}function instance$y($$self,$$props,$$invalidate){let{heading}=$$props;let{backgroundurl}=$$props;let{minheight}=$$props;let{maxcontentwidth="100%"}=$$props;let{backgroundcolor="#f8f8f8"}=$$props;let{textcolor=""}=$$props;$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('backgroundurl'in $$props)$$invalidate(2,backgroundurl=$$props.backgroundurl);if('minheight'in $$props)$$invalidate(0,minheight=$$props.minheight);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);if('backgroundcolor'in $$props)$$invalidate(4,backgroundcolor=$$props.backgroundcolor);if('textcolor'in $$props)$$invalidate(5,textcolor=$$props.textcolor);};$$self.$$.update=()=>{if($$self.$$.dirty&/*minheight, backgroundurl*/5){/* Set minheight to support old default value of 600px */if(!minheight&&backgroundurl)$$invalidate(0,minheight="600px");}};return [minheight,heading,backgroundurl,maxcontentwidth,backgroundcolor,textcolor];}class HeroBanner 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-hero{background:var(--hero-banner-background-color);box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--hero-banner-text-color, var(--goa-color-text-default));background-position:center center;width:100%;padding:var(--goa-space-3xl) 0}.goa-hero.with-image{border-bottom:8px solid var(--goa-color-brand-default);justify-content:flex-end;background:unset;background-image:linear-gradient(
|
|
280
|
+
rgba(0, 0, 0, 0) 0%,
|
|
281
|
+
rgba(0, 0, 0, 0.4) 40%,
|
|
282
|
+
rgba(0, 0, 0, 0.6) 100%
|
|
283
|
+
),
|
|
284
|
+
var(--hero-background-url);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--hero-banner-text-color, var(--goa-color-text-light))}h1{font:var(--goa-typography-heading-xl);margin:0}.goa-hero-banner-content{font:var(--goa-typography-body-l);margin:var(--goa-space-l) 0 0}.goa-hero-banner-actions{margin:var(--goa-space-l) 0 0}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$y,create_fragment$B,safe_not_equal,{heading:1,backgroundurl:2,minheight:0,maxcontentwidth:3,backgroundcolor:4,textcolor: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 ["heading","backgroundurl","minheight","maxcontentwidth","backgroundcolor","textcolor"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get backgroundurl(){return this.$$.ctx[2];}set backgroundurl(backgroundurl){this.$$set({backgroundurl});flush();}get minheight(){return this.$$.ctx[0];}set minheight(minheight){this.$$set({minheight});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get backgroundcolor(){return this.$$.ctx[4];}set backgroundcolor(backgroundcolor){this.$$set({backgroundcolor});flush();}get textcolor(){return this.$$.ctx[5];}set textcolor(textcolor){this.$$set({textcolor});flush();}}customElements.define("goa-hero-banner",HeroBanner);/* src/components/icon-button/IconButton.svelte generated by Svelte v3.59.2 */function create_fragment$A(ctx){let button;let goa_icon;let button_style_value;let mounted;let dispose;return {c(){button=element("button");goa_icon=element("goa-icon");this.c=noop;set_custom_element_data(goa_icon,"title",/*title*/ctx[3]);set_custom_element_data(goa_icon,"type",/*icon*/ctx[0]);set_custom_element_data(goa_icon,"size",/*size*/ctx[1]);set_custom_element_data(goa_icon,"theme",/*theme*/ctx[2]);set_custom_element_data(goa_icon,"inverted",/*isInverted*/ctx[9]);attr(button,"style",button_style_value=""+(calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8])+"; --pading-size: "+/*_paddingSize*/ctx[10]));attr(button,"title",/*title*/ctx[3]);button.disabled=/*isDisabled*/ctx[11];attr(button,"class",/*css*/ctx[12]);attr(button,"data-testid",/*testid*/ctx[4]);},m(target,anchor){insert(target,button,anchor);append(button,goa_icon);if(!mounted){dispose=listen(button,"click",handleClick);mounted=true;}},p(ctx,[dirty]){if(dirty&/*title*/8){set_custom_element_data(goa_icon,"title",/*title*/ctx[3]);}if(dirty&/*icon*/1){set_custom_element_data(goa_icon,"type",/*icon*/ctx[0]);}if(dirty&/*size*/2){set_custom_element_data(goa_icon,"size",/*size*/ctx[1]);}if(dirty&/*theme*/4){set_custom_element_data(goa_icon,"theme",/*theme*/ctx[2]);}if(dirty&/*isInverted*/512){set_custom_element_data(goa_icon,"inverted",/*isInverted*/ctx[9]);}if(dirty&/*mt, mr, mb, ml, _paddingSize*/1504&&button_style_value!==(button_style_value=""+(calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8])+"; --pading-size: "+/*_paddingSize*/ctx[10]))){attr(button,"style",button_style_value);}if(dirty&/*title*/8){attr(button,"title",/*title*/ctx[3]);}if(dirty&/*isDisabled*/2048){button.disabled=/*isDisabled*/ctx[11];}if(dirty&/*css*/4096){attr(button,"class",/*css*/ctx[12]);}if(dirty&/*testid*/16){attr(button,"data-testid",/*testid*/ctx[4]);}},i:noop,o:noop,d(detaching){if(detaching)detach(button);mounted=false;dispose();}};}function handleClick(e){e.target.dispatchEvent(new CustomEvent("_click",{composed:true,detail:{event:e}}));}function instance$x($$self,$$props,$$invalidate){let css;let isDisabled;let isInverted;let _paddingSize;const[Variants,validateVariant]=typeValidator("Icon Button Variant",["color","nocolor","dark","destructive"],true);let{icon}=$$props;let{size="medium"}=$$props;let{theme="outline"}=$$props;let{variant="color"}=$$props;let{title=""}=$$props;let{testid=""}=$$props;let{disabled="false"}=$$props;let{inverted="false"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;onMount(()=>{validateVariant(variant);});$$self.$$set=$$props=>{if('icon'in $$props)$$invalidate(0,icon=$$props.icon);if('size'in $$props)$$invalidate(1,size=$$props.size);if('theme'in $$props)$$invalidate(2,theme=$$props.theme);if('variant'in $$props)$$invalidate(13,variant=$$props.variant);if('title'in $$props)$$invalidate(3,title=$$props.title);if('testid'in $$props)$$invalidate(4,testid=$$props.testid);if('disabled'in $$props)$$invalidate(14,disabled=$$props.disabled);if('inverted'in $$props)$$invalidate(15,inverted=$$props.inverted);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&/*inverted*/32768){$$invalidate(9,isInverted=toBoolean(inverted));}if($$self.$$.dirty&/*variant, isInverted*/8704){// private
|
|
285
|
+
$$invalidate(12,css=`${variant} ${isInverted?"inverted":""}`);}if($$self.$$.dirty&/*disabled*/16384){$$invalidate(11,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*size*/2){$$invalidate(10,_paddingSize={small:"0.25rem",medium:"0.25rem",large:"0.5rem"}[size]);}};return [icon,size,theme,title,testid,mt,mr,mb,ml,isInverted,_paddingSize,isDisabled,css,variant,disabled,inverted];}class IconButton extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--goa-font-family-sans)}button,button *{box-sizing:border-box}button{display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;background:transparent;cursor:pointer;border:none;border-radius:var(--goa-border-radius-m);padding:var(--pading-size)}.color,.dark{color:var(--goa-color-interactive-default);fill:var(--goa-color-interactive-default);cursor:pointer;transition:background-color 100ms ease-in, transform 100ms ease-in}.dark:not(.inverted){color:unset}button:hover:not(.destructive){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);outline:none}button:focus:not(.destructive),button:active:not(.destructive){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-interactive-focus);color:var(--goa-color-interactive-focus);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.color.inverted:hover{background-color:var(--goa-color-interactive-hover)}.destructive{color:var(--goa-color-emergency-dark);fill:var(--goa-color-emergency-dark)}.destructive:hover{background-color:var(--goa-color-emergency-light);border-color:var(--goa-color-emergency-light);outline:none}.destructive:focus,.destructive:active{background-color:var(--goa-color-emergency-light);border-color:var(--goa-color-interactive-focus);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}button:disabled{pointer-events:none;opacity:0.5;transform:none;cursor:default}button:disabled:hover{background-color:transparent}button.dark:hover{background-color:rgba(0, 0, 0, 0.3)}button.dark:focus,button.dark:active{background-color:rgba(0, 0, 0, 0.3);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$x,create_fragment$A,safe_not_equal,{icon:0,size:1,theme:2,variant:13,title:3,testid:4,disabled:14,inverted:15,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 ["icon","size","theme","variant","title","testid","disabled","inverted","mt","mr","mb","ml"];}get icon(){return this.$$.ctx[0];}set icon(icon){this.$$set({icon});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get theme(){return this.$$.ctx[2];}set theme(theme){this.$$set({theme});flush();}get variant(){return this.$$.ctx[13];}set variant(variant){this.$$set({variant});flush();}get title(){return this.$$.ctx[3];}set title(title){this.$$set({title});flush();}get testid(){return this.$$.ctx[4];}set testid(testid){this.$$set({testid});flush();}get disabled(){return this.$$.ctx[14];}set disabled(disabled){this.$$set({disabled});flush();}get inverted(){return this.$$.ctx[15];}set inverted(inverted){this.$$set({inverted});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-icon-button",IconButton);/* src/components/icon/Icon.svelte generated by Svelte v3.59.2 */function create_if_block$k(ctx){let show_if;let if_block_anchor;function select_block_type(ctx,dirty){if(dirty&/*type*/16)show_if=null;if(show_if==null)show_if=!!Object.keys(/*_iconOverrides*/ctx[16]).includes(/*type*/ctx[4]);if(show_if)return create_if_block_1$a;return create_else_block$9;}let current_block_type=select_block_type(ctx,-1);let if_block=current_block_type(ctx);return {c(){if_block.c();if_block_anchor=empty();},m(target,anchor){if_block.m(target,anchor);insert(target,if_block_anchor,anchor);},p(ctx,dirty){if(current_block_type===(current_block_type=select_block_type(ctx,dirty))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}},d(detaching){if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}// (66:4) {:else}
|
|
281
286
|
function create_else_block$9(ctx){let ion_icon;let ion_icon_name_value;return {c(){ion_icon=element("ion-icon");set_custom_element_data(ion_icon,"name",ion_icon_name_value=/*theme*/ctx[6]==="filled"||/*type*/ctx[4].indexOf("logo")===0?/*type*/ctx[4]:`${/*type*/ctx[4]}-${/*theme*/ctx[6]}`);},m(target,anchor){insert(target,ion_icon,anchor);},p(ctx,dirty){if(dirty&/*theme, type*/80&&ion_icon_name_value!==(ion_icon_name_value=/*theme*/ctx[6]==="filled"||/*type*/ctx[4].indexOf("logo")===0?/*type*/ctx[4]:`${/*type*/ctx[4]}-${/*theme*/ctx[6]}`)){set_custom_element_data(ion_icon,"name",ion_icon_name_value);}},d(detaching){if(detaching)detach(ion_icon);}};}// (62:4) {#if Object.keys(_iconOverrides).includes(type)}
|
|
282
287
|
function create_if_block_1$a(ctx){let div;let raw_value=/*_iconOverrides*/ctx[16][/*type*/ctx[4]]+"";return {c(){div=element("div");attr(div,"class","icon-override");},m(target,anchor){insert(target,div,anchor);div.innerHTML=raw_value;},p(ctx,dirty){if(dirty&/*type*/16&&raw_value!==(raw_value=/*_iconOverrides*/ctx[16][/*type*/ctx[4]]+""))div.innerHTML=raw_value;},d(detaching){if(detaching)detach(div);}};}function create_fragment$z(ctx){let div;let div_aria_expanded_value;let div_class_value;let div_style_value;let if_block=/*type*/ctx[4]&&create_if_block$k(ctx);return {c(){div=element("div");if(if_block)if_block.c();this.c=noop;attr(div,"role",/*role*/ctx[13]);attr(div,"aria-label",/*arialabel*/ctx[11]);attr(div,"aria-controls",/*ariacontrols*/ctx[12]);attr(div,"aria-expanded",div_aria_expanded_value=/*_ariaexpanded*/ctx[14].length>0?/*_ariaexpanded*/ctx[14]:undefined);attr(div,"class",div_class_value=`goa-icon goa-icon--${/*size*/ctx[5]}`);attr(div,"data-testid",/*testid*/ctx[10]);attr(div,"title",/*title*/ctx[9]);attr(div,"style",div_style_value=`
|
|
283
288
|
${calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3])}
|
|
@@ -288,15 +293,15 @@ function create_if_block_1$a(ctx){let div;let raw_value=/*_iconOverrides*/ctx[16
|
|
|
288
293
|
${cssVar("--fill-color",/*fillcolor*/ctx[7])};
|
|
289
294
|
${cssVar("--opacity",/*opacity*/ctx[8])};
|
|
290
295
|
`)){attr(div,"style",div_style_value);}if(dirty&/*size, isInverted*/32800){toggle_class(div,"inverted",/*isInverted*/ctx[15]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();}};}function instance$w($$self,$$props,$$invalidate){let isInverted;let _ariaexpanded;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{type}=$$props;let{size="medium"}=$$props;let{theme="outline"}=$$props;let{inverted="false"}=$$props;let{fillcolor=""}=$$props;let{opacity=1}=$$props;let{title=""}=$$props;let{testid=""}=$$props;let{arialabel=""}=$$props;let{ariacontrols=""}=$$props;let{ariaexpanded=""}=$$props;let{role="img"}=$$props;// Private
|
|
291
|
-
const _iconOverrides={pencil:`<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.1442 5.47956L12.5355 1.87088L13.7196 0.686776C14.0391 0.367257 14.4385 0.212197 14.9178 0.221594C15.3971 0.230992 15.7965 0.39545 16.116 0.714969L17.3283 1.92726C17.6478 2.24678 17.8076 2.64148 17.8076 3.11136C17.8076 3.58124 17.6478 3.97594 17.3283 4.29546L16.1442 5.47956ZM1.03951 17.8424C0.795173 17.8424 0.593125 17.7626 0.433365 17.6028C0.273605 17.443 0.193726 17.241 0.193726 16.9966V14.5721C0.193726 14.4593 0.212521 14.356 0.250112 14.262C0.287702 14.168 0.353485 14.074 0.447461 13.9801L11.4689 2.93435L15.0776 6.54303L4.05615 17.5887C3.96217 17.6827 3.8682 17.7485 3.77422 17.7861C3.68024 17.8236 3.57687 17.8424 3.4641 17.8424H1.03951Z" fill="currentcolor"/> </svg>`,checkmark:`<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.20129 11.5368L15.9974 0.341265C16.3611 -0.0743717 16.9929 -0.116489 17.4085 0.247193C17.8241 0.610875 17.8663 1.24264 17.5026 1.65827L7.00258 13.6583C6.82032 13.8666 6.5599 13.99 6.28328 13.9992C6.00666 14.0084 5.7386 13.9026 5.54289 13.7069L1.04289 9.20688C0.652369 8.81635 0.652369 8.18319 1.04289 7.79266C1.43342 7.40214 2.06658 7.40214 2.45711 7.79266L6.20129 11.5368Z" fill="currentcolor"/> </svg>`,remove:`<svg width="16" height="20" viewBox="0 0 16 1" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 -0.000244141C0.947715 -0.000244141 0.5 0.447471 0.5 0.999756C0.5 1.55204 0.947715 1.99976 1.5 1.99976H15C15.5523 1.99976 16 1.55204 16 0.999756C16 0.447471 15.5523 -0.000244141 15 -0.000244141H1.5Z" fill="currentcolor"/> </svg>`,"goa-file":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1357_108691)"> <path d="M38.741 14C38.541 13.07 38.081 12.22 37.401 11.54L36.861 11L27.861 2L27.321 1.46C26.641 0.78 25.781 0.32 24.861 0.12C24.511 0.04 24.151 0 23.791 0H5.86096C3.10096 0 0.860962 2.24 0.860962 5V43C0.860962 45.76 3.10096 48 5.86096 48H33.861C36.621 48 38.861 45.76 38.861 43V15.07C38.861 14.71 38.811 14.35 38.741 14ZM35.041 12H29.871C28.221 12 26.871 10.65 26.871 9V3.83L35.041 12ZM36.871 43C36.871 44.65 35.521 46 33.871 46H5.87097C4.22097 46 2.87097 44.65 2.87097 43V5C2.87097 3.35 4.22097 2 5.87097 2H23.801C24.171 2 24.531 2.07 24.871 2.2V9C24.871 11.76 27.111 14 29.871 14H36.671C36.801 14.34 36.871 14.7 36.871 15.07V43Z" fill="currentcolor"/> </g> <defs> <clipPath id="clip0_1357_108691"><rect width="38" height="48" fill="white" transform="translate(0.861328)"/></clipPath></defs></svg>`,"goa-text":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.7953 14C38.5953 13.07 38.1353 12.22 37.4553 11.54L36.9153 11L27.9153 2L27.3753 1.46C26.6953 0.78 25.8353 0.32 24.9153 0.12C24.5653 0.04 24.2053 0 23.8453 0H5.91528C3.15528 0 0.915283 2.24 0.915283 5V43C0.915283 45.76 3.15528 48 5.91528 48H33.9153C36.6753 48 38.9153 45.76 38.9153 43V15.07C38.9153 14.71 38.8653 14.35 38.7953 14ZM35.0953 12H29.9253C28.2753 12 26.9253 10.65 26.9253 9V3.83L35.0953 12ZM36.9253 43C36.9253 44.65 35.5753 46 33.9253 46H5.91528C4.26528 46 2.91528 44.65 2.91528 43V5C2.91528 3.35 4.26528 2 5.91528 2H23.8453C24.2153 2 24.5753 2.07 24.9153 2.2V9C24.9153 11.76 27.1553 14 29.9153 14H36.7153C36.8453 14.34 36.9153 14.7 36.9153 15.07V43H36.9253Z" fill="currentcolor"/> <path d="M27.9153 34H11.9153C11.363 34 10.9153 34.4477 10.9153 35C10.9153 35.5523 11.363 36 11.9153 36H27.9153C28.4676 36 28.9153 35.5523 28.9153 35C28.9153 34.4477 28.4676 34 27.9153 34Z" fill="currentcolor"/> <path d="M27.9153 26H11.9153C11.363 26 10.9153 26.4477 10.9153 27C10.9153 27.5523 11.363 28 11.9153 28H27.9153C28.4676 28 28.9153 27.5523 28.9153 27C28.9153 26.4477 28.4676 26 27.9153 26Z" fill="currentcolor"/> </svg>`,"goa-pdf":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M37.8861 14C37.6861 13.07 37.2261 12.22 36.5461 11.54L36.0061 11L27.0061 2L26.4661 1.46C25.7861 0.78 24.9261 0.32 24.0061 0.12C23.6561 0.04 23.2961 0 22.9361 0H5.0061C2.2461 0 0.00610352 2.24 0.00610352 5V43C0.00610352 45.76 2.2461 48 5.0061 48H33.0061C35.7661 48 38.0061 45.76 38.0061 43V15.07C38.0061 14.71 37.9561 14.35 37.8861 14ZM34.1861 12H29.0161C27.3661 12 26.0161 10.65 26.0161 9V3.83L34.1861 12ZM36.0161 43C36.0161 44.65 34.6661 46 33.0161 46H5.0061C3.3561 46 2.0061 44.65 2.0061 43V5C2.0061 3.35 3.3561 2 5.0061 2H22.9361C23.3061 2 23.6661 2.07 24.0061 2.2V9C24.0061 11.76 26.2461 14 29.0061 14H35.8061C35.9361 14.34 36.0061 14.7 36.0061 15.07V43H36.0161Z" fill="currentcolor"/> <path d="M5.02611 27C5.02611 26.45 5.47611 26 6.02611 26H9.05611C11.1161 26 12.9261 27.06 12.9261 29.28C12.9261 31.5 11.2461 32.74 8.85611 32.74H7.25611V35.85C7.25611 36.47 6.75611 36.97 6.13611 36.97C5.51611 36.97 5.01611 36.47 5.01611 35.85V27.01L5.02611 27ZM7.26611 30.96H8.73611C9.91611 30.96 10.6561 30.53 10.6561 29.31C10.6561 28.22 9.90611 27.77 8.79611 27.77H7.25611V30.96H7.26611Z" fill="currentcolor"/> <path d="M15.0361 27C15.0361 26.45 15.4861 26 16.0361 26H18.8461C22.1761 26 24.0161 28.03 24.0161 31.25C24.0161 34.82 22.0961 36.96 18.7661 36.96H16.0361C15.4861 36.96 15.0361 36.51 15.0361 35.96V27ZM17.2961 35.2H18.7361C20.6861 35.2 21.6961 33.74 21.6961 31.28C21.6961 29.25 20.7861 27.79 18.7461 27.79H17.2861V35.2H17.2961Z" fill="currentcolor"/> <path d="M25.9761 27C25.9761 26.45 26.4261 26 26.9761 26H32.0861C32.5961 26 33.0061 26.41 33.0061 26.92C33.0061 27.43 32.5961 27.84 32.0861 27.84H28.1761V30.63H31.8161C32.3161 30.63 32.7161 31.03 32.7161 31.53C32.7161 32.03 32.3161 32.43 31.8161 32.43H28.1761V35.86C28.1761 36.47 27.6861 36.96 27.0761 36.96C26.4661 36.96 25.9761 36.47 25.9761 35.86V26.99V27Z" fill="currentcolor"/> </svg> `,"goa-doc":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.6134 14C38.4134 13.07 37.9534 12.22 37.2734 11.54L36.7334 11L27.7334 2L27.1934 1.46C26.5134 0.78 25.6534 0.32 24.7334 0.12C24.3834 0.04 24.0234 0 23.6634 0H5.7334C2.9734 0 0.733398 2.24 0.733398 5V43C0.733398 45.76 2.9734 48 5.7334 48H33.7334C36.4934 48 38.7334 45.76 38.7334 43V15.07C38.7334 14.71 38.6834 14.35 38.6134 14ZM34.9134 12H29.7434C28.0934 12 26.7434 10.65 26.7434 9V3.83L34.9134 12ZM36.7434 43C36.7434 44.65 35.3934 46 33.7434 46H5.7334C4.0834 46 2.7334 44.65 2.7334 43V5C2.7334 3.35 4.0834 2 5.7334 2H23.6634C24.0334 2 24.3934 2.07 24.7334 2.2V9C24.7334 11.76 26.9734 14 29.7334 14H36.5334C36.6634 14.34 36.7334 14.7 36.7334 15.07V43H36.7434Z" fill="currentcolor"/> <path d="M13.7834 36.6406L10.9034 24.5806C10.6934 23.7206 11.3534 22.8906 12.2334 22.8906C12.8734 22.8906 13.4334 23.3406 13.5734 23.9706C14.4934 28.2306 15.3434 32.5006 15.6434 34.9706H15.6634C16.0934 32.6806 17.3834 27.7106 18.2434 24.0806C18.4134 23.3806 19.0334 22.8906 19.7534 22.8906C20.4634 22.8906 21.0834 23.3706 21.2534 24.0606C22.0734 27.3606 23.3634 32.5806 23.7534 34.8406H23.7734C24.1834 32.0406 25.4534 26.8306 26.1134 23.8706C26.2434 23.3006 26.7434 22.8906 27.3334 22.8906C28.1534 22.8906 28.7434 23.6606 28.5434 24.4506L25.4134 36.6706C25.2134 37.4606 24.5034 38.0106 23.6934 38.0106C22.8634 38.0106 22.1534 37.4506 21.9634 36.6406C21.1734 33.2806 20.0434 28.8506 19.6434 26.6306H19.6234C19.1834 28.9106 18.0234 33.4506 17.2234 36.6606C17.0234 37.4506 16.3134 38.0006 15.5034 38.0006C14.6834 38.0006 13.9634 37.4406 13.7734 36.6406H13.7834Z" fill="currentcolor"/> </svg> `,"goa-ppt":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.2498 14C38.0498 13.07 37.5898 12.22 36.9098 11.54L36.3698 11L27.3698 2L26.8298 1.46C26.1497 0.78 25.2898 0.32 24.3698 0.12C24.0198 0.04 23.6598 0 23.2998 0H5.36975C2.60975 0 0.369751 2.24 0.369751 5V43C0.369751 45.76 2.60975 48 5.36975 48H33.3698C36.1297 48 38.3698 45.76 38.3698 43V15.07C38.3698 14.71 38.3198 14.35 38.2498 14ZM34.5498 12H29.3798C27.7298 12 26.3798 10.65 26.3798 9V3.83L34.5498 12ZM36.3797 43C36.3797 44.65 35.0298 46 33.3797 46H5.36975C3.71975 46 2.36975 44.65 2.36975 43V5C2.36975 3.35 3.71975 2 5.36975 2H23.2998C23.6698 2 24.0298 2.07 24.3698 2.2V9C24.3698 11.76 26.6098 14 29.3698 14H36.1698C36.2998 14.34 36.3698 14.7 36.3698 15.07V43H36.3797Z" fill="currentcolor"/> <path d="M14.0798 24.8906C14.0798 23.7906 14.9798 22.8906 16.0798 22.8906H19.4698C22.3098 22.8906 24.6598 24.3406 24.6598 27.2906C24.6598 30.2406 22.4198 31.9306 19.2298 31.9306H16.7698V36.6606C16.7698 37.4006 16.1698 38.0006 15.4298 38.0006C14.6898 38.0006 14.0898 37.4006 14.0898 36.6606V24.8906H14.0798ZM16.7598 29.8206H19.0698C20.8098 29.8206 21.9498 29.1806 21.9498 27.3606C21.9498 25.7306 20.7798 25.0306 19.1298 25.0306H16.7498V29.8306L16.7598 29.8206Z" fill="currentcolor"/> </svg> `,"goa-xls":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.3407 14C38.1407 13.07 37.6807 12.22 37.0007 11.54L36.4607 11L27.4607 2L26.9207 1.46C26.2407 0.78 25.3807 0.32 24.4607 0.12C24.1107 0.04 23.7507 0 23.3907 0H5.46069C2.70069 0 0.460693 2.24 0.460693 5V43C0.460693 45.76 2.70069 48 5.46069 48H33.4607C36.2207 48 38.4607 45.76 38.4607 43V15.07C38.4607 14.71 38.4107 14.35 38.3407 14ZM34.6407 12H29.4707C27.8207 12 26.4707 10.65 26.4707 9V3.83L34.6407 12ZM36.4707 43C36.4707 44.65 35.1207 46 33.4707 46H5.46069C3.81069 46 2.46069 44.65 2.46069 43V5C2.46069 3.35 3.81069 2 5.46069 2H23.3907C23.7607 2 24.1207 2.07 24.4607 2.2V9C24.4607 11.76 26.7007 14 29.4607 14H36.2607C36.3907 14.34 36.4607 14.7 36.4607 15.07V43H36.4707Z" fill="currentcolor"/> <path d="M23.4107 38.0006C22.9407 38.0006 22.5107 37.7506 22.2707 37.3406L19.3907 32.2806H19.3707L16.4607 37.3906C16.2507 37.7706 15.8407 38.0006 15.4107 38.0006C14.4707 38.0006 13.8907 36.9706 14.3807 36.1606L17.9207 30.3906L14.5807 24.8606C14.0607 23.9906 14.6807 22.8906 15.6907 22.8906C16.1607 22.8906 16.5907 23.1406 16.8207 23.5406L19.5307 28.2806L19.5507 28.2606L22.3507 23.4806C22.5607 23.1206 22.9507 22.8906 23.3807 22.8906C24.3107 22.8906 24.8807 23.9106 24.3907 24.7006L21.0307 30.1206L24.5407 36.0206C25.0607 36.8906 24.4307 38.0006 23.4207 38.0006H23.4107Z" fill="currentcolor"/> </svg> `,"goa-zip":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.7043 14C38.5043 13.07 38.0443 12.22 37.3643 11.54L36.8243 11L27.8243 2L27.2843 1.46C26.6043 0.78 25.7443 0.32 24.8243 0.12C24.4743 0.04 24.1143 0 23.7543 0H5.82434C3.06434 0 0.824341 2.24 0.824341 5V43C0.824341 45.76 3.06434 48 5.82434 48H33.8243C36.5843 48 38.8243 45.76 38.8243 43V15.07C38.8243 14.71 38.7743 14.35 38.7043 14ZM35.0043 12H29.8343C28.1843 12 26.8343 10.65 26.8343 9V3.83L35.0043 12ZM36.8343 43C36.8343 44.65 35.4843 46 33.8343 46H5.82434C4.17434 46 2.82434 44.65 2.82434 43V5C2.82434 3.35 4.17434 2 5.82434 2H23.7543C24.1243 2 24.4843 2.07 24.8243 2.2V9C24.8243 11.76 27.0643 14 29.8243 14H36.6243C36.7543 14.34 36.8243 14.7 36.8243 15.07V43H36.8343Z" fill="currentcolor"/> <path d="M14.8243 20H12.8243V22H14.8243V20Z" fill="currentcolor"/> <path d="M12.8243 18H10.8243V20H12.8243V18Z" fill="currentcolor"/> <path d="M14.8243 16H12.8243V18H14.8243V16Z" fill="currentcolor"/> <path d="M12.8243 14H10.8243V16H12.8243V14Z" fill="currentcolor"/> <path d="M14.8243 12H12.8243V14H14.8243V12Z" fill="currentcolor"/> <path d="M12.8243 10H10.8243V12H12.8243V10Z" fill="currentcolor"/> <path d="M14.8243 8H12.8243V10H14.8243V8Z" fill="currentcolor"/> <path d="M12.8243 6H10.8243V8H12.8243V6Z" fill="currentcolor"/> <path d="M14.8243 4H12.8243V6H14.8243V4Z" fill="currentcolor"/> <path d="M12.8243 2H10.8243V4H12.8243V2Z" fill="currentcolor"/> <path d="M17.7244 32.14L15.4744 23.69C15.3644 23.29 15.0044 23 14.5844 23H11.0644C10.6444 23 10.2744 23.28 10.1744 23.69L7.92435 32.14C7.30435 35.17 9.62435 37.97 12.8244 38C16.0144 37.98 18.3444 35.18 17.7244 32.14ZM15.1944 34.89C14.6244 35.58 13.7644 35.98 12.8244 35.99C11.8844 35.98 11.0244 35.58 10.4544 34.89C9.92435 34.24 9.71435 33.42 9.87435 32.59L11.8944 25H13.7544L15.7744 32.59C15.9344 33.42 15.7244 34.24 15.1944 34.89Z" fill="currentcolor"/> <path d="M13.8243 32H11.8243C11.2721 32 10.8243 32.4477 10.8243 33C10.8243 33.5523 11.2721 34 11.8243 34H13.8243C14.3766 34 14.8243 33.5523 14.8243 33C14.8243 32.4477 14.3766 32 13.8243 32Z" fill="currentcolor"/> </svg> `,"goa-video":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M37.977 14C37.777 13.07 37.317 12.22 36.637 11.54L36.097 11L27.097 2L26.557 1.46C25.877 0.78 25.017 0.32 24.097 0.12C23.747 0.04 23.387 0 23.027 0H5.09705C2.33705 0 0.0970459 2.24 0.0970459 5V43C0.0970459 45.76 2.33705 48 5.09705 48H33.097C35.857 48 38.097 45.76 38.097 43V15.07C38.097 14.71 38.047 14.35 37.977 14ZM34.277 12H29.107C27.457 12 26.107 10.65 26.107 9V3.83L34.277 12ZM36.107 43C36.107 44.65 34.757 46 33.107 46H5.09705C3.44705 46 2.09705 44.65 2.09705 43V5C2.09705 3.35 3.44705 2 5.09705 2H23.027C23.397 2 23.757 2.07 24.097 2.2V9C24.097 11.76 26.337 14 29.097 14H35.897C36.027 14.34 36.097 14.7 36.097 15.07V43H36.107Z" fill="currentcolor"/> <path d="M22.097 26.0002V29.0102C22.097 29.7802 22.927 30.2602 23.587 29.8802L25.077 29.0302L28.087 27.3202V34.6902L25.077 32.9802L23.587 32.1302C22.917 31.7502 22.097 32.2302 22.097 33.0002V35.9902H10.097V25.9902H22.097M22.097 23.9902H10.097C8.99705 23.9902 8.09705 24.8902 8.09705 25.9902V35.9902C8.09705 37.0902 8.99705 37.9902 10.097 37.9902H22.097C23.197 37.9902 24.097 37.0902 24.097 35.9902V34.7202L27.107 36.4302C27.427 36.6102 27.767 36.6902 28.087 36.6902C29.137 36.6902 30.087 35.8502 30.087 34.6902V27.3202C30.087 26.1502 29.127 25.3202 28.087 25.3202C27.757 25.3202 27.417 25.4002 27.107 25.5802L24.097 27.2902V25.9902C24.097 24.8902 23.197 23.9902 22.097 23.9902Z" fill="currentcolor"/> </svg> `,"goa-audio":`<svg width="39" height="49" viewBox="0 0 39 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.0679 14.2305C37.8679 13.3005 37.4079 12.4505 36.7279 11.7705L36.1879 11.2305L27.1879 2.23047L26.6479 1.69047C25.9679 1.01047 25.1079 0.550469 24.1879 0.350469C23.8379 0.270469 23.4779 0.230469 23.1179 0.230469H5.18793C2.42793 0.230469 0.187927 2.47047 0.187927 5.23047V43.2305C0.187927 45.9905 2.42793 48.2305 5.18793 48.2305H33.1879C35.9479 48.2305 38.1879 45.9905 38.1879 43.2305V15.3005C38.1879 14.9405 38.1379 14.5805 38.0679 14.2305ZM34.3679 12.2305H29.1979C27.5479 12.2305 26.1979 10.8805 26.1979 9.23047V4.06047L34.3679 12.2305ZM36.1979 43.2305C36.1979 44.8805 34.8479 46.2305 33.1979 46.2305H5.19792C3.54792 46.2305 2.19792 44.8805 2.19792 43.2305V5.23047C2.19792 3.58047 3.54792 2.23047 5.19792 2.23047H23.1279C23.4979 2.23047 23.8579 2.30047 24.1979 2.43047V9.23047C24.1979 11.9905 26.4379 14.2305 29.1979 14.2305H35.9979C36.1279 14.5705 36.1979 14.9305 36.1979 15.3005V43.2305Z" fill="currentcolor"/> <path d="M20.1879 25.1189V37.3489L16.3479 34.6089L15.8279 34.2389H10.1879V28.2389H15.8279L16.3479 27.8689L20.1879 25.1289M20.1879 23.1289C19.7979 23.1289 19.3979 23.2489 19.0279 23.5089L15.1879 26.2489H10.1879C9.08793 26.2489 8.18793 27.1489 8.18793 28.2489V34.2489C8.18793 35.3489 9.08793 36.2489 10.1879 36.2489H15.1879L19.0279 38.9889C19.3879 39.2489 19.7879 39.3689 20.1879 39.3689C21.2279 39.3689 22.1979 38.5489 22.1979 37.3689V25.1389C22.1979 23.9589 21.2279 23.1389 20.1879 23.1389V23.1289Z" fill="currentcolor"/> <path d="M26.1381 23.707C26.6381 24.037 27.1081 24.417 27.5481 24.857C27.9881 25.297 28.3681 25.767 28.6981 26.267C29.0281 26.767 29.2981 27.287 29.5181 27.837C29.7381 28.387 29.8981 28.937 30.0081 29.507C30.1181 30.077 30.1681 30.647 30.1681 31.227C30.1681 31.807 30.1181 32.377 30.0081 32.947C29.8981 33.517 29.7381 34.077 29.5181 34.617C29.2981 35.157 29.0281 35.687 28.6981 36.187C28.3681 36.687 27.9881 37.157 27.5481 37.597C27.1081 38.037 26.6381 38.417 26.1381 38.747" stroke="currentcolor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/> </svg> `,"goa-image":`<svg width="39" height="49" viewBox="0 0 39 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.1588 14.2305C37.9588 13.3005 37.4988 12.4505 36.8188 11.7705L36.2788 11.2305L27.2788 2.23047L26.7388 1.69047C26.0588 1.01047 25.1988 0.550469 24.2788 0.350469C23.9288 0.270469 23.5688 0.230469 23.2088 0.230469H5.27881C2.51881 0.230469 0.278809 2.47047 0.278809 5.23047V43.2305C0.278809 45.9905 2.51881 48.2305 5.27881 48.2305H33.2788C36.0388 48.2305 38.2788 45.9905 38.2788 43.2305V15.3005C38.2788 14.9405 38.2288 14.5805 38.1588 14.2305ZM34.4588 12.2305H29.2888C27.6388 12.2305 26.2888 10.8805 26.2888 9.23047V4.06047L34.4588 12.2305ZM36.2888 43.2305C36.2888 44.8805 34.9388 46.2305 33.2888 46.2305H5.2888C3.6388 46.2305 2.2888 44.8805 2.2888 43.2305V5.23047C2.2888 3.58047 3.6388 2.23047 5.2888 2.23047H23.2188C23.5888 2.23047 23.9488 2.30047 24.2888 2.43047V9.23047C24.2888 11.9905 26.5288 14.2305 29.2888 14.2305H36.0888C36.2188 14.5705 36.2888 14.9305 36.2888 15.3005V43.2305Z" fill="currentcolor"/> <path d="M20.9985 28.2305C21.3585 28.2305 21.6485 28.4405 21.7885 28.7305L27.1085 36.7305C27.3185 37.0205 27.3185 37.4405 27.1785 37.7305C27.0385 38.0905 26.6785 38.2305 26.3185 38.2305H12.2385C11.8785 38.2305 11.5885 38.0905 11.3785 37.7305C11.2385 37.4405 11.2385 37.0205 11.4485 36.7305L14.8285 31.7305C14.9685 31.4405 15.3285 31.2305 15.6185 31.2305C15.9785 31.2305 16.2685 31.4405 16.4785 31.7305L17.3385 32.9405L20.1385 28.7305C20.3585 28.4405 20.6385 28.2305 20.9985 28.2305ZM20.9985 26.2305C20.0485 26.2305 19.1685 26.6905 18.5385 27.5305L18.4985 27.5805L18.4685 27.6305L17.1185 29.6605C16.6585 29.3805 16.1485 29.2405 15.6085 29.2405C14.6085 29.2405 13.6185 29.8205 13.1085 30.6905L9.79851 35.5905C9.17851 36.4505 9.08851 37.6705 9.57851 38.6305L9.60851 38.7005L9.6485 38.7705C10.2085 39.7005 11.1485 40.2405 12.2285 40.2405H26.3085C27.5185 40.2405 28.5385 39.6005 28.9985 38.5605C29.4385 37.6105 29.3385 36.4405 28.7485 35.6005L23.5085 27.7105C22.9885 26.8005 22.0485 26.2405 21.0085 26.2405L20.9985 26.2305Z" fill="currentcolor"/> <path d="M12.7788 23.2305C13.6088 23.2305 14.2788 23.9005 14.2788 24.7305C14.2788 25.5605 13.6088 26.2305 12.7788 26.2305C11.9488 26.2305 11.2788 25.5605 11.2788 24.7305C11.2788 23.9005 11.9488 23.2305 12.7788 23.2305ZM12.7788 21.2305C10.8488 21.2305 9.27881 22.8005 9.27881 24.7305C9.27881 26.6605 10.8488 28.2305 12.7788 28.2305C14.7088 28.2305 16.2788 26.6605 16.2788 24.7305C16.2788 22.8005 14.7088 21.2305 12.7788 21.2305Z" fill="currentcolor"/> </svg> `};$$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('type'in $$props)$$invalidate(4,type=$$props.type);if('size'in $$props)$$invalidate(5,size=$$props.size);if('theme'in $$props)$$invalidate(6,theme=$$props.theme);if('inverted'in $$props)$$invalidate(17,inverted=$$props.inverted);if('fillcolor'in $$props)$$invalidate(7,fillcolor=$$props.fillcolor);if('opacity'in $$props)$$invalidate(8,opacity=$$props.opacity);if('title'in $$props)$$invalidate(9,title=$$props.title);if('testid'in $$props)$$invalidate(10,testid=$$props.testid);if('arialabel'in $$props)$$invalidate(11,arialabel=$$props.arialabel);if('ariacontrols'in $$props)$$invalidate(12,ariacontrols=$$props.ariacontrols);if('ariaexpanded'in $$props)$$invalidate(18,ariaexpanded=$$props.ariaexpanded);if('role'in $$props)$$invalidate(13,role=$$props.role);};$$self.$$.update=()=>{if($$self.$$.dirty&/*inverted*/131072){$$invalidate(15,isInverted=toBoolean(inverted));}if($$self.$$.dirty&/*ariaexpanded*/262144){$$invalidate(14,_ariaexpanded=ariaexpanded);}};return [mt,mr,mb,ml,type,size,theme,fillcolor,opacity,title,testid,arialabel,ariacontrols,role,_ariaexpanded,isInverted,_iconOverrides,inverted,ariaexpanded];}class Icon extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{display:inline-flex;align-items:center}ion-icon{pointer-events:none;width:100%;height:100%}.goa-icon{fill:var(--fill-color);color:var(--fill-color);opacity:var(--opacity);display:inline-flex;align-items:center;justify-content:center}.goa-icon--small{width:var(--goa-icon-size-m);height:var(--goa-icon-size-m)}.goa-icon--medium{width:var(--goa-icon-size-l);height:var(--goa-icon-size-l)}.goa-icon--large{width:2rem;height:2rem}.goa-icon--xlarge{width:2.5rem;height:2.5rem}.goa-icon:has(.icon-override){height:fit-content}.icon-override{display:flex;flex-direction:column;align-items:center}.inverted *{color:#fff;fill:#fff}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$w,create_fragment$z,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,type:4,size:5,theme:6,inverted:17,fillcolor:7,opacity:8,title:9,testid:10,arialabel:11,ariacontrols:12,ariaexpanded:18,role:13},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","type","size","theme","inverted","fillcolor","opacity","title","testid","arialabel","ariacontrols","ariaexpanded","role"];}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 type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[5];}set size(size){this.$$set({size});flush();}get theme(){return this.$$.ctx[6];}set theme(theme){this.$$set({theme});flush();}get inverted(){return this.$$.ctx[17];}set inverted(inverted){this.$$set({inverted});flush();}get fillcolor(){return this.$$.ctx[7];}set fillcolor(fillcolor){this.$$set({fillcolor});flush();}get opacity(){return this.$$.ctx[8];}set opacity(opacity){this.$$set({opacity});flush();}get title(){return this.$$.ctx[9];}set title(title){this.$$set({title});flush();}get testid(){return this.$$.ctx[10];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[11];}set arialabel(arialabel){this.$$set({arialabel});flush();}get ariacontrols(){return this.$$.ctx[12];}set ariacontrols(ariacontrols){this.$$set({ariacontrols});flush();}get ariaexpanded(){return this.$$.ctx[18];}set ariaexpanded(ariaexpanded){this.$$set({ariaexpanded});flush();}get role(){return this.$$.ctx[13];}set role(role){this.$$set({role});flush();}}customElements.define("goa-icon",Icon);/* libs/web-components/src/components/input/Input.svelte generated by Svelte v3.59.2 */function create_if_block_4$2(ctx){let div;let t;return {c(){div=element("div");t=text(/*prefix*/ctx[15]);attr(div,"class","prefix");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty[0]&/*prefix*/32768)set_data(t,/*prefix*/ctx[15]);},d(detaching){if(detaching)detach(div);}};}// (137:4) {#if leadingicon}
|
|
296
|
+
const _iconOverrides={pencil:`<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.1442 5.47956L12.5355 1.87088L13.7196 0.686776C14.0391 0.367257 14.4385 0.212197 14.9178 0.221594C15.3971 0.230992 15.7965 0.39545 16.116 0.714969L17.3283 1.92726C17.6478 2.24678 17.8076 2.64148 17.8076 3.11136C17.8076 3.58124 17.6478 3.97594 17.3283 4.29546L16.1442 5.47956ZM1.03951 17.8424C0.795173 17.8424 0.593125 17.7626 0.433365 17.6028C0.273605 17.443 0.193726 17.241 0.193726 16.9966V14.5721C0.193726 14.4593 0.212521 14.356 0.250112 14.262C0.287702 14.168 0.353485 14.074 0.447461 13.9801L11.4689 2.93435L15.0776 6.54303L4.05615 17.5887C3.96217 17.6827 3.8682 17.7485 3.77422 17.7861C3.68024 17.8236 3.57687 17.8424 3.4641 17.8424H1.03951Z" fill="currentcolor"/> </svg>`,checkmark:`<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.20129 11.5368L15.9974 0.341265C16.3611 -0.0743717 16.9929 -0.116489 17.4085 0.247193C17.8241 0.610875 17.8663 1.24264 17.5026 1.65827L7.00258 13.6583C6.82032 13.8666 6.5599 13.99 6.28328 13.9992C6.00666 14.0084 5.7386 13.9026 5.54289 13.7069L1.04289 9.20688C0.652369 8.81635 0.652369 8.18319 1.04289 7.79266C1.43342 7.40214 2.06658 7.40214 2.45711 7.79266L6.20129 11.5368Z" fill="currentcolor"/> </svg>`,remove:`<svg width="16" height="20" viewBox="0 0 16 1" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 -0.000244141C0.947715 -0.000244141 0.5 0.447471 0.5 0.999756C0.5 1.55204 0.947715 1.99976 1.5 1.99976H15C15.5523 1.99976 16 1.55204 16 0.999756C16 0.447471 15.5523 -0.000244141 15 -0.000244141H1.5Z" fill="currentcolor"/> </svg>`,"goa-file":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1357_108691)"> <path d="M38.741 14C38.541 13.07 38.081 12.22 37.401 11.54L36.861 11L27.861 2L27.321 1.46C26.641 0.78 25.781 0.32 24.861 0.12C24.511 0.04 24.151 0 23.791 0H5.86096C3.10096 0 0.860962 2.24 0.860962 5V43C0.860962 45.76 3.10096 48 5.86096 48H33.861C36.621 48 38.861 45.76 38.861 43V15.07C38.861 14.71 38.811 14.35 38.741 14ZM35.041 12H29.871C28.221 12 26.871 10.65 26.871 9V3.83L35.041 12ZM36.871 43C36.871 44.65 35.521 46 33.871 46H5.87097C4.22097 46 2.87097 44.65 2.87097 43V5C2.87097 3.35 4.22097 2 5.87097 2H23.801C24.171 2 24.531 2.07 24.871 2.2V9C24.871 11.76 27.111 14 29.871 14H36.671C36.801 14.34 36.871 14.7 36.871 15.07V43Z" fill="currentcolor"/> </g> <defs> <clipPath id="clip0_1357_108691"><rect width="38" height="48" fill="white" transform="translate(0.861328)"/></clipPath></defs></svg>`,"goa-text":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.7953 14C38.5953 13.07 38.1353 12.22 37.4553 11.54L36.9153 11L27.9153 2L27.3753 1.46C26.6953 0.78 25.8353 0.32 24.9153 0.12C24.5653 0.04 24.2053 0 23.8453 0H5.91528C3.15528 0 0.915283 2.24 0.915283 5V43C0.915283 45.76 3.15528 48 5.91528 48H33.9153C36.6753 48 38.9153 45.76 38.9153 43V15.07C38.9153 14.71 38.8653 14.35 38.7953 14ZM35.0953 12H29.9253C28.2753 12 26.9253 10.65 26.9253 9V3.83L35.0953 12ZM36.9253 43C36.9253 44.65 35.5753 46 33.9253 46H5.91528C4.26528 46 2.91528 44.65 2.91528 43V5C2.91528 3.35 4.26528 2 5.91528 2H23.8453C24.2153 2 24.5753 2.07 24.9153 2.2V9C24.9153 11.76 27.1553 14 29.9153 14H36.7153C36.8453 14.34 36.9153 14.7 36.9153 15.07V43H36.9253Z" fill="currentcolor"/> <path d="M27.9153 34H11.9153C11.363 34 10.9153 34.4477 10.9153 35C10.9153 35.5523 11.363 36 11.9153 36H27.9153C28.4676 36 28.9153 35.5523 28.9153 35C28.9153 34.4477 28.4676 34 27.9153 34Z" fill="currentcolor"/> <path d="M27.9153 26H11.9153C11.363 26 10.9153 26.4477 10.9153 27C10.9153 27.5523 11.363 28 11.9153 28H27.9153C28.4676 28 28.9153 27.5523 28.9153 27C28.9153 26.4477 28.4676 26 27.9153 26Z" fill="currentcolor"/> </svg>`,"goa-pdf":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M37.8861 14C37.6861 13.07 37.2261 12.22 36.5461 11.54L36.0061 11L27.0061 2L26.4661 1.46C25.7861 0.78 24.9261 0.32 24.0061 0.12C23.6561 0.04 23.2961 0 22.9361 0H5.0061C2.2461 0 0.00610352 2.24 0.00610352 5V43C0.00610352 45.76 2.2461 48 5.0061 48H33.0061C35.7661 48 38.0061 45.76 38.0061 43V15.07C38.0061 14.71 37.9561 14.35 37.8861 14ZM34.1861 12H29.0161C27.3661 12 26.0161 10.65 26.0161 9V3.83L34.1861 12ZM36.0161 43C36.0161 44.65 34.6661 46 33.0161 46H5.0061C3.3561 46 2.0061 44.65 2.0061 43V5C2.0061 3.35 3.3561 2 5.0061 2H22.9361C23.3061 2 23.6661 2.07 24.0061 2.2V9C24.0061 11.76 26.2461 14 29.0061 14H35.8061C35.9361 14.34 36.0061 14.7 36.0061 15.07V43H36.0161Z" fill="currentcolor"/> <path d="M5.02611 27C5.02611 26.45 5.47611 26 6.02611 26H9.05611C11.1161 26 12.9261 27.06 12.9261 29.28C12.9261 31.5 11.2461 32.74 8.85611 32.74H7.25611V35.85C7.25611 36.47 6.75611 36.97 6.13611 36.97C5.51611 36.97 5.01611 36.47 5.01611 35.85V27.01L5.02611 27ZM7.26611 30.96H8.73611C9.91611 30.96 10.6561 30.53 10.6561 29.31C10.6561 28.22 9.90611 27.77 8.79611 27.77H7.25611V30.96H7.26611Z" fill="currentcolor"/> <path d="M15.0361 27C15.0361 26.45 15.4861 26 16.0361 26H18.8461C22.1761 26 24.0161 28.03 24.0161 31.25C24.0161 34.82 22.0961 36.96 18.7661 36.96H16.0361C15.4861 36.96 15.0361 36.51 15.0361 35.96V27ZM17.2961 35.2H18.7361C20.6861 35.2 21.6961 33.74 21.6961 31.28C21.6961 29.25 20.7861 27.79 18.7461 27.79H17.2861V35.2H17.2961Z" fill="currentcolor"/> <path d="M25.9761 27C25.9761 26.45 26.4261 26 26.9761 26H32.0861C32.5961 26 33.0061 26.41 33.0061 26.92C33.0061 27.43 32.5961 27.84 32.0861 27.84H28.1761V30.63H31.8161C32.3161 30.63 32.7161 31.03 32.7161 31.53C32.7161 32.03 32.3161 32.43 31.8161 32.43H28.1761V35.86C28.1761 36.47 27.6861 36.96 27.0761 36.96C26.4661 36.96 25.9761 36.47 25.9761 35.86V26.99V27Z" fill="currentcolor"/> </svg> `,"goa-doc":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.6134 14C38.4134 13.07 37.9534 12.22 37.2734 11.54L36.7334 11L27.7334 2L27.1934 1.46C26.5134 0.78 25.6534 0.32 24.7334 0.12C24.3834 0.04 24.0234 0 23.6634 0H5.7334C2.9734 0 0.733398 2.24 0.733398 5V43C0.733398 45.76 2.9734 48 5.7334 48H33.7334C36.4934 48 38.7334 45.76 38.7334 43V15.07C38.7334 14.71 38.6834 14.35 38.6134 14ZM34.9134 12H29.7434C28.0934 12 26.7434 10.65 26.7434 9V3.83L34.9134 12ZM36.7434 43C36.7434 44.65 35.3934 46 33.7434 46H5.7334C4.0834 46 2.7334 44.65 2.7334 43V5C2.7334 3.35 4.0834 2 5.7334 2H23.6634C24.0334 2 24.3934 2.07 24.7334 2.2V9C24.7334 11.76 26.9734 14 29.7334 14H36.5334C36.6634 14.34 36.7334 14.7 36.7334 15.07V43H36.7434Z" fill="currentcolor"/> <path d="M13.7834 36.6406L10.9034 24.5806C10.6934 23.7206 11.3534 22.8906 12.2334 22.8906C12.8734 22.8906 13.4334 23.3406 13.5734 23.9706C14.4934 28.2306 15.3434 32.5006 15.6434 34.9706H15.6634C16.0934 32.6806 17.3834 27.7106 18.2434 24.0806C18.4134 23.3806 19.0334 22.8906 19.7534 22.8906C20.4634 22.8906 21.0834 23.3706 21.2534 24.0606C22.0734 27.3606 23.3634 32.5806 23.7534 34.8406H23.7734C24.1834 32.0406 25.4534 26.8306 26.1134 23.8706C26.2434 23.3006 26.7434 22.8906 27.3334 22.8906C28.1534 22.8906 28.7434 23.6606 28.5434 24.4506L25.4134 36.6706C25.2134 37.4606 24.5034 38.0106 23.6934 38.0106C22.8634 38.0106 22.1534 37.4506 21.9634 36.6406C21.1734 33.2806 20.0434 28.8506 19.6434 26.6306H19.6234C19.1834 28.9106 18.0234 33.4506 17.2234 36.6606C17.0234 37.4506 16.3134 38.0006 15.5034 38.0006C14.6834 38.0006 13.9634 37.4406 13.7734 36.6406H13.7834Z" fill="currentcolor"/> </svg> `,"goa-ppt":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.2498 14C38.0498 13.07 37.5898 12.22 36.9098 11.54L36.3698 11L27.3698 2L26.8298 1.46C26.1497 0.78 25.2898 0.32 24.3698 0.12C24.0198 0.04 23.6598 0 23.2998 0H5.36975C2.60975 0 0.369751 2.24 0.369751 5V43C0.369751 45.76 2.60975 48 5.36975 48H33.3698C36.1297 48 38.3698 45.76 38.3698 43V15.07C38.3698 14.71 38.3198 14.35 38.2498 14ZM34.5498 12H29.3798C27.7298 12 26.3798 10.65 26.3798 9V3.83L34.5498 12ZM36.3797 43C36.3797 44.65 35.0298 46 33.3797 46H5.36975C3.71975 46 2.36975 44.65 2.36975 43V5C2.36975 3.35 3.71975 2 5.36975 2H23.2998C23.6698 2 24.0298 2.07 24.3698 2.2V9C24.3698 11.76 26.6098 14 29.3698 14H36.1698C36.2998 14.34 36.3698 14.7 36.3698 15.07V43H36.3797Z" fill="currentcolor"/> <path d="M14.0798 24.8906C14.0798 23.7906 14.9798 22.8906 16.0798 22.8906H19.4698C22.3098 22.8906 24.6598 24.3406 24.6598 27.2906C24.6598 30.2406 22.4198 31.9306 19.2298 31.9306H16.7698V36.6606C16.7698 37.4006 16.1698 38.0006 15.4298 38.0006C14.6898 38.0006 14.0898 37.4006 14.0898 36.6606V24.8906H14.0798ZM16.7598 29.8206H19.0698C20.8098 29.8206 21.9498 29.1806 21.9498 27.3606C21.9498 25.7306 20.7798 25.0306 19.1298 25.0306H16.7498V29.8306L16.7598 29.8206Z" fill="currentcolor"/> </svg> `,"goa-xls":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.3407 14C38.1407 13.07 37.6807 12.22 37.0007 11.54L36.4607 11L27.4607 2L26.9207 1.46C26.2407 0.78 25.3807 0.32 24.4607 0.12C24.1107 0.04 23.7507 0 23.3907 0H5.46069C2.70069 0 0.460693 2.24 0.460693 5V43C0.460693 45.76 2.70069 48 5.46069 48H33.4607C36.2207 48 38.4607 45.76 38.4607 43V15.07C38.4607 14.71 38.4107 14.35 38.3407 14ZM34.6407 12H29.4707C27.8207 12 26.4707 10.65 26.4707 9V3.83L34.6407 12ZM36.4707 43C36.4707 44.65 35.1207 46 33.4707 46H5.46069C3.81069 46 2.46069 44.65 2.46069 43V5C2.46069 3.35 3.81069 2 5.46069 2H23.3907C23.7607 2 24.1207 2.07 24.4607 2.2V9C24.4607 11.76 26.7007 14 29.4607 14H36.2607C36.3907 14.34 36.4607 14.7 36.4607 15.07V43H36.4707Z" fill="currentcolor"/> <path d="M23.4107 38.0006C22.9407 38.0006 22.5107 37.7506 22.2707 37.3406L19.3907 32.2806H19.3707L16.4607 37.3906C16.2507 37.7706 15.8407 38.0006 15.4107 38.0006C14.4707 38.0006 13.8907 36.9706 14.3807 36.1606L17.9207 30.3906L14.5807 24.8606C14.0607 23.9906 14.6807 22.8906 15.6907 22.8906C16.1607 22.8906 16.5907 23.1406 16.8207 23.5406L19.5307 28.2806L19.5507 28.2606L22.3507 23.4806C22.5607 23.1206 22.9507 22.8906 23.3807 22.8906C24.3107 22.8906 24.8807 23.9106 24.3907 24.7006L21.0307 30.1206L24.5407 36.0206C25.0607 36.8906 24.4307 38.0006 23.4207 38.0006H23.4107Z" fill="currentcolor"/> </svg> `,"goa-zip":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.7043 14C38.5043 13.07 38.0443 12.22 37.3643 11.54L36.8243 11L27.8243 2L27.2843 1.46C26.6043 0.78 25.7443 0.32 24.8243 0.12C24.4743 0.04 24.1143 0 23.7543 0H5.82434C3.06434 0 0.824341 2.24 0.824341 5V43C0.824341 45.76 3.06434 48 5.82434 48H33.8243C36.5843 48 38.8243 45.76 38.8243 43V15.07C38.8243 14.71 38.7743 14.35 38.7043 14ZM35.0043 12H29.8343C28.1843 12 26.8343 10.65 26.8343 9V3.83L35.0043 12ZM36.8343 43C36.8343 44.65 35.4843 46 33.8343 46H5.82434C4.17434 46 2.82434 44.65 2.82434 43V5C2.82434 3.35 4.17434 2 5.82434 2H23.7543C24.1243 2 24.4843 2.07 24.8243 2.2V9C24.8243 11.76 27.0643 14 29.8243 14H36.6243C36.7543 14.34 36.8243 14.7 36.8243 15.07V43H36.8343Z" fill="currentcolor"/> <path d="M14.8243 20H12.8243V22H14.8243V20Z" fill="currentcolor"/> <path d="M12.8243 18H10.8243V20H12.8243V18Z" fill="currentcolor"/> <path d="M14.8243 16H12.8243V18H14.8243V16Z" fill="currentcolor"/> <path d="M12.8243 14H10.8243V16H12.8243V14Z" fill="currentcolor"/> <path d="M14.8243 12H12.8243V14H14.8243V12Z" fill="currentcolor"/> <path d="M12.8243 10H10.8243V12H12.8243V10Z" fill="currentcolor"/> <path d="M14.8243 8H12.8243V10H14.8243V8Z" fill="currentcolor"/> <path d="M12.8243 6H10.8243V8H12.8243V6Z" fill="currentcolor"/> <path d="M14.8243 4H12.8243V6H14.8243V4Z" fill="currentcolor"/> <path d="M12.8243 2H10.8243V4H12.8243V2Z" fill="currentcolor"/> <path d="M17.7244 32.14L15.4744 23.69C15.3644 23.29 15.0044 23 14.5844 23H11.0644C10.6444 23 10.2744 23.28 10.1744 23.69L7.92435 32.14C7.30435 35.17 9.62435 37.97 12.8244 38C16.0144 37.98 18.3444 35.18 17.7244 32.14ZM15.1944 34.89C14.6244 35.58 13.7644 35.98 12.8244 35.99C11.8844 35.98 11.0244 35.58 10.4544 34.89C9.92435 34.24 9.71435 33.42 9.87435 32.59L11.8944 25H13.7544L15.7744 32.59C15.9344 33.42 15.7244 34.24 15.1944 34.89Z" fill="currentcolor"/> <path d="M13.8243 32H11.8243C11.2721 32 10.8243 32.4477 10.8243 33C10.8243 33.5523 11.2721 34 11.8243 34H13.8243C14.3766 34 14.8243 33.5523 14.8243 33C14.8243 32.4477 14.3766 32 13.8243 32Z" fill="currentcolor"/> </svg> `,"goa-video":`<svg width="39" height="48" viewBox="0 0 39 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M37.977 14C37.777 13.07 37.317 12.22 36.637 11.54L36.097 11L27.097 2L26.557 1.46C25.877 0.78 25.017 0.32 24.097 0.12C23.747 0.04 23.387 0 23.027 0H5.09705C2.33705 0 0.0970459 2.24 0.0970459 5V43C0.0970459 45.76 2.33705 48 5.09705 48H33.097C35.857 48 38.097 45.76 38.097 43V15.07C38.097 14.71 38.047 14.35 37.977 14ZM34.277 12H29.107C27.457 12 26.107 10.65 26.107 9V3.83L34.277 12ZM36.107 43C36.107 44.65 34.757 46 33.107 46H5.09705C3.44705 46 2.09705 44.65 2.09705 43V5C2.09705 3.35 3.44705 2 5.09705 2H23.027C23.397 2 23.757 2.07 24.097 2.2V9C24.097 11.76 26.337 14 29.097 14H35.897C36.027 14.34 36.097 14.7 36.097 15.07V43H36.107Z" fill="currentcolor"/> <path d="M22.097 26.0002V29.0102C22.097 29.7802 22.927 30.2602 23.587 29.8802L25.077 29.0302L28.087 27.3202V34.6902L25.077 32.9802L23.587 32.1302C22.917 31.7502 22.097 32.2302 22.097 33.0002V35.9902H10.097V25.9902H22.097M22.097 23.9902H10.097C8.99705 23.9902 8.09705 24.8902 8.09705 25.9902V35.9902C8.09705 37.0902 8.99705 37.9902 10.097 37.9902H22.097C23.197 37.9902 24.097 37.0902 24.097 35.9902V34.7202L27.107 36.4302C27.427 36.6102 27.767 36.6902 28.087 36.6902C29.137 36.6902 30.087 35.8502 30.087 34.6902V27.3202C30.087 26.1502 29.127 25.3202 28.087 25.3202C27.757 25.3202 27.417 25.4002 27.107 25.5802L24.097 27.2902V25.9902C24.097 24.8902 23.197 23.9902 22.097 23.9902Z" fill="currentcolor"/> </svg> `,"goa-audio":`<svg width="39" height="49" viewBox="0 0 39 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.0679 14.2305C37.8679 13.3005 37.4079 12.4505 36.7279 11.7705L36.1879 11.2305L27.1879 2.23047L26.6479 1.69047C25.9679 1.01047 25.1079 0.550469 24.1879 0.350469C23.8379 0.270469 23.4779 0.230469 23.1179 0.230469H5.18793C2.42793 0.230469 0.187927 2.47047 0.187927 5.23047V43.2305C0.187927 45.9905 2.42793 48.2305 5.18793 48.2305H33.1879C35.9479 48.2305 38.1879 45.9905 38.1879 43.2305V15.3005C38.1879 14.9405 38.1379 14.5805 38.0679 14.2305ZM34.3679 12.2305H29.1979C27.5479 12.2305 26.1979 10.8805 26.1979 9.23047V4.06047L34.3679 12.2305ZM36.1979 43.2305C36.1979 44.8805 34.8479 46.2305 33.1979 46.2305H5.19792C3.54792 46.2305 2.19792 44.8805 2.19792 43.2305V5.23047C2.19792 3.58047 3.54792 2.23047 5.19792 2.23047H23.1279C23.4979 2.23047 23.8579 2.30047 24.1979 2.43047V9.23047C24.1979 11.9905 26.4379 14.2305 29.1979 14.2305H35.9979C36.1279 14.5705 36.1979 14.9305 36.1979 15.3005V43.2305Z" fill="currentcolor"/> <path d="M20.1879 25.1189V37.3489L16.3479 34.6089L15.8279 34.2389H10.1879V28.2389H15.8279L16.3479 27.8689L20.1879 25.1289M20.1879 23.1289C19.7979 23.1289 19.3979 23.2489 19.0279 23.5089L15.1879 26.2489H10.1879C9.08793 26.2489 8.18793 27.1489 8.18793 28.2489V34.2489C8.18793 35.3489 9.08793 36.2489 10.1879 36.2489H15.1879L19.0279 38.9889C19.3879 39.2489 19.7879 39.3689 20.1879 39.3689C21.2279 39.3689 22.1979 38.5489 22.1979 37.3689V25.1389C22.1979 23.9589 21.2279 23.1389 20.1879 23.1389V23.1289Z" fill="currentcolor"/> <path d="M26.1381 23.707C26.6381 24.037 27.1081 24.417 27.5481 24.857C27.9881 25.297 28.3681 25.767 28.6981 26.267C29.0281 26.767 29.2981 27.287 29.5181 27.837C29.7381 28.387 29.8981 28.937 30.0081 29.507C30.1181 30.077 30.1681 30.647 30.1681 31.227C30.1681 31.807 30.1181 32.377 30.0081 32.947C29.8981 33.517 29.7381 34.077 29.5181 34.617C29.2981 35.157 29.0281 35.687 28.6981 36.187C28.3681 36.687 27.9881 37.157 27.5481 37.597C27.1081 38.037 26.6381 38.417 26.1381 38.747" stroke="currentcolor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/> </svg> `,"goa-image":`<svg width="39" height="49" viewBox="0 0 39 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M38.1588 14.2305C37.9588 13.3005 37.4988 12.4505 36.8188 11.7705L36.2788 11.2305L27.2788 2.23047L26.7388 1.69047C26.0588 1.01047 25.1988 0.550469 24.2788 0.350469C23.9288 0.270469 23.5688 0.230469 23.2088 0.230469H5.27881C2.51881 0.230469 0.278809 2.47047 0.278809 5.23047V43.2305C0.278809 45.9905 2.51881 48.2305 5.27881 48.2305H33.2788C36.0388 48.2305 38.2788 45.9905 38.2788 43.2305V15.3005C38.2788 14.9405 38.2288 14.5805 38.1588 14.2305ZM34.4588 12.2305H29.2888C27.6388 12.2305 26.2888 10.8805 26.2888 9.23047V4.06047L34.4588 12.2305ZM36.2888 43.2305C36.2888 44.8805 34.9388 46.2305 33.2888 46.2305H5.2888C3.6388 46.2305 2.2888 44.8805 2.2888 43.2305V5.23047C2.2888 3.58047 3.6388 2.23047 5.2888 2.23047H23.2188C23.5888 2.23047 23.9488 2.30047 24.2888 2.43047V9.23047C24.2888 11.9905 26.5288 14.2305 29.2888 14.2305H36.0888C36.2188 14.5705 36.2888 14.9305 36.2888 15.3005V43.2305Z" fill="currentcolor"/> <path d="M20.9985 28.2305C21.3585 28.2305 21.6485 28.4405 21.7885 28.7305L27.1085 36.7305C27.3185 37.0205 27.3185 37.4405 27.1785 37.7305C27.0385 38.0905 26.6785 38.2305 26.3185 38.2305H12.2385C11.8785 38.2305 11.5885 38.0905 11.3785 37.7305C11.2385 37.4405 11.2385 37.0205 11.4485 36.7305L14.8285 31.7305C14.9685 31.4405 15.3285 31.2305 15.6185 31.2305C15.9785 31.2305 16.2685 31.4405 16.4785 31.7305L17.3385 32.9405L20.1385 28.7305C20.3585 28.4405 20.6385 28.2305 20.9985 28.2305ZM20.9985 26.2305C20.0485 26.2305 19.1685 26.6905 18.5385 27.5305L18.4985 27.5805L18.4685 27.6305L17.1185 29.6605C16.6585 29.3805 16.1485 29.2405 15.6085 29.2405C14.6085 29.2405 13.6185 29.8205 13.1085 30.6905L9.79851 35.5905C9.17851 36.4505 9.08851 37.6705 9.57851 38.6305L9.60851 38.7005L9.6485 38.7705C10.2085 39.7005 11.1485 40.2405 12.2285 40.2405H26.3085C27.5185 40.2405 28.5385 39.6005 28.9985 38.5605C29.4385 37.6105 29.3385 36.4405 28.7485 35.6005L23.5085 27.7105C22.9885 26.8005 22.0485 26.2405 21.0085 26.2405L20.9985 26.2305Z" fill="currentcolor"/> <path d="M12.7788 23.2305C13.6088 23.2305 14.2788 23.9005 14.2788 24.7305C14.2788 25.5605 13.6088 26.2305 12.7788 26.2305C11.9488 26.2305 11.2788 25.5605 11.2788 24.7305C11.2788 23.9005 11.9488 23.2305 12.7788 23.2305ZM12.7788 21.2305C10.8488 21.2305 9.27881 22.8005 9.27881 24.7305C9.27881 26.6605 10.8488 28.2305 12.7788 28.2305C14.7088 28.2305 16.2788 26.6605 16.2788 24.7305C16.2788 22.8005 14.7088 21.2305 12.7788 21.2305Z" fill="currentcolor"/> </svg> `};$$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('type'in $$props)$$invalidate(4,type=$$props.type);if('size'in $$props)$$invalidate(5,size=$$props.size);if('theme'in $$props)$$invalidate(6,theme=$$props.theme);if('inverted'in $$props)$$invalidate(17,inverted=$$props.inverted);if('fillcolor'in $$props)$$invalidate(7,fillcolor=$$props.fillcolor);if('opacity'in $$props)$$invalidate(8,opacity=$$props.opacity);if('title'in $$props)$$invalidate(9,title=$$props.title);if('testid'in $$props)$$invalidate(10,testid=$$props.testid);if('arialabel'in $$props)$$invalidate(11,arialabel=$$props.arialabel);if('ariacontrols'in $$props)$$invalidate(12,ariacontrols=$$props.ariacontrols);if('ariaexpanded'in $$props)$$invalidate(18,ariaexpanded=$$props.ariaexpanded);if('role'in $$props)$$invalidate(13,role=$$props.role);};$$self.$$.update=()=>{if($$self.$$.dirty&/*inverted*/131072){$$invalidate(15,isInverted=toBoolean(inverted));}if($$self.$$.dirty&/*ariaexpanded*/262144){$$invalidate(14,_ariaexpanded=ariaexpanded);}};return [mt,mr,mb,ml,type,size,theme,fillcolor,opacity,title,testid,arialabel,ariacontrols,role,_ariaexpanded,isInverted,_iconOverrides,inverted,ariaexpanded];}class Icon extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{display:inline-flex;align-items:center}ion-icon{pointer-events:none;width:100%;height:100%}.goa-icon{fill:var(--fill-color);color:var(--fill-color);opacity:var(--opacity);display:inline-flex;align-items:center;justify-content:center}.goa-icon--small{width:var(--goa-icon-size-m);height:var(--goa-icon-size-m)}.goa-icon--medium{width:var(--goa-icon-size-l);height:var(--goa-icon-size-l)}.goa-icon--large{width:2rem;height:2rem}.goa-icon--xlarge{width:2.5rem;height:2.5rem}.goa-icon:has(.icon-override){height:-moz-fit-content;height:fit-content}.icon-override{display:flex;flex-direction:column;align-items:center}.inverted *{color:#fff;fill:#fff}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$w,create_fragment$z,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,type:4,size:5,theme:6,inverted:17,fillcolor:7,opacity:8,title:9,testid:10,arialabel:11,ariacontrols:12,ariaexpanded:18,role:13},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","type","size","theme","inverted","fillcolor","opacity","title","testid","arialabel","ariacontrols","ariaexpanded","role"];}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 type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[5];}set size(size){this.$$set({size});flush();}get theme(){return this.$$.ctx[6];}set theme(theme){this.$$set({theme});flush();}get inverted(){return this.$$.ctx[17];}set inverted(inverted){this.$$set({inverted});flush();}get fillcolor(){return this.$$.ctx[7];}set fillcolor(fillcolor){this.$$set({fillcolor});flush();}get opacity(){return this.$$.ctx[8];}set opacity(opacity){this.$$set({opacity});flush();}get title(){return this.$$.ctx[9];}set title(title){this.$$set({title});flush();}get testid(){return this.$$.ctx[10];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[11];}set arialabel(arialabel){this.$$set({arialabel});flush();}get ariacontrols(){return this.$$.ctx[12];}set ariacontrols(ariacontrols){this.$$set({ariacontrols});flush();}get ariaexpanded(){return this.$$.ctx[18];}set ariaexpanded(ariaexpanded){this.$$set({ariaexpanded});flush();}get role(){return this.$$.ctx[13];}set role(role){this.$$set({role});flush();}}customElements.define("goa-icon",Icon);/* src/components/input/Input.svelte generated by Svelte v3.59.2 */function create_if_block_4$2(ctx){let div;let t;return {c(){div=element("div");t=text(/*prefix*/ctx[15]);attr(div,"class","prefix");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty[0]&/*prefix*/32768)set_data(t,/*prefix*/ctx[15]);},d(detaching){if(detaching)detach(div);}};}// (137:4) {#if leadingicon}
|
|
292
297
|
function create_if_block_3$8(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","goa-input-leading-icon");set_custom_element_data(goa_icon,"data-testid","leading-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[5]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty[0]&/*leadingicon*/32){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[5]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (174:4) {#if trailingicon && !handlesTrailingIconClick}
|
|
293
298
|
function create_if_block_2$8(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","goa-input-trailing-icon");set_custom_element_data(goa_icon,"data-testid","trailing-icon");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[6]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty[0]&/*trailingicon*/64){set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[6]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (184:4) {#if trailingicon && handlesTrailingIconClick}
|
|
294
299
|
function create_if_block_1$9(ctx){let goa_icon_button;let mounted;let dispose;return {c(){goa_icon_button=element("goa-icon-button");set_custom_element_data(goa_icon_button,"disabled",/*isDisabled*/ctx[28]);set_custom_element_data(goa_icon_button,"variant","nocolor");set_custom_element_data(goa_icon_button,"size","medium");set_custom_element_data(goa_icon_button,"icon",/*trailingicon*/ctx[6]);set_custom_element_data(goa_icon_button,"data-testid","trailing-icon-button");set_custom_element_data(goa_icon_button,"class","goa-input-trailing-icon-button");},m(target,anchor){insert(target,goa_icon_button,anchor);if(!mounted){dispose=listen(goa_icon_button,"click",doClick);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*isDisabled*/268435456){set_custom_element_data(goa_icon_button,"disabled",/*isDisabled*/ctx[28]);}if(dirty[0]&/*trailingicon*/64){set_custom_element_data(goa_icon_button,"icon",/*trailingicon*/ctx[6]);}},d(detaching){if(detaching)detach(goa_icon_button);mounted=false;dispose();}};}// (197:4) {#if suffix}
|
|
295
|
-
function create_if_block$j(ctx){let span;let t;return {c(){span=element("span");t=text(/*suffix*/ctx[16]);attr(span,"class","suffix");},m(target,anchor){insert(target,span,anchor);append(span,t);},p(ctx,dirty){if(dirty[0]&/*suffix*/65536)set_data(t,/*suffix*/ctx[16]);},d(detaching){if(detaching)detach(span);}};}function create_fragment$y(ctx){let div3;let div2;let t0;let div0;let t1;let t2;let input;let input_class_value;let input_style_value;let input_id_value;let input_aria_label_value;let t3;let t4;let t5;let t6;let div1;let div2_class_value;let div3_style_value;let mounted;let dispose;let if_block0=/*prefix*/ctx[15]&&create_if_block_4$2(ctx);let if_block1=/*leadingicon*/ctx[5]&&create_if_block_3$8(ctx);let if_block2=/*trailingicon*/ctx[6]&&!/*handlesTrailingIconClick*/ctx[30]&&create_if_block_2$8(ctx);let if_block3=/*trailingicon*/ctx[6]&&/*handlesTrailingIconClick*/ctx[30]&&create_if_block_1$9(ctx);let if_block4=/*suffix*/ctx[16]&&create_if_block$j(ctx);return {c(){div3=element("div");div2=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");div0.innerHTML=`<slot name="leadingContent"></slot>`;t1=space();if(if_block1)if_block1.c();t2=space();input=element("input");t3=space();if(if_block2)if_block2.c();t4=space();if(if_block3)if_block3.c();t5=space();if(if_block4)if_block4.c();t6=space();div1=element("div");div1.innerHTML=`<slot name="trailingContent"></slot>`;this.c=noop;attr(div0,"class","leading-content");attr(input,"class",input_class_value="input--"+/*variant*/ctx[7]);attr(input,"style",input_style_value=`--search-icon-offset: ${/*trailingicon*/ctx[6]?"-0.5rem":"0"}`);input.readOnly=/*isReadonly*/ctx[27];input.disabled=/*isDisabled*/ctx[28];attr(input,"data-testid",/*testid*/ctx[8]);attr(input,"autocapitalize",/*autocapitalize*/ctx[3]);attr(input,"name",/*name*/ctx[2]);attr(input,"type",/*type*/ctx[1]);input.value=/*value*/ctx[0];attr(input,"placeholder",/*placeholder*/ctx[4]);attr(input,"min",/*min*/ctx[12]);attr(input,"max",/*max*/ctx[13]);attr(input,"step",/*step*/ctx[14]);attr(input,"maxlength",/*maxlength*/ctx[17]);attr(input,"id",input_id_value=/*id*/ctx[18]||/*name*/ctx[2]);attr(input,"role","textbox");attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[10]||/*name*/ctx[2]);attr(input,"aria-labelledby",/*arialabelledby*/ctx[11]);toggle_class(input,"input-leading-content",/*_leadingContentSlot*/ctx[25]&&!/*isDisabled*/ctx[28]);toggle_class(input,"input-trailing-content",/*_trailingContentSlot*/ctx[26]&&!/*isDisabled*/ctx[28]);attr(div1,"class","trailing-content");attr(div2,"class",div2_class_value="goa-input variant--"+/*variant*/ctx[7]+" type--"+/*type*/ctx[1]);toggle_class(div2,"input--disabled",/*isDisabled*/ctx[28]);toggle_class(div2,"input-leading-content",/*_leadingContentSlot*/ctx[25]);toggle_class(div2,"input-trailing-content",/*_trailingContentSlot*/ctx[26]);toggle_class(div2,"error",/*isError*/ctx[29]);attr(div3,"class","container");attr(div3,"style",div3_style_value=`--width: ${/*width*/ctx[9]};${calculateMargin(/*mt*/ctx[19],/*mr*/ctx[20],/*mb*/ctx[21],/*ml*/ctx[22])}`);},m(target,anchor){insert(target,div3,anchor);append(div3,div2);if(if_block0)if_block0.m(div2,null);append(div2,t0);append(div2,div0);append(div2,t1);if(if_block1)if_block1.m(div2,null);append(div2,t2);append(div2,input);/*input_binding*/ctx[41](input);append(div2,t3);if(if_block2)if_block2.m(div2,null);append(div2,t4);if(if_block3)if_block3.m(div2,null);append(div2,t5);if(if_block4)if_block4.m(div2,null);append(div2,t6);append(div2,div1);/*div3_binding*/ctx[42](div3);if(!mounted){dispose=[listen(input,"keyup",/*onKeyUp*/ctx[31]),listen(input,"change",/*onKeyUp*/ctx[31]),listen(input,"focus",/*onFocus*/ctx[32]),listen(input,"blur",/*onBlur*/ctx[33])];mounted=true;}},p(ctx,dirty){if(/*prefix*/ctx[15]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_4$2(ctx);if_block0.c();if_block0.m(div2,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*leadingicon*/ctx[5]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_3$8(ctx);if_block1.c();if_block1.m(div2,t2);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty[0]&/*variant*/128&&input_class_value!==(input_class_value="input--"+/*variant*/ctx[7])){attr(input,"class",input_class_value);}if(dirty[0]&/*trailingicon*/64&&input_style_value!==(input_style_value=`--search-icon-offset: ${/*trailingicon*/ctx[6]?"-0.5rem":"0"}`)){attr(input,"style",input_style_value);}if(dirty[0]&/*isReadonly*/134217728){input.readOnly=/*isReadonly*/ctx[27];}if(dirty[0]&/*isDisabled*/268435456){input.disabled=/*isDisabled*/ctx[28];}if(dirty[0]&/*testid*/256){attr(input,"data-testid",/*testid*/ctx[8]);}if(dirty[0]&/*autocapitalize*/8){attr(input,"autocapitalize",/*autocapitalize*/ctx[3]);}if(dirty[0]&/*name*/4){attr(input,"name",/*name*/ctx[2]);}if(dirty[0]&/*type*/2){attr(input,"type",/*type*/ctx[1]);}if(dirty[0]&/*value*/1&&input.value!==/*value*/ctx[0]){input.value=/*value*/ctx[0];}if(dirty[0]&/*placeholder*/16){attr(input,"placeholder",/*placeholder*/ctx[4]);}if(dirty[0]&/*min*/4096){attr(input,"min",/*min*/ctx[12]);}if(dirty[0]&/*max*/8192){attr(input,"max",/*max*/ctx[13]);}if(dirty[0]&/*step*/16384){attr(input,"step",/*step*/ctx[14]);}if(dirty[0]&/*maxlength*/131072){attr(input,"maxlength",/*maxlength*/ctx[17]);}if(dirty[0]&/*id, name*/262148&&input_id_value!==(input_id_value=/*id*/ctx[18]||/*name*/ctx[2])){attr(input,"id",input_id_value);}if(dirty[0]&/*arialabel, name*/1028&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[10]||/*name*/ctx[2])){attr(input,"aria-label",input_aria_label_value);}if(dirty[0]&/*arialabelledby*/2048){attr(input,"aria-labelledby",/*arialabelledby*/ctx[11]);}if(dirty[0]&/*variant, _leadingContentSlot, isDisabled*/301990016){toggle_class(input,"input-leading-content",/*_leadingContentSlot*/ctx[25]&&!/*isDisabled*/ctx[28]);}if(dirty[0]&/*variant, _trailingContentSlot, isDisabled*/335544448){toggle_class(input,"input-trailing-content",/*_trailingContentSlot*/ctx[26]&&!/*isDisabled*/ctx[28]);}if(/*trailingicon*/ctx[6]&&!/*handlesTrailingIconClick*/ctx[30]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_2$8(ctx);if_block2.c();if_block2.m(div2,t4);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(/*trailingicon*/ctx[6]&&/*handlesTrailingIconClick*/ctx[30]){if(if_block3){if_block3.p(ctx,dirty);}else {if_block3=create_if_block_1$9(ctx);if_block3.c();if_block3.m(div2,t5);}}else if(if_block3){if_block3.d(1);if_block3=null;}if(/*suffix*/ctx[16]){if(if_block4){if_block4.p(ctx,dirty);}else {if_block4=create_if_block$j(ctx);if_block4.c();if_block4.m(div2,t6);}}else if(if_block4){if_block4.d(1);if_block4=null;}if(dirty[0]&/*variant, type*/130&&div2_class_value!==(div2_class_value="goa-input variant--"+/*variant*/ctx[7]+" type--"+/*type*/ctx[1])){attr(div2,"class",div2_class_value);}if(dirty[0]&/*variant, type, isDisabled*/268435586){toggle_class(div2,"input--disabled",/*isDisabled*/ctx[28]);}if(dirty[0]&/*variant, type, _leadingContentSlot*/33554562){toggle_class(div2,"input-leading-content",/*_leadingContentSlot*/ctx[25]);}if(dirty[0]&/*variant, type, _trailingContentSlot*/67108994){toggle_class(div2,"input-trailing-content",/*_trailingContentSlot*/ctx[26]);}if(dirty[0]&/*variant, type, isError*/536871042){toggle_class(div2,"error",/*isError*/ctx[29]);}if(dirty[0]&/*width, mt, mr, mb, ml*/7864832&&div3_style_value!==(div3_style_value=`--width: ${/*width*/ctx[9]};${calculateMargin(/*mt*/ctx[19],/*mr*/ctx[20],/*mb*/ctx[21],/*ml*/ctx[22])}`)){attr(div3,"style",div3_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*input_binding*/ctx[41](null);if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();/*div3_binding*/ctx[42](null);mounted=false;run_all(dispose);}};}function doClick(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:true}));}function instance$v($$self,$$props,$$invalidate){let handlesTrailingIconClick;let isFocused;let isReadonly;let isError;let isDisabled;const[Types,validateType]=typeValidator("Input type",["text","number","password","email","date","datetime-local","month","range","search","tel","time","url","week"]);const[AutoCapitalize,validateAutoCapitalize]=typeValidator("Input auto capitalize",["on","off","none","sentences","words","characters"]);let{type="text"}=$$props;let{name=""}=$$props;let{value=""}=$$props;let{autocapitalize="off"}=$$props;let{placeholder=""}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{variant="goa"}=$$props;let{disabled="false"}=$$props;let{handletrailingiconclick="false"}=$$props;let{focused="false"}=$$props;let{readonly="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{width="30ch"}=$$props;let{arialabel=null}=$$props;let{arialabelledby=null}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{step=1}=$$props;let{prefix=""}=$$props;let{suffix=""}=$$props;let{debounce=0}=$$props;let{maxlength=null}=$$props;let{id=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let inputEl;let _rootEL;let _leadingContentSlot=false;let _trailingContentSlot=false;let _debounceId=null;function onKeyUp(e){const input=e.target;if(!input)return;if(isReadonly)return;if(_debounceId!=null){clearTimeout(_debounceId);}_debounceId=setTimeout(()=>{input.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value:input.value}}));},debounce);$$invalidate(0,value=input.value);}function onFocus(e){const input=e.target;input.dispatchEvent(new CustomEvent("_focus",{composed:true,detail:{name,value:input.value}}));}function onBlur(e){const input=e.target;input.dispatchEvent(new CustomEvent("_blur",{composed:true,detail:{name,value:input.value}}));}onMount(async()=>{await tick();validateType(type);validateAutoCapitalize(autocapitalize);if(prefix!=""||suffix!=""){console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");}const leadingContentSlot=_rootEL.querySelector("slot[name=leadingContent]");if(leadingContentSlot&&leadingContentSlot.assignedNodes().length>0){$$invalidate(25,_leadingContentSlot=true);}const trailingContentSlot=_rootEL.querySelector("slot[name=trailingContent]");if(trailingContentSlot&&trailingContentSlot.assignedNodes().length>0){$$invalidate(26,_trailingContentSlot=true);}});function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{inputEl=$$value;$$invalidate(23,inputEl);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEL=$$value;$$invalidate(24,_rootEL);});}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(1,type=$$props.type);if('name'in $$props)$$invalidate(2,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('autocapitalize'in $$props)$$invalidate(3,autocapitalize=$$props.autocapitalize);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('leadingicon'in $$props)$$invalidate(5,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(6,trailingicon=$$props.trailingicon);if('variant'in $$props)$$invalidate(7,variant=$$props.variant);if('disabled'in $$props)$$invalidate(34,disabled=$$props.disabled);if('handletrailingiconclick'in $$props)$$invalidate(35,handletrailingiconclick=$$props.handletrailingiconclick);if('focused'in $$props)$$invalidate(36,focused=$$props.focused);if('readonly'in $$props)$$invalidate(37,readonly=$$props.readonly);if('error'in $$props)$$invalidate(38,error=$$props.error);if('testid'in $$props)$$invalidate(8,testid=$$props.testid);if('width'in $$props)$$invalidate(9,width=$$props.width);if('arialabel'in $$props)$$invalidate(10,arialabel=$$props.arialabel);if('arialabelledby'in $$props)$$invalidate(11,arialabelledby=$$props.arialabelledby);if('min'in $$props)$$invalidate(12,min=$$props.min);if('max'in $$props)$$invalidate(13,max=$$props.max);if('step'in $$props)$$invalidate(14,step=$$props.step);if('prefix'in $$props)$$invalidate(15,prefix=$$props.prefix);if('suffix'in $$props)$$invalidate(16,suffix=$$props.suffix);if('debounce'in $$props)$$invalidate(39,debounce=$$props.debounce);if('maxlength'in $$props)$$invalidate(17,maxlength=$$props.maxlength);if('id'in $$props)$$invalidate(18,id=$$props.id);if('mt'in $$props)$$invalidate(19,mt=$$props.mt);if('mr'in $$props)$$invalidate(20,mr=$$props.mr);if('mb'in $$props)$$invalidate(21,mb=$$props.mb);if('ml'in $$props)$$invalidate(22,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[1]&/*handletrailingiconclick*/16){$$invalidate(30,handlesTrailingIconClick=toBoolean(handletrailingiconclick));}if($$self.$$.dirty[1]&/*focused*/32){$$invalidate(40,isFocused=toBoolean(focused));}if($$self.$$.dirty[1]&/*readonly*/64){$$invalidate(27,isReadonly=toBoolean(readonly));}if($$self.$$.dirty[1]&/*error*/128){$$invalidate(29,isError=toBoolean(error));}if($$self.$$.dirty[1]&/*disabled*/8){$$invalidate(28,isDisabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*inputEl*/8388608|$$self.$$.dirty[1]&/*isFocused*/512){if(isFocused&&inputEl){setTimeout(()=>inputEl.focus(),1);}}if($$self.$$.dirty[0]&/*inputEl, type*/8388610){if(inputEl&&type==="search"){inputEl.addEventListener("search",e=>{onKeyUp(e);});}}};return [value,type,name,autocapitalize,placeholder,leadingicon,trailingicon,variant,testid,width,arialabel,arialabelledby,min,max,step,prefix,suffix,maxlength,id,mt,mr,mb,ml,inputEl,_rootEL,_leadingContentSlot,_trailingContentSlot,isReadonly,isDisabled,isError,handlesTrailingIconClick,onKeyUp,onFocus,onBlur,disabled,handletrailingiconclick,focused,readonly,error,debounce,isFocused,input_binding,div3_binding];}class Input extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media(min-width: 640px){.container{width:var(--width)}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs) var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.goa-input-leading-content):not(.goa-input-trailing-content),.error:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
|
|
296
|
-
center center no-repeat}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$v,create_fragment$y,safe_not_equal,{type:1,name:2,value:0,autocapitalize:3,placeholder:4,leadingicon:5,trailingicon:6,variant:7,disabled:34,handletrailingiconclick:35,focused:36,readonly:37,error:38,testid:8,width:9,arialabel:10,arialabelledby:11,min:12,max:13,step:14,prefix:15,suffix:16,debounce:39,maxlength:17,id:18,mt:19,mr:20,mb:21,ml:22},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","name","value","autocapitalize","placeholder","leadingicon","trailingicon","variant","disabled","handletrailingiconclick","focused","readonly","error","testid","width","arialabel","arialabelledby","min","max","step","prefix","suffix","debounce","maxlength","id","mt","mr","mb","ml"];}get type(){return this.$$.ctx[1];}set type(type){this.$$set({type});flush();}get name(){return this.$$.ctx[2];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get autocapitalize(){return this.$$.ctx[3];}set autocapitalize(autocapitalize){this.$$set({autocapitalize});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get leadingicon(){return this.$$.ctx[5];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[6];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get variant(){return this.$$.ctx[7];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[34];}set disabled(disabled){this.$$set({disabled});flush();}get handletrailingiconclick(){return this.$$.ctx[35];}set handletrailingiconclick(handletrailingiconclick){this.$$set({handletrailingiconclick});flush();}get focused(){return this.$$.ctx[36];}set focused(focused){this.$$set({focused});flush();}get readonly(){return this.$$.ctx[37];}set readonly(readonly){this.$$set({readonly});flush();}get error(){return this.$$.ctx[38];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[8];}set testid(testid){this.$$set({testid});flush();}get width(){return this.$$.ctx[9];}set width(width){this.$$set({width});flush();}get arialabel(){return this.$$.ctx[10];}set arialabel(arialabel){this.$$set({arialabel});flush();}get arialabelledby(){return this.$$.ctx[11];}set arialabelledby(arialabelledby){this.$$set({arialabelledby});flush();}get min(){return this.$$.ctx[12];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[13];}set max(max){this.$$set({max});flush();}get step(){return this.$$.ctx[14];}set step(step){this.$$set({step});flush();}get prefix(){return this.$$.ctx[15];}set prefix(prefix){this.$$set({prefix});flush();}get suffix(){return this.$$.ctx[16];}set suffix(suffix){this.$$set({suffix});flush();}get debounce(){return this.$$.ctx[39];}set debounce(debounce){this.$$set({debounce});flush();}get maxlength(){return this.$$.ctx[17];}set maxlength(maxlength){this.$$set({maxlength});flush();}get id(){return this.$$.ctx[18];}set id(id){this.$$set({id});flush();}get mt(){return this.$$.ctx[19];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[20];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[21];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[22];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-input",Input);/*
|
|
300
|
+
function create_if_block$j(ctx){let span;let t;return {c(){span=element("span");t=text(/*suffix*/ctx[16]);attr(span,"class","suffix");},m(target,anchor){insert(target,span,anchor);append(span,t);},p(ctx,dirty){if(dirty[0]&/*suffix*/65536)set_data(t,/*suffix*/ctx[16]);},d(detaching){if(detaching)detach(span);}};}function create_fragment$y(ctx){let div3;let div2;let t0;let div0;let t1;let t2;let input;let input_class_value;let input_style_value;let input_id_value;let input_aria_label_value;let t3;let t4;let t5;let t6;let div1;let div2_class_value;let div3_style_value;let mounted;let dispose;let if_block0=/*prefix*/ctx[15]&&create_if_block_4$2(ctx);let if_block1=/*leadingicon*/ctx[5]&&create_if_block_3$8(ctx);let if_block2=/*trailingicon*/ctx[6]&&!/*handlesTrailingIconClick*/ctx[30]&&create_if_block_2$8(ctx);let if_block3=/*trailingicon*/ctx[6]&&/*handlesTrailingIconClick*/ctx[30]&&create_if_block_1$9(ctx);let if_block4=/*suffix*/ctx[16]&&create_if_block$j(ctx);return {c(){div3=element("div");div2=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");div0.innerHTML=`<slot name="leadingContent"></slot>`;t1=space();if(if_block1)if_block1.c();t2=space();input=element("input");t3=space();if(if_block2)if_block2.c();t4=space();if(if_block3)if_block3.c();t5=space();if(if_block4)if_block4.c();t6=space();div1=element("div");div1.innerHTML=`<slot name="trailingContent"></slot>`;this.c=noop;attr(div0,"class","leading-content");attr(input,"class",input_class_value="input--"+/*variant*/ctx[7]);attr(input,"style",input_style_value=`--search-icon-offset: ${/*trailingicon*/ctx[6]?"-0.5rem":"0"}`);input.readOnly=/*isReadonly*/ctx[27];input.disabled=/*isDisabled*/ctx[28];attr(input,"data-testid",/*testid*/ctx[8]);attr(input,"autocapitalize",/*autocapitalize*/ctx[3]);attr(input,"name",/*name*/ctx[2]);attr(input,"type",/*type*/ctx[1]);input.value=/*value*/ctx[0];attr(input,"placeholder",/*placeholder*/ctx[4]);attr(input,"min",/*min*/ctx[12]);attr(input,"max",/*max*/ctx[13]);attr(input,"step",/*step*/ctx[14]);attr(input,"maxlength",/*maxlength*/ctx[17]);attr(input,"id",input_id_value=/*id*/ctx[18]||/*name*/ctx[2]);attr(input,"role","textbox");attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[10]||/*name*/ctx[2]);attr(input,"aria-labelledby",/*arialabelledby*/ctx[11]);toggle_class(input,"input-leading-content",/*_leadingContentSlot*/ctx[25]&&!/*isDisabled*/ctx[28]);toggle_class(input,"input-trailing-content",/*_trailingContentSlot*/ctx[26]&&!/*isDisabled*/ctx[28]);attr(div1,"class","trailing-content");attr(div2,"class",div2_class_value="goa-input variant--"+/*variant*/ctx[7]+" type--"+/*type*/ctx[1]);toggle_class(div2,"input--disabled",/*isDisabled*/ctx[28]);toggle_class(div2,"input-leading-content",/*_leadingContentSlot*/ctx[25]);toggle_class(div2,"input-trailing-content",/*_trailingContentSlot*/ctx[26]);toggle_class(div2,"error",/*isError*/ctx[29]);attr(div3,"class","container");attr(div3,"style",div3_style_value=`--width: ${/*width*/ctx[9]};${calculateMargin(/*mt*/ctx[19],/*mr*/ctx[20],/*mb*/ctx[21],/*ml*/ctx[22])}`);},m(target,anchor){insert(target,div3,anchor);append(div3,div2);if(if_block0)if_block0.m(div2,null);append(div2,t0);append(div2,div0);append(div2,t1);if(if_block1)if_block1.m(div2,null);append(div2,t2);append(div2,input);/*input_binding*/ctx[41](input);append(div2,t3);if(if_block2)if_block2.m(div2,null);append(div2,t4);if(if_block3)if_block3.m(div2,null);append(div2,t5);if(if_block4)if_block4.m(div2,null);append(div2,t6);append(div2,div1);/*div3_binding*/ctx[42](div3);if(!mounted){dispose=[listen(input,"keyup",/*onKeyUp*/ctx[31]),listen(input,"change",/*onKeyUp*/ctx[31]),listen(input,"focus",/*onFocus*/ctx[32]),listen(input,"blur",/*onBlur*/ctx[33])];mounted=true;}},p(ctx,dirty){if(/*prefix*/ctx[15]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_4$2(ctx);if_block0.c();if_block0.m(div2,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*leadingicon*/ctx[5]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_3$8(ctx);if_block1.c();if_block1.m(div2,t2);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty[0]&/*variant*/128&&input_class_value!==(input_class_value="input--"+/*variant*/ctx[7])){attr(input,"class",input_class_value);}if(dirty[0]&/*trailingicon*/64&&input_style_value!==(input_style_value=`--search-icon-offset: ${/*trailingicon*/ctx[6]?"-0.5rem":"0"}`)){attr(input,"style",input_style_value);}if(dirty[0]&/*isReadonly*/134217728){input.readOnly=/*isReadonly*/ctx[27];}if(dirty[0]&/*isDisabled*/268435456){input.disabled=/*isDisabled*/ctx[28];}if(dirty[0]&/*testid*/256){attr(input,"data-testid",/*testid*/ctx[8]);}if(dirty[0]&/*autocapitalize*/8){attr(input,"autocapitalize",/*autocapitalize*/ctx[3]);}if(dirty[0]&/*name*/4){attr(input,"name",/*name*/ctx[2]);}if(dirty[0]&/*type*/2){attr(input,"type",/*type*/ctx[1]);}if(dirty[0]&/*value*/1&&input.value!==/*value*/ctx[0]){input.value=/*value*/ctx[0];}if(dirty[0]&/*placeholder*/16){attr(input,"placeholder",/*placeholder*/ctx[4]);}if(dirty[0]&/*min*/4096){attr(input,"min",/*min*/ctx[12]);}if(dirty[0]&/*max*/8192){attr(input,"max",/*max*/ctx[13]);}if(dirty[0]&/*step*/16384){attr(input,"step",/*step*/ctx[14]);}if(dirty[0]&/*maxlength*/131072){attr(input,"maxlength",/*maxlength*/ctx[17]);}if(dirty[0]&/*id, name*/262148&&input_id_value!==(input_id_value=/*id*/ctx[18]||/*name*/ctx[2])){attr(input,"id",input_id_value);}if(dirty[0]&/*arialabel, name*/1028&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[10]||/*name*/ctx[2])){attr(input,"aria-label",input_aria_label_value);}if(dirty[0]&/*arialabelledby*/2048){attr(input,"aria-labelledby",/*arialabelledby*/ctx[11]);}if(dirty[0]&/*variant, _leadingContentSlot, isDisabled*/301990016){toggle_class(input,"input-leading-content",/*_leadingContentSlot*/ctx[25]&&!/*isDisabled*/ctx[28]);}if(dirty[0]&/*variant, _trailingContentSlot, isDisabled*/335544448){toggle_class(input,"input-trailing-content",/*_trailingContentSlot*/ctx[26]&&!/*isDisabled*/ctx[28]);}if(/*trailingicon*/ctx[6]&&!/*handlesTrailingIconClick*/ctx[30]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_2$8(ctx);if_block2.c();if_block2.m(div2,t4);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(/*trailingicon*/ctx[6]&&/*handlesTrailingIconClick*/ctx[30]){if(if_block3){if_block3.p(ctx,dirty);}else {if_block3=create_if_block_1$9(ctx);if_block3.c();if_block3.m(div2,t5);}}else if(if_block3){if_block3.d(1);if_block3=null;}if(/*suffix*/ctx[16]){if(if_block4){if_block4.p(ctx,dirty);}else {if_block4=create_if_block$j(ctx);if_block4.c();if_block4.m(div2,t6);}}else if(if_block4){if_block4.d(1);if_block4=null;}if(dirty[0]&/*variant, type*/130&&div2_class_value!==(div2_class_value="goa-input variant--"+/*variant*/ctx[7]+" type--"+/*type*/ctx[1])){attr(div2,"class",div2_class_value);}if(dirty[0]&/*variant, type, isDisabled*/268435586){toggle_class(div2,"input--disabled",/*isDisabled*/ctx[28]);}if(dirty[0]&/*variant, type, _leadingContentSlot*/33554562){toggle_class(div2,"input-leading-content",/*_leadingContentSlot*/ctx[25]);}if(dirty[0]&/*variant, type, _trailingContentSlot*/67108994){toggle_class(div2,"input-trailing-content",/*_trailingContentSlot*/ctx[26]);}if(dirty[0]&/*variant, type, isError*/536871042){toggle_class(div2,"error",/*isError*/ctx[29]);}if(dirty[0]&/*width, mt, mr, mb, ml*/7864832&&div3_style_value!==(div3_style_value=`--width: ${/*width*/ctx[9]};${calculateMargin(/*mt*/ctx[19],/*mr*/ctx[20],/*mb*/ctx[21],/*ml*/ctx[22])}`)){attr(div3,"style",div3_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*input_binding*/ctx[41](null);if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();/*div3_binding*/ctx[42](null);mounted=false;run_all(dispose);}};}function doClick(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:true}));}function instance$v($$self,$$props,$$invalidate){let handlesTrailingIconClick;let isFocused;let isReadonly;let isError;let isDisabled;const[Types,validateType]=typeValidator("Input type",["text","number","password","email","date","datetime-local","month","range","search","tel","time","url","week"]);const[AutoCapitalize,validateAutoCapitalize]=typeValidator("Input auto capitalize",["on","off","none","sentences","words","characters"]);let{type="text"}=$$props;let{name=""}=$$props;let{value=""}=$$props;let{autocapitalize="off"}=$$props;let{placeholder=""}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{variant="goa"}=$$props;let{disabled="false"}=$$props;let{handletrailingiconclick="false"}=$$props;let{focused="false"}=$$props;let{readonly="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{width="30ch"}=$$props;let{arialabel=null}=$$props;let{arialabelledby=null}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{step=1}=$$props;let{prefix=""}=$$props;let{suffix=""}=$$props;let{debounce=0}=$$props;let{maxlength=null}=$$props;let{id=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let inputEl;let _rootEL;let _leadingContentSlot=false;let _trailingContentSlot=false;let _debounceId=null;function onKeyUp(e){const input=e.target;if(!input)return;if(isReadonly)return;if(_debounceId!=null){clearTimeout(_debounceId);}_debounceId=setTimeout(()=>{input.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value:input.value}}));},debounce);$$invalidate(0,value=input.value);}function onFocus(e){const input=e.target;input.dispatchEvent(new CustomEvent("_focus",{composed:true,detail:{name,value:input.value}}));}function onBlur(e){const input=e.target;input.dispatchEvent(new CustomEvent("_blur",{composed:true,detail:{name,value:input.value}}));}onMount(async()=>{await tick();validateType(type);validateAutoCapitalize(autocapitalize);if(prefix!=""||suffix!=""){console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");}const leadingContentSlot=_rootEL.querySelector("slot[name=leadingContent]");if(leadingContentSlot&&leadingContentSlot.assignedNodes().length>0){$$invalidate(25,_leadingContentSlot=true);}const trailingContentSlot=_rootEL.querySelector("slot[name=trailingContent]");if(trailingContentSlot&&trailingContentSlot.assignedNodes().length>0){$$invalidate(26,_trailingContentSlot=true);}});function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{inputEl=$$value;$$invalidate(23,inputEl);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEL=$$value;$$invalidate(24,_rootEL);});}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(1,type=$$props.type);if('name'in $$props)$$invalidate(2,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('autocapitalize'in $$props)$$invalidate(3,autocapitalize=$$props.autocapitalize);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('leadingicon'in $$props)$$invalidate(5,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(6,trailingicon=$$props.trailingicon);if('variant'in $$props)$$invalidate(7,variant=$$props.variant);if('disabled'in $$props)$$invalidate(34,disabled=$$props.disabled);if('handletrailingiconclick'in $$props)$$invalidate(35,handletrailingiconclick=$$props.handletrailingiconclick);if('focused'in $$props)$$invalidate(36,focused=$$props.focused);if('readonly'in $$props)$$invalidate(37,readonly=$$props.readonly);if('error'in $$props)$$invalidate(38,error=$$props.error);if('testid'in $$props)$$invalidate(8,testid=$$props.testid);if('width'in $$props)$$invalidate(9,width=$$props.width);if('arialabel'in $$props)$$invalidate(10,arialabel=$$props.arialabel);if('arialabelledby'in $$props)$$invalidate(11,arialabelledby=$$props.arialabelledby);if('min'in $$props)$$invalidate(12,min=$$props.min);if('max'in $$props)$$invalidate(13,max=$$props.max);if('step'in $$props)$$invalidate(14,step=$$props.step);if('prefix'in $$props)$$invalidate(15,prefix=$$props.prefix);if('suffix'in $$props)$$invalidate(16,suffix=$$props.suffix);if('debounce'in $$props)$$invalidate(39,debounce=$$props.debounce);if('maxlength'in $$props)$$invalidate(17,maxlength=$$props.maxlength);if('id'in $$props)$$invalidate(18,id=$$props.id);if('mt'in $$props)$$invalidate(19,mt=$$props.mt);if('mr'in $$props)$$invalidate(20,mr=$$props.mr);if('mb'in $$props)$$invalidate(21,mb=$$props.mb);if('ml'in $$props)$$invalidate(22,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[1]&/*handletrailingiconclick*/16){$$invalidate(30,handlesTrailingIconClick=toBoolean(handletrailingiconclick));}if($$self.$$.dirty[1]&/*focused*/32){$$invalidate(40,isFocused=toBoolean(focused));}if($$self.$$.dirty[1]&/*readonly*/64){$$invalidate(27,isReadonly=toBoolean(readonly));}if($$self.$$.dirty[1]&/*error*/128){$$invalidate(29,isError=toBoolean(error));}if($$self.$$.dirty[1]&/*disabled*/8){$$invalidate(28,isDisabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*inputEl*/8388608|$$self.$$.dirty[1]&/*isFocused*/512){if(isFocused&&inputEl){setTimeout(()=>inputEl.focus(),1);}}if($$self.$$.dirty[0]&/*inputEl, type*/8388610){if(inputEl&&type==="search"){inputEl.addEventListener("search",e=>{onKeyUp(e);});}}};return [value,type,name,autocapitalize,placeholder,leadingicon,trailingicon,variant,testid,width,arialabel,arialabelledby,min,max,step,prefix,suffix,maxlength,id,mt,mr,mb,ml,inputEl,_rootEL,_leadingContentSlot,_trailingContentSlot,isReadonly,isDisabled,isError,handlesTrailingIconClick,onKeyUp,onFocus,onBlur,disabled,handletrailingiconclick,focused,readonly,error,debounce,isFocused,input_binding,div3_binding];}class Input extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media screen and (max-width: 623px){@media not (max-color:2147477350){.container{width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.container{width:var(--width)}}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus:not(.goa-input-leading-content):not(.goa-input-trailing-content),.goa-input:focus-within:not(.goa-input-leading-content):not(.goa-input-trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.goa-input-leading-icon{margin-left:0.75rem}.goa-input-trailing-icon{margin-right:var(--goa-space-s)}.goa-input-trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs) var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.goa-input-leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.goa-input--disabled,.goa-input--disabled:hover,.goa-input--disabled:active,.goa-input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.goa-input--disabled input,.goa-input--disabled input:hover,.goa-input--disabled input:active,.goa-input--disabled input:focus{color:var(--goa-color-text-secondary)}.goa-input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.goa-input--disabled .prefix,.goa-input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.goa-input--disabled .suffix,.goa-input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.goa-input-leading-content):not(.goa-input-trailing-content),.error:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.goa-input-leading-content):not(.goa-input-trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
|
|
301
|
+
center center no-repeat}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$v,create_fragment$y,safe_not_equal,{type:1,name:2,value:0,autocapitalize:3,placeholder:4,leadingicon:5,trailingicon:6,variant:7,disabled:34,handletrailingiconclick:35,focused:36,readonly:37,error:38,testid:8,width:9,arialabel:10,arialabelledby:11,min:12,max:13,step:14,prefix:15,suffix:16,debounce:39,maxlength:17,id:18,mt:19,mr:20,mb:21,ml:22},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","name","value","autocapitalize","placeholder","leadingicon","trailingicon","variant","disabled","handletrailingiconclick","focused","readonly","error","testid","width","arialabel","arialabelledby","min","max","step","prefix","suffix","debounce","maxlength","id","mt","mr","mb","ml"];}get type(){return this.$$.ctx[1];}set type(type){this.$$set({type});flush();}get name(){return this.$$.ctx[2];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get autocapitalize(){return this.$$.ctx[3];}set autocapitalize(autocapitalize){this.$$set({autocapitalize});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get leadingicon(){return this.$$.ctx[5];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[6];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get variant(){return this.$$.ctx[7];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[34];}set disabled(disabled){this.$$set({disabled});flush();}get handletrailingiconclick(){return this.$$.ctx[35];}set handletrailingiconclick(handletrailingiconclick){this.$$set({handletrailingiconclick});flush();}get focused(){return this.$$.ctx[36];}set focused(focused){this.$$set({focused});flush();}get readonly(){return this.$$.ctx[37];}set readonly(readonly){this.$$set({readonly});flush();}get error(){return this.$$.ctx[38];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[8];}set testid(testid){this.$$set({testid});flush();}get width(){return this.$$.ctx[9];}set width(width){this.$$set({width});flush();}get arialabel(){return this.$$.ctx[10];}set arialabel(arialabel){this.$$set({arialabel});flush();}get arialabelledby(){return this.$$.ctx[11];}set arialabelledby(arialabelledby){this.$$set({arialabelledby});flush();}get min(){return this.$$.ctx[12];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[13];}set max(max){this.$$set({max});flush();}get step(){return this.$$.ctx[14];}set step(step){this.$$set({step});flush();}get prefix(){return this.$$.ctx[15];}set prefix(prefix){this.$$set({prefix});flush();}get suffix(){return this.$$.ctx[16];}set suffix(suffix){this.$$set({suffix});flush();}get debounce(){return this.$$.ctx[39];}set debounce(debounce){this.$$set({debounce});flush();}get maxlength(){return this.$$.ctx[17];}set maxlength(maxlength){this.$$set({maxlength});flush();}get id(){return this.$$.ctx[18];}set id(id){this.$$set({id});flush();}get mt(){return this.$$.ctx[19];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[20];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[21];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[22];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-input",Input);/* src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.59.2 */function create_if_block_3$7(ctx){let div;return {c(){div=element("div");div.innerHTML=`An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>`;attr(div,"data-testid","type");attr(div,"class","site-text");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}// (31:4) {#if ["alpha", "beta"].includes(type)}
|
|
297
302
|
function create_if_block_1$8(ctx){let div0;let t0_value=capitalize(/*type*/ctx[0])+"";let t0;let div0_class_value;let t1;let div1;let t2;let a;let t4;let if_block=/*feedbackurl*/ctx[2]&&create_if_block_2$7(ctx);return {c(){div0=element("div");t0=text(t0_value);t1=space();div1=element("div");t2=text("This is a new ");a=element("a");a.textContent="Alberta Government";t4=text(" service\n ");if(if_block)if_block.c();attr(div0,"data-testid","type");attr(div0,"class",div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase());attr(a,"href","https://www.alberta.ca/index.aspx");attr(div1,"data-testid","site-text");attr(div1,"class","site-text");},m(target,anchor){insert(target,div0,anchor);append(div0,t0);insert(target,t1,anchor);insert(target,div1,anchor);append(div1,t2);append(div1,a);append(div1,t4);if(if_block)if_block.m(div1,null);},p(ctx,dirty){if(dirty&/*type*/1&&t0_value!==(t0_value=capitalize(/*type*/ctx[0])+""))set_data(t0,t0_value);if(dirty&/*type*/1&&div0_class_value!==(div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase())){attr(div0,"class",div0_class_value);}if(/*feedbackurl*/ctx[2]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$7(ctx);if_block.c();if_block.m(div1,null);}}else if(if_block){if_block.d(1);if_block=null;}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t1);if(detaching)detach(div1);if(if_block)if_block.d();}};}// (40:8) {#if feedbackurl}
|
|
298
303
|
function create_if_block_2$7(ctx){let span;let t0;let a;let t1;return {c(){span=element("span");t0=text("— help us improve it by giving ");a=element("a");t1=text("feedback");attr(a,"href",/*feedbackurl*/ctx[2]);attr(span,"data-testid","feedback");},m(target,anchor){insert(target,span,anchor);append(span,t0);append(span,a);append(a,t1);},p(ctx,dirty){if(dirty&/*feedbackurl*/4){attr(a,"href",/*feedbackurl*/ctx[2]);}},d(detaching){if(detaching)detach(span);}};}// (46:4) {#if version}
|
|
299
|
-
function create_if_block$i(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$7();let if_block1=show_if&&create_if_block_1$8(ctx);let if_block2=/*version*/ctx[1]&&create_if_block$i(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);else {if_block0=create_if_block_3$7();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$8(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$i(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;onMount(()=>{setTimeout(()=>validateType(type),1);});$$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);};return [type,version,feedbackurl,maxcontentwidth];}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}.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(min-width: 640px){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}@media(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},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"];}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();}}customElements.define("goa-microsite-header",MicrositeHeader);/* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$h(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$6(ctx);function select_block_type(ctx,dirty){if(/*heading*/ctx[1])return create_if_block_2$6;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[9]&&create_if_block_1$7(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");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","modal");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[17](header);append(div4,t3);append(div4,div2);append(div2,goa_scrollable);/*goa_scrollable_binding*/ctx[18](goa_scrollable);/*div2_binding*/ctx[19](div2);append(div4,t4);append(div4,div3);/*div6_binding*/ctx[20](div6);current=true;if(!mounted){dispose=[listen(div0,"click",/*close*/ctx[12]),listen(goa_scrollable,"_scroll",/*handleScroll*/ctx[13]),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$6(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[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_1$7(ctx);if_block2.c();if_block2.m(header,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}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[11],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[11]});div6_intro.start();});current=true;},o(local){if(div5_intro)div5_intro.invalidate();div5_outro=create_out_transition(div5,fly,{delay:/*_transitionTime*/ctx[11],duration:/*_transitionTime*/ctx[11],y:-100});if(div6_intro)div6_intro.invalidate();div6_outro=create_out_transition(div6,fade,{delay:/*_transitionTime*/ctx[11],duration:/*_transitionTime*/ctx[11]});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[17](null);/*goa_scrollable_binding*/ctx[18](null);/*div2_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);}};}// (143:8) {#if calloutvariant !== null}
|
|
304
|
+
function create_if_block$i(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$7();let if_block1=show_if&&create_if_block_1$8(ctx);let if_block2=/*version*/ctx[1]&&create_if_block$i(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);else {if_block0=create_if_block_3$7();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$8(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$i(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;onMount(()=>{setTimeout(()=>validateType(type),1);});$$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);};return [type,version,feedbackurl,maxcontentwidth];}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}.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},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"];}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();}}customElements.define("goa-microsite-header",MicrositeHeader);/* src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$h(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$6(ctx);function select_block_type(ctx,dirty){if(/*heading*/ctx[1])return create_if_block_2$6;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[9]&&create_if_block_1$7(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");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","modal");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[17](header);append(div4,t3);append(div4,div2);append(div2,goa_scrollable);/*goa_scrollable_binding*/ctx[18](goa_scrollable);/*div2_binding*/ctx[19](div2);append(div4,t4);append(div4,div3);/*div6_binding*/ctx[20](div6);current=true;if(!mounted){dispose=[listen(div0,"click",/*close*/ctx[12]),listen(goa_scrollable,"_scroll",/*handleScroll*/ctx[13]),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$6(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[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_1$7(ctx);if_block2.c();if_block2.m(header,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}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[11],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[11]});div6_intro.start();});current=true;},o(local){if(div5_intro)div5_intro.invalidate();div5_outro=create_out_transition(div5,fly,{delay:/*_transitionTime*/ctx[11],duration:/*_transitionTime*/ctx[11],y:-100});if(div6_intro)div6_intro.invalidate();div6_outro=create_out_transition(div6,fade,{delay:/*_transitionTime*/ctx[11],duration:/*_transitionTime*/ctx[11]});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[17](null);/*goa_scrollable_binding*/ctx[18](null);/*div2_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);}};}// (143:8) {#if calloutvariant !== null}
|
|
300
305
|
function create_if_block_3$6(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[10]);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*/1024){set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[10]);}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);}};}// (156:14) {:else}
|
|
301
306
|
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);}};}// (154:14) {#if heading}
|
|
302
307
|
function create_if_block_2$6(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);}};}// (160:12) {#if _isClosable}
|
|
@@ -310,15 +315,15 @@ onMount(async()=>{await tick();validateCalloutVariant(calloutvariant);validateTr
|
|
|
310
315
|
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
|
|
311
316
|
}}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
|
|
312
317
|
$$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
|
|
313
|
-
$$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(max-width: 640px){.content{margin:var(--goa-space-l)}.content header.has-content{margin-bottom:var(--goa-space-m)}}.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)}@media(min-width: 640px){.modal-pane{max-width:var(--maxwidth)}}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}@media(max-width: 640px){.modal-actions ::slotted(*){padding:var(--goa-space-l) 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);/* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.59.2 */function create_if_block$g(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$g(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$g(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(min-width: 640px){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}@media(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);}/* libs/web-components/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(min-width: 640px){.page-content{padding:0 2rem}}@media(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);/* libs/web-components/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;}// (66:4) {#if variant === "all"}
|
|
314
|
-
function create_if_block$f(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_dropdown,"width","70px");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);}};}// (
|
|
318
|
+
$$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-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}@media screen and (max-width: 623px){.modal-pane{max-width:var(--maxwidth)}.modal-actions ::slotted(*){padding:var(--goa-space-l) 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$g(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$g(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$g(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"}
|
|
319
|
+
function create_if_block$f(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_dropdown,"width","70px");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}
|
|
315
320
|
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$f(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$f(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
|
|
316
321
|
let pageDropdownEl=null;let hiddenEl=null;// needed to allow the inputEl's event to be cancelled
|
|
317
322
|
// hooks
|
|
318
323
|
onMount(async()=>{await tick();validateRequired("GoAPagination",{itemcount,pagenumber});validateVariant(variant);// prevent event propagation
|
|
319
324
|
pageDropdownEl&&pageDropdownEl.addEventListener("_change",e=>{const page=Number.parseInt(e.detail.value);e.stopPropagation();hiddenEl.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:true,detail:{page}}));});});// functions
|
|
320
325
|
function goto(e,offset){const newPage=Number.parseInt(pagenumber+"")+offset;if(newPage>0&&newPage<=_pageCount){e.target.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:true,detail:{page:newPage}}));}e.preventDefault();}function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{hiddenEl=$$value;$$invalidate(7,hiddenEl);});}function goa_dropdown_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{pageDropdownEl=$$value;$$invalidate(6,pageDropdownEl);});}const click_handler=e=>goto(e,-1);const click_handler_1=e=>goto(e,1);$$self.$$set=$$props=>{if('pagenumber'in $$props)$$invalidate(0,pagenumber=$$props.pagenumber);if('itemcount'in $$props)$$invalidate(10,itemcount=$$props.itemcount);if('perpagecount'in $$props)$$invalidate(11,perpagecount=$$props.perpagecount);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&/*itemcount, perpagecount*/3072){// reactive
|
|
321
|
-
$$invalidate(8,_pageCount=Math.ceil(itemcount/perpagecount));}};return [pagenumber,variant,mt,mr,mb,ml,pageDropdownEl,hiddenEl,_pageCount,goto,itemcount,perpagecount,input_binding,goa_dropdown_binding,click_handler,click_handler_1];}class Pagination extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`span{white-space:nowrap}.controls{display:flex;gap:1rem;flex-direction:column;align-items:center;width:100%}@media(
|
|
326
|
+
$$invalidate(8,_pageCount=Math.ceil(itemcount/perpagecount));}};return [pagenumber,variant,mt,mr,mb,ml,pageDropdownEl,hiddenEl,_pageCount,goto,itemcount,perpagecount,input_binding,goa_dropdown_binding,click_handler,click_handler_1];}class Pagination extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`span{white-space:nowrap}.controls{display:flex;gap:1rem;flex-direction:column;align-items:center;width:100%}@media screen and (max-width: 623px){@media not (max-color:2147477350){.controls{flex-direction:row;justify-content:space-between}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.controls{flex-direction:row;justify-content:space-between}}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$q,create_fragment$t,safe_not_equal,{pagenumber:0,itemcount:10,perpagecount:11,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 ["pagenumber","itemcount","perpagecount","variant","mt","mr","mb","ml"];}get pagenumber(){return this.$$.ctx[0];}set pagenumber(pagenumber){this.$$set({pagenumber});flush();}get itemcount(){return this.$$.ctx[10];}set itemcount(itemcount){this.$$set({itemcount});flush();}get perpagecount(){return this.$$.ctx[11];}set perpagecount(perpagecount){this.$$set({perpagecount});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-pagination",Pagination);/* src/components/popover/Popover.svelte generated by Svelte v3.59.2 */function create_if_block$e(ctx){let div0;let t;let div2;let section;let goa_focus_trap;let div1;let section_style_value;let section_resize_listener;let mounted;let dispose;return {c(){div0=element("div");t=space();div2=element("div");section=element("section");goa_focus_trap=element("goa-focus-trap");div1=element("div");div1.innerHTML=`<slot></slot>`;attr(div0,"data-testid","popover-background");attr(div0,"class","popover-background");set_custom_element_data(goa_focus_trap,"open","true");attr(section,"data-testid","popover-content");attr(section,"class","popover-content");attr(section,"style",section_style_value=`
|
|
322
327
|
${cssVar("width",/*width*/ctx[2])}
|
|
323
328
|
max-width: ${/*maxwidth*/ctx[1]</*width*/ctx[2]?/*width*/ctx[2]:/*maxwidth*/ctx[1]};
|
|
324
329
|
padding: ${/*_padded*/ctx[19]?"var(--goa-space-m)":"0"};
|
|
@@ -368,7 +373,7 @@ const displayOnTop=position==="auto"?spaceBelow<contentRect.height&&spaceAbove>c
|
|
|
368
373
|
const usingNoScroll=document.body.style.overflow==="hidden";const windowOffset=usingNoScroll?0:window.scrollY;// If there's more space above, display the popover above the target element
|
|
369
374
|
if(_relative){$$invalidate(16,_popoverEl.style.top=displayOnTop?`-${contentRect.height}px`:`${rootRect.height}px`,_popoverEl);}else {$$invalidate(16,_popoverEl.style.top=displayOnTop?`${rootRect.top-contentRect.height+windowOffset}px`:`${rootRect.top+rootRect.height+windowOffset}px`,_popoverEl);}// Move the popover to the left if it is too far to the right and only if there is space to the left
|
|
370
375
|
const displayOnRight=document.body.clientWidth-targetRect.left<contentRect.width&&targetRect.left>contentRect.width;if(_relative){if(displayOnRight){$$invalidate(16,_popoverEl.style.right="0",_popoverEl);}else {$$invalidate(16,_popoverEl.style.left="0",_popoverEl);}}else {$$invalidate(16,_popoverEl.style.left=displayOnRight?`${rootRect.left+targetRect.width-contentRect.width}px`:`${rootRect.left}px`,_popoverEl);}}function div0_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_targetEl=$$value;$$invalidate(15,_targetEl);});}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_focusTrapEl=$$value;$$invalidate(17,_focusTrapEl);});}function section_elementresize_handler(){_sectionHeight=this.clientHeight;$$invalidate(12,_sectionHeight);}function section_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_popoverEl=$$value;$$invalidate(16,_popoverEl);});}function div1_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(14,_rootEl);});}$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('maxwidth'in $$props)$$invalidate(1,maxwidth=$$props.maxwidth);if('width'in $$props)$$invalidate(2,width=$$props.width);if('padded'in $$props)$$invalidate(22,padded=$$props.padded);if('position'in $$props)$$invalidate(23,position=$$props.position);if('relative'in $$props)$$invalidate(24,relative=$$props.relative);if('autoclose'in $$props)$$invalidate(25,autoclose=$$props.autoclose);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('open'in $$props)$$invalidate(26,open=$$props.open);if('disabled'in $$props)$$invalidate(27,disabled=$$props.disabled);if('tabindex'in $$props)$$invalidate(7,tabindex=$$props.tabindex);if('voffset'in $$props)$$invalidate(8,voffset=$$props.voffset);if('hoffset'in $$props)$$invalidate(9,hoffset=$$props.hoffset);if('focusborderwidth'in $$props)$$invalidate(10,focusborderwidth=$$props.focusborderwidth);if('borderradius'in $$props)$$invalidate(11,borderradius=$$props.borderradius);};$$self.$$.update=()=>{if($$self.$$.dirty[0]&/*padded*/4194304){// Reactive
|
|
371
|
-
$$invalidate(19,_padded=toBoolean(padded));}if($$self.$$.dirty[0]&/*open*/67108864){$$invalidate(13,_open=toBoolean(open));}if($$self.$$.dirty[0]&/*disabled*/134217728){_disabled=toBoolean(disabled);}if($$self.$$.dirty[0]&/*relative*/16777216){$$invalidate(18,_relative=toBoolean(relative));}if($$self.$$.dirty[0]&/*autoclose*/33554432);if($$self.$$.dirty[0]&/*_open*/8192){(async()=>_open&&(await setPopoverPosition()))();}if($$self.$$.dirty[0]&/*_sectionHeight*/4096){(async()=>_sectionHeight&&(await setPopoverPosition()))();}if($$self.$$.dirty[0]&/*_open*/8192){{if(_open){window.addEventListener("popstate",handleUrlChange,true);}else {window.removeEventListener("popstate",handleUrlChange,true);}}}};return [testid,maxwidth,width,mt,mr,mb,ml,tabindex,voffset,hoffset,focusborderwidth,borderradius,_sectionHeight,_open,_rootEl,_targetEl,_popoverEl,_focusTrapEl,_relative,_padded,openPopover,closePopover,padded,position,relative,autoclose,open,disabled,div0_binding,div1_binding,section_elementresize_handler,section_binding,div1_binding_1];}class Popover extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;align-items:center}.popover-target{cursor:pointer}.popover-target:focus{outline:var(--focus-border-width) solid var(--goa-color-interactive-focus)}.popover-content{color:var(--goa-color-text-default);position:absolute;width:fit-content;max-width:260px;list-style-type:none;background:var(--goa-color-greyscale-white);border-radius:var(--border-radius);outline:none;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));z-index:99;width:max-content;margin-top:var(--offset-top, 3px);margin-bottom:var(--offset-bottom, 3px);margin-left:var(--offset-left, 0);margin-right:var(--offset-right, 0)}::slotted(ul){display:block;padding:0;margin:0;list-style-type:none;line-height:2rem}.popover-background{cursor:default;position:fixed;z-index:98;inset:0}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$p,create_fragment$s,safe_not_equal,{testid:0,maxwidth:1,width:2,padded:22,position:23,relative:24,autoclose:25,mt:3,mr:4,mb:5,ml:6,open:26,disabled:27,tabindex:7,voffset:8,hoffset:9,focusborderwidth:10,borderradius:11},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","maxwidth","width","padded","position","relative","autoclose","mt","mr","mb","ml","open","disabled","tabindex","voffset","hoffset","focusborderwidth","borderradius"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get maxwidth(){return this.$$.ctx[1];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[2];}set width(width){this.$$set({width});flush();}get padded(){return this.$$.ctx[22];}set padded(padded){this.$$set({padded});flush();}get position(){return this.$$.ctx[23];}set position(position){this.$$set({position});flush();}get relative(){return this.$$.ctx[24];}set relative(relative){this.$$set({relative});flush();}get autoclose(){return this.$$.ctx[25];}set autoclose(autoclose){this.$$set({autoclose});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[26];}set open(open){this.$$set({open});flush();}get disabled(){return this.$$.ctx[27];}set disabled(disabled){this.$$set({disabled});flush();}get tabindex(){return this.$$.ctx[7];}set tabindex(tabindex){this.$$set({tabindex});flush();}get voffset(){return this.$$.ctx[8];}set voffset(voffset){this.$$set({voffset});flush();}get hoffset(){return this.$$.ctx[9];}set hoffset(hoffset){this.$$set({hoffset});flush();}get focusborderwidth(){return this.$$.ctx[10];}set focusborderwidth(focusborderwidth){this.$$set({focusborderwidth});flush();}get borderradius(){return this.$$.ctx[11];}set borderradius(borderradius){this.$$set({borderradius});flush();}}customElements.define("goa-popover",Popover);/*
|
|
376
|
+
$$invalidate(19,_padded=toBoolean(padded));}if($$self.$$.dirty[0]&/*open*/67108864){$$invalidate(13,_open=toBoolean(open));}if($$self.$$.dirty[0]&/*disabled*/134217728){_disabled=toBoolean(disabled);}if($$self.$$.dirty[0]&/*relative*/16777216){$$invalidate(18,_relative=toBoolean(relative));}if($$self.$$.dirty[0]&/*autoclose*/33554432);if($$self.$$.dirty[0]&/*_open*/8192){(async()=>_open&&(await setPopoverPosition()))();}if($$self.$$.dirty[0]&/*_sectionHeight*/4096){(async()=>_sectionHeight&&(await setPopoverPosition()))();}if($$self.$$.dirty[0]&/*_open*/8192){{if(_open){window.addEventListener("popstate",handleUrlChange,true);}else {window.removeEventListener("popstate",handleUrlChange,true);}}}};return [testid,maxwidth,width,mt,mr,mb,ml,tabindex,voffset,hoffset,focusborderwidth,borderradius,_sectionHeight,_open,_rootEl,_targetEl,_popoverEl,_focusTrapEl,_relative,_padded,openPopover,closePopover,padded,position,relative,autoclose,open,disabled,div0_binding,div1_binding,section_elementresize_handler,section_binding,div1_binding_1];}class Popover extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;align-items:center}.popover-target{cursor:pointer}.popover-target:focus{outline:var(--focus-border-width) solid var(--goa-color-interactive-focus)}.popover-content{color:var(--goa-color-text-default);position:absolute;width:-moz-fit-content;width:fit-content;max-width:260px;list-style-type:none;background:var(--goa-color-greyscale-white);border-radius:var(--border-radius);outline:none;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));z-index:99;width:-moz-max-content;width:max-content;margin-top:var(--offset-top, 3px);margin-bottom:var(--offset-bottom, 3px);margin-left:var(--offset-left, 0);margin-right:var(--offset-right, 0)}::slotted(ul){display:block;padding:0;margin:0;list-style-type:none;line-height:2rem}.popover-background{cursor:default;position:fixed;z-index:98;inset:0}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$p,create_fragment$s,safe_not_equal,{testid:0,maxwidth:1,width:2,padded:22,position:23,relative:24,autoclose:25,mt:3,mr:4,mb:5,ml:6,open:26,disabled:27,tabindex:7,voffset:8,hoffset:9,focusborderwidth:10,borderradius:11},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","maxwidth","width","padded","position","relative","autoclose","mt","mr","mb","ml","open","disabled","tabindex","voffset","hoffset","focusborderwidth","borderradius"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get maxwidth(){return this.$$.ctx[1];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[2];}set width(width){this.$$set({width});flush();}get padded(){return this.$$.ctx[22];}set padded(padded){this.$$set({padded});flush();}get position(){return this.$$.ctx[23];}set position(position){this.$$set({position});flush();}get relative(){return this.$$.ctx[24];}set relative(relative){this.$$set({relative});flush();}get autoclose(){return this.$$.ctx[25];}set autoclose(autoclose){this.$$set({autoclose});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[26];}set open(open){this.$$set({open});flush();}get disabled(){return this.$$.ctx[27];}set disabled(disabled){this.$$set({disabled});flush();}get tabindex(){return this.$$.ctx[7];}set tabindex(tabindex){this.$$set({tabindex});flush();}get voffset(){return this.$$.ctx[8];}set voffset(voffset){this.$$set({voffset});flush();}get hoffset(){return this.$$.ctx[9];}set hoffset(hoffset){this.$$set({hoffset});flush();}get focusborderwidth(){return this.$$.ctx[10];}set focusborderwidth(focusborderwidth){this.$$set({focusborderwidth});flush();}get borderradius(){return this.$$.ctx[11];}set borderradius(borderradius){this.$$set({borderradius});flush();}}customElements.define("goa-popover",Popover);/* src/components/radio-group/RadioGroup.svelte generated by Svelte v3.59.2 */function get_each_context$4(ctx,list,i){const child_ctx=ctx.slice();child_ctx[22]=list[i];child_ctx[24]=i;return child_ctx;}// (105:6) {#if option.description}
|
|
372
377
|
function create_if_block$d(ctx){let div;let t_value=/*option*/ctx[22].description+"";let t;let div_id_value;return {c(){div=element("div");t=text(t_value);attr(div,"class","goa-radio-description");attr(div,"id",div_id_value=`description-${/*name*/ctx[1]}-${/*index*/ctx[24]}`);},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*options*/512&&t_value!==(t_value=/*option*/ctx[22].description+""))set_data(t,t_value);if(dirty&/*name, options*/514&&div_id_value!==(div_id_value=`description-${/*name*/ctx[1]}-${/*index*/ctx[24]}`)){attr(div,"id",div_id_value);}},d(detaching){if(detaching)detach(div);}};}// (82:2) {#each options as option, index (option.value)}
|
|
373
378
|
function create_each_block$4(key_1,ctx){let div1;let label;let input;let input_value_value;let input_checked_value;let input_aria_label_value;let input_aria_describedby_value;let t0;let div0;let t1;let span;let t2_value=(/*option*/ctx[22].label||/*option*/ctx[22].value)+"";let t2;let label_data_testid_value;let t3;let t4;let mounted;let dispose;function change_handler(){return(/*change_handler*/ctx[16](/*option*/ctx[22]));}let if_block=/*option*/ctx[22].description&&create_if_block$d(ctx);return {key:key_1,first:null,c(){div1=element("div");label=element("label");input=element("input");t0=space();div0=element("div");t1=space();span=element("span");t2=text(t2_value);t3=space();if(if_block)if_block.c();t4=space();attr(input,"type","radio");attr(input,"name",/*name*/ctx[1]);input.value=input_value_value=/*option*/ctx[22].value;input.disabled=/*isDisabled*/ctx[12];input.checked=input_checked_value=/*option*/ctx[22].value===/*value*/ctx[0];attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[1]);attr(input,"aria-describedby",input_aria_describedby_value=`description-${/*name*/ctx[1]}-${/*index*/ctx[24]}`);attr(div0,"class","goa-radio-icon");attr(span,"class","goa-radio-label");attr(label,"data-testid",label_data_testid_value="radio-option-"+/*option*/ctx[22].value);attr(label,"class","goa-radio");toggle_class(label,"goa-radio--disabled",/*isDisabled*/ctx[12]);toggle_class(label,"goa-radio--error",/*isError*/ctx[11]);attr(div1,"class","goa-radio-container");this.first=div1;},m(target,anchor){insert(target,div1,anchor);append(div1,label);append(label,input);append(label,t0);append(label,div0);append(label,t1);append(label,span);append(span,t2);append(div1,t3);if(if_block)if_block.m(div1,null);append(div1,t4);if(!mounted){dispose=listen(input,"change",change_handler);mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty&/*name*/2){attr(input,"name",/*name*/ctx[1]);}if(dirty&/*options*/512&&input_value_value!==(input_value_value=/*option*/ctx[22].value)){input.value=input_value_value;}if(dirty&/*isDisabled*/4096){input.disabled=/*isDisabled*/ctx[12];}if(dirty&/*options, value*/513&&input_checked_value!==(input_checked_value=/*option*/ctx[22].value===/*value*/ctx[0])){input.checked=input_checked_value;}if(dirty&/*arialabel, name*/18&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[1])){attr(input,"aria-label",input_aria_label_value);}if(dirty&/*name, options*/514&&input_aria_describedby_value!==(input_aria_describedby_value=`description-${/*name*/ctx[1]}-${/*index*/ctx[24]}`)){attr(input,"aria-describedby",input_aria_describedby_value);}if(dirty&/*options*/512&&t2_value!==(t2_value=(/*option*/ctx[22].label||/*option*/ctx[22].value)+""))set_data(t2,t2_value);if(dirty&/*options*/512&&label_data_testid_value!==(label_data_testid_value="radio-option-"+/*option*/ctx[22].value)){attr(label,"data-testid",label_data_testid_value);}if(dirty&/*isDisabled*/4096){toggle_class(label,"goa-radio--disabled",/*isDisabled*/ctx[12]);}if(dirty&/*isError*/2048){toggle_class(label,"goa-radio--error",/*isError*/ctx[11]);}if(/*option*/ctx[22].description){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$d(ctx);if_block.c();if_block.m(div1,t4);}}else if(if_block){if_block.d(1);if_block=null;}},d(detaching){if(detaching)detach(div1);if(if_block)if_block.d();mounted=false;dispose();}};}function create_fragment$r(ctx){let div;let slot;let t;let each_blocks=[];let each_1_lookup=new Map();let div_style_value;let div_class_value;let each_value=/*options*/ctx[9];const get_key=ctx=>/*option*/ctx[22].value;for(let i=0;i<each_value.length;i+=1){let child_ctx=get_each_context$4(ctx,each_value,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block$4(key,child_ctx));}return {c(){div=element("div");slot=element("slot");t=space();for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}this.c=noop;attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]));attr(div,"class",div_class_value=`goa-radio-group--${/*orientation*/ctx[2]}`);attr(div,"data-testid",/*testid*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,slot);append(div,t);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(div,null);}}/*div_binding*/ctx[17](div);},p(ctx,[dirty]){if(dirty&/*name, options, isDisabled, isError, value, arialabel, onChange*/14867){each_value=/*options*/ctx[9];each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value,each_1_lookup,div,destroy_block,create_each_block$4,null,get_each_context$4);}if(dirty&/*mt, mr, mb, ml*/480&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]))){attr(div,"style",div_style_value);}if(dirty&/*orientation*/4&&div_class_value!==(div_class_value=`goa-radio-group--${/*orientation*/ctx[2]}`)){attr(div,"class",div_class_value);}if(dirty&/*testid*/8){attr(div,"data-testid",/*testid*/ctx[3]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}/*div_binding*/ctx[17](null);}};}function instance$o($$self,$$props,$$invalidate){let isDisabled;let isError;const[Orientations,validateOrientation]=typeValidator("Radio group orientation",["vertical","horizontal"]);let{name}=$$props;let{value}=$$props;let{orientation="vertical"}=$$props;let{disabled="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let options=[];let el;onMount(async()=>{await tick();$$invalidate(9,options=getOptions());});/**
|
|
374
379
|
* Allows the child elements to be obtainable within unit tests
|
|
@@ -382,7 +387,7 @@ return [...el.children];}/**
|
|
|
382
387
|
* @param newValue Selected value
|
|
383
388
|
*/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
|
|
384
389
|
$$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
|
|
385
|
-
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);/*
|
|
390
|
+
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
391
|
max-height: ${/*maxheight*/ctx[3]||"50vh"};
|
|
387
392
|
overflow-y: ${/*direction*/ctx[0]==="vertical"?'auto':'hidden'};
|
|
388
393
|
overflow-x: ${/*direction*/ctx[0]==="horizontal"?'auto':'hidden'};
|
|
@@ -395,24 +400,24 @@ $$invalidate(12,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*error*/327
|
|
|
395
400
|
margin: ${/*vpadding*/ctx[2]} 0;
|
|
396
401
|
padding: 0 ${/*hpadding*/ctx[1]};
|
|
397
402
|
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[8](null);mounted=false;dispose();}};}function instance$n($$self,$$props,$$invalidate){let{direction="vertical"}=$$props;let{hpadding=""}=$$props;let{vpadding=""}=$$props;let{maxheight=""}=$$props;let{offsetHeight}=$$props;let{scrollHeight}=$$props;// Private
|
|
398
|
-
let _el;function onScroll(e){e.target.dispatchEvent(new CustomEvent("_scroll",{composed:true,detail:{offsetHeight:_el.offsetHeight,scrollHeight:_el.scrollHeight,scrollTop:_el.scrollTop}}));e.stopPropagation();}onMount(async()=>{await tick();$$invalidate(6,offsetHeight=_el.offsetHeight);$$invalidate(7,scrollHeight=_el.scrollHeight);});function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(4,_el);});}$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);if('hpadding'in $$props)$$invalidate(1,hpadding=$$props.hpadding);if('vpadding'in $$props)$$invalidate(2,vpadding=$$props.vpadding);if('maxheight'in $$props)$$invalidate(3,maxheight=$$props.maxheight);if('offsetHeight'in $$props)$$invalidate(6,offsetHeight=$$props.offsetHeight);if('scrollHeight'in $$props)$$invalidate(7,scrollHeight=$$props.scrollHeight);};return [direction,hpadding,vpadding,maxheight,_el,onScroll,offsetHeight,scrollHeight,div_binding];}class Scrollable extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.goa-scrollable{scroll-behavior:smooth}.goa-scrollable::-webkit-scrollbar{width:6px}.goa-scrollable::-webkit-scrollbar-track{background:#f1f1f1}.goa-scrollable::-webkit-scrollbar-thumb{background:#888}.goa-scrollable::-webkit-scrollbar-thumb:hover{background:#555}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$n,create_fragment$q,safe_not_equal,{direction:0,hpadding:1,vpadding:2,maxheight:3,offsetHeight:6,scrollHeight: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 ["direction","hpadding","vpadding","maxheight","offsetHeight","scrollHeight"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}get hpadding(){return this.$$.ctx[1];}set hpadding(hpadding){this.$$set({hpadding});flush();}get vpadding(){return this.$$.ctx[2];}set vpadding(vpadding){this.$$set({vpadding});flush();}get maxheight(){return this.$$.ctx[3];}set maxheight(maxheight){this.$$set({maxheight});flush();}get offsetHeight(){return this.$$.ctx[6];}set offsetHeight(offsetHeight){this.$$set({offsetHeight});flush();}get scrollHeight(){return this.$$.ctx[7];}set scrollHeight(scrollHeight){this.$$set({scrollHeight});flush();}}customElements.define("goa-scrollable",Scrollable);/*
|
|
403
|
+
let _el;function onScroll(e){e.target.dispatchEvent(new CustomEvent("_scroll",{composed:true,detail:{offsetHeight:_el.offsetHeight,scrollHeight:_el.scrollHeight,scrollTop:_el.scrollTop}}));e.stopPropagation();}onMount(async()=>{await tick();$$invalidate(6,offsetHeight=_el.offsetHeight);$$invalidate(7,scrollHeight=_el.scrollHeight);});function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(4,_el);});}$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);if('hpadding'in $$props)$$invalidate(1,hpadding=$$props.hpadding);if('vpadding'in $$props)$$invalidate(2,vpadding=$$props.vpadding);if('maxheight'in $$props)$$invalidate(3,maxheight=$$props.maxheight);if('offsetHeight'in $$props)$$invalidate(6,offsetHeight=$$props.offsetHeight);if('scrollHeight'in $$props)$$invalidate(7,scrollHeight=$$props.scrollHeight);};return [direction,hpadding,vpadding,maxheight,_el,onScroll,offsetHeight,scrollHeight,div_binding];}class Scrollable extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.goa-scrollable{scroll-behavior:smooth}.goa-scrollable::-webkit-scrollbar{width:6px}.goa-scrollable::-webkit-scrollbar-track{background:#f1f1f1}.goa-scrollable::-webkit-scrollbar-thumb{background:#888}.goa-scrollable::-webkit-scrollbar-thumb:hover{background:#555}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$n,create_fragment$q,safe_not_equal,{direction:0,hpadding:1,vpadding:2,maxheight:3,offsetHeight:6,scrollHeight: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 ["direction","hpadding","vpadding","maxheight","offsetHeight","scrollHeight"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}get hpadding(){return this.$$.ctx[1];}set hpadding(hpadding){this.$$set({hpadding});flush();}get vpadding(){return this.$$.ctx[2];}set vpadding(vpadding){this.$$set({vpadding});flush();}get maxheight(){return this.$$.ctx[3];}set maxheight(maxheight){this.$$set({maxheight});flush();}get offsetHeight(){return this.$$.ctx[6];}set offsetHeight(offsetHeight){this.$$set({offsetHeight});flush();}get scrollHeight(){return this.$$.ctx[7];}set scrollHeight(scrollHeight){this.$$set({scrollHeight});flush();}}customElements.define("goa-scrollable",Scrollable);/* src/components/skeleton/Skeleton.svelte generated by Svelte v3.59.2 */function get_each_context$3(ctx,list,i){const child_ctx=ctx.slice();child_ctx[13]=list[i];return child_ctx;}// (81:2) {:else}
|
|
399
404
|
function create_else_block$7(ctx){let div;let div_class_value;return {c(){div=element("div");attr(div,"class",div_class_value="skeleton "+/*type*/ctx[3]+" "+`${/*type*/ctx[3]}-${/*size*/ctx[1]}`);},m(target,anchor){insert(target,div,anchor);},p(ctx,dirty){if(dirty&/*type, size*/10&&div_class_value!==(div_class_value="skeleton "+/*type*/ctx[3]+" "+`${/*type*/ctx[3]}-${/*size*/ctx[1]}`)){attr(div,"class",div_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}// (68:31)
|
|
400
405
|
function create_if_block_3$5(ctx){let div3;let div2;let div0;let skeleton0;let t0;let div1;let skeleton1;let t1;let skeleton2;let t2;let skeleton3;let current;skeleton0=new Skeleton({props:{type:"image",size:/*size*/ctx[1]}});skeleton1=new Skeleton({props:{type:"header",size:"4"}});skeleton2=new Skeleton({props:{type:"header",size:"1"}});skeleton3=new Skeleton({props:{type:"lines",size:/*size*/ctx[1]}});return {c(){div3=element("div");div2=element("div");div0=element("div");create_component(skeleton0.$$.fragment);t0=space();div1=element("div");create_component(skeleton1.$$.fragment);t1=space();create_component(skeleton2.$$.fragment);t2=space();create_component(skeleton3.$$.fragment);set_style(div0,"flex","1 1 auto");set_style(div1,"flex","2 2 auto");set_style(div2,"display","flex");set_style(div2,"gap","1rem");},m(target,anchor){insert(target,div3,anchor);append(div3,div2);append(div2,div0);mount_component(skeleton0,div0,null);append(div2,t0);append(div2,div1);mount_component(skeleton1,div1,null);append(div1,t1);mount_component(skeleton2,div1,null);append(div3,t2);mount_component(skeleton3,div3,null);current=true;},p(ctx,dirty){const skeleton0_changes={};if(dirty&/*size*/2)skeleton0_changes.size=/*size*/ctx[1];skeleton0.$set(skeleton0_changes);const skeleton3_changes={};if(dirty&/*size*/2)skeleton3_changes.size=/*size*/ctx[1];skeleton3.$set(skeleton3_changes);},i(local){if(current)return;transition_in(skeleton0.$$.fragment,local);transition_in(skeleton1.$$.fragment,local);transition_in(skeleton2.$$.fragment,local);transition_in(skeleton3.$$.fragment,local);current=true;},o(local){transition_out(skeleton0.$$.fragment,local);transition_out(skeleton1.$$.fragment,local);transition_out(skeleton2.$$.fragment,local);transition_out(skeleton3.$$.fragment,local);current=false;},d(detaching){if(detaching)detach(div3);destroy_component(skeleton0);destroy_component(skeleton1);destroy_component(skeleton2);destroy_component(skeleton3);}};}// (64:29)
|
|
401
406
|
function create_if_block_2$5(ctx){let each_1_anchor;let current;let each_value=Array(Number.parseInt(/*linecount*/ctx[2]+""));let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$3(get_each_context$3(ctx,each_value,i));}const out=i=>transition_out(each_blocks[i],1,1,()=>{each_blocks[i]=null;});return {c(){for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}each_1_anchor=empty();},m(target,anchor){for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(target,anchor);}}insert(target,each_1_anchor,anchor);current=true;},p(ctx,dirty){if(dirty&/*size, linecount*/6){each_value=Array(Number.parseInt(/*linecount*/ctx[2]+""));let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$3(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);transition_in(each_blocks[i],1);}else {each_blocks[i]=create_each_block$3(child_ctx);each_blocks[i].c();transition_in(each_blocks[i],1);each_blocks[i].m(each_1_anchor.parentNode,each_1_anchor);}}group_outros();for(i=each_value.length;i<each_blocks.length;i+=1){out(i);}check_outros();}},i(local){if(current)return;for(let i=0;i<each_value.length;i+=1){transition_in(each_blocks[i]);}current=true;},o(local){each_blocks=each_blocks.filter(Boolean);for(let i=0;i<each_blocks.length;i+=1){transition_out(each_blocks[i]);}current=false;},d(detaching){destroy_each(each_blocks,detaching);if(detaching)detach(each_1_anchor);}};}// (54:31)
|
|
402
407
|
function create_if_block_1$6(ctx){let div2;let div0;let skeleton0;let t0;let div1;let skeleton1;let t1;let skeleton2;let div2_class_value;let current;skeleton0=new Skeleton({props:{type:"avatar",size:/*size*/ctx[1]}});skeleton1=new Skeleton({props:{type:"title",size:/*size*/ctx[1]}});skeleton2=new Skeleton({props:{type:"text-small",size:/*size*/ctx[1]}});return {c(){div2=element("div");div0=element("div");create_component(skeleton0.$$.fragment);t0=space();div1=element("div");create_component(skeleton1.$$.fragment);t1=space();create_component(skeleton2.$$.fragment);attr(div0,"class","profile-avatar");attr(div1,"class","profile-name");attr(div2,"class",div2_class_value="profile profile-"+/*size*/ctx[1]);},m(target,anchor){insert(target,div2,anchor);append(div2,div0);mount_component(skeleton0,div0,null);append(div2,t0);append(div2,div1);mount_component(skeleton1,div1,null);append(div1,t1);mount_component(skeleton2,div1,null);current=true;},p(ctx,dirty){const skeleton0_changes={};if(dirty&/*size*/2)skeleton0_changes.size=/*size*/ctx[1];skeleton0.$set(skeleton0_changes);const skeleton1_changes={};if(dirty&/*size*/2)skeleton1_changes.size=/*size*/ctx[1];skeleton1.$set(skeleton1_changes);const skeleton2_changes={};if(dirty&/*size*/2)skeleton2_changes.size=/*size*/ctx[1];skeleton2.$set(skeleton2_changes);if(!current||dirty&/*size*/2&&div2_class_value!==(div2_class_value="profile profile-"+/*size*/ctx[1])){attr(div2,"class",div2_class_value);}},i(local){if(current)return;transition_in(skeleton0.$$.fragment,local);transition_in(skeleton1.$$.fragment,local);transition_in(skeleton2.$$.fragment,local);current=true;},o(local){transition_out(skeleton0.$$.fragment,local);transition_out(skeleton1.$$.fragment,local);transition_out(skeleton2.$$.fragment,local);current=false;},d(detaching){if(detaching)detach(div2);destroy_component(skeleton0);destroy_component(skeleton1);destroy_component(skeleton2);}};}// (43:2) {#if type === "card"}
|
|
403
408
|
function create_if_block$c(ctx){let div1;let skeleton0;let t0;let div0;let skeleton1;let t1;let skeleton2;let div1_class_value;let current;skeleton0=new Skeleton({props:{type:"image",size:/*size*/ctx[1]}});skeleton1=new Skeleton({props:{type:"header",size:/*size*/ctx[1]}});skeleton2=new Skeleton({props:{type:"lines",size:/*size*/ctx[1],linecount:/*linecount*/ctx[2]}});return {c(){div1=element("div");create_component(skeleton0.$$.fragment);t0=space();div0=element("div");create_component(skeleton1.$$.fragment);t1=space();create_component(skeleton2.$$.fragment);attr(div0,"class","card-content");attr(div1,"class",div1_class_value="card card-"+/*size*/ctx[1]);set_style(div1,"--max-width",/*maxwidth*/ctx[0]);},m(target,anchor){insert(target,div1,anchor);mount_component(skeleton0,div1,null);append(div1,t0);append(div1,div0);mount_component(skeleton1,div0,null);append(div0,t1);mount_component(skeleton2,div0,null);current=true;},p(ctx,dirty){const skeleton0_changes={};if(dirty&/*size*/2)skeleton0_changes.size=/*size*/ctx[1];skeleton0.$set(skeleton0_changes);const skeleton1_changes={};if(dirty&/*size*/2)skeleton1_changes.size=/*size*/ctx[1];skeleton1.$set(skeleton1_changes);const skeleton2_changes={};if(dirty&/*size*/2)skeleton2_changes.size=/*size*/ctx[1];if(dirty&/*linecount*/4)skeleton2_changes.linecount=/*linecount*/ctx[2];skeleton2.$set(skeleton2_changes);if(!current||dirty&/*size*/2&&div1_class_value!==(div1_class_value="card card-"+/*size*/ctx[1])){attr(div1,"class",div1_class_value);}if(!current||dirty&/*maxwidth*/1){set_style(div1,"--max-width",/*maxwidth*/ctx[0]);}},i(local){if(current)return;transition_in(skeleton0.$$.fragment,local);transition_in(skeleton1.$$.fragment,local);transition_in(skeleton2.$$.fragment,local);current=true;},o(local){transition_out(skeleton0.$$.fragment,local);transition_out(skeleton1.$$.fragment,local);transition_out(skeleton2.$$.fragment,local);current=false;},d(detaching){if(detaching)detach(div1);destroy_component(skeleton0);destroy_component(skeleton1);destroy_component(skeleton2);}};}// (65:4) {#each Array(Number.parseInt(linecount+"")) as _item}
|
|
404
|
-
function create_each_block$3(ctx){let skeleton;let current;skeleton=new Skeleton({props:{type:"text",size:/*size*/ctx[1],linecount:/*linecount*/ctx[2]}});return {c(){create_component(skeleton.$$.fragment);},m(target,anchor){mount_component(skeleton,target,anchor);current=true;},p(ctx,dirty){const skeleton_changes={};if(dirty&/*size*/2)skeleton_changes.size=/*size*/ctx[1];if(dirty&/*linecount*/4)skeleton_changes.linecount=/*linecount*/ctx[2];skeleton.$set(skeleton_changes);},i(local){if(current)return;transition_in(skeleton.$$.fragment,local);current=true;},o(local){transition_out(skeleton.$$.fragment,local);current=false;},d(detaching){destroy_component(skeleton,detaching);}};}function create_fragment$p(ctx){let div;let current_block_type_index;let if_block;let div_style_value;let current;const if_block_creators=[create_if_block$c,create_if_block_1$6,create_if_block_2$5,create_if_block_3$5,create_else_block$7];const if_blocks=[];function select_block_type(ctx,dirty){if(/*type*/ctx[3]==="card")return 0;if(/*type*/ctx[3]==="profile")return 1;if(/*type*/ctx[3]==="lines")return 2;if(/*type*/ctx[3]==="article")return 3;return 4;}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(){div=element("div");if_block.c();this.c=noop;attr(div,"data-testid",/*testid*/ctx[4]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8])+";"));},m(target,anchor){insert(target,div,anchor);if_blocks[current_block_type_index].m(div,null);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_blocks[current_block_type_index].p(ctx,dirty);}else {group_outros();transition_out(if_blocks[previous_block_index],1,1,()=>{if_blocks[previous_block_index]=null;});check_outros();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(div,null);}if(!current||dirty&/*testid*/16){attr(div,"data-testid",/*testid*/ctx[4]);}if(!current||dirty&/*mt, mr, mb, ml*/480&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8])+";"))){attr(div,"style",div_style_value);}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(detaching)detach(div);if_blocks[current_block_type_index].d();}};}function instance$m($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Skeleton type",["image","text","title","text-small","avatar","header","paragraph","thumbnail","card","lines","profile","article"],true);const[Sizes,validateSize]=typeValidator("Skeleton size",["1","2","3","4"]);let{maxwidth=""}=$$props;let{size="1"}=$$props;let{linecount=3}=$$props;let{type}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);validateSize(size);});$$self.$$set=$$props=>{if('maxwidth'in $$props)$$invalidate(0,maxwidth=$$props.maxwidth);if('size'in $$props)$$invalidate(1,size=$$props.size);if('linecount'in $$props)$$invalidate(2,linecount=$$props.linecount);if('type'in $$props)$$invalidate(3,type=$$props.type);if('testid'in $$props)$$invalidate(4,testid=$$props.testid);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);};return [maxwidth,size,linecount,type,testid,mt,mr,mb,ml];}class Skeleton extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--goa-color-greyscale-100);animation:pulse 2s infinite ease-in-out;overflow:hidden;margin:10px 0}.image,.image-1{background-color:var(--goa-color-greyscale-100);flex:1 1 100px;height:100px;margin:0}.image-2{height:140px}.image-3{height:200px}.image-4{height:300px}.text,.text-1,.text-2,.text-3,.text-4{width:100%;height:.75rem;border-radius:0.25rem;margin:6px 0}.title,.title-1,.title-2{width:100%;height:.75rem;border-radius:0.25rem}.title-3{height:.8rem}.title-4{height:1rem}.text-small,.text-small-1{width:30%;height:6px;border-radius:2px}.text-small-2{width:40%;height:8px;border-radius:2px}.text-small-3{width:50%;height:10px;border-radius:3px}.text-small-4{width:70%;height:12px;border-radius:4px}.paragraph{width:100%;height:70px;border-radius:4px}.header,.header-1{width:50%;height:18px;margin:12px 0;border-radius:0.25rem}.header-2{width:60%;height:20px;margin:14px 0;border-radius:0.25rem}.header-3{width:70%;height:22px;margin:16px 0;border-radius:0.25rem}.header-4{width:80%;height:24px;margin:18px 0;border-radius:0.3rem}.avatar{display:inline-block}.avatar,.avatar-1{width:40px;height:40px;border-radius:50%}.avatar-2{width:60px;height:60px;border-radius:50%}.avatar-3{width:80px;height:80px;border-radius:50%}.avatar-4{width:120px;height:120px;border-radius:50%}.thumbnail{display:inline-block}.thumbnail,.thumbnail-1{width:40px;height:40px;border-radius:4px}.thumbnail-2{width:60px;height:60px;border-radius:4px}.thumbnail-3{width:80px;height:80px;border-radius:4px}.thumbnail-4{width:120px;height:120px;border-radius:4px}.card{display:inline-block}.card,.card-1,.card-2,.card-3,.card-4{border:1px solid var(--goa-color-greyscale-100);border-radius:4px}.card{width:100%}@media(
|
|
409
|
+
function create_each_block$3(ctx){let skeleton;let current;skeleton=new Skeleton({props:{type:"text",size:/*size*/ctx[1],linecount:/*linecount*/ctx[2]}});return {c(){create_component(skeleton.$$.fragment);},m(target,anchor){mount_component(skeleton,target,anchor);current=true;},p(ctx,dirty){const skeleton_changes={};if(dirty&/*size*/2)skeleton_changes.size=/*size*/ctx[1];if(dirty&/*linecount*/4)skeleton_changes.linecount=/*linecount*/ctx[2];skeleton.$set(skeleton_changes);},i(local){if(current)return;transition_in(skeleton.$$.fragment,local);current=true;},o(local){transition_out(skeleton.$$.fragment,local);current=false;},d(detaching){destroy_component(skeleton,detaching);}};}function create_fragment$p(ctx){let div;let current_block_type_index;let if_block;let div_style_value;let current;const if_block_creators=[create_if_block$c,create_if_block_1$6,create_if_block_2$5,create_if_block_3$5,create_else_block$7];const if_blocks=[];function select_block_type(ctx,dirty){if(/*type*/ctx[3]==="card")return 0;if(/*type*/ctx[3]==="profile")return 1;if(/*type*/ctx[3]==="lines")return 2;if(/*type*/ctx[3]==="article")return 3;return 4;}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(){div=element("div");if_block.c();this.c=noop;attr(div,"data-testid",/*testid*/ctx[4]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8])+";"));},m(target,anchor){insert(target,div,anchor);if_blocks[current_block_type_index].m(div,null);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_blocks[current_block_type_index].p(ctx,dirty);}else {group_outros();transition_out(if_blocks[previous_block_index],1,1,()=>{if_blocks[previous_block_index]=null;});check_outros();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(div,null);}if(!current||dirty&/*testid*/16){attr(div,"data-testid",/*testid*/ctx[4]);}if(!current||dirty&/*mt, mr, mb, ml*/480&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8])+";"))){attr(div,"style",div_style_value);}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(detaching)detach(div);if_blocks[current_block_type_index].d();}};}function instance$m($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Skeleton type",["image","text","title","text-small","avatar","header","paragraph","thumbnail","card","lines","profile","article"],true);const[Sizes,validateSize]=typeValidator("Skeleton size",["1","2","3","4"]);let{maxwidth=""}=$$props;let{size="1"}=$$props;let{linecount=3}=$$props;let{type}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);validateSize(size);});$$self.$$set=$$props=>{if('maxwidth'in $$props)$$invalidate(0,maxwidth=$$props.maxwidth);if('size'in $$props)$$invalidate(1,size=$$props.size);if('linecount'in $$props)$$invalidate(2,linecount=$$props.linecount);if('type'in $$props)$$invalidate(3,type=$$props.type);if('testid'in $$props)$$invalidate(4,testid=$$props.testid);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);};return [maxwidth,size,linecount,type,testid,mt,mr,mb,ml];}class Skeleton extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes pulse{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.skeleton{background-color:var(--goa-color-greyscale-100);animation:pulse 2s infinite ease-in-out;overflow:hidden;margin:10px 0}.image,.image-1{background-color:var(--goa-color-greyscale-100);flex:1 1 100px;height:100px;margin:0}.image-2{height:140px}.image-3{height:200px}.image-4{height:300px}.text,.text-1,.text-2,.text-3,.text-4{width:100%;height:.75rem;border-radius:0.25rem;margin:6px 0}.title,.title-1,.title-2{width:100%;height:.75rem;border-radius:0.25rem}.title-3{height:.8rem}.title-4{height:1rem}.text-small,.text-small-1{width:30%;height:6px;border-radius:2px}.text-small-2{width:40%;height:8px;border-radius:2px}.text-small-3{width:50%;height:10px;border-radius:3px}.text-small-4{width:70%;height:12px;border-radius:4px}.paragraph{width:100%;height:70px;border-radius:4px}.header,.header-1{width:50%;height:18px;margin:12px 0;border-radius:0.25rem}.header-2{width:60%;height:20px;margin:14px 0;border-radius:0.25rem}.header-3{width:70%;height:22px;margin:16px 0;border-radius:0.25rem}.header-4{width:80%;height:24px;margin:18px 0;border-radius:0.3rem}.avatar{display:inline-block}.avatar,.avatar-1{width:40px;height:40px;border-radius:50%}.avatar-2{width:60px;height:60px;border-radius:50%}.avatar-3{width:80px;height:80px;border-radius:50%}.avatar-4{width:120px;height:120px;border-radius:50%}.thumbnail{display:inline-block}.thumbnail,.thumbnail-1{width:40px;height:40px;border-radius:4px}.thumbnail-2{width:60px;height:60px;border-radius:4px}.thumbnail-3{width:80px;height:80px;border-radius:4px}.thumbnail-4{width:120px;height:120px;border-radius:4px}.card{display:inline-block}.card,.card-1,.card-2,.card-3,.card-4{border:1px solid var(--goa-color-greyscale-100);border-radius:4px}.card{width:100%}@media screen and (max-width: 623px){@media not (max-color:2147477350){.card{max-width:var(--max-width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.card{max-width:var(--max-width)}}}.card-content{flex:1 1 auto;padding:1rem}.profile{display:flex;flex-direction:row;align-items:center}.profile-1{max-width:280px;gap:1rem}.profile-2{max-width:360px;gap:1rem}.profile-3{max-width:480px;gap:1rem}.profile-4{max-width:560px;gap:1rem}.profile .profile-avatar{flex-shrink:0}.profile .profile-name{flex:1 1 auto}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$m,create_fragment$p,safe_not_equal,{maxwidth:0,size:1,linecount:2,type:3,testid: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 ["maxwidth","size","linecount","type","testid","mt","mr","mb","ml"];}get maxwidth(){return this.$$.ctx[0];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get linecount(){return this.$$.ctx[2];}set linecount(linecount){this.$$set({linecount});flush();}get type(){return this.$$.ctx[3];}set type(type){this.$$set({type});flush();}get testid(){return this.$$.ctx[4];}set testid(testid){this.$$set({testid});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-skeleton",Skeleton);/* src/components/spacer/Spacer.svelte generated by Svelte v3.59.2 */function create_fragment$o(ctx){let div;return {c(){div=element("div");this.c=noop;},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[3](div);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[3](null);}};}function instance$l($$self,$$props,$$invalidate){let{hspacing="none"}=$$props;let{vspacing="none"}=$$props;let rootEl;onMount(()=>{injectCss(rootEl,":host",{display:"block",width:hspacing==="fill"?"100%":`var(--goa-space-${hspacing})`,height:`var(--goa-space-${vspacing})`});});function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(0,rootEl);});}$$self.$$set=$$props=>{if('hspacing'in $$props)$$invalidate(1,hspacing=$$props.hspacing);if('vspacing'in $$props)$$invalidate(2,vspacing=$$props.vspacing);};return [rootEl,hspacing,vspacing,div_binding];}class Spacer extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$l,create_fragment$o,safe_not_equal,{hspacing:1,vspacing: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 ["hspacing","vspacing"];}get hspacing(){return this.$$.ctx[1];}set hspacing(hspacing){this.$$set({hspacing});flush();}get vspacing(){return this.$$.ctx[2];}set vspacing(vspacing){this.$$set({vspacing});flush();}}customElements.define("goa-spacer",Spacer);const subscriber_queue=[];/**
|
|
405
410
|
* Create a `Writable` store that allows both updating and reading by subscription.
|
|
406
411
|
* @param {*=}value initial value
|
|
407
412
|
* @param {StartStopNotifier=} start
|
|
408
413
|
*/function writable(value,start=noop){let stop;const subscribers=new Set();function set(new_value){if(safe_not_equal(value,new_value)){value=new_value;if(stop){// store is ready
|
|
409
414
|
const run_queue=!subscriber_queue.length;for(const subscriber of subscribers){subscriber[1]();subscriber_queue.push(subscriber,value);}if(run_queue){for(let i=0;i<subscriber_queue.length;i+=2){subscriber_queue[i][0](subscriber_queue[i+1]);}subscriber_queue.length=0;}}}}function update(fn){set(fn(value));}function subscribe(run,invalidate=noop){const subscriber=[run,invalidate];subscribers.add(subscriber);if(subscribers.size===1){stop=start(set)||noop;}run(value);return ()=>{subscribers.delete(subscriber);if(subscribers.size===0&&stop){stop();stop=null;}};}return {set,update,subscribe};}function is_date(obj){return Object.prototype.toString.call(obj)==='[object Date]';}function get_interpolator(a,b){if(a===b||a!==a)return ()=>a;const type=typeof a;if(type!==typeof b||Array.isArray(a)!==Array.isArray(b)){throw new Error('Cannot interpolate values of different type');}if(Array.isArray(a)){const arr=b.map((bi,i)=>{return get_interpolator(a[i],bi);});return t=>arr.map(fn=>fn(t));}if(type==='object'){if(!a||!b)throw new Error('Object cannot be null');if(is_date(a)&&is_date(b)){a=a.getTime();b=b.getTime();const delta=b-a;return t=>new Date(a+t*delta);}const keys=Object.keys(b);const interpolators={};keys.forEach(key=>{interpolators[key]=get_interpolator(a[key],b[key]);});return t=>{const result={};keys.forEach(key=>{result[key]=interpolators[key](t);});return result;};}if(type==='number'){const delta=b-a;return t=>a+t*delta;}throw new Error(`Cannot interpolate ${type} values`);}function tweened(value,defaults={}){const store=writable(value);let task;let target_value=value;function set(new_value,opts){if(value==null){store.set(value=new_value);return Promise.resolve();}target_value=new_value;let previous_task=task;let started=false;let{delay=0,duration=400,easing=identity,interpolate=get_interpolator}=assign(assign({},defaults),opts);if(duration===0){if(previous_task){previous_task.abort();previous_task=null;}store.set(value=target_value);return Promise.resolve();}const start=now()+delay;let fn;task=loop(now=>{if(now<start)return true;if(!started){fn=interpolate(value,new_value);if(typeof duration==='function')duration=duration(value,new_value);started=true;}if(previous_task){previous_task.abort();previous_task=null;}const elapsed=now-start;if(elapsed>duration){store.set(value=new_value);return false;}// @ts-ignore
|
|
410
|
-
store.set(value=fn(easing(elapsed/duration)));return true;});return task.promise;}return {set,update:(fn,opts)=>set(fn(target_value,value),opts),subscribe:store.subscribe};}/*
|
|
415
|
+
store.set(value=fn(easing(elapsed/duration)));return true;});return task.promise;}return {set,update:(fn,opts)=>set(fn(target_value,value),opts),subscribe:store.subscribe};}/* src/components/spinner/Spinner.svelte generated by Svelte v3.59.2 */function create_if_block$b(ctx){let svg;let circle;let circle_stroke_value;let circle_r_value;let path;let path_d_value;let path_stroke_value;let svg_class_value;let svg_viewBox_value;return {c(){svg=svg_element("svg");circle=svg_element("circle");path=svg_element("path");attr(circle,"cx",/*radius*/ctx[3]);attr(circle,"cy",/*radius*/ctx[3]);attr(circle,"stroke",circle_stroke_value=/*invert*/ctx[0]?"var(--goa-color-info-hover)":"var(--goa-color-brand-light)");attr(circle,"stroke-width",/*strokewidth*/ctx[4]);attr(circle,"r",circle_r_value=/*radius*/ctx[3]-/*strokewidth*/ctx[4]/2);attr(path,"d",path_d_value=/*getArc*/ctx[9](/*$_progress*/ctx[7]));attr(path,"stroke-width",/*strokewidth*/ctx[4]);attr(path,"stroke",path_stroke_value=/*invert*/ctx[0]?"var(--goa-color-brand-light)":"var(--goa-color-info-default)");attr(path,"stroke-linecap","round");attr(svg,"class",svg_class_value=`spinner-${/*type*/ctx[2]}`);attr(svg,"fill","none");attr(svg,"viewBox",svg_viewBox_value="0 0 "+/*diameter*/ctx[5]+" "+/*diameter*/ctx[5]);attr(svg,"width",/*diameter*/ctx[5]);attr(svg,"height",/*diameter*/ctx[5]);attr(svg,"data-testid",/*testid*/ctx[1]);attr(svg,"xmlns","http://www.w3.org/2000/svg");},m(target,anchor){insert(target,svg,anchor);append(svg,circle);append(svg,path);},p(ctx,dirty){if(dirty&/*radius*/8){attr(circle,"cx",/*radius*/ctx[3]);}if(dirty&/*radius*/8){attr(circle,"cy",/*radius*/ctx[3]);}if(dirty&/*invert*/1&&circle_stroke_value!==(circle_stroke_value=/*invert*/ctx[0]?"var(--goa-color-info-hover)":"var(--goa-color-brand-light)")){attr(circle,"stroke",circle_stroke_value);}if(dirty&/*strokewidth*/16){attr(circle,"stroke-width",/*strokewidth*/ctx[4]);}if(dirty&/*radius, strokewidth*/24&&circle_r_value!==(circle_r_value=/*radius*/ctx[3]-/*strokewidth*/ctx[4]/2)){attr(circle,"r",circle_r_value);}if(dirty&/*$_progress*/128&&path_d_value!==(path_d_value=/*getArc*/ctx[9](/*$_progress*/ctx[7]))){attr(path,"d",path_d_value);}if(dirty&/*strokewidth*/16){attr(path,"stroke-width",/*strokewidth*/ctx[4]);}if(dirty&/*invert*/1&&path_stroke_value!==(path_stroke_value=/*invert*/ctx[0]?"var(--goa-color-brand-light)":"var(--goa-color-info-default)")){attr(path,"stroke",path_stroke_value);}if(dirty&/*type*/4&&svg_class_value!==(svg_class_value=`spinner-${/*type*/ctx[2]}`)){attr(svg,"class",svg_class_value);}if(dirty&/*diameter*/32&&svg_viewBox_value!==(svg_viewBox_value="0 0 "+/*diameter*/ctx[5]+" "+/*diameter*/ctx[5])){attr(svg,"viewBox",svg_viewBox_value);}if(dirty&/*diameter*/32){attr(svg,"width",/*diameter*/ctx[5]);}if(dirty&/*diameter*/32){attr(svg,"height",/*diameter*/ctx[5]);}if(dirty&/*testid*/2){attr(svg,"data-testid",/*testid*/ctx[1]);}},d(detaching){if(detaching)detach(svg);}};}function create_fragment$n(ctx){let if_block_anchor;let if_block=/*ready*/ctx[6]&&create_if_block$b(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);},p(ctx,[dirty]){if(/*ready*/ctx[6]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$b(ctx);if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}else if(if_block){if_block.d(1);if_block=null;}},i:noop,o:noop,d(detaching){if(if_block)if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}function instance$k($$self,$$props,$$invalidate){let diameter;let strokewidth;let radius;let pathRadius;let ready;let $_progress;let{size}=$$props;let{invert=false}=$$props;let{progress=-1}=$$props;let{testid=""}=$$props;let type="infinite";const _progress=tweened(0,{duration:500,easing:quartOut});component_subscribe($$self,_progress,value=>$$invalidate(7,$_progress=value));// Functions
|
|
411
416
|
function getCoords(radians){const x=radius+pathRadius*Math.cos(radians);const y=radius+pathRadius*Math.sin(radians);return x+" "+y;}function getArc(progress){switch(type){case"progress":{const start=getCoords(-Math.PI/2);const end=getCoords(-Math.PI/2+2*Math.PI*(progress/100));const largeArcFlag=progress%100<50?0:1;return `M ${start} A ${pathRadius} ${pathRadius} 0 ${largeArcFlag} 1 ${end}`;}case"infinite":{const start=getCoords(Math.PI*1.5);const end=getCoords(0);return `M ${start} A ${pathRadius} ${pathRadius} 0 1 0 ${end}`;}}}$$self.$$set=$$props=>{if('size'in $$props)$$invalidate(10,size=$$props.size);if('invert'in $$props)$$invalidate(0,invert=$$props.invert);if('progress'in $$props)$$invalidate(11,progress=$$props.progress);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*progress*/2048){// Reactive
|
|
412
417
|
{// Typescript recognizes `progress` as a number, but once compiled, due to it being a web component, progress is a string.
|
|
413
418
|
// This line makes both sides happy.
|
|
414
419
|
const p=parseFloat(progress+'');if(p>=0){_progress.set(p||1);// start at 1 to prevent incorrect arc calculations
|
|
415
|
-
$$invalidate(2,type="progress");}}}if($$self.$$.dirty&/*size*/1024){$$invalidate(5,diameter=size&&{small:16,medium:32,large:64,xlarge:100}[size]);}if($$self.$$.dirty&/*size*/1024){$$invalidate(4,strokewidth=size&&{small:2,medium:4,large:7,xlarge:9}[size]);}if($$self.$$.dirty&/*diameter*/32){$$invalidate(3,radius=diameter/2);}if($$self.$$.dirty&/*radius, strokewidth*/24){$$invalidate(12,pathRadius=radius-strokewidth/2);}if($$self.$$.dirty&/*type, pathRadius, progress*/6148){$$invalidate(6,ready=type==="infinite"?pathRadius:pathRadius&&progress);}};return [invert,testid,type,radius,strokewidth,diameter,ready,$_progress,_progress,getArc,size,progress,pathRadius];}class Spinner extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner-infinite{animation:rotate 2s linear infinite}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$k,create_fragment$n,safe_not_equal,{size:10,invert:0,progress:11,testid: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 ["size","invert","progress","testid"];}get size(){return this.$$.ctx[10];}set size(size){this.$$set({size});flush();}get invert(){return this.$$.ctx[0];}set invert(invert){this.$$set({invert});flush();}get progress(){return this.$$.ctx[11];}set progress(progress){this.$$set({progress});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-spinner",Spinner);/*
|
|
420
|
+
$$invalidate(2,type="progress");}}}if($$self.$$.dirty&/*size*/1024){$$invalidate(5,diameter=size&&{small:16,medium:32,large:64,xlarge:100}[size]);}if($$self.$$.dirty&/*size*/1024){$$invalidate(4,strokewidth=size&&{small:2,medium:4,large:7,xlarge:9}[size]);}if($$self.$$.dirty&/*diameter*/32){$$invalidate(3,radius=diameter/2);}if($$self.$$.dirty&/*radius, strokewidth*/24){$$invalidate(12,pathRadius=radius-strokewidth/2);}if($$self.$$.dirty&/*type, pathRadius, progress*/6148){$$invalidate(6,ready=type==="infinite"?pathRadius:pathRadius&&progress);}};return [invert,testid,type,radius,strokewidth,diameter,ready,$_progress,_progress,getArc,size,progress,pathRadius];}class Spinner extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}@keyframes rotate{100%{transform:rotate(360deg)}}.spinner-infinite{animation:rotate 2s linear infinite}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$k,create_fragment$n,safe_not_equal,{size:10,invert:0,progress:11,testid: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 ["size","invert","progress","testid"];}get size(){return this.$$.ctx[10];}set size(size){this.$$set({size});flush();}get invert(){return this.$$.ctx[0];}set invert(invert){this.$$set({invert});flush();}get progress(){return this.$$.ctx[11];}set progress(progress){this.$$set({progress});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-spinner",Spinner);/* src/components/table/Table.svelte generated by Svelte v3.59.2 */function create_else_block$6(ctx){let table;let slot;let table_style_value;return {c(){table=element("table");slot=element("slot");attr(table,"style",table_style_value=/*width*/ctx[0]&&"width: 100%;");},m(target,anchor){insert(target,table,anchor);append(table,slot);},p(ctx,dirty){if(dirty&/*width*/1&&table_style_value!==(table_style_value=/*width*/ctx[0]&&"width: 100%;")){attr(table,"style",table_style_value);}},d(detaching){if(detaching)detach(table);}};}// (85:2) {#if _isTableRoot}
|
|
416
421
|
function create_if_block$a(ctx){let slot;return {c(){slot=element("slot");},m(target,anchor){insert(target,slot,anchor);},p:noop,d(detaching){if(detaching)detach(slot);}};}function create_fragment$m(ctx){let div;let div_class_value;let div_style_value;function select_block_type(ctx,dirty){if(/*_isTableRoot*/ctx[7])return create_if_block$a;return create_else_block$6;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div=element("div");if_block.c();this.c=noop;attr(div,"class",div_class_value=`goatable ${/*variant*/ctx[1]}`);attr(div,"style",div_style_value=`
|
|
417
422
|
${/*width*/ctx[0]&&`width: ${/*width*/ctx[0]};`}
|
|
418
423
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
@@ -426,18 +431,18 @@ const slot=_rootEl.querySelector("slot");if(!slot||slot.assignedElements().lengt
|
|
|
426
431
|
$$invalidate(7,_isTableRoot=slot.assignedElements()[0].tagName==="TABLE");});async function attachSortEventHandling(){var _a;await tick();const contentSlot=_rootEl.querySelector("slot");const headings=(_a=contentSlot.assignedElements().find(el=>el.tagName==="THEAD"||el.tagName==="TABLE"))===null||_a===void 0?void 0:_a.querySelectorAll("goa-table-sort-header");headings===null||headings===void 0?void 0:headings.forEach(heading=>{heading.addEventListener("click",()=>{const sortBy=heading.getAttribute("name");let sortDir;// relay state to all children
|
|
427
432
|
headings.forEach(child=>{if(child.getAttribute("name")===sortBy){const direction=child["direction"];// starting direction is asc
|
|
428
433
|
const newDirection=direction==="asc"?"desc":"asc";sortDir=newDirection==="asc"?1:-1;child.setAttribute("direction",newDirection);}else {child.setAttribute("direction","none");}});dispatch(heading,{sortBy,sortDir});});// dispatch the default sort params if initially set
|
|
429
|
-
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}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);/*
|
|
430
|
-
<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);}};}// (
|
|
431
|
-
function create_if_block_1$5(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);}};}// (
|
|
432
|
-
function create_if_block$9(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$9;if(/*direction*/ctx[0]==="asc")return create_if_block_1$5;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);/*
|
|
434
|
+
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>
|
|
435
|
+
<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)
|
|
436
|
+
function create_if_block_1$5(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"}
|
|
437
|
+
function create_if_block$9(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$9;if(/*direction*/ctx[0]==="asc")return create_if_block_1$5;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_fragment$k(ctx){let div;let textarea;let textarea_aria_label_value;let t;let div_style_value;let mounted;let dispose;return {c(){div=element("div");textarea=element("textarea");t=space();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]);attr(textarea,"class","goa-textarea");textarea.disabled=/*isDisabled*/ctx[13];textarea.readOnly=/*isReadonly*/ctx[14];attr(textarea,"data-testid",/*testid*/ctx[4]);toggle_class(textarea,"error",/*isError*/ctx[15]);attr(div,"class","container");attr(div,"style",div_style_value=`
|
|
433
438
|
${calculateMargin(/*mt*/ctx[7],/*mr*/ctx[8],/*mb*/ctx[9],/*ml*/ctx[10])};
|
|
434
439
|
--width: ${/*width*/ctx[5]};
|
|
435
440
|
`);},m(target,anchor){insert(target,div,anchor);append(div,textarea);/*textarea_binding*/ctx[19](textarea);set_input_value(textarea,/*value*/ctx[0]);append(div,t);if(!mounted){dispose=listen(textarea,"input",/*textarea_input_handler*/ctx[20]);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*/8192){textarea.disabled=/*isDisabled*/ctx[13];}if(dirty&/*isReadonly*/16384){textarea.readOnly=/*isReadonly*/ctx[14];}if(dirty&/*testid*/16){attr(textarea,"data-testid",/*testid*/ctx[4]);}if(dirty&/*value*/1){set_input_value(textarea,/*value*/ctx[0]);}if(dirty&/*isError*/32768){toggle_class(textarea,"error",/*isError*/ctx[15]);}if(dirty&/*mt, mr, mb, ml, width*/1952&&div_style_value!==(div_style_value=`
|
|
436
441
|
${calculateMargin(/*mt*/ctx[7],/*mr*/ctx[8],/*mb*/ctx[9],/*ml*/ctx[10])};
|
|
437
442
|
--width: ${/*width*/ctx[5]};
|
|
438
443
|
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);/*textarea_binding*/ctx[19](null);mounted=false;dispose();}};}function instance$h($$self,$$props,$$invalidate){let isError;let isDisabled;let isReadonly;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{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{maxcharcount=0}=$$props;let _textAreaEl;function textarea_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_textAreaEl=$$value;$$invalidate(12,_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(16,error=$$props.error);if('readonly'in $$props)$$invalidate(17,readonly=$$props.readonly);if('disabled'in $$props)$$invalidate(18,disabled=$$props.disabled);if('arialabel'in $$props)$$invalidate(6,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(7,mt=$$props.mt);if('mr'in $$props)$$invalidate(8,mr=$$props.mr);if('mb'in $$props)$$invalidate(9,mb=$$props.mb);if('ml'in $$props)$$invalidate(10,ml=$$props.ml);if('maxcharcount'in $$props)$$invalidate(11,maxcharcount=$$props.maxcharcount);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error*/65536){$$invalidate(15,isError=toBoolean(error));}if($$self.$$.dirty&/*disabled*/262144){$$invalidate(13,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*readonly*/131072){$$invalidate(14,isReadonly=toBoolean(readonly));}if($$self.$$.dirty&/*_textAreaEl, isDisabled, name, value*/12291){// $: showCounter = toBoolean(showcounter);
|
|
439
|
-
{if(_textAreaEl&&!isDisabled){_textAreaEl.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value}}));}}}};return [value,name,placeholder,rows,testid,width,arialabel,mt,mr,mb,ml,maxcharcount,_textAreaEl,isDisabled,isReadonly,isError,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)}.container{position:relative;width:100%}@media(
|
|
440
|
-
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) 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:16,readonly:17,disabled:18,arialabel:6,mt:7,mr:8,mb:9,ml:10,maxcharcount:11},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","mt","mr","mb","ml","maxcharcount"];}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[16];}set error(error){this.$$set({error});flush();}get readonly(){return this.$$.ctx[17];}set readonly(readonly){this.$$set({readonly});flush();}get disabled(){return this.$$.ctx[18];}set disabled(disabled){this.$$set({disabled});flush();}get arialabel(){return this.$$.ctx[6];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[7];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[8];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[9];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[10];}set ml(ml){this.$$set({ml});flush();}get maxcharcount(){return this.$$.ctx[11];}set maxcharcount(maxcharcount){this.$$set({maxcharcount});flush();}}customElements.define("goa-textarea",TextArea);/*
|
|
444
|
+
{if(_textAreaEl&&!isDisabled){_textAreaEl.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value}}));}}}};return [value,name,placeholder,rows,testid,width,arialabel,mt,mr,mb,ml,maxcharcount,_textAreaEl,isDisabled,isReadonly,isError,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)}.container{position:relative;width:100%}@media screen and (max-width: 623px){@media not (max-color:2147477350){.container{max-width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.container{max-width:var(--width)}}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;border:1px solid var(--goa-color-greyscale-700);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){.goa-textarea{min-width:0;width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.goa-textarea{min-width:0;width:var(--width)}}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.goa-textarea:disabled,.goa-textarea:disabled:hover,.goa-textarea:disabled:active,.goa-textarea:disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--goa-font-size-2)}.counter-error{color:var(--goa-color-interactive-error)
|
|
445
|
+
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) 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:16,readonly:17,disabled:18,arialabel:6,mt:7,mr:8,mb:9,ml:10,maxcharcount:11},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","mt","mr","mb","ml","maxcharcount"];}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[16];}set error(error){this.$$set({error});flush();}get readonly(){return this.$$.ctx[17];}set readonly(readonly){this.$$set({readonly});flush();}get disabled(){return this.$$.ctx[18];}set disabled(disabled){this.$$set({disabled});flush();}get arialabel(){return this.$$.ctx[6];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[7];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[8];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[9];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[10];}set ml(ml){this.$$set({ml});flush();}get maxcharcount(){return this.$$.ctx[11];}set maxcharcount(maxcharcount){this.$$set({maxcharcount});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
446
|
* Use a unique id for each tooltip instance.
|
|
442
447
|
* So screen readers can identify the tooltip instance when
|
|
443
448
|
* there are multiple tooltips on the same page
|
|
@@ -453,7 +458,7 @@ if(position==="bottom"&&tooltipRect.height>spaceBottom){newPosition="top";}else
|
|
|
453
458
|
if(position==="right"&&tooltipRect.width>spaceRight){newPosition="left";}else if(position==="left"&&tooltipRect.width>spaceLeft){newPosition="right";}// similar check for left and right alignmewnt
|
|
454
459
|
if(halign==="right"&&tooltipRect.width>spaceRight){newAlign="left";}else if(halign==="left"&&tooltipRect.width>spaceLeft){newAlign="right";}else if(halign==="center"&&(position==="top"||position==="bottom")&&(tooltipRect.width/2>spaceLeft||tooltipRect.width/2>spaceRight)){newAlign=spaceLeft>spaceRight?"left":"right";}// update tooltip position
|
|
455
460
|
$$invalidate(9,_tooltipEl.className=`tooltiptext ${newPosition} align-${newAlign}`,_tooltipEl);}function onwindowresize(){$$invalidate(10,_screenSize=window_1$1.innerWidth);}function span_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_tooltipEl=$$value;$$invalidate(9,_tooltipEl);});}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(8,_rootEl);});}const mouseenter_handler=()=>{clearTimeout(_hideTooltipTimeout);showTooltip();};const focus_handler=()=>{clearTimeout(_hideTooltipTimeout);showTooltip();};$$self.$$set=$$props=>{if('content'in $$props)$$invalidate(1,content=$$props.content);if('testid'in $$props)$$invalidate(2,testid=$$props.testid);if('position'in $$props)$$invalidate(0,position=$$props.position);if('halign'in $$props)$$invalidate(3,halign=$$props.halign);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_rootEl, _tooltipEl*/768){{if(_rootEl&&_tooltipEl){_rootEl.style.setProperty("--target-width",`${_rootEl.getBoundingClientRect().width/2}px`);}}}if($$self.$$.dirty&/*content*/2){// call checkAndAdjustPosition function when content changes
|
|
456
|
-
{checkAndAdjustPosition();}}};return [position,content,testid,halign,mt,mr,mb,ml,_rootEl,_tooltipEl,_screenSize,_tooltipVisible,_hideTooltipTimeout,_tooltipInstanceId,showTooltip,hideTooltip,onwindowresize,span_binding,div1_binding,mouseenter_handler,focus_handler];}class Tooltip extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.tooltip{position:relative;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.tooltiptext{visibility:hidden;font:var(--goa-typography-body-s);background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light);text-align:center;border-radius:var(--goa-border-radius-m);position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:var(--goa-space-xs) var(--goa-space-m);text-align:left;white-space:nowrap;display:flex;flex-direction:column}.tooltiptarget{margin:4px}.tooltiptext.bottom{top:calc(100% + 10px)}.tooltiptext.top{bottom:calc(100% + 10px)}.tooltiptext.right{left:calc(100% + 10px)}.tooltiptext.left{right:calc(100% + 10px)}.tooltip:hover .tooltiptext,.tooltip:focus .tooltiptext{opacity:1}.tooltiptext.bottom::before,.tooltiptext.top::before,.tooltiptext.left::before,.tooltiptext.right::before{content:"";position:absolute;border-style:solid;aria-hidden:true}.tooltiptext.bottom::before{top:-10px;left:50%;border-width:0 10px 10px 10px;transform:translateX(-50%);border-color:transparent transparent var(--goa-color-greyscale-700) transparent}.tooltiptext.top::before{bottom:-10px;left:50%;transform:translateX(-50%);border-width:10px 10px 0 10px;border-color:var(--goa-color-greyscale-700) transparent transparent transparent}.tooltiptext.left::before{top:50%;right:-10px;transform:translateY(-50%);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--goa-color-greyscale-700)}.tooltiptext.right::before{top:50%;left:-10px;transform:translateY(-50%);border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--goa-color-greyscale-700) transparent transparent}.tooltiptext.bottom.align-left::before,.tooltiptext.top.align-left::before{left:calc(100% - (var(--target-width) + 1rem))}.tooltiptext.bottom.align-right::before,.tooltiptext.top.align-right::before{left:calc(var(--target-width) + 1rem)}.tooltip.align-right{justify-content:flex-start}.tooltip.align-left{justify-content:flex-end}.tooltiptext.align-right{left:0;margin-left:-1rem}.tooltiptext.align-left{right:0;margin-right:-1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$g,create_fragment$j,safe_not_equal,{content:1,testid:2,position:0,halign:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["content","testid","position","halign","mt","mr","mb","ml"];}get content(){return this.$$.ctx[1];}set content(content){this.$$set({content});flush();}get testid(){return this.$$.ctx[2];}set testid(testid){this.$$set({testid});flush();}get position(){return this.$$.ctx[0];}set position(position){this.$$set({position});flush();}get halign(){return this.$$.ctx[3];}set halign(halign){this.$$set({halign});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-tooltip",Tooltip);/*
|
|
461
|
+
{checkAndAdjustPosition();}}};return [position,content,testid,halign,mt,mr,mb,ml,_rootEl,_tooltipEl,_screenSize,_tooltipVisible,_hideTooltipTimeout,_tooltipInstanceId,showTooltip,hideTooltip,onwindowresize,span_binding,div1_binding,mouseenter_handler,focus_handler];}class Tooltip extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.tooltip{position:relative;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.tooltiptext{visibility:hidden;font:var(--goa-typography-body-s);background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light);text-align:center;border-radius:var(--goa-border-radius-m);position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:var(--goa-space-xs) var(--goa-space-m);text-align:left;white-space:nowrap;display:flex;flex-direction:column}.tooltiptarget{margin:4px}.tooltiptext.bottom{top:calc(100% + 10px)}.tooltiptext.top{bottom:calc(100% + 10px)}.tooltiptext.right{left:calc(100% + 10px)}.tooltiptext.left{right:calc(100% + 10px)}.tooltip:hover .tooltiptext,.tooltip:focus .tooltiptext{opacity:1}.tooltiptext.bottom::before,.tooltiptext.top::before,.tooltiptext.left::before,.tooltiptext.right::before{content:"";position:absolute;border-style:solid;aria-hidden:true}.tooltiptext.bottom::before{top:-10px;left:50%;border-width:0 10px 10px 10px;transform:translateX(-50%);border-color:transparent transparent var(--goa-color-greyscale-700) transparent}.tooltiptext.top::before{bottom:-10px;left:50%;transform:translateX(-50%);border-width:10px 10px 0 10px;border-color:var(--goa-color-greyscale-700) transparent transparent transparent}.tooltiptext.left::before{top:50%;right:-10px;transform:translateY(-50%);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--goa-color-greyscale-700)}.tooltiptext.right::before{top:50%;left:-10px;transform:translateY(-50%);border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--goa-color-greyscale-700) transparent transparent}.tooltiptext.bottom.align-left::before,.tooltiptext.top.align-left::before{left:calc(100% - (var(--target-width) + 1rem))}.tooltiptext.bottom.align-right::before,.tooltiptext.top.align-right::before{left:calc(var(--target-width) + 1rem)}.tooltip.align-right{justify-content:flex-start}.tooltip.align-left{justify-content:flex-end}.tooltiptext.align-right{left:0;margin-left:-1rem}.tooltiptext.align-left{right:0;margin-right:-1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$g,create_fragment$j,safe_not_equal,{content:1,testid:2,position:0,halign:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["content","testid","position","halign","mt","mr","mb","ml"];}get content(){return this.$$.ctx[1];}set content(content){this.$$set({content});flush();}get testid(){return this.$$.ctx[2];}set testid(testid){this.$$set({testid});flush();}get position(){return this.$$.ctx[0];}set position(position){this.$$set({position});flush();}get halign(){return this.$$.ctx[3];}set halign(halign){this.$$set({halign});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-tooltip",Tooltip);/* src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.59.2 */function create_fragment$i(ctx){let div;return {c(){div=element("div");div.innerHTML=`<header class="header"><slot name="header"></slot></header>
|
|
457
462
|
|
|
458
463
|
<nav class="nav"><slot name="nav"></slot></nav>
|
|
459
464
|
|
|
@@ -462,13 +467,13 @@ $$invalidate(9,_tooltipEl.className=`tooltiptext ${newPosition} align-${newAlign
|
|
|
462
467
|
<footer class="footer"><slot name="footer"></slot></footer>`;this.c=noop;attr(div,"class","page");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class FullScreenNavbarLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.page{height:100vh;grid-template-columns:auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header"
|
|
463
468
|
"content"
|
|
464
469
|
"nav"
|
|
465
|
-
"footer";display:grid;place-content:stretch stretch;gap:0 0}@media(
|
|
470
|
+
"footer";display:grid;place-content:stretch stretch;gap:0 0}@media screen and (max-width: 623px){.page{grid-template-columns:300px auto;grid-template-rows:min-content auto min-content;grid-template-areas:"header header"
|
|
466
471
|
"nav content"
|
|
467
|
-
"footer footer"}}.header{grid-area:header}.footer{grid-area:footer}main{grid-area:content;justify-self:stretch;padding:1rem}.nav{grid-area:nav;padding:1rem;background-color:var(--goa-color-greyscale-100)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$i,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-layout-full-nav",FullScreenNavbarLayout);/*
|
|
472
|
+
"footer footer"}}.header{grid-area:header}.footer{grid-area:footer}main{grid-area:content;justify-self:stretch;padding:1rem}.nav{grid-area:nav;padding:1rem;background-color:var(--goa-color-greyscale-100)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$i,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-layout-full-nav",FullScreenNavbarLayout);/* src/layouts/one-column-layout/OneColumnLayout.svelte generated by Svelte v3.59.2 */function create_fragment$h(ctx){let div;return {c(){div=element("div");div.innerHTML=`<section class="header"><slot name="header"></slot></section>
|
|
468
473
|
|
|
469
474
|
<main><slot></slot></main>
|
|
470
475
|
|
|
471
|
-
<section class="footer"><slot name="footer"></slot></section>`;this.c=noop;attr(div,"class","page");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class OneColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.page{min-height:100vh;display:flex;flex-direction:column}.header,.footer{flex:0 0 auto}main{flex:1 1 auto}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$h,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-one-column-layout",OneColumnLayout);/*
|
|
476
|
+
<section class="footer"><slot name="footer"></slot></section>`;this.c=noop;attr(div,"class","page");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class OneColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.page{min-height:100vh;display:flex;flex-direction:column}.header,.footer{flex:0 0 auto}main{flex:1 1 auto}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$h,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-one-column-layout",OneColumnLayout);/* src/layouts/two-column-layout/TwoColumnLayout.svelte generated by Svelte v3.59.2 */function create_fragment$g(ctx){let div;let header;let t0;let section;let t2;let footer;let div_style_value;return {c(){div=element("div");header=element("header");header.innerHTML=`<slot name="header"></slot>`;t0=space();section=element("section");section.innerHTML=`<nav class="nav"><slot name="nav"></slot></nav>
|
|
472
477
|
|
|
473
478
|
<main><slot></slot></main>`;t2=space();footer=element("footer");footer.innerHTML=`<slot name="footer"></slot>`;this.c=noop;attr(header,"class","header");attr(section,"class","content");attr(footer,"class","footer");attr(div,"class","page");attr(div,"style",div_style_value=`
|
|
474
479
|
--max-content-width: ${/*maxcontentwidth*/ctx[1]||"100%"};
|
|
@@ -476,7 +481,7 @@ $$invalidate(9,_tooltipEl.className=`tooltiptext ${newPosition} align-${newAlign
|
|
|
476
481
|
`);},m(target,anchor){insert(target,div,anchor);append(div,header);append(div,t0);append(div,section);append(div,t2);append(div,footer);},p(ctx,[dirty]){if(dirty&/*maxcontentwidth, navcolumnwidth*/3&&div_style_value!==(div_style_value=`
|
|
477
482
|
--max-content-width: ${/*maxcontentwidth*/ctx[1]||"100%"};
|
|
478
483
|
--nav-column-width: ${/*navcolumnwidth*/ctx[0]||"256px"};
|
|
479
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$f($$self,$$props,$$invalidate){let{navcolumnwidth=""}=$$props;let{maxcontentwidth=""}=$$props;$$self.$$set=$$props=>{if('navcolumnwidth'in $$props)$$invalidate(0,navcolumnwidth=$$props.navcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);};return [navcolumnwidth,maxcontentwidth];}class TwoColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1 auto;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--goa-color-greyscale-white)}.nav>*{display:block;padding:0.5rem 0}@media(
|
|
484
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$f($$self,$$props,$$invalidate){let{navcolumnwidth=""}=$$props;let{maxcontentwidth=""}=$$props;$$self.$$set=$$props=>{if('navcolumnwidth'in $$props)$$invalidate(0,navcolumnwidth=$$props.navcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);};return [navcolumnwidth,maxcontentwidth];}class TwoColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1 auto;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--goa-color-greyscale-white)}.nav>*{display:block;padding:0.5rem 0}@media screen and (max-width: 623px){@media not (max-color:2147477350){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem;transform:translateX(0);flex:0 0 var(--nav-column-width)}main{padding-right:2rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem;transform:translateX(0);flex:0 0 var(--nav-column-width)}main{padding-right:2rem}}}@media screen and (min-width: 1024px){main{padding-right:4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$f,create_fragment$g,safe_not_equal,{navcolumnwidth:0,maxcontentwidth: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 ["navcolumnwidth","maxcontentwidth"];}get navcolumnwidth(){return this.$$.ctx[0];}set navcolumnwidth(navcolumnwidth){this.$$set({navcolumnwidth});flush();}get maxcontentwidth(){return this.$$.ctx[1];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-two-column-layout",TwoColumnLayout);/* src/layouts/three-column-layout/ThreeColumnLayout.svelte generated by Svelte v3.59.2 */function create_fragment$f(ctx){let div;let header;let t0;let section;let t4;let footer;let div_style_value;return {c(){div=element("div");header=element("header");header.innerHTML=`<slot name="header"></slot>`;t0=space();section=element("section");section.innerHTML=`<nav class="nav"><slot name="nav"></slot></nav>
|
|
480
485
|
|
|
481
486
|
<main><slot></slot></main>
|
|
482
487
|
|
|
@@ -489,7 +494,7 @@ $$invalidate(9,_tooltipEl.className=`tooltiptext ${newPosition} align-${newAlign
|
|
|
489
494
|
--max-content-width: ${/*maxcontentwidth*/ctx[2]||"100%"};
|
|
490
495
|
--nav-column-width: ${/*leftcolumnwidth*/ctx[0]||"256px"};
|
|
491
496
|
--side-menu-column-width: ${/*rightcolumnwidth*/ctx[1]||"256px"}
|
|
492
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$e($$self,$$props,$$invalidate){let{leftcolumnwidth}=$$props;let{rightcolumnwidth}=$$props;let{maxcontentwidth}=$$props;$$self.$$set=$$props=>{if('leftcolumnwidth'in $$props)$$invalidate(0,leftcolumnwidth=$$props.leftcolumnwidth);if('rightcolumnwidth'in $$props)$$invalidate(1,rightcolumnwidth=$$props.rightcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(2,maxcontentwidth=$$props.maxcontentwidth);};return [leftcolumnwidth,rightcolumnwidth,maxcontentwidth];}class ThreeColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1 auto;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--goa-color-greyscale-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width:
|
|
497
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$e($$self,$$props,$$invalidate){let{leftcolumnwidth}=$$props;let{rightcolumnwidth}=$$props;let{maxcontentwidth}=$$props;$$self.$$set=$$props=>{if('leftcolumnwidth'in $$props)$$invalidate(0,leftcolumnwidth=$$props.leftcolumnwidth);if('rightcolumnwidth'in $$props)$$invalidate(1,rightcolumnwidth=$$props.rightcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(2,maxcontentwidth=$$props.maxcontentwidth);};return [leftcolumnwidth,rightcolumnwidth,maxcontentwidth];}class ThreeColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1 auto;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--goa-color-greyscale-white)}.nav>*{display:block;padding:0.5rem 0}@media screen and (max-width: 623px){@media not (max-color:2147477350){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem;transform:translateX(0)}.nav:not(.side-menu){flex:0 0 var(--nav-column-width)}.nav.side-menu{flex:0 0 var(--side-menu-column-width)}main{padding-right:2rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem;transform:translateX(0)}.nav:not(.side-menu){flex:0 0 var(--nav-column-width)}.nav.side-menu{flex:0 0 var(--side-menu-column-width)}main{padding-right:2rem}}}@media screen and (min-width: 1024px){main{padding-right:4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$e,create_fragment$f,safe_not_equal,{leftcolumnwidth:0,rightcolumnwidth:1,maxcontentwidth: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 ["leftcolumnwidth","rightcolumnwidth","maxcontentwidth"];}get leftcolumnwidth(){return this.$$.ctx[0];}set leftcolumnwidth(leftcolumnwidth){this.$$set({leftcolumnwidth});flush();}get rightcolumnwidth(){return this.$$.ctx[1];}set rightcolumnwidth(rightcolumnwidth){this.$$set({rightcolumnwidth});flush();}get maxcontentwidth(){return this.$$.ctx[2];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-three-column-layout",ThreeColumnLayout);/* src/components/_experimental/sidebar/Sidebar.svelte generated by Svelte v3.59.2 */function get_each_context$2(ctx,list,i){const child_ctx=ctx.slice();child_ctx[14]=list[i];child_ctx[16]=i;return child_ctx;}// (88:6) {#if true}
|
|
493
498
|
function create_if_block_1$4(ctx){let li;let span;let t0_value=/*item*/ctx[14].displayname+"";let t0;let t1;let li_aria_selected_value;let li_aria_label_value;let mounted;let dispose;let if_block=/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0&&create_if_block_2$4(ctx);function click_handler(){return(/*click_handler*/ctx[8](/*item*/ctx[14]));}function keydown_handler(...args){return(/*keydown_handler*/ctx[9](/*item*/ctx[14],...args));}return {c(){li=element("li");span=element("span");t0=text(t0_value);t1=space();if(if_block)if_block.c();attr(span,"class","label");attr(li,"role","menuitem");attr(li,"aria-selected",li_aria_selected_value=/*item*/ctx[14].active);attr(li,"aria-label",li_aria_label_value=`${/*item*/ctx[14].displayname}${/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0?/*isExpanded*/ctx[5](/*item*/ctx[14])?" Expanded":" Collapsed":""}`);attr(li,"tabindex","0");toggle_class(li,"active",/*item*/ctx[14].active);toggle_class(li,"expanded",/*isExpanded*/ctx[5](/*item*/ctx[14])&&hasSubItemSelected(/*item*/ctx[14]));toggle_class(li,"sub-level",/*level*/ctx[0]>0);},m(target,anchor){insert(target,li,anchor);append(li,span);append(span,t0);append(li,t1);if(if_block)if_block.m(li,null);if(!mounted){dispose=[listen(li,"click",click_handler),listen(li,"keydown",keydown_handler)];mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty&/*_items*/4&&t0_value!==(t0_value=/*item*/ctx[14].displayname+""))set_data(t0,t0_value);if(/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$4(ctx);if_block.c();if_block.m(li,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*_items*/4&&li_aria_selected_value!==(li_aria_selected_value=/*item*/ctx[14].active)){attr(li,"aria-selected",li_aria_selected_value);}if(dirty&/*_items*/4&&li_aria_label_value!==(li_aria_label_value=`${/*item*/ctx[14].displayname}${/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0?/*isExpanded*/ctx[5](/*item*/ctx[14])?" Expanded":" Collapsed":""}`)){attr(li,"aria-label",li_aria_label_value);}if(dirty&/*_items*/4){toggle_class(li,"active",/*item*/ctx[14].active);}if(dirty&/*isExpanded, _items, hasSubItemSelected*/36){toggle_class(li,"expanded",/*isExpanded*/ctx[5](/*item*/ctx[14])&&hasSubItemSelected(/*item*/ctx[14]));}if(dirty&/*level*/1){toggle_class(li,"sub-level",/*level*/ctx[0]>0);}},d(detaching){if(detaching)detach(li);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}// (102:8) {#if item.items && item.items.length > 0}
|
|
494
499
|
function create_if_block_2$4(ctx){let show_if;let if_block_anchor;function select_block_type(ctx,dirty){if(dirty&/*_items*/4)show_if=null;if(show_if==null)show_if=!!/*isExpanded*/ctx[5](/*item*/ctx[14]);if(show_if)return create_if_block_3$4;return create_else_block$4;}let current_block_type=select_block_type(ctx,-1);let if_block=current_block_type(ctx);return {c(){if_block.c();if_block_anchor=empty();},m(target,anchor){if_block.m(target,anchor);insert(target,if_block_anchor,anchor);},p(ctx,dirty){if(current_block_type!==(current_block_type=select_block_type(ctx,dirty))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}},d(detaching){if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}// (105:10) {:else}
|
|
495
500
|
function create_else_block$4(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"size","medium");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (103:10) {#if isExpanded(item)}
|
|
@@ -502,10 +507,10 @@ _expandedNavItems=item&&!_expandedNavItems.includes(item)?[..._expandedNavItems,
|
|
|
502
507
|
* Check if the item is expanded by action (verify with _expandedNavItems) or by sub item selection (default by user)
|
|
503
508
|
*/function isExpanded(item){if(item.items&&item.items.length>0){return _expandedNavItems.includes(item)||hasSubItemSelected(item);}return false;}/**
|
|
504
509
|
* Accessibility when press enter to select the item
|
|
505
|
-
*/function handleKeyDown(event,item){if(event.key==="Enter"){toggle(item);}}const click_handler=item=>toggle(item);const keydown_handler=(item,event)=>handleKeyDown(event,item);function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootElement=$$value;$$invalidate(1,_rootElement);});}$$self.$$set=$$props=>{if('level'in $$props)$$invalidate(0,level=$$props.level);if('navitems'in $$props)$$invalidate(7,navitems=$$props.navitems);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_rootElement, level, navitems*/131){{if(_rootElement){$$invalidate(2,_items=level===0?[...getItems()]:[...navitems]);}}}};return [level,_rootElement,_items,toggle,calculateMarginLeft,isExpanded,handleKeyDown,navitems,click_handler,keydown_handler,div_binding];}class Sidebar extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`div.first-level{margin-top:var(--goa-space-m)}:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);color:var(--goa-color-text-default)}ul{list-style:none;padding:0;margin:0}li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-xl);gap:var(--goa-line-height-05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.label{font:var(--goa-typography-body-m);display:flex;align-items:center}li.active .label{font:var(--goa-typography-heading-s)}li:hover{background:#CEDFEE}li.expanded{background:#CEDFEE}li.active{background:var(--goa-color-info-background)}li:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}li.sub-level{padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-m)}li.active.sub-level{border-left:4px solid var(--goa-color-interactive-disabled)}li.sub-level:not(.active):not(:hover){border-left:4px solid var(--goa-color-greyscale-100)}li.sub-level:hover{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-greyscale-200)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$d,create_fragment$e,safe_not_equal,{level:0,navitems: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 ["level","navitems"];}get level(){return this.$$.ctx[0];}set level(level){this.$$set({level});flush();}get navitems(){return this.$$.ctx[7];}set navitems(navitems){this.$$set({navitems});flush();}}customElements.define("goax-sidebar",Sidebar);/*
|
|
506
|
-
function create_if_block$7(ctx){let goa_popover;let button;let t0;let t1;let t2;let goa_icon;let goa_icon_type_value;let t3;let div;let if_block=/*leadingicon*/ctx[1]&&create_if_block_1$3(ctx);return {c(){goa_popover=element("goa-popover");button=element("button");if(if_block)if_block.c();t0=space();t1=text(/*heading*/ctx[0]);t2=space();goa_icon=element("goa-icon");t3=space();div=element("div");div.innerHTML=`<slot></slot>`;set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"slot","target");set_style(button,"padding","0 0.75rem");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);attr(div,"class","desktop");set_custom_element_data(goa_popover,"context","app-header-menu");set_custom_element_data(goa_popover,"focusborderwidth","0");set_custom_element_data(goa_popover,"borderradius","0");set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"width","16rem");set_custom_element_data(goa_popover,"position","below");},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,button);if(if_block)if_block.m(button,null);append(button,t0);append(button,t1);append(button,t2);append(button,goa_icon);append(goa_popover,t3);append(goa_popover,div);/*div_binding*/ctx[11](div);/*goa_popover_binding*/ctx[12](goa_popover);},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_1$3(ctx);if_block.c();if_block.m(button,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _hasCurrentLink*/132){toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);}},d(detaching){if(detaching)detach(goa_popover);if(if_block)if_block.d();/*div_binding*/ctx[11](null);/*goa_popover_binding*/ctx[12](null);}};}// (
|
|
507
|
-
function create_if_block_3$3(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);set_custom_element_data(goa_icon,"mt","1");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/2){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (
|
|
508
|
-
function create_if_block_2$3(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"class","not-desktop");},m(target,anchor){insert(target,div,anchor);/*div_binding_1*/ctx[13](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_1*/ctx[13](null);}};}// (
|
|
510
|
+
*/function handleKeyDown(event,item){if(event.key==="Enter"){toggle(item);}}const click_handler=item=>toggle(item);const keydown_handler=(item,event)=>handleKeyDown(event,item);function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootElement=$$value;$$invalidate(1,_rootElement);});}$$self.$$set=$$props=>{if('level'in $$props)$$invalidate(0,level=$$props.level);if('navitems'in $$props)$$invalidate(7,navitems=$$props.navitems);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_rootElement, level, navitems*/131){{if(_rootElement){$$invalidate(2,_items=level===0?[...getItems()]:[...navitems]);}}}};return [level,_rootElement,_items,toggle,calculateMarginLeft,isExpanded,handleKeyDown,navitems,click_handler,keydown_handler,div_binding];}class Sidebar extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`div.first-level{margin-top:var(--goa-space-m)}:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);color:var(--goa-color-text-default)}ul{list-style:none;padding:0;margin:0}li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-xl);gap:var(--goa-line-height-05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.label{font:var(--goa-typography-body-m);display:flex;align-items:center}li.active .label{font:var(--goa-typography-heading-s)}li:hover{background:#CEDFEE}li.expanded{background:#CEDFEE}li.active{background:var(--goa-color-info-background)}li:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}li.sub-level{padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-m)}li.active.sub-level{border-left:4px solid var(--goa-color-interactive-disabled)}li.sub-level:not(.active):not(:hover){border-left:4px solid var(--goa-color-greyscale-100)}li.sub-level:hover{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-greyscale-200)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$d,create_fragment$e,safe_not_equal,{level:0,navitems: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 ["level","navitems"];}get level(){return this.$$.ctx[0];}set level(level){this.$$set({level});flush();}get navitems(){return this.$$.ctx[7];}set navitems(navitems){this.$$set({navitems});flush();}}customElements.define("goax-sidebar",Sidebar);/* src/components/_experimental/sidebar/SidebarItem.svelte generated by Svelte v3.59.2 */function create_fragment$d(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}class SidebarItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$d,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goax-sidebar-item",SidebarItem);/* src/components/app-header-menu/AppHeaderMenu.svelte generated by Svelte v3.59.2 */const{window:window_1}=globals;function create_else_block$3(ctx){let button;let t0;let span;let t1;let t2;let goa_spacer;let t3;let goa_icon;let goa_icon_type_value;let t4;let if_block1_anchor;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[1]&&create_if_block_3$3(ctx);let if_block1=/*_open*/ctx[8]&&create_if_block_2$3(ctx);return {c(){button=element("button");if(if_block0)if_block0.c();t0=space();span=element("span");t1=text(/*heading*/ctx[0]);t2=space();goa_spacer=element("goa-spacer");t3=space();goa_icon=element("goa-icon");t4=space();if(if_block1)if_block1.c();if_block1_anchor=empty();attr(span,"class","heading");set_custom_element_data(goa_spacer,"hspacing","fill");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"open",/*_open*/ctx[8]);},m(target,anchor){insert(target,button,anchor);if(if_block0)if_block0.m(button,null);append(button,t0);append(button,span);append(span,t1);append(button,t2);append(button,goa_spacer);append(button,t3);append(button,goa_icon);insert(target,t4,anchor);if(if_block1)if_block1.m(target,anchor);insert(target,if_block1_anchor,anchor);if(!mounted){dispose=listen(button,"click",/*toggleMenu*/ctx[9]);mounted=true;}},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3$3(ctx);if_block0.c();if_block0.m(button,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _open*/260){toggle_class(button,"open",/*_open*/ctx[8]);}if(/*_open*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_2$3(ctx);if_block1.c();if_block1.m(if_block1_anchor.parentNode,if_block1_anchor);}}else if(if_block1){if_block1.d(1);if_block1=null;}},d(detaching){if(detaching)detach(button);if(if_block0)if_block0.d();if(detaching)detach(t4);if(if_block1)if_block1.d(detaching);if(detaching)detach(if_block1_anchor);mounted=false;dispose();}};}// (79:0) {#if _desktop}
|
|
511
|
+
function create_if_block$7(ctx){let goa_popover;let button;let t0;let t1;let t2;let goa_icon;let goa_icon_type_value;let t3;let div;let if_block=/*leadingicon*/ctx[1]&&create_if_block_1$3(ctx);return {c(){goa_popover=element("goa-popover");button=element("button");if(if_block)if_block.c();t0=space();t1=text(/*heading*/ctx[0]);t2=space();goa_icon=element("goa-icon");t3=space();div=element("div");div.innerHTML=`<slot></slot>`;set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"slot","target");set_style(button,"padding","0 0.75rem");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);attr(div,"class","desktop");set_custom_element_data(goa_popover,"context","app-header-menu");set_custom_element_data(goa_popover,"focusborderwidth","0");set_custom_element_data(goa_popover,"borderradius","0");set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"width","16rem");set_custom_element_data(goa_popover,"position","below");},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,button);if(if_block)if_block.m(button,null);append(button,t0);append(button,t1);append(button,t2);append(button,goa_icon);append(goa_popover,t3);append(goa_popover,div);/*div_binding*/ctx[11](div);/*goa_popover_binding*/ctx[12](goa_popover);},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_1$3(ctx);if_block.c();if_block.m(button,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _hasCurrentLink*/132){toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);}},d(detaching){if(detaching)detach(goa_popover);if(if_block)if_block.d();/*div_binding*/ctx[11](null);/*goa_popover_binding*/ctx[12](null);}};}// (113:4) {#if leadingicon}
|
|
512
|
+
function create_if_block_3$3(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);set_custom_element_data(goa_icon,"mt","1");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/2){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (120:2) {#if _open}
|
|
513
|
+
function create_if_block_2$3(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"class","not-desktop");},m(target,anchor){insert(target,div,anchor);/*div_binding_1*/ctx[13](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_1*/ctx[13](null);}};}// (96:6) {#if leadingicon}
|
|
509
514
|
function create_if_block_1$3(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);set_custom_element_data(goa_icon,"mt","1");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/2){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$c(ctx){let if_block_anchor;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[10]);function select_block_type(ctx,dirty){if(/*_desktop*/ctx[4])return create_if_block$7;return create_else_block$3;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if_block.m(target,anchor);insert(target,if_block_anchor,anchor);if(!mounted){dispose=listen(window_1,"resize",/*onwindowresize*/ctx[10]);mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}},i:noop,o:noop,d(detaching){if_block.d(detaching);if(detaching)detach(if_block_anchor);mounted=false;dispose();}};}function instance$c($$self,$$props,$$invalidate){let _desktop;let{heading}=$$props;let{leadingicon}=$$props;let{type="primary"}=$$props;// Private
|
|
510
515
|
// media queries are not sufficient as they don't allow for the same slot
|
|
511
516
|
// to be used in different query selectors
|
|
@@ -520,8 +525,8 @@ function hasCurrentLink(){if(!_slotParentEl)return;const slot=_slotParentEl.quer
|
|
|
520
525
|
// is resized after initial load
|
|
521
526
|
async function bindToPopoverCloseEvent(){await tick();if(!_popoverEl)return;_popoverEl.removeEventListener("_close",closeMenu);_popoverEl.removeEventListener("_open",openMenu);_popoverEl.addEventListener("_close",closeMenu);_popoverEl.addEventListener("_open",openMenu);}function openMenu(){$$invalidate(8,_open=true);}function closeMenu(){// timeout is required to allow any other events to fire before DOM is changed
|
|
522
527
|
setTimeout(()=>{$$invalidate(8,_open=false);},1);}function toggleMenu(){_open?closeMenu():openMenu();}function onwindowresize(){$$invalidate(3,_innerWidth=window_1.innerWidth);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function goa_popover_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_popoverEl=$$value;$$invalidate(5,_popoverEl);});}function div_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('leadingicon'in $$props)$$invalidate(1,leadingicon=$$props.leadingicon);if('type'in $$props)$$invalidate(2,type=$$props.type);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_innerWidth*/8){// Reactive
|
|
523
|
-
$$invalidate(4,_desktop=_innerWidth>=
|
|
524
|
-
_desktop&&bindToPopoverCloseEvent();}};return [heading,leadingicon,type,_innerWidth,_desktop,_popoverEl,_slotParentEl,_hasCurrentLink,_open,toggleMenu,onwindowresize,div_binding,goa_popover_binding,div_binding_1];}class AppHeaderMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{font:var(--goa-typography-body-m)}button{padding:0;border:none;background:transparent;outline:none;color:var(--goa-color-text-default);cursor:pointer;display:flex;align-items:center;gap:0.5rem}button:active,button:hover,button:focus-within,[slot="target"]:focus-within{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}button.current{border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}button.current:hover{border-top:4px solid var(--goa-color-interactive-hover)}button.open{border-bottom:1px solid var(--goa-color-greyscale-200)}::slotted(a),::slotted(a:visited){box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none}.not-desktop ::slotted(a){padding:calc((3rem - var(--goa-line-height-3)) / 2) 2.75rem}::slotted(a:first-child){box-shadow:none}::slotted(a:hover){background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px;color:var(--goa-color-interactive-hover)}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media(max-width:
|
|
528
|
+
$$invalidate(4,_desktop=_innerWidth>=TABLET_BP);}if($$self.$$.dirty&/*_desktop*/16){// call the method when window changes to desktop size
|
|
529
|
+
_desktop&&bindToPopoverCloseEvent();}};return [heading,leadingicon,type,_innerWidth,_desktop,_popoverEl,_slotParentEl,_hasCurrentLink,_open,toggleMenu,onwindowresize,div_binding,goa_popover_binding,div_binding_1];}class AppHeaderMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{font:var(--goa-typography-body-m)}button{padding:0;border:none;background:transparent;outline:none;color:var(--goa-color-text-default);cursor:pointer;display:flex;align-items:center;gap:0.5rem}button:active,button:hover,button:focus-within,[slot="target"]:focus-within{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}button.current{border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}button.current:hover{border-top:4px solid var(--goa-color-interactive-hover)}button.open{border-bottom:1px solid var(--goa-color-greyscale-200)}::slotted(a),::slotted(a:visited){box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none}.not-desktop ::slotted(a){padding:calc((3rem - var(--goa-line-height-3)) / 2) 2.75rem}::slotted(a:first-child){box-shadow:none}::slotted(a:hover){background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px;color:var(--goa-color-interactive-hover)}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media screen and (min-width: 1024px){@media not (max-color:2147477350){button{box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);height:3rem;flex:1 1 auto;padding:0 1rem;width:100%}button:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px}.heading{flex:0 0 auto}}}@media not screen and (min-width: 1024px){@media not (color:2147477350){button{box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);height:3rem;flex:1 1 auto;padding:0 1rem;width:100%}button:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px}.heading{flex:0 0 auto}}}@media screen and (min-width: 1024px){button[slot=target]{font-weight:var(--goa-font-weight-bold);height:4rem;white-space:nowrap}button.secondary{font-weight:var(--goa-font-weight-regular)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$c,create_fragment$c,safe_not_equal,{heading:0,leadingicon:1,type: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 ["heading","leadingicon","type"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get leadingicon(){return this.$$.ctx[1];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get type(){return this.$$.ctx[2];}set type(type){this.$$set({type});flush();}}customElements.define("goa-app-header-menu",AppHeaderMenu);function toInteger(dirtyNumber){if(dirtyNumber===null||dirtyNumber===true||dirtyNumber===false){return NaN;}var number=Number(dirtyNumber);if(isNaN(number)){return number;}return number<0?Math.ceil(number):Math.floor(number);}function requiredArgs(required,args){if(args.length<required){throw new TypeError(required+' argument'+(required>1?'s':'')+' required, but only '+args.length+' present');}}/**
|
|
525
530
|
* @name toDate
|
|
526
531
|
* @category Common Helpers
|
|
527
532
|
* @summary Convert the given argument to an instance of Date.
|
|
@@ -1406,7 +1411,7 @@ if(substring==="''"){return "'";}var firstCharacter=substring[0];if(firstCharact
|
|
|
1406
1411
|
* // Set the 30th day of the month to 1 September 2014:
|
|
1407
1412
|
* const result = setDate(new Date(2014, 8, 1), 30)
|
|
1408
1413
|
* //=> Tue Sep 30 2014 00:00:00
|
|
1409
|
-
*/function setDate(dirtyDate,dirtyDayOfMonth){requiredArgs(2,arguments);var date=toDate(dirtyDate);var dayOfMonth=toInteger(dirtyDayOfMonth);date.setDate(dayOfMonth);return date;}/*
|
|
1414
|
+
*/function setDate(dirtyDate,dirtyDayOfMonth){requiredArgs(2,arguments);var date=toDate(dirtyDate);var dayOfMonth=toInteger(dirtyDayOfMonth);date.setDate(dayOfMonth);return date;}/* src/components/calendar/Calendar.svelte generated by Svelte v3.59.2 */function get_each_context$1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[27]=list[i];return child_ctx;}function get_each_context_1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[27]=list[i];return child_ctx;}function get_each_context_2(ctx,list,i){const child_ctx=ctx.slice();child_ctx[27]=list[i];return child_ctx;}function get_each_context_3(ctx,list,i){const child_ctx=ctx.slice();child_ctx[34]=list[i];return child_ctx;}function get_each_context_4(ctx,list,i){const child_ctx=ctx.slice();child_ctx[37]=list[i];child_ctx[39]=i;return child_ctx;}// (209:8) {#each _months as month, i}
|
|
1410
1415
|
function create_each_block_4(ctx){let goa_dropdown_item;let goa_dropdown_item_value_value;let goa_dropdown_item_label_value;return {c(){goa_dropdown_item=element("goa-dropdown-item");set_custom_element_data(goa_dropdown_item,"value",goa_dropdown_item_value_value=/*i*/ctx[39]);set_custom_element_data(goa_dropdown_item,"label",goa_dropdown_item_label_value=/*month*/ctx[37]);},m(target,anchor){insert(target,goa_dropdown_item,anchor);},p:noop,d(detaching){if(detaching)detach(goa_dropdown_item);}};}// (217:8) {#each _years as year}
|
|
1411
1416
|
function create_each_block_3(ctx){let goa_dropdown_item;let goa_dropdown_item_value_value;return {c(){goa_dropdown_item=element("goa-dropdown-item");set_custom_element_data(goa_dropdown_item,"value",goa_dropdown_item_value_value=/*year*/ctx[34]);},m(target,anchor){insert(target,goa_dropdown_item,anchor);},p(ctx,dirty){if(dirty[0]&/*_years*/16384&&goa_dropdown_item_value_value!==(goa_dropdown_item_value_value=/*year*/ctx[34])){set_custom_element_data(goa_dropdown_item,"value",goa_dropdown_item_value_value);}},d(detaching){if(detaching)detach(goa_dropdown_item);}};}// (232:4) {#each _previousMonthDays as d}
|
|
1412
1417
|
function create_each_block_2(ctx){let button;let div;let t_value=/*d*/ctx[27].getDate()+"";let t;let button_aria_label_value;let button_data_date_value;let button_data_day_value;let button_tabindex_value;let mounted;let dispose;return {c(){button=element("button");div=element("div");t=text(t_value);attr(div,"class","day-num");attr(div,"data-testid","date");attr(button,"aria-label",button_aria_label_value=format(/*d*/ctx[27],"PPPP"));attr(button,"data-date",button_data_date_value=format(/*d*/ctx[27],"T"));attr(button,"data-day",button_data_day_value=format(/*d*/ctx[27],"eee"));attr(button,"class","day other-month");attr(button,"tabindex",button_tabindex_value=isSameDay(/*d*/ctx[27],/*_calendarDate*/ctx[8])?0:-1);toggle_class(button,"disabled",isBefore(/*d*/ctx[27],/*_min*/ctx[9])||isAfter(/*d*/ctx[27],/*_max*/ctx[10]));},m(target,anchor){insert(target,button,anchor);append(button,div);append(div,t);if(!mounted){dispose=listen(button,"click",/*onDateClick*/ctx[19]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*_previousMonthDays*/4096&&t_value!==(t_value=/*d*/ctx[27].getDate()+""))set_data(t,t_value);if(dirty[0]&/*_previousMonthDays*/4096&&button_aria_label_value!==(button_aria_label_value=format(/*d*/ctx[27],"PPPP"))){attr(button,"aria-label",button_aria_label_value);}if(dirty[0]&/*_previousMonthDays*/4096&&button_data_date_value!==(button_data_date_value=format(/*d*/ctx[27],"T"))){attr(button,"data-date",button_data_date_value);}if(dirty[0]&/*_previousMonthDays*/4096&&button_data_day_value!==(button_data_day_value=format(/*d*/ctx[27],"eee"))){attr(button,"data-day",button_data_day_value);}if(dirty[0]&/*_previousMonthDays, _calendarDate*/4352&&button_tabindex_value!==(button_tabindex_value=isSameDay(/*d*/ctx[27],/*_calendarDate*/ctx[8])?0:-1)){attr(button,"tabindex",button_tabindex_value);}if(dirty[0]&/*_previousMonthDays, _min, _max*/5632){toggle_class(button,"disabled",isBefore(/*d*/ctx[27],/*_min*/ctx[9])||isAfter(/*d*/ctx[27],/*_max*/ctx[10]));}},d(detaching){if(detaching)detach(button);mounted=false;dispose();}};}// (245:4) {#each _monthDays as d}
|
|
@@ -1430,7 +1435,7 @@ if(!isSameMonth(newDate,_calendarDate)){renderCalendar({type:"date",value:newDat
|
|
|
1430
1435
|
// Event Handlers
|
|
1431
1436
|
// **************
|
|
1432
1437
|
function setMonth(e){renderCalendar({type:"month",value:+e.detail.value});e.preventDefault();e.stopPropagation();}function setYear(e){renderCalendar({type:"year",value:+e.detail.value});e.preventDefault();e.stopPropagation();}function onDateClick(e){const newDate=new Date(+e.target.dataset.date);if(newDate<_min||newDate>_max){return;}// re-initialize calendar days if user clicked on day outside current month
|
|
1433
|
-
if(!isSameMonth(newDate,_calendarDate)){renderCalendar({type:"date",value:newDate});}$$invalidate(7,_selectedDate=$$invalidate(8,_calendarDate=newDate));dispatchValue();}function div0_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_calendarEl=$$value;$$invalidate(15,_calendarEl);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('min'in $$props)$$invalidate(20,min=$$props.min);if('max'in $$props)$$invalidate(21,max=$$props.max);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);if('bordered'in $$props)$$invalidate(6,bordered=$$props.bordered);};return [value,name,mt,mr,mb,ml,bordered,_selectedDate,_calendarDate,_min,_max,_monthDays,_previousMonthDays,_nextMonthDays,_years,_calendarEl,_months,setMonth,setYear,onDateClick,min,max,div0_binding];}class Calendar extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font:var(--goa-typography-body-s)}.bordered{display:inline-block;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);padding:1rem}.calendar{display:grid;justify-items:center;grid-template-columns:repeat(7, 1fr);gap:2px 0;width:280px;font:var(--goa-typography-body-s)}h5{margin:0;font:var(--goa-typography-heading-xs)}.day{align-items:center;background:var(--goa-color-white);border:none;border-radius:var(--goa-border-radius-m);color:var(--goa-color-greyscale-black);display:inline-flex;font:var(--goa-typography-body-s);height:2.5rem;justify-content:center;margin:0;width:2.5rem}.day.other-month{color:var(--goa-color-greyscale-400)}.day.today{font-weight:var(--goa-font-weight-bold)}.day:focus-within{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.day.selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.day:hover{background:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black);cursor:pointer}.day.selected:hover{background:var(--goa-color-interactive-hover);text-decoration-color:var(--goa-color-white);color:var(--goa-color-greyscale-white)}.day.today.selected:hover{background:var(--goa-color-interactive-hover);text-decoration-color:var(--goa-color-white);color:var(--goa-color-greyscale-white)}.day.disabled{color:var(--goa-color-greyscale-400);cursor:default}.day.disabled:hover{background:var(--goa-color-white)}.day-num{width:100%;margin:0 6px;pointer-events:none;padding-bottom:2px}.selected .day-num{border-bottom:none;padding-bottom:0;width:1.5rem}.today .day-num{border-bottom:3px solid var(--goa-color-interactive-default)}.today.selected .day-num{border-bottom:3px solid var(--goa-color-greyscale-white)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$b,create_fragment$b,safe_not_equal,{name:1,value:0,min:20,max:21,mt:2,mr:3,mb:4,ml:5,bordered:6},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","min","max","mt","mr","mb","ml","bordered"];}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 min(){return this.$$.ctx[20];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[21];}set max(max){this.$$set({max});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}get bordered(){return this.$$.ctx[6];}set bordered(bordered){this.$$set({bordered});flush();}}customElements.define("goa-calendar",Calendar);/* libs/web-components/src/components/date-picker/DatePicker.svelte generated by Svelte v3.59.2 */function create_fragment$a(ctx){let goa_popover;let goa_input;let goa_input_value_value;let t;let goa_calendar;let mounted;let dispose;return {c(){goa_popover=element("goa-popover");goa_input=element("goa-input");t=space();goa_calendar=element("goa-calendar");this.c=noop;set_custom_element_data(goa_input,"slot","target");set_custom_element_data(goa_input,"readonly","true");set_custom_element_data(goa_input,"trailingicon","calendar");set_custom_element_data(goa_input,"value",goa_input_value_value=/*formatDate*/ctx[13](/*_date*/ctx[9]));set_custom_element_data(goa_calendar,"value",/*value*/ctx[0]);set_custom_element_data(goa_calendar,"min",/*min*/ctx[1]);set_custom_element_data(goa_calendar,"max",/*max*/ctx[2]);set_custom_element_data(goa_calendar,"bordered","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"relative",/*relative*/ctx[3]);set_custom_element_data(goa_popover,"mt",/*mt*/ctx[4]);set_custom_element_data(goa_popover,"mb",/*mb*/ctx[6]);set_custom_element_data(goa_popover,"ml",/*ml*/ctx[7]);set_custom_element_data(goa_popover,"mr",/*mr*/ctx[5]);set_custom_element_data(goa_popover,"open",/*_showPopover*/ctx[10]);},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,goa_input);append(goa_popover,t);append(goa_popover,goa_calendar);/*goa_popover_binding*/ctx[16](goa_popover);if(!mounted){dispose=[listen(goa_input,"click",/*showCalendar*/ctx[14]),listen(goa_input,"keydown",/*handleKeyDown*/ctx[15]),listen(goa_calendar,"_change",/*onCalendarChange*/ctx[11]),listen(goa_popover,"_close",/*close_handler*/ctx[17])];mounted=true;}},p(ctx,[dirty]){if(dirty&/*_date*/512&&goa_input_value_value!==(goa_input_value_value=/*formatDate*/ctx[13](/*_date*/ctx[9]))){set_custom_element_data(goa_input,"value",goa_input_value_value);}if(dirty&/*value*/1){set_custom_element_data(goa_calendar,"value",/*value*/ctx[0]);}if(dirty&/*min*/2){set_custom_element_data(goa_calendar,"min",/*min*/ctx[1]);}if(dirty&/*max*/4){set_custom_element_data(goa_calendar,"max",/*max*/ctx[2]);}if(dirty&/*relative*/8){set_custom_element_data(goa_popover,"relative",/*relative*/ctx[3]);}if(dirty&/*mt*/16){set_custom_element_data(goa_popover,"mt",/*mt*/ctx[4]);}if(dirty&/*mb*/64){set_custom_element_data(goa_popover,"mb",/*mb*/ctx[6]);}if(dirty&/*ml*/128){set_custom_element_data(goa_popover,"ml",/*ml*/ctx[7]);}if(dirty&/*mr*/32){set_custom_element_data(goa_popover,"mr",/*mr*/ctx[5]);}if(dirty&/*_showPopover*/1024){set_custom_element_data(goa_popover,"open",/*_showPopover*/ctx[10]);}},i:noop,o:noop,d(detaching){if(detaching)detach(goa_popover);/*goa_popover_binding*/ctx[16](null);mounted=false;run_all(dispose);}};}function instance$a($$self,$$props,$$invalidate){let{value=""}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{relative="false"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let _rootEl;let _date;let _showPopover=false;onMount(async()=>{$$invalidate(9,_date=value&&startOfDay(new Date(value)));if(value&&!isValid(_date)){console.error(`${value} is not a valid date`);}});function onCalendarChange(e){$$invalidate(9,_date=e.detail.value);hideCalendar();e.stopPropagation();e.preventDefault();}function dispatchValue(date){if(!date)return;_rootEl.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:true,detail:{type:"date",value:date}}));}function formatDate(d){if(!d)return "";if(typeof d==="string"){return format(new Date(d),"PPP");}return format(d,"PPP");}function hideCalendar(){$$invalidate(10,_showPopover=false);}function showCalendar(){$$invalidate(10,_showPopover=true);}function handleKeyDown(e){if(!_date)return;if(["Space","Enter"].includes(e.key)){showCalendar();return;}switch(e.key){case"ArrowLeft":$$invalidate(9,_date=addDays(_date,-1));break;case"ArrowRight":$$invalidate(9,_date=addDays(_date,1));break;case"ArrowDown":$$invalidate(9,_date=addDays(_date,7));break;case"ArrowUp":$$invalidate(9,_date=addDays(_date,-7));break;case"PageUp":$$invalidate(9,_date=e.shiftKey?addYears(_date,-1):addMonths(_date,-1));break;case"PageDown":$$invalidate(9,_date=e.shiftKey?addYears(_date,1):addMonths(_date,1));break;}dispatchValue(_date);}function goa_popover_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(8,_rootEl);});}const close_handler=()=>dispatchValue(_date);$$self.$$set=$$props=>{if('value'in $$props)$$invalidate(0,value=$$props.value);if('min'in $$props)$$invalidate(1,min=$$props.min);if('max'in $$props)$$invalidate(2,max=$$props.max);if('relative'in $$props)$$invalidate(3,relative=$$props.relative);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [value,min,max,relative,mt,mr,mb,ml,_rootEl,_date,_showPopover,onCalendarChange,dispatchValue,formatDate,showCalendar,handleKeyDown,goa_popover_binding,close_handler];}class DatePicker extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$a,create_fragment$a,safe_not_equal,{value:0,min:1,max:2,relative:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["value","min","max","relative","mt","mr","mb","ml"];}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get min(){return this.$$.ctx[1];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[2];}set max(max){this.$$set({max});flush();}get relative(){return this.$$.ctx[3];}set relative(relative){this.$$set({relative});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-date-picker",DatePicker);/* libs/web-components/src/components/file-upload-card/FileUploadCard.svelte generated by Svelte v3.59.2 */function create_else_block$2(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","fileicon");set_custom_element_data(goa_icon,"data-testid","icon");set_custom_element_data(goa_icon,"type","goa-file");set_custom_element_data(goa_icon,"fillcolor","#dcdcdc");set_custom_element_data(goa_icon,"size","xlarge");},m(target,anchor){insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(goa_icon);}};}// (71:4) {#if _status === "uploaded"}
|
|
1438
|
+
if(!isSameMonth(newDate,_calendarDate)){renderCalendar({type:"date",value:newDate});}$$invalidate(7,_selectedDate=$$invalidate(8,_calendarDate=newDate));dispatchValue();}function div0_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_calendarEl=$$value;$$invalidate(15,_calendarEl);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('min'in $$props)$$invalidate(20,min=$$props.min);if('max'in $$props)$$invalidate(21,max=$$props.max);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);if('bordered'in $$props)$$invalidate(6,bordered=$$props.bordered);};return [value,name,mt,mr,mb,ml,bordered,_selectedDate,_calendarDate,_min,_max,_monthDays,_previousMonthDays,_nextMonthDays,_years,_calendarEl,_months,setMonth,setYear,onDateClick,min,max,div0_binding];}class Calendar extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font:var(--goa-typography-body-s)}.bordered{display:inline-block;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);padding:1rem}.calendar{display:grid;justify-items:center;grid-template-columns:repeat(7, 1fr);gap:2px 0;width:280px;font:var(--goa-typography-body-s)}h5{margin:0;font:var(--goa-typography-heading-xs)}.day{align-items:center;background:var(--goa-color-white);border:none;border-radius:var(--goa-border-radius-m);color:var(--goa-color-greyscale-black);display:inline-flex;font:var(--goa-typography-body-s);height:2.5rem;justify-content:center;margin:0;width:2.5rem}.day.other-month{color:var(--goa-color-greyscale-400)}.day.today{font-weight:var(--goa-font-weight-bold)}.day:focus-within{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.day.selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.day:hover{background:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black);cursor:pointer}.day.selected:hover{background:var(--goa-color-interactive-hover);text-decoration-color:var(--goa-color-white);color:var(--goa-color-greyscale-white)}.day.today.selected:hover{background:var(--goa-color-interactive-hover);text-decoration-color:var(--goa-color-white);color:var(--goa-color-greyscale-white)}.day.disabled{color:var(--goa-color-greyscale-400);cursor:default}.day.disabled:hover{background:var(--goa-color-white)}.day-num{width:100%;margin:0 6px;pointer-events:none;padding-bottom:2px}.selected .day-num{border-bottom:none;padding-bottom:0;width:1.5rem}.today .day-num{border-bottom:3px solid var(--goa-color-interactive-default)}.today.selected .day-num{border-bottom:3px solid var(--goa-color-greyscale-white)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$b,create_fragment$b,safe_not_equal,{name:1,value:0,min:20,max:21,mt:2,mr:3,mb:4,ml:5,bordered:6},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","min","max","mt","mr","mb","ml","bordered"];}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 min(){return this.$$.ctx[20];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[21];}set max(max){this.$$set({max});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}get bordered(){return this.$$.ctx[6];}set bordered(bordered){this.$$set({bordered});flush();}}customElements.define("goa-calendar",Calendar);/* src/components/date-picker/DatePicker.svelte generated by Svelte v3.59.2 */function create_fragment$a(ctx){let goa_popover;let goa_input;let goa_input_value_value;let t;let goa_calendar;let mounted;let dispose;return {c(){goa_popover=element("goa-popover");goa_input=element("goa-input");t=space();goa_calendar=element("goa-calendar");this.c=noop;set_custom_element_data(goa_input,"slot","target");set_custom_element_data(goa_input,"readonly","true");set_custom_element_data(goa_input,"trailingicon","calendar");set_custom_element_data(goa_input,"value",goa_input_value_value=/*formatDate*/ctx[13](/*_date*/ctx[9]));set_custom_element_data(goa_calendar,"value",/*value*/ctx[0]);set_custom_element_data(goa_calendar,"min",/*min*/ctx[1]);set_custom_element_data(goa_calendar,"max",/*max*/ctx[2]);set_custom_element_data(goa_calendar,"bordered","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"relative",/*relative*/ctx[3]);set_custom_element_data(goa_popover,"mt",/*mt*/ctx[4]);set_custom_element_data(goa_popover,"mb",/*mb*/ctx[6]);set_custom_element_data(goa_popover,"ml",/*ml*/ctx[7]);set_custom_element_data(goa_popover,"mr",/*mr*/ctx[5]);set_custom_element_data(goa_popover,"open",/*_showPopover*/ctx[10]);},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,goa_input);append(goa_popover,t);append(goa_popover,goa_calendar);/*goa_popover_binding*/ctx[16](goa_popover);if(!mounted){dispose=[listen(goa_input,"click",/*showCalendar*/ctx[14]),listen(goa_input,"keydown",/*handleKeyDown*/ctx[15]),listen(goa_calendar,"_change",/*onCalendarChange*/ctx[11]),listen(goa_popover,"_close",/*close_handler*/ctx[17])];mounted=true;}},p(ctx,[dirty]){if(dirty&/*_date*/512&&goa_input_value_value!==(goa_input_value_value=/*formatDate*/ctx[13](/*_date*/ctx[9]))){set_custom_element_data(goa_input,"value",goa_input_value_value);}if(dirty&/*value*/1){set_custom_element_data(goa_calendar,"value",/*value*/ctx[0]);}if(dirty&/*min*/2){set_custom_element_data(goa_calendar,"min",/*min*/ctx[1]);}if(dirty&/*max*/4){set_custom_element_data(goa_calendar,"max",/*max*/ctx[2]);}if(dirty&/*relative*/8){set_custom_element_data(goa_popover,"relative",/*relative*/ctx[3]);}if(dirty&/*mt*/16){set_custom_element_data(goa_popover,"mt",/*mt*/ctx[4]);}if(dirty&/*mb*/64){set_custom_element_data(goa_popover,"mb",/*mb*/ctx[6]);}if(dirty&/*ml*/128){set_custom_element_data(goa_popover,"ml",/*ml*/ctx[7]);}if(dirty&/*mr*/32){set_custom_element_data(goa_popover,"mr",/*mr*/ctx[5]);}if(dirty&/*_showPopover*/1024){set_custom_element_data(goa_popover,"open",/*_showPopover*/ctx[10]);}},i:noop,o:noop,d(detaching){if(detaching)detach(goa_popover);/*goa_popover_binding*/ctx[16](null);mounted=false;run_all(dispose);}};}function instance$a($$self,$$props,$$invalidate){let{value=""}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{relative="false"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let _rootEl;let _date;let _showPopover=false;onMount(async()=>{$$invalidate(9,_date=value&&startOfDay(new Date(value)));if(value&&!isValid(_date)){console.error(`${value} is not a valid date`);}});function onCalendarChange(e){$$invalidate(9,_date=e.detail.value);hideCalendar();e.stopPropagation();e.preventDefault();}function dispatchValue(date){if(!date)return;_rootEl.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:true,detail:{type:"date",value:date}}));}function formatDate(d){if(!d)return "";if(typeof d==="string"){return format(new Date(d),"PPP");}return format(d,"PPP");}function hideCalendar(){$$invalidate(10,_showPopover=false);}function showCalendar(){$$invalidate(10,_showPopover=true);}function handleKeyDown(e){if(!_date)return;if(["Space","Enter"].includes(e.key)){showCalendar();return;}switch(e.key){case"ArrowLeft":$$invalidate(9,_date=addDays(_date,-1));break;case"ArrowRight":$$invalidate(9,_date=addDays(_date,1));break;case"ArrowDown":$$invalidate(9,_date=addDays(_date,7));break;case"ArrowUp":$$invalidate(9,_date=addDays(_date,-7));break;case"PageUp":$$invalidate(9,_date=e.shiftKey?addYears(_date,-1):addMonths(_date,-1));break;case"PageDown":$$invalidate(9,_date=e.shiftKey?addYears(_date,1):addMonths(_date,1));break;}dispatchValue(_date);}function goa_popover_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(8,_rootEl);});}const close_handler=()=>dispatchValue(_date);$$self.$$set=$$props=>{if('value'in $$props)$$invalidate(0,value=$$props.value);if('min'in $$props)$$invalidate(1,min=$$props.min);if('max'in $$props)$$invalidate(2,max=$$props.max);if('relative'in $$props)$$invalidate(3,relative=$$props.relative);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [value,min,max,relative,mt,mr,mb,ml,_rootEl,_date,_showPopover,onCalendarChange,dispatchValue,formatDate,showCalendar,handleKeyDown,goa_popover_binding,close_handler];}class DatePicker extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$a,create_fragment$a,safe_not_equal,{value:0,min:1,max:2,relative:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["value","min","max","relative","mt","mr","mb","ml"];}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get min(){return this.$$.ctx[1];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[2];}set max(max){this.$$set({max});flush();}get relative(){return this.$$.ctx[3];}set relative(relative){this.$$set({relative});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-date-picker",DatePicker);/* src/components/file-upload-card/FileUploadCard.svelte generated by Svelte v3.59.2 */function create_else_block$2(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","fileicon");set_custom_element_data(goa_icon,"data-testid","icon");set_custom_element_data(goa_icon,"type","goa-file");set_custom_element_data(goa_icon,"fillcolor","#dcdcdc");set_custom_element_data(goa_icon,"size","xlarge");},m(target,anchor){insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(goa_icon);}};}// (71:4) {#if _status === "uploaded"}
|
|
1434
1439
|
function create_if_block_7(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","fileicon");set_custom_element_data(goa_icon,"data-testid","icon");set_custom_element_data(goa_icon,"type",/*_fileIcon*/ctx[6]);set_custom_element_data(goa_icon,"fillcolor","#0070c4");set_custom_element_data(goa_icon,"size","xlarge");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*_fileIcon*/64){set_custom_element_data(goa_icon,"type",/*_fileIcon*/ctx[6]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (78:6) {#if _status !== "error"}
|
|
1435
1440
|
function create_if_block_6(ctx){let div;let t_value=formatFileSize(/*size*/ctx[1])+"";let t;return {c(){div=element("div");t=text(t_value);attr(div,"class","filesize");attr(div,"data-testid","filesize");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*size*/2&&t_value!==(t_value=formatFileSize(/*size*/ctx[1])+""))set_data(t,t_value);},d(detaching){if(detaching)detach(div);}};}// (89:36)
|
|
1436
1441
|
function create_if_block_5(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[3]);set_custom_element_data(goa_icon,"type","warning");set_custom_element_data(goa_icon,"size","small");set_custom_element_data(goa_icon,"theme","filled");attr(div,"class","error-msg");attr(div,"data-testid","error");},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);append(div,t0);append(div,t1);},p(ctx,dirty){if(dirty&/*error*/8)set_data(t1,/*error*/ctx[3]);},d(detaching){if(detaching)detach(div);}};}// (85:39)
|
|
@@ -1443,7 +1448,7 @@ const parts=filename.split(".");const ext=parts[parts.length-1];const extTypeIco
|
|
|
1443
1448
|
const mimeTypeIcon=type==="application/vnd.ms-powerpoint"&&"goa-ppt"||type.includes("presentationml")&&"goa-ppt"||type.includes("wordprocessingml")&&"goa-doc"||type.includes("spreadsheet")&&"goa-xls"||type.startsWith("video")&&"goa-video"||type.startsWith("audio")&&"goa-audio"||type.startsWith("image")&&"goa-image"||type==="application/msword"&&"goa-doc"||"goa-file";return mimeTypeIcon;}function formatFileSize(bytes){switch(true){case bytes<1024:return bytes+"B";case bytes<1024*1024:return Math.round(bytes/1024)+"KB";case bytes<Math.pow(1024,3):return Math.round(bytes/Math.pow(1024,2))+"MB";}}function instance$9($$self,$$props,$$invalidate){let{filename}=$$props;let{size}=$$props;let{type=""}=$$props;let{progress=-1}=$$props;let{error=""}=$$props;// Private
|
|
1444
1449
|
let _status="uploading";let _rootEl;let _fileIcon="goa-file";function dispatch(action){_rootEl.dispatchEvent(new CustomEvent(action,{composed:true}));}const click_handler=()=>dispatch("_cancel");const click_handler_1=()=>dispatch("_delete");const click_handler_2=()=>dispatch("_delete");function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(5,_rootEl);});}$$self.$$set=$$props=>{if('filename'in $$props)$$invalidate(0,filename=$$props.filename);if('size'in $$props)$$invalidate(1,size=$$props.size);if('type'in $$props)$$invalidate(8,type=$$props.type);if('progress'in $$props)$$invalidate(2,progress=$$props.progress);if('error'in $$props)$$invalidate(3,error=$$props.error);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error, progress*/12){// Reactive
|
|
1445
1450
|
$$invalidate(4,_status=error&&"error"||progress>=0&&progress<100&&"uploading"||"uploaded");}if($$self.$$.dirty&/*filename, type*/257){$$invalidate(6,_fileIcon=filename&&type&&getFiletypeIcon(filename,type));}};return [filename,size,progress,error,_status,_rootEl,_fileIcon,dispatch,type,click_handler,click_handler_1,click_handler_2,div3_binding];}class FileUploadCard extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.root{padding:var(--goa-space-l);border:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-radius:var(--goa-border-radius-m);margin:0.5rem 0;display:grid;grid-template-columns:38px auto;grid-template-rows:repeat(2, auto);grid-template-areas:"icon details"
|
|
1446
|
-
"action action";gap:1rem;align-items:center}.root.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error)}@media(
|
|
1451
|
+
"action action";gap:1rem;align-items:center}.root.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error)}@media screen and (max-width: 623px){@media not (max-color:2147477350){.root{grid-template-columns:38px 1fr auto;grid-template-rows:auto;grid-template-areas:"icon details action"}.details{margin-left:0.5rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.root{grid-template-columns:38px 1fr auto;grid-template-rows:auto;grid-template-areas:"icon details action"}.details{margin-left:0.5rem}}}.fileicon{grid-area:icon;align-self:center}.actions{grid-area:action}.details{grid-area:details;display:flex;flex-direction:column;overflow-x:hidden}.filename{grid-area:filename;font-size:var(--goa-font-size-4);overflow-wrap:anywhere}.error-msg{display:flex;align-items:flex-start;margin-top:0.5rem;gap:var(--goa-space-2xs);color:var(--goa-color-interactive-error);font:var(--goa-typography-body-xs)}.timestamp,.filesize{color:var(--goa-color-greyscale-700);font:var(--goa-typography-body-s)}.progress{display:flex;align-items:center;font:var(--goa-typography-body-xs);gap:0.5rem}progress{flex:1 1 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border:none;border-radius:var(--goa-border-radius-m);background:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-700)}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$9,create_fragment$9,safe_not_equal,{filename:0,size:1,type:8,progress:2,error: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 ["filename","size","type","progress","error"];}get filename(){return this.$$.ctx[0];}set filename(filename){this.$$set({filename});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[8];}set type(type){this.$$set({type});flush();}get progress(){return this.$$.ctx[2];}set progress(progress){this.$$set({progress});flush();}get error(){return this.$$.ctx[3];}set error(error){this.$$set({error});flush();}}customElements.define("goa-file-upload-card",FileUploadCard);/* src/components/file-upload-input/FileUploadInput.svelte generated by Svelte v3.59.2 */function get_each_context(ctx,list,i){const child_ctx=ctx.slice();child_ctx[21]=list[i];return child_ctx;}// (126:0) {#if variant === "dragdrop"}
|
|
1447
1452
|
function create_if_block_3$1(ctx){let div3;let div2;let t6;let t7;let input;let div3_class_value;let mounted;let dispose;let if_block=/*maxfilesize*/ctx[2]&&create_if_block_4(ctx);return {c(){div3=element("div");div2=element("div");div2.innerHTML=`<goa-icon type="cloud-upload" size="large"></goa-icon>
|
|
1448
1453
|
<div>Drag and drop files here</div>
|
|
1449
1454
|
<em>or</em>
|
|
@@ -1460,10 +1465,10 @@ function validate(file){if(!isValidFileType(file)){return "Invalid file type";}i
|
|
|
1460
1465
|
if(e.dataTransfer.items){[...e.dataTransfer.items].forEach(item=>{if(item.kind==='file'){const file=item.getAsFile();const error=validate(file);if(error){$$invalidate(6,issues=[{filename:file.name,error},...issues]);return;}dispatch(item.getAsFile());}});}else {[...e.dataTransfer.files].forEach(file=>{const error=validate(file);if(error){$$invalidate(6,issues=[{filename:file.name,error},...issues]);return;}dispatch(file);});}$$invalidate(4,_fileInput.value=null,_fileInput);}function onDragEnter(){$$invalidate(5,_state="dragenter");}function onDragLeave(e){// hovering over child components will result in the dragleave event to be fired,
|
|
1461
1466
|
// so we must validate to whether the mouse pointer is within the bounds of the
|
|
1462
1467
|
// dropable area
|
|
1463
|
-
const rect=_el.getBoundingClientRect();const withinBounds=e.clientX>rect.x&&e.clientX<=rect.x+rect.width&&e.clientY>rect.y&&e.clientY<=rect.y+rect.height;if(!withinBounds){$$invalidate(5,_state="default");}}function onMouseOver(){$$invalidate(5,_state="hover");}function onMouseOut(){$$invalidate(5,_state="default");}function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_fileInput=$$value;$$invalidate(4,_fileInput);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(3,_el);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(3,_el);});}function input_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_fileInput=$$value;$$invalidate(4,_fileInput);});}$$self.$$set=$$props=>{if('variant'in $$props)$$invalidate(0,variant=$$props.variant);if('accept'in $$props)$$invalidate(1,accept=$$props.accept);if('maxfilesize'in $$props)$$invalidate(2,maxfilesize=$$props.maxfilesize);};return [variant,accept,maxfilesize,_el,_fileInput,_state,issues,openFilePicker,onDrop,onDragEnter,onDragLeave,onMouseOver,onMouseOut,input_binding,div3_binding,div_binding,input_binding_1];}class FileUploadInput extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.dragdrop{border-radius:var(--goa-border-radius-m);border:var(--goa-border-width-m) dashed var(--goa-color-interactive-default);display:flex;font:var(--goa-typography-body-m);flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;padding:var(--goa-space-xl);color:var(--goa-color-interactive-default);text-align:center;cursor:pointer}@media(max-width:
|
|
1464
|
-
function create_if_block_3(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","remove");},m(target,anchor){insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(goa_icon);}};}// (
|
|
1465
|
-
function create_if_block_2(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","checkmark");set_custom_element_data(goa_icon,"inverted","");},m(target,anchor){insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(goa_icon);}};}// (
|
|
1466
|
-
function create_if_block_1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","pencil");},m(target,anchor){insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(goa_icon);}};}// (
|
|
1468
|
+
const rect=_el.getBoundingClientRect();const withinBounds=e.clientX>rect.x&&e.clientX<=rect.x+rect.width&&e.clientY>rect.y&&e.clientY<=rect.y+rect.height;if(!withinBounds){$$invalidate(5,_state="default");}}function onMouseOver(){$$invalidate(5,_state="hover");}function onMouseOut(){$$invalidate(5,_state="default");}function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_fileInput=$$value;$$invalidate(4,_fileInput);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(3,_el);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(3,_el);});}function input_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_fileInput=$$value;$$invalidate(4,_fileInput);});}$$self.$$set=$$props=>{if('variant'in $$props)$$invalidate(0,variant=$$props.variant);if('accept'in $$props)$$invalidate(1,accept=$$props.accept);if('maxfilesize'in $$props)$$invalidate(2,maxfilesize=$$props.maxfilesize);};return [variant,accept,maxfilesize,_el,_fileInput,_state,issues,openFilePicker,onDrop,onDragEnter,onDragLeave,onMouseOver,onMouseOut,input_binding,div3_binding,div_binding,input_binding_1];}class FileUploadInput extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.dragdrop{border-radius:var(--goa-border-radius-m);border:var(--goa-border-width-m) dashed var(--goa-color-interactive-default);display:flex;font:var(--goa-typography-body-m);flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;padding:var(--goa-space-xl);color:var(--goa-color-interactive-default);text-align:center;cursor:pointer}@media screen and (max-width: 623px){.dragdrop{padding-top:1.75rem}}.dragdrop:active,.dragdrop:focus-within{border-style:solid;outline:none}.dragdrop:hover div{color:var(--goa-color-interactive-hover)}.state-default{background:var(--goa-color-info-background)}.state-hover{background:var(--goa-color-greyscale-100);border-style:dashed}.state-dragenter{background:var(--goa-color-info-background);border-style:solid}.instructions{display:flex;align-items:center;gap:0.5rem}@media screen and (max-width: 623px){.instructions{flex-direction:column}}goa-icon{margin-top:4px;margin-right:4px}.browse-files{text-decoration:underline}em{font-style:normal;font:var(--goa-typography-body-s);color:var(--goa-color-greyscale-700)}.max-file-size{display:block;margin-top:0.5rem}input[type="file"]{position:absolute;left:-9999px}.issues{border-bottom:1px solid var(--goa-color-greyscale-200);margin:1rem 0}.issue{margin-bottom:1rem}.error{color:var(--goa-color-interactive-error);font-size:0.9em;display:flex;align-items:center;gap:0.5rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$8,create_fragment$8,safe_not_equal,{variant:0,accept:1,maxfilesize: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 ["variant","accept","maxfilesize"];}get variant(){return this.$$.ctx[0];}set variant(variant){this.$$set({variant});flush();}get accept(){return this.$$.ctx[1];}set accept(accept){this.$$set({accept});flush();}get maxfilesize(){return this.$$.ctx[2];}set maxfilesize(maxfilesize){this.$$set({maxfilesize});flush();}}customElements.define("goa-file-upload-input",FileUploadInput);/* src/components/form-step/FormStep.svelte generated by Svelte v3.59.2 */function create_else_block$1(ctx){let div;let t;return {c(){div=element("div");t=text(/*childindex*/ctx[1]);attr(div,"data-testid","child-index");attr(div,"class","step-number");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*childindex*/2)set_data(t,/*childindex*/ctx[1]);},d(detaching){if(detaching)detach(div);}};}// (160:38)
|
|
1469
|
+
function create_if_block_3(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","remove");},m(target,anchor){insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(goa_icon);}};}// (158:36)
|
|
1470
|
+
function create_if_block_2(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","checkmark");set_custom_element_data(goa_icon,"inverted","");},m(target,anchor){insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(goa_icon);}};}// (156:4) {#if _isCurrent}
|
|
1471
|
+
function create_if_block_1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","pencil");},m(target,anchor){insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(goa_icon);}};}// (168:4) {#if status === "incomplete"}
|
|
1467
1472
|
function create_if_block$4(ctx){let div;return {c(){div=element("div");div.textContent="Partially complete";attr(div,"class","subtext");attr(div,"data-testid","subtext");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}function create_fragment$7(ctx){let label;let input;let input_aria_disabled_value;let t0;let div0;let t1;let div2;let div1;let t2;let t3;let label_aria_disabled_value;let label_aria_current_value;let label_aria_label_value;function select_block_type(ctx,dirty){if(/*_isCurrent*/ctx[7])return create_if_block_1;if(/*status*/ctx[3]==="complete")return create_if_block_2;if(/*status*/ctx[3]==="incomplete")return create_if_block_3;return create_else_block$1;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*status*/ctx[3]==="incomplete"&&create_if_block$4();return {c(){label=element("label");input=element("input");t0=space();div0=element("div");if_block0.c();t1=space();div2=element("div");div1=element("div");t2=text(/*text*/ctx[0]);t3=space();if(if_block1)if_block1.c();this.c=noop;attr(input,"id",/*text*/ctx[0]);attr(input,"type","checkbox");input.checked=/*_isCurrent*/ctx[7];attr(input,"aria-disabled",input_aria_disabled_value=!/*_isEnabled*/ctx[6]);attr(div0,"data-testid","status");attr(div0,"class","status");attr(div1,"class","text");attr(div1,"data-testid","text");attr(div2,"class","details");attr(label,"id",/*arialabel*/ctx[2]);attr(label,"role","listitem");attr(label,"tabindex","-1");attr(label,"for",/*text*/ctx[0]);attr(label,"data-status",/*status*/ctx[3]);attr(label,"aria-disabled",label_aria_disabled_value=!/*_isEnabled*/ctx[6]?"true":"false");attr(label,"aria-current",label_aria_current_value=/*_isCurrent*/ctx[7]?"step":"false");attr(label,"aria-label",label_aria_label_value=`${/*arialabel*/ctx[2]} ${/*text*/ctx[0]} ${/*status*/ctx[3]||""}`);},m(target,anchor){insert(target,label,anchor);append(label,input);/*input_binding*/ctx[10](input);append(label,t0);append(label,div0);if_block0.m(div0,null);append(label,t1);append(label,div2);append(div2,div1);append(div1,t2);append(div2,t3);if(if_block1)if_block1.m(div2,null);/*label_binding*/ctx[11](label);},p(ctx,[dirty]){if(dirty&/*text*/1){attr(input,"id",/*text*/ctx[0]);}if(dirty&/*_isCurrent*/128){input.checked=/*_isCurrent*/ctx[7];}if(dirty&/*_isEnabled*/64&&input_aria_disabled_value!==(input_aria_disabled_value=!/*_isEnabled*/ctx[6])){attr(input,"aria-disabled",input_aria_disabled_value);}if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block0){if_block0.p(ctx,dirty);}else {if_block0.d(1);if_block0=current_block_type(ctx);if(if_block0){if_block0.c();if_block0.m(div0,null);}}if(dirty&/*text*/1)set_data(t2,/*text*/ctx[0]);if(/*status*/ctx[3]==="incomplete"){if(if_block1);else {if_block1=create_if_block$4();if_block1.c();if_block1.m(div2,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*arialabel*/4){attr(label,"id",/*arialabel*/ctx[2]);}if(dirty&/*text*/1){attr(label,"for",/*text*/ctx[0]);}if(dirty&/*status*/8){attr(label,"data-status",/*status*/ctx[3]);}if(dirty&/*_isEnabled*/64&&label_aria_disabled_value!==(label_aria_disabled_value=!/*_isEnabled*/ctx[6]?"true":"false")){attr(label,"aria-disabled",label_aria_disabled_value);}if(dirty&/*_isCurrent*/128&&label_aria_current_value!==(label_aria_current_value=/*_isCurrent*/ctx[7]?"step":"false")){attr(label,"aria-current",label_aria_current_value);}if(dirty&/*arialabel, text, status*/13&&label_aria_label_value!==(label_aria_label_value=`${/*arialabel*/ctx[2]} ${/*text*/ctx[0]} ${/*status*/ctx[3]||""}`)){attr(label,"aria-label",label_aria_label_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(label);/*input_binding*/ctx[10](null);if_block0.d();if(if_block1)if_block1.d();/*label_binding*/ctx[11](null);}};}function instance$7($$self,$$props,$$invalidate){let _isCurrent;let _isEnabled;const[StatusTypes,validateStatus]=typeValidator("Form Step status",["incomplete","complete"],true);let{text}=$$props;let{current="false"}=$$props;let{enabled="false"}=$$props;let{childindex=""}=$$props;let{arialabel=""}=$$props;let{status}=$$props;// =======
|
|
1468
1473
|
// Private
|
|
1469
1474
|
// =======
|
|
@@ -1476,7 +1481,7 @@ $$invalidate(7,_isCurrent=toBoolean(current));}if($$self.$$.dirty&/*enabled, sta
|
|
|
1476
1481
|
[data-status=complete],
|
|
1477
1482
|
[data-status=incomplete],
|
|
1478
1483
|
[aria-current="step"]
|
|
1479
|
-
) .status{border-color:var(--goa-color-greyscale-500)}.text{font:var(--goa-typography-body-s)}.subtext{margin-top:0.25rem;font:var(--goa-typography-body-xs);color:var(--goa-color-text-secondary)}.details{margin-top:0.75rem}@media(max-width:
|
|
1484
|
+
) .status{border-color:var(--goa-color-greyscale-500)}.text{font:var(--goa-typography-body-s)}.subtext{margin-top:0.25rem;font:var(--goa-typography-body-xs);color:var(--goa-color-text-secondary)}.details{margin-top:0.75rem}@media screen and (max-width: 623px){[role="listitem"]{flex-direction:row;align-items:center;text-align:start}.details{margin-left:1rem;margin-top:0}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$7,create_fragment$7,safe_not_equal,{text:0,current:8,enabled:9,childindex:1,arialabel:2,status: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 ["text","current","enabled","childindex","arialabel","status"];}get text(){return this.$$.ctx[0];}set text(text){this.$$set({text});flush();}get current(){return this.$$.ctx[8];}set current(current){this.$$set({current});flush();}get enabled(){return this.$$.ctx[9];}set enabled(enabled){this.$$set({enabled});flush();}get childindex(){return this.$$.ctx[1];}set childindex(childindex){this.$$set({childindex});flush();}get arialabel(){return this.$$.ctx[2];}set arialabel(arialabel){this.$$set({arialabel});flush();}get status(){return this.$$.ctx[3];}set status(status){this.$$set({status});flush();}}customElements.define("goa-form-step",FormStep);/* src/components/form-stepper/FormStepper.svelte generated by Svelte v3.59.2 */function create_if_block$3(ctx){let progress0;let t;let progress1;return {c(){progress0=element("progress");t=space();progress1=element("progress");attr(progress0,"class","horizontal");progress0.value=/*_progress*/ctx[11];attr(progress0,"max","100");attr(progress1,"class","vertical");progress1.value=/*_progress*/ctx[11];attr(progress1,"max","100");},m(target,anchor){insert(target,progress0,anchor);insert(target,t,anchor);insert(target,progress1,anchor);},p(ctx,dirty){if(dirty&/*_progress*/2048){progress0.value=/*_progress*/ctx[11];}if(dirty&/*_progress*/2048){progress1.value=/*_progress*/ctx[11];}},d(detaching){if(detaching)detach(progress0);if(detaching)detach(t);if(detaching)detach(progress1);}};}function create_fragment$6(ctx){let section;let div1;let t;let div0;let div1_style_value;let if_block=/*_steps*/ctx[4].length>0&&/*_showProgressBars*/ctx[10]&&create_if_block$3(ctx);return {c(){section=element("section");div1=element("div");if(if_block)if_block.c();t=space();div0=element("div");div0.innerHTML=`<goa-grid minchildwidth="1px"><slot></slot></goa-grid>`;this.c=noop;attr(div0,"class","slots");attr(div1,"class","form-stepper");attr(div1,"style",div1_style_value=`
|
|
1480
1485
|
${calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3])};
|
|
1481
1486
|
--progress: ${/*_progress*/ctx[11]}%;
|
|
1482
1487
|
--step-width: ${/*_stepWidth*/ctx[7]}px;
|
|
@@ -1513,24 +1518,24 @@ if(step<=0){$$invalidate(12,step=1);setTimeout(()=>{dispatch(step);},1);$$invali
|
|
|
1513
1518
|
// ========
|
|
1514
1519
|
// handles the 1-based step value and the number of line segments is one less
|
|
1515
1520
|
// than the number of steps
|
|
1516
|
-
$$invalidate(11,_progress=(_maxProgressStep-1)/(_steps.length-1)*100);}if($$self.$$.dirty&/*step*/4096){setCurrentStepStatus(step);}};return [mt,mr,mb,ml,_steps,_rootEl,_gridEl,_stepWidth,_stepHeight,_progressHeight,_showProgressBars,_progress,step,_maxAllowedStep,_maxProgressStep,div0_binding,div1_binding];}class FormStepper extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.form-stepper{position:relative}.slots{position:relative;inset:0;z-index:2}progress{position:absolute;z-index:1;-webkit-appearance:none;appearance:none;height:4px;border:none;background:var(--goa-color-greyscale-200);pointer-events:none}progress.horizontal{display:block;top:calc(1.5rem + (2.5rem / 2) - 2px);left:calc(var(--step-width) / 2);width:calc(100% - var(--step-width))}progress.vertical{display:none;width:calc(var(--height) - var(--step-height));transform:rotate(90deg)
|
|
1521
|
+
$$invalidate(11,_progress=(_maxProgressStep-1)/(_steps.length-1)*100);}if($$self.$$.dirty&/*step*/4096){setCurrentStepStatus(step);}};return [mt,mr,mb,ml,_steps,_rootEl,_gridEl,_stepWidth,_stepHeight,_progressHeight,_showProgressBars,_progress,step,_maxAllowedStep,_maxProgressStep,div0_binding,div1_binding];}class FormStepper extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.form-stepper{position:relative}.slots{position:relative;inset:0;z-index:2}progress{position:absolute;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border:none;background:var(--goa-color-greyscale-200);pointer-events:none}progress.horizontal{display:block;top:calc(1.5rem + (2.5rem / 2) - 2px);left:calc(var(--step-width) / 2);width:calc(100% - var(--step-width))}progress.vertical{display:none;width:calc(var(--height) - var(--step-height));transform:rotate(90deg)
|
|
1517
1522
|
translate(
|
|
1518
1523
|
calc(50% + 1.25rem + 1.75rem),
|
|
1519
1524
|
calc((var(--height) - var(--step-height)) / 2 - 1.25rem - 1.5rem)
|
|
1520
|
-
)}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}@media(max-width:
|
|
1525
|
+
)}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}@media screen and (max-width: 623px){progress.horizontal{display:none}progress.vertical{display:inline-block}.form-stepper{display:inline-block}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$6,create_fragment$6,safe_not_equal,{step:12,mt:0,mr:1,mb:2,ml: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 ["step","mt","mr","mb","ml"];}get step(){return this.$$.ctx[12];}set step(step){this.$$set({step});flush();}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();}}customElements.define("goa-form-stepper",FormStepper);/* src/components/pages/Pages.svelte generated by Svelte v3.59.2 */function create_fragment$5(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div,"class","pages");},m(target,anchor){insert(target,div,anchor);append(div,slot);/*div_binding*/ctx[6](div);},p(ctx,[dirty]){if(dirty&/*mt, mr, mb, ml*/15&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[6](null);}};}function instance$5($$self,$$props,$$invalidate){let{current=1}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;// Private
|
|
1521
1526
|
let _rootEl;// Hooks
|
|
1522
1527
|
onMount(async()=>{await tick();setCurrentPage(current);});function setCurrentPage(current){if(!_rootEl)return;const children=getChildren();children.forEach((child,index)=>{const _child=child;_child.style.display=index+1===+current?"block":"none";});}function getChildren(){const slot=_rootEl.querySelector("slot");if(slot){return [...slot.assignedElements()];}else {return [..._rootEl.children];// unit tests
|
|
1523
1528
|
}}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(4,_rootEl);});}$$self.$$set=$$props=>{if('current'in $$props)$$invalidate(5,current=$$props.current);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);};$$self.$$.update=()=>{if($$self.$$.dirty&/*current*/32){// Reactive
|
|
1524
|
-
setCurrentPage(current);}};return [mt,mr,mb,ml,_rootEl,current,div_binding];}class Pages extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$5,create_fragment$5,safe_not_equal,{current:5,mt:0,mr:1,mb:2,ml: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 ["current","mt","mr","mb","ml"];}get current(){return this.$$.ctx[5];}set current(current){this.$$set({current});flush();}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();}}customElements.define("goa-pages",Pages);/*
|
|
1529
|
+
setCurrentPage(current);}};return [mt,mr,mb,ml,_rootEl,current,div_binding];}class Pages extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$5,create_fragment$5,safe_not_equal,{current:5,mt:0,mr:1,mb:2,ml: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 ["current","mt","mr","mb","ml"];}get current(){return this.$$.ctx[5];}set current(current){this.$$set({current});flush();}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();}}customElements.define("goa-pages",Pages);/* src/components/side-menu/SideMenu.svelte generated by Svelte v3.59.2 */function create_fragment$4(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","side-menu");},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[1](div);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[1](null);}};}function instance$4($$self,$$props,$$invalidate){let _rootEl;onMount(async()=>{await tick();setCurrent(window.location.toString());addEventListeners();});function setCurrent(url){const slot=_rootEl.querySelector("slot");if(!slot){return false;}const links=slot.assignedElements().filter(el=>el.tagName==="A");links.forEach(child=>{const current=url.endsWith(child.getAttribute("href"));if(current){child.classList.add("current");}else {child.classList.remove("current");}});}function addEventListeners(){// watch path changes
|
|
1525
1530
|
let currentLocation=document.location.href;const observer=new MutationObserver(_mutationList=>{if(currentLocation!==document.location.href){currentLocation=document.location.href;setCurrent(currentLocation);}});observer.observe(document.body,{childList:true,subtree:true});// watch hash / browser history changes
|
|
1526
|
-
window.addEventListener("popstate",()=>{setCurrent(document.location.href);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(0,_rootEl);});}return [_rootEl,div_binding];}class SideMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);background:#CEDFEE}::slotted(a:hover:not(.current)){background:#CEDFEE}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.side-menu{display:block}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$4,create_fragment$4,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-side-menu",SideMenu);/*
|
|
1531
|
+
window.addEventListener("popstate",()=>{setCurrent(document.location.href);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(0,_rootEl);});}return [_rootEl,div_binding];}class SideMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);background:#CEDFEE}::slotted(a:hover:not(.current)){background:#CEDFEE}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.side-menu{display:block}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$4,create_fragment$4,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-side-menu",SideMenu);/* src/components/side-menu-group/SideMenuGroup.svelte generated by Svelte v3.59.2 */function create_else_block(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-forward");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (189:4) {#if _open}
|
|
1527
1532
|
function create_if_block$2(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-down");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$3(ctx){let div1;let a;let t0;let t1;let a_href_value;let t2;let div0;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*_open*/ctx[1])return create_if_block$2;return create_else_block;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div1=element("div");a=element("a");t0=text(/*heading*/ctx[0]);t1=space();if_block.c();t2=space();div0=element("div");div0.innerHTML=`<slot></slot>`;this.c=noop;attr(a,"href",a_href_value=`#${/*_slug*/ctx[4]}`);attr(a,"class","heading");attr(div0,"class","group");attr(div0,"data-testid","group");toggle_class(div0,"hidden",!/*_open*/ctx[1]);attr(div1,"class","side-menu-group");toggle_class(div1,"current",/*_current*/ctx[2]);},m(target,anchor){insert(target,div1,anchor);append(div1,a);append(a,t0);append(a,t1);if_block.m(a,null);append(div1,t2);append(div1,div0);/*div1_binding*/ctx[6](div1);if(!mounted){dispose=listen(a,"click",/*handleClick*/ctx[5]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*heading*/1)set_data(t0,/*heading*/ctx[0]);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(a,null);}}if(dirty&/*_slug*/16&&a_href_value!==(a_href_value=`#${/*_slug*/ctx[4]}`)){attr(a,"href",a_href_value);}if(dirty&/*_open*/2){toggle_class(div0,"hidden",!/*_open*/ctx[1]);}if(dirty&/*_current*/4){toggle_class(div1,"current",/*_current*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if_block.d();/*div1_binding*/ctx[6](null);mounted=false;dispose();}};}function toSlug(path){return path===null||path===void 0?void 0:path.toLowerCase().replace(/ /g,"-");}function matchesChild(el,url){if(url.endsWith(toSlug(el.heading))){return true;}const slot=el.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();return !!children.find(child=>{return url.endsWith(child.getAttribute("href"));});}function instance$3($$self,$$props,$$invalidate){let _slug;let{heading}=$$props;let _open=false;let _current=false;let _rootEl;onMount(async()=>{await tick();// needed to allow for window location to be read
|
|
1528
1533
|
checkUrlMatches();setCurrent();addEventListeners();});function checkUrlMatches(){const url=window.location.href;$$invalidate(1,_open=matchesMenu(url)||matchesChild(_rootEl,url));if(_open){notifyParent(true);}}function addEventListeners(){// listen to events by children (if child is open the parent also has to be open)
|
|
1529
1534
|
_rootEl.addEventListener("_open",()=>{$$invalidate(1,_open=true);$$invalidate(2,_current=true);});// watch path changes
|
|
1530
1535
|
let currentLocation=document.location.href;const observer=new MutationObserver(_mutationList=>{// if path change occurs
|
|
1531
1536
|
if(currentLocation!==document.location.href){currentLocation=document.location.href;setCurrent();}});observer.observe(document.body,{childList:true,subtree:true});// watch hash / browser history changes
|
|
1532
1537
|
window.addEventListener("popstate",()=>{setCurrent();});}function matchesMenu(url){return url.endsWith(_slug);}function setCurrent(){const url=document.location.href;const slot=_rootEl.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();$$invalidate(2,_current=false);children.forEach(child=>{const current=url.endsWith(child.getAttribute("href"));if(current){$$invalidate(2,_current=true);child.classList.add("current");notifyParent(true);}else {child.classList.remove("current");}// get side-menu-group (level >= 2) marked as children
|
|
1533
|
-
if(child.tagName==="GOA-SIDE-MENU-GROUP"){child.setAttribute("child","true");}});}function handleClick(e){$$invalidate(1,_open=!_open);e.preventDefault();}function notifyParent(current){_rootEl.dispatchEvent(new CustomEvent("_open",{bubbles:true,composed:true,detail:{current}}));}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(3,_rootEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);};$$self.$$.update=()=>{if($$self.$$.dirty&/*heading*/1){$$invalidate(4,_slug=toSlug(heading));}};return [heading,_open,_current,_rootEl,_slug,handleClick,div1_binding];}class SideMenuGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(goa-side-menu-heading),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);margin-left:1rem}::slotted(a),::slotted(a:visited){padding:0.5rem 1rem;text-decoration:none;border-left:4px solid var(--goa-color-greyscale-100)}::slotted(a.current){font:var(--goa-typography-heading-s);border-left:4px solid var(--goa-color-interactive-disabled);background:var(--goa-color-info-background)}::slotted(a:hover:not(.current)){background:var(--goa-color-info-background);border-color:var(--goa-color-greyscale-200)}::slotted(a:focus-visible),.heading:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}:host([child=true]) a.heading,.heading{color:var(--goa-color-text-default);display:flex;align-items:center;justify-content:space-between;line-height:2rem;padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}:host([child=true]) a.heading{margin-left:1rem;border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem 0.5rem 1rem}:host([child=true]) a.heading:hover{border-color:var(--goa-color-greyscale-200);background:var(--goa-color-info-background)}:host([child=true]) .side-menu-group.current a.heading{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-interactive-disabled)}.side-menu-group.current .heading{background:#CEDFEE}.heading:hover{background:#CEDFEE}.hidden{display:none}.group{padding-left:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$3,create_fragment$3,safe_not_equal,{heading:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}}customElements.define("goa-side-menu-group",SideMenuGroup);/*
|
|
1538
|
+
if(child.tagName==="GOA-SIDE-MENU-GROUP"){child.setAttribute("child","true");}});}function handleClick(e){$$invalidate(1,_open=!_open);e.preventDefault();}function notifyParent(current){_rootEl.dispatchEvent(new CustomEvent("_open",{bubbles:true,composed:true,detail:{current}}));}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(3,_rootEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);};$$self.$$.update=()=>{if($$self.$$.dirty&/*heading*/1){$$invalidate(4,_slug=toSlug(heading));}};return [heading,_open,_current,_rootEl,_slug,handleClick,div1_binding];}class SideMenuGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(goa-side-menu-heading),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);margin-left:1rem}::slotted(a),::slotted(a:visited){padding:0.5rem 1rem;text-decoration:none;border-left:4px solid var(--goa-color-greyscale-100)}::slotted(a.current){font:var(--goa-typography-heading-s);border-left:4px solid var(--goa-color-interactive-disabled);background:var(--goa-color-info-background)}::slotted(a:hover:not(.current)){background:var(--goa-color-info-background);border-color:var(--goa-color-greyscale-200)}::slotted(a:focus-visible),.heading:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}:host([child=true]) a.heading,.heading{color:var(--goa-color-text-default);display:flex;align-items:center;justify-content:space-between;line-height:2rem;padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}:host([child=true]) a.heading{margin-left:1rem;border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem 0.5rem 1rem}:host([child=true]) a.heading:hover{border-color:var(--goa-color-greyscale-200);background:var(--goa-color-info-background)}:host([child=true]) .side-menu-group.current a.heading{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-interactive-disabled)}.side-menu-group.current .heading{background:#CEDFEE}.heading:hover{background:#CEDFEE}.hidden{display:none}.group{padding-left:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$3,create_fragment$3,safe_not_equal,{heading:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}}customElements.define("goa-side-menu-group",SideMenuGroup);/* src/components/side-menu-heading/SideMenuHeading.svelte generated by Svelte v3.59.2 */function create_if_block$1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","heading-icon");set_custom_element_data(goa_icon,"type",/*icon*/ctx[0]);set_custom_element_data(goa_icon,"theme","filled");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*icon*/1){set_custom_element_data(goa_icon,"type",/*icon*/ctx[0]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$2(ctx){let h2;let t0;let slot0;let t1;let slot1;let if_block=/*icon*/ctx[0]&&create_if_block$1(ctx);return {c(){h2=element("h2");if(if_block)if_block.c();t0=space();slot0=element("slot");t1=space();slot1=element("slot");this.c=noop;attr(slot1,"name","meta");attr(h2,"data-testid","section-heading");toggle_class(h2,"icon",/*icon*/ctx[0]);},m(target,anchor){insert(target,h2,anchor);if(if_block)if_block.m(h2,null);append(h2,t0);append(h2,slot0);append(h2,t1);append(h2,slot1);},p(ctx,[dirty]){if(/*icon*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$1(ctx);if_block.c();if_block.m(h2,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*icon*/1){toggle_class(h2,"icon",/*icon*/ctx[0]);}},i:noop,o:noop,d(detaching){if(detaching)detach(h2);if(if_block)if_block.d();}};}function instance$2($$self,$$props,$$invalidate){let{icon=null}=$$props;$$self.$$set=$$props=>{if('icon'in $$props)$$invalidate(0,icon=$$props.icon);};return [icon];}class SideMenuHeading extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`h2{border-top:var(--goa-border-width-m) solid var(--goa-color-greyscale-200, #DCDCDC);background:var(--goa-color-greyscale-100, #F1F1F1);padding:0.75rem 0.75rem 0.5rem 1.5rem;margin:0;color:var(--goa-color-text-secondary, #666);font:var(--goa-typography-heading-s);display:flex;align-items:flex-start;gap:0.5rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$2,create_fragment$2,safe_not_equal,{icon: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 ["icon"];}get icon(){return this.$$.ctx[0];}set icon(icon){this.$$set({icon});flush();}}customElements.define("goa-side-menu-heading",SideMenuHeading);/* src/components/tab/Tab.svelte generated by Svelte v3.59.2 */function create_if_block(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"role","tabpanel");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}function create_fragment$1(ctx){let slot;let t0;let t1;let if_block_anchor;let if_block=/*_isOpen*/ctx[1]&&create_if_block();return {c(){slot=element("slot");t0=text(/*heading*/ctx[0]);t1=space();if(if_block)if_block.c();if_block_anchor=empty();this.c=noop;set_style(slot,"display","none");attr(slot,"name","heading");},m(target,anchor){insert(target,slot,anchor);append(slot,t0);insert(target,t1,anchor);if(if_block)if_block.m(target,anchor);insert(target,if_block_anchor,anchor);},p(ctx,[dirty]){if(dirty&/*heading*/1)set_data(t0,/*heading*/ctx[0]);if(/*_isOpen*/ctx[1]){if(if_block);else {if_block=create_if_block();if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}else if(if_block){if_block.d(1);if_block=null;}},i:noop,o:noop,d(detaching){if(detaching)detach(slot);if(detaching)detach(t1);if(if_block)if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}function instance$1($$self,$$props,$$invalidate){let{heading=""}=$$props;let{open="false"}=$$props;let _isOpen;$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('open'in $$props)$$invalidate(2,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/4){$$invalidate(1,_isOpen=toBoolean(open));}};return [heading,_isOpen,open];}class Tab extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`[role=tabpanel]{padding-top:2rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$1,create_fragment$1,safe_not_equal,{heading:0,open: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 ["heading","open"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get open(){return this.$$.ctx[2];}set open(open){this.$$set({open});flush();}}customElements.define("goa-tab",Tab);/* src/components/tabs/Tabs.svelte generated by Svelte v3.59.2 */function create_fragment(ctx){let div2;let div0;let t0;let div1;let t1;let button0;let t2;let button1;return {c(){div2=element("div");div0=element("div");t0=space();div1=element("div");div1.innerHTML=`<slot></slot>`;t1=space();button0=element("button");button0.innerHTML=`<div class="tab"></div>`;t2=space();button1=element("button");this.c=noop;attr(div0,"class","tabs");attr(div1,"class","tabpanel");attr(div1,"tabindex","0");attr(div1,"role","tabpanel");attr(div2,"role","tablist");attr(button0,"role","tab");attr(button0,"aria-selected","false");set_style(button0,"display","none");attr(button1,"role","tab");attr(button1,"aria-selected","true");set_style(button1,"display","none");},m(target,anchor){insert(target,div2,anchor);append(div2,div0);/*div0_binding*/ctx[4](div0);append(div2,t0);append(div2,div1);/*div1_binding*/ctx[5](div1);/*div2_binding*/ctx[6](div2);insert(target,t1,anchor);insert(target,button0,anchor);insert(target,t2,anchor);insert(target,button1,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div2);/*div0_binding*/ctx[4](null);/*div1_binding*/ctx[5](null);/*div2_binding*/ctx[6](null);if(detaching)detach(t1);if(detaching)detach(button0);if(detaching)detach(t2);if(detaching)detach(button1);}};}function instance($$self,$$props,$$invalidate){let{initialtab=1}=$$props;// Private
|
|
1534
1539
|
let _rootEl;let _tabItems=[];let _tabs;let _panelEl;let _currentTab=1;// ========
|
|
1535
1540
|
// Hooks
|
|
1536
1541
|
// ========
|
|
@@ -1543,7 +1548,7 @@ tab=document.createElement("div");tab.textContent=el.getAttribute("heading");}co
|
|
|
1543
1548
|
// =========
|
|
1544
1549
|
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
|
|
1545
1550
|
_tabItems[index].setAttribute("open","true");// display tab content
|
|
1546
|
-
}});_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(
|
|
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);
|
|
1547
1552
|
|
|
1548
1553
|
const GoADatePicker = ({
|
|
1549
1554
|
name,
|
|
@@ -2429,6 +2434,8 @@ const GoAHeroBanner = ({
|
|
|
2429
2434
|
backgroundUrl,
|
|
2430
2435
|
minHeight,
|
|
2431
2436
|
maxContentWidth,
|
|
2437
|
+
backgroundColor,
|
|
2438
|
+
textColor,
|
|
2432
2439
|
children,
|
|
2433
2440
|
testId
|
|
2434
2441
|
}) => {
|
|
@@ -2437,6 +2444,8 @@ const GoAHeroBanner = ({
|
|
|
2437
2444
|
backgroundurl: backgroundUrl,
|
|
2438
2445
|
minheight: minHeight,
|
|
2439
2446
|
maxcontentwidth: maxContentWidth,
|
|
2447
|
+
backgroundcolor: backgroundColor,
|
|
2448
|
+
textcolor: textColor,
|
|
2440
2449
|
"data-testid": testId
|
|
2441
2450
|
}, {
|
|
2442
2451
|
children: children
|