@abgov/react-components 4.14.0 → 4.15.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/form/form-item.d.ts +2 -0
- package/lib/modal/modal.d.ts +3 -2
- package/package.json +1 -1
- package/react-components.esm.js +26 -18
- package/react-components.umd.js +26 -18
package/lib/form/form-item.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { Margins } from "../../common/styling";
|
|
|
3
3
|
declare type RequirementType = "optional" | "required";
|
|
4
4
|
interface WCProps extends Margins {
|
|
5
5
|
label?: string;
|
|
6
|
+
labelsize?: string;
|
|
6
7
|
requirement?: RequirementType;
|
|
7
8
|
error?: string;
|
|
8
9
|
helptext?: string;
|
|
@@ -17,6 +18,7 @@ declare global {
|
|
|
17
18
|
}
|
|
18
19
|
interface GoAFormItemProps extends Margins {
|
|
19
20
|
label?: string;
|
|
21
|
+
labelSize?: string;
|
|
20
22
|
requirement?: RequirementType;
|
|
21
23
|
error?: string;
|
|
22
24
|
helpText?: string;
|
package/lib/modal/modal.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ interface WCProps {
|
|
|
5
5
|
ref: React.RefObject<HTMLElement>;
|
|
6
6
|
heading?: React.ReactNode;
|
|
7
7
|
open?: boolean;
|
|
8
|
-
|
|
8
|
+
maxwidth?: string;
|
|
9
9
|
closable?: boolean;
|
|
10
10
|
scrollable?: boolean;
|
|
11
11
|
transition?: ModalTransition;
|
|
@@ -20,7 +20,7 @@ declare global {
|
|
|
20
20
|
}
|
|
21
21
|
interface Props {
|
|
22
22
|
heading?: React.ReactNode;
|
|
23
|
-
|
|
23
|
+
maxWidth?: string;
|
|
24
24
|
actions?: React.ReactElement;
|
|
25
25
|
onClose?: () => void;
|
|
26
26
|
transition?: ModalTransition;
|
|
@@ -29,6 +29,7 @@ interface Props {
|
|
|
29
29
|
type?: string;
|
|
30
30
|
calloutVariant?: CalloutVariant;
|
|
31
31
|
testId?: string;
|
|
32
|
+
width?: string;
|
|
32
33
|
}
|
|
33
34
|
export declare const GoAModal: FC<Props>;
|
|
34
35
|
export default GoAModal;
|
package/package.json
CHANGED
package/react-components.esm.js
CHANGED
|
@@ -262,10 +262,10 @@ function create_each_block$5(ctx){let li;let a;let t_value=/*child*/ctx[5].inner
|
|
|
262
262
|
--wide-display-type: ${/*maxcolumncount*/ctx[1]>1?"block":"flex"};
|
|
263
263
|
--wide-column-count: ${/*maxcolumncount*/ctx[1]};
|
|
264
264
|
`)){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$z($$self,$$props,$$invalidate){let{heading=""}=$$props;let{maxcolumncount=1}=$$props;let rootEl;let children=[];onMount(async()=>{await tick();// remap slot content
|
|
265
|
-
$$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(min-width: 720px){.links{display:var(--narrow-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--narrow-column-count)}}@media(min-width: 1024px){.links{display:var(--wide-display-type);list-style-type:none;padding-left:0;flex-direction:column;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$z,create_fragment$C,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);/* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.59.2 */function create_if_block_2$9(ctx){let div;let t0;let t1;let show_if=/*requirement*/ctx[
|
|
266
|
-
function create_if_block_3$9(ctx){let em;let t0;let t1;let t2;return {c(){em=element("em");t0=text("(");t1=text(/*requirement*/ctx[
|
|
267
|
-
function create_if_block_1$b(ctx){let div;let goa_icon;let t0;let t1;return {c(){div=element("div");goa_icon=element("goa-icon");t0=space();t1=text(/*error*/ctx[
|
|
268
|
-
function create_if_block$l(ctx){let div;let t;return {c(){div=element("div");t=text(/*helptext*/ctx[
|
|
265
|
+
$$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(min-width: 720px){.links{display:var(--narrow-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--narrow-column-count)}}@media(min-width: 1024px){.links{display:var(--wide-display-type);list-style-type:none;padding-left:0;flex-direction:column;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$z,create_fragment$C,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);/* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.59.2 */function create_if_block_2$9(ctx){let div;let t0;let t1;let show_if=/*requirement*/ctx[9]&&/*REQUIREMENT_TYPES*/ctx[11].includes(/*requirement*/ctx[9]);let div_class_value;let if_block=show_if&&create_if_block_3$9(ctx);return {c(){div=element("div");t0=text(/*label*/ctx[5]);t1=space();if(if_block)if_block.c();attr(div,"class",div_class_value=`label ${/*labelsize*/ctx[6]}`);attr(div,"id",/*id*/ctx[10]);},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,t1);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(dirty&/*label*/32)set_data(t0,/*label*/ctx[5]);if(dirty&/*requirement*/512)show_if=/*requirement*/ctx[9]&&/*REQUIREMENT_TYPES*/ctx[11].includes(/*requirement*/ctx[9]);if(show_if){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_3$9(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*labelsize*/64&&div_class_value!==(div_class_value=`label ${/*labelsize*/ctx[6]}`)){attr(div,"class",div_class_value);}if(dirty&/*id*/1024){attr(div,"id",/*id*/ctx[10]);}},d(detaching){if(detaching)detach(div);if(if_block)if_block.d();}};}// (37:6) {#if requirement && REQUIREMENT_TYPES.includes(requirement)}
|
|
266
|
+
function create_if_block_3$9(ctx){let em;let t0;let t1;let t2;return {c(){em=element("em");t0=text("(");t1=text(/*requirement*/ctx[9]);t2=text(")");},m(target,anchor){insert(target,em,anchor);append(em,t0);append(em,t1);append(em,t2);},p(ctx,dirty){if(dirty&/*requirement*/512)set_data(t1,/*requirement*/ctx[9]);},d(detaching){if(detaching)detach(em);}};}// (45:2) {#if error}
|
|
267
|
+
function create_if_block_1$b(ctx){let div;let goa_icon;let t0;let t1;return {c(){div=element("div");goa_icon=element("goa-icon");t0=space();t1=text(/*error*/ctx[8]);set_custom_element_data(goa_icon,"type","warning");set_custom_element_data(goa_icon,"size","small");set_custom_element_data(goa_icon,"theme","filled");set_style(goa_icon,"pointer-events","none");attr(div,"class","error-msg");},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);append(div,t0);append(div,t1);},p(ctx,dirty){if(dirty&/*error*/256)set_data(t1,/*error*/ctx[8]);},d(detaching){if(detaching)detach(div);}};}// (51:2) {#if helptext}
|
|
268
|
+
function create_if_block$l(ctx){let div;let t;return {c(){div=element("div");t=text(/*helptext*/ctx[7]);attr(div,"class","help-msg");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*helptext*/128)set_data(t,/*helptext*/ctx[7]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$B(ctx){let div1;let t0;let div0;let t1;let t2;let div1_style_value;let if_block0=/*label*/ctx[5]&&create_if_block_2$9(ctx);let if_block1=/*error*/ctx[8]&&create_if_block_1$b(ctx);let if_block2=/*helptext*/ctx[7]&&create_if_block$l(ctx);return {c(){div1=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");div0.innerHTML=`<slot></slot>`;t1=space();if(if_block1)if_block1.c();t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","form-item-input");attr(div1,"data-testid",/*testid*/ctx[0]);attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));attr(div1,"class","goa-form-item");},m(target,anchor){insert(target,div1,anchor);if(if_block0)if_block0.m(div1,null);append(div1,t0);append(div1,div0);append(div1,t1);if(if_block1)if_block1.m(div1,null);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*label*/ctx[5]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_2$9(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*error*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$b(ctx);if_block1.c();if_block1.m(div1,t2);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*helptext*/ctx[7]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$l(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*testid*/1){attr(div1,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function instance$y($$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:0.5rem 0}.label.large{font:var(--goa-typography-heading-l)}.label em{color:var(--goa-color-greyscale-700);font-weight:var(--goa-font-weight-regular);font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--goa-font-size-2);color:var(--goa-color-text-default);margin-right:56px}.error-msg{display:inline-flex;gap:0.25rem;font-size:var(--goa-font-size-2);color:var(--goa-color-interactive-error);margin-bottom:0.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$y,create_fragment$B,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);/* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.59.2 */function create_fragment$A(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=`
|
|
269
269
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
270
270
|
--min-child-width: ${/*minchildwidth*/ctx[1]||0};
|
|
271
271
|
gap: var(--goa-space-${/*gap*/ctx[0]})
|
|
@@ -321,21 +321,21 @@ function create_if_block$j(ctx){let span;let t;return {c(){span=element("span");
|
|
|
321
321
|
center center no-repeat}`;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,{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);/* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.59.2 */function create_if_block_3$7(ctx){let div;return {c(){div=element("div");div.innerHTML=`An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>`;attr(div,"data-testid","type");attr(div,"class","site-text");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}// (31:4) {#if ["alpha", "beta"].includes(type)}
|
|
322
322
|
function create_if_block_1$8(ctx){let div0;let t0_value=capitalize(/*type*/ctx[0])+"";let t0;let div0_class_value;let t1;let div1;let t2;let a;let t4;let if_block=/*feedbackurl*/ctx[2]&&create_if_block_2$7(ctx);return {c(){div0=element("div");t0=text(t0_value);t1=space();div1=element("div");t2=text("This is a new ");a=element("a");a.textContent="Alberta Government";t4=text(" service\n ");if(if_block)if_block.c();attr(div0,"data-testid","type");attr(div0,"class",div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase());attr(a,"href","https://www.alberta.ca/index.aspx");attr(div1,"data-testid","site-text");attr(div1,"class","site-text");},m(target,anchor){insert(target,div0,anchor);append(div0,t0);insert(target,t1,anchor);insert(target,div1,anchor);append(div1,t2);append(div1,a);append(div1,t4);if(if_block)if_block.m(div1,null);},p(ctx,dirty){if(dirty&/*type*/1&&t0_value!==(t0_value=capitalize(/*type*/ctx[0])+""))set_data(t0,t0_value);if(dirty&/*type*/1&&div0_class_value!==(div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase())){attr(div0,"class",div0_class_value);}if(/*feedbackurl*/ctx[2]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$7(ctx);if_block.c();if_block.m(div1,null);}}else if(if_block){if_block.d(1);if_block=null;}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t1);if(detaching)detach(div1);if(if_block)if_block.d();}};}// (40:8) {#if feedbackurl}
|
|
323
323
|
function create_if_block_2$7(ctx){let span;let t0;let a;let t1;return {c(){span=element("span");t0=text("— help us improve it by giving ");a=element("a");t1=text("feedback");attr(a,"href",/*feedbackurl*/ctx[2]);attr(span,"data-testid","feedback");},m(target,anchor){insert(target,span,anchor);append(span,t0);append(span,a);append(a,t1);},p(ctx,dirty){if(dirty&/*feedbackurl*/4){attr(a,"href",/*feedbackurl*/ctx[2]);}},d(detaching){if(detaching)detach(span);}};}// (46:4) {#if version}
|
|
324
|
-
function create_if_block$i(ctx){let div;let t;return {c(){div=element("div");t=text(/*version*/ctx[1]);attr(div,"data-testid","version");attr(div,"class","version");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*version*/2)set_data(t,/*version*/ctx[1]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$v(ctx){let header;let div1;let t0;let show_if=["alpha","beta"].includes(/*type*/ctx[0]);let t1;let div0;let t2;let header_style_value;let if_block0=/*type*/ctx[0]==="live"&&create_if_block_3$7();let if_block1=show_if&&create_if_block_1$8(ctx);let if_block2=/*version*/ctx[1]&&create_if_block$i(ctx);return {c(){header=element("header");div1=element("div");if(if_block0)if_block0.c();t0=space();if(if_block1)if_block1.c();t1=space();div0=element("div");t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","spacer");attr(div1,"class","content-container");attr(header,"class","goa-official-site-header");attr(header,"style",header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`);},m(target,anchor){insert(target,header,anchor);append(header,div1);if(if_block0)if_block0.m(div1,null);append(div1,t0);if(if_block1)if_block1.m(div1,null);append(div1,t1);append(div1,div0);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*type*/ctx[0]==="live"){if(if_block0);else {if_block0=create_if_block_3$7();if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*type*/1)show_if=["alpha","beta"].includes(/*type*/ctx[0]);if(show_if){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$8(ctx);if_block1.c();if_block1.m(div1,t1);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*version*/ctx[1]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$i(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*maxcontentwidth*/8&&header_style_value!==(header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`)){attr(header,"style",header_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(header);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function capitalize(val){if(!val||val&&val.length===0)return "";return val[0].toUpperCase()+val.slice(1);}function instance$s($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Microsite header type",["live","alpha","beta"],true);let{type}=$$props;let{version=""}=$$props;let{feedbackurl=""}=$$props;let{maxcontentwidth="100%"}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('version'in $$props)$$invalidate(1,version=$$props.version);if('feedbackurl'in $$props)$$invalidate(2,feedbackurl=$$props.feedbackurl);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);};return [type,version,feedbackurl,maxcontentwidth];}class MicrositeHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);padding:0.5rem 1rem}.content-container{display:flex;align-items:start;justify-content:space-between;max-width:min(var(--max-content-width), 100%);margin:0 auto}@media(min-width: 640px){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}@media(min-width: 1024px){.goa-official-site-header{padding:0.25rem 4.5rem}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$s,create_fragment$v,safe_not_equal,{type:0,version:1,feedbackurl:2,maxcontentwidth:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","version","feedbackurl","maxcontentwidth"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get version(){return this.$$.ctx[1];}set version(version){this.$$set({version});flush();}get feedbackurl(){return this.$$.ctx[2];}set feedbackurl(feedbackurl){this.$$set({feedbackurl});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-microsite-header",MicrositeHeader);/* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$h(ctx){let goa_focus_trap;let div6;let div0;let t0;let div5;let t1;let div4;let header;let div1;let t2;let t3;let div2;let goa_scrollable;let t4;let div3;let div5_intro;let div5_outro;let div6_style_value;let noscroll_action;let div6_intro;let div6_outro;let current;let mounted;let dispose;let if_block0=/*calloutvariant*/ctx[3]!==null&&create_if_block_3$6(ctx);function select_block_type(ctx,dirty){if(/*heading*/ctx[0])return create_if_block_2$6;return create_else_block$8;}let current_block_type=select_block_type(ctx);let if_block1=current_block_type(ctx);let if_block2=/*_isClosable*/ctx[9]&&create_if_block_1$7(ctx);return {c(){goa_focus_trap=element("goa-focus-trap");div6=element("div");div0=element("div");t0=space();div5=element("div");if(if_block0)if_block0.c();t1=space();div4=element("div");header=element("header");div1=element("div");if_block1.c();t2=space();if(if_block2)if_block2.c();t3=space();div2=element("div");goa_scrollable=element("goa-scrollable");goa_scrollable.innerHTML=`<slot></slot>`;t4=space();div3=element("div");div3.innerHTML=`<slot name="actions"></slot>`;attr(div0,"data-testid","modal-overlay");attr(div0,"class","modal-overlay");attr(div1,"data-testid","modal-title");attr(div1,"class","modal-title");set_custom_element_data(goa_scrollable,"direction","vertical");set_custom_element_data(goa_scrollable,"hpadding","1.9rem");set_custom_element_data(goa_scrollable,"maxheight","70vh");attr(div2,"data-testid","modal-content");attr(div2,"class","modal-content");attr(div3,"class","modal-actions");attr(div3,"data-testid","modal-actions");attr(div4,"class","content");attr(div5,"class","modal-pane");attr(div6,"data-testid","modal");attr(div6,"class","modal");attr(div6,"style",div6_style_value=/*width*/ctx[2]&&`--width: ${/*width*/ctx[2]};`);set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[1]);},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[16](header);append(div4,t3);append(div4,div2);append(div2,goa_scrollable);/*goa_scrollable_binding*/ctx[17](goa_scrollable);/*div2_binding*/ctx[18](div2);append(div4,t4);append(div4,div3);/*div6_binding*/ctx[19](div6);current=true;if(!mounted){dispose=[listen(div0,"click",/*close*/ctx[12]),listen(goa_scrollable,"_scroll",/*handleScroll*/ctx[13]),action_destroyer(noscroll_action=noscroll.call(null,div6,{enable:/*_isOpen*/ctx[7]}))];mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(/*calloutvariant*/ctx[3]!==null){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3$6(ctx);if_block0.c();if_block0.m(div5,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block1){if_block1.p(ctx,dirty);}else {if_block1.d(1);if_block1=current_block_type(ctx);if(if_block1){if_block1.c();if_block1.m(div1,null);}}if(/*_isClosable*/ctx[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_1$7(ctx);if_block2.c();if_block2.m(header,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(!current||dirty&/*width*/4&&div6_style_value!==(div6_style_value=/*width*/ctx[2]&&`--width: ${/*width*/ctx[2]};`)){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*/2){set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[1]);}},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[16](null);/*goa_scrollable_binding*/ctx[17](null);/*div2_binding*/ctx[18](null);if(detaching&&div5_outro)div5_outro.end();/*div6_binding*/ctx[19](null);if(detaching&&div6_outro)div6_outro.end();mounted=false;run_all(dispose);}};}// (137:8) {#if calloutvariant !== null}
|
|
325
|
-
function create_if_block_3$6(ctx){let div;let goa_icon;let goa_icon_inverted_value;let div_class_value;return {c(){div=element("div");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[10]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true");attr(div,"class",div_class_value="callout-bar "+/*calloutvariant*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);},p(ctx,dirty){if(dirty&/*_iconType*/1024){set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[10]);}if(dirty&/*calloutvariant*/8&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*calloutvariant*/8&&div_class_value!==(div_class_value="callout-bar "+/*calloutvariant*/ctx[3])){attr(div,"class",div_class_value);}},d(detaching){if(detaching)detach(div);}};}// (
|
|
326
|
-
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);}};}// (
|
|
327
|
-
function create_if_block_2$6(ctx){let t;return {c(){t=text(/*heading*/ctx[
|
|
328
|
-
function create_if_block_1$7(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$u(ctx){let if_block_anchor;let current;let if_block=/*_isOpen*/ctx[7]&&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(/*_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$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$r($$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{
|
|
324
|
+
function create_if_block$i(ctx){let div;let t;return {c(){div=element("div");t=text(/*version*/ctx[1]);attr(div,"data-testid","version");attr(div,"class","version");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*version*/2)set_data(t,/*version*/ctx[1]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$v(ctx){let header;let div1;let t0;let show_if=["alpha","beta"].includes(/*type*/ctx[0]);let t1;let div0;let t2;let header_style_value;let if_block0=/*type*/ctx[0]==="live"&&create_if_block_3$7();let if_block1=show_if&&create_if_block_1$8(ctx);let if_block2=/*version*/ctx[1]&&create_if_block$i(ctx);return {c(){header=element("header");div1=element("div");if(if_block0)if_block0.c();t0=space();if(if_block1)if_block1.c();t1=space();div0=element("div");t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","spacer");attr(div1,"class","content-container");attr(header,"class","goa-official-site-header");attr(header,"style",header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`);},m(target,anchor){insert(target,header,anchor);append(header,div1);if(if_block0)if_block0.m(div1,null);append(div1,t0);if(if_block1)if_block1.m(div1,null);append(div1,t1);append(div1,div0);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*type*/ctx[0]==="live"){if(if_block0);else {if_block0=create_if_block_3$7();if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*type*/1)show_if=["alpha","beta"].includes(/*type*/ctx[0]);if(show_if){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$8(ctx);if_block1.c();if_block1.m(div1,t1);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*version*/ctx[1]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$i(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*maxcontentwidth*/8&&header_style_value!==(header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`)){attr(header,"style",header_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(header);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function capitalize(val){if(!val||val&&val.length===0)return "";return val[0].toUpperCase()+val.slice(1);}function instance$s($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Microsite header type",["live","alpha","beta"],true);let{type}=$$props;let{version=""}=$$props;let{feedbackurl=""}=$$props;let{maxcontentwidth="100%"}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('version'in $$props)$$invalidate(1,version=$$props.version);if('feedbackurl'in $$props)$$invalidate(2,feedbackurl=$$props.feedbackurl);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);};return [type,version,feedbackurl,maxcontentwidth];}class MicrositeHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);padding:0.5rem 1rem}.content-container{display:flex;align-items:start;justify-content:space-between;max-width:min(var(--max-content-width), 100%);margin:0 auto}@media(min-width: 640px){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}@media(min-width: 1024px){.goa-official-site-header{padding:0.25rem 4.5rem}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$s,create_fragment$v,safe_not_equal,{type:0,version:1,feedbackurl:2,maxcontentwidth:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","version","feedbackurl","maxcontentwidth"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get version(){return this.$$.ctx[1];}set version(version){this.$$set({version});flush();}get feedbackurl(){return this.$$.ctx[2];}set feedbackurl(feedbackurl){this.$$set({feedbackurl});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-microsite-header",MicrositeHeader);/* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$h(ctx){let goa_focus_trap;let div6;let div0;let t0;let div5;let t1;let div4;let header;let div1;let t2;let t3;let div2;let goa_scrollable;let t4;let div3;let div5_intro;let div5_outro;let div6_style_value;let noscroll_action;let div6_intro;let div6_outro;let current;let mounted;let dispose;let if_block0=/*calloutvariant*/ctx[3]!==null&&create_if_block_3$6(ctx);function select_block_type(ctx,dirty){if(/*heading*/ctx[1])return create_if_block_2$6;return create_else_block$8;}let current_block_type=select_block_type(ctx);let if_block1=current_block_type(ctx);let if_block2=/*_isClosable*/ctx[9]&&create_if_block_1$7(ctx);return {c(){goa_focus_trap=element("goa-focus-trap");div6=element("div");div0=element("div");t0=space();div5=element("div");if(if_block0)if_block0.c();t1=space();div4=element("div");header=element("header");div1=element("div");if_block1.c();t2=space();if(if_block2)if_block2.c();t3=space();div2=element("div");goa_scrollable=element("goa-scrollable");goa_scrollable.innerHTML=`<slot></slot>`;t4=space();div3=element("div");div3.innerHTML=`<slot name="actions"></slot>`;attr(div0,"data-testid","modal-overlay");attr(div0,"class","modal-overlay");attr(div1,"data-testid","modal-title");attr(div1,"class","modal-title");set_custom_element_data(goa_scrollable,"direction","vertical");set_custom_element_data(goa_scrollable,"hpadding","1.9rem");set_custom_element_data(goa_scrollable,"maxheight","70vh");attr(div2,"data-testid","modal-content");attr(div2,"class","modal-content");attr(div3,"class","modal-actions");attr(div3,"data-testid","modal-actions");attr(div4,"class","content");attr(div5,"class","modal-pane");attr(div6,"data-testid","modal");attr(div6,"class","modal");attr(div6,"style",div6_style_value=`--maxwidth: ${/*maxwidth*/ctx[0]};`);set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[2]);},m(target,anchor){insert(target,goa_focus_trap,anchor);append(goa_focus_trap,div6);append(div6,div0);append(div6,t0);append(div6,div5);if(if_block0)if_block0.m(div5,null);append(div5,t1);append(div5,div4);append(div4,header);append(header,div1);if_block1.m(div1,null);append(header,t2);if(if_block2)if_block2.m(header,null);/*header_binding*/ctx[17](header);append(div4,t3);append(div4,div2);append(div2,goa_scrollable);/*goa_scrollable_binding*/ctx[18](goa_scrollable);/*div2_binding*/ctx[19](div2);append(div4,t4);append(div4,div3);/*div6_binding*/ctx[20](div6);current=true;if(!mounted){dispose=[listen(div0,"click",/*close*/ctx[12]),listen(goa_scrollable,"_scroll",/*handleScroll*/ctx[13]),action_destroyer(noscroll_action=noscroll.call(null,div6,{enable:/*_isOpen*/ctx[7]}))];mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(/*calloutvariant*/ctx[3]!==null){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3$6(ctx);if_block0.c();if_block0.m(div5,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block1){if_block1.p(ctx,dirty);}else {if_block1.d(1);if_block1=current_block_type(ctx);if(if_block1){if_block1.c();if_block1.m(div1,null);}}if(/*_isClosable*/ctx[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_1$7(ctx);if_block2.c();if_block2.m(header,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(!current||dirty&/*maxwidth*/1&&div6_style_value!==(div6_style_value=`--maxwidth: ${/*maxwidth*/ctx[0]};`)){attr(div6,"style",div6_style_value);}if(noscroll_action&&is_function(noscroll_action.update)&&dirty&/*_isOpen*/128)noscroll_action.update.call(null,{enable:/*_isOpen*/ctx[7]});if(!current||dirty&/*open*/4){set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[2]);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(div5_outro)div5_outro.end(1);div5_intro=create_in_transition(div5,fly,{duration:/*_transitionTime*/ctx[11],y:200});div5_intro.start();});add_render_callback(()=>{if(!current)return;if(div6_outro)div6_outro.end(1);div6_intro=create_in_transition(div6,fade,{duration:/*_transitionTime*/ctx[11]});div6_intro.start();});current=true;},o(local){if(div5_intro)div5_intro.invalidate();div5_outro=create_out_transition(div5,fly,{delay:/*_transitionTime*/ctx[11],duration:/*_transitionTime*/ctx[11],y:-100});if(div6_intro)div6_intro.invalidate();div6_outro=create_out_transition(div6,fade,{delay:/*_transitionTime*/ctx[11],duration:/*_transitionTime*/ctx[11]});current=false;},d(detaching){if(detaching)detach(goa_focus_trap);if(if_block0)if_block0.d();if_block1.d();if(if_block2)if_block2.d();/*header_binding*/ctx[17](null);/*goa_scrollable_binding*/ctx[18](null);/*div2_binding*/ctx[19](null);if(detaching&&div5_outro)div5_outro.end();/*div6_binding*/ctx[20](null);if(detaching&&div6_outro)div6_outro.end();mounted=false;run_all(dispose);}};}// (143:8) {#if calloutvariant !== null}
|
|
325
|
+
function create_if_block_3$6(ctx){let div;let goa_icon;let goa_icon_inverted_value;let div_class_value;return {c(){div=element("div");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[10]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true");attr(div,"class",div_class_value="callout-bar "+/*calloutvariant*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);},p(ctx,dirty){if(dirty&/*_iconType*/1024){set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[10]);}if(dirty&/*calloutvariant*/8&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*calloutvariant*/8&&div_class_value!==(div_class_value="callout-bar "+/*calloutvariant*/ctx[3])){attr(div,"class",div_class_value);}},d(detaching){if(detaching)detach(div);}};}// (156:14) {:else}
|
|
326
|
+
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}
|
|
327
|
+
function create_if_block_2$6(ctx){let t;return {c(){t=text(/*heading*/ctx[1]);},m(target,anchor){insert(target,t,anchor);},p(ctx,dirty){if(dirty&/*heading*/2)set_data(t,/*heading*/ctx[1]);},d(detaching){if(detaching)detach(t);}};}// (160:12) {#if _isClosable}
|
|
328
|
+
function create_if_block_1$7(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$u(ctx){let if_block_anchor;let current;let if_block=/*_isOpen*/ctx[7]&&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(/*_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$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$r($$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
|
|
329
329
|
let _rootEl=null;let _contentEl=null;let _scrollEl=null;let _headerEl=null;// Type verification
|
|
330
330
|
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
|
|
331
331
|
// reference to allow for creation of the @keyframes for the in:fade and out:fade transitions.
|
|
332
332
|
// DDIDS-1288
|
|
333
333
|
let _isOpen=false;// Hooks
|
|
334
|
-
onMount(async()=>{await tick();validateCalloutVariant(calloutvariant);validateTransition(transition);});// Functions
|
|
334
|
+
onMount(async()=>{await tick();validateCalloutVariant(calloutvariant);validateTransition(transition);if(width){$$invalidate(0,maxwidth=width);console.warn("`width` is deprecated. Please use `maxwidth` instead.");}});// Functions
|
|
335
335
|
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
|
|
336
|
-
}}function header_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_headerEl=$$value;($$invalidate(6,_headerEl),$$invalidate(7,_isOpen)),$$invalidate(
|
|
337
|
-
$$invalidate(9,_isClosable=toBoolean(closable));}if($$self.$$.dirty&/*open*/
|
|
338
|
-
$$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 [heading,open,width,calloutvariant,_contentEl,_scrollEl,_headerEl,_isOpen,_rootEl,_isClosable,_iconType,_transitionTime,close,handleScroll,closable,transition,header_binding,goa_scrollable_binding,div2_binding,div6_binding];}class Modal extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:var(--goa-space-xl)}.content header{display:flex;justify-content:space-between}.content header.has-content{margin-bottom:var(--goa-space-l)}@media(max-width: 640px){.content{margin:var(--goa-space-l)}.content header.has-content{margin-bottom:var(--goa-space-m)}}.modal-pane{background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}@media(min-width: 640px){.modal-pane{width:var(--width, 60ch)}}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}@media(max-width: 640px){.modal-actions ::slotted(*){padding:var(--goa-space-l) 0 0}}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font:var(--goa-typography-heading-m)}.modal-close{padding-left:var(--goa-space-m);margin-top:var(--goa-space-2xs)}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$r,create_fragment$u,safe_not_equal,{heading:0,closable:14,open:1,transition:15,width:2,calloutvariant: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","closable","open","transition","width","calloutvariant"];}get heading(){return this.$$.ctx[0];}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[1];}set open(open){this.$$set({open});flush();}get transition(){return this.$$.ctx[15];}set transition(transition){this.$$set({transition});flush();}get width(){return this.$$.ctx[2];}set width(width){this.$$set({width});flush();}get calloutvariant(){return this.$$.ctx[3];}set calloutvariant(calloutvariant){this.$$set({calloutvariant});flush();}}customElements.define("goa-modal",Modal);/* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.59.2 */function create_if_block$g(ctx){let div4;let div3;let div0;let goa_icon0;let goa_icon0_inverted_value;let t0;let div1;let t1;let div2;let button;let goa_icon1;let goa_icon1_inverted_value;let div4_class_value;let div4_style_value;let div4_transition;let current;let mounted;let dispose;return {c(){div4=element("div");div3=element("div");div0=element("div");goa_icon0=element("goa-icon");t0=space();div1=element("div");div1.innerHTML=`<slot></slot>`;t1=space();div2=element("div");button=element("button");goa_icon1=element("goa-icon");set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(div0,"class","icon");attr(div1,"class","content");set_custom_element_data(goa_icon1,"type","close");set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(button,"class",/*type*/ctx[0]);attr(div2,"class","close");attr(div3,"class","content-container");attr(div3,"role","alert");attr(div3,"aria-live",/*arialive*/ctx[2]);attr(div3,"aria-atomic","true");attr(div4,"class",div4_class_value="notification "+/*type*/ctx[0]);attr(div4,"style",div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`);},m(target,anchor){insert(target,div4,anchor);append(div4,div3);append(div3,div0);append(div0,goa_icon0);append(div3,t0);append(div3,div1);append(div3,t1);append(div3,div2);append(div2,button);append(button,goa_icon1);current=true;if(!mounted){dispose=listen(button,"click",/*close*/ctx[5]);mounted=true;}},p(ctx,dirty){if(!current||dirty&/*iconType*/16){set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);}if(!current||dirty&/*type*/1&&goa_icon0_inverted_value!==(goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value);}if(!current||dirty&/*type*/1&&goa_icon1_inverted_value!==(goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value);}if(!current||dirty&/*type*/1){attr(button,"class",/*type*/ctx[0]);}if(!current||dirty&/*arialive*/4){attr(div3,"aria-live",/*arialive*/ctx[2]);}if(!current||dirty&/*type*/1&&div4_class_value!==(div4_class_value="notification "+/*type*/ctx[0])){attr(div4,"class",div4_class_value);}if(!current||dirty&/*maxcontentwidth*/2&&div4_style_value!==(div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`)){attr(div4,"style",div4_style_value);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},true);div4_transition.run(1);});current=true;},o(local){if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},false);div4_transition.run(0);current=false;},d(detaching){if(detaching)detach(div4);if(detaching&&div4_transition)div4_transition.end();mounted=false;dispose();}};}function create_fragment$t(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$q($$self,$$props,$$invalidate){let iconType;const[Types,validateType]=typeValidator("Notification type",["emergency","important","information","event"],true);const[AriaLiveTypes,validateAriaLiveType]=typeValidator("Aria-Live type",["assertive","off","polite"],true);let{type=""}=$$props;let{maxcontentwidth="100%"}=$$props;let{arialive="polite"}=$$props;let show=true;onMount(()=>{validateAriaLiveType(arialive);setTimeout(()=>validateType(type),1);});function close(e){$$invalidate(3,show=false);e.target.dispatchEvent(new CustomEvent("_dismiss",{composed:true}));e.stopPropagation();}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);if('arialive'in $$props)$$invalidate(2,arialive=$$props.arialive);};$$self.$$.update=()=>{if($$self.$$.dirty&/*type*/1){$$invalidate(4,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="event"?"calendar":"");}};return [type,maxcontentwidth,arialive,show,iconType,close];}class Notification extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:var(--goa-space-l) var(--goa-space-m);display:flex}@media(min-width: 640px){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}@media(min-width: 1024px){.notification{padding:var(--goa-space-l) calc(3 * var(--goa-space-l))}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.information,.event{background-color:var(--goa-color-info-default);color:var(--goa-color-text-light)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:var(--goa-space-m);margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}::slotted(a:focus){outline:auto!important;border-radius:var(--goa-border-radius-m)}.notification.important ::slotted(a:focus){outline:unset!important;box-shadow:0 0 0 3px var(--goa-color-greyscale-black);border-radius:var(--goa-border-radius-m)}.close{flex:0 0 auto}.close button{background-color:transparent;border:none;cursor:pointer;padding:var(--goa-space-2xs);margin:0;outline:none;border-radius:var(--goa-border-radius-m);display:inline-flex}.close button.information:hover,.close button.information:focus,.close button.event:hover,.close button.event:focus{background-color:var(--goa-color-info-dark)}.close button.information:focus,.close button.event:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}.close button.important:hover,.close button.important:focus{background-color:var(--goa-color-warning-dark)}.close button.important:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-black)}.close button.emergency:hover,.close button.emergency:focus{background-color:var(--goa-color-emergency-dark)}.close button.emergency:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$q,create_fragment$t,safe_not_equal,{type:0,maxcontentwidth:1,arialive:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","maxcontentwidth","arialive"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get maxcontentwidth(){return this.$$.ctx[1];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get arialive(){return this.$$.ctx[2];}set arialive(arialive){this.$$set({arialive});flush();}}customElements.define("goa-notification",Notification);const dimensionRegex=/^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;function isValidDimension(value){return dimensionRegex.test(value);}/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.59.2 */function create_fragment$s(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$p($$self,$$props,$$invalidate){const Sizes={"full":"100%"};let{width}=$$props;let{_width}=$$props;function isValidSize(value){if(["full"].includes(width))return true;if(isValidDimension(value))return true;return false;}onMount(()=>{if(!isValidSize(width)){console.error("Invalid PageBlock width");}$$invalidate(0,_width=Sizes[width]||width);});$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(1,width=$$props.width);if('_width'in $$props)$$invalidate(0,_width=$$props._width);};return [_width,width];}class PageBlock extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media(min-width: 640px){.page-content{padding:0 2rem}}@media(min-width: 1024px){.page-content{padding:0 4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$p,create_fragment$s,safe_not_equal,{width:1,_width:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["width","_width"];}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get _width(){return this.$$.ctx[0];}set _width(_width){this.$$set({_width});flush();}}customElements.define("goa-page-block",PageBlock);/* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.59.2 */function get_each_context$4(ctx,list,i){const child_ctx=ctx.slice();child_ctx[18]=list[i];child_ctx[20]=i;return child_ctx;}// (66:4) {#if variant === "all"}
|
|
336
|
+
}}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
|
|
337
|
+
$$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
|
|
338
|
+
$$invalidate(4,_contentEl=$$invalidate(5,_scrollEl=$$invalidate(8,_rootEl=$$invalidate(6,_headerEl=null))));window.removeEventListener('keydown',onInputKeyDown);}}if($$self.$$.dirty&/*_isOpen, _scrollEl, _contentEl*/176){if(_isOpen&&_scrollEl&&_contentEl){const hasScroll=_scrollEl.scrollHeight>_scrollEl.offsetHeight;if(hasScroll){_contentEl.classList.add("scroll-top");}}}if($$self.$$.dirty&/*_isOpen, _contentEl, _headerEl*/208){if(_isOpen&&_contentEl){window.addEventListener('keydown',onInputKeyDown);const children=getChildren();if(_headerEl.querySelector("div.modal-title").textContent||_headerEl.querySelector("div.modal-close")||children.length){_headerEl.classList.add("has-content");}}}if($$self.$$.dirty&/*transition*/32768){$$invalidate(11,_transitionTime=transition==="none"?0:transition==="slow"?400:200);}if($$self.$$.dirty&/*calloutvariant*/8){$$invalidate(10,_iconType=calloutvariant==="emergency"?"warning":calloutvariant==="important"?"alert-circle":calloutvariant==="information"?"information-circle":calloutvariant==="success"?"checkmark-circle":calloutvariant==="event"?"calendar":"");}};return [maxwidth,heading,open,calloutvariant,_contentEl,_scrollEl,_headerEl,_isOpen,_rootEl,_isClosable,_iconType,_transitionTime,close,handleScroll,closable,transition,width,header_binding,goa_scrollable_binding,div2_binding,div6_binding];}class Modal extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:var(--goa-space-xl)}.content header{display:flex;justify-content:space-between}.content header.has-content{margin-bottom:var(--goa-space-l)}@media(max-width: 640px){.content{margin:var(--goa-space-l)}.content header.has-content{margin-bottom:var(--goa-space-m)}}.modal-pane{background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}@media(min-width: 640px){.modal-pane{max-width:var(--maxwidth)}}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}@media(max-width: 640px){.modal-actions ::slotted(*){padding:var(--goa-space-l) 0 0}}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font:var(--goa-typography-heading-m)}.modal-close{padding-left:var(--goa-space-m);margin-top:var(--goa-space-2xs)}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$r,create_fragment$u,safe_not_equal,{heading:1,closable:14,open:2,transition:15,calloutvariant:3,maxwidth:0,width:16},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","closable","open","transition","calloutvariant","maxwidth","width"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get closable(){return this.$$.ctx[14];}set closable(closable){this.$$set({closable});flush();}get open(){return this.$$.ctx[2];}set open(open){this.$$set({open});flush();}get transition(){return this.$$.ctx[15];}set transition(transition){this.$$set({transition});flush();}get calloutvariant(){return this.$$.ctx[3];}set calloutvariant(calloutvariant){this.$$set({calloutvariant});flush();}get maxwidth(){return this.$$.ctx[0];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[16];}set width(width){this.$$set({width});flush();}}customElements.define("goa-modal",Modal);/* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.59.2 */function create_if_block$g(ctx){let div4;let div3;let div0;let goa_icon0;let goa_icon0_inverted_value;let t0;let div1;let t1;let div2;let button;let goa_icon1;let goa_icon1_inverted_value;let div4_class_value;let div4_style_value;let div4_transition;let current;let mounted;let dispose;return {c(){div4=element("div");div3=element("div");div0=element("div");goa_icon0=element("goa-icon");t0=space();div1=element("div");div1.innerHTML=`<slot></slot>`;t1=space();div2=element("div");button=element("button");goa_icon1=element("goa-icon");set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(div0,"class","icon");attr(div1,"class","content");set_custom_element_data(goa_icon1,"type","close");set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(button,"class",/*type*/ctx[0]);attr(div2,"class","close");attr(div3,"class","content-container");attr(div3,"role","alert");attr(div3,"aria-live",/*arialive*/ctx[2]);attr(div3,"aria-atomic","true");attr(div4,"class",div4_class_value="notification "+/*type*/ctx[0]);attr(div4,"style",div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`);},m(target,anchor){insert(target,div4,anchor);append(div4,div3);append(div3,div0);append(div0,goa_icon0);append(div3,t0);append(div3,div1);append(div3,t1);append(div3,div2);append(div2,button);append(button,goa_icon1);current=true;if(!mounted){dispose=listen(button,"click",/*close*/ctx[5]);mounted=true;}},p(ctx,dirty){if(!current||dirty&/*iconType*/16){set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);}if(!current||dirty&/*type*/1&&goa_icon0_inverted_value!==(goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value);}if(!current||dirty&/*type*/1&&goa_icon1_inverted_value!==(goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value);}if(!current||dirty&/*type*/1){attr(button,"class",/*type*/ctx[0]);}if(!current||dirty&/*arialive*/4){attr(div3,"aria-live",/*arialive*/ctx[2]);}if(!current||dirty&/*type*/1&&div4_class_value!==(div4_class_value="notification "+/*type*/ctx[0])){attr(div4,"class",div4_class_value);}if(!current||dirty&/*maxcontentwidth*/2&&div4_style_value!==(div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`)){attr(div4,"style",div4_style_value);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},true);div4_transition.run(1);});current=true;},o(local){if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},false);div4_transition.run(0);current=false;},d(detaching){if(detaching)detach(div4);if(detaching&&div4_transition)div4_transition.end();mounted=false;dispose();}};}function create_fragment$t(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$q($$self,$$props,$$invalidate){let iconType;const[Types,validateType]=typeValidator("Notification type",["emergency","important","information","event"],true);const[AriaLiveTypes,validateAriaLiveType]=typeValidator("Aria-Live type",["assertive","off","polite"],true);let{type=""}=$$props;let{maxcontentwidth="100%"}=$$props;let{arialive="polite"}=$$props;let show=true;onMount(()=>{validateAriaLiveType(arialive);setTimeout(()=>validateType(type),1);});function close(e){$$invalidate(3,show=false);e.target.dispatchEvent(new CustomEvent("_dismiss",{composed:true}));e.stopPropagation();}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);if('arialive'in $$props)$$invalidate(2,arialive=$$props.arialive);};$$self.$$.update=()=>{if($$self.$$.dirty&/*type*/1){$$invalidate(4,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="event"?"calendar":"");}};return [type,maxcontentwidth,arialive,show,iconType,close];}class Notification extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:var(--goa-space-l) var(--goa-space-m);display:flex}@media(min-width: 640px){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}@media(min-width: 1024px){.notification{padding:var(--goa-space-l) calc(3 * var(--goa-space-l))}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.information,.event{background-color:var(--goa-color-info-default);color:var(--goa-color-text-light)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:var(--goa-space-m);margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}::slotted(a:focus){outline:auto!important;border-radius:var(--goa-border-radius-m)}.notification.important ::slotted(a:focus){outline:unset!important;box-shadow:0 0 0 3px var(--goa-color-greyscale-black);border-radius:var(--goa-border-radius-m)}.close{flex:0 0 auto}.close button{background-color:transparent;border:none;cursor:pointer;padding:var(--goa-space-2xs);margin:0;outline:none;border-radius:var(--goa-border-radius-m);display:inline-flex}.close button.information:hover,.close button.information:focus,.close button.event:hover,.close button.event:focus{background-color:var(--goa-color-info-dark)}.close button.information:focus,.close button.event:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}.close button.important:hover,.close button.important:focus{background-color:var(--goa-color-warning-dark)}.close button.important:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-black)}.close button.emergency:hover,.close button.emergency:focus{background-color:var(--goa-color-emergency-dark)}.close button.emergency:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$q,create_fragment$t,safe_not_equal,{type:0,maxcontentwidth:1,arialive:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","maxcontentwidth","arialive"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get maxcontentwidth(){return this.$$.ctx[1];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get arialive(){return this.$$.ctx[2];}set arialive(arialive){this.$$set({arialive});flush();}}customElements.define("goa-notification",Notification);const dimensionRegex=/^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;function isValidDimension(value){return dimensionRegex.test(value);}/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.59.2 */function create_fragment$s(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$p($$self,$$props,$$invalidate){const Sizes={"full":"100%"};let{width}=$$props;let{_width}=$$props;function isValidSize(value){if(["full"].includes(width))return true;if(isValidDimension(value))return true;return false;}onMount(()=>{if(!isValidSize(width)){console.error("Invalid PageBlock width");}$$invalidate(0,_width=Sizes[width]||width);});$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(1,width=$$props.width);if('_width'in $$props)$$invalidate(0,_width=$$props._width);};return [_width,width];}class PageBlock extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media(min-width: 640px){.page-content{padding:0 2rem}}@media(min-width: 1024px){.page-content{padding:0 4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$p,create_fragment$s,safe_not_equal,{width:1,_width:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["width","_width"];}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get _width(){return this.$$.ctx[0];}set _width(_width){this.$$set({_width});flush();}}customElements.define("goa-page-block",PageBlock);/* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.59.2 */function get_each_context$4(ctx,list,i){const child_ctx=ctx.slice();child_ctx[18]=list[i];child_ctx[20]=i;return child_ctx;}// (66:4) {#if variant === "all"}
|
|
339
339
|
function create_if_block$f(ctx){let goa_block;let span0;let t1;let input;let t2;let goa_dropdown;let t3;let span1;let t4;let t5;let each_value={length:/*_pageCount*/ctx[8]};let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$4(get_each_context$4(ctx,each_value,i));}return {c(){goa_block=element("goa-block");span0=element("span");span0.textContent="Page";t1=space();input=element("input");t2=space();goa_dropdown=element("goa-dropdown");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}t3=space();span1=element("span");t4=text("of ");t5=text(/*_pageCount*/ctx[8]);attr(input,"type","hidden");set_custom_element_data(goa_dropdown,"value",/*pagenumber*/ctx[0]);set_custom_element_data(goa_dropdown,"width","70px");set_custom_element_data(goa_block,"data-testid","page-selector");set_custom_element_data(goa_block,"alignment","center");set_custom_element_data(goa_block,"gap","s");},m(target,anchor){insert(target,goa_block,anchor);append(goa_block,span0);append(goa_block,t1);append(goa_block,input);/*input_binding*/ctx[12](input);append(goa_block,t2);append(goa_block,goa_dropdown);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(goa_dropdown,null);}}/*goa_dropdown_binding*/ctx[13](goa_dropdown);append(goa_block,t3);append(goa_block,span1);append(span1,t4);append(span1,t5);},p(ctx,dirty){if(dirty&/*_pageCount*/256){each_value={length:/*_pageCount*/ctx[8]};let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$4(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$4(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);}};}// (71:10) {#each {length: _pageCount} as _, i}
|
|
340
340
|
function create_each_block$4(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$r(ctx){let goa_block1;let div;let t0;let goa_block0;let goa_button0;let t1;let goa_button0_disabled_value;let t2;let goa_button1;let t3;let goa_button1_disabled_value;let mounted;let dispose;let if_block=/*variant*/ctx[1]==="all"&&create_if_block$f(ctx);return {c(){goa_block1=element("goa-block");div=element("div");if(if_block)if_block.c();t0=space();goa_block0=element("goa-block");goa_button0=element("goa-button");t1=text("Previous");t2=space();goa_button1=element("goa-button");t3=text("Next");this.c=noop;set_custom_element_data(goa_button0,"type","tertiary");set_custom_element_data(goa_button0,"leadingicon","arrow-back");set_custom_element_data(goa_button0,"disabled",goa_button0_disabled_value=/*pagenumber*/ctx[0]==1?"true":"false");set_custom_element_data(goa_button1,"type","tertiary");set_custom_element_data(goa_button1,"trailingicon","arrow-forward");set_custom_element_data(goa_button1,"disabled",goa_button1_disabled_value=/*pagenumber*/ctx[0]==/*_pageCount*/ctx[8]?"true":"false");set_custom_element_data(goa_block0,"alignment","center");set_custom_element_data(goa_block0,"gap","m");set_custom_element_data(goa_block0,"data-testid","page-links");attr(div,"class","controls");set_custom_element_data(goa_block1,"id","root");set_custom_element_data(goa_block1,"ml",/*ml*/ctx[5]);set_custom_element_data(goa_block1,"mr",/*mr*/ctx[3]);set_custom_element_data(goa_block1,"mb",/*mb*/ctx[4]);set_custom_element_data(goa_block1,"mt",/*mt*/ctx[2]);},m(target,anchor){insert(target,goa_block1,anchor);append(goa_block1,div);if(if_block)if_block.m(div,null);append(div,t0);append(div,goa_block0);append(goa_block0,goa_button0);append(goa_button0,t1);append(goa_block0,t2);append(goa_block0,goa_button1);append(goa_button1,t3);if(!mounted){dispose=[listen(goa_button0,"click",/*click_handler*/ctx[14]),listen(goa_button1,"click",/*click_handler_1*/ctx[15])];mounted=true;}},p(ctx,[dirty]){if(/*variant*/ctx[1]==="all"){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$f(ctx);if_block.c();if_block.m(div,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*pagenumber*/1&&goa_button0_disabled_value!==(goa_button0_disabled_value=/*pagenumber*/ctx[0]==1?"true":"false")){set_custom_element_data(goa_button0,"disabled",goa_button0_disabled_value);}if(dirty&/*pagenumber, _pageCount*/257&&goa_button1_disabled_value!==(goa_button1_disabled_value=/*pagenumber*/ctx[0]==/*_pageCount*/ctx[8]?"true":"false")){set_custom_element_data(goa_button1,"disabled",goa_button1_disabled_value);}if(dirty&/*ml*/32){set_custom_element_data(goa_block1,"ml",/*ml*/ctx[5]);}if(dirty&/*mr*/8){set_custom_element_data(goa_block1,"mr",/*mr*/ctx[3]);}if(dirty&/*mb*/16){set_custom_element_data(goa_block1,"mb",/*mb*/ctx[4]);}if(dirty&/*mt*/4){set_custom_element_data(goa_block1,"mt",/*mt*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(goa_block1);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}function instance$o($$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
|
|
341
341
|
let pageDropdownEl=null;let hiddenEl=null;// needed to allow the inputEl's event to be cancelled
|
|
@@ -1421,6 +1421,7 @@ const GoAFormItem = ({
|
|
|
1421
1421
|
error,
|
|
1422
1422
|
requirement,
|
|
1423
1423
|
label,
|
|
1424
|
+
labelSize,
|
|
1424
1425
|
mt,
|
|
1425
1426
|
mr,
|
|
1426
1427
|
mb,
|
|
@@ -1430,6 +1431,7 @@ const GoAFormItem = ({
|
|
|
1430
1431
|
}) => {
|
|
1431
1432
|
return jsx("goa-form-item", Object.assign({
|
|
1432
1433
|
label: label,
|
|
1434
|
+
labelsize: labelSize,
|
|
1433
1435
|
error: error,
|
|
1434
1436
|
requirement: requirement,
|
|
1435
1437
|
helptext: helpText,
|
|
@@ -1912,21 +1914,27 @@ const GoAMicrositeHeader = ({
|
|
|
1912
1914
|
const GoAModal = ({
|
|
1913
1915
|
heading,
|
|
1914
1916
|
children,
|
|
1917
|
+
maxWidth,
|
|
1915
1918
|
open,
|
|
1916
|
-
width,
|
|
1917
1919
|
actions,
|
|
1918
1920
|
transition,
|
|
1919
1921
|
type,
|
|
1920
1922
|
calloutVariant,
|
|
1921
1923
|
onClose,
|
|
1922
|
-
testId
|
|
1924
|
+
testId,
|
|
1925
|
+
width
|
|
1923
1926
|
}) => {
|
|
1924
|
-
const el = useRef(null);
|
|
1927
|
+
const el = useRef(null); // deprecation
|
|
1928
|
+
|
|
1925
1929
|
useEffect(() => {
|
|
1926
1930
|
if (type) {
|
|
1927
1931
|
console.warn("GoAModal [type] is deprecated.");
|
|
1928
1932
|
}
|
|
1929
|
-
}, [type]);
|
|
1933
|
+
}, [type]); // deprecation
|
|
1934
|
+
|
|
1935
|
+
useEffect(() => {
|
|
1936
|
+
maxWidth = width;
|
|
1937
|
+
}, [width]);
|
|
1930
1938
|
useEffect(() => {
|
|
1931
1939
|
if (!el.current) {
|
|
1932
1940
|
return;
|
|
@@ -1948,7 +1956,7 @@ const GoAModal = ({
|
|
|
1948
1956
|
open: open,
|
|
1949
1957
|
closable: !!onClose,
|
|
1950
1958
|
scrollable: true,
|
|
1951
|
-
|
|
1959
|
+
maxwidth: maxWidth,
|
|
1952
1960
|
transition: transition,
|
|
1953
1961
|
calloutVariant: calloutVariant,
|
|
1954
1962
|
"data-testid": testId
|
package/react-components.umd.js
CHANGED
|
@@ -264,10 +264,10 @@
|
|
|
264
264
|
--wide-display-type: ${/*maxcolumncount*/ctx[1]>1?"block":"flex"};
|
|
265
265
|
--wide-column-count: ${/*maxcolumncount*/ctx[1]};
|
|
266
266
|
`)){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$z($$self,$$props,$$invalidate){let{heading=""}=$$props;let{maxcolumncount=1}=$$props;let rootEl;let children=[];onMount(function(){return _call(tick,function(){// remap slot content
|
|
267
|
-
$$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(min-width: 720px){.links{display:var(--narrow-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--narrow-column-count)}}@media(min-width: 1024px){.links{display:var(--wide-display-type);list-style-type:none;padding-left:0;flex-direction:column;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$z,create_fragment$C,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);/* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.59.2 */function create_if_block_2$9(ctx){let div;let t0;let t1;let show_if=/*requirement*/ctx[
|
|
268
|
-
function create_if_block_3$9(ctx){let em;let t0;let t1;let t2;return {c(){em=element("em");t0=text("(");t1=text(/*requirement*/ctx[
|
|
269
|
-
function create_if_block_1$b(ctx){let div;let goa_icon;let t0;let t1;return {c(){div=element("div");goa_icon=element("goa-icon");t0=space();t1=text(/*error*/ctx[
|
|
270
|
-
function create_if_block$l(ctx){let div;let t;return {c(){div=element("div");t=text(/*helptext*/ctx[
|
|
267
|
+
$$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(min-width: 720px){.links{display:var(--narrow-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--narrow-column-count)}}@media(min-width: 1024px){.links{display:var(--wide-display-type);list-style-type:none;padding-left:0;flex-direction:column;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$z,create_fragment$C,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);/* libs/web-components/src/components/form-item/FormItem.svelte generated by Svelte v3.59.2 */function create_if_block_2$9(ctx){let div;let t0;let t1;let show_if=/*requirement*/ctx[9]&&/*REQUIREMENT_TYPES*/ctx[11].includes(/*requirement*/ctx[9]);let div_class_value;let if_block=show_if&&create_if_block_3$9(ctx);return {c(){div=element("div");t0=text(/*label*/ctx[5]);t1=space();if(if_block)if_block.c();attr(div,"class",div_class_value=`label ${/*labelsize*/ctx[6]}`);attr(div,"id",/*id*/ctx[10]);},m(target,anchor){insert(target,div,anchor);append(div,t0);append(div,t1);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(dirty&/*label*/32)set_data(t0,/*label*/ctx[5]);if(dirty&/*requirement*/512)show_if=/*requirement*/ctx[9]&&/*REQUIREMENT_TYPES*/ctx[11].includes(/*requirement*/ctx[9]);if(show_if){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_3$9(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*labelsize*/64&&div_class_value!==(div_class_value=`label ${/*labelsize*/ctx[6]}`)){attr(div,"class",div_class_value);}if(dirty&/*id*/1024){attr(div,"id",/*id*/ctx[10]);}},d(detaching){if(detaching)detach(div);if(if_block)if_block.d();}};}// (37:6) {#if requirement && REQUIREMENT_TYPES.includes(requirement)}
|
|
268
|
+
function create_if_block_3$9(ctx){let em;let t0;let t1;let t2;return {c(){em=element("em");t0=text("(");t1=text(/*requirement*/ctx[9]);t2=text(")");},m(target,anchor){insert(target,em,anchor);append(em,t0);append(em,t1);append(em,t2);},p(ctx,dirty){if(dirty&/*requirement*/512)set_data(t1,/*requirement*/ctx[9]);},d(detaching){if(detaching)detach(em);}};}// (45:2) {#if error}
|
|
269
|
+
function create_if_block_1$b(ctx){let div;let goa_icon;let t0;let t1;return {c(){div=element("div");goa_icon=element("goa-icon");t0=space();t1=text(/*error*/ctx[8]);set_custom_element_data(goa_icon,"type","warning");set_custom_element_data(goa_icon,"size","small");set_custom_element_data(goa_icon,"theme","filled");set_style(goa_icon,"pointer-events","none");attr(div,"class","error-msg");},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);append(div,t0);append(div,t1);},p(ctx,dirty){if(dirty&/*error*/256)set_data(t1,/*error*/ctx[8]);},d(detaching){if(detaching)detach(div);}};}// (51:2) {#if helptext}
|
|
270
|
+
function create_if_block$l(ctx){let div;let t;return {c(){div=element("div");t=text(/*helptext*/ctx[7]);attr(div,"class","help-msg");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*helptext*/128)set_data(t,/*helptext*/ctx[7]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$B(ctx){let div1;let t0;let div0;let t1;let t2;let div1_style_value;let if_block0=/*label*/ctx[5]&&create_if_block_2$9(ctx);let if_block1=/*error*/ctx[8]&&create_if_block_1$b(ctx);let if_block2=/*helptext*/ctx[7]&&create_if_block$l(ctx);return {c(){div1=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");div0.innerHTML=`<slot></slot>`;t1=space();if(if_block1)if_block1.c();t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","form-item-input");attr(div1,"data-testid",/*testid*/ctx[0]);attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));attr(div1,"class","goa-form-item");},m(target,anchor){insert(target,div1,anchor);if(if_block0)if_block0.m(div1,null);append(div1,t0);append(div1,div0);append(div1,t1);if(if_block1)if_block1.m(div1,null);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*label*/ctx[5]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_2$9(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*error*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$b(ctx);if_block1.c();if_block1.m(div1,t2);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*helptext*/ctx[7]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$l(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*testid*/1){attr(div1,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function instance$y($$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:0.5rem 0}.label.large{font:var(--goa-typography-heading-l)}.label em{color:var(--goa-color-greyscale-700);font-weight:var(--goa-font-weight-regular);font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--goa-font-size-2);color:var(--goa-color-text-default);margin-right:56px}.error-msg{display:inline-flex;gap:0.25rem;font-size:var(--goa-font-size-2);color:var(--goa-color-interactive-error);margin-bottom:0.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$y,create_fragment$B,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);/* libs/web-components/src/components/grid/Grid.svelte generated by Svelte v3.59.2 */function create_fragment$A(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=`
|
|
271
271
|
${calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])}
|
|
272
272
|
--min-child-width: ${/*minchildwidth*/ctx[1]||0};
|
|
273
273
|
gap: var(--goa-space-${/*gap*/ctx[0]})
|
|
@@ -323,21 +323,21 @@
|
|
|
323
323
|
center center no-repeat}`;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,{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);/* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.59.2 */function create_if_block_3$7(ctx){let div;return {c(){div=element("div");div.innerHTML=`An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>`;attr(div,"data-testid","type");attr(div,"class","site-text");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}// (31:4) {#if ["alpha", "beta"].includes(type)}
|
|
324
324
|
function create_if_block_1$8(ctx){let div0;let t0_value=capitalize(/*type*/ctx[0])+"";let t0;let div0_class_value;let t1;let div1;let t2;let a;let t4;let if_block=/*feedbackurl*/ctx[2]&&create_if_block_2$7(ctx);return {c(){div0=element("div");t0=text(t0_value);t1=space();div1=element("div");t2=text("This is a new ");a=element("a");a.textContent="Alberta Government";t4=text(" service\n ");if(if_block)if_block.c();attr(div0,"data-testid","type");attr(div0,"class",div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase());attr(a,"href","https://www.alberta.ca/index.aspx");attr(div1,"data-testid","site-text");attr(div1,"class","site-text");},m(target,anchor){insert(target,div0,anchor);append(div0,t0);insert(target,t1,anchor);insert(target,div1,anchor);append(div1,t2);append(div1,a);append(div1,t4);if(if_block)if_block.m(div1,null);},p(ctx,dirty){if(dirty&/*type*/1&&t0_value!==(t0_value=capitalize(/*type*/ctx[0])+""))set_data(t0,t0_value);if(dirty&/*type*/1&&div0_class_value!==(div0_class_value="service-type service-type--"+/*type*/ctx[0].toLowerCase())){attr(div0,"class",div0_class_value);}if(/*feedbackurl*/ctx[2]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$7(ctx);if_block.c();if_block.m(div1,null);}}else if(if_block){if_block.d(1);if_block=null;}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t1);if(detaching)detach(div1);if(if_block)if_block.d();}};}// (40:8) {#if feedbackurl}
|
|
325
325
|
function create_if_block_2$7(ctx){let span;let t0;let a;let t1;return {c(){span=element("span");t0=text("— help us improve it by giving ");a=element("a");t1=text("feedback");attr(a,"href",/*feedbackurl*/ctx[2]);attr(span,"data-testid","feedback");},m(target,anchor){insert(target,span,anchor);append(span,t0);append(span,a);append(a,t1);},p(ctx,dirty){if(dirty&/*feedbackurl*/4){attr(a,"href",/*feedbackurl*/ctx[2]);}},d(detaching){if(detaching)detach(span);}};}// (46:4) {#if version}
|
|
326
|
-
function create_if_block$i(ctx){let div;let t;return {c(){div=element("div");t=text(/*version*/ctx[1]);attr(div,"data-testid","version");attr(div,"class","version");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*version*/2)set_data(t,/*version*/ctx[1]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$v(ctx){let header;let div1;let t0;let show_if=["alpha","beta"].includes(/*type*/ctx[0]);let t1;let div0;let t2;let header_style_value;let if_block0=/*type*/ctx[0]==="live"&&create_if_block_3$7();let if_block1=show_if&&create_if_block_1$8(ctx);let if_block2=/*version*/ctx[1]&&create_if_block$i(ctx);return {c(){header=element("header");div1=element("div");if(if_block0)if_block0.c();t0=space();if(if_block1)if_block1.c();t1=space();div0=element("div");t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","spacer");attr(div1,"class","content-container");attr(header,"class","goa-official-site-header");attr(header,"style",header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`);},m(target,anchor){insert(target,header,anchor);append(header,div1);if(if_block0)if_block0.m(div1,null);append(div1,t0);if(if_block1)if_block1.m(div1,null);append(div1,t1);append(div1,div0);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*type*/ctx[0]==="live"){if(if_block0);else {if_block0=create_if_block_3$7();if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*type*/1)show_if=["alpha","beta"].includes(/*type*/ctx[0]);if(show_if){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$8(ctx);if_block1.c();if_block1.m(div1,t1);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*version*/ctx[1]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$i(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*maxcontentwidth*/8&&header_style_value!==(header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`)){attr(header,"style",header_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(header);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function capitalize(val){if(!val||val&&val.length===0)return "";return val[0].toUpperCase()+val.slice(1);}function instance$s($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Microsite header type",["live","alpha","beta"],true);let{type}=$$props;let{version=""}=$$props;let{feedbackurl=""}=$$props;let{maxcontentwidth="100%"}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('version'in $$props)$$invalidate(1,version=$$props.version);if('feedbackurl'in $$props)$$invalidate(2,feedbackurl=$$props.feedbackurl);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);};return [type,version,feedbackurl,maxcontentwidth];}class MicrositeHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);padding:0.5rem 1rem}.content-container{display:flex;align-items:start;justify-content:space-between;max-width:min(var(--max-content-width), 100%);margin:0 auto}@media(min-width: 640px){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}@media(min-width: 1024px){.goa-official-site-header{padding:0.25rem 4.5rem}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$s,create_fragment$v,safe_not_equal,{type:0,version:1,feedbackurl:2,maxcontentwidth:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","version","feedbackurl","maxcontentwidth"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get version(){return this.$$.ctx[1];}set version(version){this.$$set({version});flush();}get feedbackurl(){return this.$$.ctx[2];}set feedbackurl(feedbackurl){this.$$set({feedbackurl});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-microsite-header",MicrositeHeader);/* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$h(ctx){let goa_focus_trap;let div6;let div0;let t0;let div5;let t1;let div4;let header;let div1;let t2;let t3;let div2;let goa_scrollable;let t4;let div3;let div5_intro;let div5_outro;let div6_style_value;let noscroll_action;let div6_intro;let div6_outro;let current;let mounted;let dispose;let if_block0=/*calloutvariant*/ctx[3]!==null&&create_if_block_3$6(ctx);function select_block_type(ctx,dirty){if(/*heading*/ctx[0])return create_if_block_2$6;return create_else_block$8;}let current_block_type=select_block_type(ctx);let if_block1=current_block_type(ctx);let if_block2=/*_isClosable*/ctx[9]&&create_if_block_1$7(ctx);return {c(){goa_focus_trap=element("goa-focus-trap");div6=element("div");div0=element("div");t0=space();div5=element("div");if(if_block0)if_block0.c();t1=space();div4=element("div");header=element("header");div1=element("div");if_block1.c();t2=space();if(if_block2)if_block2.c();t3=space();div2=element("div");goa_scrollable=element("goa-scrollable");goa_scrollable.innerHTML=`<slot></slot>`;t4=space();div3=element("div");div3.innerHTML=`<slot name="actions"></slot>`;attr(div0,"data-testid","modal-overlay");attr(div0,"class","modal-overlay");attr(div1,"data-testid","modal-title");attr(div1,"class","modal-title");set_custom_element_data(goa_scrollable,"direction","vertical");set_custom_element_data(goa_scrollable,"hpadding","1.9rem");set_custom_element_data(goa_scrollable,"maxheight","70vh");attr(div2,"data-testid","modal-content");attr(div2,"class","modal-content");attr(div3,"class","modal-actions");attr(div3,"data-testid","modal-actions");attr(div4,"class","content");attr(div5,"class","modal-pane");attr(div6,"data-testid","modal");attr(div6,"class","modal");attr(div6,"style",div6_style_value=/*width*/ctx[2]&&`--width: ${/*width*/ctx[2]};`);set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[1]);},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[16](header);append(div4,t3);append(div4,div2);append(div2,goa_scrollable);/*goa_scrollable_binding*/ctx[17](goa_scrollable);/*div2_binding*/ctx[18](div2);append(div4,t4);append(div4,div3);/*div6_binding*/ctx[19](div6);current=true;if(!mounted){dispose=[listen(div0,"click",/*close*/ctx[12]),listen(goa_scrollable,"_scroll",/*handleScroll*/ctx[13]),action_destroyer(noscroll_action=noscroll.call(null,div6,{enable:/*_isOpen*/ctx[7]}))];mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(/*calloutvariant*/ctx[3]!==null){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3$6(ctx);if_block0.c();if_block0.m(div5,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block1){if_block1.p(ctx,dirty);}else {if_block1.d(1);if_block1=current_block_type(ctx);if(if_block1){if_block1.c();if_block1.m(div1,null);}}if(/*_isClosable*/ctx[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_1$7(ctx);if_block2.c();if_block2.m(header,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(!current||dirty&/*width*/4&&div6_style_value!==(div6_style_value=/*width*/ctx[2]&&`--width: ${/*width*/ctx[2]};`)){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*/2){set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[1]);}},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[16](null);/*goa_scrollable_binding*/ctx[17](null);/*div2_binding*/ctx[18](null);if(detaching&&div5_outro)div5_outro.end();/*div6_binding*/ctx[19](null);if(detaching&&div6_outro)div6_outro.end();mounted=false;run_all(dispose);}};}// (137:8) {#if calloutvariant !== null}
|
|
327
|
-
function create_if_block_3$6(ctx){let div;let goa_icon;let goa_icon_inverted_value;let div_class_value;return {c(){div=element("div");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[10]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true");attr(div,"class",div_class_value="callout-bar "+/*calloutvariant*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);},p(ctx,dirty){if(dirty&/*_iconType*/1024){set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[10]);}if(dirty&/*calloutvariant*/8&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*calloutvariant*/8&&div_class_value!==(div_class_value="callout-bar "+/*calloutvariant*/ctx[3])){attr(div,"class",div_class_value);}},d(detaching){if(detaching)detach(div);}};}// (
|
|
328
|
-
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);}};}// (
|
|
329
|
-
function create_if_block_2$6(ctx){let t;return {c(){t=text(/*heading*/ctx[
|
|
330
|
-
function create_if_block_1$7(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$u(ctx){let if_block_anchor;let current;let if_block=/*_isOpen*/ctx[7]&&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(/*_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$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$r($$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{
|
|
326
|
+
function create_if_block$i(ctx){let div;let t;return {c(){div=element("div");t=text(/*version*/ctx[1]);attr(div,"data-testid","version");attr(div,"class","version");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*version*/2)set_data(t,/*version*/ctx[1]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$v(ctx){let header;let div1;let t0;let show_if=["alpha","beta"].includes(/*type*/ctx[0]);let t1;let div0;let t2;let header_style_value;let if_block0=/*type*/ctx[0]==="live"&&create_if_block_3$7();let if_block1=show_if&&create_if_block_1$8(ctx);let if_block2=/*version*/ctx[1]&&create_if_block$i(ctx);return {c(){header=element("header");div1=element("div");if(if_block0)if_block0.c();t0=space();if(if_block1)if_block1.c();t1=space();div0=element("div");t2=space();if(if_block2)if_block2.c();this.c=noop;attr(div0,"class","spacer");attr(div1,"class","content-container");attr(header,"class","goa-official-site-header");attr(header,"style",header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`);},m(target,anchor){insert(target,header,anchor);append(header,div1);if(if_block0)if_block0.m(div1,null);append(div1,t0);if(if_block1)if_block1.m(div1,null);append(div1,t1);append(div1,div0);append(div1,t2);if(if_block2)if_block2.m(div1,null);},p(ctx,[dirty]){if(/*type*/ctx[0]==="live"){if(if_block0);else {if_block0=create_if_block_3$7();if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*type*/1)show_if=["alpha","beta"].includes(/*type*/ctx[0]);if(show_if){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$8(ctx);if_block1.c();if_block1.m(div1,t1);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*version*/ctx[1]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block$i(ctx);if_block2.c();if_block2.m(div1,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(dirty&/*maxcontentwidth*/8&&header_style_value!==(header_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]}`)){attr(header,"style",header_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(header);if(if_block0)if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();}};}function capitalize(val){if(!val||val&&val.length===0)return "";return val[0].toUpperCase()+val.slice(1);}function instance$s($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Microsite header type",["live","alpha","beta"],true);let{type}=$$props;let{version=""}=$$props;let{feedbackurl=""}=$$props;let{maxcontentwidth="100%"}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('version'in $$props)$$invalidate(1,version=$$props.version);if('feedbackurl'in $$props)$$invalidate(2,feedbackurl=$$props.feedbackurl);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);};return [type,version,feedbackurl,maxcontentwidth];}class MicrositeHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);padding:0.5rem 1rem}.content-container{display:flex;align-items:start;justify-content:space-between;max-width:min(var(--max-content-width), 100%);margin:0 auto}@media(min-width: 640px){.goa-official-site-header{padding:0.25rem 2rem}.content-container{align-items:center}}@media(min-width: 1024px){.goa-official-site-header{padding:0.25rem 4.5rem}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$s,create_fragment$v,safe_not_equal,{type:0,version:1,feedbackurl:2,maxcontentwidth:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","version","feedbackurl","maxcontentwidth"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get version(){return this.$$.ctx[1];}set version(version){this.$$set({version});flush();}get feedbackurl(){return this.$$.ctx[2];}set feedbackurl(feedbackurl){this.$$set({feedbackurl});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-microsite-header",MicrositeHeader);/* libs/web-components/src/components/modal/Modal.svelte generated by Svelte v3.59.2 */function create_if_block$h(ctx){let goa_focus_trap;let div6;let div0;let t0;let div5;let t1;let div4;let header;let div1;let t2;let t3;let div2;let goa_scrollable;let t4;let div3;let div5_intro;let div5_outro;let div6_style_value;let noscroll_action;let div6_intro;let div6_outro;let current;let mounted;let dispose;let if_block0=/*calloutvariant*/ctx[3]!==null&&create_if_block_3$6(ctx);function select_block_type(ctx,dirty){if(/*heading*/ctx[1])return create_if_block_2$6;return create_else_block$8;}let current_block_type=select_block_type(ctx);let if_block1=current_block_type(ctx);let if_block2=/*_isClosable*/ctx[9]&&create_if_block_1$7(ctx);return {c(){goa_focus_trap=element("goa-focus-trap");div6=element("div");div0=element("div");t0=space();div5=element("div");if(if_block0)if_block0.c();t1=space();div4=element("div");header=element("header");div1=element("div");if_block1.c();t2=space();if(if_block2)if_block2.c();t3=space();div2=element("div");goa_scrollable=element("goa-scrollable");goa_scrollable.innerHTML=`<slot></slot>`;t4=space();div3=element("div");div3.innerHTML=`<slot name="actions"></slot>`;attr(div0,"data-testid","modal-overlay");attr(div0,"class","modal-overlay");attr(div1,"data-testid","modal-title");attr(div1,"class","modal-title");set_custom_element_data(goa_scrollable,"direction","vertical");set_custom_element_data(goa_scrollable,"hpadding","1.9rem");set_custom_element_data(goa_scrollable,"maxheight","70vh");attr(div2,"data-testid","modal-content");attr(div2,"class","modal-content");attr(div3,"class","modal-actions");attr(div3,"data-testid","modal-actions");attr(div4,"class","content");attr(div5,"class","modal-pane");attr(div6,"data-testid","modal");attr(div6,"class","modal");attr(div6,"style",div6_style_value=`--maxwidth: ${/*maxwidth*/ctx[0]};`);set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[2]);},m(target,anchor){insert(target,goa_focus_trap,anchor);append(goa_focus_trap,div6);append(div6,div0);append(div6,t0);append(div6,div5);if(if_block0)if_block0.m(div5,null);append(div5,t1);append(div5,div4);append(div4,header);append(header,div1);if_block1.m(div1,null);append(header,t2);if(if_block2)if_block2.m(header,null);/*header_binding*/ctx[17](header);append(div4,t3);append(div4,div2);append(div2,goa_scrollable);/*goa_scrollable_binding*/ctx[18](goa_scrollable);/*div2_binding*/ctx[19](div2);append(div4,t4);append(div4,div3);/*div6_binding*/ctx[20](div6);current=true;if(!mounted){dispose=[listen(div0,"click",/*close*/ctx[12]),listen(goa_scrollable,"_scroll",/*handleScroll*/ctx[13]),action_destroyer(noscroll_action=noscroll.call(null,div6,{enable:/*_isOpen*/ctx[7]}))];mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(/*calloutvariant*/ctx[3]!==null){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3$6(ctx);if_block0.c();if_block0.m(div5,t1);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block1){if_block1.p(ctx,dirty);}else {if_block1.d(1);if_block1=current_block_type(ctx);if(if_block1){if_block1.c();if_block1.m(div1,null);}}if(/*_isClosable*/ctx[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_1$7(ctx);if_block2.c();if_block2.m(header,null);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(!current||dirty&/*maxwidth*/1&&div6_style_value!==(div6_style_value=`--maxwidth: ${/*maxwidth*/ctx[0]};`)){attr(div6,"style",div6_style_value);}if(noscroll_action&&is_function(noscroll_action.update)&&dirty&/*_isOpen*/128)noscroll_action.update.call(null,{enable:/*_isOpen*/ctx[7]});if(!current||dirty&/*open*/4){set_custom_element_data(goa_focus_trap,"open",/*open*/ctx[2]);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(div5_outro)div5_outro.end(1);div5_intro=create_in_transition(div5,fly,{duration:/*_transitionTime*/ctx[11],y:200});div5_intro.start();});add_render_callback(()=>{if(!current)return;if(div6_outro)div6_outro.end(1);div6_intro=create_in_transition(div6,fade,{duration:/*_transitionTime*/ctx[11]});div6_intro.start();});current=true;},o(local){if(div5_intro)div5_intro.invalidate();div5_outro=create_out_transition(div5,fly,{delay:/*_transitionTime*/ctx[11],duration:/*_transitionTime*/ctx[11],y:-100});if(div6_intro)div6_intro.invalidate();div6_outro=create_out_transition(div6,fade,{delay:/*_transitionTime*/ctx[11],duration:/*_transitionTime*/ctx[11]});current=false;},d(detaching){if(detaching)detach(goa_focus_trap);if(if_block0)if_block0.d();if_block1.d();if(if_block2)if_block2.d();/*header_binding*/ctx[17](null);/*goa_scrollable_binding*/ctx[18](null);/*div2_binding*/ctx[19](null);if(detaching&&div5_outro)div5_outro.end();/*div6_binding*/ctx[20](null);if(detaching&&div6_outro)div6_outro.end();mounted=false;run_all(dispose);}};}// (143:8) {#if calloutvariant !== null}
|
|
327
|
+
function create_if_block_3$6(ctx){let div;let goa_icon;let goa_icon_inverted_value;let div_class_value;return {c(){div=element("div");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[10]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true");attr(div,"class",div_class_value="callout-bar "+/*calloutvariant*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,goa_icon);},p(ctx,dirty){if(dirty&/*_iconType*/1024){set_custom_element_data(goa_icon,"type",/*_iconType*/ctx[10]);}if(dirty&/*calloutvariant*/8&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*calloutvariant*/ctx[3]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*calloutvariant*/8&&div_class_value!==(div_class_value="callout-bar "+/*calloutvariant*/ctx[3])){attr(div,"class",div_class_value);}},d(detaching){if(detaching)detach(div);}};}// (156:14) {:else}
|
|
328
|
+
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}
|
|
329
|
+
function create_if_block_2$6(ctx){let t;return {c(){t=text(/*heading*/ctx[1]);},m(target,anchor){insert(target,t,anchor);},p(ctx,dirty){if(dirty&/*heading*/2)set_data(t,/*heading*/ctx[1]);},d(detaching){if(detaching)detach(t);}};}// (160:12) {#if _isClosable}
|
|
330
|
+
function create_if_block_1$7(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$u(ctx){let if_block_anchor;let current;let if_block=/*_isOpen*/ctx[7]&&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(/*_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$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$r($$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
|
|
331
331
|
let _rootEl=null;let _contentEl=null;let _scrollEl=null;let _headerEl=null;// Type verification
|
|
332
332
|
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
|
|
333
333
|
// reference to allow for creation of the @keyframes for the in:fade and out:fade transitions.
|
|
334
334
|
// DDIDS-1288
|
|
335
335
|
let _isOpen=false;// Hooks
|
|
336
|
-
onMount(function(){return _call(tick,function(){validateCalloutVariant(calloutvariant);validateTransition(transition);});});// Functions
|
|
336
|
+
onMount(function(){return _call(tick,function(){validateCalloutVariant(calloutvariant);validateTransition(transition);if(width){$$invalidate(0,maxwidth=width);console.warn("`width` is deprecated. Please use `maxwidth` instead.");}});});// Functions
|
|
337
337
|
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
|
|
338
|
-
}}function header_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_headerEl=$$value;($$invalidate(6,_headerEl),$$invalidate(7,_isOpen)),$$invalidate(
|
|
339
|
-
$$invalidate(9,_isClosable=toBoolean(closable));}if($$self.$$.dirty&/*open*/
|
|
340
|
-
$$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 [heading,open,width,calloutvariant,_contentEl,_scrollEl,_headerEl,_isOpen,_rootEl,_isClosable,_iconType,_transitionTime,close,handleScroll,closable,transition,header_binding,goa_scrollable_binding,div2_binding,div6_binding];}class Modal extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:var(--goa-space-xl)}.content header{display:flex;justify-content:space-between}.content header.has-content{margin-bottom:var(--goa-space-l)}@media(max-width: 640px){.content{margin:var(--goa-space-l)}.content header.has-content{margin-bottom:var(--goa-space-m)}}.modal-pane{background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}@media(min-width: 640px){.modal-pane{width:var(--width, 60ch)}}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}@media(max-width: 640px){.modal-actions ::slotted(*){padding:var(--goa-space-l) 0 0}}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font:var(--goa-typography-heading-m)}.modal-close{padding-left:var(--goa-space-m);margin-top:var(--goa-space-2xs)}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$r,create_fragment$u,safe_not_equal,{heading:0,closable:14,open:1,transition:15,width:2,calloutvariant: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","closable","open","transition","width","calloutvariant"];}get heading(){return this.$$.ctx[0];}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[1];}set open(open){this.$$set({open});flush();}get transition(){return this.$$.ctx[15];}set transition(transition){this.$$set({transition});flush();}get width(){return this.$$.ctx[2];}set width(width){this.$$set({width});flush();}get calloutvariant(){return this.$$.ctx[3];}set calloutvariant(calloutvariant){this.$$set({calloutvariant});flush();}}customElements.define("goa-modal",Modal);/* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.59.2 */function create_if_block$g(ctx){let div4;let div3;let div0;let goa_icon0;let goa_icon0_inverted_value;let t0;let div1;let t1;let div2;let button;let goa_icon1;let goa_icon1_inverted_value;let div4_class_value;let div4_style_value;let div4_transition;let current;let mounted;let dispose;return {c(){div4=element("div");div3=element("div");div0=element("div");goa_icon0=element("goa-icon");t0=space();div1=element("div");div1.innerHTML=`<slot></slot>`;t1=space();div2=element("div");button=element("button");goa_icon1=element("goa-icon");set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(div0,"class","icon");attr(div1,"class","content");set_custom_element_data(goa_icon1,"type","close");set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(button,"class",/*type*/ctx[0]);attr(div2,"class","close");attr(div3,"class","content-container");attr(div3,"role","alert");attr(div3,"aria-live",/*arialive*/ctx[2]);attr(div3,"aria-atomic","true");attr(div4,"class",div4_class_value="notification "+/*type*/ctx[0]);attr(div4,"style",div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`);},m(target,anchor){insert(target,div4,anchor);append(div4,div3);append(div3,div0);append(div0,goa_icon0);append(div3,t0);append(div3,div1);append(div3,t1);append(div3,div2);append(div2,button);append(button,goa_icon1);current=true;if(!mounted){dispose=listen(button,"click",/*close*/ctx[5]);mounted=true;}},p(ctx,dirty){if(!current||dirty&/*iconType*/16){set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);}if(!current||dirty&/*type*/1&&goa_icon0_inverted_value!==(goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value);}if(!current||dirty&/*type*/1&&goa_icon1_inverted_value!==(goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value);}if(!current||dirty&/*type*/1){attr(button,"class",/*type*/ctx[0]);}if(!current||dirty&/*arialive*/4){attr(div3,"aria-live",/*arialive*/ctx[2]);}if(!current||dirty&/*type*/1&&div4_class_value!==(div4_class_value="notification "+/*type*/ctx[0])){attr(div4,"class",div4_class_value);}if(!current||dirty&/*maxcontentwidth*/2&&div4_style_value!==(div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`)){attr(div4,"style",div4_style_value);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},true);div4_transition.run(1);});current=true;},o(local){if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},false);div4_transition.run(0);current=false;},d(detaching){if(detaching)detach(div4);if(detaching&&div4_transition)div4_transition.end();mounted=false;dispose();}};}function create_fragment$t(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$q($$self,$$props,$$invalidate){let iconType;const[Types,validateType]=typeValidator("Notification type",["emergency","important","information","event"],true);const[AriaLiveTypes,validateAriaLiveType]=typeValidator("Aria-Live type",["assertive","off","polite"],true);let{type=""}=$$props;let{maxcontentwidth="100%"}=$$props;let{arialive="polite"}=$$props;let show=true;onMount(()=>{validateAriaLiveType(arialive);setTimeout(()=>validateType(type),1);});function close(e){$$invalidate(3,show=false);e.target.dispatchEvent(new CustomEvent("_dismiss",{composed:true}));e.stopPropagation();}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);if('arialive'in $$props)$$invalidate(2,arialive=$$props.arialive);};$$self.$$.update=()=>{if($$self.$$.dirty&/*type*/1){$$invalidate(4,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="event"?"calendar":"");}};return [type,maxcontentwidth,arialive,show,iconType,close];}class Notification extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:var(--goa-space-l) var(--goa-space-m);display:flex}@media(min-width: 640px){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}@media(min-width: 1024px){.notification{padding:var(--goa-space-l) calc(3 * var(--goa-space-l))}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.information,.event{background-color:var(--goa-color-info-default);color:var(--goa-color-text-light)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:var(--goa-space-m);margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}::slotted(a:focus){outline:auto!important;border-radius:var(--goa-border-radius-m)}.notification.important ::slotted(a:focus){outline:unset!important;box-shadow:0 0 0 3px var(--goa-color-greyscale-black);border-radius:var(--goa-border-radius-m)}.close{flex:0 0 auto}.close button{background-color:transparent;border:none;cursor:pointer;padding:var(--goa-space-2xs);margin:0;outline:none;border-radius:var(--goa-border-radius-m);display:inline-flex}.close button.information:hover,.close button.information:focus,.close button.event:hover,.close button.event:focus{background-color:var(--goa-color-info-dark)}.close button.information:focus,.close button.event:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}.close button.important:hover,.close button.important:focus{background-color:var(--goa-color-warning-dark)}.close button.important:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-black)}.close button.emergency:hover,.close button.emergency:focus{background-color:var(--goa-color-emergency-dark)}.close button.emergency:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$q,create_fragment$t,safe_not_equal,{type:0,maxcontentwidth:1,arialive:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","maxcontentwidth","arialive"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get maxcontentwidth(){return this.$$.ctx[1];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get arialive(){return this.$$.ctx[2];}set arialive(arialive){this.$$set({arialive});flush();}}customElements.define("goa-notification",Notification);const dimensionRegex=/^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;function isValidDimension(value){return dimensionRegex.test(value);}/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.59.2 */function create_fragment$s(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$p($$self,$$props,$$invalidate){const Sizes={"full":"100%"};let{width}=$$props;let{_width}=$$props;function isValidSize(value){if(["full"].includes(width))return true;if(isValidDimension(value))return true;return false;}onMount(()=>{if(!isValidSize(width)){console.error("Invalid PageBlock width");}$$invalidate(0,_width=Sizes[width]||width);});$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(1,width=$$props.width);if('_width'in $$props)$$invalidate(0,_width=$$props._width);};return [_width,width];}class PageBlock extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media(min-width: 640px){.page-content{padding:0 2rem}}@media(min-width: 1024px){.page-content{padding:0 4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$p,create_fragment$s,safe_not_equal,{width:1,_width:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["width","_width"];}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get _width(){return this.$$.ctx[0];}set _width(_width){this.$$set({_width});flush();}}customElements.define("goa-page-block",PageBlock);/* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.59.2 */function get_each_context$4(ctx,list,i){const child_ctx=ctx.slice();child_ctx[18]=list[i];child_ctx[20]=i;return child_ctx;}// (66:4) {#if variant === "all"}
|
|
338
|
+
}}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
|
|
339
|
+
$$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
|
|
340
|
+
$$invalidate(4,_contentEl=$$invalidate(5,_scrollEl=$$invalidate(8,_rootEl=$$invalidate(6,_headerEl=null))));window.removeEventListener('keydown',onInputKeyDown);}}if($$self.$$.dirty&/*_isOpen, _scrollEl, _contentEl*/176){if(_isOpen&&_scrollEl&&_contentEl){const hasScroll=_scrollEl.scrollHeight>_scrollEl.offsetHeight;if(hasScroll){_contentEl.classList.add("scroll-top");}}}if($$self.$$.dirty&/*_isOpen, _contentEl, _headerEl*/208){if(_isOpen&&_contentEl){window.addEventListener('keydown',onInputKeyDown);const children=getChildren();if(_headerEl.querySelector("div.modal-title").textContent||_headerEl.querySelector("div.modal-close")||children.length){_headerEl.classList.add("has-content");}}}if($$self.$$.dirty&/*transition*/32768){$$invalidate(11,_transitionTime=transition==="none"?0:transition==="slow"?400:200);}if($$self.$$.dirty&/*calloutvariant*/8){$$invalidate(10,_iconType=calloutvariant==="emergency"?"warning":calloutvariant==="important"?"alert-circle":calloutvariant==="information"?"information-circle":calloutvariant==="success"?"checkmark-circle":calloutvariant==="event"?"calendar":"");}};return [maxwidth,heading,open,calloutvariant,_contentEl,_scrollEl,_headerEl,_isOpen,_rootEl,_isClosable,_iconType,_transitionTime,close,handleScroll,closable,transition,width,header_binding,goa_scrollable_binding,div2_binding,div6_binding];}class Modal extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}:host *{box-sizing:border-box}.modal{font-family:var(--goa-font-family-sans);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;z-index:100}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);z-index:1000}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.callout-bar{flex:0 0 3rem;text-align:center;padding-top:2rem;border-radius:4px 0px 0px 4px}.content{flex:1 1 auto;width:100%;margin:var(--goa-space-xl)}.content header{display:flex;justify-content:space-between}.content header.has-content{margin-bottom:var(--goa-space-l)}@media(max-width: 640px){.content{margin:var(--goa-space-l)}.content header.has-content{margin-bottom:var(--goa-space-m)}}.modal-pane{background-color:#fff;z-index:1001;width:90%;display:flex;box-shadow:var(--goa-shadow-modal);border-radius:4px;border:1px solid var(--goa-color-greyscale-700)}@media(min-width: 640px){.modal-pane{max-width:var(--maxwidth)}}.modal-actions ::slotted(*){padding:var(--goa-space-xl) 0 0}@media(max-width: 640px){.modal-actions ::slotted(*){padding:var(--goa-space-l) 0 0}}.modal-content{margin:0 -2rem;line-height:1.75rem}.modal-content ::slotted(:last-child){margin-bottom:0 !important}.modal-title{font:var(--goa-typography-heading-m)}.modal-close{padding-left:var(--goa-space-m);margin-top:var(--goa-space-2xs)}.scroll-top{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-middle{box-shadow:inset 0px -8px 6px -6px rgba(0, 0, 0, 0.1), inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}.scroll-bottom{box-shadow:inset 0px 8px 6px -6px rgba(0, 0, 0, 0.1)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$r,create_fragment$u,safe_not_equal,{heading:1,closable:14,open:2,transition:15,calloutvariant:3,maxwidth:0,width:16},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","closable","open","transition","calloutvariant","maxwidth","width"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get closable(){return this.$$.ctx[14];}set closable(closable){this.$$set({closable});flush();}get open(){return this.$$.ctx[2];}set open(open){this.$$set({open});flush();}get transition(){return this.$$.ctx[15];}set transition(transition){this.$$set({transition});flush();}get calloutvariant(){return this.$$.ctx[3];}set calloutvariant(calloutvariant){this.$$set({calloutvariant});flush();}get maxwidth(){return this.$$.ctx[0];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[16];}set width(width){this.$$set({width});flush();}}customElements.define("goa-modal",Modal);/* libs/web-components/src/components/notification/Notification.svelte generated by Svelte v3.59.2 */function create_if_block$g(ctx){let div4;let div3;let div0;let goa_icon0;let goa_icon0_inverted_value;let t0;let div1;let t1;let div2;let button;let goa_icon1;let goa_icon1_inverted_value;let div4_class_value;let div4_style_value;let div4_transition;let current;let mounted;let dispose;return {c(){div4=element("div");div3=element("div");div0=element("div");goa_icon0=element("goa-icon");t0=space();div1=element("div");div1.innerHTML=`<slot></slot>`;t1=space();div2=element("div");button=element("button");goa_icon1=element("goa-icon");set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(div0,"class","icon");attr(div1,"class","content");set_custom_element_data(goa_icon1,"type","close");set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true");attr(button,"class",/*type*/ctx[0]);attr(div2,"class","close");attr(div3,"class","content-container");attr(div3,"role","alert");attr(div3,"aria-live",/*arialive*/ctx[2]);attr(div3,"aria-atomic","true");attr(div4,"class",div4_class_value="notification "+/*type*/ctx[0]);attr(div4,"style",div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`);},m(target,anchor){insert(target,div4,anchor);append(div4,div3);append(div3,div0);append(div0,goa_icon0);append(div3,t0);append(div3,div1);append(div3,t1);append(div3,div2);append(div2,button);append(button,goa_icon1);current=true;if(!mounted){dispose=listen(button,"click",/*close*/ctx[5]);mounted=true;}},p(ctx,dirty){if(!current||dirty&/*iconType*/16){set_custom_element_data(goa_icon0,"type",/*iconType*/ctx[4]);}if(!current||dirty&/*type*/1&&goa_icon0_inverted_value!==(goa_icon0_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon0,"inverted",goa_icon0_inverted_value);}if(!current||dirty&/*type*/1&&goa_icon1_inverted_value!==(goa_icon1_inverted_value=/*type*/ctx[0]==="important"?"false":"true")){set_custom_element_data(goa_icon1,"inverted",goa_icon1_inverted_value);}if(!current||dirty&/*type*/1){attr(button,"class",/*type*/ctx[0]);}if(!current||dirty&/*arialive*/4){attr(div3,"aria-live",/*arialive*/ctx[2]);}if(!current||dirty&/*type*/1&&div4_class_value!==(div4_class_value="notification "+/*type*/ctx[0])){attr(div4,"class",div4_class_value);}if(!current||dirty&/*maxcontentwidth*/2&&div4_style_value!==(div4_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[1]}`)){attr(div4,"style",div4_style_value);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},true);div4_transition.run(1);});current=true;},o(local){if(!div4_transition)div4_transition=create_bidirectional_transition(div4,fade,{},false);div4_transition.run(0);current=false;},d(detaching){if(detaching)detach(div4);if(detaching&&div4_transition)div4_transition.end();mounted=false;dispose();}};}function create_fragment$t(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$q($$self,$$props,$$invalidate){let iconType;const[Types,validateType]=typeValidator("Notification type",["emergency","important","information","event"],true);const[AriaLiveTypes,validateAriaLiveType]=typeValidator("Aria-Live type",["assertive","off","polite"],true);let{type=""}=$$props;let{maxcontentwidth="100%"}=$$props;let{arialive="polite"}=$$props;let show=true;onMount(()=>{validateAriaLiveType(arialive);setTimeout(()=>validateType(type),1);});function close(e){$$invalidate(3,show=false);e.target.dispatchEvent(new CustomEvent("_dismiss",{composed:true}));e.stopPropagation();}$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);if('arialive'in $$props)$$invalidate(2,arialive=$$props.arialive);};$$self.$$.update=()=>{if($$self.$$.dirty&/*type*/1){$$invalidate(4,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="event"?"calendar":"");}};return [type,maxcontentwidth,arialive,show,iconType,close];}class Notification extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{padding:var(--goa-space-l) var(--goa-space-m);display:flex}@media(min-width: 640px){.notification{padding:var(--goa-space-l) var(--goa-space-xl)}}@media(min-width: 1024px){.notification{padding:var(--goa-space-l) calc(3 * var(--goa-space-l))}}.emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.information,.event{background-color:var(--goa-color-info-default);color:var(--goa-color-text-light)}.icon{flex:0 0 auto}.content-container{display:flex;flex-direction:row;flex:1 1 auto;gap:var(--goa-space-m);margin:0 auto;max-width:min(var(--max-content-width), 100%)}.content{flex:1 1 auto}::slotted(a){color:unset !important;outline:unset !important}::slotted(a:focus){outline:auto!important;border-radius:var(--goa-border-radius-m)}.notification.important ::slotted(a:focus){outline:unset!important;box-shadow:0 0 0 3px var(--goa-color-greyscale-black);border-radius:var(--goa-border-radius-m)}.close{flex:0 0 auto}.close button{background-color:transparent;border:none;cursor:pointer;padding:var(--goa-space-2xs);margin:0;outline:none;border-radius:var(--goa-border-radius-m);display:inline-flex}.close button.information:hover,.close button.information:focus,.close button.event:hover,.close button.event:focus{background-color:var(--goa-color-info-dark)}.close button.information:focus,.close button.event:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}.close button.important:hover,.close button.important:focus{background-color:var(--goa-color-warning-dark)}.close button.important:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-black)}.close button.emergency:hover,.close button.emergency:focus{background-color:var(--goa-color-emergency-dark)}.close button.emergency:focus{box-shadow:0 0 0 3px var(--goa-color-greyscale-white)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$q,create_fragment$t,safe_not_equal,{type:0,maxcontentwidth:1,arialive:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","maxcontentwidth","arialive"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get maxcontentwidth(){return this.$$.ctx[1];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}get arialive(){return this.$$.ctx[2];}set arialive(arialive){this.$$set({arialive});flush();}}customElements.define("goa-notification",Notification);const dimensionRegex=/^[1-9]+[0-9]*(px|em|rem|ch|vh|vw|%)$/;function isValidDimension(value){return dimensionRegex.test(value);}/* libs/web-components/src/components/page-block/PageBlock.svelte generated by Svelte v3.59.2 */function create_fragment$s(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$p($$self,$$props,$$invalidate){const Sizes={"full":"100%"};let{width}=$$props;let{_width}=$$props;function isValidSize(value){if(["full"].includes(width))return true;if(isValidDimension(value))return true;return false;}onMount(()=>{if(!isValidSize(width)){console.error("Invalid PageBlock width");}$$invalidate(0,_width=Sizes[width]||width);});$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(1,width=$$props.width);if('_width'in $$props)$$invalidate(0,_width=$$props._width);};return [_width,width];}class PageBlock extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.page-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem}@media(min-width: 640px){.page-content{padding:0 2rem}}@media(min-width: 1024px){.page-content{padding:0 4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$p,create_fragment$s,safe_not_equal,{width:1,_width:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["width","_width"];}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get _width(){return this.$$.ctx[0];}set _width(_width){this.$$set({_width});flush();}}customElements.define("goa-page-block",PageBlock);/* libs/web-components/src/components/pagination/Pagination.svelte generated by Svelte v3.59.2 */function get_each_context$4(ctx,list,i){const child_ctx=ctx.slice();child_ctx[18]=list[i];child_ctx[20]=i;return child_ctx;}// (66:4) {#if variant === "all"}
|
|
341
341
|
function create_if_block$f(ctx){let goa_block;let span0;let t1;let input;let t2;let goa_dropdown;let t3;let span1;let t4;let t5;let each_value={length:/*_pageCount*/ctx[8]};let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$4(get_each_context$4(ctx,each_value,i));}return {c(){goa_block=element("goa-block");span0=element("span");span0.textContent="Page";t1=space();input=element("input");t2=space();goa_dropdown=element("goa-dropdown");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}t3=space();span1=element("span");t4=text("of ");t5=text(/*_pageCount*/ctx[8]);attr(input,"type","hidden");set_custom_element_data(goa_dropdown,"value",/*pagenumber*/ctx[0]);set_custom_element_data(goa_dropdown,"width","70px");set_custom_element_data(goa_block,"data-testid","page-selector");set_custom_element_data(goa_block,"alignment","center");set_custom_element_data(goa_block,"gap","s");},m(target,anchor){insert(target,goa_block,anchor);append(goa_block,span0);append(goa_block,t1);append(goa_block,input);/*input_binding*/ctx[12](input);append(goa_block,t2);append(goa_block,goa_dropdown);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(goa_dropdown,null);}}/*goa_dropdown_binding*/ctx[13](goa_dropdown);append(goa_block,t3);append(goa_block,span1);append(span1,t4);append(span1,t5);},p(ctx,dirty){if(dirty&/*_pageCount*/256){each_value={length:/*_pageCount*/ctx[8]};let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$4(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$4(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);}};}// (71:10) {#each {length: _pageCount} as _, i}
|
|
342
342
|
function create_each_block$4(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$r(ctx){let goa_block1;let div;let t0;let goa_block0;let goa_button0;let t1;let goa_button0_disabled_value;let t2;let goa_button1;let t3;let goa_button1_disabled_value;let mounted;let dispose;let if_block=/*variant*/ctx[1]==="all"&&create_if_block$f(ctx);return {c(){goa_block1=element("goa-block");div=element("div");if(if_block)if_block.c();t0=space();goa_block0=element("goa-block");goa_button0=element("goa-button");t1=text("Previous");t2=space();goa_button1=element("goa-button");t3=text("Next");this.c=noop;set_custom_element_data(goa_button0,"type","tertiary");set_custom_element_data(goa_button0,"leadingicon","arrow-back");set_custom_element_data(goa_button0,"disabled",goa_button0_disabled_value=/*pagenumber*/ctx[0]==1?"true":"false");set_custom_element_data(goa_button1,"type","tertiary");set_custom_element_data(goa_button1,"trailingicon","arrow-forward");set_custom_element_data(goa_button1,"disabled",goa_button1_disabled_value=/*pagenumber*/ctx[0]==/*_pageCount*/ctx[8]?"true":"false");set_custom_element_data(goa_block0,"alignment","center");set_custom_element_data(goa_block0,"gap","m");set_custom_element_data(goa_block0,"data-testid","page-links");attr(div,"class","controls");set_custom_element_data(goa_block1,"id","root");set_custom_element_data(goa_block1,"ml",/*ml*/ctx[5]);set_custom_element_data(goa_block1,"mr",/*mr*/ctx[3]);set_custom_element_data(goa_block1,"mb",/*mb*/ctx[4]);set_custom_element_data(goa_block1,"mt",/*mt*/ctx[2]);},m(target,anchor){insert(target,goa_block1,anchor);append(goa_block1,div);if(if_block)if_block.m(div,null);append(div,t0);append(div,goa_block0);append(goa_block0,goa_button0);append(goa_button0,t1);append(goa_block0,t2);append(goa_block0,goa_button1);append(goa_button1,t3);if(!mounted){dispose=[listen(goa_button0,"click",/*click_handler*/ctx[14]),listen(goa_button1,"click",/*click_handler_1*/ctx[15])];mounted=true;}},p(ctx,[dirty]){if(/*variant*/ctx[1]==="all"){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$f(ctx);if_block.c();if_block.m(div,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*pagenumber*/1&&goa_button0_disabled_value!==(goa_button0_disabled_value=/*pagenumber*/ctx[0]==1?"true":"false")){set_custom_element_data(goa_button0,"disabled",goa_button0_disabled_value);}if(dirty&/*pagenumber, _pageCount*/257&&goa_button1_disabled_value!==(goa_button1_disabled_value=/*pagenumber*/ctx[0]==/*_pageCount*/ctx[8]?"true":"false")){set_custom_element_data(goa_button1,"disabled",goa_button1_disabled_value);}if(dirty&/*ml*/32){set_custom_element_data(goa_block1,"ml",/*ml*/ctx[5]);}if(dirty&/*mr*/8){set_custom_element_data(goa_block1,"mr",/*mr*/ctx[3]);}if(dirty&/*mb*/16){set_custom_element_data(goa_block1,"mb",/*mb*/ctx[4]);}if(dirty&/*mt*/4){set_custom_element_data(goa_block1,"mt",/*mt*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(goa_block1);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}function instance$o($$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
|
|
343
343
|
let pageDropdownEl=null;let hiddenEl=null;// needed to allow the inputEl's event to be cancelled
|
|
@@ -1449,6 +1449,7 @@
|
|
|
1449
1449
|
error = _a.error,
|
|
1450
1450
|
requirement = _a.requirement,
|
|
1451
1451
|
label = _a.label,
|
|
1452
|
+
labelSize = _a.labelSize,
|
|
1452
1453
|
mt = _a.mt,
|
|
1453
1454
|
mr = _a.mr,
|
|
1454
1455
|
mb = _a.mb,
|
|
@@ -1457,6 +1458,7 @@
|
|
|
1457
1458
|
id = _a.id;
|
|
1458
1459
|
return jsxRuntime.jsx("goa-form-item", __assign({
|
|
1459
1460
|
label: label,
|
|
1461
|
+
labelsize: labelSize,
|
|
1460
1462
|
error: error,
|
|
1461
1463
|
requirement: requirement,
|
|
1462
1464
|
helptext: helpText,
|
|
@@ -1907,20 +1909,26 @@
|
|
|
1907
1909
|
var GoAModal = function GoAModal(_a) {
|
|
1908
1910
|
var heading = _a.heading,
|
|
1909
1911
|
children = _a.children,
|
|
1912
|
+
maxWidth = _a.maxWidth,
|
|
1910
1913
|
open = _a.open,
|
|
1911
|
-
width = _a.width,
|
|
1912
1914
|
actions = _a.actions,
|
|
1913
1915
|
transition = _a.transition,
|
|
1914
1916
|
type = _a.type,
|
|
1915
1917
|
calloutVariant = _a.calloutVariant,
|
|
1916
1918
|
onClose = _a.onClose,
|
|
1917
|
-
testId = _a.testId
|
|
1918
|
-
|
|
1919
|
+
testId = _a.testId,
|
|
1920
|
+
width = _a.width;
|
|
1921
|
+
var el = react.useRef(null); // deprecation
|
|
1922
|
+
|
|
1919
1923
|
react.useEffect(function () {
|
|
1920
1924
|
if (type) {
|
|
1921
1925
|
console.warn("GoAModal [type] is deprecated.");
|
|
1922
1926
|
}
|
|
1923
|
-
}, [type]);
|
|
1927
|
+
}, [type]); // deprecation
|
|
1928
|
+
|
|
1929
|
+
react.useEffect(function () {
|
|
1930
|
+
maxWidth = width;
|
|
1931
|
+
}, [width]);
|
|
1924
1932
|
react.useEffect(function () {
|
|
1925
1933
|
if (!el.current) {
|
|
1926
1934
|
return;
|
|
@@ -1942,7 +1950,7 @@
|
|
|
1942
1950
|
open: open,
|
|
1943
1951
|
closable: !!onClose,
|
|
1944
1952
|
scrollable: true,
|
|
1945
|
-
|
|
1953
|
+
maxwidth: maxWidth,
|
|
1946
1954
|
transition: transition,
|
|
1947
1955
|
calloutVariant: calloutVariant,
|
|
1948
1956
|
"data-testid": testId
|