@abgov/react-components 4.17.0-alpha.5 → 4.17.0-alpha.7
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/input/input.d.ts +19 -22
- package/lib/textarea/textarea.d.ts +11 -4
- package/package.json +1 -1
- package/react-components.esm.js +165 -122
- package/react-components.umd.js +166 -124
package/react-components.umd.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactComponents = {}, global.jsxRuntime, global.React, global.dateFns));
|
|
5
5
|
})(this, (function (exports, jsxRuntime, react, dateFns) { 'use strict';
|
|
6
6
|
|
|
7
|
-
function _await(value,then,direct){if(direct){return then?then(value):value;}if(!value||!value.then){value=Promise.resolve(value);}return then?value.then(then):value;}function _async(f){return function(){for(var args=[],i=0;i<arguments.length;i++){args[i]=arguments[i];}try{return Promise.resolve(f.apply(this,args));}catch(e){return Promise.reject(e);}};}function _call(body,then,direct){if(direct){return then?then(body()):body();}try{var result=Promise.resolve(body());return then?result.then(then):result;}catch(e){return Promise.reject(e);}}function noop(){}const identity=x=>x;function assign(tar,src){// @ts-ignore
|
|
7
|
+
function _await(value,then,direct){if(direct){return then?then(value):value;}if(!value||!value.then){value=Promise.resolve(value);}return then?value.then(then):value;}function _async(f){return function(){for(var args=[],i=0;i<arguments.length;i++){args[i]=arguments[i];}try{return Promise.resolve(f.apply(this,args));}catch(e){return Promise.reject(e);}};}function _call(body,then,direct){if(direct){return then?then(body()):body();}try{var result=Promise.resolve(body());return then?result.then(then):result;}catch(e){return Promise.reject(e);}}function _empty(){}function _callIgnored(body,direct){return _call(body,_empty,direct);}function noop(){}const identity=x=>x;function assign(tar,src){// @ts-ignore
|
|
8
8
|
for(const k in src)tar[k]=src[k];return tar;}function run(fn){return fn();}function blank_object(){return Object.create(null);}function run_all(fns){fns.forEach(run);}function is_function(thing){return typeof thing==='function';}function safe_not_equal(a,b){return a!=a?b==b:a!==b||a&&typeof a==='object'||typeof a==='function';}let src_url_equal_anchor;function src_url_equal(element_src,url){if(!src_url_equal_anchor){src_url_equal_anchor=document.createElement('a');}src_url_equal_anchor.href=url;return element_src===src_url_equal_anchor.href;}function is_empty(obj){return Object.keys(obj).length===0;}function subscribe(store,...callbacks){if(store==null){return noop;}const unsub=store.subscribe(...callbacks);return unsub.unsubscribe?()=>unsub.unsubscribe():unsub;}function component_subscribe(component,store,callback){component.$$.on_destroy.push(subscribe(store,callback));}function action_destroyer(action_result){return action_result&&is_function(action_result.destroy)?action_result.destroy:noop;}function split_css_unit(value){const split=typeof value==='string'&&value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return split?[parseFloat(split[1]),split[2]||'px']:[value,'px'];}const is_client=typeof window!=='undefined';let now=is_client?()=>window.performance.now():()=>Date.now();let raf=is_client?cb=>requestAnimationFrame(cb):noop;const tasks=new Set();function run_tasks(now){tasks.forEach(task=>{if(!task.c(now)){tasks.delete(task);task.f();}});if(tasks.size!==0)raf(run_tasks);}/**
|
|
9
9
|
* Creates a new task that runs on each raf frame
|
|
10
10
|
* until it returns a falsy value or is aborted
|
|
@@ -28,6 +28,10 @@
|
|
|
28
28
|
*
|
|
29
29
|
* https://svelte.dev/docs#run-time-svelte-onmount
|
|
30
30
|
*/function onMount(fn){get_current_component().$$.on_mount.push(fn);}/**
|
|
31
|
+
* Schedules a callback to run immediately after the component has been updated.
|
|
32
|
+
*
|
|
33
|
+
* The first time the callback runs will be after the initial `onMount`
|
|
34
|
+
*/function afterUpdate(fn){get_current_component().$$.after_update.push(fn);}/**
|
|
31
35
|
* Schedules a callback to run immediately before the component is unmounted.
|
|
32
36
|
*
|
|
33
37
|
* Out of `onMount`, `beforeUpdate`, `afterUpdate` and `onDestroy`, this is the
|
|
@@ -96,7 +100,7 @@
|
|
|
96
100
|
$$.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
|
|
97
101
|
for(const key in this.$$.slotted){// @ts-ignore todo: improve typings
|
|
98
102
|
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?
|
|
99
|
-
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",`
|
|
103
|
+
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};`:"";}function pluralize(word,count){if(count===1)return word;return `${word}s`;}/* 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",`
|
|
100
104
|
goa-accordion
|
|
101
105
|
`);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
|
|
102
106
|
}}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,10 +109,10 @@
|
|
|
105
109
|
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}
|
|
106
110
|
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}
|
|
107
111
|
function create_if_block_4$4(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}
|
|
108
|
-
function create_if_block_2$
|
|
109
|
-
function create_if_block_3$
|
|
110
|
-
function create_if_block_1$
|
|
111
|
-
function create_if_block$
|
|
112
|
+
function create_if_block_2$f(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}
|
|
113
|
+
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)}
|
|
114
|
+
function create_if_block_1$j(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}
|
|
115
|
+
function create_if_block$w(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$4(ctx);let if_block2=/*_showToggleMenu*/ctx[7]&&/*_tablet*/ctx[9]&&create_if_block_2$f(ctx);let if_block3=!/*_showMenu*/ctx[8]&&(/*_mobile*/ctx[10]||/*_tablet*/ctx[9])&&create_if_block_1$j(ctx);let if_block4=(/*_showMenu*/ctx[8]&&/*_mobile*/ctx[10]||/*_desktop*/ctx[5])&&create_if_block$w(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$4(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$f(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$j(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$w(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){// *Menu* children count
|
|
112
116
|
// When in mobile mode, while the children are not visible the children are rendered in a div[display: none]
|
|
113
117
|
// element to allow for the children count to be obtained.
|
|
114
118
|
const hasChildren=function hasChildren(){var _a;return _call(tick,function(){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
|
|
@@ -119,8 +123,8 @@
|
|
|
119
123
|
function setCurrentLink(){if(!_slotParentEl)return;const slot=_slotParentEl.querySelector("slot");if(!slot)return;const link=slot.assignedElements().filter(el=>el.tagName==="A").map(el=>{el.classList.remove("current");return el;}).find(el=>{const href=el.href;const url=`${window.location.pathname}${window.location.search}${window.location.hash}`;return href.endsWith(url);});if(link){link.classList.add("current");}}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
|
|
120
124
|
$$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(function(){const _desktop2=!_desktop;return _await(_desktop2&&hasChildren(),function(_hasChildren){return $$invalidate(7,_showToggleMenu=_hasChildren);},!_desktop2);})();}};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"
|
|
121
125
|
"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}::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)}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 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}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}}@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}
|
|
122
|
-
function create_if_block_1$
|
|
123
|
-
function create_if_block$
|
|
126
|
+
function create_if_block_1$i(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}
|
|
127
|
+
function create_if_block$v(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$i;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$v(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$v(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
|
|
124
128
|
$$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=`
|
|
125
129
|
${calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])};
|
|
126
130
|
--gap: var(--goa-space-${/*gap*/ctx[0]});
|
|
@@ -131,13 +135,13 @@
|
|
|
131
135
|
--gap: var(--goa-space-${/*gap*/ctx[0]});
|
|
132
136
|
--alignment: ${/*alignment*/ctx[2]};
|
|
133
137
|
--direction: ${/*direction*/ctx[1]};
|
|
134
|
-
`)){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$
|
|
135
|
-
function create_if_block$
|
|
136
|
-
function create_if_block_2$
|
|
137
|
-
function create_if_block_1$
|
|
138
|
-
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}
|
|
139
|
-
function create_if_block_1$
|
|
140
|
-
function create_if_block$
|
|
138
|
+
`)){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$e(ctx);let if_block1=/*trailingicon*/ctx[4]&&create_if_block_1$h(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$e(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$h(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"}
|
|
139
|
+
function create_if_block$u(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}
|
|
140
|
+
function create_if_block_2$e(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}
|
|
141
|
+
function create_if_block_1$h(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$u;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,
|
|
142
|
+
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$t(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$t(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$t(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$d(ctx){let svg;let path;return {c(){svg=svg_element("svg");path=svg_element("path");attr(path,"d","M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z");attr(svg,"id","checkmark");attr(svg,"data-testid","checkmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 16 12.18");},m(target,anchor){insert(target,svg,anchor);append(svg,path);},d(detaching){if(detaching)detach(svg);}};}// (76:4) {#if isIndeterminate}
|
|
143
|
+
function create_if_block_1$g(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}
|
|
144
|
+
function create_if_block$s(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$g;if(/*isChecked*/ctx[12])return create_if_block_2$d;}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$s(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$s(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
|
|
141
145
|
let _value;let _checkboxRef;let _descriptionId;onMount(()=>{// hold on to the initial value to prevent losing it on check changes
|
|
142
146
|
_value=value;$$invalidate(11,_descriptionId=`description_${name}`);});function onChange(e){// Manually set the focus back to the checkbox after the state change
|
|
143
147
|
_checkboxRef.focus();// An empty string is required as setting the second value to `null` caused the data to get
|
|
@@ -145,15 +149,15 @@
|
|
|
145
149
|
const newCheckStatus=!isChecked;const newValue=newCheckStatus?`${_value||"checked"}`:"";// set the local state
|
|
146
150
|
$$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
|
|
147
151
|
$$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
|
|
148
|
-
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$
|
|
149
|
-
function create_if_block$
|
|
152
|
+
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$f(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}
|
|
153
|
+
function create_if_block$r(ctx){let goa_icon;let goa_icon_fillcolor_value;let goa_icon_opacity_value;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","delete-icon");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"theme","filled");set_custom_element_data(goa_icon,"type","close-circle");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_error*/ctx[10]?"var(--goa-color-emergency-default)":/*_hovering*/ctx[9]?"var(--goa-color-interactive-hover)":"var(--goa-color-greyscale-700)");set_custom_element_data(goa_icon,"opacity",goa_icon_opacity_value=/*_error*/ctx[10]?/*_hovering*/ctx[9]?1:0.5:1);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*_error, _hovering*/1536&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_error*/ctx[10]?"var(--goa-color-emergency-default)":/*_hovering*/ctx[9]?"var(--goa-color-interactive-hover)":"var(--goa-color-greyscale-700)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*_error, _hovering*/1536&&goa_icon_opacity_value!==(goa_icon_opacity_value=/*_error*/ctx[10]?/*_hovering*/ctx[9]?1:0.5:1)){set_custom_element_data(goa_icon,"opacity",goa_icon_opacity_value);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$O(ctx){let div1;let t0;let div0;let t1;let t2;let div1_style_value;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[4]&&create_if_block_1$f(ctx);let if_block1=/*_deletable*/ctx[11]&&create_if_block$r(ctx);return {c(){div1=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");t1=text(/*content*/ctx[5]);t2=space();if(if_block1)if_block1.c();this.c=noop;attr(div0,"class","text");attr(div1,"data-testid",/*testid*/ctx[7]);attr(div1,"class","chip");attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div1,"tabindex","0");toggle_class(div1,"deletable",/*_deletable*/ctx[11]);toggle_class(div1,"error",/*_error*/ctx[10]);toggle_class(div1,"variant",/*variant*/ctx[6]);},m(target,anchor){insert(target,div1,anchor);if(if_block0)if_block0.m(div1,null);append(div1,t0);append(div1,div0);append(div0,t1);append(div1,t2);if(if_block1)if_block1.m(div1,null);/*div1_binding*/ctx[15](div1);if(!mounted){dispose=[listen(div1,"click",/*click_handler*/ctx[16]),listen(div1,"mouseover",/*mouseover_handler*/ctx[17]),listen(div1,"mouseout",/*mouseout_handler*/ctx[18]),listen(div1,"focus",/*focus_handler*/ctx[19]),listen(div1,"blur",/*blur_handler*/ctx[20])];mounted=true;}},p(ctx,[dirty]){if(/*leadingicon*/ctx[4]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_1$f(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*content*/32)set_data(t1,/*content*/ctx[5]);if(/*_deletable*/ctx[11]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$r(ctx);if_block1.c();if_block1.m(div1,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*testid*/128){attr(div1,"data-testid",/*testid*/ctx[7]);}if(dirty&/*mt, mr, mb, ml*/15&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div1,"style",div1_style_value);}if(dirty&/*_deletable*/2048){toggle_class(div1,"deletable",/*_deletable*/ctx[11]);}if(dirty&/*_error*/1024){toggle_class(div1,"error",/*_error*/ctx[10]);}if(dirty&/*variant*/64){toggle_class(div1,"variant",/*variant*/ctx[6]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*div1_binding*/ctx[15](null);mounted=false;run_all(dispose);}};}function instance$L($$self,$$props,$$invalidate){let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{leadingicon=null}=$$props;let{error="false"}=$$props;let{deletable="false"}=$$props;let{content}=$$props;let{variant}=$$props;let{testid=""}=$$props;let el;let _hovering=false;// booleans
|
|
150
154
|
let _error;let _deletable;function onDelete(e){el.dispatchEvent(new CustomEvent("_click",{composed:true,bubbles:true}));e.stopPropagation();}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{el=$$value;$$invalidate(8,el);});}const click_handler=e=>_deletable&&onDelete(e);const mouseover_handler=()=>$$invalidate(9,_hovering=true);const mouseout_handler=()=>$$invalidate(9,_hovering=false);const focus_handler=()=>$$invalidate(9,_hovering=false);const blur_handler=()=>$$invalidate(9,_hovering=false);$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('leadingicon'in $$props)$$invalidate(4,leadingicon=$$props.leadingicon);if('error'in $$props)$$invalidate(13,error=$$props.error);if('deletable'in $$props)$$invalidate(14,deletable=$$props.deletable);if('content'in $$props)$$invalidate(5,content=$$props.content);if('variant'in $$props)$$invalidate(6,variant=$$props.variant);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error*/8192){$$invalidate(10,_error=toBoolean(error));}if($$self.$$.dirty&/*deletable*/16384){$$invalidate(11,_deletable=toBoolean(deletable));}};return [mt,mr,mb,ml,leadingicon,content,variant,testid,el,_hovering,_error,_deletable,onDelete,error,deletable,div1_binding,click_handler,mouseover_handler,mouseout_handler,focus_handler,blur_handler];}class Chip extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.leading-icon{margin-left:-0.25rem}.chip{vertical-align:middle;align-items:center;background-color:var(--goa-color-greyscale-white);border-radius:99px;border:1px solid #949494;box-sizing:border-box;color:var(--goa-color-text-default);display:inline-flex;flex-direction:row;font-size:var(--goa-font-size-3);font-weight:var(--goa-font-weight-regular);gap:0.25rem;height:2rem;justify-content:center;padding:0 0.75rem;cursor:default}.text{padding-bottom:var(--font-valign-fix, 0)}.chip:focus{outline:2px solid var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-white)}.chip:hover{background-color:var(--goa-color-greyscale-200)}.deletable{cursor:pointer}.delete-icon{margin-right:-0.25rem}.error,.error:hover{background-color:var(--goa-color-emergency-light)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$L,create_fragment$O,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,leadingicon:4,error:13,deletable:14,content:5,variant:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","leadingicon","error","deletable","content","variant","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get leadingicon(){return this.$$.ctx[4];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get error(){return this.$$.ctx[13];}set error(error){this.$$set({error});flush();}get deletable(){return this.$$.ctx[14];}set deletable(deletable){this.$$set({deletable});flush();}get content(){return this.$$.ctx[5];}set content(content){this.$$set({content});flush();}get variant(){return this.$$.ctx[6];}set variant(variant){this.$$set({variant});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-chip",Chip);function cubicOut(t){const f=t-1.0;return f*f*f+1.0;}function quartOut(t){return Math.pow(t-1.0,3.0)*(1.0-t)+1.0;}function fade(node,{delay=0,duration=400,easing=identity}={}){const o=+getComputedStyle(node).opacity;return {delay,duration,easing,css:t=>`opacity: ${t*o}`};}function fly(node,{delay=0,duration=400,easing=cubicOut,x=0,y=0,opacity=0}={}){const style=getComputedStyle(node);const target_opacity=+style.opacity;const transform=style.transform==='none'?'':style.transform;const od=target_opacity*(1-opacity);const[xValue,xUnit]=split_css_unit(x);const[yValue,yUnit]=split_css_unit(y);return {delay,duration,easing,css:(t,u)=>`
|
|
151
155
|
transform: ${transform} translate(${(1-t)*xValue}${xUnit}, ${(1-t)*yValue}${yUnit});
|
|
152
|
-
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$
|
|
153
|
-
function create_if_block_3$
|
|
154
|
-
function create_if_block_1$
|
|
156
|
+
opacity: ${target_opacity-od*u}`};}function noscroll(_node,opts){let toggledScrolling=false;function hideScrollbars(){if(!isScrollable()){return;}const scrollbarWidth=calculateScrollbarWidth();toggledScrolling=true;document.body.style.overflow="hidden";document.body.style.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$q(ctx){let current_block_type_index;let if_block;let if_block_anchor;let current;const if_block_creators=[create_if_block_1$e,create_if_block_3$b];const if_blocks=[];function select_block_type(ctx,dirty){if(/*fullscreen*/ctx[3])return 0;if(/*inline*/ctx[4])return 1;return -1;}if(~(current_block_type_index=select_block_type(ctx))){if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx);}return {c(){if(if_block)if_block.c();if_block_anchor=empty();},m(target,anchor){if(~current_block_type_index){if_blocks[current_block_type_index].m(target,anchor);}insert(target,if_block_anchor,anchor);current=true;},p(ctx,dirty){let previous_block_index=current_block_type_index;current_block_type_index=select_block_type(ctx);if(current_block_type_index===previous_block_index){if(~current_block_type_index){if_blocks[current_block_type_index].p(ctx,dirty);}}else {if(if_block){group_outros();transition_out(if_blocks[previous_block_index],1,1,()=>{if_blocks[previous_block_index]=null;});check_outros();}if(~current_block_type_index){if_block=if_blocks[current_block_type_index];if(!if_block){if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx);if_block.c();}else {if_block.p(ctx,dirty);}transition_in(if_block,1);if_block.m(if_block_anchor.parentNode,if_block_anchor);}else {if_block=null;}}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(~current_block_type_index){if_blocks[current_block_type_index].d(detaching);}if(detaching)detach(if_block_anchor);}};}// (43:19)
|
|
157
|
+
function create_if_block_3$b(ctx){let div;let goa_spinner;let t;let div_class_value;let if_block=/*message*/ctx[0]&&create_if_block_4$3(ctx);return {c(){div=element("div");goa_spinner=element("goa-spinner");t=space();if(if_block)if_block.c();set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);attr(div,"class",div_class_value="spinner-"+/*spinnerSize*/ctx[2]);toggle_class(div,"inline",/*inline*/ctx[4]);},m(target,anchor){insert(target,div,anchor);append(div,goa_spinner);append(div,t);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(dirty&/*spinnerSize*/4){set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);}if(dirty&/*progress*/2){set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);}if(/*message*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_4$3(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*spinnerSize*/4&&div_class_value!==(div_class_value="spinner-"+/*spinnerSize*/ctx[2])){attr(div,"class",div_class_value);}if(dirty&/*spinnerSize, inline*/20){toggle_class(div,"inline",/*inline*/ctx[4]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();}};}// (32:2) {#if fullscreen}
|
|
158
|
+
function create_if_block_1$e(ctx){let div;let goa_spinner;let t;let div_transition;let current;let mounted;let dispose;let if_block=/*message*/ctx[0]&&create_if_block_2$c(ctx);return {c(){div=element("div");goa_spinner=element("goa-spinner");t=space();if(if_block)if_block.c();set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);toggle_class(div,"fullscreen",/*fullscreen*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,goa_spinner);append(div,t);if(if_block)if_block.m(div,null);current=true;if(!mounted){dispose=action_destroyer(noscroll.call(null,div,{enable:true}));mounted=true;}},p(ctx,dirty){if(!current||dirty&/*spinnerSize*/4){set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);}if(!current||dirty&/*progress*/2){set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);}if(/*message*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$c(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(!current||dirty&/*fullscreen*/8){toggle_class(div,"fullscreen",/*fullscreen*/ctx[3]);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div_transition)div_transition=create_bidirectional_transition(div,fade,{duration:300},true);div_transition.run(1);});current=true;},o(local){if(!div_transition)div_transition=create_bidirectional_transition(div,fade,{duration:300},false);div_transition.run(0);current=false;},d(detaching){if(detaching)detach(div);if(if_block)if_block.d();if(detaching&&div_transition)div_transition.end();mounted=false;dispose();}};}// (46:6) {#if message}
|
|
155
159
|
function create_if_block_4$3(ctx){let div;let t;return {c(){div=element("div");t=text(/*message*/ctx[0]);attr(div,"class","message");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*message*/1)set_data(t,/*message*/ctx[0]);},d(detaching){if(detaching)detach(div);}};}// (39:6) {#if message}
|
|
156
|
-
function create_if_block_2$
|
|
160
|
+
function create_if_block_2$c(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$q(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$q(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(function(){validateVariant(variant);validateSize(size);$$invalidate(2,spinnerSize=size==="small"?"large":"xlarge");$$invalidate(3,fullscreen=variant==="fullscreen");$$invalidate(4,inline=variant==="inline");return _await();}));$$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=`
|
|
157
161
|
goa-container
|
|
158
162
|
goa-container--${/*type*/ctx[0]}
|
|
159
163
|
padding--${/*padding*/ctx[2]}
|
|
@@ -163,35 +167,33 @@
|
|
|
163
167
|
goa-container--${/*type*/ctx[0]}
|
|
164
168
|
padding--${/*padding*/ctx[2]}
|
|
165
169
|
accent--${/*accent*/ctx[1]}
|
|
166
|
-
`)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$J($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 623px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$J,create_fragment$M,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$L(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$I($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$I,create_fragment$L,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$K(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$H($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$K,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1$1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[61]=list[i];child_ctx[65]=i;return child_ctx;}function get_each_context$8(ctx,list,i){const child_ctx=ctx.slice();child_ctx[61]=list[i];return child_ctx;}// (444:2) {:else}
|
|
167
|
-
function create_else_block$a(ctx){let slot;let t0;let goa_popover;let div;let t1;let input;let input_style_value;let input_aria_controls_value;let input_aria_label_value;let input_aria_owns_value;let input_readonly_value;let t2;let
|
|
168
|
-
cursor: ${!/*_disabled*/ctx[
|
|
169
|
-
`);attr(input,"data-testid","input");attr(input,"type","text");attr(input,"role","combobox");attr(input,"autocomplete","off");attr(input,"aria-autocomplete","list");attr(input,"aria-controls",input_aria_controls_value=`menu-${/*name*/ctx[0]}`);attr(input,"aria-expanded",/*_isMenuVisible*/ctx[
|
|
170
|
-
width: ${/*_width*/ctx[19]};
|
|
170
|
+
`)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$J($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 623px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$J,create_fragment$M,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* src/components/details/Details.svelte generated by Svelte v3.59.2 */function create_fragment$L(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$I($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$I,create_fragment$L,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* src/components/divider/Divider.svelte generated by Svelte v3.59.2 */function create_fragment$K(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$H($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$K,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* src/components/dropdown/Dropdown.svelte generated by Svelte v3.59.2 */function get_each_context_1$1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[61]=list[i];child_ctx[65]=i;return child_ctx;}function get_each_context$8(ctx,list,i){const child_ctx=ctx.slice();child_ctx[61]=list[i];return child_ctx;}// (459:2) {:else}
|
|
171
|
+
function create_else_block$a(ctx){let slot;let t0;let goa_popover;let div;let t1;let input;let input_style_value;let input_aria_controls_value;let input_aria_label_value;let input_aria_owns_value;let input_readonly_value;let t2;let t3;let ul;let each_blocks=[];let each_1_lookup=new Map();let ul_id_value;let ul_aria_label_value;let ul_style_value;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[4]&&create_if_block_2$b(ctx);function select_block_type_1(ctx,dirty){var _ctx$;if(/*_inputEl*/(_ctx$=ctx[22])!==null&&_ctx$!==void 0&&_ctx$.value&&/*_filterable*/ctx[23])return create_if_block_1$d;return create_else_block_2;}let current_block_type=select_block_type_1(ctx);let if_block1=current_block_type(ctx);let each_value_1=/*_filteredOptions*/ctx[14];const get_key=ctx=>/*index*/ctx[65];for(let i=0;i<each_value_1.length;i+=1){let child_ctx=get_each_context_1$1(ctx,each_value_1,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block_1$1(key,child_ctx));}let each_1_else=null;if(!each_value_1.length){each_1_else=create_else_block_1();}return {c(){slot=element("slot");t0=space();goa_popover=element("goa-popover");div=element("div");if(if_block0)if_block0.c();t1=space();input=element("input");t2=space();if_block1.c();t3=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}if(each_1_else){each_1_else.c();}attr(input,"style",input_style_value=`
|
|
172
|
+
cursor: ${!/*_disabled*/ctx[25]?/*_filterable*/ctx[23]?"auto":"pointer":"default"};
|
|
173
|
+
`);attr(input,"data-testid","input");attr(input,"type","text");attr(input,"role","combobox");attr(input,"autocomplete","off");attr(input,"aria-autocomplete","list");attr(input,"aria-controls",input_aria_controls_value=`menu-${/*name*/ctx[0]}`);attr(input,"aria-expanded",/*_isMenuVisible*/ctx[17]);attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);attr(input,"aria-labelledby",/*arialabelledby*/ctx[2]);attr(input,"id",/*name*/ctx[0]);attr(input,"aria-activedescendant",/*_activeDescendantId*/ctx[24]);attr(input,"aria-disabled",/*_disabled*/ctx[25]);attr(input,"aria-owns",input_aria_owns_value=/*_isMenuVisible*/ctx[17]?`menu-${/*name*/ctx[0]}`:undefined);attr(input,"aria-haspopup","listbox");input.disabled=/*_disabled*/ctx[25];input.readOnly=input_readonly_value=!/*_filterable*/ctx[23];attr(input,"placeholder",/*placeholder*/ctx[6]);attr(input,"name",/*name*/ctx[0]);attr(div,"slot","target");attr(div,"class","dropdown-input-group");toggle_class(div,"dropdown-input-group--disabled",/*_disabled*/ctx[25]);toggle_class(div,"error",/*_error*/ctx[26]);attr(ul,"id",ul_id_value=`menu-${/*name*/ctx[0]}`);attr(ul,"role","listbox");attr(ul,"tabindex","-1");attr(ul,"data-testid","dropdown-menu");attr(ul,"aria-label",ul_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);attr(ul,"aria-labelledby",/*arialabelledby*/ctx[2]);attr(ul,"style",ul_style_value=`
|
|
171
174
|
outline: none;
|
|
172
175
|
overflow-y: auto;
|
|
173
176
|
max-height: ${/*maxheight*/ctx[5]};
|
|
174
|
-
`);set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[
|
|
175
|
-
cursor: ${!/*_disabled*/ctx[
|
|
176
|
-
`)){attr(input,"style",input_style_value);}if(dirty[0]&/*name*/1&&input_aria_controls_value!==(input_aria_controls_value=`menu-${/*name*/ctx[0]}`)){attr(input,"aria-controls",input_aria_controls_value);}if(dirty[0]&/*_isMenuVisible*/
|
|
177
|
-
width: ${/*_width*/ctx[19]};
|
|
177
|
+
`);set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[7]);set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);set_custom_element_data(goa_popover,"data-testid","option-list");set_custom_element_data(goa_popover,"maxwidth","99999px");set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[17]);set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"width",/*_width*/ctx[18]);},m(target,anchor){insert(target,slot,anchor);insert(target,t0,anchor);insert(target,goa_popover,anchor);append(goa_popover,div);if(if_block0)if_block0.m(div,null);append(div,t1);append(div,input);/*input_binding*/ctx[42](input);append(div,t2);if_block1.m(div,null);append(goa_popover,t3);append(goa_popover,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}if(each_1_else){each_1_else.m(ul,null);}/*ul_binding*/ctx[44](ul);if(!mounted){dispose=[listen(input,"keydown",/*onInputKeyDown*/ctx[31]),listen(input,"keyup",/*onInputKeyUp*/ctx[30]),listen(goa_popover,"_open",/*showMenu*/ctx[27]),listen(goa_popover,"_close",/*hideMenu*/ctx[28])];mounted=true;}},p(ctx,dirty){if(/*leadingicon*/ctx[4]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_2$b(ctx);if_block0.c();if_block0.m(div,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty[0]&/*_disabled, _filterable*/41943040&&input_style_value!==(input_style_value=`
|
|
178
|
+
cursor: ${!/*_disabled*/ctx[25]?/*_filterable*/ctx[23]?"auto":"pointer":"default"};
|
|
179
|
+
`)){attr(input,"style",input_style_value);}if(dirty[0]&/*name*/1&&input_aria_controls_value!==(input_aria_controls_value=`menu-${/*name*/ctx[0]}`)){attr(input,"aria-controls",input_aria_controls_value);}if(dirty[0]&/*_isMenuVisible*/131072){attr(input,"aria-expanded",/*_isMenuVisible*/ctx[17]);}if(dirty[0]&/*arialabel, name*/3&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(input,"aria-label",input_aria_label_value);}if(dirty[0]&/*arialabelledby*/4){attr(input,"aria-labelledby",/*arialabelledby*/ctx[2]);}if(dirty[0]&/*name*/1){attr(input,"id",/*name*/ctx[0]);}if(dirty[0]&/*_activeDescendantId*/16777216){attr(input,"aria-activedescendant",/*_activeDescendantId*/ctx[24]);}if(dirty[0]&/*_disabled*/33554432){attr(input,"aria-disabled",/*_disabled*/ctx[25]);}if(dirty[0]&/*_isMenuVisible, name*/131073&&input_aria_owns_value!==(input_aria_owns_value=/*_isMenuVisible*/ctx[17]?`menu-${/*name*/ctx[0]}`:undefined)){attr(input,"aria-owns",input_aria_owns_value);}if(dirty[0]&/*_disabled*/33554432){input.disabled=/*_disabled*/ctx[25];}if(dirty[0]&/*_filterable*/8388608&&input_readonly_value!==(input_readonly_value=!/*_filterable*/ctx[23])){input.readOnly=input_readonly_value;}if(dirty[0]&/*placeholder*/64){attr(input,"placeholder",/*placeholder*/ctx[6]);}if(dirty[0]&/*name*/1){attr(input,"name",/*name*/ctx[0]);}if(current_block_type===(current_block_type=select_block_type_1(ctx))&&if_block1){if_block1.p(ctx,dirty);}else {if_block1.d(1);if_block1=current_block_type(ctx);if(if_block1){if_block1.c();if_block1.m(div,null);}}if(dirty[0]&/*_disabled*/33554432){toggle_class(div,"dropdown-input-group--disabled",/*_disabled*/ctx[25]);}if(dirty[0]&/*_error*/67108864){toggle_class(div,"error",/*_error*/ctx[26]);}if(dirty[0]&/*_filteredOptions, _inputEl, _highlightedIndex, onSelect*/541089792){each_value_1=/*_filteredOptions*/ctx[14];each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value_1,each_1_lookup,ul,destroy_block,create_each_block_1$1,null,get_each_context_1$1);if(!each_value_1.length&&each_1_else){each_1_else.p(ctx,dirty);}else if(!each_value_1.length){each_1_else=create_else_block_1();each_1_else.c();each_1_else.m(ul,null);}else if(each_1_else){each_1_else.d(1);each_1_else=null;}}if(dirty[0]&/*name*/1&&ul_id_value!==(ul_id_value=`menu-${/*name*/ctx[0]}`)){attr(ul,"id",ul_id_value);}if(dirty[0]&/*arialabel, name*/3&&ul_aria_label_value!==(ul_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(ul,"aria-label",ul_aria_label_value);}if(dirty[0]&/*arialabelledby*/4){attr(ul,"aria-labelledby",/*arialabelledby*/ctx[2]);}if(dirty[0]&/*maxheight*/32&&ul_style_value!==(ul_style_value=`
|
|
178
180
|
outline: none;
|
|
179
181
|
overflow-y: auto;
|
|
180
182
|
max-height: ${/*maxheight*/ctx[5]};
|
|
181
|
-
`)){attr(ul,"style",ul_style_value);}if(dirty[0]&/*disabled*/
|
|
182
|
-
function create_if_block$
|
|
183
|
-
function create_if_block_2$
|
|
184
|
-
function create_else_block_2(ctx){let goa_icon;let goa_icon_arialabel_value;let goa_icon_ariacontrols_value;let goa_icon_ariaexpanded_value;let goa_icon_type_value;let mounted;let dispose;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"role","button");set_custom_element_data(goa_icon,"tabindex","-1");set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`);set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[
|
|
185
|
-
function create_if_block_1$
|
|
186
|
-
function create_else_block_1(ctx){let li;return {c(){li=element("li");li.textContent="No matches found\n ";attr(li,"class","dropdown-item");attr(li,"data-testid","dropdown-item-not-found");},m(target,anchor){insert(target,li,anchor);},p:noop,d(detaching){if(detaching)detach(li);}};}// (
|
|
187
|
-
function create_each_block_1$1(key_1,ctx){let li;let t0_value=(/*option*/ctx[61].label||/*option*/ctx[61].value)+"";let t0;let t1;let li_id_value;let li_aria_selected_value;let li_data_index_value;let li_data_testid_value;let li_data_value_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[43](/*option*/ctx[61]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[61].value);attr(li,"aria-selected",li_aria_selected_value=/*_inputEl*/ctx[
|
|
188
|
-
function create_each_block$8(ctx){let option;let t0_value=/*option*/ctx[61].label+"";let t0;let t1;let option_selected_value;let option_value_value;return {c(){option=element("option");t0=text(t0_value);t1=space();option.selected=option_selected_value=/*value*/ctx[3]===/*option*/ctx[61].value;option.__value=option_value_value=/*option*/ctx[61].value;option.value=option.__value;},m(target,anchor){insert(target,option,anchor);append(option,t0);append(option,t1);},p(ctx,dirty){if(dirty[0]&/*_options*/
|
|
189
|
-
|
|
190
|
-
${
|
|
191
|
-
`);toggle_class(div,"dropdown-native",/*_native*/ctx[
|
|
192
|
-
|
|
193
|
-
${
|
|
194
|
-
`)){attr(div,"style",div_style_value);}if(dirty[0]&/*_native*/
|
|
183
|
+
`)){attr(ul,"style",ul_style_value);}if(dirty[0]&/*disabled*/128){set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[7]);}if(dirty[0]&/*relative*/256){set_custom_element_data(goa_popover,"relative",/*relative*/ctx[8]);}if(dirty[0]&/*_isMenuVisible*/131072){set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[17]);}if(dirty[0]&/*_width*/262144){set_custom_element_data(goa_popover,"width",/*_width*/ctx[18]);}},d(detaching){if(detaching)detach(slot);if(detaching)detach(t0);if(detaching)detach(goa_popover);if(if_block0)if_block0.d();/*input_binding*/ctx[42](null);if_block1.d();for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}if(each_1_else)each_1_else.d();/*ul_binding*/ctx[44](null);mounted=false;run_all(dispose);}};}// (439:2) {#if _native}
|
|
184
|
+
function create_if_block$p(ctx){let select;let slot;let select_aria_label_value;let mounted;let dispose;let each_value=/*_options*/ctx[16];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$8(get_each_context$8(ctx,each_value,i));}return {c(){select=element("select");slot=element("slot");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}attr(select,"name",/*name*/ctx[0]);attr(select,"aria-label",select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);attr(select,"aria-labelledby",/*arialabelledby*/ctx[2]);select.disabled=/*_disabled*/ctx[25];attr(select,"id",/*name*/ctx[0]);toggle_class(select,"error",/*_error*/ctx[26]);},m(target,anchor){insert(target,select,anchor);append(select,slot);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(select,null);}}/*select_binding*/ctx[41](select);if(!mounted){dispose=listen(select,"change",/*onNativeSelect*/ctx[34]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*value, _options*/65544){each_value=/*_options*/ctx[16];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$8(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$8(child_ctx);each_blocks[i].c();each_blocks[i].m(select,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty[0]&/*name*/1){attr(select,"name",/*name*/ctx[0]);}if(dirty[0]&/*arialabel, name*/3&&select_aria_label_value!==(select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(select,"aria-label",select_aria_label_value);}if(dirty[0]&/*arialabelledby*/4){attr(select,"aria-labelledby",/*arialabelledby*/ctx[2]);}if(dirty[0]&/*_disabled*/33554432){select.disabled=/*_disabled*/ctx[25];}if(dirty[0]&/*name*/1){attr(select,"id",/*name*/ctx[0]);}if(dirty[0]&/*_error*/67108864){toggle_class(select,"error",/*_error*/ctx[26]);}},d(detaching){if(detaching)detach(select);destroy_each(each_blocks,detaching);/*select_binding*/ctx[41](null);mounted=false;dispose();}};}// (481:8) {#if leadingicon}
|
|
185
|
+
function create_if_block_2$b(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","dropdown-input--leading-icon");set_custom_element_data(goa_icon,"data-testid","leading-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty[0]&/*leadingicon*/16){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (531:8) {:else}
|
|
186
|
+
function create_else_block_2(ctx){let goa_icon;let goa_icon_arialabel_value;let goa_icon_ariacontrols_value;let goa_icon_ariaexpanded_value;let goa_icon_type_value;let mounted;let dispose;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"role","button");set_custom_element_data(goa_icon,"tabindex","-1");set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`);set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[17]));set_custom_element_data(goa_icon,"class","dropdown-icon--arrow");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_isMenuVisible*/ctx[17]?"chevron-up":"chevron-down");},m(target,anchor){insert(target,goa_icon,anchor);if(!mounted){dispose=listen(goa_icon,"click",/*onChevronClick*/ctx[35]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*name*/1){set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);}if(dirty[0]&/*arialabel, name*/3&&goa_icon_arialabel_value!==(goa_icon_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value);}if(dirty[0]&/*name*/1&&goa_icon_ariacontrols_value!==(goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`)){set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value);}if(dirty[0]&/*_isMenuVisible*/131072&&goa_icon_ariaexpanded_value!==(goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[17]))){set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value);}if(dirty[0]&/*_isMenuVisible*/131072&&goa_icon_type_value!==(goa_icon_type_value=/*_isMenuVisible*/ctx[17]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}},d(detaching){if(detaching)detach(goa_icon);mounted=false;dispose();}};}// (516:8) {#if _inputEl?.value && _filterable}
|
|
187
|
+
function create_if_block_1$d(ctx){let goa_icon;let goa_icon_tabindex_value;let goa_icon_arialabel_value;let goa_icon_ariacontrols_value;let goa_icon_ariaexpanded_value;let mounted;let dispose;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);set_custom_element_data(goa_icon,"tabindex",goa_icon_tabindex_value=/*_disabled*/ctx[25]?-1:0);set_custom_element_data(goa_icon,"role","button");set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=`clear ${/*arialabel*/ctx[1]||/*name*/ctx[0]}`);set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`);set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[17]));set_custom_element_data(goa_icon,"class","dropdown-icon--clear");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"type","close");toggle_class(goa_icon,"disabled",/*_disabled*/ctx[25]);},m(target,anchor){insert(target,goa_icon,anchor);if(!mounted){dispose=[listen(goa_icon,"click",stop_propagation(/*onClearIconClick*/ctx[33])),listen(goa_icon,"keydown",/*onClearIconKeyDown*/ctx[32])];mounted=true;}},p(ctx,dirty){if(dirty[0]&/*name*/1){set_custom_element_data(goa_icon,"id",/*name*/ctx[0]);}if(dirty[0]&/*_disabled*/33554432&&goa_icon_tabindex_value!==(goa_icon_tabindex_value=/*_disabled*/ctx[25]?-1:0)){set_custom_element_data(goa_icon,"tabindex",goa_icon_tabindex_value);}if(dirty[0]&/*arialabel, name*/3&&goa_icon_arialabel_value!==(goa_icon_arialabel_value=`clear ${/*arialabel*/ctx[1]||/*name*/ctx[0]}`)){set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value);}if(dirty[0]&/*name*/1&&goa_icon_ariacontrols_value!==(goa_icon_ariacontrols_value=`menu-${/*name*/ctx[0]}`)){set_custom_element_data(goa_icon,"ariacontrols",goa_icon_ariacontrols_value);}if(dirty[0]&/*_isMenuVisible*/131072&&goa_icon_ariaexpanded_value!==(goa_icon_ariaexpanded_value=fromBoolean(/*_isMenuVisible*/ctx[17]))){set_custom_element_data(goa_icon,"ariaexpanded",goa_icon_ariaexpanded_value);}if(dirty[0]&/*_disabled*/33554432){toggle_class(goa_icon,"disabled",/*_disabled*/ctx[25]);}},d(detaching){if(detaching)detach(goa_icon);mounted=false;run_all(dispose);}};}// (578:8) {:else}
|
|
188
|
+
function create_else_block_1(ctx){let li;return {c(){li=element("li");li.textContent="No matches found\n ";attr(li,"class","dropdown-item");attr(li,"data-testid","dropdown-item-not-found");},m(target,anchor){insert(target,li,anchor);},p:noop,d(detaching){if(detaching)detach(li);}};}// (562:8) {#each _filteredOptions as option, index (index)}
|
|
189
|
+
function create_each_block_1$1(key_1,ctx){let li;let t0_value=(/*option*/ctx[61].label||/*option*/ctx[61].value)+"";let t0;let t1;let li_id_value;let li_aria_selected_value;let li_data_index_value;let li_data_testid_value;let li_data_value_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[43](/*option*/ctx[61]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[61].value);attr(li,"aria-selected",li_aria_selected_value=/*_inputEl*/ctx[22].value===(/*option*/ctx[61].label||/*option*/ctx[61].value));attr(li,"class","dropdown-item");attr(li,"data-index",li_data_index_value=/*index*/ctx[65]);attr(li,"data-testid",li_data_testid_value=`dropdown-item-${/*option*/ctx[61].value}`);attr(li,"data-value",li_data_value_value=/*option*/ctx[61].value);attr(li,"role","option");set_style(li,"display","block");toggle_class(li,"dropdown-item--highlighted",/*index*/ctx[65]===/*_highlightedIndex*/ctx[13]);toggle_class(li,"selected",/*_inputEl*/ctx[22].value===(/*option*/ctx[61].label||/*option*/ctx[61].value));this.first=li;},m(target,anchor){insert(target,li,anchor);append(li,t0);append(li,t1);if(!mounted){dispose=listen(li,"click",click_handler);mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty[0]&/*_filteredOptions*/16384&&t0_value!==(t0_value=(/*option*/ctx[61].label||/*option*/ctx[61].value)+""))set_data(t0,t0_value);if(dirty[0]&/*_filteredOptions*/16384&&li_id_value!==(li_id_value=/*option*/ctx[61].value)){attr(li,"id",li_id_value);}if(dirty[0]&/*_inputEl, _filteredOptions*/4210688&&li_aria_selected_value!==(li_aria_selected_value=/*_inputEl*/ctx[22].value===(/*option*/ctx[61].label||/*option*/ctx[61].value))){attr(li,"aria-selected",li_aria_selected_value);}if(dirty[0]&/*_filteredOptions*/16384&&li_data_index_value!==(li_data_index_value=/*index*/ctx[65])){attr(li,"data-index",li_data_index_value);}if(dirty[0]&/*_filteredOptions*/16384&&li_data_testid_value!==(li_data_testid_value=`dropdown-item-${/*option*/ctx[61].value}`)){attr(li,"data-testid",li_data_testid_value);}if(dirty[0]&/*_filteredOptions*/16384&&li_data_value_value!==(li_data_value_value=/*option*/ctx[61].value)){attr(li,"data-value",li_data_value_value);}if(dirty[0]&/*_filteredOptions, _highlightedIndex*/24576){toggle_class(li,"dropdown-item--highlighted",/*index*/ctx[65]===/*_highlightedIndex*/ctx[13]);}if(dirty[0]&/*_inputEl, _filteredOptions*/4210688){toggle_class(li,"selected",/*_inputEl*/ctx[22].value===(/*option*/ctx[61].label||/*option*/ctx[61].value));}},d(detaching){if(detaching)detach(li);mounted=false;dispose();}};}// (451:6) {#each _options as option}
|
|
190
|
+
function create_each_block$8(ctx){let option;let t0_value=/*option*/ctx[61].label+"";let t0;let t1;let option_selected_value;let option_value_value;return {c(){option=element("option");t0=text(t0_value);t1=space();option.selected=option_selected_value=/*value*/ctx[3]===/*option*/ctx[61].value;option.__value=option_value_value=/*option*/ctx[61].value;option.value=option.__value;},m(target,anchor){insert(target,option,anchor);append(option,t0);append(option,t1);},p(ctx,dirty){if(dirty[0]&/*_options*/65536&&t0_value!==(t0_value=/*option*/ctx[61].label+""))set_data(t0,t0_value);if(dirty[0]&/*value, _options*/65544&&option_selected_value!==(option_selected_value=/*value*/ctx[3]===/*option*/ctx[61].value)){option.selected=option_selected_value;}if(dirty[0]&/*_options*/65536&&option_value_value!==(option_value_value=/*option*/ctx[61].value)){option.__value=option_value_value;option.value=option.__value;}},d(detaching){if(detaching)detach(option);}};}function create_fragment$J(ctx){let div;let div_data_testid_value;let div_style_value;function select_block_type(ctx,dirty){if(/*_native*/ctx[15])return create_if_block$p;return create_else_block$a;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div=element("div");if_block.c();this.c=noop;attr(div,"data-testid",div_data_testid_value=`${/*name*/ctx[0]}-dropdown`);attr(div,"class","dropdown");attr(div,"style",div_style_value=`
|
|
191
|
+
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
192
|
+
--width: ${/*_width*/ctx[18]};
|
|
193
|
+
`);toggle_class(div,"dropdown-native",/*_native*/ctx[15]);},m(target,anchor){insert(target,div,anchor);if_block.m(div,null);/*div_binding*/ctx[45](div);},p(ctx,dirty){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(div,null);}}if(dirty[0]&/*name*/1&&div_data_testid_value!==(div_data_testid_value=`${/*name*/ctx[0]}-dropdown`)){attr(div,"data-testid",div_data_testid_value);}if(dirty[0]&/*mt, mr, mb, ml, _width*/269824&&div_style_value!==(div_style_value=`
|
|
194
|
+
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
195
|
+
--width: ${/*_width*/ctx[18]};
|
|
196
|
+
`)){attr(div,"style",div_style_value);}if(dirty[0]&/*_native*/32768){toggle_class(div,"dropdown-native",/*_native*/ctx[15]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if_block.d();/*div_binding*/ctx[45](null);}};}function parseValues(selectedValue){let rawValue;try{rawValue=JSON.parse(selectedValue||`[""]`);}catch(e){rawValue=[selectedValue];}const rawValues=typeof rawValue==="object"?rawValue:[rawValue];// convert all values to strings to avoid later type comparison issues
|
|
195
197
|
return rawValues.map(val=>`${val}`);}function isFilterMatch(option,filter){if(filter.length===0)return true;let value=option.filter||option.label||option.value;value=value.toLowerCase();filter=filter.toLowerCase();return value.startsWith(filter)||value.includes(" "+filter);}function instance$G($$self,$$props,$$invalidate){let _disabled;let _error;let _multiselect;let _native;let _filterable;let _activeDescendantId;let{name}=$$props;let{arialabel=""}=$$props;let{arialabelledby=""}=$$props;let{value=""}=$$props;let{filterable="false"}=$$props;let{leadingicon=null}=$$props;let{maxheight="276px"}=$$props;let{placeholder=""}=$$props;let{width=""}=$$props;let{disabled="false"}=$$props;let{error="false"}=$$props;let{multiselect="false"}=$$props;let{native="false"}=$$props;let{relative="false"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;//
|
|
196
198
|
// Private
|
|
197
199
|
//
|
|
@@ -200,57 +202,58 @@
|
|
|
200
202
|
//
|
|
201
203
|
onMount(_async(function(){var _a,_b;_eventHandler=_filterable?new ComboboxKeyUpHandler(_inputEl):new DropdownKeyUpHandler(_inputEl);// the following is required to appease the jest testing gods in that they don't respond
|
|
202
204
|
// to the slotchange event
|
|
203
|
-
$$invalidate(
|
|
204
|
-
|
|
205
|
+
$$invalidate(16,_options=getOptions());if(!_native){$$invalidate(22,_inputEl.value=(_b=(_a=_options.find(o=>o.value===value))===null||_a===void 0?void 0:_a.label)!==null&&_b!==void 0?_b:"",_inputEl);if(width){if(width.endsWith("%")){const percent=parseInt(width)/100;const rootRect=_rootEl.getBoundingClientRect();$$invalidate(18,_width=percent*rootRect.width+"px");}else {$$invalidate(18,_width=width);}}// This is only here to allow the Jest tests to pass :(
|
|
206
|
+
if(!width&&_options.length>0){$$invalidate(18,_width=getLongestChildWidth(_options));}}syncFilteredOptions();// watch for DOM changes within the slot => dynamic binding
|
|
207
|
+
const slot=_rootEl.querySelector("slot");slot===null||slot===void 0?void 0:slot.addEventListener("slotchange",_=>{var _a,_b;$$invalidate(16,_options=getOptions());syncFilteredOptions();if(!width){$$invalidate(18,_width=getLongestChildWidth(_options));}if(!_native){$$invalidate(22,_inputEl.value=(_b=(_a=_options.find(o=>o.value===value))===null||_a===void 0?void 0:_a.label)!==null&&_b!==void 0?_b:"",_inputEl);}});return _await();}));//
|
|
205
208
|
// Functions
|
|
206
209
|
//
|
|
207
210
|
// prevents unwanted reactive updates.
|
|
208
211
|
function setDisplayedValue(){var _a,_b;if(_inputEl){const option=_options.find(o=>o.value==_values[0]);// possible string number comparison
|
|
209
|
-
$$invalidate(
|
|
212
|
+
$$invalidate(22,_inputEl.value=(_b=(_a=option===null||option===void 0?void 0:option.label)!==null&&_a!==void 0?_a:option===null||option===void 0?void 0:option.value)!==null&&_b!==void 0?_b:"",_inputEl);}}function getChildren(){const slot=_rootEl.querySelector("slot");if(slot){// default
|
|
210
213
|
return slot.assignedElements();}// unit tests
|
|
211
214
|
const el=_native?_selectEl:_rootEl;return [...el.children];}// Create a list of the options based on the children within the slot
|
|
212
215
|
// The children don't have to be goa-dropdown-item elements. Any child element
|
|
213
216
|
// work as long as it has a value and label content
|
|
214
217
|
function getOptions(){return getChildren().filter(child=>child.tagName==="GOA-DROPDOWN-ITEM").map(el=>{const option=el;const value=el.getAttribute("value")||option.value||"";const label=el.getAttribute("label")||option.label||el.innerHTML||value;const filter=el.getAttribute("filter")||label||value||"";return {value,label,filter};});}// compute the required width to ensure all children fit
|
|
215
|
-
function
|
|
218
|
+
function getLongestChildWidth(options){// set width to longest item
|
|
216
219
|
const optionsWidth=options.map(option=>{const label=`${option.label}`||`${option.value}`||"";return label.length;}).sort((a,b)=>a>b?1:-1).pop();// longest one defines the width
|
|
217
220
|
let maxWidth=Math.max(optionsWidth,placeholder.length)+8;// compensate for icon width
|
|
218
221
|
if(leadingicon){maxWidth+=2;}return `${maxWidth}ch`;}// Change the direction of highlighted options for Arrow up and down
|
|
219
222
|
function changeHighlightedOption(offset){let index=_highlightedIndex+offset;let items=!(_filteredOptions===null||_filteredOptions===void 0?void 0:_filteredOptions.length)?_options:_filteredOptions;if(items.length===0)return;// if index is out of scope
|
|
220
|
-
if(index<0){index=_filterable?items.length-1:0;}else if(index>=items.length){index=_filterable?0:items.length-1;}$$invalidate(
|
|
223
|
+
if(index<0){index=_filterable?items.length-1:0;}else if(index>=items.length){index=_filterable?0:items.length-1;}$$invalidate(13,_highlightedIndex=index);scrollToOption(index);}function scrollToOption(index){const liNode=_menuEl.querySelector(`li[data-index="${index}"]`);if(!liNode)return;const liOptionRect=liNode.getBoundingClientRect();const ulRect=_menuEl.getBoundingClientRect();const isInView=liOptionRect.top>=0&&liOptionRect.left>=0&&liOptionRect.bottom<=ulRect.height&&liOptionRect.right<=ulRect.width;if(isInView)return;liNode.scrollIntoView({behavior:"smooth",block:"nearest"});}function syncFilteredOptions(){$$invalidate(14,_filteredOptions=_filterable?_options.filter(option=>isFilterMatch(option,_inputEl.value)):_options);}function showMenu(){if(_disabled){return;}setTimeout(()=>{syncFilteredOptions();$$invalidate(17,_isMenuVisible=true);_inputEl.focus();},0);}function hideMenu(){$$invalidate(17,_isMenuVisible=false);}function dispatchValue(value){const detail=_multiselect?{name,values:[value,..._values]}:{name,value};setTimeout(()=>{_rootEl.dispatchEvent(new CustomEvent("_change",{composed:true,detail}));_isDirty=false;},1);}//
|
|
221
224
|
// Event handlers
|
|
222
225
|
//
|
|
223
|
-
function onSelect(option){if(_disabled)return;if(!_native){_isDirty=true;hideMenu();$$invalidate(
|
|
226
|
+
function onSelect(option){if(_disabled)return;if(!_native){_isDirty=true;hideMenu();$$invalidate(22,_inputEl.value=option.label,_inputEl);}dispatchValue(option.value);}function onInputKeyUp(e){if(_disabled)return;_eventHandler.handleKeyUp(e);}function onInputKeyDown(e){if(_disabled)return;_eventHandler.handleKeyDown(e);}function onClearIconKeyDown(e){if(e.key==="Enter"||e.key===" "){e.stopPropagation();reset();showMenu();}}function onClearIconClick(e){reset();showMenu();e.stopPropagation();}function onNativeSelect(e){const target=e.currentTarget;const option=_options[target.selectedIndex];onSelect(option);}function reset(){if(_disabled)return;$$invalidate(24,_activeDescendantId=undefined);$$invalidate(13,_highlightedIndex=-1);$$invalidate(22,_inputEl.value="",_inputEl);_isDirty=false;syncFilteredOptions();dispatchValue("");}function onChevronClick(e){showMenu();e.stopPropagation();}class ComboboxKeyUpHandler{constructor(input){this.input=input;input.addEventListener("blur",_async(function(e){if(!_isDirty)return;if(!_filterable)return;const input=e.target;const selectedOption=_filteredOptions.find(o=>o.label===input.value);if(!selectedOption){dispatchValue("");input.value="";}return _await();}));}onEscape(e){reset();_inputEl.focus();e.preventDefault();e.stopPropagation();}onEnter(e){const option=_filteredOptions[_highlightedIndex];if(option){onSelect(option);}if(_inputEl.value){hideMenu();}else {showMenu();}e.stopPropagation();}onArrow(e,direction){if(!_isMenuVisible)showMenu();changeHighlightedOption(direction==="up"?-1:1);e.stopPropagation();}onTab(_){const matchedOption=_filteredOptions.find(option=>option.label.toLowerCase()===this.input.value.toLowerCase());if(matchedOption){onSelect(matchedOption);}hideMenu();}onKeyUp(_){showMenu();_isDirty=true;}handleKeyUp(e){switch(e.key){case"Enter":this.onEnter(e);break;case"ArrowUp":this.onArrow(e,"up");break;case"ArrowDown":this.onArrow(e,"down");break;case"Home":this.input.setSelectionRange(0,0);break;case"End":this.input.setSelectionRange(this.input.value.length,this.input.value.length);break;default:this.onKeyUp(e);break;}}handleKeyDown(e){switch(e.key){case"Escape":this.onEscape(e);break;case"Tab":this.onTab(e);break;}}}class DropdownKeyUpHandler{constructor(_input){}onEnter(e){if(_isMenuVisible){const option=_filteredOptions[_highlightedIndex];if(option){onSelect(option);}hideMenu();}else {showMenu();}e.preventDefault();e.stopPropagation();}onArrow(e,direction){if(!_isMenuVisible)showMenu();changeHighlightedOption(direction==="up"?-1:1);e.preventDefault();e.stopPropagation();}handleKeyDown(e){switch(e.key){case" ":case"Enter":this.onEnter(e);break;case"ArrowUp":this.onArrow(e,"up");break;case"ArrowDown":this.onArrow(e,"down");break;case"Tab":hideMenu();break;}return false;}handleKeyUp(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":case"Enter":e.preventDefault();e.stopPropagation();}}}function select_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_selectEl=$$value;$$invalidate(21,_selectEl);$$invalidate(16,_options);});}function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_inputEl=$$value;$$invalidate(22,_inputEl);});}const click_handler=option=>onSelect(option);function ul_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_menuEl=$$value;$$invalidate(20,_menuEl);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(19,_rootEl);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(0,name=$$props.name);if('arialabel'in $$props)$$invalidate(1,arialabel=$$props.arialabel);if('arialabelledby'in $$props)$$invalidate(2,arialabelledby=$$props.arialabelledby);if('value'in $$props)$$invalidate(3,value=$$props.value);if('filterable'in $$props)$$invalidate(36,filterable=$$props.filterable);if('leadingicon'in $$props)$$invalidate(4,leadingicon=$$props.leadingicon);if('maxheight'in $$props)$$invalidate(5,maxheight=$$props.maxheight);if('placeholder'in $$props)$$invalidate(6,placeholder=$$props.placeholder);if('width'in $$props)$$invalidate(37,width=$$props.width);if('disabled'in $$props)$$invalidate(7,disabled=$$props.disabled);if('error'in $$props)$$invalidate(38,error=$$props.error);if('multiselect'in $$props)$$invalidate(39,multiselect=$$props.multiselect);if('native'in $$props)$$invalidate(40,native=$$props.native);if('relative'in $$props)$$invalidate(8,relative=$$props.relative);if('mt'in $$props)$$invalidate(9,mt=$$props.mt);if('mr'in $$props)$$invalidate(10,mr=$$props.mr);if('mb'in $$props)$$invalidate(11,mb=$$props.mb);if('ml'in $$props)$$invalidate(12,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[0]&/*disabled*/128){//
|
|
224
227
|
// Reactive
|
|
225
228
|
//
|
|
226
|
-
$$invalidate(
|
|
227
|
-
$$invalidate(
|
|
229
|
+
$$invalidate(25,_disabled=toBoolean(disabled));}if($$self.$$.dirty[1]&/*error*/128){$$invalidate(26,_error=toBoolean(error));}if($$self.$$.dirty[1]&/*multiselect*/256){_multiselect=toBoolean(multiselect);}if($$self.$$.dirty[1]&/*native*/512){$$invalidate(15,_native=toBoolean(native));}if($$self.$$.dirty[0]&/*_native*/32768|$$self.$$.dirty[1]&/*filterable*/32){$$invalidate(23,_filterable=toBoolean(filterable)&&!_native);}if($$self.$$.dirty[0]&/*_filteredOptions, _highlightedIndex*/24576){// To keep track of active descendant for the accessibility
|
|
230
|
+
$$invalidate(24,_activeDescendantId=_filteredOptions[_highlightedIndex]?_filteredOptions[_highlightedIndex].value:undefined);}if($$self.$$.dirty[0]&/*value*/8){{_values=parseValues(value);// updating _inputEl.value is done within seperate function
|
|
228
231
|
// to prevent unwanted reactive updates.
|
|
229
|
-
setDisplayedValue();}}};return [name,arialabel,arialabelledby,value,leadingicon,maxheight,placeholder,
|
|
232
|
+
setDisplayedValue();}}};return [name,arialabel,arialabelledby,value,leadingicon,maxheight,placeholder,disabled,relative,mt,mr,mb,ml,_highlightedIndex,_filteredOptions,_native,_options,_isMenuVisible,_width,_rootEl,_menuEl,_selectEl,_inputEl,_filterable,_activeDescendantId,_disabled,_error,showMenu,hideMenu,onSelect,onInputKeyUp,onInputKeyDown,onClearIconKeyDown,onClearIconClick,onNativeSelect,onChevronClick,filterable,width,error,multiselect,native,select_binding,input_binding,click_handler,ul_binding,div_binding];}class Dropdown extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{cursor:pointer;width:var(--width, 100%)}.dropdown-input-group{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;background-color:var(--goa-color-greyscale-white);cursor:pointer;width:var(--width, 100%)}.dropdown-input-group:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.dropdown-input-group:focus,.dropdown-input-group:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}@media screen and (max-width: 623px){@media not (max-color:2147477350){.dropdown-input-group{width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.dropdown-input-group{width:var(--width)}}}.dropdown-input-group.error,.dropdown-input-group.error:hover{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.dropdown-input-group.error:focus-within,.dropdown-input-group.error:focus{border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.dropdown-icon--arrow,.dropdown-icon--clear{margin-right:var(--goa-space-s)}.dropdown-icon--clear:focus:not(.disabled),.dropdown-icon--clear:active:not(.disabled){color:var(--goa-color-interactive-focus);outline:none}.dropdown-input--leading-icon{margin-left:0.75rem}.dropdown-input--leading-icon+input{padding-left:0.5rem}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs);padding-left:var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input,input:focus,input:hover,input:active{outline:none;border:none}input[aria-disabled="true"]{color:var(--goa-color-text-secondary)}.dropdown-input-group--disabled,.dropdown-input-group--disabled:hover,.dropdown-input-group--disabled:active,.dropdown-input-group--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}ul[role="listbox"]{border-radius:var(--goa-border-radius-m)}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item:hover,.dropdown-item--highlighted{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item[aria-selected="true"]{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item[aria-selected="true"]:hover,.dropdown-item[aria-selected="true"].dropdown-item--highlighted{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{position:relative;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white);transition:box-shadow 0.1s ease-in}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}.dropdown-native:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}select{border:none;font:var(--goa-font-family-sans);background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(var(--goa-space-xs) + 1px);padding-left:var(--goa-space-s);padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$G,create_fragment$J,safe_not_equal,{name:0,arialabel:1,arialabelledby:2,value:3,filterable:36,leadingicon:4,maxheight:5,placeholder:6,width:37,disabled:7,error:38,multiselect:39,native:40,relative:8,mt:9,mr:10,mb:11,ml:12},null,[-1,-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","arialabel","arialabelledby","value","filterable","leadingicon","maxheight","placeholder","width","disabled","error","multiselect","native","relative","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get arialabel(){return this.$$.ctx[1];}set arialabel(arialabel){this.$$set({arialabel});flush();}get arialabelledby(){return this.$$.ctx[2];}set arialabelledby(arialabelledby){this.$$set({arialabelledby});flush();}get value(){return this.$$.ctx[3];}set value(value){this.$$set({value});flush();}get filterable(){return this.$$.ctx[36];}set filterable(filterable){this.$$set({filterable});flush();}get leadingicon(){return this.$$.ctx[4];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get maxheight(){return this.$$.ctx[5];}set maxheight(maxheight){this.$$set({maxheight});flush();}get placeholder(){return this.$$.ctx[6];}set placeholder(placeholder){this.$$set({placeholder});flush();}get width(){return this.$$.ctx[37];}set width(width){this.$$set({width});flush();}get disabled(){return this.$$.ctx[7];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[38];}set error(error){this.$$set({error});flush();}get multiselect(){return this.$$.ctx[39];}set multiselect(multiselect){this.$$set({multiselect});flush();}get native(){return this.$$.ctx[40];}set native(native){this.$$set({native});flush();}get relative(){return this.$$.ctx[8];}set relative(relative){this.$$set({relative});flush();}get mt(){return this.$$.ctx[9];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[10];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[11];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[12];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-dropdown",Dropdown);/* src/components/dropdown/DropdownItem.svelte generated by Svelte v3.59.2 */function create_fragment$I(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}function instance$F($$self,$$props,$$invalidate){let{filter=""}=$$props;let{label=""}=$$props;let{value=""}=$$props;$$self.$$set=$$props=>{if('filter'in $$props)$$invalidate(0,filter=$$props.filter);if('label'in $$props)$$invalidate(1,label=$$props.label);if('value'in $$props)$$invalidate(2,value=$$props.value);};return [filter,label,value];}class DropdownItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$I,safe_not_equal,{filter:0,label:1,value:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["filter","label","value"];}get filter(){return this.$$.ctx[0];}set filter(filter){this.$$set({filter});flush();}get label(){return this.$$.ctx[1];}set label(label){this.$$set({label});flush();}get value(){return this.$$.ctx[2];}set value(value){this.$$set({value});flush();}}customElements.define("goa-dropdown-item",DropdownItem);/* src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.59.2 */function create_fragment$H(ctx){let div;return {c(){div=element("div");div.innerHTML=`<span data-tab-boundry="start" tabindex="0"></span>
|
|
230
233
|
<slot></slot>
|
|
231
234
|
|
|
232
235
|
<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
|
|
233
236
|
onMount(function(){return _call(tick,function(){// event is attached to the rootEl, eliminating the need to remove the listener since it
|
|
234
237
|
// will be removed when the associated element is removed.
|
|
235
238
|
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
|
|
236
|
-
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(function(){return _call(tick,function(){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}
|
|
239
|
+
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$o(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$o();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$o();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(function(){return _call(tick,function(){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}
|
|
237
240
|
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(function(){return _call(tick,function(){$$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.");}});});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}
|
|
238
|
-
function create_if_block$
|
|
239
|
-
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$
|
|
241
|
+
function create_if_block$n(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}
|
|
242
|
+
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$n(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=`
|
|
240
243
|
--narrow-display-type: ${Math.ceil(/*maxcolumncount*/ctx[1]/2)>1?"block":"flex"};
|
|
241
244
|
--narrow-column-count: ${Math.ceil(/*maxcolumncount*/ctx[1]/2)};
|
|
242
245
|
--wide-display-type: ${/*maxcolumncount*/ctx[1]>1?"block":"flex"};
|
|
243
246
|
--wide-column-count: ${/*maxcolumncount*/ctx[1]};
|
|
244
|
-
`);},m(target,anchor){insert(target,section,anchor);if(if_block)if_block.m(section,null);append(section,t0);append(section,div);append(section,t1);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[4](section);},p(ctx,[dirty]){if(/*heading*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$
|
|
247
|
+
`);},m(target,anchor){insert(target,section,anchor);if(if_block)if_block.m(section,null);append(section,t0);append(section,div);append(section,t1);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[4](section);},p(ctx,[dirty]){if(/*heading*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$n(ctx);if_block.c();if_block.m(section,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*children*/8){each_value=/*children*/ctx[3];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$6(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$6(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;}if(dirty&/*maxcolumncount*/2&&ul_style_value!==(ul_style_value=`
|
|
245
248
|
--narrow-display-type: ${Math.ceil(/*maxcolumncount*/ctx[1]/2)>1?"block":"flex"};
|
|
246
249
|
--narrow-column-count: ${Math.ceil(/*maxcolumncount*/ctx[1]/2)};
|
|
247
250
|
--wide-display-type: ${/*maxcolumncount*/ctx[1]>1?"block":"flex"};
|
|
248
251
|
--wide-column-count: ${/*maxcolumncount*/ctx[1]};
|
|
249
252
|
`)){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(function(){return _call(tick,function(){// remap slot content
|
|
250
|
-
$$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$
|
|
251
|
-
function create_if_block_3$
|
|
252
|
-
function create_if_block_1$
|
|
253
|
-
function create_if_block$
|
|
253
|
+
$$invalidate(3,children=rootEl.querySelector("slot").assignedElements());const isValid=children.map(child=>child.hasAttribute("href")).reduce((sum,valid)=>{return sum&&valid;},true);if(!isValid){$$invalidate(3,children=[]);console.warn("GoAFooterNavSection children must be anchor elements.");return;}injectCss(rootEl,":host",{"flex-grow":maxcolumncount});});});function section_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(2,rootEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('maxcolumncount'in $$props)$$invalidate(1,maxcolumncount=$$props.maxcolumncount);};return [heading,maxcolumncount,rootEl,children,section_binding];}class FooterNavSection extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{flex:auto}.title{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-4);padding-bottom:var(--goa-space-l)}.hidden{display:none}.links{display:block;list-style-type:none;padding-left:0}@media screen and (max-width: 623px){@media not (max-color:2147477350){.links{list-style-type:none;padding-left:0;flex-direction:column}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.links{list-style-type:none;padding-left:0;flex-direction:column}}}@media screen and (min-width: 624px) and (max-width: 1023px){.links{display:var(--narrow-display-type);-moz-column-count:var(--narrow-column-count);column-count:var(--narrow-column-count)}}@media screen and (min-width: 1024px){.links{display:var(--wide-display-type);-moz-column-count:var(--wide-column-count);column-count:var(--wide-column-count)}}li{padding:0.75rem 0}a{color:var(--goa-color-text-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$B,create_fragment$E,safe_not_equal,{heading:0,maxcolumncount:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","maxcolumncount"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get maxcolumncount(){return this.$$.ctx[1];}set maxcolumncount(maxcolumncount){this.$$set({maxcolumncount});flush();}}customElements.define("goa-app-footer-nav-section",FooterNavSection);/* src/components/form-item/FormItem.svelte generated by Svelte v3.59.2 */function create_if_block_2$a(ctx){let div;let t0;let t1;let show_if=/*requirement*/ctx[9]&&/*REQUIREMENT_TYPES*/ctx[11].includes(/*requirement*/ctx[9]);let div_class_value;let if_block=show_if&&create_if_block_3$a(ctx);return {c(){div=element("div");t0=text(/*label*/ctx[5]);t1=space();if(if_block)if_block.c();attr(div,"class",div_class_value=`label ${/*labelsize*/ctx[6]}`);attr(div,"id",/*id*/ctx[10]);},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,t1);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(dirty&/*label*/32)set_data(t0,/*label*/ctx[5]);if(dirty&/*requirement*/512)show_if=/*requirement*/ctx[9]&&/*REQUIREMENT_TYPES*/ctx[11].includes(/*requirement*/ctx[9]);if(show_if){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_3$a(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*labelsize*/64&&div_class_value!==(div_class_value=`label ${/*labelsize*/ctx[6]}`)){attr(div,"class",div_class_value);}if(dirty&/*id*/1024){attr(div,"id",/*id*/ctx[10]);}},d(detaching){if(detaching)detach(div);if(if_block)if_block.d();}};}// (36:6) {#if requirement && REQUIREMENT_TYPES.includes(requirement)}
|
|
254
|
+
function create_if_block_3$a(ctx){let em;let t0;let t1;let t2;return {c(){em=element("em");t0=text("(");t1=text(/*requirement*/ctx[9]);t2=text(")");},m(target,anchor){insert(target,em,anchor);append(em,t0);append(em,t1);append(em,t2);},p(ctx,dirty){if(dirty&/*requirement*/512)set_data(t1,/*requirement*/ctx[9]);},d(detaching){if(detaching)detach(em);}};}// (44:2) {#if error}
|
|
255
|
+
function create_if_block_1$c(ctx){let div;let goa_icon;let t0;let t1;return {c(){div=element("div");goa_icon=element("goa-icon");t0=space();t1=text(/*error*/ctx[8]);set_custom_element_data(goa_icon,"type","warning");set_custom_element_data(goa_icon,"size","small");set_custom_element_data(goa_icon,"theme","filled");set_custom_element_data(goa_icon,"mt","2xs");attr(div,"class","error-msg");},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);append(div,t0);append(div,t1);},p(ctx,dirty){if(dirty&/*error*/256)set_data(t1,/*error*/ctx[8]);},d(detaching){if(detaching)detach(div);}};}// (50:2) {#if helptext}
|
|
256
|
+
function create_if_block$m(ctx){let div;let t;return {c(){div=element("div");t=text(/*helptext*/ctx[7]);attr(div,"class","help-msg");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*helptext*/128)set_data(t,/*helptext*/ctx[7]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$D(ctx){let div1;let t0;let div0;let t1;let t2;let div1_style_value;let if_block0=/*label*/ctx[5]&&create_if_block_2$a(ctx);let if_block1=/*error*/ctx[8]&&create_if_block_1$c(ctx);let if_block2=/*helptext*/ctx[7]&&create_if_block$m(ctx);return {c(){div1=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");div0.innerHTML=`<slot></slot>`;t1=space();if(if_block1)if_block1.c();t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","form-item-input");attr(div1,"data-testid",/*testid*/ctx[0]);attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,div1,anchor);if(if_block0)if_block0.m(div1,null);append(div1,t0);append(div1,div0);append(div1,t1);if(if_block1)if_block1.m(div1,null);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*label*/ctx[5]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_2$a(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*error*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$c(ctx);if_block1.c();if_block1.m(div1,t2);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*helptext*/ctx[7]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$m(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*testid*/1){attr(div1,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function instance$A($$self,$$props,$$invalidate){const[REQUIREMENT_TYPES,validateRequirementType]=typeValidator("Requirement type",["optional","required"],false);let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{label=""}=$$props;let{labelsize="regular"}=$$props;let{helptext=""}=$$props;let{error=""}=$$props;let{requirement=""}=$$props;let{id=""}=$$props;onMount(()=>{validateRequirementType(requirement);});$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);if('label'in $$props)$$invalidate(5,label=$$props.label);if('labelsize'in $$props)$$invalidate(6,labelsize=$$props.labelsize);if('helptext'in $$props)$$invalidate(7,helptext=$$props.helptext);if('error'in $$props)$$invalidate(8,error=$$props.error);if('requirement'in $$props)$$invalidate(9,requirement=$$props.requirement);if('id'in $$props)$$invalidate(10,id=$$props.id);};return [testid,mt,mr,mb,ml,label,labelsize,helptext,error,requirement,id,REQUIREMENT_TYPES];}class FormItem extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}*{box-sizing:border-box}.label{display:block;font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding-bottom:0.5rem}.label.large{font:var(--goa-typography-heading-l)}.label em{color:var(--goa-color-greyscale-700);font-weight:var(--goa-font-weight-regular);font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--goa-font-size-2);color:var(--goa-color-text-default);margin-right:56px}.error-msg{display:inline-flex;align-items:flex-start;gap:0.25rem;font-size:var(--goa-font-size-2);color:var(--goa-color-interactive-error);margin-bottom:0.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$A,create_fragment$D,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4,label:5,labelsize:6,helptext:7,error:8,requirement:9,id:10},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml","label","labelsize","helptext","error","requirement","id"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}get label(){return this.$$.ctx[5];}set label(label){this.$$set({label});flush();}get labelsize(){return this.$$.ctx[6];}set labelsize(labelsize){this.$$set({labelsize});flush();}get helptext(){return this.$$.ctx[7];}set helptext(helptext){this.$$set({helptext});flush();}get error(){return this.$$.ctx[8];}set error(error){this.$$set({error});flush();}get requirement(){return this.$$.ctx[9];}set requirement(requirement){this.$$set({requirement});flush();}get id(){return this.$$.ctx[10];}set id(id){this.$$set({id});flush();}}customElements.define("goa-form-item",FormItem);/* src/components/grid/Grid.svelte generated by Svelte v3.59.2 */function create_fragment$C(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","goa-grid");attr(div,"style",div_style_value=`
|
|
254
257
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
255
258
|
--min-child-width: ${/*minchildwidth*/ctx[1]||0};
|
|
256
259
|
gap: var(--goa-space-${/*gap*/ctx[0]})
|
|
@@ -264,33 +267,33 @@
|
|
|
264
267
|
rgba(0, 0, 0, 0.6) 100%
|
|
265
268
|
),
|
|
266
269
|
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
|
|
267
|
-
$$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$
|
|
270
|
+
$$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$l(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$b;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}
|
|
268
271
|
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)}
|
|
269
|
-
function create_if_block_1$
|
|
272
|
+
function create_if_block_1$b(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$l(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=`
|
|
270
273
|
${calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3])}
|
|
271
274
|
${cssVar("--fill-color",/*fillcolor*/ctx[7])};
|
|
272
275
|
${cssVar("--opacity",/*opacity*/ctx[8])};
|
|
273
|
-
`);toggle_class(div,"inverted",/*isInverted*/ctx[15]);},m(target,anchor){insert(target,div,anchor);if(if_block)if_block.m(div,null);},p(ctx,[dirty]){if(/*type*/ctx[4]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$
|
|
276
|
+
`);toggle_class(div,"inverted",/*isInverted*/ctx[15]);},m(target,anchor){insert(target,div,anchor);if(if_block)if_block.m(div,null);},p(ctx,[dirty]){if(/*type*/ctx[4]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$l(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*role*/8192){attr(div,"role",/*role*/ctx[13]);}if(dirty&/*arialabel*/2048){attr(div,"aria-label",/*arialabel*/ctx[11]);}if(dirty&/*ariacontrols*/4096){attr(div,"aria-controls",/*ariacontrols*/ctx[12]);}if(dirty&/*_ariaexpanded*/16384&&div_aria_expanded_value!==(div_aria_expanded_value=/*_ariaexpanded*/ctx[14].length>0?/*_ariaexpanded*/ctx[14]:undefined)){attr(div,"aria-expanded",div_aria_expanded_value);}if(dirty&/*size*/32&&div_class_value!==(div_class_value=`goa-icon goa-icon--${/*size*/ctx[5]}`)){attr(div,"class",div_class_value);}if(dirty&/*testid*/1024){attr(div,"data-testid",/*testid*/ctx[10]);}if(dirty&/*title*/512){attr(div,"title",/*title*/ctx[9]);}if(dirty&/*mt, mr, mb, ml, fillcolor, opacity*/399&&div_style_value!==(div_style_value=`
|
|
274
277
|
${calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3])}
|
|
275
278
|
${cssVar("--fill-color",/*fillcolor*/ctx[7])};
|
|
276
279
|
${cssVar("--opacity",/*opacity*/ctx[8])};
|
|
277
280
|
`)){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
|
|
278
|
-
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}
|
|
279
|
-
function create_if_block_3$
|
|
280
|
-
function create_if_block_2$
|
|
281
|
-
function create_if_block_1$
|
|
282
|
-
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(function(){return _call(tick,function(){validateType(type);validateAutoCapitalize(autocapitalize);if(prefix!=""||suffix!=""){console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");}const leadingContentSlot=_rootEL.querySelector("slot[name=leadingContent]");if(leadingContentSlot&&leadingContentSlot.assignedNodes().length>0){$$invalidate(25,_leadingContentSlot=true);}const trailingContentSlot=_rootEL.querySelector("slot[name=trailingContent]");if(trailingContentSlot&&trailingContentSlot.assignedNodes().length>0){$$invalidate(26,_trailingContentSlot=true);}});});function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{inputEl=$$value;$$invalidate(23,inputEl);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEL=$$value;$$invalidate(24,_rootEL);});}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(1,type=$$props.type);if('name'in $$props)$$invalidate(2,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('autocapitalize'in $$props)$$invalidate(3,autocapitalize=$$props.autocapitalize);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('leadingicon'in $$props)$$invalidate(5,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(6,trailingicon=$$props.trailingicon);if('variant'in $$props)$$invalidate(7,variant=$$props.variant);if('disabled'in $$props)$$invalidate(34,disabled=$$props.disabled);if('handletrailingiconclick'in $$props)$$invalidate(35,handletrailingiconclick=$$props.handletrailingiconclick);if('focused'in $$props)$$invalidate(36,focused=$$props.focused);if('readonly'in $$props)$$invalidate(37,readonly=$$props.readonly);if('error'in $$props)$$invalidate(38,error=$$props.error);if('testid'in $$props)$$invalidate(8,testid=$$props.testid);if('width'in $$props)$$invalidate(9,width=$$props.width);if('arialabel'in $$props)$$invalidate(10,arialabel=$$props.arialabel);if('arialabelledby'in $$props)$$invalidate(11,arialabelledby=$$props.arialabelledby);if('min'in $$props)$$invalidate(12,min=$$props.min);if('max'in $$props)$$invalidate(13,max=$$props.max);if('step'in $$props)$$invalidate(14,step=$$props.step);if('prefix'in $$props)$$invalidate(15,prefix=$$props.prefix);if('suffix'in $$props)$$invalidate(16,suffix=$$props.suffix);if('debounce'in $$props)$$invalidate(39,debounce=$$props.debounce);if('maxlength'in $$props)$$invalidate(17,maxlength=$$props.maxlength);if('id'in $$props)$$invalidate(18,id=$$props.id);if('mt'in $$props)$$invalidate(19,mt=$$props.mt);if('mr'in $$props)$$invalidate(20,mr=$$props.mr);if('mb'in $$props)$$invalidate(21,mb=$$props.mb);if('ml'in $$props)$$invalidate(22,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[1]&/*handletrailingiconclick*/16){$$invalidate(30,handlesTrailingIconClick=toBoolean(handletrailingiconclick));}if($$self.$$.dirty[1]&/*focused*/32){$$invalidate(40,isFocused=toBoolean(focused));}if($$self.$$.dirty[1]&/*readonly*/64){$$invalidate(27,isReadonly=toBoolean(readonly));}if($$self.$$.dirty[1]&/*error*/128){$$invalidate(29,isError=toBoolean(error));}if($$self.$$.dirty[1]&/*disabled*/8){$$invalidate(28,isDisabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*inputEl*/8388608|$$self.$$.dirty[1]&/*isFocused*/512){if(isFocused&&inputEl){setTimeout(()=>inputEl.focus(),1);}}if($$self.$$.dirty[0]&/*inputEl, type*/8388610){if(inputEl&&type==="search"){inputEl.addEventListener("search",e=>{onKeyUp(e);});}}};return [value,type,name,autocapitalize,placeholder,leadingicon,trailingicon,variant,testid,width,arialabel,arialabelledby,min,max,step,prefix,suffix,maxlength,id,mt,mr,mb,ml,inputEl,_rootEL,_leadingContentSlot,_trailingContentSlot,isReadonly,isDisabled,isError,handlesTrailingIconClick,onKeyUp,onFocus,onBlur,disabled,handletrailingiconclick,focused,readonly,error,debounce,isFocused,input_binding,div3_binding];}class Input extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media screen and (max-width: 623px){@media not (max-color:2147477350){.container{width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.container{width:var(--width)}}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.leading-content):not(.trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.leading-content):not(.trailing-content),.goa-input:focus:not(.leading-content):not(.trailing-content),.goa-input:focus-within:not(.leading-content):not(.trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.leading-icon{margin-left:0.75rem}.trailing-icon{margin-right:var(--goa-space-s)}.trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs) var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.input--disabled,.input--disabled:hover,.input--disabled:active,.input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.input--disabled input,.input--disabled input:hover,.input--disabled input:active,.input--disabled input:focus{color:var(--goa-color-text-secondary)}.input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.input--disabled .prefix,.input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.input--disabled .suffix,.input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.leading-content):not(.trailing-content),.error:hover:not(.leading-content):not(.trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.leading-content):not(.trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
|
|
283
|
-
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$
|
|
284
|
-
function create_if_block_1$
|
|
285
|
-
function create_if_block_2$
|
|
286
|
-
function create_if_block$
|
|
281
|
+
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);}};}// (141:4) {#if leadingicon}
|
|
282
|
+
function create_if_block_3$9(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,"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);}};}// (178:4) {#if trailingicon && !handlesTrailingIconClick}
|
|
283
|
+
function create_if_block_2$9(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","trailing-icon");set_custom_element_data(goa_icon,"data-testid","trailing-icon");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[6]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty[0]&/*trailingicon*/64){set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[6]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (188:4) {#if trailingicon && handlesTrailingIconClick}
|
|
284
|
+
function create_if_block_1$a(ctx){let goa_icon_button;let mounted;let dispose;return {c(){goa_icon_button=element("goa-icon-button");set_custom_element_data(goa_icon_button,"disabled",/*isDisabled*/ctx[28]);set_custom_element_data(goa_icon_button,"variant","nocolor");set_custom_element_data(goa_icon_button,"size","medium");set_custom_element_data(goa_icon_button,"icon",/*trailingicon*/ctx[6]);set_custom_element_data(goa_icon_button,"data-testid","trailing-icon-button");set_custom_element_data(goa_icon_button,"class","trailing-icon-button");},m(target,anchor){insert(target,goa_icon_button,anchor);if(!mounted){dispose=listen(goa_icon_button,"click",doClick);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*isDisabled*/268435456){set_custom_element_data(goa_icon_button,"disabled",/*isDisabled*/ctx[28]);}if(dirty[0]&/*trailingicon*/64){set_custom_element_data(goa_icon_button,"icon",/*trailingicon*/ctx[6]);}},d(detaching){if(detaching)detach(goa_icon_button);mounted=false;dispose();}};}// (201:4) {#if suffix}
|
|
285
|
+
function create_if_block$k(ctx){let span;let t;return {c(){span=element("span");t=text(/*suffix*/ctx[16]);attr(span,"class","suffix");},m(target,anchor){insert(target,span,anchor);append(span,t);},p(ctx,dirty){if(dirty[0]&/*suffix*/65536)set_data(t,/*suffix*/ctx[16]);},d(detaching){if(detaching)detach(span);}};}function create_fragment$y(ctx){let div3;let div2;let t0;let div0;let t1;let t2;let input;let input_class_value;let input_style_value;let input_id_value;let input_aria_label_value;let t3;let t4;let t5;let t6;let div1;let div2_class_value;let div3_style_value;let mounted;let dispose;let if_block0=/*prefix*/ctx[15]&&create_if_block_4$2(ctx);let if_block1=/*leadingicon*/ctx[5]&&create_if_block_3$9(ctx);let if_block2=/*trailingicon*/ctx[6]&&!/*handlesTrailingIconClick*/ctx[30]&&create_if_block_2$9(ctx);let if_block3=/*trailingicon*/ctx[6]&&/*handlesTrailingIconClick*/ctx[30]&&create_if_block_1$a(ctx);let if_block4=/*suffix*/ctx[16]&&create_if_block$k(ctx);return {c(){div3=element("div");div2=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");div0.innerHTML=`<slot name="leadingContent"></slot>`;t1=space();if(if_block1)if_block1.c();t2=space();input=element("input");t3=space();if(if_block2)if_block2.c();t4=space();if(if_block3)if_block3.c();t5=space();if(if_block4)if_block4.c();t6=space();div1=element("div");div1.innerHTML=`<slot name="trailingContent"></slot>`;this.c=noop;attr(div0,"class","leading-content");attr(input,"class",input_class_value="input--"+/*variant*/ctx[7]);attr(input,"style",input_style_value=`--search-icon-offset: ${/*trailingicon*/ctx[6]?"-0.5rem":"0"}`);input.readOnly=/*isReadonly*/ctx[27];input.disabled=/*isDisabled*/ctx[28];attr(input,"data-testid",/*testid*/ctx[8]);attr(input,"autocapitalize",/*autocapitalize*/ctx[3]);attr(input,"name",/*name*/ctx[2]);attr(input,"type",/*type*/ctx[1]);input.value=/*value*/ctx[0];attr(input,"placeholder",/*placeholder*/ctx[4]);attr(input,"min",/*min*/ctx[12]);attr(input,"max",/*max*/ctx[13]);attr(input,"step",/*step*/ctx[14]);attr(input,"maxlength",/*maxlength*/ctx[17]);attr(input,"id",input_id_value=/*id*/ctx[18]||/*name*/ctx[2]);attr(input,"role","textbox");attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[10]||/*name*/ctx[2]);attr(input,"aria-labelledby",/*arialabelledby*/ctx[11]);toggle_class(input,"input-leading-content",/*_leadingContentSlot*/ctx[25]&&!/*isDisabled*/ctx[28]);toggle_class(input,"input-trailing-content",/*_trailingContentSlot*/ctx[26]&&!/*isDisabled*/ctx[28]);attr(div1,"class","trailing-content");attr(div2,"class",div2_class_value="goa-input variant--"+/*variant*/ctx[7]+" type--"+/*type*/ctx[1]);toggle_class(div2,"input--disabled",/*isDisabled*/ctx[28]);toggle_class(div2,"input-leading-content",/*_leadingContentSlot*/ctx[25]);toggle_class(div2,"input-trailing-content",/*_trailingContentSlot*/ctx[26]);toggle_class(div2,"error",/*isError*/ctx[29]);attr(div3,"class","container");attr(div3,"style",div3_style_value=`--width: ${/*width*/ctx[9]};${calculateMargin(/*mt*/ctx[19],/*mr*/ctx[20],/*mb*/ctx[21],/*ml*/ctx[22])}`);},m(target,anchor){insert(target,div3,anchor);append(div3,div2);if(if_block0)if_block0.m(div2,null);append(div2,t0);append(div2,div0);append(div2,t1);if(if_block1)if_block1.m(div2,null);append(div2,t2);append(div2,input);/*input_binding*/ctx[41](input);append(div2,t3);if(if_block2)if_block2.m(div2,null);append(div2,t4);if(if_block3)if_block3.m(div2,null);append(div2,t5);if(if_block4)if_block4.m(div2,null);append(div2,t6);append(div2,div1);/*div3_binding*/ctx[42](div3);if(!mounted){dispose=[listen(input,"keyup",/*onKeyUp*/ctx[31]),listen(input,"change",/*onKeyUp*/ctx[31]),listen(input,"focus",/*onFocus*/ctx[32]),listen(input,"blur",/*onBlur*/ctx[33])];mounted=true;}},p(ctx,dirty){if(/*prefix*/ctx[15]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_4$2(ctx);if_block0.c();if_block0.m(div2,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*leadingicon*/ctx[5]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_3$9(ctx);if_block1.c();if_block1.m(div2,t2);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty[0]&/*variant*/128&&input_class_value!==(input_class_value="input--"+/*variant*/ctx[7])){attr(input,"class",input_class_value);}if(dirty[0]&/*trailingicon*/64&&input_style_value!==(input_style_value=`--search-icon-offset: ${/*trailingicon*/ctx[6]?"-0.5rem":"0"}`)){attr(input,"style",input_style_value);}if(dirty[0]&/*isReadonly*/134217728){input.readOnly=/*isReadonly*/ctx[27];}if(dirty[0]&/*isDisabled*/268435456){input.disabled=/*isDisabled*/ctx[28];}if(dirty[0]&/*testid*/256){attr(input,"data-testid",/*testid*/ctx[8]);}if(dirty[0]&/*autocapitalize*/8){attr(input,"autocapitalize",/*autocapitalize*/ctx[3]);}if(dirty[0]&/*name*/4){attr(input,"name",/*name*/ctx[2]);}if(dirty[0]&/*type*/2){attr(input,"type",/*type*/ctx[1]);}if(dirty[0]&/*value*/1&&input.value!==/*value*/ctx[0]){input.value=/*value*/ctx[0];}if(dirty[0]&/*placeholder*/16){attr(input,"placeholder",/*placeholder*/ctx[4]);}if(dirty[0]&/*min*/4096){attr(input,"min",/*min*/ctx[12]);}if(dirty[0]&/*max*/8192){attr(input,"max",/*max*/ctx[13]);}if(dirty[0]&/*step*/16384){attr(input,"step",/*step*/ctx[14]);}if(dirty[0]&/*maxlength*/131072){attr(input,"maxlength",/*maxlength*/ctx[17]);}if(dirty[0]&/*id, name*/262148&&input_id_value!==(input_id_value=/*id*/ctx[18]||/*name*/ctx[2])){attr(input,"id",input_id_value);}if(dirty[0]&/*arialabel, name*/1028&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[10]||/*name*/ctx[2])){attr(input,"aria-label",input_aria_label_value);}if(dirty[0]&/*arialabelledby*/2048){attr(input,"aria-labelledby",/*arialabelledby*/ctx[11]);}if(dirty[0]&/*variant, _leadingContentSlot, isDisabled*/301990016){toggle_class(input,"input-leading-content",/*_leadingContentSlot*/ctx[25]&&!/*isDisabled*/ctx[28]);}if(dirty[0]&/*variant, _trailingContentSlot, isDisabled*/335544448){toggle_class(input,"input-trailing-content",/*_trailingContentSlot*/ctx[26]&&!/*isDisabled*/ctx[28]);}if(/*trailingicon*/ctx[6]&&!/*handlesTrailingIconClick*/ctx[30]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_2$9(ctx);if_block2.c();if_block2.m(div2,t4);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(/*trailingicon*/ctx[6]&&/*handlesTrailingIconClick*/ctx[30]){if(if_block3){if_block3.p(ctx,dirty);}else {if_block3=create_if_block_1$a(ctx);if_block3.c();if_block3.m(div2,t5);}}else if(if_block3){if_block3.d(1);if_block3=null;}if(/*suffix*/ctx[16]){if(if_block4){if_block4.p(ctx,dirty);}else {if_block4=create_if_block$k(ctx);if_block4.c();if_block4.m(div2,t6);}}else if(if_block4){if_block4.d(1);if_block4=null;}if(dirty[0]&/*variant, type*/130&&div2_class_value!==(div2_class_value="goa-input variant--"+/*variant*/ctx[7]+" type--"+/*type*/ctx[1])){attr(div2,"class",div2_class_value);}if(dirty[0]&/*variant, type, isDisabled*/268435586){toggle_class(div2,"input--disabled",/*isDisabled*/ctx[28]);}if(dirty[0]&/*variant, type, _leadingContentSlot*/33554562){toggle_class(div2,"input-leading-content",/*_leadingContentSlot*/ctx[25]);}if(dirty[0]&/*variant, type, _trailingContentSlot*/67108994){toggle_class(div2,"input-trailing-content",/*_trailingContentSlot*/ctx[26]);}if(dirty[0]&/*variant, type, isError*/536871042){toggle_class(div2,"error",/*isError*/ctx[29]);}if(dirty[0]&/*width, mt, mr, mb, ml*/7864832&&div3_style_value!==(div3_style_value=`--width: ${/*width*/ctx[9]};${calculateMargin(/*mt*/ctx[19],/*mr*/ctx[20],/*mb*/ctx[21],/*ml*/ctx[22])}`)){attr(div3,"style",div3_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*input_binding*/ctx[41](null);if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();/*div3_binding*/ctx[42](null);mounted=false;run_all(dispose);}};}function doClick(){this.dispatchEvent(new CustomEvent("_trailingIconClick",{composed:true}));}function instance$v($$self,$$props,$$invalidate){let handlesTrailingIconClick;let isFocused;let isReadonly;let isError;let isDisabled;const[Types,validateType]=typeValidator("Input type",["text","number","password","email","date","datetime-local","month","range","search","tel","time","url","week"]);const[AutoCapitalize,validateAutoCapitalize]=typeValidator("Input auto capitalize",["on","off","none","sentences","words","characters"]);let{type="text"}=$$props;let{name=""}=$$props;let{value=""}=$$props;let{autocapitalize="off"}=$$props;let{placeholder=""}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{variant="goa"}=$$props;let{disabled="false"}=$$props;let{handletrailingiconclick="false"}=$$props;let{focused="false"}=$$props;let{readonly="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{width="30ch"}=$$props;let{arialabel=null}=$$props;let{arialabelledby=null}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{step=1}=$$props;let{prefix=""}=$$props;let{suffix=""}=$$props;let{debounce=0}=$$props;let{maxlength=null}=$$props;let{id=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let inputEl;let _rootEL;let _leadingContentSlot=false;let _trailingContentSlot=false;let _debounceId=null;function onKeyUp(e){const input=e.target;if(!input)return;if(isReadonly)return;if(_debounceId!=null){clearTimeout(_debounceId);}_debounceId=setTimeout(()=>{input.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value:input.value}}));},debounce);input.dispatchEvent(new CustomEvent("_keyPress",{composed:true,detail:{name,value:input.value,key:e.key}}));$$invalidate(0,value=input.value);}function onFocus(e){const input=e.target;input.dispatchEvent(new CustomEvent("_focus",{composed:true,detail:{name,value:input.value}}));}function onBlur(e){const input=e.target;input.dispatchEvent(new CustomEvent("_blur",{composed:true,detail:{name,value:input.value}}));}onMount(function(){return _call(tick,function(){validateType(type);validateAutoCapitalize(autocapitalize);if(prefix!=""||suffix!=""){console.warn("GoAInput [prefix] and [suffix] properties are deprecated. Instead use leadingContent and trailingContent.");}const leadingContentSlot=_rootEL.querySelector("slot[name=leadingContent]");if(leadingContentSlot&&leadingContentSlot.assignedNodes().length>0){$$invalidate(25,_leadingContentSlot=true);}const trailingContentSlot=_rootEL.querySelector("slot[name=trailingContent]");if(trailingContentSlot&&trailingContentSlot.assignedNodes().length>0){$$invalidate(26,_trailingContentSlot=true);}});});function input_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{inputEl=$$value;$$invalidate(23,inputEl);});}function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEL=$$value;$$invalidate(24,_rootEL);});}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(1,type=$$props.type);if('name'in $$props)$$invalidate(2,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('autocapitalize'in $$props)$$invalidate(3,autocapitalize=$$props.autocapitalize);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('leadingicon'in $$props)$$invalidate(5,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(6,trailingicon=$$props.trailingicon);if('variant'in $$props)$$invalidate(7,variant=$$props.variant);if('disabled'in $$props)$$invalidate(34,disabled=$$props.disabled);if('handletrailingiconclick'in $$props)$$invalidate(35,handletrailingiconclick=$$props.handletrailingiconclick);if('focused'in $$props)$$invalidate(36,focused=$$props.focused);if('readonly'in $$props)$$invalidate(37,readonly=$$props.readonly);if('error'in $$props)$$invalidate(38,error=$$props.error);if('testid'in $$props)$$invalidate(8,testid=$$props.testid);if('width'in $$props)$$invalidate(9,width=$$props.width);if('arialabel'in $$props)$$invalidate(10,arialabel=$$props.arialabel);if('arialabelledby'in $$props)$$invalidate(11,arialabelledby=$$props.arialabelledby);if('min'in $$props)$$invalidate(12,min=$$props.min);if('max'in $$props)$$invalidate(13,max=$$props.max);if('step'in $$props)$$invalidate(14,step=$$props.step);if('prefix'in $$props)$$invalidate(15,prefix=$$props.prefix);if('suffix'in $$props)$$invalidate(16,suffix=$$props.suffix);if('debounce'in $$props)$$invalidate(39,debounce=$$props.debounce);if('maxlength'in $$props)$$invalidate(17,maxlength=$$props.maxlength);if('id'in $$props)$$invalidate(18,id=$$props.id);if('mt'in $$props)$$invalidate(19,mt=$$props.mt);if('mr'in $$props)$$invalidate(20,mr=$$props.mr);if('mb'in $$props)$$invalidate(21,mb=$$props.mb);if('ml'in $$props)$$invalidate(22,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[1]&/*handletrailingiconclick*/16){$$invalidate(30,handlesTrailingIconClick=toBoolean(handletrailingiconclick));}if($$self.$$.dirty[1]&/*focused*/32){$$invalidate(40,isFocused=toBoolean(focused));}if($$self.$$.dirty[1]&/*readonly*/64){$$invalidate(27,isReadonly=toBoolean(readonly));}if($$self.$$.dirty[1]&/*error*/128){$$invalidate(29,isError=toBoolean(error));}if($$self.$$.dirty[1]&/*disabled*/8){$$invalidate(28,isDisabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*inputEl*/8388608|$$self.$$.dirty[1]&/*isFocused*/512){if(isFocused&&inputEl){setTimeout(()=>inputEl.focus(),1);}}if($$self.$$.dirty[0]&/*inputEl, type*/8388610){if(inputEl&&type==="search"){inputEl.addEventListener("search",e=>{onKeyUp(e);});}}};return [value,type,name,autocapitalize,placeholder,leadingicon,trailingicon,variant,testid,width,arialabel,arialabelledby,min,max,step,prefix,suffix,maxlength,id,mt,mr,mb,ml,inputEl,_rootEL,_leadingContentSlot,_trailingContentSlot,isReadonly,isDisabled,isError,handlesTrailingIconClick,onKeyUp,onFocus,onBlur,disabled,handletrailingiconclick,focused,readonly,error,debounce,isFocused,input_binding,div3_binding];}class Input extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box}.container{position:relative;width:100%;display:inline-block}@media screen and (max-width: 623px){@media not (max-color:2147477350){.container{width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.container{width:var(--width)}}}.goa-input,.goa-input *{box-sizing:border-box;line-height:normal}.goa-input{box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);display:inline-flex;align-items:stretch;vertical-align:middle;min-width:100%;background-color:var(--goa-color-greyscale-white)}.goa-input:hover:not(.leading-content):not(.trailing-content){border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-input:active:not(.leading-content):not(.trailing-content),.goa-input:focus:not(.leading-content):not(.trailing-content),.goa-input:focus-within:not(.leading-content):not(.trailing-content){box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.goa-input.type--range{border:none}.goa-input.type--range:active,.goa-input.type--range:focus,.goa-input.type--range:focus-within{box-shadow:none}.leading-icon{margin-left:0.75rem}.trailing-icon{margin-right:var(--goa-space-s)}.trailing-icon-button{margin-right:var(--goa-space-xs)}input{display:inline-block;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:var(--goa-space-xs) var(--goa-space-s);line-height:calc(40px - calc(var(--goa-space-xs) * 2));background-color:transparent;width:100%;flex:1 1 auto;font-family:var(--goa-font-family-sans);z-index:1}input[readonly]{cursor:pointer}.leading-icon+input{padding-left:0.5rem}input,input:focus,input:hover,input:active{outline:none;border:none}.input--disabled,.input--disabled:hover,.input--disabled:active,.input--disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200) !important;cursor:default;box-shadow:none !important}.input--disabled input,.input--disabled input:hover,.input--disabled input:active,.input--disabled input:focus{color:var(--goa-color-text-secondary)}.input--disabled input:hover{cursor:default !important}.prefix,.suffix,.leading-content ::slotted(div),.trailing-content ::slotted(div){background-color:var(--goa-color-greyscale-100);padding:0 0.75rem;display:flex;align-items:center}.leading-content ::slotted(div),.trailing-content ::slotted(div){padding:0.5rem 0.75rem}.prefix,.leading-content ::slotted(div){border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m);border-right:1px solid var(--goa-color-greyscale-700)}.suffix,.trailing-content ::slotted(div){border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);border-left:1px solid var(--goa-color-greyscale-700)}.input--disabled .prefix,.input--disabled .leading-content ::slotted(div){border-right:1px solid var(--goa-color-greyscale-200)}.input--disabled .suffix,.input--disabled .trailing-content ::slotted(div){border-left:1px solid var(--goa-color-greyscale-200)}input.input--goa{display:block;border:none;flex:1 1 auto}.variant--bare{border:none}.variant--bare:focus,.variant--bare:active,.variant--bare:focus-within{box-shadow:none}.error:not(.leading-content):not(.trailing-content),.error:hover:not(.leading-content):not(.trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 1px var(--goa-color-interactive-error)}.error:focus-within:hover:not(.leading-content):not(.trailing-content){border:2px solid var(--goa-color-interactive-error);box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}.error .input-leading-content,.error .input-leading-content:hover,.error .input-trailing-content,.error .input-trailing-content:hover{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error .input-leading-content:focus,.error .input-trailing-content:focus,.error .input-leading-content:active,.error .input-trailing-content:active{outline:var(--goa-border-width-s) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.input-leading-content:hover,.input-trailing-content:hover{box-shadow:inset 0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);outline:var(--goa-border-width-s) solid var(--goa-color-interactive-hover)}.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus);outline:var(--goa-border-width-s) solid var(--goa-color-greyscale-700)}.error .input-trailing-content,.input-trailing-content:hover,.input-trailing-content:active,.input-trailing-content:focus,.input-trailing-content:focus-within{border-top-left-radius:var(--goa-border-radius-m);border-bottom-left-radius:var(--goa-border-radius-m)}.error .input-leading-content,.input-leading-content:hover,.input-leading-content:active,.input-leading-content:focus,.input-leading-content:focus-within{border-top-right-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m)}.input-leading-content.input-trailing-content,.input-leading-content.input-trailing-content:hover,.input-leading-content.input-trailing-content:active,.input-leading-content.input-trailing-content:focus,.input-leading-content.input-trailing-content:focus-within{border-radius:0}input[type="search"]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button{position:relative;right:var(--search-icon-offset);cursor:pointer;-webkit-appearance:none;height:1.2rem;width:1.2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23333" d="M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z"/></svg>')
|
|
286
|
+
center center no-repeat}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$v,create_fragment$y,safe_not_equal,{type:1,name:2,value:0,autocapitalize:3,placeholder:4,leadingicon:5,trailingicon:6,variant:7,disabled:34,handletrailingiconclick:35,focused:36,readonly:37,error:38,testid:8,width:9,arialabel:10,arialabelledby:11,min:12,max:13,step:14,prefix:15,suffix:16,debounce:39,maxlength:17,id:18,mt:19,mr:20,mb:21,ml:22},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","name","value","autocapitalize","placeholder","leadingicon","trailingicon","variant","disabled","handletrailingiconclick","focused","readonly","error","testid","width","arialabel","arialabelledby","min","max","step","prefix","suffix","debounce","maxlength","id","mt","mr","mb","ml"];}get type(){return this.$$.ctx[1];}set type(type){this.$$set({type});flush();}get name(){return this.$$.ctx[2];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get autocapitalize(){return this.$$.ctx[3];}set autocapitalize(autocapitalize){this.$$set({autocapitalize});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get leadingicon(){return this.$$.ctx[5];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[6];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get variant(){return this.$$.ctx[7];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[34];}set disabled(disabled){this.$$set({disabled});flush();}get handletrailingiconclick(){return this.$$.ctx[35];}set handletrailingiconclick(handletrailingiconclick){this.$$set({handletrailingiconclick});flush();}get focused(){return this.$$.ctx[36];}set focused(focused){this.$$set({focused});flush();}get readonly(){return this.$$.ctx[37];}set readonly(readonly){this.$$set({readonly});flush();}get error(){return this.$$.ctx[38];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[8];}set testid(testid){this.$$set({testid});flush();}get width(){return this.$$.ctx[9];}set width(width){this.$$set({width});flush();}get arialabel(){return this.$$.ctx[10];}set arialabel(arialabel){this.$$set({arialabel});flush();}get arialabelledby(){return this.$$.ctx[11];}set arialabelledby(arialabelledby){this.$$set({arialabelledby});flush();}get min(){return this.$$.ctx[12];}set min(min){this.$$set({min});flush();}get max(){return this.$$.ctx[13];}set max(max){this.$$set({max});flush();}get step(){return this.$$.ctx[14];}set step(step){this.$$set({step});flush();}get prefix(){return this.$$.ctx[15];}set prefix(prefix){this.$$set({prefix});flush();}get suffix(){return this.$$.ctx[16];}set suffix(suffix){this.$$set({suffix});flush();}get debounce(){return this.$$.ctx[39];}set debounce(debounce){this.$$set({debounce});flush();}get maxlength(){return this.$$.ctx[17];}set maxlength(maxlength){this.$$set({maxlength});flush();}get id(){return this.$$.ctx[18];}set id(id){this.$$set({id});flush();}get mt(){return this.$$.ctx[19];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[20];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[21];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[22];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-input",Input);/* src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.59.2 */function create_if_block_3$8(ctx){let div;let t0;let a;let t1;let a_target_value;return {c(){div=element("div");t0=text("An official site of the ");a=element("a");t1=text("Alberta Government");attr(a,"href","https://www.alberta.ca/index.aspx");attr(a,"target",a_target_value=`_${/*headerurltarget*/ctx[4]}`);attr(div,"data-testid","type");attr(div,"class","site-text");},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,a);append(a,t1);},p(ctx,dirty){if(dirty&/*headerurltarget*/16&&a_target_value!==(a_target_value=`_${/*headerurltarget*/ctx[4]}`)){attr(a,"target",a_target_value);}},d(detaching){if(detaching)detach(div);}};}// (37:4) {#if ["alpha", "beta"].includes(type)}
|
|
287
|
+
function create_if_block_1$9(ctx){let div0;let t0_value=capitalize(/*type*/ctx[0])+"";let t0;let div0_class_value;let t1;let div1;let t2;let a;let t3;let a_target_value;let t4;let if_block=/*feedbackurl*/ctx[2]&&create_if_block_2$8(ctx);return {c(){div0=element("div");t0=text(t0_value);t1=space();div1=element("div");t2=text("This is a new ");a=element("a");t3=text("Alberta Government");t4=text(" service\n ");if(if_block)if_block.c();attr(div0,"data-testid","type");attr(div0,"class",div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase());attr(a,"href","https://www.alberta.ca/index.aspx");attr(a,"target",a_target_value=`_${/*headerurltarget*/ctx[4]}`);attr(div1,"data-testid","site-text");attr(div1,"class","site-text");},m(target,anchor){insert(target,div0,anchor);append(div0,t0);insert(target,t1,anchor);insert(target,div1,anchor);append(div1,t2);append(div1,a);append(a,t3);append(div1,t4);if(if_block)if_block.m(div1,null);},p(ctx,dirty){if(dirty&/*type*/1&&t0_value!==(t0_value=capitalize(/*type*/ctx[0])+""))set_data(t0,t0_value);if(dirty&/*type*/1&&div0_class_value!==(div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase())){attr(div0,"class",div0_class_value);}if(dirty&/*headerurltarget*/16&&a_target_value!==(a_target_value=`_${/*headerurltarget*/ctx[4]}`)){attr(a,"target",a_target_value);}if(/*feedbackurl*/ctx[2]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$8(ctx);if_block.c();if_block.m(div1,null);}}else if(if_block){if_block.d(1);if_block=null;}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t1);if(detaching)detach(div1);if(if_block)if_block.d();}};}// (46:8) {#if feedbackurl}
|
|
288
|
+
function create_if_block_2$8(ctx){let span;let t0;let a;let t1;let a_target_value;return {c(){span=element("span");t0=text("— help us improve it by giving ");a=element("a");t1=text("feedback");attr(a,"href",/*feedbackurl*/ctx[2]);attr(a,"target",a_target_value=`_${/*feedbackurltarget*/ctx[5]}`);attr(span,"data-testid","feedback");},m(target,anchor){insert(target,span,anchor);append(span,t0);append(span,a);append(a,t1);},p(ctx,dirty){if(dirty&/*feedbackurl*/4){attr(a,"href",/*feedbackurl*/ctx[2]);}if(dirty&/*feedbackurltarget*/32&&a_target_value!==(a_target_value=`_${/*feedbackurltarget*/ctx[5]}`)){attr(a,"target",a_target_value);}},d(detaching){if(detaching)detach(span);}};}// (52:4) {#if version}
|
|
289
|
+
function create_if_block$j(ctx){let div;let t;return {c(){div=element("div");t=text(/*version*/ctx[1]);attr(div,"data-testid","version");attr(div,"class","version");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*version*/2)set_data(t,/*version*/ctx[1]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$x(ctx){let header;let div1;let t0;let show_if=["alpha","beta"].includes(/*type*/ctx[0]);let t1;let div0;let t2;let header_style_value;let if_block0=/*type*/ctx[0]==="live"&&create_if_block_3$8(ctx);let if_block1=show_if&&create_if_block_1$9(ctx);let if_block2=/*version*/ctx[1]&&create_if_block$j(ctx);return {c(){header=element("header");div1=element("div");if(if_block0)if_block0.c();t0=space();if(if_block1)if_block1.c();t1=space();div0=element("div");t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","spacer");attr(div1,"class","content-container");attr(header,"class","goa-official-site-header");attr(header,"style",header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`);},m(target,anchor){insert(target,header,anchor);append(header,div1);if(if_block0)if_block0.m(div1,null);append(div1,t0);if(if_block1)if_block1.m(div1,null);append(div1,t1);append(div1,div0);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*type*/ctx[0]==="live"){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3$8(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*type*/1)show_if=["alpha","beta"].includes(/*type*/ctx[0]);if(show_if){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$9(ctx);if_block1.c();if_block1.m(div1,t1);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*version*/ctx[1]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$j(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*maxcontentwidth*/8&&header_style_value!==(header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`)){attr(header,"style",header_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(header);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function capitalize(val){if(!val||val&&val.length===0)return "";return val[0].toUpperCase()+val.slice(1);}function instance$u($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Microsite header type",["live","alpha","beta"],true);let{type}=$$props;let{version=""}=$$props;let{feedbackurl=""}=$$props;let{maxcontentwidth="100%"}=$$props;let{headerurltarget="blank"}=$$props;let{feedbackurltarget="blank"}=$$props;// Validator
|
|
287
290
|
const[UrlTarget,validateUrlTargetType]=typeValidator("URL target values",["self","blank"]);onMount(()=>{setTimeout(()=>validateType(type),1);validateUrlTargetType(headerurltarget);validateUrlTargetType(feedbackurltarget);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('version'in $$props)$$invalidate(1,version=$$props.version);if('feedbackurl'in $$props)$$invalidate(2,feedbackurl=$$props.feedbackurl);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);if('headerurltarget'in $$props)$$invalidate(4,headerurltarget=$$props.headerurltarget);if('feedbackurltarget'in $$props)$$invalidate(5,feedbackurltarget=$$props.feedbackurltarget);};return [type,version,feedbackurl,maxcontentwidth,headerurltarget,feedbackurltarget];}class MicrositeHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}a[target="_blank"]::after{content:"";width:var(--goa-icon-size-s);height:var(--goa-icon-size-s);background-color:var(--goa-color-interactive-default);display:inline-block;margin-left:var(--goa-space-2xs);vertical-align:sub;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ionicon%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20224v184a40%2040%200%200%201-40%2040H104a40%2040%200%200%201-40-40V168a40%2040%200%200%201%2040-40h167.48M336%2064h112v112M224%20288%20440%2072%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%2F%3E%3C%2Fsvg%3E")
|
|
288
291
|
center bottom no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ionicon%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20224v184a40%2040%200%200%201-40%2040H104a40%2040%200%200%201-40-40V168a40%2040%200%200%201%2040-40h167.48M336%2064h112v112M224%20288%20440%2072%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%2F%3E%3C%2Fsvg%3E")
|
|
289
|
-
center bottom no-repeat}a[target="_blank"]:hover:after{background-color:var(--goa-color-interactive-hover)}.goa-official-site-header{font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);padding:0.5rem 1rem}.content-container{display:flex;align-items:start;justify-content:space-between;max-width:min(var(--max-content-width), 100%);margin:0 auto}@media screen and (max-width: 623px){@media not (max-color:2147477350){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}}@media screen and (min-width: 1024px){.goa-official-site-header{padding:0.25rem 4.5rem}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$u,create_fragment$x,safe_not_equal,{type:0,version:1,feedbackurl:2,maxcontentwidth:3,headerurltarget:4,feedbackurltarget:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","version","feedbackurl","maxcontentwidth","headerurltarget","feedbackurltarget"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get version(){return this.$$.ctx[1];}set version(version){this.$$set({version});flush();}get feedbackurl(){return this.$$.ctx[2];}set feedbackurl(feedbackurl){this.$$set({feedbackurl});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get headerurltarget(){return this.$$.ctx[4];}set headerurltarget(headerurltarget){this.$$set({headerurltarget});flush();}get feedbackurltarget(){return this.$$.ctx[5];}set feedbackurltarget(feedbackurltarget){this.$$set({feedbackurltarget});flush();}}customElements.define("goa-microsite-header",MicrositeHeader);/* src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$
|
|
290
|
-
function create_if_block_3$
|
|
292
|
+
center bottom no-repeat}a[target="_blank"]:hover:after{background-color:var(--goa-color-interactive-hover)}.goa-official-site-header{font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);padding:0.5rem 1rem}.content-container{display:flex;align-items:start;justify-content:space-between;max-width:min(var(--max-content-width), 100%);margin:0 auto}@media screen and (max-width: 623px){@media not (max-color:2147477350){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}}@media screen and (min-width: 1024px){.goa-official-site-header{padding:0.25rem 4.5rem}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$u,create_fragment$x,safe_not_equal,{type:0,version:1,feedbackurl:2,maxcontentwidth:3,headerurltarget:4,feedbackurltarget:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","version","feedbackurl","maxcontentwidth","headerurltarget","feedbackurltarget"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get version(){return this.$$.ctx[1];}set version(version){this.$$set({version});flush();}get feedbackurl(){return this.$$.ctx[2];}set feedbackurl(feedbackurl){this.$$set({feedbackurl});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get headerurltarget(){return this.$$.ctx[4];}set headerurltarget(headerurltarget){this.$$set({headerurltarget});flush();}get feedbackurltarget(){return this.$$.ctx[5];}set feedbackurltarget(feedbackurltarget){this.$$set({feedbackurltarget});flush();}}customElements.define("goa-microsite-header",MicrositeHeader);/* src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$i(ctx){let goa_focus_trap;let div6;let div0;let t0;let div5;let t1;let div4;let header;let div1;let t2;let t3;let div2;let goa_scrollable;let t4;let div3;let div5_intro;let div5_outro;let div6_style_value;let noscroll_action;let div6_intro;let div6_outro;let current;let mounted;let dispose;let if_block0=/*calloutvariant*/ctx[3]!==null&&create_if_block_3$7(ctx);function select_block_type(ctx,dirty){if(/*heading*/ctx[1])return create_if_block_2$7;return create_else_block$8;}let current_block_type=select_block_type(ctx);let if_block1=current_block_type(ctx);let if_block2=/*_isClosable*/ctx[9]&&create_if_block_1$8(ctx);return {c(){goa_focus_trap=element("goa-focus-trap");div6=element("div");div0=element("div");t0=space();div5=element("div");if(if_block0)if_block0.c();t1=space();div4=element("div");header=element("header");div1=element("div");if_block1.c();t2=space();if(if_block2)if_block2.c();t3=space();div2=element("div");goa_scrollable=element("goa-scrollable");goa_scrollable.innerHTML=`<slot></slot>`;t4=space();div3=element("div");div3.innerHTML=`<slot name="actions"></slot>`;attr(div0,"data-testid","modal-overlay");attr(div0,"class","modal-overlay");attr(div1,"data-testid","modal-title");attr(div1,"class","modal-title");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$7(ctx);if_block0.c();if_block0.m(div5,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block1){if_block1.p(ctx,dirty);}else {if_block1.d(1);if_block1=current_block_type(ctx);if(if_block1){if_block1.c();if_block1.m(div1,null);}}if(/*_isClosable*/ctx[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_1$8(ctx);if_block2.c();if_block2.m(header,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(!current||dirty&/*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}
|
|
293
|
+
function create_if_block_3$7(ctx){let div;let goa_icon;let goa_icon_inverted_value;let div_class_value;return {c(){div=element("div");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[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}
|
|
291
294
|
function create_else_block$8(ctx){let slot;return {c(){slot=element("slot");attr(slot,"name","heading");},m(target,anchor){insert(target,slot,anchor);},p:noop,d(detaching){if(detaching)detach(slot);}};}// (154:14) {#if heading}
|
|
292
|
-
function create_if_block_2$
|
|
293
|
-
function create_if_block_1$
|
|
295
|
+
function create_if_block_2$7(ctx){let t;return {c(){t=text(/*heading*/ctx[1]);},m(target,anchor){insert(target,t,anchor);},p(ctx,dirty){if(dirty&/*heading*/2)set_data(t,/*heading*/ctx[1]);},d(detaching){if(detaching)detach(t);}};}// (160:12) {#if _isClosable}
|
|
296
|
+
function create_if_block_1$8(ctx){let div;let goa_icon_button;let mounted;let dispose;return {c(){div=element("div");goa_icon_button=element("goa-icon-button");set_custom_element_data(goa_icon_button,"data-testid","modal-close-button");set_custom_element_data(goa_icon_button,"icon","close");set_custom_element_data(goa_icon_button,"variant","nocolor");attr(div,"class","modal-close");},m(target,anchor){insert(target,div,anchor);append(div,goa_icon_button);if(!mounted){dispose=listen(goa_icon_button,"click",/*close*/ctx[12]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(div);mounted=false;dispose();}};}function create_fragment$w(ctx){let if_block_anchor;let current;let if_block=/*_isOpen*/ctx[7]&&create_if_block$i(ctx);return {c(){if(if_block)if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if(if_block)if_block.m(target,anchor);insert(target,if_block_anchor,anchor);current=true;},p(ctx,[dirty]){if(/*_isOpen*/ctx[7]){if(if_block){if_block.p(ctx,dirty);if(dirty&/*_isOpen*/128){transition_in(if_block,1);}}else {if_block=create_if_block$i(ctx);if_block.c();transition_in(if_block,1);if_block.m(if_block_anchor.parentNode,if_block_anchor);}}else if(if_block){group_outros();transition_out(if_block,1,1,()=>{if_block=null;});check_outros();}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(if_block)if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}function instance$t($$self,$$props,$$invalidate){let _isClosable;let _transitionTime;let _iconType;let{heading=""}=$$props;let{closable="false"}=$$props;let{open="false"}=$$props;let{transition="none"}=$$props;let{calloutvariant=null}=$$props;let{maxwidth="60ch"}=$$props;let{width=""}=$$props;// Private
|
|
294
297
|
let _rootEl=null;let _contentEl=null;let _scrollEl=null;let _headerEl=null;// Type verification
|
|
295
298
|
const[CALLOUT_VARIANT,validateCalloutVariant]=typeValidator("Callout variant",["emergency","important","information","success","event"]);const[Transitions,validateTransition]=typeValidator("Modal transition",["fast","slow","none"]);// Moving the reactive var into a timeout prevents accessing null stylesheet
|
|
296
299
|
// reference to allow for creation of the @keyframes for the in:fade and out:fade transitions.
|
|
@@ -300,15 +303,15 @@
|
|
|
300
303
|
function close(e){if(!_isClosable){return;}_rootEl===null||_rootEl===void 0?void 0:_rootEl.dispatchEvent(new CustomEvent("_close",{composed:true}));e.stopPropagation();}const onInputKeyDown=e=>{switch(e.key){case"Escape":close(e);e.preventDefault();break;}};function handleScroll(e){const hasScroll=e.detail.scrollHeight>e.detail.offsetHeight;if(_isOpen&&hasScroll){const atTop=e.detail.scrollTop==0;const atBottom=Math.abs(e.detail.scrollHeight-e.detail.scrollTop-e.detail.offsetHeight)<1;_contentEl.classList.remove("scroll-top","scroll-bottom","scroll-middle");if(atTop){_contentEl.classList.add("scroll-top");}else if(atBottom){_contentEl.classList.add("scroll-bottom");}else {_contentEl.classList.add("scroll-middle");}}}function getChildren(){const slot=_headerEl.querySelector("slot");if(slot){return [...slot.assignedElements()];}else {return [..._headerEl.children];// unit tests
|
|
301
304
|
}}function header_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_headerEl=$$value;($$invalidate(6,_headerEl),$$invalidate(7,_isOpen)),$$invalidate(2,open);});}function goa_scrollable_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_scrollEl=$$value;($$invalidate(5,_scrollEl),$$invalidate(7,_isOpen)),$$invalidate(2,open);});}function div2_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_contentEl=$$value;($$invalidate(4,_contentEl),$$invalidate(7,_isOpen)),$$invalidate(2,open);});}function div6_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;($$invalidate(8,_rootEl),$$invalidate(7,_isOpen)),$$invalidate(2,open);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('closable'in $$props)$$invalidate(14,closable=$$props.closable);if('open'in $$props)$$invalidate(2,open=$$props.open);if('transition'in $$props)$$invalidate(15,transition=$$props.transition);if('calloutvariant'in $$props)$$invalidate(3,calloutvariant=$$props.calloutvariant);if('maxwidth'in $$props)$$invalidate(0,maxwidth=$$props.maxwidth);if('width'in $$props)$$invalidate(16,width=$$props.width);};$$self.$$.update=()=>{if($$self.$$.dirty&/*closable*/16384){// Reactive
|
|
302
305
|
$$invalidate(9,_isClosable=toBoolean(closable));}if($$self.$$.dirty&/*open*/4){setTimeout(()=>$$invalidate(7,_isOpen=toBoolean(open)),1);}if($$self.$$.dirty&/*_isOpen*/128){if(!_isOpen){// prevent null issues
|
|
303
|
-
$$invalidate(4,_contentEl=$$invalidate(5,_scrollEl=$$invalidate(8,_rootEl=$$invalidate(6,_headerEl=null))));window.removeEventListener('keydown',onInputKeyDown);}}if($$self.$$.dirty&/*_isOpen, _scrollEl, _contentEl*/176){if(_isOpen&&_scrollEl&&_contentEl){const hasScroll=_scrollEl.scrollHeight>_scrollEl.offsetHeight;if(hasScroll){_contentEl.classList.add("scroll-top");}}}if($$self.$$.dirty&/*_isOpen, _contentEl, _headerEl*/208){if(_isOpen&&_contentEl){window.addEventListener('keydown',onInputKeyDown);const children=getChildren();if(_headerEl.querySelector("div.modal-title").textContent||_headerEl.querySelector("div.modal-close")||children.length){_headerEl.classList.add("has-content");}}}if($$self.$$.dirty&/*transition*/32768){$$invalidate(11,_transitionTime=transition==="none"?0:transition==="slow"?400:200);}if($$self.$$.dirty&/*calloutvariant*/8){$$invalidate(10,_iconType=calloutvariant==="emergency"?"warning":calloutvariant==="important"?"alert-circle":calloutvariant==="information"?"information-circle":calloutvariant==="success"?"checkmark-circle":calloutvariant==="event"?"calendar":"");}};return [maxwidth,heading,open,calloutvariant,_contentEl,_scrollEl,_headerEl,_isOpen,_rootEl,_isClosable,_iconType,_transitionTime,close,handleScroll,closable,transition,width,header_binding,goa_scrollable_binding,div2_binding,div6_binding];}class Modal extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:var(--goa-space-xl)}.content header{display:flex;justify-content:space-between}.content header.has-content{margin-bottom:var(--goa-space-l)}@media screen and (max-width: 623px){.content{margin:var(--goa-space-l)}.content header.has-content{margin-bottom:var(--goa-space-m)}.modal-actions ::slotted(*){padding:var(--goa-space-l) 0 0}}@media screen and (min-width: 1024px){.modal-pane{max-width:var(--maxwidth)}}.modal-pane{background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font:var(--goa-typography-heading-m)}.modal-close{padding-left:var(--goa-space-m);margin-top:var(--goa-space-2xs)}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$t,create_fragment$w,safe_not_equal,{heading:1,closable:14,open:2,transition:15,calloutvariant:3,maxwidth:0,width:16},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","closable","open","transition","calloutvariant","maxwidth","width"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get closable(){return this.$$.ctx[14];}set closable(closable){this.$$set({closable});flush();}get open(){return this.$$.ctx[2];}set open(open){this.$$set({open});flush();}get transition(){return this.$$.ctx[15];}set transition(transition){this.$$set({transition});flush();}get calloutvariant(){return this.$$.ctx[3];}set calloutvariant(calloutvariant){this.$$set({calloutvariant});flush();}get maxwidth(){return this.$$.ctx[0];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[16];}set width(width){this.$$set({width});flush();}}customElements.define("goa-modal",Modal);/* src/components/notification/Notification.svelte generated by Svelte v3.59.2 */function create_if_block$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"}
|
|
304
|
-
function create_if_block$
|
|
305
|
-
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$
|
|
306
|
+
$$invalidate(4,_contentEl=$$invalidate(5,_scrollEl=$$invalidate(8,_rootEl=$$invalidate(6,_headerEl=null))));window.removeEventListener('keydown',onInputKeyDown);}}if($$self.$$.dirty&/*_isOpen, _scrollEl, _contentEl*/176){if(_isOpen&&_scrollEl&&_contentEl){const hasScroll=_scrollEl.scrollHeight>_scrollEl.offsetHeight;if(hasScroll){_contentEl.classList.add("scroll-top");}}}if($$self.$$.dirty&/*_isOpen, _contentEl, _headerEl*/208){if(_isOpen&&_contentEl){window.addEventListener('keydown',onInputKeyDown);const children=getChildren();if(_headerEl.querySelector("div.modal-title").textContent||_headerEl.querySelector("div.modal-close")||children.length){_headerEl.classList.add("has-content");}}}if($$self.$$.dirty&/*transition*/32768){$$invalidate(11,_transitionTime=transition==="none"?0:transition==="slow"?400:200);}if($$self.$$.dirty&/*calloutvariant*/8){$$invalidate(10,_iconType=calloutvariant==="emergency"?"warning":calloutvariant==="important"?"alert-circle":calloutvariant==="information"?"information-circle":calloutvariant==="success"?"checkmark-circle":calloutvariant==="event"?"calendar":"");}};return [maxwidth,heading,open,calloutvariant,_contentEl,_scrollEl,_headerEl,_isOpen,_rootEl,_isClosable,_iconType,_transitionTime,close,handleScroll,closable,transition,width,header_binding,goa_scrollable_binding,div2_binding,div6_binding];}class Modal extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:var(--goa-space-xl)}.content header{display:flex;justify-content:space-between}.content header.has-content{margin-bottom:var(--goa-space-l)}@media screen and (max-width: 623px){.content{margin:var(--goa-space-l)}.content header.has-content{margin-bottom:var(--goa-space-m)}.modal-actions ::slotted(*){padding:var(--goa-space-l) 0 0}}@media screen and (min-width: 1024px){.modal-pane{max-width:var(--maxwidth)}}.modal-pane{background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font:var(--goa-typography-heading-m)}.modal-close{padding-left:var(--goa-space-m);margin-top:var(--goa-space-2xs)}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$t,create_fragment$w,safe_not_equal,{heading:1,closable:14,open:2,transition:15,calloutvariant:3,maxwidth:0,width:16},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","closable","open","transition","calloutvariant","maxwidth","width"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get closable(){return this.$$.ctx[14];}set closable(closable){this.$$set({closable});flush();}get open(){return this.$$.ctx[2];}set open(open){this.$$set({open});flush();}get transition(){return this.$$.ctx[15];}set transition(transition){this.$$set({transition});flush();}get calloutvariant(){return this.$$.ctx[3];}set calloutvariant(calloutvariant){this.$$set({calloutvariant});flush();}get maxwidth(){return this.$$.ctx[0];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[16];}set width(width){this.$$set({width});flush();}}customElements.define("goa-modal",Modal);/* src/components/notification/Notification.svelte generated by Svelte v3.59.2 */function create_if_block$h(ctx){let div4;let div3;let div0;let goa_icon0;let goa_icon0_inverted_value;let t0;let div1;let t1;let div2;let button;let goa_icon1;let goa_icon1_inverted_value;let div4_class_value;let div4_style_value;let div4_transition;let current;let mounted;let dispose;return {c(){div4=element("div");div3=element("div");div0=element("div");goa_icon0=element("goa-icon");t0=space();div1=element("div");div1.innerHTML=`<slot></slot>`;t1=space();div2=element("div");button=element("button");goa_icon1=element("goa-icon");set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(div0,"class","icon");attr(div1,"class","content");set_custom_element_data(goa_icon1,"type","close");set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(button,"class",/*type*/ctx[0]);attr(div2,"class","close");attr(div3,"class","content-container");attr(div3,"role","alert");attr(div3,"aria-live",/*arialive*/ctx[2]);attr(div3,"aria-atomic","true");attr(div4,"class",div4_class_value="notification "+/*type*/ctx[0]);attr(div4,"style",div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`);},m(target,anchor){insert(target,div4,anchor);append(div4,div3);append(div3,div0);append(div0,goa_icon0);append(div3,t0);append(div3,div1);append(div3,t1);append(div3,div2);append(div2,button);append(button,goa_icon1);current=true;if(!mounted){dispose=listen(button,"click",/*close*/ctx[5]);mounted=true;}},p(ctx,dirty){if(!current||dirty&/*iconType*/16){set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);}if(!current||dirty&/*type*/1&&goa_icon0_inverted_value!==(goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value);}if(!current||dirty&/*type*/1&&goa_icon1_inverted_value!==(goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value);}if(!current||dirty&/*type*/1){attr(button,"class",/*type*/ctx[0]);}if(!current||dirty&/*arialive*/4){attr(div3,"aria-live",/*arialive*/ctx[2]);}if(!current||dirty&/*type*/1&&div4_class_value!==(div4_class_value="notification "+/*type*/ctx[0])){attr(div4,"class",div4_class_value);}if(!current||dirty&/*maxcontentwidth*/2&&div4_style_value!==(div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`)){attr(div4,"style",div4_style_value);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},true);div4_transition.run(1);});current=true;},o(local){if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},false);div4_transition.run(0);current=false;},d(detaching){if(detaching)detach(div4);if(detaching&&div4_transition)div4_transition.end();mounted=false;dispose();}};}function create_fragment$v(ctx){let if_block_anchor;let current;let if_block=/*show*/ctx[3]&&create_if_block$h(ctx);return {c(){if(if_block)if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if(if_block)if_block.m(target,anchor);insert(target,if_block_anchor,anchor);current=true;},p(ctx,[dirty]){if(/*show*/ctx[3]){if(if_block){if_block.p(ctx,dirty);if(dirty&/*show*/8){transition_in(if_block,1);}}else {if_block=create_if_block$h(ctx);if_block.c();transition_in(if_block,1);if_block.m(if_block_anchor.parentNode,if_block_anchor);}}else if(if_block){group_outros();transition_out(if_block,1,1,()=>{if_block=null;});check_outros();}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(if_block)if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}function instance$s($$self,$$props,$$invalidate){let iconType;const[Types,validateType]=typeValidator("Notification type",["emergency","important","information","event"],true);const[AriaLiveTypes,validateAriaLiveType]=typeValidator("Aria-Live type",["assertive","off","polite"],true);let{type=""}=$$props;let{maxcontentwidth="100%"}=$$props;let{arialive="polite"}=$$props;let show=true;onMount(()=>{validateAriaLiveType(arialive);setTimeout(()=>validateType(type),1);});function close(e){$$invalidate(3,show=false);e.target.dispatchEvent(new CustomEvent("_dismiss",{composed:true}));e.stopPropagation();}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);if('arialive'in $$props)$$invalidate(2,arialive=$$props.arialive);};$$self.$$.update=()=>{if($$self.$$.dirty&/*type*/1){$$invalidate(4,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="event"?"calendar":"");}};return [type,maxcontentwidth,arialive,show,iconType,close];}class Notification extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:var(--goa-space-l) var(--goa-space-m);display:flex}@media screen and (max-width: 623px){@media not (max-color:2147477350){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}}@media screen and (min-width: 1024px){.notification{padding:var(--goa-space-l) calc(3 * var(--goa-space-l))}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.information,.event{background-color:var(--goa-color-info-default);color:var(--goa-color-text-light)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:var(--goa-space-m);margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}::slotted(a:focus){outline:auto!important;border-radius:var(--goa-border-radius-m)}.notification.important ::slotted(a:focus){outline:unset!important;box-shadow:0 0 0 3px var(--goa-color-greyscale-black);border-radius:var(--goa-border-radius-m)}.close{flex:0 0 auto}.close button{background-color:transparent;border:none;cursor:pointer;padding:var(--goa-space-2xs);margin:0;outline:none;border-radius:var(--goa-border-radius-m);display:inline-flex}.close button.information:hover,.close button.information:focus,.close button.event:hover,.close button.event:focus{background-color:var(--goa-color-info-dark)}.close button.information:focus,.close button.event:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}.close button.important:hover,.close button.important:focus{background-color:var(--goa-color-warning-dark)}.close button.important:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-black)}.close button.emergency:hover,.close button.emergency:focus{background-color:var(--goa-color-emergency-dark)}.close button.emergency:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$s,create_fragment$v,safe_not_equal,{type:0,maxcontentwidth:1,arialive:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","maxcontentwidth","arialive"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get maxcontentwidth(){return this.$$.ctx[1];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get arialive(){return this.$$.ctx[2];}set arialive(arialive){this.$$set({arialive});flush();}}customElements.define("goa-notification",Notification);const dimensionRegex=/^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;function isValidDimension(value){return dimensionRegex.test(value);}/* src/components/page-block/PageBlock.svelte generated by Svelte v3.59.2 */function create_fragment$u(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","page-content");attr(div,"style",div_style_value=`--max-width: ${/*_width*/ctx[0]}`);},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*_width*/1&&div_style_value!==(div_style_value=`--max-width: ${/*_width*/ctx[0]}`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$r($$self,$$props,$$invalidate){const Sizes={"full":"100%"};let{width}=$$props;let{_width}=$$props;function isValidSize(value){if(["full"].includes(width))return true;if(isValidDimension(value))return true;return false;}onMount(()=>{if(!isValidSize(width)){console.error("Invalid PageBlock width");}$$invalidate(0,_width=Sizes[width]||width);});$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(1,width=$$props.width);if('_width'in $$props)$$invalidate(0,_width=$$props._width);};return [_width,width];}class PageBlock extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media screen and (max-width: 623px){@media not (max-color:2147477350){.page-content{padding:0 2rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.page-content{padding:0 2rem}}}@media screen and (min-width: 1024px){.page-content{padding:0 4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$r,create_fragment$u,safe_not_equal,{width:1,_width:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["width","_width"];}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get _width(){return this.$$.ctx[0];}set _width(_width){this.$$set({_width});flush();}}customElements.define("goa-page-block",PageBlock);/* src/components/pagination/Pagination.svelte generated by Svelte v3.59.2 */function get_each_context$5(ctx,list,i){const child_ctx=ctx.slice();child_ctx[18]=list[i];child_ctx[20]=i;return child_ctx;}// (78:4) {#if variant === "all"}
|
|
307
|
+
function create_if_block$g(ctx){let goa_block;let span0;let t1;let input;let t2;let goa_dropdown;let t3;let span1;let t4;let t5;let each_value={length:/*_pageCount*/ctx[8]};let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$5(get_each_context$5(ctx,each_value,i));}return {c(){goa_block=element("goa-block");span0=element("span");span0.textContent="Page";t1=space();input=element("input");t2=space();goa_dropdown=element("goa-dropdown");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}t3=space();span1=element("span");t4=text("of ");t5=text(/*_pageCount*/ctx[8]);attr(input,"type","hidden");set_custom_element_data(goa_dropdown,"value",/*pagenumber*/ctx[0]);set_custom_element_data(goa_block,"data-testid","page-selector");set_custom_element_data(goa_block,"alignment","center");set_custom_element_data(goa_block,"gap","s");},m(target,anchor){insert(target,goa_block,anchor);append(goa_block,span0);append(goa_block,t1);append(goa_block,input);/*input_binding*/ctx[12](input);append(goa_block,t2);append(goa_block,goa_dropdown);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(goa_dropdown,null);}}/*goa_dropdown_binding*/ctx[13](goa_dropdown);append(goa_block,t3);append(goa_block,span1);append(span1,t4);append(span1,t5);},p(ctx,dirty){if(dirty&/*_pageCount*/256){each_value={length:/*_pageCount*/ctx[8]};let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$5(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$5(child_ctx);each_blocks[i].c();each_blocks[i].m(goa_dropdown,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty&/*pagenumber*/1){set_custom_element_data(goa_dropdown,"value",/*pagenumber*/ctx[0]);}if(dirty&/*_pageCount*/256)set_data(t5,/*_pageCount*/ctx[8]);},d(detaching){if(detaching)detach(goa_block);/*input_binding*/ctx[12](null);destroy_each(each_blocks,detaching);/*goa_dropdown_binding*/ctx[13](null);}};}// (83:10) {#each {length: _pageCount} as _, i}
|
|
308
|
+
function create_each_block$5(ctx){let goa_dropdown_item;return {c(){goa_dropdown_item=element("goa-dropdown-item");set_custom_element_data(goa_dropdown_item,"value",/*i*/ctx[20]+1);set_custom_element_data(goa_dropdown_item,"label",/*i*/ctx[20]+1);},m(target,anchor){insert(target,goa_dropdown_item,anchor);},p:noop,d(detaching){if(detaching)detach(goa_dropdown_item);}};}function create_fragment$t(ctx){let goa_block1;let div;let t0;let goa_block0;let goa_button0;let t1;let goa_button0_disabled_value;let t2;let goa_button1;let t3;let goa_button1_disabled_value;let mounted;let dispose;let if_block=/*variant*/ctx[1]==="all"&&create_if_block$g(ctx);return {c(){goa_block1=element("goa-block");div=element("div");if(if_block)if_block.c();t0=space();goa_block0=element("goa-block");goa_button0=element("goa-button");t1=text("Previous");t2=space();goa_button1=element("goa-button");t3=text("Next");this.c=noop;set_custom_element_data(goa_button0,"type","tertiary");set_custom_element_data(goa_button0,"leadingicon","arrow-back");set_custom_element_data(goa_button0,"disabled",goa_button0_disabled_value=/*pagenumber*/ctx[0]==1?"true":"false");set_custom_element_data(goa_button1,"type","tertiary");set_custom_element_data(goa_button1,"trailingicon","arrow-forward");set_custom_element_data(goa_button1,"disabled",goa_button1_disabled_value=/*pagenumber*/ctx[0]==/*_pageCount*/ctx[8]?"true":"false");set_custom_element_data(goa_block0,"alignment","center");set_custom_element_data(goa_block0,"gap","m");set_custom_element_data(goa_block0,"data-testid","page-links");attr(div,"class","controls");set_custom_element_data(goa_block1,"id","root");set_custom_element_data(goa_block1,"ml",/*ml*/ctx[5]);set_custom_element_data(goa_block1,"mr",/*mr*/ctx[3]);set_custom_element_data(goa_block1,"mb",/*mb*/ctx[4]);set_custom_element_data(goa_block1,"mt",/*mt*/ctx[2]);},m(target,anchor){insert(target,goa_block1,anchor);append(goa_block1,div);if(if_block)if_block.m(div,null);append(div,t0);append(div,goa_block0);append(goa_block0,goa_button0);append(goa_button0,t1);append(goa_block0,t2);append(goa_block0,goa_button1);append(goa_button1,t3);if(!mounted){dispose=[listen(goa_button0,"click",/*click_handler*/ctx[14]),listen(goa_button1,"click",/*click_handler_1*/ctx[15])];mounted=true;}},p(ctx,[dirty]){if(/*variant*/ctx[1]==="all"){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$g(ctx);if_block.c();if_block.m(div,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*pagenumber*/1&&goa_button0_disabled_value!==(goa_button0_disabled_value=/*pagenumber*/ctx[0]==1?"true":"false")){set_custom_element_data(goa_button0,"disabled",goa_button0_disabled_value);}if(dirty&/*pagenumber, _pageCount*/257&&goa_button1_disabled_value!==(goa_button1_disabled_value=/*pagenumber*/ctx[0]==/*_pageCount*/ctx[8]?"true":"false")){set_custom_element_data(goa_button1,"disabled",goa_button1_disabled_value);}if(dirty&/*ml*/32){set_custom_element_data(goa_block1,"ml",/*ml*/ctx[5]);}if(dirty&/*mr*/8){set_custom_element_data(goa_block1,"mr",/*mr*/ctx[3]);}if(dirty&/*mb*/16){set_custom_element_data(goa_block1,"mb",/*mb*/ctx[4]);}if(dirty&/*mt*/4){set_custom_element_data(goa_block1,"mt",/*mt*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(goa_block1);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}function instance$q($$self,$$props,$$invalidate){let _pageCount;const[Variants,validateVariant]=typeValidator("Pagination variant",["all","links-only"]);let{pagenumber}=$$props;let{itemcount}=$$props;let{perpagecount=10}=$$props;let{variant="all"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;// private
|
|
306
309
|
let pageDropdownEl=null;let hiddenEl=null;// needed to allow the inputEl's event to be cancelled
|
|
307
310
|
// hooks
|
|
308
311
|
onMount(function(){return _call(tick,function(){validateRequired("GoAPagination",{itemcount,pagenumber});validateVariant(variant);// prevent event propagation
|
|
309
312
|
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
|
|
310
313
|
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
|
|
311
|
-
$$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$
|
|
314
|
+
$$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$f(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=`
|
|
312
315
|
${cssVar("width",/*width*/ctx[2])}
|
|
313
316
|
max-width: ${/*maxwidth*/ctx[1]};
|
|
314
317
|
padding: ${/*_padded*/ctx[19]?"var(--goa-space-m)":"0"};
|
|
@@ -316,8 +319,9 @@
|
|
|
316
319
|
${cssVar("width",/*width*/ctx[2])}
|
|
317
320
|
max-width: ${/*maxwidth*/ctx[1]};
|
|
318
321
|
padding: ${/*_padded*/ctx[19]?"var(--goa-space-m)":"0"};
|
|
319
|
-
`)){attr(section,"style",section_style_value);}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t);if(detaching)detach(div2);/*div1_binding*/ctx[28](null);section_resize_listener();/*section_binding*/ctx[30](null);mounted=false;dispose();}};}function create_fragment$s(ctx){let div1;let div0;let slot;let div0_tabindex_value;let t;let div1_style_value;let mounted;let dispose;let if_block=/*_open*/ctx[13]&&create_if_block$
|
|
320
|
-
${/*
|
|
322
|
+
`)){attr(section,"style",section_style_value);}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t);if(detaching)detach(div2);/*div1_binding*/ctx[28](null);section_resize_listener();/*section_binding*/ctx[30](null);mounted=false;dispose();}};}function create_fragment$s(ctx){let div1;let div0;let slot;let div0_tabindex_value;let t;let div1_style_value;let mounted;let dispose;let if_block=/*_open*/ctx[13]&&create_if_block$f(ctx);return {c(){div1=element("div");div0=element("div");slot=element("slot");t=space();if(if_block)if_block.c();this.c=noop;attr(slot,"name","target");attr(div0,"class","popover-target");attr(div0,"tabindex",div0_tabindex_value=+/*tabindex*/ctx[7]);attr(div0,"data-testid","popover-target");attr(div1,"data-testid",/*testid*/ctx[0]);attr(div1,"style",div1_style_value=`
|
|
323
|
+
${/*width*/ctx[2]&&`width: ${/*width*/ctx[2]};`}
|
|
324
|
+
${/*_relative*/ctx[18]&&"position: relative;"||""}
|
|
321
325
|
${calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])}
|
|
322
326
|
${cssVar("--offset-top",/*voffset*/ctx[8])}
|
|
323
327
|
${cssVar("--offset-bottom",/*voffset*/ctx[8])}
|
|
@@ -325,9 +329,9 @@
|
|
|
325
329
|
${cssVar("--offset-right",/*hoffset*/ctx[9])}
|
|
326
330
|
${cssVar("--focus-border-width",/*focusborderwidth*/ctx[10])}
|
|
327
331
|
${cssVar("--border-radius",/*borderradius*/ctx[11])}
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
${/*_relative*/ctx[18]&&"position: relative;"}
|
|
332
|
+
`);},m(target,anchor){insert(target,div1,anchor);append(div1,div0);append(div0,slot);/*div0_binding*/ctx[27](div0);append(div1,t);if(if_block)if_block.m(div1,null);/*div1_binding_1*/ctx[31](div1);if(!mounted){dispose=listen(div0,"click",/*openPopover*/ctx[20]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*tabindex*/128&&div0_tabindex_value!==(div0_tabindex_value=+/*tabindex*/ctx[7])){attr(div0,"tabindex",div0_tabindex_value);}if(/*_open*/ctx[13]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$f(ctx);if_block.c();if_block.m(div1,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty[0]&/*testid*/1){attr(div1,"data-testid",/*testid*/ctx[0]);}if(dirty[0]&/*width, _relative, mt, mr, mb, ml, voffset, hoffset, focusborderwidth, borderradius*/266108&&div1_style_value!==(div1_style_value=`
|
|
333
|
+
${/*width*/ctx[2]&&`width: ${/*width*/ctx[2]};`}
|
|
334
|
+
${/*_relative*/ctx[18]&&"position: relative;"||""}
|
|
331
335
|
${calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])}
|
|
332
336
|
${cssVar("--offset-top",/*voffset*/ctx[8])}
|
|
333
337
|
${cssVar("--offset-bottom",/*voffset*/ctx[8])}
|
|
@@ -335,8 +339,7 @@
|
|
|
335
339
|
${cssVar("--offset-right",/*hoffset*/ctx[9])}
|
|
336
340
|
${cssVar("--focus-border-width",/*focusborderwidth*/ctx[10])}
|
|
337
341
|
${cssVar("--border-radius",/*borderradius*/ctx[11])}
|
|
338
|
-
|
|
339
|
-
`)){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);/*div0_binding*/ctx[27](null);if(if_block)if_block.d();/*div1_binding_1*/ctx[31](null);mounted=false;dispose();}};}function getBoundingClientRectWithMargins(el){const rect=el.getBoundingClientRect();const style=window.getComputedStyle(el);const mTop=parseInt(style.marginTop,10)||0;const mRight=parseInt(style.marginRight,10)||0;const mBottom=parseInt(style.marginBottom,10)||0;const mLeft=parseInt(style.marginLeft,10)||0;return {top:rect.top-mTop,right:rect.right+mRight,bottom:rect.bottom+mBottom,left:rect.left-mLeft,width:rect.width+mLeft+mRight,height:rect.height+mTop+mBottom,x:rect.x-mLeft,y:rect.y-mTop};}function instance$p($$self,$$props,$$invalidate){const setPopoverPosition=function setPopoverPosition(){return _call(tick,function(){// Get target and content rectangles
|
|
342
|
+
`)){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);/*div0_binding*/ctx[27](null);if(if_block)if_block.d();/*div1_binding_1*/ctx[31](null);mounted=false;dispose();}};}function getBoundingClientRectWithMargins(el){const rect=el.getBoundingClientRect();const style=window.getComputedStyle(el);const mTop=parseInt(style.marginTop,10)||0;const mRight=parseInt(style.marginRight,10)||0;const mBottom=parseInt(style.marginBottom,10)||0;const mLeft=parseInt(style.marginLeft,10)||0;return {top:rect.top-mTop,right:rect.right+mRight,bottom:rect.bottom+mBottom,left:rect.left-mLeft,width:rect.width+mLeft+mRight,height:rect.height+mTop+mBottom,x:rect.x-mLeft,y:rect.y-mTop};}function instance$p($$self,$$props,$$invalidate){const setPopoverPosition=function setPopoverPosition(){return _call(tick,function(){// Get target and content rectangles
|
|
340
343
|
const rootRect=_rootEl.getBoundingClientRect();const targetRect=getBoundingClientRectWithMargins(_targetEl);const contentRect=getBoundingClientRectWithMargins(_popoverEl);// Calculate available space above and below the target element
|
|
341
344
|
const spaceAbove=targetRect.top;const spaceBelow=window.innerHeight-targetRect.bottom;// Determine if there's more space above or below the target element
|
|
342
345
|
const displayOnTop=position==="auto"?spaceBelow<contentRect.height&&spaceAbove>contentRect.height&&spaceAbove>spaceBelow:position==="above";// when popover is within a modal and the scrollbars are hidden we don't need to take into
|
|
@@ -359,8 +362,8 @@
|
|
|
359
362
|
// is removed (it may not have been added if target was clicked)
|
|
360
363
|
function closePopover(){_initFocusedEl.focus();$$invalidate(13,_open=false);window.removeEventListener("popstate",handleUrlChange,true);_rootEl.dispatchEvent(new CustomEvent("_close",{composed:true}));}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('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(25,open=$$props.open);if('disabled'in $$props)$$invalidate(26,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
|
|
361
364
|
$$invalidate(19,_padded=toBoolean(padded));}if($$self.$$.dirty[0]&/*open*/33554432){$$invalidate(13,_open=toBoolean(open));}if($$self.$$.dirty[0]&/*disabled*/67108864){_disabled=toBoolean(disabled);}if($$self.$$.dirty[0]&/*relative*/16777216){$$invalidate(18,_relative=toBoolean(relative));}if($$self.$$.dirty[0]&/*_open*/8192){_async(function(){const _open2=_open;return _open2&&setPopoverPosition();})();}if($$self.$$.dirty[0]&/*_sectionHeight*/4096){_async(function(){const _sectionHeight2=_sectionHeight;return _sectionHeight2&&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,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;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,mt:3,mr:4,mb:5,ml:6,open:25,disabled:26,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","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 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[25];}set open(open){this.$$set({open});flush();}get disabled(){return this.$$.ctx[26];}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}
|
|
362
|
-
function create_if_block$
|
|
363
|
-
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$
|
|
365
|
+
function create_if_block$e(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)}
|
|
366
|
+
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$e(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$e(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(function(){return _call(tick,function(){$$invalidate(9,options=getOptions());});});/**
|
|
364
367
|
* Allows the child elements to be obtainable within unit tests
|
|
365
368
|
* @returns List of child elements
|
|
366
369
|
*/function getChildren(){const slot=el.querySelector("slot");if(slot)// default
|
|
@@ -387,23 +390,23 @@
|
|
|
387
390
|
`)){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
|
|
388
391
|
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(function(){return _call(tick,function(){$$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}
|
|
389
392
|
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)
|
|
390
|
-
function create_if_block_3$
|
|
391
|
-
function create_if_block_2$
|
|
392
|
-
function create_if_block_1$
|
|
393
|
-
function create_if_block$
|
|
394
|
-
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$
|
|
393
|
+
function create_if_block_3$6(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)
|
|
394
|
+
function create_if_block_2$6(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)
|
|
395
|
+
function create_if_block_1$7(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"}
|
|
396
|
+
function create_if_block$d(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}
|
|
397
|
+
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$d,create_if_block_1$7,create_if_block_2$6,create_if_block_3$6,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=[];/**
|
|
395
398
|
* Create a `Writable` store that allows both updating and reading by subscription.
|
|
396
399
|
* @param {*=}value initial value
|
|
397
400
|
* @param {StartStopNotifier=} start
|
|
398
401
|
*/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
|
|
399
402
|
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
|
|
400
|
-
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$
|
|
403
|
+
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$c(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$c(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$c(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
|
|
401
404
|
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
|
|
402
405
|
{// Typescript recognizes `progress` as a number, but once compiled, due to it being a web component, progress is a string.
|
|
403
406
|
// This line makes both sides happy.
|
|
404
407
|
const p=parseFloat(progress+'');if(p>=0){_progress.set(p||1);// start at 1 to prevent incorrect arc calculations
|
|
405
408
|
$$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}
|
|
406
|
-
function create_if_block$
|
|
409
|
+
function create_if_block$b(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$b;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=`
|
|
407
410
|
${/*width*/ctx[0]&&`width: ${/*width*/ctx[0]};`}
|
|
408
411
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
409
412
|
`);toggle_class(div,"sticky",/*_stickyHeader*/ctx[8]);},m(target,anchor){insert(target,div,anchor);if_block.m(div,null);/*div_binding*/ctx[10](div);},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(div,null);}}if(dirty&/*variant*/2&&div_class_value!==(div_class_value=`goatable ${/*variant*/ctx[1]}`)){attr(div,"class",div_class_value);}if(dirty&/*width, mt, mr, mb, ml*/61&&div_style_value!==(div_style_value=`
|
|
@@ -418,16 +421,23 @@
|
|
|
418
421
|
const slot=_rootEl.querySelector("slot");if(!slot||slot.assignedElements().length===0){return;}// React has everything nested in a table to prevent invalid DOM errors
|
|
419
422
|
$$invalidate(7,_isTableRoot=slot.assignedElements()[0].tagName==="TABLE");});function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(6,_rootEl);});}$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(0,width=$$props.width);if('stickyheader'in $$props)$$invalidate(9,stickyheader=$$props.stickyheader);if('variant'in $$props)$$invalidate(1,variant=$$props.variant);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*stickyheader*/512){$$invalidate(8,_stickyHeader=toBoolean(stickyheader));}};return [width,variant,mt,mr,mb,ml,_rootEl,_isTableRoot,_stickyHeader,stickyheader,div_binding];}class Table extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{overflow-x:auto}.goatable{width:0}table{border-collapse:collapse}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$j,create_fragment$m,safe_not_equal,{width:0,stickyheader:9,variant:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["width","stickyheader","variant","mt","mr","mb","ml"];}get width(){return this.$$.ctx[0];}set width(width){this.$$set({width});flush();}get stickyheader(){return this.$$.ctx[9];}set stickyheader(stickyheader){this.$$set({stickyheader});flush();}get variant(){return this.$$.ctx[1];}set variant(variant){this.$$set({variant});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-table",Table);/* src/components/table/TableSortHeader.svelte generated by Svelte v3.59.2 */function create_else_block$5(ctx){let div;return {c(){div=element("div");div.innerHTML=`<goa-icon type="caret-up" size="small"></goa-icon>
|
|
420
423
|
<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)
|
|
421
|
-
function create_if_block_1$
|
|
422
|
-
function create_if_block$
|
|
423
|
-
|
|
424
|
+
function create_if_block_1$6(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-up");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (67:2) {#if direction === "desc"}
|
|
425
|
+
function create_if_block$a(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-down");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$l(ctx){let button;let slot;let t;function select_block_type(ctx,dirty){if(/*direction*/ctx[0]==="desc")return create_if_block$a;if(/*direction*/ctx[0]==="asc")return create_if_block_1$6;return create_else_block$5;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");slot=element("slot");t=space();if_block.c();this.c=noop;},m(target,anchor){insert(target,button,anchor);append(button,slot);append(button,t);if_block.m(button,null);},p(ctx,[dirty]){if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();}};}function instance$i($$self,$$props,$$invalidate){let{direction="none"}=$$props;$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);};return [direction];}class TableSortHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{display:flex;align-items:flex-end}button{border:none;background:none;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;width:100%;height:3.75rem;align-items:center;padding:0 1rem;text-align:left;gap:0.25rem;align-items:center}button:hover{background-color:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}button goa-icon{color:var(--goa-color-interactive-default)}button:hover goa-icon{color:var(--goa-color-interactive-hover)}button .direction--none goa-icon{color:var(--goa-color-greyscale-400)}button:hover .direction--none goa-icon{color:var(--goa-color-greyscale-400)}goa-icon{scale:0.8}.direction--none goa-icon{height:0.625rem}.direction--none{display:inline-flex;flex-direction:column;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$i,create_fragment$l,safe_not_equal,{direction:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["direction"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}}customElements.define("goa-table-sort-header",TableSortHeader);/* src/components/text-area/TextArea.svelte generated by Svelte v3.59.2 */function create_if_block_1$5(ctx){let div;function select_block_type(ctx,dirty){if(/*count*/ctx[15]>/*maxcount*/ctx[8])return create_if_block_2$5;if(/*count*/ctx[15]</*maxcount*/ctx[8])return create_if_block_3$5;}let current_block_type=select_block_type(ctx);let if_block=current_block_type&¤t_block_type(ctx);return {c(){div=element("div");if(if_block)if_block.c();attr(div,"class","counter");toggle_class(div,"counter-error",/*count*/ctx[15]>/*maxcount*/ctx[8]);},m(target,anchor){insert(target,div,anchor);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if(if_block)if_block.d(1);if_block=current_block_type&¤t_block_type(ctx);if(if_block){if_block.c();if_block.m(div,null);}}if(dirty&/*count, maxcount*/33024){toggle_class(div,"counter-error",/*count*/ctx[15]>/*maxcount*/ctx[8]);}},d(detaching){if(detaching)detach(div);if(if_block){if_block.d();}}};}// (86:33)
|
|
426
|
+
function create_if_block_3$5(ctx){let t0_value=/*maxcount*/ctx[8]-/*count*/ctx[15]+"";let t0;let t1;let t2_value=pluralize(/*countby*/ctx[7],/*maxcount*/ctx[8]-/*count*/ctx[15])+"";let t2;let t3;return {c(){t0=text(t0_value);t1=space();t2=text(t2_value);t3=text(" remaining");},m(target,anchor){insert(target,t0,anchor);insert(target,t1,anchor);insert(target,t2,anchor);insert(target,t3,anchor);},p(ctx,dirty){if(dirty&/*maxcount, count*/33024&&t0_value!==(t0_value=/*maxcount*/ctx[8]-/*count*/ctx[15]+""))set_data(t0,t0_value);if(dirty&/*countby, maxcount, count*/33152&&t2_value!==(t2_value=pluralize(/*countby*/ctx[7],/*maxcount*/ctx[8]-/*count*/ctx[15])+""))set_data(t2,t2_value);},d(detaching){if(detaching)detach(t0);if(detaching)detach(t1);if(detaching)detach(t2);if(detaching)detach(t3);}};}// (84:6) {#if count > maxcount}
|
|
427
|
+
function create_if_block_2$5(ctx){let t0_value=/*count*/ctx[15]-/*maxcount*/ctx[8]+"";let t0;let t1;let t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15]-/*maxcount*/ctx[8])+"";let t2;let t3;return {c(){t0=text(t0_value);t1=space();t2=text(t2_value);t3=text(" too many");},m(target,anchor){insert(target,t0,anchor);insert(target,t1,anchor);insert(target,t2,anchor);insert(target,t3,anchor);},p(ctx,dirty){if(dirty&/*count, maxcount*/33024&&t0_value!==(t0_value=/*count*/ctx[15]-/*maxcount*/ctx[8]+""))set_data(t0,t0_value);if(dirty&/*countby, count, maxcount*/33152&&t2_value!==(t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15]-/*maxcount*/ctx[8])+""))set_data(t2,t2_value);},d(detaching){if(detaching)detach(t0);if(detaching)detach(t1);if(detaching)detach(t2);if(detaching)detach(t3);}};}// (92:2) {#if showCount && count > 0 && !isDisabled}
|
|
428
|
+
function create_if_block$9(ctx){let div;let t0;let t1;let t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15])+"";let t2;return {c(){div=element("div");t0=text(/*count*/ctx[15]);t1=space();t2=text(t2_value);attr(div,"class","counter");},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,t1);append(div,t2);},p(ctx,dirty){if(dirty&/*count*/32768)set_data(t0,/*count*/ctx[15]);if(dirty&/*countby, count*/32896&&t2_value!==(t2_value=pluralize(/*countby*/ctx[7],/*count*/ctx[15])+""))set_data(t2,t2_value);},d(detaching){if(detaching)detach(div);}};}function create_fragment$k(ctx){let div;let textarea;let textarea_aria_label_value;let t0;let t1;let div_style_value;let mounted;let dispose;let if_block0=/*maxcount*/ctx[8]>0&&!/*isDisabled*/ctx[14]&&create_if_block_1$5(ctx);let if_block1=/*showCount*/ctx[16]&&/*count*/ctx[15]>0&&!/*isDisabled*/ctx[14]&&create_if_block$9(ctx);return {c(){div=element("div");textarea=element("textarea");t0=space();if(if_block0)if_block0.c();t1=space();if(if_block1)if_block1.c();this.c=noop;attr(textarea,"name",/*name*/ctx[1]);attr(textarea,"placeholder",/*placeholder*/ctx[2]);attr(textarea,"rows",/*rows*/ctx[3]);attr(textarea,"aria-label",textarea_aria_label_value=/*arialabel*/ctx[6]||/*name*/ctx[1]);textarea.disabled=/*isDisabled*/ctx[14];textarea.readOnly=/*isReadonly*/ctx[17];attr(textarea,"data-testid",/*testid*/ctx[4]);attr(div,"data-testid","root");attr(div,"class","root");attr(div,"style",div_style_value=`
|
|
429
|
+
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
424
430
|
--width: ${/*width*/ctx[5]};
|
|
425
|
-
|
|
426
|
-
|
|
431
|
+
--char-count-padding: ${/*showCount*/ctx[16]||/*maxcount*/ctx[8]>0?"2rem":"0"};
|
|
432
|
+
`);toggle_class(div,"error",/*isError*/ctx[18]||/*maxcount*/ctx[8]>0&&/*count*/ctx[15]>/*maxcount*/ctx[8]);toggle_class(div,"disabled",/*isDisabled*/ctx[14]);},m(target,anchor){insert(target,div,anchor);append(div,textarea);/*textarea_binding*/ctx[25](textarea);set_input_value(textarea,/*value*/ctx[0]);append(div,t0);if(if_block0)if_block0.m(div,null);append(div,t1);if(if_block1)if_block1.m(div,null);if(!mounted){dispose=[listen(textarea,"input",/*textarea_input_handler*/ctx[26]),listen(textarea,"keyup",/*onKeyPress*/ctx[20]),listen(textarea,"change",/*onChange*/ctx[19])];mounted=true;}},p(ctx,[dirty]){if(dirty&/*name*/2){attr(textarea,"name",/*name*/ctx[1]);}if(dirty&/*placeholder*/4){attr(textarea,"placeholder",/*placeholder*/ctx[2]);}if(dirty&/*rows*/8){attr(textarea,"rows",/*rows*/ctx[3]);}if(dirty&/*arialabel, name*/66&&textarea_aria_label_value!==(textarea_aria_label_value=/*arialabel*/ctx[6]||/*name*/ctx[1])){attr(textarea,"aria-label",textarea_aria_label_value);}if(dirty&/*isDisabled*/16384){textarea.disabled=/*isDisabled*/ctx[14];}if(dirty&/*isReadonly*/131072){textarea.readOnly=/*isReadonly*/ctx[17];}if(dirty&/*testid*/16){attr(textarea,"data-testid",/*testid*/ctx[4]);}if(dirty&/*value*/1){set_input_value(textarea,/*value*/ctx[0]);}if(/*maxcount*/ctx[8]>0&&!/*isDisabled*/ctx[14]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_1$5(ctx);if_block0.c();if_block0.m(div,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*showCount*/ctx[16]&&/*count*/ctx[15]>0&&!/*isDisabled*/ctx[14]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$9(ctx);if_block1.c();if_block1.m(div,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*mt, mr, mb, ml, width, showCount, maxcount*/73504&&div_style_value!==(div_style_value=`
|
|
433
|
+
${calculateMargin(/*mt*/ctx[9],/*mr*/ctx[10],/*mb*/ctx[11],/*ml*/ctx[12])};
|
|
427
434
|
--width: ${/*width*/ctx[5]};
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
435
|
+
--char-count-padding: ${/*showCount*/ctx[16]||/*maxcount*/ctx[8]>0?"2rem":"0"};
|
|
436
|
+
`)){attr(div,"style",div_style_value);}if(dirty&/*isError, maxcount, count*/295168){toggle_class(div,"error",/*isError*/ctx[18]||/*maxcount*/ctx[8]>0&&/*count*/ctx[15]>/*maxcount*/ctx[8]);}if(dirty&/*isDisabled*/16384){toggle_class(div,"disabled",/*isDisabled*/ctx[14]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);/*textarea_binding*/ctx[25](null);if(if_block0)if_block0.d();if(if_block1)if_block1.d();mounted=false;run_all(dispose);}};}function instance$h($$self,$$props,$$invalidate){let isError;let isDisabled;let isReadonly;let showCount;let count;let{name}=$$props;let{value=""}=$$props;let{placeholder=""}=$$props;let{rows=3}=$$props;let{testid=""}=$$props;let{width="60ch"}=$$props;let{error="false"}=$$props;let{readonly="false"}=$$props;let{disabled="false"}=$$props;let{arialabel=""}=$$props;let{countby}=$$props;let{showcount="false"}=$$props;let{maxcount=-1}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;// privates
|
|
437
|
+
let _textareaEl;// functions
|
|
438
|
+
function onChange(e){if(isDisabled)return;const el=e.currentTarget;_textareaEl.dispatchEvent(new CustomEvent("_change",{composed:true,detail:{name,value:el.value}}));}function onKeyPress(e){if(isDisabled)return;_textareaEl.dispatchEvent(new CustomEvent("_keyPress",{composed:true,detail:{name,value,key:e.key}}));}function textarea_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_textareaEl=$$value;$$invalidate(13,_textareaEl);});}function textarea_input_handler(){value=this.value;$$invalidate(0,value);}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('placeholder'in $$props)$$invalidate(2,placeholder=$$props.placeholder);if('rows'in $$props)$$invalidate(3,rows=$$props.rows);if('testid'in $$props)$$invalidate(4,testid=$$props.testid);if('width'in $$props)$$invalidate(5,width=$$props.width);if('error'in $$props)$$invalidate(21,error=$$props.error);if('readonly'in $$props)$$invalidate(22,readonly=$$props.readonly);if('disabled'in $$props)$$invalidate(23,disabled=$$props.disabled);if('arialabel'in $$props)$$invalidate(6,arialabel=$$props.arialabel);if('countby'in $$props)$$invalidate(7,countby=$$props.countby);if('showcount'in $$props)$$invalidate(24,showcount=$$props.showcount);if('maxcount'in $$props)$$invalidate(8,maxcount=$$props.maxcount);if('mt'in $$props)$$invalidate(9,mt=$$props.mt);if('mr'in $$props)$$invalidate(10,mr=$$props.mr);if('mb'in $$props)$$invalidate(11,mb=$$props.mb);if('ml'in $$props)$$invalidate(12,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error*/2097152){// reactive
|
|
439
|
+
$$invalidate(18,isError=toBoolean(error));}if($$self.$$.dirty&/*disabled*/8388608){$$invalidate(14,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*readonly*/4194304){$$invalidate(17,isReadonly=toBoolean(readonly));}if($$self.$$.dirty&/*showcount*/16777216){$$invalidate(16,showCount=toBoolean(showcount));}if($$self.$$.dirty&/*countby, value*/129){$$invalidate(15,count=countby==="character"?value.length:value.split(" ").filter(word=>word.trim().length>0).length);}};return [value,name,placeholder,rows,testid,width,arialabel,countby,maxcount,mt,mr,mb,ml,_textareaEl,isDisabled,count,showCount,isReadonly,isError,onChange,onKeyPress,error,readonly,disabled,showcount,textarea_binding,textarea_input_handler];}class TextArea extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:var(--goa-space-s);box-sizing:border-box;font-family:var(--goa-font-family-sans)}.root{position:relative;width:100%;padding-bottom:var(--char-count-padding);border:var(--goa-border-width-s) solid var(--goa-color-greyscale-700);border-radius:3px}.root:has(textarea:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}@media screen and (max-width: 623px){@media not (max-color:2147477350){.root{max-width:var(--width)}}}@media not screen and (max-width: 623px){@media not (color:2147477350){.root{max-width:var(--width)}}}textarea{display:block;width:100%;box-sizing:border-box;outline:none;border:none;color:var(--goa-color-greyscale-black, #ccc);padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);font-size:var(--goa-font-size-4);font-family:var(--goa-font-family-sans);min-width:100%;resize:vertical}@media screen and (max-width: 623px){@media not (max-color:2147477350){}}@media not screen and (max-width: 623px){@media not (color:2147477350){}}.root:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.root:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.counter-error{color:var(--goa-color-interactive-error)
|
|
440
|
+
}.counter{position:absolute;right:0.75rem;font-size:var(--goa-font-size-2)}textarea{resize:none;scroll-behavior:smooth;max-height:calc(100vh * var(--max-height, 100) / 100)}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:#f1f1f1}textarea::-webkit-scrollbar-thumb{background:#888}textarea::-webkit-scrollbar-thumb:hover{background:#555}.error{border-color:var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$h,create_fragment$k,safe_not_equal,{name:1,value:0,placeholder:2,rows:3,testid:4,width:5,error:21,readonly:22,disabled:23,arialabel:6,countby:7,showcount:24,maxcount:8,mt:9,mr:10,mb:11,ml:12},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","placeholder","rows","testid","width","error","readonly","disabled","arialabel","countby","showcount","maxcount","mt","mr","mb","ml"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get placeholder(){return this.$$.ctx[2];}set placeholder(placeholder){this.$$set({placeholder});flush();}get rows(){return this.$$.ctx[3];}set rows(rows){this.$$set({rows});flush();}get testid(){return this.$$.ctx[4];}set testid(testid){this.$$set({testid});flush();}get width(){return this.$$.ctx[5];}set width(width){this.$$set({width});flush();}get error(){return this.$$.ctx[21];}set error(error){this.$$set({error});flush();}get readonly(){return this.$$.ctx[22];}set readonly(readonly){this.$$set({readonly});flush();}get disabled(){return this.$$.ctx[23];}set disabled(disabled){this.$$set({disabled});flush();}get arialabel(){return this.$$.ctx[6];}set arialabel(arialabel){this.$$set({arialabel});flush();}get countby(){return this.$$.ctx[7];}set countby(countby){this.$$set({countby});flush();}get showcount(){return this.$$.ctx[24];}set showcount(showcount){this.$$set({showcount});flush();}get maxcount(){return this.$$.ctx[8];}set maxcount(maxcount){this.$$set({maxcount});flush();}get mt(){return this.$$.ctx[9];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[10];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[11];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[12];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-textarea",TextArea);/* src/components/tooltip/Tooltip.svelte generated by Svelte v3.59.2 */const{window:window_1$1}=globals;function create_fragment$j(ctx){let div1;let div0;let t0;let span;let t1;let span_id_value;let span_class_value;let div1_class_value;let div1_aria_describedby_value;let div1_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[16]);return {c(){div1=element("div");div0=element("div");div0.innerHTML=`<slot></slot>`;t0=space();span=element("span");t1=text(/*content*/ctx[1]);this.c=noop;attr(div0,"class","tooltiptarget");attr(span,"id",span_id_value=""+(/*_tooltipInstanceId*/ctx[13]+"-tooltip"));attr(span,"class",span_class_value="tooltiptext "+/*position*/ctx[0]+" align-"+/*halign*/ctx[3]);set_style(span,"visibility",/*_tooltipVisible*/ctx[11]?'visible':'hidden');attr(div1,"class",div1_class_value="tooltip align-"+/*halign*/ctx[3]);attr(div1,"data-testid",/*testid*/ctx[2]);attr(div1,"role","tooltip");attr(div1,"aria-describedby",div1_aria_describedby_value=""+(/*_tooltipInstanceId*/ctx[13]+"-tooltip"));attr(div1,"tabindex","0");attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]));},m(target,anchor){insert(target,div1,anchor);append(div1,div0);append(div1,t0);append(div1,span);append(span,t1);/*span_binding*/ctx[17](span);/*div1_binding*/ctx[18](div1);if(!mounted){dispose=[listen(window_1$1,"resize",/*onwindowresize*/ctx[16]),listen(div1,"mouseenter",/*mouseenter_handler*/ctx[19]),listen(div1,"mouseleave",/*hideTooltip*/ctx[15]),listen(div1,"focus",/*focus_handler*/ctx[20]),listen(div1,"blur",/*hideTooltip*/ctx[15])];mounted=true;}},p(ctx,[dirty]){if(dirty&/*content*/2)set_data(t1,/*content*/ctx[1]);if(dirty&/*_tooltipInstanceId*/8192&&span_id_value!==(span_id_value=""+(/*_tooltipInstanceId*/ctx[13]+"-tooltip"))){attr(span,"id",span_id_value);}if(dirty&/*position, halign*/9&&span_class_value!==(span_class_value="tooltiptext "+/*position*/ctx[0]+" align-"+/*halign*/ctx[3])){attr(span,"class",span_class_value);}if(dirty&/*_tooltipVisible*/2048){set_style(span,"visibility",/*_tooltipVisible*/ctx[11]?'visible':'hidden');}if(dirty&/*halign*/8&&div1_class_value!==(div1_class_value="tooltip align-"+/*halign*/ctx[3])){attr(div1,"class",div1_class_value);}if(dirty&/*testid*/4){attr(div1,"data-testid",/*testid*/ctx[2]);}if(dirty&/*_tooltipInstanceId*/8192&&div1_aria_describedby_value!==(div1_aria_describedby_value=""+(/*_tooltipInstanceId*/ctx[13]+"-tooltip"))){attr(div1,"aria-describedby",div1_aria_describedby_value);}if(dirty&/*mt, mr, mb, ml*/240&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]))){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);/*span_binding*/ctx[17](null);/*div1_binding*/ctx[18](null);mounted=false;run_all(dispose);}};}function instance$g($$self,$$props,$$invalidate){const[Positions,validatePosition]=typeValidator("Tooltip positions",["top","bottom","left","right"],false);const[Alignment,validateAlignment]=typeValidator("Tooltip alignment",["left","right","center"],false);const validator=(position,align)=>{if(position==="left"||position==="right"){if(align!=="center"){console.error(`[${align}] is an invalid option for position ${position}`);}}};let{content=""}=$$props;let{testid=""}=$$props;let{position="top"}=$$props;let{halign="center"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let _screenSize=0;let _rootEl;let _tooltipEl;let _initialPosition;let _tooltipVisible=false;let _showTooltipTimeout=null;let _hideTooltipTimeout=null;/**
|
|
431
441
|
* Use a unique id for each tooltip instance.
|
|
432
442
|
* So screen readers can identify the tooltip instance when
|
|
433
443
|
* there are multiple tooltips on the same page
|
|
@@ -1396,11 +1406,11 @@
|
|
|
1396
1406
|
* // Set the 30th day of the month to 1 September 2014:
|
|
1397
1407
|
* const result = setDate(new Date(2014, 8, 1), 30)
|
|
1398
1408
|
* //=> Tue Sep 30 2014 00:00:00
|
|
1399
|
-
*/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;}// (
|
|
1400
|
-
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);}};}// (
|
|
1401
|
-
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);}};}// (
|
|
1402
|
-
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();}};}// (
|
|
1403
|
-
function create_each_block_1(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");attr(button,"tabindex",button_tabindex_value=isSameDay(/*d*/ctx[27],/*_calendarDate*/ctx[8])?0:-1);toggle_class(button,"today",isSameDay(/*d*/ctx[27],new Date()));toggle_class(button,"selected",/*value*/ctx[0]&&isSameDay(/*d*/ctx[27],/*_selectedDate*/ctx[7]));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]&/*_monthDays*/2048&&t_value!==(t_value=/*d*/ctx[27].getDate()+""))set_data(t,t_value);if(dirty[0]&/*_monthDays*/2048&&button_aria_label_value!==(button_aria_label_value=format(/*d*/ctx[27],"PPPP"))){attr(button,"aria-label",button_aria_label_value);}if(dirty[0]&/*_monthDays*/2048&&button_data_date_value!==(button_data_date_value=format(/*d*/ctx[27],"T"))){attr(button,"data-date",button_data_date_value);}if(dirty[0]&/*_monthDays*/2048&&button_data_day_value!==(button_data_day_value=format(/*d*/ctx[27],"eee"))){attr(button,"data-day",button_data_day_value);}if(dirty[0]&/*_monthDays, _calendarDate*/2304&&button_tabindex_value!==(button_tabindex_value=isSameDay(/*d*/ctx[27],/*_calendarDate*/ctx[8])?0:-1)){attr(button,"tabindex",button_tabindex_value);}if(dirty[0]&/*_monthDays*/2048){toggle_class(button,"today",isSameDay(/*d*/ctx[27],new Date()));}if(dirty[0]&/*value, _monthDays, _selectedDate*/2177){toggle_class(button,"selected",/*value*/ctx[0]&&isSameDay(/*d*/ctx[27],/*_selectedDate*/ctx[7]));}if(dirty[0]&/*_monthDays, _min, _max*/3584){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();}};}// (
|
|
1409
|
+
*/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;}// (210:8) {#each _months as month, i}
|
|
1410
|
+
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);}};}// (218:8) {#each _years as year}
|
|
1411
|
+
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);}};}// (233:4) {#each _previousMonthDays as d}
|
|
1412
|
+
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();}};}// (246:4) {#each _monthDays as d}
|
|
1413
|
+
function create_each_block_1(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");attr(button,"tabindex",button_tabindex_value=isSameDay(/*d*/ctx[27],/*_calendarDate*/ctx[8])?0:-1);toggle_class(button,"today",isSameDay(/*d*/ctx[27],new Date()));toggle_class(button,"selected",/*value*/ctx[0]&&isSameDay(/*d*/ctx[27],/*_selectedDate*/ctx[7]));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]&/*_monthDays*/2048&&t_value!==(t_value=/*d*/ctx[27].getDate()+""))set_data(t,t_value);if(dirty[0]&/*_monthDays*/2048&&button_aria_label_value!==(button_aria_label_value=format(/*d*/ctx[27],"PPPP"))){attr(button,"aria-label",button_aria_label_value);}if(dirty[0]&/*_monthDays*/2048&&button_data_date_value!==(button_data_date_value=format(/*d*/ctx[27],"T"))){attr(button,"data-date",button_data_date_value);}if(dirty[0]&/*_monthDays*/2048&&button_data_day_value!==(button_data_day_value=format(/*d*/ctx[27],"eee"))){attr(button,"data-day",button_data_day_value);}if(dirty[0]&/*_monthDays, _calendarDate*/2304&&button_tabindex_value!==(button_tabindex_value=isSameDay(/*d*/ctx[27],/*_calendarDate*/ctx[8])?0:-1)){attr(button,"tabindex",button_tabindex_value);}if(dirty[0]&/*_monthDays*/2048){toggle_class(button,"today",isSameDay(/*d*/ctx[27],new Date()));}if(dirty[0]&/*value, _monthDays, _selectedDate*/2177){toggle_class(button,"selected",/*value*/ctx[0]&&isSameDay(/*d*/ctx[27],/*_selectedDate*/ctx[7]));}if(dirty[0]&/*_monthDays, _min, _max*/3584){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();}};}// (261:4) {#each _nextMonthDays as d}
|
|
1404
1414
|
function create_each_block$1(ctx){let button;let div;let t0_value=/*d*/ctx[27].getDate()+"";let t0;let t1;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");t0=text(t0_value);t1=space();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,t0);append(button,t1);if(!mounted){dispose=listen(button,"click",/*onDateClick*/ctx[19]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*_nextMonthDays*/8192&&t0_value!==(t0_value=/*d*/ctx[27].getDate()+""))set_data(t0,t0_value);if(dirty[0]&/*_nextMonthDays*/8192&&button_aria_label_value!==(button_aria_label_value=format(/*d*/ctx[27],"PPPP"))){attr(button,"aria-label",button_aria_label_value);}if(dirty[0]&/*_nextMonthDays*/8192&&button_data_date_value!==(button_data_date_value=format(/*d*/ctx[27],"T"))){attr(button,"data-date",button_data_date_value);}if(dirty[0]&/*_nextMonthDays*/8192&&button_data_day_value!==(button_data_day_value=format(/*d*/ctx[27],"eee"))){attr(button,"data-day",button_data_day_value);}if(dirty[0]&/*_nextMonthDays, _calendarDate*/8448&&button_tabindex_value!==(button_tabindex_value=isSameDay(/*d*/ctx[27],/*_calendarDate*/ctx[8])?0:-1)){attr(button,"tabindex",button_tabindex_value);}if(dirty[0]&/*_nextMonthDays, _min, _max*/9728){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();}};}function create_fragment$b(ctx){let div1;let goa_block;let goa_form_item0;let goa_dropdown0;let goa_dropdown0_arialabel_value;let goa_dropdown0_value_value;let t0;let goa_form_item1;let goa_dropdown1;let goa_dropdown1_arialabel_value;let goa_dropdown1_value_value;let t1;let div0;let h50;let t3;let h51;let t5;let h52;let t7;let h53;let t9;let h54;let t11;let h55;let t13;let h56;let t15;let t16;let t17;let div1_style_value;let mounted;let dispose;let each_value_4=/*_months*/ctx[16];let each_blocks_4=[];for(let i=0;i<each_value_4.length;i+=1){each_blocks_4[i]=create_each_block_4(get_each_context_4(ctx,each_value_4,i));}let each_value_3=/*_years*/ctx[14];let each_blocks_3=[];for(let i=0;i<each_value_3.length;i+=1){each_blocks_3[i]=create_each_block_3(get_each_context_3(ctx,each_value_3,i));}let each_value_2=/*_previousMonthDays*/ctx[12];let each_blocks_2=[];for(let i=0;i<each_value_2.length;i+=1){each_blocks_2[i]=create_each_block_2(get_each_context_2(ctx,each_value_2,i));}let each_value_1=/*_monthDays*/ctx[11];let each_blocks_1=[];for(let i=0;i<each_value_1.length;i+=1){each_blocks_1[i]=create_each_block_1(get_each_context_1(ctx,each_value_1,i));}let each_value=/*_nextMonthDays*/ctx[13];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$1(get_each_context$1(ctx,each_value,i));}return {c(){var _ctx$2,_ctx$3;div1=element("div");goa_block=element("goa-block");goa_form_item0=element("goa-form-item");goa_dropdown0=element("goa-dropdown");for(let i=0;i<each_blocks_4.length;i+=1){each_blocks_4[i].c();}t0=space();goa_form_item1=element("goa-form-item");goa_dropdown1=element("goa-dropdown");for(let i=0;i<each_blocks_3.length;i+=1){each_blocks_3[i].c();}t1=space();div0=element("div");h50=element("h5");h50.textContent="Sun";t3=space();h51=element("h5");h51.textContent="Mon";t5=space();h52=element("h5");h52.textContent="Tue";t7=space();h53=element("h5");h53.textContent="Wed";t9=space();h54=element("h5");h54.textContent="Thu";t11=space();h55=element("h5");h55.textContent="Fri";t13=space();h56=element("h5");h56.textContent="Sat";t15=space();for(let i=0;i<each_blocks_2.length;i+=1){each_blocks_2[i].c();}t16=space();for(let i=0;i<each_blocks_1.length;i+=1){each_blocks_1[i].c();}t17=space();for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}this.c=noop;set_custom_element_data(goa_dropdown0,"arialabel",goa_dropdown0_arialabel_value=`${/*name*/ctx[1]} month`);set_custom_element_data(goa_dropdown0,"data-testid","months");set_custom_element_data(goa_dropdown0,"width","calc(314px / 2 - 1.5rem)");set_custom_element_data(goa_dropdown0,"relative","true");set_custom_element_data(goa_dropdown0,"value",goa_dropdown0_value_value=/*_calendarDate*/(_ctx$2=ctx[8])===null||_ctx$2===void 0?void 0:_ctx$2.getMonth());set_custom_element_data(goa_form_item0,"label","Month");set_custom_element_data(goa_form_item0,"mt","0");set_custom_element_data(goa_dropdown1,"arialabel",goa_dropdown1_arialabel_value=`${/*name*/ctx[1]} year`);set_custom_element_data(goa_dropdown1,"data-testid","years");set_custom_element_data(goa_dropdown1,"width","calc(314px / 2 - 1.5rem)");set_custom_element_data(goa_dropdown1,"relative","true");set_custom_element_data(goa_dropdown1,"value",goa_dropdown1_value_value=/*_calendarDate*/(_ctx$3=ctx[8])===null||_ctx$3===void 0?void 0:_ctx$3.getFullYear());set_custom_element_data(goa_form_item1,"label","Year");set_custom_element_data(goa_form_item1,"mt","0");set_custom_element_data(goa_block,"mb","m");attr(div0,"data-testid","calendar");attr(div0,"class","calendar");attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));toggle_class(div1,"bordered",/*bordered*/ctx[6]==="true");},m(target,anchor){insert(target,div1,anchor);append(div1,goa_block);append(goa_block,goa_form_item0);append(goa_form_item0,goa_dropdown0);for(let i=0;i<each_blocks_4.length;i+=1){if(each_blocks_4[i]){each_blocks_4[i].m(goa_dropdown0,null);}}append(goa_block,t0);append(goa_block,goa_form_item1);append(goa_form_item1,goa_dropdown1);for(let i=0;i<each_blocks_3.length;i+=1){if(each_blocks_3[i]){each_blocks_3[i].m(goa_dropdown1,null);}}append(div1,t1);append(div1,div0);append(div0,h50);append(div0,t3);append(div0,h51);append(div0,t5);append(div0,h52);append(div0,t7);append(div0,h53);append(div0,t9);append(div0,h54);append(div0,t11);append(div0,h55);append(div0,t13);append(div0,h56);append(div0,t15);for(let i=0;i<each_blocks_2.length;i+=1){if(each_blocks_2[i]){each_blocks_2[i].m(div0,null);}}append(div0,t16);for(let i=0;i<each_blocks_1.length;i+=1){if(each_blocks_1[i]){each_blocks_1[i].m(div0,null);}}append(div0,t17);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(div0,null);}}/*div0_binding*/ctx[22](div0);if(!mounted){dispose=[listen(goa_dropdown0,"_change",/*setMonth*/ctx[17]),listen(goa_dropdown1,"_change",/*setYear*/ctx[18])];mounted=true;}},p(ctx,dirty){var _ctx$4,_ctx$5;if(dirty[0]&/*_months*/65536){each_value_4=/*_months*/ctx[16];let i;for(i=0;i<each_value_4.length;i+=1){const child_ctx=get_each_context_4(ctx,each_value_4,i);if(each_blocks_4[i]){each_blocks_4[i].p(child_ctx,dirty);}else {each_blocks_4[i]=create_each_block_4(child_ctx);each_blocks_4[i].c();each_blocks_4[i].m(goa_dropdown0,null);}}for(;i<each_blocks_4.length;i+=1){each_blocks_4[i].d(1);}each_blocks_4.length=each_value_4.length;}if(dirty[0]&/*name*/2&&goa_dropdown0_arialabel_value!==(goa_dropdown0_arialabel_value=`${/*name*/ctx[1]} month`)){set_custom_element_data(goa_dropdown0,"arialabel",goa_dropdown0_arialabel_value);}if(dirty[0]&/*_calendarDate*/256&&goa_dropdown0_value_value!==(goa_dropdown0_value_value=/*_calendarDate*/(_ctx$4=ctx[8])===null||_ctx$4===void 0?void 0:_ctx$4.getMonth())){set_custom_element_data(goa_dropdown0,"value",goa_dropdown0_value_value);}if(dirty[0]&/*_years*/16384){each_value_3=/*_years*/ctx[14];let i;for(i=0;i<each_value_3.length;i+=1){const child_ctx=get_each_context_3(ctx,each_value_3,i);if(each_blocks_3[i]){each_blocks_3[i].p(child_ctx,dirty);}else {each_blocks_3[i]=create_each_block_3(child_ctx);each_blocks_3[i].c();each_blocks_3[i].m(goa_dropdown1,null);}}for(;i<each_blocks_3.length;i+=1){each_blocks_3[i].d(1);}each_blocks_3.length=each_value_3.length;}if(dirty[0]&/*name*/2&&goa_dropdown1_arialabel_value!==(goa_dropdown1_arialabel_value=`${/*name*/ctx[1]} year`)){set_custom_element_data(goa_dropdown1,"arialabel",goa_dropdown1_arialabel_value);}if(dirty[0]&/*_calendarDate*/256&&goa_dropdown1_value_value!==(goa_dropdown1_value_value=/*_calendarDate*/(_ctx$5=ctx[8])===null||_ctx$5===void 0?void 0:_ctx$5.getFullYear())){set_custom_element_data(goa_dropdown1,"value",goa_dropdown1_value_value);}if(dirty[0]&/*_previousMonthDays, _calendarDate, _min, _max, onDateClick*/530176){each_value_2=/*_previousMonthDays*/ctx[12];let i;for(i=0;i<each_value_2.length;i+=1){const child_ctx=get_each_context_2(ctx,each_value_2,i);if(each_blocks_2[i]){each_blocks_2[i].p(child_ctx,dirty);}else {each_blocks_2[i]=create_each_block_2(child_ctx);each_blocks_2[i].c();each_blocks_2[i].m(div0,t16);}}for(;i<each_blocks_2.length;i+=1){each_blocks_2[i].d(1);}each_blocks_2.length=each_value_2.length;}if(dirty[0]&/*_monthDays, _calendarDate, value, _selectedDate, _min, _max, onDateClick*/528257){each_value_1=/*_monthDays*/ctx[11];let i;for(i=0;i<each_value_1.length;i+=1){const child_ctx=get_each_context_1(ctx,each_value_1,i);if(each_blocks_1[i]){each_blocks_1[i].p(child_ctx,dirty);}else {each_blocks_1[i]=create_each_block_1(child_ctx);each_blocks_1[i].c();each_blocks_1[i].m(div0,t17);}}for(;i<each_blocks_1.length;i+=1){each_blocks_1[i].d(1);}each_blocks_1.length=each_value_1.length;}if(dirty[0]&/*_nextMonthDays, _calendarDate, _min, _max, onDateClick*/534272){each_value=/*_nextMonthDays*/ctx[13];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$1(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$1(child_ctx);each_blocks[i].c();each_blocks[i].m(div0,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty[0]&/*mt, mr, mb, ml*/60&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(div1,"style",div1_style_value);}if(dirty[0]&/*bordered*/64){toggle_class(div1,"bordered",/*bordered*/ctx[6]==="true");}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);destroy_each(each_blocks_4,detaching);destroy_each(each_blocks_3,detaching);destroy_each(each_blocks_2,detaching);destroy_each(each_blocks_1,detaching);destroy_each(each_blocks,detaching);/*div0_binding*/ctx[22](null);mounted=false;run_all(dispose);}};}function instance$b($$self,$$props,$$invalidate){let{name=""}=$$props;let{value=""}=$$props;let{min=""}=$$props;let{max=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{bordered="true"}=$$props;// ********
|
|
1405
1415
|
// Privates
|
|
1406
1416
|
// ********
|
|
@@ -1409,8 +1419,8 @@
|
|
|
1409
1419
|
let _min;let _max;let _monthDays=[];let _previousMonthDays=[];let _nextMonthDays=[];let _nextMonthDayCount;let _months=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];let _years=[];let _calendarEl;// *****
|
|
1410
1420
|
// Hooks
|
|
1411
1421
|
// *****
|
|
1412
|
-
onMount(()
|
|
1413
|
-
const yearCount=_max.getFullYear()-_min.getFullYear()+1;let yearStart=_min.getFullYear();$$invalidate(14,_years=new Array(yearCount).fill(undefined).map((_,i)=>yearStart+i).sort());renderCalendar({type:"date",value:_selectedDate});initKeybindings();});function renderCalendar(change){switch(change.type){case"date":$$invalidate(8,_calendarDate=change.value);break;case"month":_calendarDate.setMonth(change.value);break;case"year":_calendarDate.setFullYear(change.value);break;}// day count
|
|
1422
|
+
onMount(function(){return _call(tick,function(){$$invalidate(8,_calendarDate=$$invalidate(7,_selectedDate=value?startOfDay(new Date(value)):startOfDay(new Date())));$$invalidate(9,_min=min&&new Date(min)||addYears(_selectedDate,-5));$$invalidate(10,_max=max&&new Date(max)||addYears(_selectedDate,5));// define year range to show in dropdown
|
|
1423
|
+
const yearCount=_max.getFullYear()-_min.getFullYear()+1;let yearStart=_min.getFullYear();$$invalidate(14,_years=new Array(yearCount).fill(undefined).map((_,i)=>yearStart+i).sort());renderCalendar({type:"date",value:_selectedDate});initKeybindings();});});function renderCalendar(change){switch(change.type){case"date":$$invalidate(8,_calendarDate=change.value);break;case"month":_calendarDate.setMonth(change.value);break;case"year":_calendarDate.setFullYear(change.value);break;}// day count
|
|
1414
1424
|
const dayCount=getDaysInMonth(_calendarDate);$$invalidate(11,_monthDays=new Array(dayCount).fill(undefined).map((_,i)=>new Date(_calendarDate.getFullYear(),_calendarDate.getMonth(),i+1)));// previous month days to fill the start of the calendar
|
|
1415
1425
|
const prevMonthEnd=lastDayOfMonth(addMonths(_calendarDate,-1));const selectedMonthStart=setDate(_calendarDate,1);$$invalidate(12,_previousMonthDays=[]);for(let i=0;i<selectedMonthStart.getDay();i++){$$invalidate(12,_previousMonthDays=[..._previousMonthDays,addDays(prevMonthEnd,-i)]);}_previousMonthDays.reverse();// next month days to fill the end of the calendar
|
|
1416
1426
|
$$invalidate(13,_nextMonthDays=[]);_nextMonthDayCount=7-(_previousMonthDays.length+_monthDays.length)%7;// ensure a full week is not appended to the end
|
|
@@ -1420,10 +1430,10 @@
|
|
|
1420
1430
|
// Event Handlers
|
|
1421
1431
|
// **************
|
|
1422
1432
|
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
|
|
1423
|
-
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(function(){
|
|
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);/* 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){const initDate=_async(function(){$$invalidate(9,_date=value&&startOfDay(new Date(value)));if(value&&!isValid(_date)){console.error(`${value} is not a valid date`);}return _await();});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(function(){return _callIgnored(initDate);}));afterUpdate(_async(function(){return _callIgnored(initDate);}));function onCalendarChange(e){$$invalidate(9,_date=e.detail.value);$$invalidate(0,value=_date.toISOString());hideCalendar();dispatchValue(_date);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(["Space","Enter"].includes(e.key)){showCalendar();return;}// in the key event handling below the first line `_date ||= ...` is to initialize the date, if
|
|
1424
1434
|
// it hasn't yet been set to 1 unit opposite of what the keybinding does ex. if ArrowDown is
|
|
1425
1435
|
// clicked, which moves the datepicker one week ahead, the date is initialize one week before.
|
|
1426
|
-
// This is to allow the starting date displayed to be that of today no matter what key is
|
|
1436
|
+
// This is to allow the starting date displayed to be that of today no matter what key is
|
|
1427
1437
|
// pressed.
|
|
1428
1438
|
switch(e.key){case"ArrowLeft":_date||$$invalidate(9,_date=addDays(new Date(),1));$$invalidate(9,_date=addDays(_date,-1));break;case"ArrowRight":_date||$$invalidate(9,_date=addDays(new Date(),-1));$$invalidate(9,_date=addDays(_date,1));break;case"ArrowDown":_date||$$invalidate(9,_date=addDays(new Date(),-7));$$invalidate(9,_date=addDays(_date,7));break;case"ArrowUp":_date||$$invalidate(9,_date=addDays(new Date(),7));$$invalidate(9,_date=addDays(_date,-7));break;case"PageUp":_date||$$invalidate(9,_date=e.shiftKey?addYears(new Date(),1):addMonths(new Date(),1));$$invalidate(9,_date=e.shiftKey?addYears(_date,-1):addMonths(_date,-1));break;case"PageDown":_date||$$invalidate(9,_date=e.shiftKey?addYears(new Date(),-1):addMonths(new Date(),-1));$$invalidate(9,_date=e.shiftKey?addYears(_date,1):addMonths(_date,1));break;default:return;}dispatchValue(_date);e.preventDefault();e.stopPropagation();}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"}
|
|
1429
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"}
|
|
@@ -2580,7 +2590,8 @@
|
|
|
2580
2590
|
onTrailingIconClick = _a.onTrailingIconClick,
|
|
2581
2591
|
onChange = _a.onChange,
|
|
2582
2592
|
onFocus = _a.onFocus,
|
|
2583
|
-
onBlur = _a.onBlur
|
|
2593
|
+
onBlur = _a.onBlur,
|
|
2594
|
+
onKeyPress = _a.onKeyPress;
|
|
2584
2595
|
var ref = react.useRef(null);
|
|
2585
2596
|
react.useEffect(function () {
|
|
2586
2597
|
if (!ref.current) {
|
|
@@ -2614,17 +2625,27 @@
|
|
|
2614
2625
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(name, value);
|
|
2615
2626
|
};
|
|
2616
2627
|
|
|
2628
|
+
var keypressListener = function keypressListener(e) {
|
|
2629
|
+
var _a = e.detail,
|
|
2630
|
+
name = _a.name,
|
|
2631
|
+
value = _a.value,
|
|
2632
|
+
key = _a.key;
|
|
2633
|
+
onKeyPress === null || onKeyPress === void 0 ? void 0 : onKeyPress(name, value, key);
|
|
2634
|
+
};
|
|
2635
|
+
|
|
2617
2636
|
current.addEventListener("_change", changeListener);
|
|
2618
2637
|
current.addEventListener("_trailingIconClick", clickListener);
|
|
2619
2638
|
current.addEventListener("_focus", focusListener);
|
|
2620
2639
|
current.addEventListener("_blur", blurListener);
|
|
2640
|
+
current.addEventListener("_keyPress", keypressListener);
|
|
2621
2641
|
return function () {
|
|
2622
2642
|
current.removeEventListener("_change", changeListener);
|
|
2623
2643
|
current.removeEventListener("_trailingIconClick", clickListener);
|
|
2624
2644
|
current.removeEventListener("_focus", focusListener);
|
|
2625
2645
|
current.removeEventListener("_blur", blurListener);
|
|
2646
|
+
current.removeEventListener("_keyPress", keypressListener);
|
|
2626
2647
|
};
|
|
2627
|
-
}, [ref, onChange, onTrailingIconClick, onFocus, onBlur]);
|
|
2648
|
+
}, [ref, onChange, onTrailingIconClick, onFocus, onBlur, onKeyPress]);
|
|
2628
2649
|
return jsxRuntime.jsxs("goa-input", __assign({
|
|
2629
2650
|
ref: ref,
|
|
2630
2651
|
debounce: debounce,
|
|
@@ -2825,6 +2846,12 @@
|
|
|
2825
2846
|
(_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, name, parseInt(value));
|
|
2826
2847
|
};
|
|
2827
2848
|
|
|
2849
|
+
var onKeyPress = function onKeyPress(name, value, key) {
|
|
2850
|
+
var _a;
|
|
2851
|
+
|
|
2852
|
+
(_a = props.onKeyPress) === null || _a === void 0 ? void 0 : _a.call(props, name, parseInt(value), key);
|
|
2853
|
+
};
|
|
2854
|
+
|
|
2828
2855
|
return jsxRuntime.jsx(GoAInput, __assign({}, props, {
|
|
2829
2856
|
onChange: onNumberChange,
|
|
2830
2857
|
min: min === null || min === void 0 ? void 0 : min.toString(),
|
|
@@ -2832,7 +2859,8 @@
|
|
|
2832
2859
|
value: value.toString(),
|
|
2833
2860
|
onFocus: onFocus,
|
|
2834
2861
|
onBlur: onBlur,
|
|
2835
|
-
type: "number"
|
|
2862
|
+
type: "number",
|
|
2863
|
+
onKeyPress: onKeyPress
|
|
2836
2864
|
}), void 0);
|
|
2837
2865
|
}
|
|
2838
2866
|
function GoAInputRange(props) {
|
|
@@ -3218,14 +3246,15 @@
|
|
|
3218
3246
|
}), void 0);
|
|
3219
3247
|
}
|
|
3220
3248
|
|
|
3221
|
-
function
|
|
3249
|
+
function GoATextarea(_a) {
|
|
3222
3250
|
var name = _a.name,
|
|
3223
3251
|
value = _a.value,
|
|
3224
3252
|
placeholder = _a.placeholder,
|
|
3225
3253
|
rows = _a.rows,
|
|
3226
3254
|
disabled = _a.disabled,
|
|
3227
|
-
|
|
3228
|
-
|
|
3255
|
+
countBy = _a.countBy,
|
|
3256
|
+
showCount = _a.showCount,
|
|
3257
|
+
maxCount = _a.maxCount,
|
|
3229
3258
|
width = _a.width,
|
|
3230
3259
|
testId = _a.testId,
|
|
3231
3260
|
error = _a.error,
|
|
@@ -3234,7 +3263,8 @@
|
|
|
3234
3263
|
mr = _a.mr,
|
|
3235
3264
|
mb = _a.mb,
|
|
3236
3265
|
ml = _a.ml,
|
|
3237
|
-
onChange = _a.onChange
|
|
3266
|
+
onChange = _a.onChange,
|
|
3267
|
+
onKeyPress = _a.onKeyPress;
|
|
3238
3268
|
var el = react.useRef(null);
|
|
3239
3269
|
react.useEffect(function () {
|
|
3240
3270
|
if (!el.current) {
|
|
@@ -3250,9 +3280,19 @@
|
|
|
3250
3280
|
onChange(name, value);
|
|
3251
3281
|
};
|
|
3252
3282
|
|
|
3283
|
+
var keypressListener = function keypressListener(e) {
|
|
3284
|
+
var _a = e.detail,
|
|
3285
|
+
name = _a.name,
|
|
3286
|
+
value = _a.value,
|
|
3287
|
+
key = _a.key;
|
|
3288
|
+
onKeyPress === null || onKeyPress === void 0 ? void 0 : onKeyPress(name, value, key);
|
|
3289
|
+
};
|
|
3290
|
+
|
|
3253
3291
|
current.addEventListener("_change", listener);
|
|
3292
|
+
current.addEventListener("_keyPress", keypressListener);
|
|
3254
3293
|
return function () {
|
|
3255
3294
|
current.removeEventListener("_change", listener);
|
|
3295
|
+
current.removeEventListener("_keyPress", listener);
|
|
3256
3296
|
};
|
|
3257
3297
|
}, [el, onChange]);
|
|
3258
3298
|
return jsxRuntime.jsx("goa-textarea", {
|
|
@@ -3262,8 +3302,9 @@
|
|
|
3262
3302
|
value: value,
|
|
3263
3303
|
rows: rows,
|
|
3264
3304
|
disabled: disabled,
|
|
3265
|
-
|
|
3266
|
-
|
|
3305
|
+
countby: countBy,
|
|
3306
|
+
showcount: showCount,
|
|
3307
|
+
maxcount: maxCount,
|
|
3267
3308
|
width: width,
|
|
3268
3309
|
error: error,
|
|
3269
3310
|
"data-testid": testId,
|
|
@@ -3433,7 +3474,8 @@
|
|
|
3433
3474
|
exports.GoATable = GoATable;
|
|
3434
3475
|
exports.GoATableSortHeader = GoATableSortHeader;
|
|
3435
3476
|
exports.GoATabs = GoATabs;
|
|
3436
|
-
exports.GoATextArea =
|
|
3477
|
+
exports.GoATextArea = GoATextarea;
|
|
3478
|
+
exports.GoATextarea = GoATextarea;
|
|
3437
3479
|
exports.GoAThreeColumnLayout = GoAThreeColumnLayout;
|
|
3438
3480
|
exports.GoATooltip = GoATooltip;
|
|
3439
3481
|
exports.GoATwoColumnLayout = GoATwoColumnLayout;
|