@abgov/react-components 4.0.0-alpha.167 → 4.0.0-alpha.168
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/package.json +1 -1
- package/react-components.esm.js +38 -41
- package/react-components.umd.js +40 -43
package/react-components.umd.js
CHANGED
|
@@ -101,8 +101,8 @@
|
|
|
101
101
|
function create_if_block_4$4(ctx){let button;let t;let goa_icon;let goa_icon_type_value;let mounted;let dispose;return {c(){button=element("button");t=text("Menu ");goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class","menu-toggle-area");attr(button,"data-testid","menu-toggle");},m(target,anchor){insert(target,button,anchor);append(button,t);append(button,goa_icon);if(!mounted){dispose=listen(button,"click",/*toggleMenu*/ctx[11]);mounted=true;}},p(ctx,dirty){if(dirty&/*_showMenu*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}},d(detaching){if(detaching)detach(button);mounted=false;dispose();}};}// (115:4) {#if _showToggleMenu && _tablet}
|
|
102
102
|
function create_if_block_2$c(ctx){let goa_popover;let div;let button;let t0;let goa_icon;let goa_icon_type_value;let t1;let mounted;let dispose;let if_block=/*_showMenu*/ctx[8]&&create_if_block_3$b(ctx);return {c(){goa_popover=element("goa-popover");div=element("div");button=element("button");t0=text("Menu ");goa_icon=element("goa-icon");t1=space();if(if_block)if_block.c();set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class","menu-toggle-area");attr(button,"data-testid","menu-toggle");attr(div,"slot","target");set_custom_element_data(goa_popover,"class","menu");set_custom_element_data(goa_popover,"open",/*_showMenu*/ctx[8]);set_custom_element_data(goa_popover,"context","app-header-menu");set_custom_element_data(goa_popover,"focusborderwidth","0");set_custom_element_data(goa_popover,"borderradius","0");set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"width","16rem");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"position","below");},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,div);append(div,button);append(button,t0);append(button,goa_icon);append(goa_popover,t1);if(if_block)if_block.m(goa_popover,null);if(!mounted){dispose=[listen(button,"click",/*toggleMenu*/ctx[11]),listen(goa_popover,"_close",/*hideMenu*/ctx[12])];mounted=true;}},p(ctx,dirty){if(dirty&/*_showMenu*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_showMenu*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(/*_showMenu*/ctx[8]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_3$b(ctx);if_block.c();if_block.m(goa_popover,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*_showMenu*/256){set_custom_element_data(goa_popover,"open",/*_showMenu*/ctx[8]);}},d(detaching){if(detaching)detach(goa_popover);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}// (134:8) {#if _showMenu}
|
|
103
103
|
function create_if_block_3$b(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"data-testid","slot");},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[14](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[14](null);}};}// (147:4) {#if !_showMenu && (_mobile || _tablet)}
|
|
104
|
-
function create_if_block_1$
|
|
105
|
-
function create_if_block$r(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"data-testid","slot");attr(div,"class","content-area");},m(target,anchor){insert(target,div,anchor);/*div_binding_2*/ctx[16](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_2*/ctx[16](null);}};}function create_fragment$U(ctx){let div1;let div0;let t0;let t1;let t2;let t3;let div1_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[13]);function select_block_type(ctx,dirty){if(/*url*/ctx[1])return create_if_block_5$1;return create_else_block$c;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*_showToggleMenu*/ctx[7]&&/*_mobile*/ctx[10]&&create_if_block_4$4(ctx);let if_block2=/*_showToggleMenu*/ctx[7]&&/*_tablet*/ctx[9]&&create_if_block_2$c(ctx);let if_block3=!/*_showMenu*/ctx[8]&&(/*_mobile*/ctx[10]||/*_tablet*/ctx[9])&&create_if_block_1$
|
|
104
|
+
function create_if_block_1$h(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;set_style(div,"display","none");},m(target,anchor){insert(target,div,anchor);/*div_binding_1*/ctx[15](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_1*/ctx[15](null);}};}// (154:4) {#if _showMenu && _mobile || _desktop}
|
|
105
|
+
function create_if_block$r(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"data-testid","slot");attr(div,"class","content-area");},m(target,anchor){insert(target,div,anchor);/*div_binding_2*/ctx[16](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_2*/ctx[16](null);}};}function create_fragment$U(ctx){let div1;let div0;let t0;let t1;let t2;let t3;let div1_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[13]);function select_block_type(ctx,dirty){if(/*url*/ctx[1])return create_if_block_5$1;return create_else_block$c;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*_showToggleMenu*/ctx[7]&&/*_mobile*/ctx[10]&&create_if_block_4$4(ctx);let if_block2=/*_showToggleMenu*/ctx[7]&&/*_tablet*/ctx[9]&&create_if_block_2$c(ctx);let if_block3=!/*_showMenu*/ctx[8]&&(/*_mobile*/ctx[10]||/*_tablet*/ctx[9])&&create_if_block_1$h(ctx);let if_block4=(/*_showMenu*/ctx[8]&&/*_mobile*/ctx[10]||/*_desktop*/ctx[5])&&create_if_block$r(ctx);return {c(){div1=element("div");div0=element("div");if_block0.c();t0=space();if(if_block1)if_block1.c();t1=space();if(if_block2)if_block2.c();t2=space();if(if_block3)if_block3.c();t3=space();if(if_block4)if_block4.c();this.c=noop;attr(div0,"class","layout");attr(div1,"class","container");attr(div1,"data-testid",/*testid*/ctx[2]);attr(div1,"style",div1_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]||"100%"}`);toggle_class(div1,"show-menu",/*_showMenu*/ctx[8]);},m(target,anchor){insert(target,div1,anchor);append(div1,div0);if_block0.m(div0,null);append(div0,t0);if(if_block1)if_block1.m(div0,null);append(div0,t1);if(if_block2)if_block2.m(div0,null);append(div0,t2);if(if_block3)if_block3.m(div0,null);append(div0,t3);if(if_block4)if_block4.m(div0,null);if(!mounted){dispose=listen(window_1$1,"resize",/*onwindowresize*/ctx[13]);mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block0){if_block0.p(ctx,dirty);}else {if_block0.d(1);if_block0=current_block_type(ctx);if(if_block0){if_block0.c();if_block0.m(div0,t0);}}if(/*_showToggleMenu*/ctx[7]&&/*_mobile*/ctx[10]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_4$4(ctx);if_block1.c();if_block1.m(div0,t1);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*_showToggleMenu*/ctx[7]&&/*_tablet*/ctx[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_2$c(ctx);if_block2.c();if_block2.m(div0,t2);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(!/*_showMenu*/ctx[8]&&(/*_mobile*/ctx[10]||/*_tablet*/ctx[9])){if(if_block3){if_block3.p(ctx,dirty);}else {if_block3=create_if_block_1$h(ctx);if_block3.c();if_block3.m(div0,t3);}}else if(if_block3){if_block3.d(1);if_block3=null;}if(/*_showMenu*/ctx[8]&&/*_mobile*/ctx[10]||/*_desktop*/ctx[5]){if(if_block4){if_block4.p(ctx,dirty);}else {if_block4=create_if_block$r(ctx);if_block4.c();if_block4.m(div0,null);}}else if(if_block4){if_block4.d(1);if_block4=null;}if(dirty&/*testid*/4){attr(div1,"data-testid",/*testid*/ctx[2]);}if(dirty&/*maxcontentwidth*/8&&div1_style_value!==(div1_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]||"100%"}`)){attr(div1,"style",div1_style_value);}if(dirty&/*_showMenu*/256){toggle_class(div1,"show-menu",/*_showMenu*/ctx[8]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();mounted=false;dispose();}};}const _mobileLogo="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E";const _desktopLogo="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E";function instance$N($$self,$$props,$$invalidate){// *Menu* children count
|
|
106
106
|
// When in mobile mode, while the children are not visible the children are rendered in a div[display: none]
|
|
107
107
|
// element to allow for the children count to be obtained.
|
|
108
108
|
const hasChildren=function hasChildren(){var _a;return _call(tick,function(){if(!_slotParentEl)return;const slot=_slotParentEl===null||_slotParentEl===void 0?void 0:_slotParentEl.childNodes[0];const children=(_a=slot.assignedElements)===null||_a===void 0?void 0:_a.call(slot);if(children){return children.length>0;}else {// testing
|
|
@@ -113,8 +113,8 @@
|
|
|
113
113
|
function setCurrentLink(){if(!_slotParentEl)return;const slot=_slotParentEl.querySelector("slot");if(!slot)return;const link=slot.assignedElements().filter(el=>el.tagName==="A").map(el=>{el.classList.remove("current");return el;}).find(el=>{const href=el.href;const url=`${window.location.pathname}${window.location.search}${window.location.hash}`;return href.endsWith(url);});if(link){link.classList.add("current");}}function onwindowresize(){$$invalidate(4,_windowWidth=window_1$1.innerWidth);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function div_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function div_binding_2($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('url'in $$props)$$invalidate(1,url=$$props.url);if('testid'in $$props)$$invalidate(2,testid=$$props.testid);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_windowWidth*/16){// Reactive
|
|
114
114
|
$$invalidate(10,_mobile=_windowWidth<480);}if($$self.$$.dirty&/*_windowWidth*/16){$$invalidate(9,_tablet=_windowWidth>=480&&_windowWidth<960);}if($$self.$$.dirty&/*_windowWidth*/16){$$invalidate(5,_desktop=_windowWidth>=960);}if($$self.$$.dirty&/*_desktop*/32){_async(function(){const _desktop2=!_desktop;return _await(_desktop2&&hasChildren(),function(_hasChildren){return $$invalidate(7,_showToggleMenu=_hasChildren);},!_desktop2);})();}};return [heading,url,testid,maxcontentwidth,_windowWidth,_desktop,_slotParentEl,_showToggleMenu,_showMenu,_tablet,_mobile,toggleMenu,hideMenu,onwindowresize,div_binding,div_binding_1,div_binding_2];}class AppHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*,::slotted(*){font:var(--goa-typography-body-s)}.container{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-white)}.title{margin-left:var(--goa-space-s);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--goa-color-text-default)}.layout{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:3.375rem auto;grid-template-areas:"header menu"
|
|
115
115
|
"links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}::slotted(a:hover){background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media(max-width: 479px){.image-desktop{display:none}.image-mobile{display:block}.show-menu{border-bottom:var(--goa-border-width-m) solid var(--goa-color-greyscale-200)}}@media(min-width: 480px){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}@media(min-width: 480px) and (max-width: 959px){.image-desktop{display:block}.image-mobile{display:none}}@media(min-width: 960px){.image-desktop{display:block}.image-mobile{display:none}.layout{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;grid-template-areas:"header . menu";margin:0 auto;width:min(var(--max-content-width), 100%)}.header-logo-title-area{grid-area:header;display:flex;align-items:center;grid-template-rows:3.375rem auto;color:inherit;flex:1 1 auto}.content-area{grid-area:menu;display:flex;align-items:stretch}::slotted(goa-app-header-menu),::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default);font-weight:var(--goa-font-weight-bold);grid-template-rows:3.375rem auto;display:inline-flex;align-items:center;padding:0 0.75rem}::slotted(goa-app-header-menu){padding:0}::slotted(a:focus-within),::slotted(goa-app-header-menu:focus-within),::slotted(a:hover),::slotted(goa-app-header-menu:hover){background:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}::slotted(a:focus),::slotted(goa-app-header-menu:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.current){border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}::slotted(a.current:hover){border-top:4px solid var(--goa-color-interactive-hover)}::slotted(a.interactive){font-weight:var(--goa-font-weight-medium);text-decoration:underline;color:var(--goa-color-interactive-default);padding:0 var(--goa-space-m)}::slotted(a.interactive:hover){color:var(--goa-color-interactive-hover)}::slotted(a.interactive.current){border-color:transparent;margin-left:var(--goa-space-m)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$N,create_fragment$U,safe_not_equal,{heading:0,url:1,testid:2,maxcontentwidth:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","url","testid","maxcontentwidth"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get url(){return this.$$.ctx[1];}set url(url){this.$$set({url});flush();}get testid(){return this.$$.ctx[2];}set testid(testid){this.$$set({testid});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-app-header",AppHeader);/* libs/web-components/src/components/badge/Badge.svelte generated by Svelte v3.58.0 */function create_else_block$b(ctx){let div;return {c(){div=element("div");set_style(div,"height","1.2rem");set_style(div,"margin-left","-0.25rem");},m(target,anchor){insert(target,div,anchor);},p:noop,d(detaching){if(detaching)detach(div);}};}// (51:2) {#if showIcon}
|
|
116
|
-
function create_if_block_1$
|
|
117
|
-
function create_if_block$q(ctx){let div;let t;return {c(){div=element("div");t=text(/*content*/ctx[2]);attr(div,"class","goa-badge-content");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*content*/4)set_data(t,/*content*/ctx[2]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$T(ctx){let div;let t;let div_style_value;let div_class_value;function select_block_type(ctx,dirty){if(/*showIcon*/ctx[8])return create_if_block_1$
|
|
116
|
+
function create_if_block_1$g(ctx){let goa_icon;let goa_icon_arialabel_value;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?/*arialabel*/ctx[3]:null);set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*showIconOnly, arialabel*/520&&goa_icon_arialabel_value!==(goa_icon_arialabel_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?/*arialabel*/ctx[3]:null)){set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value);}if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (60:2) {#if content}
|
|
117
|
+
function create_if_block$q(ctx){let div;let t;return {c(){div=element("div");t=text(/*content*/ctx[2]);attr(div,"class","goa-badge-content");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*content*/4)set_data(t,/*content*/ctx[2]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$T(ctx){let div;let t;let div_style_value;let div_class_value;function select_block_type(ctx,dirty){if(/*showIcon*/ctx[8])return create_if_block_1$g;return create_else_block$b;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*content*/ctx[2]&&create_if_block$q(ctx);return {c(){div=element("div");if_block0.c();t=space();if(if_block1)if_block1.c();this.c=noop;attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]));attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"data-type","goa-badge");attr(div,"class",div_class_value="goa-badge badge-"+/*type*/ctx[0]);toggle_class(div,"icon-only",/*showIconOnly*/ctx[9]);},m(target,anchor){insert(target,div,anchor);if_block0.m(div,null);append(div,t);if(if_block1)if_block1.m(div,null);},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block0){if_block0.p(ctx,dirty);}else {if_block0.d(1);if_block0=current_block_type(ctx);if(if_block0){if_block0.c();if_block0.m(div,t);}}if(/*content*/ctx[2]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$q(ctx);if_block1.c();if_block1.m(div,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*mt, mr, mb, ml*/240&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*type*/1&&div_class_value!==(div_class_value="goa-badge badge-"+/*type*/ctx[0])){attr(div,"class",div_class_value);}if(dirty&/*type, showIconOnly*/513){toggle_class(div,"icon-only",/*showIconOnly*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if_block0.d();if(if_block1)if_block1.d();}};}function instance$M($$self,$$props,$$invalidate){let showIcon;let showIconOnly;let iconType;const[Types,validateType]=typeValidator("Badge type",["success","important","information","emergency","dark","midtone","light"],true);let{type}=$$props;let{testid=""}=$$props;let{content=""}=$$props;let{icon="false"}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);if(!showIcon&&!content){console.warn("GoABadge must have either then content or icon property set");}if(showIconOnly&&!arialabel){console.warn("GoABadge with icon only requires an arialabel");}});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('content'in $$props)$$invalidate(2,content=$$props.content);if('icon'in $$props)$$invalidate(11,icon=$$props.icon);if('arialabel'in $$props)$$invalidate(3,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*icon*/2048){// private
|
|
118
118
|
$$invalidate(8,showIcon=toBoolean(icon));}if($$self.$$.dirty&/*showIcon, content*/260){$$invalidate(9,showIconOnly=showIcon&&!content);}if($$self.$$.dirty&/*type*/1){$$invalidate(10,iconType={success:"checkmark-circle",important:"alert-circle",information:"information-circle",emergency:"warning",dark:"information-circle",midtone:"information-circle",light:"information-circle"}[type]);}};return [type,testid,content,arialabel,mt,mr,mb,ml,showIcon,showIconOnly,iconType,icon];}class Badge extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$M,create_fragment$T,safe_not_equal,{type:0,testid:1,content:2,icon:11,arialabel:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","testid","content","icon","arialabel","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get content(){return this.$$.ctx[2];}set content(content){this.$$set({content});flush();}get icon(){return this.$$.ctx[11];}set icon(icon){this.$$set({icon});flush();}get arialabel(){return this.$$.ctx[3];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-badge",Badge);/* libs/web-components/src/components/block/Block.svelte generated by Svelte v3.58.0 */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","block");attr(div,"style",div_style_value=`
|
|
119
119
|
${calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])};
|
|
120
120
|
--gap: var(--goa-space-${/*gap*/ctx[0]});
|
|
@@ -125,25 +125,25 @@
|
|
|
125
125
|
--gap: var(--goa-space-${/*gap*/ctx[0]});
|
|
126
126
|
--alignment: ${/*alignment*/ctx[2]};
|
|
127
127
|
--direction: ${/*direction*/ctx[1]};
|
|
128
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$L($$self,$$props,$$invalidate){let{gap="m"}=$$props;let{direction="row"}=$$props;let{alignment="start"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('direction'in $$props)$$invalidate(1,direction=$$props.direction);if('alignment'in $$props)$$invalidate(2,alignment=$$props.alignment);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);};return [gap,direction,alignment,mt,mr,mb,ml];}class Block extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.block{display:flex;flex-direction:var(--direction);align-items:var(--alignment);gap:var(--gap)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$L,create_fragment$S,safe_not_equal,{gap:0,direction:1,alignment:2,mt:3,mr:4,mb:5,ml:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["gap","direction","alignment","mt","mr","mb","ml"];}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get direction(){return this.$$.ctx[1];}set direction(direction){this.$$set({direction});flush();}get alignment(){return this.$$.ctx[2];}set alignment(alignment){this.$$set({alignment});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-block",Block);/* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.58.0 */function create_else_block$a(ctx){let t0;let span;let t1;let if_block1_anchor;let if_block0=/*leadingicon*/ctx[3]&&create_if_block_2$b(ctx);let if_block1=/*trailingicon*/ctx[4]&&create_if_block_1$
|
|
128
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$L($$self,$$props,$$invalidate){let{gap="m"}=$$props;let{direction="row"}=$$props;let{alignment="start"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('direction'in $$props)$$invalidate(1,direction=$$props.direction);if('alignment'in $$props)$$invalidate(2,alignment=$$props.alignment);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);};return [gap,direction,alignment,mt,mr,mb,ml];}class Block extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.block{display:flex;flex-direction:var(--direction);align-items:var(--alignment);gap:var(--gap)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$L,create_fragment$S,safe_not_equal,{gap:0,direction:1,alignment:2,mt:3,mr:4,mb:5,ml:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["gap","direction","alignment","mt","mr","mb","ml"];}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get direction(){return this.$$.ctx[1];}set direction(direction){this.$$set({direction});flush();}get alignment(){return this.$$.ctx[2];}set alignment(alignment){this.$$set({alignment});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-block",Block);/* libs/web-components/src/components/button/Button.svelte generated by Svelte v3.58.0 */function create_else_block$a(ctx){let t0;let span;let t1;let if_block1_anchor;let if_block0=/*leadingicon*/ctx[3]&&create_if_block_2$b(ctx);let if_block1=/*trailingicon*/ctx[4]&&create_if_block_1$f(ctx);return {c(){if(if_block0)if_block0.c();t0=space();span=element("span");span.innerHTML=`<slot></slot>`;t1=space();if(if_block1)if_block1.c();if_block1_anchor=empty();attr(span,"class","text");},m(target,anchor){if(if_block0)if_block0.m(target,anchor);insert(target,t0,anchor);insert(target,span,anchor);insert(target,t1,anchor);if(if_block1)if_block1.m(target,anchor);insert(target,if_block1_anchor,anchor);},p(ctx,dirty){if(/*leadingicon*/ctx[3]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_2$b(ctx);if_block0.c();if_block0.m(t0.parentNode,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(/*trailingicon*/ctx[4]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_1$f(ctx);if_block1.c();if_block1.m(if_block1_anchor.parentNode,if_block1_anchor);}}else if(if_block1){if_block1.d(1);if_block1=null;}},d(detaching){if(if_block0)if_block0.d(detaching);if(detaching)detach(t0);if(detaching)detach(span);if(detaching)detach(t1);if(if_block1)if_block1.d(detaching);if(detaching)detach(if_block1_anchor);}};}// (46:2) {#if type === "start"}
|
|
129
129
|
function create_if_block$p(ctx){let span;let t;let goa_icon;return {c(){span=element("span");span.innerHTML=`<slot></slot>`;t=space();goa_icon=element("goa-icon");attr(span,"class","text");set_custom_element_data(goa_icon,"id","trailing-icon");set_custom_element_data(goa_icon,"type","arrow-forward");set_custom_element_data(goa_icon,"inverted","true");},m(target,anchor){insert(target,span,anchor);insert(target,t,anchor);insert(target,goa_icon,anchor);},p:noop,d(detaching){if(detaching)detach(span);if(detaching)detach(t);if(detaching)detach(goa_icon);}};}// (52:4) {#if leadingicon}
|
|
130
130
|
function create_if_block_2$b(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","leading-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[3]);set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/8){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[3]);}if(dirty&/*isButtonDark*/2048){set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (58:4) {#if trailingicon}
|
|
131
|
-
function create_if_block_1$
|
|
132
|
-
border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4);padding-left:var(--goa-space-xs);padding-right:var(--goa-space-xs)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:transparent}.tertiary.destructive:hover{color:var(--goa-color-emergency-dark)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$K,create_fragment$R,safe_not_equal,{type:0,size:1,variant:2,disabled:13,leadingicon:3,trailingicon:4,testid:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","size","variant","disabled","leadingicon","trailingicon","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get variant(){return this.$$.ctx[2];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[13];}set disabled(disabled){this.$$set({disabled});flush();}get leadingicon(){return this.$$.ctx[3];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[4];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get testid(){return this.$$.ctx[5];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button",Button);/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.58.0 */function create_fragment$Q(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")));},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*mt, mr, mb, ml, _alignment, gap*/125&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")))){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$J($$self,$$props,$$invalidate){let _alignment;let{alignment="start"}=$$props;let{gap="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;const[BUTTON_ALIGNMENTS,validateAlignment]=typeValidator("alignment",["start","end","center"]);const[GAPS,validateGap]=typeValidator("gap",["relaxed","compact"]);onMount(()=>{validateAlignment(alignment);validateGap(gap);});$$self.$$set=$$props=>{if('alignment'in $$props)$$invalidate(7,alignment=$$props.alignment);if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*alignment*/128){$$invalidate(6,_alignment={start:"flex-start",end:"flex-end",center:"center"}[alignment]);}};return [gap,testid,mt,mr,mb,ml,_alignment,alignment];}class ButtonGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$J,create_fragment$Q,safe_not_equal,{alignment:7,gap:0,testid:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["alignment","gap","testid","mt","mr","mb","ml"];}get alignment(){return this.$$.ctx[7];}set alignment(alignment){this.$$set({alignment});flush();}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button-group",ButtonGroup);/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.58.0 */function create_if_block$o(ctx){let h3;let t;return {c(){h3=element("h3");t=text(/*heading*/ctx[5]);toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,h3,anchor);append(h3,t);},p(ctx,dirty){if(dirty&/*heading*/32)set_data(t,/*heading*/ctx[5]);if(dirty&/*isMediumCallout*/512){toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);}},d(detaching){if(detaching)detach(h3);}};}function create_fragment$P(ctx){let div;let span0;let goa_icon;let goa_icon_inverted_value;let span0_class_value;let t0;let span1;let t1;let slot;let div_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[12]);let if_block=/*heading*/ctx[5]&&create_if_block$o(ctx);return {c(){div=element("div");span0=element("span");goa_icon=element("goa-icon");t0=space();span1=element("span");if(if_block)if_block.c();t1=space();slot=element("slot");this.c=noop;set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true");attr(span0,"class",span0_class_value="icon "+/*type*/ctx[4]);attr(span1,"class","content");attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div,"class","notification");attr(div,"data-testid",/*testid*/ctx[6]);toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,div,anchor);append(div,span0);append(span0,goa_icon);append(div,t0);append(div,span1);if(if_block)if_block.m(span1,null);append(span1,t1);append(span1,slot);if(!mounted){dispose=listen(window,"resize",/*onwindowresize*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}if(dirty&/*iconSize*/256){set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);}if(dirty&/*type*/16&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*type*/16&&span0_class_value!==(span0_class_value="icon "+/*type*/ctx[4])){attr(span0,"class",span0_class_value);}if(/*heading*/ctx[5]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$o(ctx);if_block.c();if_block.m(span1,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*mt, mr, mb, ml*/15&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/64){attr(div,"data-testid",/*testid*/ctx[6]);}if(dirty&/*isMediumCallout*/512){toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();mounted=false;dispose();}};}function instance$I($$self,$$props,$$invalidate){let isMediumCallout;let iconType;const[Types,validateType]=typeValidator("Callout type",["emergency","important","information","event","success"],true);const[CalloutSizes,validateCalloutSize]=typeValidator("Callout size",["medium","large"]);let{mt=null}=$$props;let{mr=null}=$$props;let{mb="l"}=$$props;let{ml=null}=$$props;let{size="large"}=$$props;let{type}=$$props;let{heading=""}=$$props;let{testid=""}=$$props;let screenSize=0;let iconSize="medium";onMount(()=>{validateCalloutSize(size);setTimeout(()=>{validateType(type);$$invalidate(8,iconSize=isMediumCallout?"small":"medium");});});function onwindowresize(){$$invalidate(7,screenSize=window.innerWidth);}$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('size'in $$props)$$invalidate(11,size=$$props.size);if('type'in $$props)$$invalidate(4,type=$$props.type);if('heading'in $$props)$$invalidate(5,heading=$$props.heading);if('testid'in $$props)$$invalidate(6,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*screenSize, size*/2176){$$invalidate(9,isMediumCallout=screenSize<640||size==="medium");}if($$self.$$.dirty&/*type*/16){$$invalidate(10,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="success"?"checkmark-circle":type==="event"?"calendar":"");}};return [mt,mr,mb,ml,type,heading,testid,screenSize,iconSize,isMediumCallout,iconType,size,onwindowresize];}class Callout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{display:flex;align-items:stretch;overflow:hidden;font:var(--goa-typography-body-m)}h3{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-2);font-weight:var(--goa-font-weight-regular);margin-top:var(--goa-space-none);margin-bottom:var(--goa-space-m)}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.icon{text-align:center;padding-top:var(--goa-space-l);padding-left:var(--goa-space-s);padding-right:var(--goa-space-s)}.content{flex:1 1 auto;background-color:var(--goa-color-greyscale-100);padding:var(--goa-space-l)}.notification.medium{font:var(--goa-typography-body-s)}h3.medium{font:var(--goa-typography-heading-xs);margin-bottom:var(--goa-space-2xs)}.notification.medium .content{padding:var(--goa-space-s);margin-top:calc(-1 * var(--goa-space-3xs))}.notification.medium .icon{padding-top:var(--goa-space-s);padding-left:var(--goa-space-2xs);padding-right:var(--goa-space-2xs)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$I,create_fragment$P,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,size:11,type:4,heading:5,testid:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","size","type","heading","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get size(){return this.$$.ctx[11];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get heading(){return this.$$.ctx[5];}set heading(heading){this.$$set({heading});flush();}get testid(){return this.$$.ctx[6];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-callout",Callout);/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.58.0 */function create_fragment$O(ctx){let goa_card_content;return {c(){goa_card_content=element("goa-card-content");goa_card_content.innerHTML=`<goa-button-group alignment="end"><slot></slot></goa-button-group>`;this.c=noop;},m(target,anchor){insert(target,goa_card_content,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(goa_card_content);}};}class CardActions extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$O,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-actions",CardActions);/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.58.0 */function create_fragment$N(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[7]);attr(div,"class","card");attr(div,"style",div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"");},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/128){attr(div,"data-testid",/*testid*/ctx[7]);}if(dirty&/*width, height, mt, mr, mb, ml, elevation*/127&&div_style_value!==(div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"")){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$H($$self,$$props,$$invalidate){let{elevation=0}=$$props;let{width="100%"}=$$props;let{height="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{testid=""}=$$props;$$self.$$set=$$props=>{if('elevation'in $$props)$$invalidate(0,elevation=$$props.elevation);if('width'in $$props)$$invalidate(1,width=$$props.width);if('height'in $$props)$$invalidate(2,height=$$props.height);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};return [elevation,width,height,mt,mr,mb,ml,testid];}class Card extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card{background-color:var(--goa-color-greyscale-white);border-radius:4px;overflow:hidden;height:var(--height)}@media(min-width: 320px){.card{margin:0 auto}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$N,safe_not_equal,{elevation:0,width:1,height:2,mt:3,mr:4,mb:5,ml:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["elevation","width","height","mt","mr","mb","ml","testid"];}get elevation(){return this.$$.ctx[0];}set elevation(elevation){this.$$set({elevation});flush();}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get height(){return this.$$.ctx[2];}set height(height){this.$$set({height});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-card",Card);/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.58.0 */function create_fragment$M(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-content");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardContent extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$M,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-content",CardContent);/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.58.0 */function create_fragment$L(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-group");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$L,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-group",CardGroup);/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.58.0 */function create_fragment$K(ctx){let div;return {c(){div=element("div");this.c=noop;set_style(div,"background-image","url("+/*src*/ctx[0]+")");set_style(div,"height",/*height*/ctx[1]);set_style(div,"background-size","cover");set_style(div,"background-position","center");},m(target,anchor){insert(target,div,anchor);},p(ctx,[dirty]){if(dirty&/*src*/1){set_style(div,"background-image","url("+/*src*/ctx[0]+")");}if(dirty&/*height*/2){set_style(div,"height",/*height*/ctx[1]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$G($$self,$$props,$$invalidate){let{src}=$$props;let{height="100%"}=$$props;$$self.$$set=$$props=>{if('src'in $$props)$$invalidate(0,src=$$props.src);if('height'in $$props)$$invalidate(1,height=$$props.height);};return [src,height];}class CardImage extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$G,create_fragment$K,safe_not_equal,{src:0,height:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["src","height"];}get src(){return this.$$.ctx[0];}set src(src){this.$$set({src});flush();}get height(){return this.$$.ctx[1];}set height(height){this.$$set({height});flush();}}customElements.define("goa-card-image",CardImage);/* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.58.0 */function create_if_block_1$f(ctx){let svg;let path;return {c(){svg=svg_element("svg");path=svg_element("path");attr(path,"d","M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z");attr(svg,"id","checkmark");attr(svg,"data-testid","checkmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 16 12.18");},m(target,anchor){insert(target,svg,anchor);append(svg,path);},d(detaching){if(detaching)detach(svg);}};}// (68:4) {#if isIndeterminate}
|
|
133
|
-
function create_if_block$n(ctx){let svg;let rect;return {c(){svg=svg_element("svg");rect=svg_element("rect");attr(rect,"width","15");attr(rect,"height","2");attr(svg,"id","dashmark");attr(svg,"data-testid","dashmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 15 2");},m(target,anchor){insert(target,svg,anchor);append(svg,rect);},d(detaching){if(detaching)detach(svg);}};}function create_fragment$J(ctx){let label;let div0;let input;let input_value_value;let input_aria_label_value;let t0;let t1;let div1;let slot;let t2;let label_style_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*isIndeterminate*/ctx[10])return create_if_block$n;if(/*isChecked*/ctx[9])return create_if_block_1$
|
|
131
|
+
function create_if_block_1$f(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"id","trailing-icon");set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*trailingicon*/16){set_custom_element_data(goa_icon,"type",/*trailingicon*/ctx[4]);}if(dirty&/*isButtonDark*/2048){set_custom_element_data(goa_icon,"inverted",/*isButtonDark*/ctx[11]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$R(ctx){let button;let button_class_value;let button_style_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*type*/ctx[0]==="start")return create_if_block$p;return create_else_block$a;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");if_block.c();this.c=noop;attr(button,"class",button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]));attr(button,"style",button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]));button.disabled=/*isDisabled*/ctx[10];attr(button,"data-testid",/*testid*/ctx[5]);toggle_class(button,"leading",/*leadingicon*/ctx[3]);toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");},m(target,anchor){insert(target,button,anchor);if_block.m(button,null);if(!mounted){dispose=[listen(button,"click",/*clickHandler*/ctx[12]),listen(button,"click",/*clickHandler*/ctx[12])];mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}if(dirty&/*type, size, variant*/7&&button_class_value!==(button_class_value=""+(/*type*/ctx[0]+" "+/*size*/ctx[1]+" "+/*variant*/ctx[2]))){attr(button,"class",button_class_value);}if(dirty&/*mt, mr, mb, ml*/960&&button_style_value!==(button_style_value=calculateMargin(/*mt*/ctx[6],/*mr*/ctx[7],/*mb*/ctx[8],/*ml*/ctx[9]))){attr(button,"style",button_style_value);}if(dirty&/*isDisabled*/1024){button.disabled=/*isDisabled*/ctx[10];}if(dirty&/*testid*/32){attr(button,"data-testid",/*testid*/ctx[5]);}if(dirty&/*type, size, variant, leadingicon*/15){toggle_class(button,"leading",/*leadingicon*/ctx[3]);}if(dirty&/*type, size, variant, trailingicon, type*/23){toggle_class(button,"trailing",/*trailingicon*/ctx[4]||/*type*/ctx[0]==="start");}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();mounted=false;run_all(dispose);}};}function instance$K($$self,$$props,$$invalidate){let isDisabled;let isButtonDark;const[Types,validateType]=typeValidator("Button type",["primary","submit","secondary","tertiary","start"],true);const[Sizes,validateSize]=typeValidator("Button size",["normal","compact"],true);const[Variants,validateVariant]=typeValidator("Button variant",["normal","destructive"],true);let{type="primary"}=$$props;let{size="normal"}=$$props;let{variant="normal"}=$$props;let{disabled="false"}=$$props;let{leadingicon=null}=$$props;let{trailingicon=null}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;function clickHandler(e){if(!isDisabled){this.dispatchEvent(new CustomEvent("_click",{composed:true,bubbles:true}));}}onMount(()=>{validateType(type);validateSize(size);validateVariant(variant);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('size'in $$props)$$invalidate(1,size=$$props.size);if('variant'in $$props)$$invalidate(2,variant=$$props.variant);if('disabled'in $$props)$$invalidate(13,disabled=$$props.disabled);if('leadingicon'in $$props)$$invalidate(3,leadingicon=$$props.leadingicon);if('trailingicon'in $$props)$$invalidate(4,trailingicon=$$props.trailingicon);if('testid'in $$props)$$invalidate(5,testid=$$props.testid);if('mt'in $$props)$$invalidate(6,mt=$$props.mt);if('mr'in $$props)$$invalidate(7,mr=$$props.mr);if('mb'in $$props)$$invalidate(8,mb=$$props.mb);if('ml'in $$props)$$invalidate(9,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/8192){$$invalidate(10,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*type*/1){$$invalidate(11,isButtonDark=type==="primary"||type==="start");}};return [type,size,variant,leadingicon,trailingicon,testid,mt,mr,mb,ml,isDisabled,isButtonDark,clickHandler,disabled];}class Button extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{--button-height:2.625rem;--button-height-compact:2rem;--button-height-tall:3.25rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}@media(max-width: 480px){:host{width:100%}button{width:100%}}button{display:inline-flex;box-sizing:border-box;border-radius:0.25rem;border:2px solid var(--goa-color-interactive-default);box-sizing:border-box;cursor:pointer;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-5);font-weight:400;height:var(--button-height);letter-spacing:var(--goa-letter-spacing-button);line-height:100%;padding:0 0.75rem;white-space:nowrap;gap:0.5rem;align-items:center;justify-content:center;transition:transform 0.1s ease-in-out, background-color 0.2s ease-in-out,
|
|
132
|
+
border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix, 0)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--goa-font-size-4);padding-left:var(--goa-space-xs);padding-right:var(--goa-space-xs)}button.start{height:var(--button-height-tall);font-weight:var(--goa-font-weight-bold)}button.start,button.submit,button.primary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-interactive-default);color:var(--goa-color-text-light)}button.start:hover,button.submit:hover,button.primary:hover{border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover)}button.start:focus,button.start:active,button.submit:focus,button.submit:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border-color:var(--goa-color-interactive-hover);background-color:var(--goa-color-interactive-hover);outline:none}button.secondary{border:2px solid var(--goa-color-interactive-default);background-color:var(--goa-color-greyscale-white);color:var(--goa-color-interactive-default)}button.secondary:hover{border-color:var(--goa-color-interactive-hover);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-100);outline:none}button.tertiary{border:1px solid transparent;background-color:transparent;color:var(--goa-color-interactive-default);text-decoration:underline}button.tertiary:hover{border-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--goa-color-greyscale-100);background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover);box-shadow:0 0 0 3px var(--goa-color-interactive-focus);outline:none}.submit.destructive,.primary.destructive{color:var(--goa-color-greyscale-white);background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default)}.submit.destructive:hover,.primary.destructive:hover{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.submit.destructive:focus,.primary.destructive:focus,.primary.destructive:active{background-color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark)}.secondary.destructive{color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:hover{border-color:var(--goa-color-emergency-dark);color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-emergency-dark);border-color:var(--goa-color-emergency-dark);background-color:var(--goa-color-greyscale-white)}.tertiary.destructive{color:var(--goa-color-emergency-default);border-color:transparent}.tertiary.destructive:hover{color:var(--goa-color-emergency-dark)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-emergency-dark)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$K,create_fragment$R,safe_not_equal,{type:0,size:1,variant:2,disabled:13,leadingicon:3,trailingicon:4,testid:5,mt:6,mr:7,mb:8,ml:9},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","size","variant","disabled","leadingicon","trailingicon","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get variant(){return this.$$.ctx[2];}set variant(variant){this.$$set({variant});flush();}get disabled(){return this.$$.ctx[13];}set disabled(disabled){this.$$set({disabled});flush();}get leadingicon(){return this.$$.ctx[3];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get trailingicon(){return this.$$.ctx[4];}set trailingicon(trailingicon){this.$$set({trailingicon});flush();}get testid(){return this.$$.ctx[5];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[6];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[7];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[8];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[9];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button",Button);/* libs/web-components/src/components/button-group/ButtonGroup.svelte generated by Svelte v3.58.0 */function create_fragment$Q(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"style",div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")));},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*mt, mr, mb, ml, _alignment, gap*/125&&div_style_value!==(div_style_value=""+(calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5])+"; --alignment: "+/*_alignment*/ctx[6]+"; --gap-size: "+(/*gap*/ctx[0]==="relaxed"?"1rem":"0.75rem")))){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$J($$self,$$props,$$invalidate){let _alignment;let{alignment="start"}=$$props;let{gap="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;const[BUTTON_ALIGNMENTS,validateAlignment]=typeValidator("alignment",["start","end","center"]);const[GAPS,validateGap]=typeValidator("gap",["relaxed","compact"]);onMount(()=>{validateAlignment(alignment);validateGap(gap);});$$self.$$set=$$props=>{if('alignment'in $$props)$$invalidate(7,alignment=$$props.alignment);if('gap'in $$props)$$invalidate(0,gap=$$props.gap);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*alignment*/128){$$invalidate(6,_alignment={start:"flex-start",end:"flex-end",center:"center"}[alignment]);}};return [gap,testid,mt,mr,mb,ml,_alignment,alignment];}class ButtonGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}div{display:flex;flex-direction:row;justify-content:var(--alignment);align-items:center;flex-wrap:wrap;gap:var(--gap-size);padding:3px 0}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$J,create_fragment$Q,safe_not_equal,{alignment:7,gap:0,testid:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["alignment","gap","testid","mt","mr","mb","ml"];}get alignment(){return this.$$.ctx[7];}set alignment(alignment){this.$$set({alignment});flush();}get gap(){return this.$$.ctx[0];}set gap(gap){this.$$set({gap});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-button-group",ButtonGroup);/* libs/web-components/src/components/callout/Callout.svelte generated by Svelte v3.58.0 */function create_if_block$o(ctx){let h3;let t;return {c(){h3=element("h3");t=text(/*heading*/ctx[5]);toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,h3,anchor);append(h3,t);},p(ctx,dirty){if(dirty&/*heading*/32)set_data(t,/*heading*/ctx[5]);if(dirty&/*isMediumCallout*/512){toggle_class(h3,"medium",/*isMediumCallout*/ctx[9]);}},d(detaching){if(detaching)detach(h3);}};}function create_fragment$P(ctx){let div;let span0;let goa_icon;let goa_icon_inverted_value;let span0_class_value;let t0;let span1;let t1;let slot;let div_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[12]);let if_block=/*heading*/ctx[5]&&create_if_block$o(ctx);return {c(){div=element("div");span0=element("span");goa_icon=element("goa-icon");t0=space();span1=element("span");if(if_block)if_block.c();t1=space();slot=element("slot");this.c=noop;set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true");attr(span0,"class",span0_class_value="icon "+/*type*/ctx[4]);attr(span1,"class","content");attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div,"class","notification");attr(div,"data-testid",/*testid*/ctx[6]);toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);},m(target,anchor){insert(target,div,anchor);append(div,span0);append(span0,goa_icon);append(div,t0);append(div,span1);if(if_block)if_block.m(span1,null);append(span1,t1);append(span1,slot);if(!mounted){dispose=listen(window,"resize",/*onwindowresize*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}if(dirty&/*iconSize*/256){set_custom_element_data(goa_icon,"size",/*iconSize*/ctx[8]);}if(dirty&/*type*/16&&goa_icon_inverted_value!==(goa_icon_inverted_value=/*type*/ctx[4]==="important"?"false":"true")){set_custom_element_data(goa_icon,"inverted",goa_icon_inverted_value);}if(dirty&/*type*/16&&span0_class_value!==(span0_class_value="icon "+/*type*/ctx[4])){attr(span0,"class",span0_class_value);}if(/*heading*/ctx[5]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$o(ctx);if_block.c();if_block.m(span1,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*mt, mr, mb, ml*/15&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/64){attr(div,"data-testid",/*testid*/ctx[6]);}if(dirty&/*isMediumCallout*/512){toggle_class(div,"medium",/*isMediumCallout*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();mounted=false;dispose();}};}function instance$I($$self,$$props,$$invalidate){let isMediumCallout;let iconType;const[Types,validateType]=typeValidator("Callout type",["emergency","important","information","event","success"],true);const[CalloutSizes,validateCalloutSize]=typeValidator("Callout size",["medium","large"]);let{mt=null}=$$props;let{mr=null}=$$props;let{mb="l"}=$$props;let{ml=null}=$$props;let{size="large"}=$$props;let{type}=$$props;let{heading=""}=$$props;let{testid=""}=$$props;let screenSize=0;let iconSize="medium";onMount(()=>{validateCalloutSize(size);setTimeout(()=>{validateType(type);$$invalidate(8,iconSize=isMediumCallout?"small":"medium");});});function onwindowresize(){$$invalidate(7,screenSize=window.innerWidth);}$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('size'in $$props)$$invalidate(11,size=$$props.size);if('type'in $$props)$$invalidate(4,type=$$props.type);if('heading'in $$props)$$invalidate(5,heading=$$props.heading);if('testid'in $$props)$$invalidate(6,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*screenSize, size*/2176){$$invalidate(9,isMediumCallout=screenSize<640||size==="medium");}if($$self.$$.dirty&/*type*/16){$$invalidate(10,iconType=type==="emergency"?"warning":type==="important"?"alert-circle":type==="information"?"information-circle":type==="success"?"checkmark-circle":type==="event"?"calendar":"");}};return [mt,mr,mb,ml,type,heading,testid,screenSize,iconSize,isMediumCallout,iconType,size,onwindowresize];}class Callout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.notification{display:flex;align-items:stretch;overflow:hidden;font:var(--goa-typography-body-m)}h3{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-2);font-weight:var(--goa-font-weight-regular);margin-top:var(--goa-space-none);margin-bottom:var(--goa-space-m)}.emergency{background-color:var(--goa-color-emergency-default)}.important{background-color:var(--goa-color-warning-default)}.information{background-color:var(--goa-color-info-default)}.event{background-color:var(--goa-color-info-default)}.success{background-color:var(--goa-color-success-default)}.icon{text-align:center;padding-top:var(--goa-space-l);padding-left:var(--goa-space-s);padding-right:var(--goa-space-s)}.content{flex:1 1 auto;background-color:var(--goa-color-greyscale-100);padding:var(--goa-space-l)}.notification.medium{font:var(--goa-typography-body-s)}h3.medium{font:var(--goa-typography-heading-xs);margin-bottom:var(--goa-space-2xs)}.notification.medium .content{padding:var(--goa-space-s);margin-top:calc(-1 * var(--goa-space-3xs))}.notification.medium .icon{padding-top:var(--goa-space-s);padding-left:var(--goa-space-2xs);padding-right:var(--goa-space-2xs)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$I,create_fragment$P,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,size:11,type:4,heading:5,testid:6},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","size","type","heading","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get size(){return this.$$.ctx[11];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[4];}set type(type){this.$$set({type});flush();}get heading(){return this.$$.ctx[5];}set heading(heading){this.$$set({heading});flush();}get testid(){return this.$$.ctx[6];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-callout",Callout);/* libs/web-components/src/components/card-actions/CardActions.svelte generated by Svelte v3.58.0 */function create_fragment$O(ctx){let goa_card_content;return {c(){goa_card_content=element("goa-card-content");goa_card_content.innerHTML=`<goa-button-group alignment="end"><slot></slot></goa-button-group>`;this.c=noop;},m(target,anchor){insert(target,goa_card_content,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(goa_card_content);}};}class CardActions extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$O,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-actions",CardActions);/* libs/web-components/src/components/card/Card.svelte generated by Svelte v3.58.0 */function create_fragment$N(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"data-testid",/*testid*/ctx[7]);attr(div,"class","card");attr(div,"style",div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"");},m(target,anchor){insert(target,div,anchor);append(div,slot);},p(ctx,[dirty]){if(dirty&/*testid*/128){attr(div,"data-testid",/*testid*/ctx[7]);}if(dirty&/*width, height, mt, mr, mb, ml, elevation*/127&&div_style_value!==(div_style_value="--width: "+/*width*/ctx[1]+"; --height: "+(/*height*/ctx[2]==='auto'?'auto':'100%')+"; "+calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])+" "+(/*elevation*/ctx[0]===0?`border: 1px solid var(--goa-color-greyscale-200);`:`box-shadow: var(--shadow-${/*elevation*/ctx[0]});`)+"")){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$H($$self,$$props,$$invalidate){let{elevation=0}=$$props;let{width="100%"}=$$props;let{height="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{testid=""}=$$props;$$self.$$set=$$props=>{if('elevation'in $$props)$$invalidate(0,elevation=$$props.elevation);if('width'in $$props)$$invalidate(1,width=$$props.width);if('height'in $$props)$$invalidate(2,height=$$props.height);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};return [elevation,width,height,mt,mr,mb,ml,testid];}class Card extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card{background-color:var(--goa-color-greyscale-white);border-radius:4px;overflow:hidden;height:var(--height)}@media(min-width: 320px){.card{margin:0 auto}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$H,create_fragment$N,safe_not_equal,{elevation:0,width:1,height:2,mt:3,mr:4,mb:5,ml:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["elevation","width","height","mt","mr","mb","ml","testid"];}get elevation(){return this.$$.ctx[0];}set elevation(elevation){this.$$set({elevation});flush();}get width(){return this.$$.ctx[1];}set width(width){this.$$set({width});flush();}get height(){return this.$$.ctx[2];}set height(height){this.$$set({height});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-card",Card);/* libs/web-components/src/components/card-content/CardContent.svelte generated by Svelte v3.58.0 */function create_fragment$M(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-content");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardContent extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-content{padding:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$M,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-content",CardContent);/* libs/web-components/src/components/card-group/CardGroup.svelte generated by Svelte v3.58.0 */function create_fragment$L(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","card-group");},m(target,anchor){insert(target,div,anchor);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}class CardGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.card-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$L,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-card-group",CardGroup);/* libs/web-components/src/components/card-image/CardImage.svelte generated by Svelte v3.58.0 */function create_fragment$K(ctx){let div;return {c(){div=element("div");this.c=noop;set_style(div,"background-image","url("+/*src*/ctx[0]+")");set_style(div,"height",/*height*/ctx[1]);set_style(div,"background-size","cover");set_style(div,"background-position","center");},m(target,anchor){insert(target,div,anchor);},p(ctx,[dirty]){if(dirty&/*src*/1){set_style(div,"background-image","url("+/*src*/ctx[0]+")");}if(dirty&/*height*/2){set_style(div,"height",/*height*/ctx[1]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$G($$self,$$props,$$invalidate){let{src}=$$props;let{height="100%"}=$$props;$$self.$$set=$$props=>{if('src'in $$props)$$invalidate(0,src=$$props.src);if('height'in $$props)$$invalidate(1,height=$$props.height);};return [src,height];}class CardImage extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$G,create_fragment$K,safe_not_equal,{src:0,height:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["src","height"];}get src(){return this.$$.ctx[0];}set src(src){this.$$set({src});flush();}get height(){return this.$$.ctx[1];}set height(height){this.$$set({height});flush();}}customElements.define("goa-card-image",CardImage);/* libs/web-components/src/components/checkbox/Checkbox.svelte generated by Svelte v3.58.0 */function create_if_block_1$e(ctx){let svg;let path;return {c(){svg=svg_element("svg");path=svg_element("path");attr(path,"d","M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z");attr(svg,"id","checkmark");attr(svg,"data-testid","checkmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 16 12.18");},m(target,anchor){insert(target,svg,anchor);append(svg,path);},d(detaching){if(detaching)detach(svg);}};}// (68:4) {#if isIndeterminate}
|
|
133
|
+
function create_if_block$n(ctx){let svg;let rect;return {c(){svg=svg_element("svg");rect=svg_element("rect");attr(rect,"width","15");attr(rect,"height","2");attr(svg,"id","dashmark");attr(svg,"data-testid","dashmark");attr(svg,"xmlns","http://www.w3.org/2000/svg");attr(svg,"viewBox","0 0 15 2");},m(target,anchor){insert(target,svg,anchor);append(svg,rect);},d(detaching){if(detaching)detach(svg);}};}function create_fragment$J(ctx){let label;let div0;let input;let input_value_value;let input_aria_label_value;let t0;let t1;let div1;let slot;let t2;let label_style_value;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*isIndeterminate*/ctx[10])return create_if_block$n;if(/*isChecked*/ctx[9])return create_if_block_1$e;}let current_block_type=select_block_type(ctx);let if_block=current_block_type&¤t_block_type(ctx);return {c(){label=element("label");div0=element("div");input=element("input");t0=space();if(if_block)if_block.c();t1=space();div1=element("div");slot=element("slot");t2=text(/*text*/ctx[1]);this.c=noop;attr(input,"id",/*name*/ctx[0]);attr(input,"name",/*name*/ctx[0]);input.checked=/*isChecked*/ctx[9];input.disabled=/*isDisabled*/ctx[12];attr(input,"type","checkbox");input.value=input_value_value=`${/*value*/ctx[2]}`;attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[0]);attr(div0,"class","goa-checkbox-container");toggle_class(div0,"goa-checkbox--selected",/*isChecked*/ctx[9]);attr(div1,"class","goa-checkbox-text");attr(div1,"data-testid","text");attr(label,"data-testid",/*testid*/ctx[3]);attr(label,"for",/*name*/ctx[0]);attr(label,"style",label_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]));attr(label,"class","goa-checkbox");toggle_class(label,"goa-checkbox--disabled",/*isDisabled*/ctx[12]);toggle_class(label,"goa-checkbox--error",/*isError*/ctx[11]);},m(target,anchor){insert(target,label,anchor);append(label,div0);append(div0,input);append(div0,t0);if(if_block)if_block.m(div0,null);append(label,t1);append(label,div1);append(div1,slot);append(slot,t2);if(!mounted){dispose=listen(input,"change",/*onChange*/ctx[13]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*name*/1){attr(input,"id",/*name*/ctx[0]);}if(dirty&/*name*/1){attr(input,"name",/*name*/ctx[0]);}if(dirty&/*isChecked*/512){input.checked=/*isChecked*/ctx[9];}if(dirty&/*isDisabled*/4096){input.disabled=/*isDisabled*/ctx[12];}if(dirty&/*value*/4&&input_value_value!==(input_value_value=`${/*value*/ctx[2]}`)){input.value=input_value_value;}if(dirty&/*arialabel, name*/17&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[0])){attr(input,"aria-label",input_aria_label_value);}if(current_block_type!==(current_block_type=select_block_type(ctx))){if(if_block)if_block.d(1);if_block=current_block_type&¤t_block_type(ctx);if(if_block){if_block.c();if_block.m(div0,null);}}if(dirty&/*isChecked*/512){toggle_class(div0,"goa-checkbox--selected",/*isChecked*/ctx[9]);}if(dirty&/*text*/2)set_data(t2,/*text*/ctx[1]);if(dirty&/*testid*/8){attr(label,"data-testid",/*testid*/ctx[3]);}if(dirty&/*name*/1){attr(label,"for",/*name*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/480&&label_style_value!==(label_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]))){attr(label,"style",label_style_value);}if(dirty&/*isDisabled*/4096){toggle_class(label,"goa-checkbox--disabled",/*isDisabled*/ctx[12]);}if(dirty&/*isError*/2048){toggle_class(label,"goa-checkbox--error",/*isError*/ctx[11]);}},i:noop,o:noop,d(detaching){if(detaching)detach(label);if(if_block){if_block.d();}mounted=false;dispose();}};}function instance$F($$self,$$props,$$invalidate){let isDisabled;let isError;let isChecked;let isIndeterminate;let{name}=$$props;let{checked="false"}=$$props;let{text=""}=$$props;let{value=""}=$$props;let{disabled="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;// Private
|
|
134
134
|
let _value;onMount(()=>{// hold on to the initial value to prevent losing it on check changes
|
|
135
135
|
_value=value;});function onChange(e){// An empty string is required as setting the second value to `null` caused the data to get
|
|
136
136
|
// out of sync with the events.
|
|
137
137
|
const newCheckStatus=!isChecked;const newValue=newCheckStatus?`${_value||"checked"}`:"";// set the local state
|
|
138
138
|
$$invalidate(14,checked=fromBoolean(newCheckStatus));e.target.dispatchEvent(new CustomEvent("_change",{composed:true,detail:{name,checked:newCheckStatus,value:newValue}}));}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(0,name=$$props.name);if('checked'in $$props)$$invalidate(14,checked=$$props.checked);if('text'in $$props)$$invalidate(1,text=$$props.text);if('value'in $$props)$$invalidate(2,value=$$props.value);if('disabled'in $$props)$$invalidate(15,disabled=$$props.disabled);if('error'in $$props)$$invalidate(16,error=$$props.error);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('arialabel'in $$props)$$invalidate(4,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(5,mt=$$props.mt);if('mr'in $$props)$$invalidate(6,mr=$$props.mr);if('mb'in $$props)$$invalidate(7,mb=$$props.mb);if('ml'in $$props)$$invalidate(8,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*disabled*/32768){// Binding
|
|
139
139
|
$$invalidate(12,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*error*/65536){$$invalidate(11,isError=toBoolean(error));}if($$self.$$.dirty&/*checked*/16384){$$invalidate(9,isChecked=toBoolean(checked));}};$$invalidate(10,isIndeterminate=false);// Design review. To be built with TreeView Later
|
|
140
|
-
return [name,text,value,testid,arialabel,mt,mr,mb,ml,isChecked,isIndeterminate,isError,isDisabled,onChange,checked,disabled,error];}class Checkbox extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);display:block}.goa-checkbox{display:inline-flex;align-items:center;min-height:calc(3rem - 4px);cursor:pointer}.goa-checkbox input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer}.goa-checkbox--disabled .goa-checkbox-text{opacity:40%}.goa-checkbox-container{box-sizing:border-box;border:1px solid var(--goa-color-greyscale-700);border-radius:2px;background-color:var(--goa-color-greyscale-white);height:1.5rem;width:1.5rem;display:flex;justify-content:center;padding:3px;flex:0 0 auto}.goa-checkbox-container svg{fill:var(--goa-color-greyscale-white)}.goa-checkbox-container.goa-checkbox--selected{background-color:var(--goa-color-interactive-default)}.goa-checkbox-container.goa-checkbox--selected:hover{background-color:var(--goa-color-interactive-hover)}.goa-checkbox-container:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);border:none}.goa-checkbox-container:focus-within,.goa-checkbox-container:focus,.goa-checkbox-container:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border:1px solid var(--goa-color-greyscale-700);outline:none}.goa-checkbox-text{padding-left:0.5rem;user-select:none;font-weight:var(--goa-font-weight-regular)}.goa-checkbox--disabled .goa-checkbox-container,.goa-checkbox--disabled .goa-checkbox-container:hover{border:1px solid var(--goa-color-greyscale-400);box-shadow:none}.goa-checkbox--disabled,input[type=checkbox][disabled]:hover{cursor:default}.goa-checkbox--error .goa-checkbox-container,.goa-checkbox--error .goa-checkbox-container:hover{border:1px solid var(--goa-color-emergency-default);box-shadow:inset 0 0 0 1px var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.goa-checkbox--error .goa-checkbox-container svg{fill:var(--goa-color-emergency-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$J,safe_not_equal,{name:0,checked:14,text:1,value:2,disabled:15,error:16,testid:3,arialabel:4,mt:5,mr:6,mb:7,ml:8},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","checked","text","value","disabled","error","testid","arialabel","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get checked(){return this.$$.ctx[14];}set checked(checked){this.$$set({checked});flush();}get text(){return this.$$.ctx[1];}set text(text){this.$$set({text});flush();}get value(){return this.$$.ctx[2];}set value(value){this.$$set({value});flush();}get disabled(){return this.$$.ctx[15];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[16];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[4];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[5];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[6];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[7];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[8];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-checkbox",Checkbox);/* libs/web-components/src/components/chip/Chip.svelte generated by Svelte v3.58.0 */function create_if_block_1$
|
|
141
|
-
function create_if_block$m(ctx){let goa_icon;let goa_icon_fillcolor_value;let goa_icon_opacity_value;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","delete-icon");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"theme","filled");set_custom_element_data(goa_icon,"type","close-circle");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_error*/ctx[10]?"var(--goa-color-emergency-default)":/*_hovering*/ctx[9]?"var(--goa-color-interactive-hover)":"var(--goa-color-greyscale-700)");set_custom_element_data(goa_icon,"opacity",goa_icon_opacity_value=/*_error*/ctx[10]?/*_hovering*/ctx[9]?1:0.5:1);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*_error, _hovering*/1536&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_error*/ctx[10]?"var(--goa-color-emergency-default)":/*_hovering*/ctx[9]?"var(--goa-color-interactive-hover)":"var(--goa-color-greyscale-700)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*_error, _hovering*/1536&&goa_icon_opacity_value!==(goa_icon_opacity_value=/*_error*/ctx[10]?/*_hovering*/ctx[9]?1:0.5:1)){set_custom_element_data(goa_icon,"opacity",goa_icon_opacity_value);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$I(ctx){let div1;let t0;let div0;let t1;let t2;let div1_style_value;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[4]&&create_if_block_1$
|
|
140
|
+
return [name,text,value,testid,arialabel,mt,mr,mb,ml,isChecked,isIndeterminate,isError,isDisabled,onChange,checked,disabled,error];}class Checkbox extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);display:block}.goa-checkbox{display:inline-flex;align-items:center;min-height:calc(3rem - 4px);cursor:pointer}.goa-checkbox input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer}.goa-checkbox--disabled .goa-checkbox-text{opacity:40%}.goa-checkbox-container{box-sizing:border-box;border:1px solid var(--goa-color-greyscale-700);border-radius:2px;background-color:var(--goa-color-greyscale-white);height:1.5rem;width:1.5rem;display:flex;justify-content:center;padding:3px;flex:0 0 auto}.goa-checkbox-container svg{fill:var(--goa-color-greyscale-white)}.goa-checkbox-container.goa-checkbox--selected{background-color:var(--goa-color-interactive-default)}.goa-checkbox-container.goa-checkbox--selected:hover{background-color:var(--goa-color-interactive-hover)}.goa-checkbox-container:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover);border:none}.goa-checkbox-container:focus-within,.goa-checkbox-container:focus,.goa-checkbox-container:active{box-shadow:0 0 0 3px var(--goa-color-interactive-focus);border:1px solid var(--goa-color-greyscale-700);outline:none}.goa-checkbox-text{padding-left:0.5rem;user-select:none;font-weight:var(--goa-font-weight-regular)}.goa-checkbox--disabled .goa-checkbox-container,.goa-checkbox--disabled .goa-checkbox-container:hover{border:1px solid var(--goa-color-greyscale-400);box-shadow:none}.goa-checkbox--disabled,input[type=checkbox][disabled]:hover{cursor:default}.goa-checkbox--error .goa-checkbox-container,.goa-checkbox--error .goa-checkbox-container:hover{border:1px solid var(--goa-color-emergency-default);box-shadow:inset 0 0 0 1px var(--goa-color-emergency-default);background-color:var(--goa-color-greyscale-white)}.goa-checkbox--error .goa-checkbox-container svg{fill:var(--goa-color-emergency-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$F,create_fragment$J,safe_not_equal,{name:0,checked:14,text:1,value:2,disabled:15,error:16,testid:3,arialabel:4,mt:5,mr:6,mb:7,ml:8},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","checked","text","value","disabled","error","testid","arialabel","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get checked(){return this.$$.ctx[14];}set checked(checked){this.$$set({checked});flush();}get text(){return this.$$.ctx[1];}set text(text){this.$$set({text});flush();}get value(){return this.$$.ctx[2];}set value(value){this.$$set({value});flush();}get disabled(){return this.$$.ctx[15];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[16];}set error(error){this.$$set({error});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get arialabel(){return this.$$.ctx[4];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[5];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[6];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[7];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[8];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-checkbox",Checkbox);/* libs/web-components/src/components/chip/Chip.svelte generated by Svelte v3.58.0 */function create_if_block_1$d(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","leading-icon");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/16){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[4]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (54:2) {#if _deletable}
|
|
141
|
+
function create_if_block$m(ctx){let goa_icon;let goa_icon_fillcolor_value;let goa_icon_opacity_value;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"class","delete-icon");set_custom_element_data(goa_icon,"size","medium");set_custom_element_data(goa_icon,"theme","filled");set_custom_element_data(goa_icon,"type","close-circle");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_error*/ctx[10]?"var(--goa-color-emergency-default)":/*_hovering*/ctx[9]?"var(--goa-color-interactive-hover)":"var(--goa-color-greyscale-700)");set_custom_element_data(goa_icon,"opacity",goa_icon_opacity_value=/*_error*/ctx[10]?/*_hovering*/ctx[9]?1:0.5:1);},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*_error, _hovering*/1536&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_error*/ctx[10]?"var(--goa-color-emergency-default)":/*_hovering*/ctx[9]?"var(--goa-color-interactive-hover)":"var(--goa-color-greyscale-700)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*_error, _hovering*/1536&&goa_icon_opacity_value!==(goa_icon_opacity_value=/*_error*/ctx[10]?/*_hovering*/ctx[9]?1:0.5:1)){set_custom_element_data(goa_icon,"opacity",goa_icon_opacity_value);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$I(ctx){let div1;let t0;let div0;let t1;let t2;let div1_style_value;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[4]&&create_if_block_1$d(ctx);let if_block1=/*_deletable*/ctx[11]&&create_if_block$m(ctx);return {c(){div1=element("div");if(if_block0)if_block0.c();t0=space();div0=element("div");t1=text(/*content*/ctx[5]);t2=space();if(if_block1)if_block1.c();this.c=noop;attr(div0,"class","text");attr(div1,"data-testid",/*testid*/ctx[7]);attr(div1,"class","chip");attr(div1,"style",div1_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]));attr(div1,"tabindex","0");toggle_class(div1,"deletable",/*_deletable*/ctx[11]);toggle_class(div1,"error",/*_error*/ctx[10]);toggle_class(div1,"variant",/*variant*/ctx[6]);},m(target,anchor){insert(target,div1,anchor);if(if_block0)if_block0.m(div1,null);append(div1,t0);append(div1,div0);append(div0,t1);append(div1,t2);if(if_block1)if_block1.m(div1,null);/*div1_binding*/ctx[15](div1);if(!mounted){dispose=[listen(div1,"click",/*click_handler*/ctx[16]),listen(div1,"mouseover",/*mouseover_handler*/ctx[17]),listen(div1,"mouseout",/*mouseout_handler*/ctx[18]),listen(div1,"focus",/*focus_handler*/ctx[19]),listen(div1,"blur",/*blur_handler*/ctx[20])];mounted=true;}},p(ctx,[dirty]){if(/*leadingicon*/ctx[4]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_1$d(ctx);if_block0.c();if_block0.m(div1,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*content*/32)set_data(t1,/*content*/ctx[5]);if(/*_deletable*/ctx[11]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$m(ctx);if_block1.c();if_block1.m(div1,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*testid*/128){attr(div1,"data-testid",/*testid*/ctx[7]);}if(dirty&/*mt, mr, mb, ml*/15&&div1_style_value!==(div1_style_value=calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3]))){attr(div1,"style",div1_style_value);}if(dirty&/*_deletable*/2048){toggle_class(div1,"deletable",/*_deletable*/ctx[11]);}if(dirty&/*_error*/1024){toggle_class(div1,"error",/*_error*/ctx[10]);}if(dirty&/*variant*/64){toggle_class(div1,"variant",/*variant*/ctx[6]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if(if_block0)if_block0.d();if(if_block1)if_block1.d();/*div1_binding*/ctx[15](null);mounted=false;run_all(dispose);}};}function instance$E($$self,$$props,$$invalidate){let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{leadingicon=null}=$$props;let{error="false"}=$$props;let{deletable="false"}=$$props;let{content}=$$props;let{variant}=$$props;let{testid=""}=$$props;let el;let _hovering=false;// booleans
|
|
142
142
|
let _error;let _deletable;function onDelete(e){el.dispatchEvent(new CustomEvent("_click",{composed:true,bubbles:true}));e.stopPropagation();}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{el=$$value;$$invalidate(8,el);});}const click_handler=e=>_deletable&&onDelete(e);const mouseover_handler=()=>$$invalidate(9,_hovering=true);const mouseout_handler=()=>$$invalidate(9,_hovering=false);const focus_handler=()=>$$invalidate(9,_hovering=false);const blur_handler=()=>$$invalidate(9,_hovering=false);$$self.$$set=$$props=>{if('mt'in $$props)$$invalidate(0,mt=$$props.mt);if('mr'in $$props)$$invalidate(1,mr=$$props.mr);if('mb'in $$props)$$invalidate(2,mb=$$props.mb);if('ml'in $$props)$$invalidate(3,ml=$$props.ml);if('leadingicon'in $$props)$$invalidate(4,leadingicon=$$props.leadingicon);if('error'in $$props)$$invalidate(13,error=$$props.error);if('deletable'in $$props)$$invalidate(14,deletable=$$props.deletable);if('content'in $$props)$$invalidate(5,content=$$props.content);if('variant'in $$props)$$invalidate(6,variant=$$props.variant);if('testid'in $$props)$$invalidate(7,testid=$$props.testid);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error*/8192){$$invalidate(10,_error=toBoolean(error));}if($$self.$$.dirty&/*deletable*/16384){$$invalidate(11,_deletable=toBoolean(deletable));}};return [mt,mr,mb,ml,leadingicon,content,variant,testid,el,_hovering,_error,_deletable,onDelete,error,deletable,div1_binding,click_handler,mouseover_handler,mouseout_handler,focus_handler,blur_handler];}class Chip extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.leading-icon{margin-left:-0.25rem}.chip{vertical-align:middle;align-items:center;background-color:var(--goa-color-greyscale-white);border-radius:99px;border:1px solid #949494;box-sizing:border-box;color:var(--goa-color-text-default);display:inline-flex;flex-direction:row;font-size:var(--goa-font-size-3);font-weight:var(--goa-font-weight-regular);gap:0.25rem;height:2rem;justify-content:center;padding:0 0.75rem;cursor:default}.text{padding-bottom:var(--font-valign-fix, 0)}.chip:focus{outline:2px solid var(--goa-color-interactive-focus);background-color:var(--goa-color-greyscale-white)}.chip:hover{background-color:var(--goa-color-greyscale-200)}.deletable{cursor:pointer}.delete-icon{margin-right:-0.25rem}.error,.error:hover{background-color:var(--goa-color-emergency-light)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$E,create_fragment$I,safe_not_equal,{mt:0,mr:1,mb:2,ml:3,leadingicon:4,error:13,deletable:14,content:5,variant:6,testid:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["mt","mr","mb","ml","leadingicon","error","deletable","content","variant","testid"];}get mt(){return this.$$.ctx[0];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[1];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[2];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[3];}set ml(ml){this.$$set({ml});flush();}get leadingicon(){return this.$$.ctx[4];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get error(){return this.$$.ctx[13];}set error(error){this.$$set({error});flush();}get deletable(){return this.$$.ctx[14];}set deletable(deletable){this.$$set({deletable});flush();}get content(){return this.$$.ctx[5];}set content(content){this.$$set({content});flush();}get variant(){return this.$$.ctx[6];}set variant(variant){this.$$set({variant});flush();}get testid(){return this.$$.ctx[7];}set testid(testid){this.$$set({testid});flush();}}customElements.define("goa-chip",Chip);function cubicOut(t){const f=t-1.0;return f*f*f+1.0;}function quartOut(t){return Math.pow(t-1.0,3.0)*(1.0-t)+1.0;}function fade(node,{delay=0,duration=400,easing=identity}={}){const o=+getComputedStyle(node).opacity;return {delay,duration,easing,css:t=>`opacity: ${t*o}`};}function fly(node,{delay=0,duration=400,easing=cubicOut,x=0,y=0,opacity=0}={}){const style=getComputedStyle(node);const target_opacity=+style.opacity;const transform=style.transform==='none'?'':style.transform;const od=target_opacity*(1-opacity);const[xValue,xUnit]=split_css_unit(x);const[yValue,yUnit]=split_css_unit(y);return {delay,duration,easing,css:(t,u)=>`
|
|
143
143
|
transform: ${transform} translate(${(1-t)*xValue}${xUnit}, ${(1-t)*yValue}${yUnit});
|
|
144
|
-
opacity: ${target_opacity-od*u}`};}function noscroll(_node,opts){let toggledScrolling=false;function hideScrollbars(){if(!isScrollable()){return;}const scrollbarWidth=calculateScrollbarWidth();toggledScrolling=true;document.body.style.overflow="hidden";document.body.style.paddingRight=scrollbarWidth+"px";}function isScrollable(){return document.body.style.overflow!=="hidden";}function resetScrollbars(){if(!toggledScrolling){return;}toggledScrolling=false;setTimeout(()=>{document.body.style.overflow="";document.body.style.paddingRight="0";},200);}function calculateScrollbarWidth(){if(document.body.clientHeight<=document.documentElement.clientHeight){return 0;}const outer=document.createElement("div");outer.style.visibility="hidden";outer.style.overflow="scroll";document.body.appendChild(outer);const inner=document.createElement("div");outer.appendChild(inner);const scrollbarWidth=outer.offsetWidth-inner.offsetWidth;outer.parentNode.removeChild(outer);return scrollbarWidth;}if(opts.enable){hideScrollbars();}return {update(){if(!opts.enable){resetScrollbars();}},destroy(){resetScrollbars();}};}/* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.58.0 */function create_if_block$l(ctx){let current_block_type_index;let if_block;let if_block_anchor;let current;const if_block_creators=[create_if_block_1$
|
|
144
|
+
opacity: ${target_opacity-od*u}`};}function noscroll(_node,opts){let toggledScrolling=false;function hideScrollbars(){if(!isScrollable()){return;}const scrollbarWidth=calculateScrollbarWidth();toggledScrolling=true;document.body.style.overflow="hidden";document.body.style.paddingRight=scrollbarWidth+"px";}function isScrollable(){return document.body.style.overflow!=="hidden";}function resetScrollbars(){if(!toggledScrolling){return;}toggledScrolling=false;setTimeout(()=>{document.body.style.overflow="";document.body.style.paddingRight="0";},200);}function calculateScrollbarWidth(){if(document.body.clientHeight<=document.documentElement.clientHeight){return 0;}const outer=document.createElement("div");outer.style.visibility="hidden";outer.style.overflow="scroll";document.body.appendChild(outer);const inner=document.createElement("div");outer.appendChild(inner);const scrollbarWidth=outer.offsetWidth-inner.offsetWidth;outer.parentNode.removeChild(outer);return scrollbarWidth;}if(opts.enable){hideScrollbars();}return {update(){if(!opts.enable){resetScrollbars();}},destroy(){resetScrollbars();}};}/* libs/web-components/src/components/circular-progress/CircularProgress.svelte generated by Svelte v3.58.0 */function create_if_block$l(ctx){let current_block_type_index;let if_block;let if_block_anchor;let current;const if_block_creators=[create_if_block_1$c,create_if_block_3$a];const if_blocks=[];function select_block_type(ctx,dirty){if(/*fullscreen*/ctx[3])return 0;if(/*inline*/ctx[4])return 1;return -1;}if(~(current_block_type_index=select_block_type(ctx))){if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx);}return {c(){if(if_block)if_block.c();if_block_anchor=empty();},m(target,anchor){if(~current_block_type_index){if_blocks[current_block_type_index].m(target,anchor);}insert(target,if_block_anchor,anchor);current=true;},p(ctx,dirty){let previous_block_index=current_block_type_index;current_block_type_index=select_block_type(ctx);if(current_block_type_index===previous_block_index){if(~current_block_type_index){if_blocks[current_block_type_index].p(ctx,dirty);}}else {if(if_block){group_outros();transition_out(if_blocks[previous_block_index],1,1,()=>{if_blocks[previous_block_index]=null;});check_outros();}if(~current_block_type_index){if_block=if_blocks[current_block_type_index];if(!if_block){if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx);if_block.c();}else {if_block.p(ctx,dirty);}transition_in(if_block,1);if_block.m(if_block_anchor.parentNode,if_block_anchor);}else {if_block=null;}}},i(local){if(current)return;transition_in(if_block);current=true;},o(local){transition_out(if_block);current=false;},d(detaching){if(~current_block_type_index){if_blocks[current_block_type_index].d(detaching);}if(detaching)detach(if_block_anchor);}};}// (43:19)
|
|
145
145
|
function create_if_block_3$a(ctx){let div;let goa_spinner;let t;let div_class_value;let if_block=/*message*/ctx[0]&&create_if_block_4$3(ctx);return {c(){div=element("div");goa_spinner=element("goa-spinner");t=space();if(if_block)if_block.c();set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);attr(div,"class",div_class_value="spinner-"+/*spinnerSize*/ctx[2]);toggle_class(div,"inline",/*inline*/ctx[4]);},m(target,anchor){insert(target,div,anchor);append(div,goa_spinner);append(div,t);if(if_block)if_block.m(div,null);},p(ctx,dirty){if(dirty&/*spinnerSize*/4){set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);}if(dirty&/*progress*/2){set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);}if(/*message*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_4$3(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*spinnerSize*/4&&div_class_value!==(div_class_value="spinner-"+/*spinnerSize*/ctx[2])){attr(div,"class",div_class_value);}if(dirty&/*spinnerSize, inline*/20){toggle_class(div,"inline",/*inline*/ctx[4]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if(if_block)if_block.d();}};}// (32:2) {#if fullscreen}
|
|
146
|
-
function create_if_block_1$
|
|
146
|
+
function create_if_block_1$c(ctx){let div;let goa_spinner;let t;let div_transition;let current;let mounted;let dispose;let if_block=/*message*/ctx[0]&&create_if_block_2$a(ctx);return {c(){div=element("div");goa_spinner=element("goa-spinner");t=space();if(if_block)if_block.c();set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);toggle_class(div,"fullscreen",/*fullscreen*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,goa_spinner);append(div,t);if(if_block)if_block.m(div,null);current=true;if(!mounted){dispose=action_destroyer(noscroll.call(null,div,{enable:true}));mounted=true;}},p(ctx,dirty){if(!current||dirty&/*spinnerSize*/4){set_custom_element_data(goa_spinner,"size",/*spinnerSize*/ctx[2]);}if(!current||dirty&/*progress*/2){set_custom_element_data(goa_spinner,"progress",/*progress*/ctx[1]);}if(/*message*/ctx[0]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$a(ctx);if_block.c();if_block.m(div,null);}}else if(if_block){if_block.d(1);if_block=null;}if(!current||dirty&/*fullscreen*/8){toggle_class(div,"fullscreen",/*fullscreen*/ctx[3]);}},i(local){if(current)return;add_render_callback(()=>{if(!current)return;if(!div_transition)div_transition=create_bidirectional_transition(div,fade,{duration:300},true);div_transition.run(1);});current=true;},o(local){if(!div_transition)div_transition=create_bidirectional_transition(div,fade,{duration:300},false);div_transition.run(0);current=false;},d(detaching){if(detaching)detach(div);if(if_block)if_block.d();if(detaching&&div_transition)div_transition.end();mounted=false;dispose();}};}// (46:6) {#if message}
|
|
147
147
|
function create_if_block_4$3(ctx){let div;let t;return {c(){div=element("div");t=text(/*message*/ctx[0]);attr(div,"class","message");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*message*/1)set_data(t,/*message*/ctx[0]);},d(detaching){if(detaching)detach(div);}};}// (39:6) {#if message}
|
|
148
148
|
function create_if_block_2$a(ctx){let div;let t;return {c(){div=element("div");t=text(/*message*/ctx[0]);attr(div,"class","message");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*message*/1)set_data(t,/*message*/ctx[0]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$H(ctx){let if_block_anchor;let current;let if_block=/*isVisible*/ctx[5]&&create_if_block$l(ctx);return {c(){if(if_block)if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if(if_block)if_block.m(target,anchor);insert(target,if_block_anchor,anchor);current=true;},p(ctx,[dirty]){if(/*isVisible*/ctx[5]){if(if_block){if_block.p(ctx,dirty);if(dirty&/*isVisible*/32){transition_in(if_block,1);}}else {if_block=create_if_block$l(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$D($$self,$$props,$$invalidate){let isVisible;const[Variants,validateVariant]=typeValidator("Circular progress variant",["fullscreen","inline"]);const[Sizes,validateSize]=typeValidator("Button size",["small","large"]);let{variant="inline"}=$$props;let{size="large"}=$$props;let{message=""}=$$props;let{progress=-1}=$$props;let{visible="false"}=$$props;let spinnerSize;let fullscreen;let inline;onMount(_async(function(){validateVariant(variant);validateSize(size);$$invalidate(2,spinnerSize=size==="small"?"large":"xlarge");$$invalidate(3,fullscreen=variant==="fullscreen");$$invalidate(4,inline=variant==="inline");return _await();}));$$self.$$set=$$props=>{if('variant'in $$props)$$invalidate(6,variant=$$props.variant);if('size'in $$props)$$invalidate(7,size=$$props.size);if('message'in $$props)$$invalidate(0,message=$$props.message);if('progress'in $$props)$$invalidate(1,progress=$$props.progress);if('visible'in $$props)$$invalidate(8,visible=$$props.visible);};$$self.$$.update=()=>{if($$self.$$.dirty&/*visible*/256){$$invalidate(5,isVisible=toBoolean(visible));}};return [message,progress,spinnerSize,fullscreen,inline,isVisible,variant,size,visible];}class CircularProgress extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.fullscreen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:rgba(255, 255, 255, 0.9)}.inline{margin:3.5rem;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.spinner-large .message{margin-top:1.5rem;font-size:1.2rem}.spinner-xlarge .message{margin-top:2rem;font-size:1.5rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$D,create_fragment$H,safe_not_equal,{variant:6,size:7,message:0,progress:1,visible:8},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["variant","size","message","progress","visible"];}get variant(){return this.$$.ctx[6];}set variant(variant){this.$$set({variant});flush();}get size(){return this.$$.ctx[7];}set size(size){this.$$set({size});flush();}get message(){return this.$$.ctx[0];}set message(message){this.$$set({message});flush();}get progress(){return this.$$.ctx[1];}set progress(progress){this.$$set({progress});flush();}get visible(){return this.$$.ctx[8];}set visible(visible){this.$$set({visible});flush();}}customElements.define("goa-circular-progress",CircularProgress);/* libs/web-components/src/components/container/Container.svelte generated by Svelte v3.58.0 */function create_fragment$G(ctx){let div3;let header;let div0;let t0;let div1;let header_class_value;let t1;let div2;let div3_style_value;let div3_class_value;return {c(){div3=element("div");header=element("header");div0=element("div");div0.innerHTML=`<slot name="title"></slot>`;t0=space();div1=element("div");div1.innerHTML=`<slot name="actions"></slot>`;t1=space();div2=element("div");div2.innerHTML=`<slot></slot>`;this.c=noop;attr(div0,"class","title");attr(div1,"class","actions");attr(header,"class",header_class_value="heading--"+/*accent*/ctx[1]);attr(div2,"class","content");attr(div3,"data-testid",/*testid*/ctx[3]);attr(div3,"style",div3_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]));attr(div3,"class",div3_class_value=`
|
|
149
149
|
goa-container
|
|
@@ -155,30 +155,27 @@
|
|
|
155
155
|
goa-container--${/*type*/ctx[0]}
|
|
156
156
|
padding--${/*padding*/ctx[2]}
|
|
157
157
|
accent--${/*accent*/ctx[1]}
|
|
158
|
-
`)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$C($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$C,create_fragment$G,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.58.0 */function create_fragment$F(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$B($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$B,create_fragment$F,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.58.0 */function create_fragment$E(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$A($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$A,create_fragment$E,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.58.0 */function get_each_context_1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[50]=list[i];child_ctx[54]=i;return child_ctx;}function get_each_context$7(ctx,list,i){const child_ctx=ctx.slice();child_ctx[50]=list[i];return child_ctx;}// (270:2) {:else}
|
|
159
|
-
function create_else_block$9(ctx){let
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
function create_if_block$k(ctx){let select;let slot;let select_aria_label_value;let mounted;let dispose;let each_value=/*_options*/ctx[12];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$7(get_each_context$7(ctx,each_value,i));}return {c(){select=element("select");slot=element("slot");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}select.disabled=/*_disabled*/ctx[23];attr(select,"aria-label",select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);toggle_class(select,"error",/*_error*/ctx[24]);},m(target,anchor){insert(target,select,anchor);append(select,slot);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(select,null);}}/*select_binding*/ctx[32](select);if(!mounted){dispose=listen(select,"change",/*onNativeSelect*/ctx[28]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*_options*/4096){each_value=/*_options*/ctx[12];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$7(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$7(child_ctx);each_blocks[i].c();each_blocks[i].m(select,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty[0]&/*_disabled*/8388608){select.disabled=/*_disabled*/ctx[23];}if(dirty[0]&/*arialabel, name*/3&&select_aria_label_value!==(select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(select,"aria-label",select_aria_label_value);}if(dirty[0]&/*_error*/16777216){toggle_class(select,"error",/*_error*/ctx[24]);}},d(detaching){if(detaching)detach(select);destroy_each(each_blocks,detaching);/*select_binding*/ctx[32](null);mounted=false;dispose();}};}// (271:4) {#if _isMenuVisible}
|
|
169
|
-
function create_if_block_1$c(ctx){let div;let div_data_testid_value;let noscroll_action;let mounted;let dispose;return {c(){div=element("div");attr(div,"data-testid",div_data_testid_value=`${/*name*/ctx[0]}-dropdown-background`);attr(div,"class","dropdown-background");},m(target,anchor){insert(target,div,anchor);if(!mounted){dispose=[listen(div,"click",/*closeMenu*/ctx[26]),action_destroyer(noscroll_action=noscroll.call(null,div,{enable:/*_isMenuVisible*/ctx[17]}))];mounted=true;}},p(ctx,dirty){if(dirty[0]&/*name*/1&&div_data_testid_value!==(div_data_testid_value=`${/*name*/ctx[0]}-dropdown-background`)){attr(div,"data-testid",div_data_testid_value);}if(noscroll_action&&is_function(noscroll_action.update)&&dirty[0]&/*_isMenuVisible*/131072)noscroll_action.update.call(null,{enable:/*_isMenuVisible*/ctx[17]});},d(detaching){if(detaching)detach(div);mounted=false;run_all(dispose);}};}// (319:6) {#each _options as option, index (index)}
|
|
170
|
-
function create_each_block_1(key_1,ctx){let li;let t0_value=(/*option*/ctx[50].label||/*option*/ctx[50].value)+"";let t0;let t1;let li_id_value;let li_aria_label_value;let li_aria_selected_value;let li_data_testid_value;let li_data_index_value;let li_data_value_value;let li_style_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[33](/*option*/ctx[50]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[50].label);attr(li,"role","option");attr(li,"aria-label",li_aria_label_value=/*option*/ctx[50].label||/*option*/ctx[50].value);attr(li,"aria-selected",li_aria_selected_value=/*_values*/ctx[15].includes(/*option*/ctx[50].value)?"true":"false");attr(li,"class","dropdown-item");attr(li,"data-testid",li_data_testid_value=`dropdown-item-${/*option*/ctx[50].value}`);attr(li,"data-index",li_data_index_value=/*index*/ctx[54]);attr(li,"data-value",li_data_value_value=/*option*/ctx[50].value);attr(li,"style",li_style_value=`display: ${"block"}`);toggle_class(li,"dropdown-item--disabled",false);toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[54]===/*_highlightedIndex*/ctx[18]);toggle_class(li,"dropdown-item--selected",/*_values*/ctx[15].includes(/*option*/ctx[50].value));this.first=li;},m(target,anchor){insert(target,li,anchor);append(li,t0);append(li,t1);if(!mounted){dispose=listen(li,"click",click_handler);mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty[0]&/*_options*/4096&&t0_value!==(t0_value=(/*option*/ctx[50].label||/*option*/ctx[50].value)+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/4096&&li_id_value!==(li_id_value=/*option*/ctx[50].label)){attr(li,"id",li_id_value);}if(dirty[0]&/*_options*/4096&&li_aria_label_value!==(li_aria_label_value=/*option*/ctx[50].label||/*option*/ctx[50].value)){attr(li,"aria-label",li_aria_label_value);}if(dirty[0]&/*_values, _options*/36864&&li_aria_selected_value!==(li_aria_selected_value=/*_values*/ctx[15].includes(/*option*/ctx[50].value)?"true":"false")){attr(li,"aria-selected",li_aria_selected_value);}if(dirty[0]&/*_options*/4096&&li_data_testid_value!==(li_data_testid_value=`dropdown-item-${/*option*/ctx[50].value}`)){attr(li,"data-testid",li_data_testid_value);}if(dirty[0]&/*_options*/4096&&li_data_index_value!==(li_data_index_value=/*index*/ctx[54])){attr(li,"data-index",li_data_index_value);}if(dirty[0]&/*_options*/4096&&li_data_value_value!==(li_data_value_value=/*option*/ctx[50].value)){attr(li,"data-value",li_data_value_value);}if(dirty[0]&/*_options, _highlightedIndex*/266240){toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[54]===/*_highlightedIndex*/ctx[18]);}if(dirty[0]&/*_values, _options*/36864){toggle_class(li,"dropdown-item--selected",/*_values*/ctx[15].includes(/*option*/ctx[50].value));}},d(detaching){if(detaching)detach(li);mounted=false;dispose();}};}// (260:6) {#each _options as option}
|
|
158
|
+
`)){attr(div3,"class",div3_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);}};}function instance$C($$self,$$props,$$invalidate){const[Types,validateType]=typeValidator("Container type",["interactive","info","error","success","important","non-interactive"]);const[Accents,validateAccent]=typeValidator("Container accent",["thick","thin","filled"]);const[Paddings,validatePadding]=typeValidator("Container padding",["relaxed","compact"]);let{type="interactive"}=$$props;let{accent="filled"}=$$props;let{padding="relaxed"}=$$props;let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb="m"}=$$props;let{ml=null}=$$props;onMount(()=>{validateType(type);validateAccent(accent);validatePadding(padding);});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('accent'in $$props)$$invalidate(1,accent=$$props.accent);if('padding'in $$props)$$invalidate(2,padding=$$props.padding);if('testid'in $$props)$$invalidate(3,testid=$$props.testid);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};return [type,accent,padding,testid,mt,mr,mb,ml];}class Container extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;flex:1 1 auto}.goa-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.goa-container *{box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:var(--goa-font-size-4);border-width:1px;border-style:solid;border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.content{border-bottom:1px solid var(--goa-color-greyscale-200);border-left:1px solid var(--goa-color-greyscale-200);border-right:1px solid var(--goa-color-greyscale-200);border-bottom-left-radius:var(--goa-border-radius-m);border-bottom-right-radius:var(--goa-border-radius-m);display:flex;flex:1 1 auto;flex-direction:column}.content ::slotted(p:last-child){margin-bottom:0 !important}.goa-container--non-interactive.accent--filled .content{border-color:var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-100)}.goa-container--important.accent--filled .content{border-color:var(--goa-color-warning-default);background-color:var(--goa-color-warning-background)}.goa-container--error.accent--filled .content{border-color:var(--goa-color-emergency-default);background-color:var(--goa-color-emergency-background)}.goa-container--success.accent--filled .content{border-color:var(--goa-color-success-default);background-color:var(--goa-color-success-background)}.goa-container--info.accent--filled .content{border-color:var(--goa-color-info-default);background-color:var(--goa-color-info-background)}.title,.actions{padding:0.5rem 0}.padding--relaxed header{padding:0 1.5rem}.padding--relaxed .content{padding:1.5rem}.padding--compact header,.padding--compact .content{padding:0 1rem}.padding--compact header{padding:0 1rem}.padding--compact .content{padding:1rem}@media screen and (max-width: 480px){.padding--relaxed header{padding:0 1rem}.padding--relaxed .content{padding:1rem}}.goa-container--non-interactive header{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-black)}.goa-container--interactive header{background-color:var(--goa-color-brand-default);border-color:var(--goa-color-brand-default);color:var(--goa-color-greyscale-white)}.goa-container--info header{background-color:var(--goa-color-info-default);border-color:var(--goa-color-info-default);color:var(--goa-color-greyscale-white)}.goa-container--error header{background-color:var(--goa-color-emergency-default);border-color:var(--goa-color-emergency-default);color:var(--goa-color-greyscale-white)}.goa-container--success header{background-color:var(--goa-color-success-default);border-color:var(--goa-color-success-default);color:var(--goa-color-greyscale-white)}.goa-container--important header{background-color:var(--goa-color-warning-default);border-color:var(--goa-color-warning-default);color:var(--goa-color-greyscale-white)}.heading--thick{padding:0.5rem 1.5rem;max-height:3rem;min-height:1rem}.heading--thick .title{line-height:2rem}.heading--thin{height:0.5rem}.heading--filled{display:none}.heading--filled~.content{border-top:1px solid var(--goa-color-greyscale-200);border-top-left-radius:var(--goa-border-radius-m);border-top-right-radius:var(--goa-border-radius-m)}.heading--thin .title,.heading--thin .actions{display:none}.actions{display:flex;align-items:center}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$C,create_fragment$G,safe_not_equal,{type:0,accent:1,padding:2,testid:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","accent","padding","testid","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get accent(){return this.$$.ctx[1];}set accent(accent){this.$$set({accent});flush();}get padding(){return this.$$.ctx[2];}set padding(padding){this.$$set({padding});flush();}get testid(){return this.$$.ctx[3];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-container",Container);/* libs/web-components/src/components/details/Details.svelte generated by Svelte v3.58.0 */function create_fragment$F(ctx){let details;let summary;let goa_icon;let goa_icon_fillcolor_value;let t0;let span;let t1;let t2;let div;let details_style_value;let mounted;let dispose;return {c(){details=element("details");summary=element("summary");goa_icon=element("goa-icon");t0=space();span=element("span");t1=text(/*heading*/ctx[1]);t2=space();div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;set_custom_element_data(goa_icon,"mt","1");set_custom_element_data(goa_icon,"mr","2");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)");attr(div,"class","content");details.open=/*_isOpen*/ctx[9];attr(details,"style",details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]));},m(target,anchor){insert(target,details,anchor);append(details,summary);append(summary,goa_icon);append(summary,t0);append(summary,span);append(span,t1);/*summary_binding*/ctx[10](summary);append(details,t2);append(details,div);/*details_binding*/ctx[11](details);if(!mounted){dispose=listen(details,"toggle",/*toggle_handler*/ctx[12]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*_isMouseOver*/64&&goa_icon_fillcolor_value!==(goa_icon_fillcolor_value=/*_isMouseOver*/ctx[6]?"var(--goa-color-interactive-hover)":"var(--goa-color-interactive-default)")){set_custom_element_data(goa_icon,"fillcolor",goa_icon_fillcolor_value);}if(dirty&/*heading*/2)set_data(t1,/*heading*/ctx[1]);if(dirty&/*_isOpen*/512){details.open=/*_isOpen*/ctx[9];}if(dirty&/*mt, mr, mb, ml*/60&&details_style_value!==(details_style_value=calculateMargin(/*mt*/ctx[2],/*mr*/ctx[3],/*mb*/ctx[4],/*ml*/ctx[5]))){attr(details,"style",details_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(details);/*summary_binding*/ctx[10](null);/*details_binding*/ctx[11](null);mounted=false;dispose();}};}function instance$B($$self,$$props,$$invalidate){let _isOpen;let{heading}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let _isMouseOver=false;let _summaryEl;let _detailsEl;onMount(()=>{validateRequired("Details",{heading});_summaryEl.addEventListener("mouseover",()=>{$$invalidate(6,_isMouseOver=true);});_summaryEl.addEventListener("mouseout",()=>{$$invalidate(6,_isMouseOver=false);});});function summary_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_summaryEl=$$value;$$invalidate(7,_summaryEl);});}function details_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_detailsEl=$$value;$$invalidate(8,_detailsEl);});}const toggle_handler=({target})=>$$invalidate(0,open=`${target.open}`);$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(1,heading=$$props.heading);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);if('open'in $$props)$$invalidate(0,open=$$props.open);};$$self.$$.update=()=>{if($$self.$$.dirty&/*open*/1){$$invalidate(9,_isOpen=toBoolean(open));}};return [open,heading,mt,mr,mb,ml,_isMouseOver,_summaryEl,_detailsEl,_isOpen,summary_binding,details_binding,toggle_handler];}class Details extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{font-family:var(--goa-font-family-sans)}details{max-width:75ch;position:relative}details ::slotted(*){font:var(--goa-typography-body-m)}summary{padding:0.5rem;margin-bottom:0.5rem;cursor:pointer;list-style:none;display:flex;align-items:flex-start}goa-icon{position:absolute}details[open] goa-icon{transform:translateX(-1px) rotate(90deg);top:0.75rem}details summary::-webkit-details-marker{display:none}summary{border-radius:var(--goa-border-radius-m)}summary:focus,summary:active{outline:3px solid var(--goa-color-interactive-focus);border-radius:var(--goa-border-radius-m);color:var(--goa-color-interactive-hover);background-color:var(--goa-color-greyscale-100)}summary:hover{background-color:var(--goa-color-greyscale-100)}summary span{margin-left:2rem;text-decoration:underline;color:var(--goa-color-interactive-default);padding-bottom:var(--font-valign-fix);line-height:var(--goa-line-height-3)}summary:hover span{color:var(--goa-color-interactive-hover)}.content{border-left:4px solid var(--goa-color-greyscale-200);padding:1rem;margin-left:1.1rem;margin-bottom:var(--goa-space-s)}.content ::slotted(p:last-child){margin-bottom:0 !important}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$B,create_fragment$F,safe_not_equal,{heading:1,mt:2,mr:3,mb:4,ml:5,open:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","mt","mr","mb","ml","open"];}get heading(){return this.$$.ctx[1];}set heading(heading){this.$$set({heading});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[0];}set open(open){this.$$set({open});flush();}}customElements.define("goa-details",Details);/* libs/web-components/src/components/divider/Divider.svelte generated by Svelte v3.58.0 */function create_fragment$E(ctx){let hr;let hr_style_value;return {c(){hr=element("hr");this.c=noop;attr(hr,"data-testid",/*testid*/ctx[0]);attr(hr,"style",hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]));},m(target,anchor){insert(target,hr,anchor);},p(ctx,[dirty]){if(dirty&/*testid*/1){attr(hr,"data-testid",/*testid*/ctx[0]);}if(dirty&/*mt, mr, mb, ml*/30&&hr_style_value!==(hr_style_value=calculateMargin(/*mt*/ctx[1],/*mr*/ctx[2],/*mb*/ctx[3],/*ml*/ctx[4]))){attr(hr,"style",hr_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(hr);}};}function instance$A($$self,$$props,$$invalidate){let{testid=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('mt'in $$props)$$invalidate(1,mt=$$props.mt);if('mr'in $$props)$$invalidate(2,mr=$$props.mr);if('mb'in $$props)$$invalidate(3,mb=$$props.mb);if('ml'in $$props)$$invalidate(4,ml=$$props.ml);};return [testid,mt,mr,mb,ml];}class Divider extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`hr{padding:0;margin:0;height:1px;background-color:var(--goa-color-greyscale-200);border:none}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$A,create_fragment$E,safe_not_equal,{testid:0,mt:1,mr:2,mb:3,ml:4},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","mt","mr","mb","ml"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get mt(){return this.$$.ctx[1];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[2];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[3];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[4];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-divider",Divider);/* libs/web-components/src/components/dropdown/Dropdown.svelte generated by Svelte v3.58.0 */function get_each_context_1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[50]=list[i];child_ctx[54]=i;return child_ctx;}function get_each_context$7(ctx,list,i){const child_ctx=ctx.slice();child_ctx[50]=list[i];return child_ctx;}// (271:2) {:else}
|
|
159
|
+
function create_else_block$9(ctx){let slot;let t0;let goa_popover;let goa_input;let goa_input_arialabel_value;let goa_input_data_testid_value;let t1;let ul;let each_blocks=[];let each_1_lookup=new Map();let ul_style_value;let goa_popover_width_value;let mounted;let dispose;let each_value_1=/*_options*/ctx[12];const get_key=ctx=>/*index*/ctx[54];for(let i=0;i<each_value_1.length;i+=1){let child_ctx=get_each_context_1(ctx,each_value_1,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block_1(key,child_ctx));}return {c(){slot=element("slot");t0=space();goa_popover=element("goa-popover");goa_input=element("goa-input");t1=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}set_custom_element_data(goa_input,"slot","target");set_custom_element_data(goa_input,"error",/*error*/ctx[7]);set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);set_custom_element_data(goa_input,"aria-controls","menu");set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[17]);set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`);set_custom_element_data(goa_input,"readonly","");set_custom_element_data(goa_input,"role","combobox");set_custom_element_data(goa_input,"trailingicon","chevron-down");set_custom_element_data(goa_input,"type","text");set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[16]);set_custom_element_data(goa_input,"width","100%");set_custom_element_data(goa_input,"name",/*name*/ctx[0]);attr(ul,"id","menu");attr(ul,"role","listbox");attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[16]);attr(ul,"data-testid","dropdown-menu");attr(ul,"tabindex","0");attr(ul,"style",ul_style_value=`
|
|
160
|
+
overflow-y: auto;
|
|
161
|
+
max-height: ${/*maxheight*/ctx[3]};
|
|
162
|
+
`);set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[17]);set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"width",goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[19]);},m(target,anchor){insert(target,slot,anchor);insert(target,t0,anchor);insert(target,goa_popover,anchor);append(goa_popover,goa_input);append(goa_popover,t1);append(goa_popover,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*ul_binding*/ctx[32](ul);if(!mounted){dispose=listen(goa_input,"click",/*showMenu*/ctx[24]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*error*/128){set_custom_element_data(goa_input,"error",/*error*/ctx[7]);}if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_input,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*leadingicon*/4){set_custom_element_data(goa_input,"leadingicon",/*leadingicon*/ctx[2]);}if(dirty[0]&/*placeholder*/16){set_custom_element_data(goa_input,"placeholder",/*placeholder*/ctx[4]);}if(dirty[0]&/*_isMenuVisible*/131072){set_custom_element_data(goa_input,"aria-expanded",/*_isMenuVisible*/ctx[17]);}if(dirty[0]&/*arialabel, name*/3&&goa_input_arialabel_value!==(goa_input_arialabel_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){set_custom_element_data(goa_input,"arialabel",goa_input_arialabel_value);}if(dirty[0]&/*name*/1&&goa_input_data_testid_value!==(goa_input_data_testid_value=`${/*name*/ctx[0]}-dropdown-input`)){set_custom_element_data(goa_input,"data-testid",goa_input_data_testid_value);}if(dirty[0]&/*_selectedLabel*/65536){set_custom_element_data(goa_input,"value",/*_selectedLabel*/ctx[16]);}if(dirty[0]&/*name*/1){set_custom_element_data(goa_input,"name",/*name*/ctx[0]);}if(dirty[0]&/*_options, _values, _highlightedIndex, onSelect*/33853440){each_value_1=/*_options*/ctx[12];each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value_1,each_1_lookup,ul,destroy_block,create_each_block_1,null,get_each_context_1);}if(dirty[0]&/*_selectedLabel*/65536){attr(ul,"aria-activedescendant",/*_selectedLabel*/ctx[16]);}if(dirty[0]&/*maxheight*/8&&ul_style_value!==(ul_style_value=`
|
|
163
|
+
overflow-y: auto;
|
|
164
|
+
max-height: ${/*maxheight*/ctx[3]};
|
|
165
|
+
`)){attr(ul,"style",ul_style_value);}if(dirty[0]&/*disabled*/64){set_custom_element_data(goa_popover,"disabled",/*disabled*/ctx[6]);}if(dirty[0]&/*_isMenuVisible*/131072){set_custom_element_data(goa_popover,"open",/*_isMenuVisible*/ctx[17]);}if(dirty[0]&/*width, _computedWidth*/524320&&goa_popover_width_value!==(goa_popover_width_value=/*width*/ctx[5]||/*_computedWidth*/ctx[19])){set_custom_element_data(goa_popover,"width",goa_popover_width_value);}},d(detaching){if(detaching)detach(slot);if(detaching)detach(t0);if(detaching)detach(goa_popover);for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}/*ul_binding*/ctx[32](null);mounted=false;dispose();}};}// (252:2) {#if _native}
|
|
166
|
+
function create_if_block$k(ctx){let select;let slot;let select_aria_label_value;let mounted;let dispose;let each_value=/*_options*/ctx[12];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$7(get_each_context$7(ctx,each_value,i));}return {c(){select=element("select");slot=element("slot");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}select.disabled=/*_disabled*/ctx[22];attr(select,"aria-label",select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0]);toggle_class(select,"error",/*_error*/ctx[23]);},m(target,anchor){insert(target,select,anchor);append(select,slot);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(select,null);}}/*select_binding*/ctx[30](select);if(!mounted){dispose=listen(select,"change",/*onNativeSelect*/ctx[26]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*_options*/4096){each_value=/*_options*/ctx[12];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$7(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$7(child_ctx);each_blocks[i].c();each_blocks[i].m(select,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}if(dirty[0]&/*_disabled*/4194304){select.disabled=/*_disabled*/ctx[22];}if(dirty[0]&/*arialabel, name*/3&&select_aria_label_value!==(select_aria_label_value=/*arialabel*/ctx[1]||/*name*/ctx[0])){attr(select,"aria-label",select_aria_label_value);}if(dirty[0]&/*_error*/8388608){toggle_class(select,"error",/*_error*/ctx[23]);}},d(detaching){if(detaching)detach(select);destroy_each(each_blocks,detaching);/*select_binding*/ctx[30](null);mounted=false;dispose();}};}// (310:8) {#each _options as option, index (index)}
|
|
167
|
+
function create_each_block_1(key_1,ctx){let li;let t0_value=(/*option*/ctx[50].label||/*option*/ctx[50].value)+"";let t0;let t1;let li_id_value;let li_aria_label_value;let li_aria_selected_value;let li_data_testid_value;let li_data_index_value;let li_data_value_value;let li_style_value;let mounted;let dispose;function click_handler(){return(/*click_handler*/ctx[31](/*option*/ctx[50]));}return {key:key_1,first:null,c(){li=element("li");t0=text(t0_value);t1=space();attr(li,"id",li_id_value=/*option*/ctx[50].label);attr(li,"role","option");attr(li,"aria-label",li_aria_label_value=/*option*/ctx[50].label||/*option*/ctx[50].value);attr(li,"aria-selected",li_aria_selected_value=/*_values*/ctx[15].includes(/*option*/ctx[50].value)?"true":"false");attr(li,"class","dropdown-item");attr(li,"data-testid",li_data_testid_value=`dropdown-item-${/*option*/ctx[50].value}`);attr(li,"data-index",li_data_index_value=/*index*/ctx[54]);attr(li,"data-value",li_data_value_value=/*option*/ctx[50].value);attr(li,"style",li_style_value=`display: ${"block"}`);toggle_class(li,"dropdown-item--disabled",false);toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[54]===/*_highlightedIndex*/ctx[18]);toggle_class(li,"dropdown-item--selected",/*_values*/ctx[15].includes(/*option*/ctx[50].value));this.first=li;},m(target,anchor){insert(target,li,anchor);append(li,t0);append(li,t1);if(!mounted){dispose=listen(li,"click",click_handler);mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty[0]&/*_options*/4096&&t0_value!==(t0_value=(/*option*/ctx[50].label||/*option*/ctx[50].value)+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/4096&&li_id_value!==(li_id_value=/*option*/ctx[50].label)){attr(li,"id",li_id_value);}if(dirty[0]&/*_options*/4096&&li_aria_label_value!==(li_aria_label_value=/*option*/ctx[50].label||/*option*/ctx[50].value)){attr(li,"aria-label",li_aria_label_value);}if(dirty[0]&/*_values, _options*/36864&&li_aria_selected_value!==(li_aria_selected_value=/*_values*/ctx[15].includes(/*option*/ctx[50].value)?"true":"false")){attr(li,"aria-selected",li_aria_selected_value);}if(dirty[0]&/*_options*/4096&&li_data_testid_value!==(li_data_testid_value=`dropdown-item-${/*option*/ctx[50].value}`)){attr(li,"data-testid",li_data_testid_value);}if(dirty[0]&/*_options*/4096&&li_data_index_value!==(li_data_index_value=/*index*/ctx[54])){attr(li,"data-index",li_data_index_value);}if(dirty[0]&/*_options*/4096&&li_data_value_value!==(li_data_value_value=/*option*/ctx[50].value)){attr(li,"data-value",li_data_value_value);}if(dirty[0]&/*_options, _highlightedIndex*/266240){toggle_class(li,"dropdown-item--tabbed",/*index*/ctx[54]===/*_highlightedIndex*/ctx[18]);}if(dirty[0]&/*_values, _options*/36864){toggle_class(li,"dropdown-item--selected",/*_values*/ctx[15].includes(/*option*/ctx[50].value));}},d(detaching){if(detaching)detach(li);mounted=false;dispose();}};}// (261:6) {#each _options as option}
|
|
171
168
|
function create_each_block$7(ctx){let option;let t0_value=/*option*/ctx[50].label+"";let t0;let t1;let option_selected_value;let option_value_value;let option_aria_label_value;return {c(){option=element("option");t0=text(t0_value);t1=space();option.selected=option_selected_value=/*option*/ctx[50].selected;option.__value=option_value_value=/*option*/ctx[50].value;option.value=option.__value;attr(option,"aria-label",option_aria_label_value=/*option*/ctx[50].label);},m(target,anchor){insert(target,option,anchor);append(option,t0);append(option,t1);},p(ctx,dirty){if(dirty[0]&/*_options*/4096&&t0_value!==(t0_value=/*option*/ctx[50].label+""))set_data(t0,t0_value);if(dirty[0]&/*_options*/4096&&option_selected_value!==(option_selected_value=/*option*/ctx[50].selected)){option.selected=option_selected_value;}if(dirty[0]&/*_options*/4096&&option_value_value!==(option_value_value=/*option*/ctx[50].value)){option.__value=option_value_value;option.value=option.__value;}if(dirty[0]&/*_options*/4096&&option_aria_label_value!==(option_aria_label_value=/*option*/ctx[50].label)){attr(option,"aria-label",option_aria_label_value);}},d(detaching){if(detaching)detach(option);}};}function create_fragment$D(ctx){let div;let div_data_testid_value;let div_style_value;function select_block_type(ctx,dirty){if(/*_native*/ctx[14])return create_if_block$k;return create_else_block$9;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div=element("div");if_block.c();this.c=noop;attr(div,"data-testid",div_data_testid_value=`${/*name*/ctx[0]}-dropdown`);attr(div,"class","dropdown");attr(div,"style",div_style_value=`
|
|
172
169
|
${calculateMargin(/*mt*/ctx[8],/*mr*/ctx[9],/*mb*/ctx[10],/*ml*/ctx[11])}
|
|
173
170
|
--width: ${/*width*/ctx[5]||/*_computedWidth*/ctx[19]}
|
|
174
|
-
`);toggle_class(div,"dropdown-native",/*_native*/ctx[14]);},m(target,anchor){insert(target,div,anchor);if_block.m(div,null);/*div_binding*/ctx[
|
|
171
|
+
`);toggle_class(div,"dropdown-native",/*_native*/ctx[14]);},m(target,anchor){insert(target,div,anchor);if_block.m(div,null);/*div_binding*/ctx[33](div);},p(ctx,dirty){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(div,null);}}if(dirty[0]&/*name*/1&&div_data_testid_value!==(div_data_testid_value=`${/*name*/ctx[0]}-dropdown`)){attr(div,"data-testid",div_data_testid_value);}if(dirty[0]&/*mt, mr, mb, ml, width, _computedWidth*/528160&&div_style_value!==(div_style_value=`
|
|
175
172
|
${calculateMargin(/*mt*/ctx[8],/*mr*/ctx[9],/*mb*/ctx[10],/*ml*/ctx[11])}
|
|
176
173
|
--width: ${/*width*/ctx[5]||/*_computedWidth*/ctx[19]}
|
|
177
|
-
`)){attr(div,"style",div_style_value);}if(dirty[0]&/*_native*/16384){toggle_class(div,"dropdown-native",/*_native*/ctx[14]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if_block.d();/*div_binding*/ctx[
|
|
174
|
+
`)){attr(div,"style",div_style_value);}if(dirty[0]&/*_native*/16384){toggle_class(div,"dropdown-native",/*_native*/ctx[14]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if_block.d();/*div_binding*/ctx[33](null);}};}function parseValues(selectedValue){let rawValue;try{rawValue=JSON.parse(selectedValue||`[""]`);}catch(e){rawValue=[selectedValue];}const rawValues=typeof rawValue==="object"?rawValue:[rawValue];// convert all values to strings to avoid later type comparison issues
|
|
178
175
|
return rawValues.map(val=>`${val}`);}function instance$z($$self,$$props,$$invalidate){const showMenu=_async(function(){if(_disabled||_isMenuVisible){return;}$$invalidate(17,_isMenuVisible=true);return _call(tick,function(){// hide menu on blur
|
|
179
176
|
_menuEl.addEventListener("blur",closeMenu);// bind up/down arrows to navigate options
|
|
180
177
|
_menuEl.addEventListener("mouseover",onHighlight);setDropdownMenuPosition();});});let _disabled;let _error;let _multiselect;let _native;let{name}=$$props;let{arialabel=""}=$$props;let{value=""}=$$props;let{leadingicon=null}=$$props;let{maxheight="276px"}=$$props;let{placeholder=""}=$$props;let{width=""}=$$props;let{disabled="false"}=$$props;let{error="false"}=$$props;let{multiselect="false"}=$$props;let{native="false"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;// Private
|
|
181
|
-
let _values=[];let _options=[];let _selectedLabel="";let _isMenuVisible=false;let _highlightedIndex=0;let _computedWidth;let
|
|
178
|
+
let _values=[];let _options=[];let _selectedLabel="";let _isMenuVisible=false;let _highlightedIndex=0;let _computedWidth;let _el;let _menuEl;let _selectEl;onMount(_async(function(){// watch for DOM changes within the slot => dynamic binding
|
|
182
179
|
const slot=_el.querySelector("slot");slot===null||slot===void 0?void 0:slot.addEventListener("slotchange",_e=>{$$invalidate(16,_selectedLabel="");$$invalidate(15,_values=parseValues(value));$$invalidate(12,_options=getOptions());});return _await();}));onDestroy(()=>{removeKeyboardEventListeners();});// Functions
|
|
183
180
|
function getChildren(){const slot=_el.querySelector("slot");if(slot){// default
|
|
184
181
|
return slot.assignedElements();}// unit tests
|
|
@@ -186,18 +183,18 @@
|
|
|
186
183
|
// The children don't have to be goa-dropdown-item elements. Any child element
|
|
187
184
|
// work as long as it has a value and label content
|
|
188
185
|
function getOptions(){const children=getChildren();return children.filter(child=>child.tagName==="GOA-DROPDOWN-ITEM").map(el=>{const option=el;const value=el.getAttribute("value")||option.value||"";const label=el.getAttribute("label")||option.label||value;const selected=_values.includes(value);if(selected){$$invalidate(16,_selectedLabel=label);$$invalidate(15,_values=[value]);}return {selected,value,label};});}// compute the required width to enure all children fit
|
|
189
|
-
function getCustomDropdownWidth(options){let width;let maxCount=0;if(options.length===0&&placeholder!==""){return `${placeholder.length+12}ch`;}options.forEach(option=>{const label=option.label||option.value||"";if(!width&&maxCount<label.length){maxCount=label.length;width=`${Math.max(20,maxCount+12)}ch`;}});return width;}function addKeyboardEventListeners(){_el.addEventListener("focus",onFocus,true);_el.addEventListener("blur",onBlur,true);}function removeKeyboardEventListeners(){_el.removeEventListener("focus",onFocus,true);_el.removeEventListener("blur",onBlur,true);}function closeMenu(){_menuEl.removeEventListener("blur",closeMenu);_menuEl.removeEventListener("mouseover",onHighlight);setHighlightedIndexToSelected();$$invalidate(17,_isMenuVisible=false)
|
|
186
|
+
function getCustomDropdownWidth(options){let width;let maxCount=0;if(options.length===0&&placeholder!==""){return `${placeholder.length+12}ch`;}options.forEach(option=>{const label=option.label||option.value||"";if(!width&&maxCount<label.length){maxCount=label.length;width=`${Math.max(20,maxCount+12)}ch`;}});return width;}function addKeyboardEventListeners(){_el.addEventListener("focus",onFocus,true);_el.addEventListener("blur",onBlur,true);}function removeKeyboardEventListeners(){_el.removeEventListener("focus",onFocus,true);_el.removeEventListener("blur",onBlur,true);}function closeMenu(){_menuEl.removeEventListener("blur",closeMenu);_menuEl.removeEventListener("mouseover",onHighlight);setHighlightedIndexToSelected();$$invalidate(17,_isMenuVisible=false);}function setDropdownMenuPosition(){const dropdownRect=_el.getBoundingClientRect();const menuRect=_menuEl.getBoundingClientRect();if(window.innerHeight-dropdownRect.top<dropdownRect.height+menuRect.height){menuRect.top-dropdownRect.top+'px';}}function setHighlightedIndexToSelected(){$$invalidate(18,_highlightedIndex=_options.findIndex(option=>_values.includes(option.value)));}// Event handlers
|
|
190
187
|
/**
|
|
191
188
|
* @property value the selected value
|
|
192
|
-
*/function onSelect(value,label,close){if(_disabled)return;$$invalidate(16,_selectedLabel=label);let detail;if(_multiselect){_values.push(value);detail={name,values:_values};}else {$$invalidate(15,_values=[value]);detail={name,value};}_el.dispatchEvent(new CustomEvent("_change",{composed:true,detail}));if(close){closeMenu();}}const onInputKeyDown=e=>{switch(e.key){case" ":case"Enter":_isMenuVisible?closeMenu():showMenu();e.preventDefault();break;case"Escape":_isMenuVisible&&closeMenu();e.preventDefault();break;case"ArrowDown":if(e.altKey){_isMenuVisible?closeMenu():showMenu();break;}_handleArrowDown();e.preventDefault();break;case"ArrowUp":if(e.altKey){_isMenuVisible?closeMenu():showMenu();break;}_handleArrowUp();e.preventDefault();break;}};function _handleArrowDown(){if(_highlightedIndex<_options.length-1){$$invalidate(18,_highlightedIndex++,_highlightedIndex);onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);}}function _handleArrowUp(){if(_highlightedIndex>0){$$invalidate(18,_highlightedIndex--,_highlightedIndex);onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);}}// add required bindings to component
|
|
189
|
+
*/function onSelect(value,label,close){if(_disabled)return;$$invalidate(16,_selectedLabel=label);let detail;if(_multiselect){_values.push(value);detail={name,values:_values};}else {$$invalidate(15,_values=[value]);detail={name,value};}_el.dispatchEvent(new CustomEvent("_change",{composed:true,detail}));if(close){closeMenu();}}const onInputKeyDown=e=>{switch(e.key){case" ":case"Enter":_isMenuVisible?closeMenu():showMenu();e.preventDefault();break;case"Escape":_isMenuVisible&&closeMenu();e.preventDefault();e.stopPropagation();break;case"ArrowDown":if(e.altKey){_isMenuVisible?closeMenu():showMenu();break;}_handleArrowDown();e.preventDefault();break;case"ArrowUp":if(e.altKey){_isMenuVisible?closeMenu():showMenu();break;}_handleArrowUp();e.preventDefault();break;}};function _handleArrowDown(){if(_highlightedIndex<_options.length-1){$$invalidate(18,_highlightedIndex++,_highlightedIndex);onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);}}function _handleArrowUp(){if(_highlightedIndex>0){$$invalidate(18,_highlightedIndex--,_highlightedIndex);onSelect(_options[_highlightedIndex].value,_options[_highlightedIndex].label,false);}}// add required bindings to component
|
|
193
190
|
function onFocus(){_el.addEventListener("keydown",onInputKeyDown);}// remove all bindings from component
|
|
194
|
-
function onBlur(){_el.removeEventListener("keydown",onInputKeyDown);}function onHighlight(e){$$invalidate(18,_highlightedIndex=Number(e.target.dataset.index));}function onNativeSelect(e){const target=e.currentTarget;const option=_options[target.selectedIndex];onSelect(option.value,option.label);}function select_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_selectEl=$$value;$$invalidate(
|
|
191
|
+
function onBlur(){_el.removeEventListener("keydown",onInputKeyDown);}function onHighlight(e){$$invalidate(18,_highlightedIndex=Number(e.target.dataset.index));}function onNativeSelect(e){const target=e.currentTarget;const option=_options[target.selectedIndex];onSelect(option.value,option.label);}function select_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_selectEl=$$value;$$invalidate(21,_selectEl);((($$invalidate(12,_options),$$invalidate(13,_el)),$$invalidate(27,value)),$$invalidate(14,_native)),$$invalidate(29,native);});}const click_handler=option=>onSelect(option.value,option.label,true);function ul_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_menuEl=$$value;$$invalidate(20,_menuEl);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(13,_el);});}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(0,name=$$props.name);if('arialabel'in $$props)$$invalidate(1,arialabel=$$props.arialabel);if('value'in $$props)$$invalidate(27,value=$$props.value);if('leadingicon'in $$props)$$invalidate(2,leadingicon=$$props.leadingicon);if('maxheight'in $$props)$$invalidate(3,maxheight=$$props.maxheight);if('placeholder'in $$props)$$invalidate(4,placeholder=$$props.placeholder);if('width'in $$props)$$invalidate(5,width=$$props.width);if('disabled'in $$props)$$invalidate(6,disabled=$$props.disabled);if('error'in $$props)$$invalidate(7,error=$$props.error);if('multiselect'in $$props)$$invalidate(28,multiselect=$$props.multiselect);if('native'in $$props)$$invalidate(29,native=$$props.native);if('mt'in $$props)$$invalidate(8,mt=$$props.mt);if('mr'in $$props)$$invalidate(9,mr=$$props.mr);if('mb'in $$props)$$invalidate(10,mb=$$props.mb);if('ml'in $$props)$$invalidate(11,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty[0]&/*disabled*/64){$$invalidate(22,_disabled=toBoolean(disabled));}if($$self.$$.dirty[0]&/*error*/128){$$invalidate(23,_error=toBoolean(error));}if($$self.$$.dirty[0]&/*multiselect*/268435456){_multiselect=toBoolean(multiselect);}if($$self.$$.dirty[0]&/*native*/536870912){$$invalidate(14,_native=toBoolean(native));}if($$self.$$.dirty[0]&/*_el, value, _native, _options*/134246400){{if(_el){$$invalidate(15,_values=parseValues(value));$$invalidate(12,_options=getOptions());if(!_native){$$invalidate(19,_computedWidth=getCustomDropdownWidth(_options));addKeyboardEventListeners();setHighlightedIndexToSelected();}}}}};return [name,arialabel,leadingicon,maxheight,placeholder,width,disabled,error,mt,mr,mb,ml,_options,_el,_native,_values,_selectedLabel,_isMenuVisible,_highlightedIndex,_computedWidth,_menuEl,_selectEl,_disabled,_error,showMenu,onSelect,onNativeSelect,value,multiselect,native,select_binding,click_handler,ul_binding,div_binding];}class Dropdown extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.dropdown{cursor:pointer;display:inline-block;width:var(--width, 100%)}.dropdown-item{margin:0;padding:0.5rem;cursor:pointer;color:var(--goa-color-greyscale-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item--tabbed{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}.dropdown-item--disabled{opacity:0.5;cursor:default}.dropdown-item--disabled:hover{cursor:default;color:var(--goa-color-greyscale-700)}.dropdown-item--selected{background:var(--goa-color-interactive-default);color:var(--goa-color-greyscale-white)}.dropdown-item--tabbed.dropdown-item--selected,.dropdown-item--selected:hover{background:var(--goa-color-interactive-hover);color:var(--goa-color-greyscale-white)}.dropdown-native{border:1px solid var(--goa-color-greyscale-700);border-radius:var(--goa-border-radius-m);background-color:var(--goa-color-greyscale-white);transition:box-shadow 0.1s ease-in}.dropdown-native:has(select:disabled){background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);box-shadow:none;color:var(--goa-color-text-secondary);cursor:default}.dropdown-native:has(select.error){border:2px solid var(--goa-color-interactive-error)}.dropdown-native:hover{border-color:var(--goa-color-interactive-hover);box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}select{border:none;background-color:transparent;color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);appearance:none;padding:calc(var(--goa-space-xs) + 2px);padding-left:0.5rem;padding-right:3rem;outline:none;width:100%}.dropdown-native::after{content:"";position:absolute;right:0.6rem;top:0.6rem;pointer-events:none;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' /%3E%3C/svg%3E");background-repeat:none}.dropdown-native:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive-focus)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$z,create_fragment$D,safe_not_equal,{name:0,arialabel:1,value:27,leadingicon:2,maxheight:3,placeholder:4,width:5,disabled:6,error:7,multiselect:28,native:29,mt:8,mr:9,mb:10,ml:11},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","arialabel","value","leadingicon","maxheight","placeholder","width","disabled","error","multiselect","native","mt","mr","mb","ml"];}get name(){return this.$$.ctx[0];}set name(name){this.$$set({name});flush();}get arialabel(){return this.$$.ctx[1];}set arialabel(arialabel){this.$$set({arialabel});flush();}get value(){return this.$$.ctx[27];}set value(value){this.$$set({value});flush();}get leadingicon(){return this.$$.ctx[2];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get maxheight(){return this.$$.ctx[3];}set maxheight(maxheight){this.$$set({maxheight});flush();}get placeholder(){return this.$$.ctx[4];}set placeholder(placeholder){this.$$set({placeholder});flush();}get width(){return this.$$.ctx[5];}set width(width){this.$$set({width});flush();}get disabled(){return this.$$.ctx[6];}set disabled(disabled){this.$$set({disabled});flush();}get error(){return this.$$.ctx[7];}set error(error){this.$$set({error});flush();}get multiselect(){return this.$$.ctx[28];}set multiselect(multiselect){this.$$set({multiselect});flush();}get native(){return this.$$.ctx[29];}set native(native){this.$$set({native});flush();}get mt(){return this.$$.ctx[8];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[9];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[10];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[11];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-dropdown",Dropdown);/* libs/web-components/src/components/dropdown/DropdownItem.svelte generated by Svelte v3.58.0 */function create_fragment$C(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}class DropdownItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$C,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-dropdown-item",DropdownItem);/* libs/web-components/src/components/focus-trap/FocusTrap.svelte generated by Svelte v3.58.0 */function create_fragment$B(ctx){let div;return {c(){div=element("div");div.innerHTML=`<span data-tab-boundry="start" tabindex="0"></span>
|
|
195
192
|
<slot></slot>
|
|
196
193
|
|
|
197
194
|
<span data-tab-boundry="end" tabindex="0"></span>`;this.c=noop;},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[1](div);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[1](null);}};}function isFocusable(node){const element=node;const isTabbable=element.tabIndex>0||element.tabIndex===0&&element.getAttribute('tabIndex')!==null;if(isTabbable)return node;if(element["disabled"])return null;switch(element.nodeName){case'A':{const el=element;if(!!el.href&&el.rel!=='ignore')return node;}case'INPUT':{const el=element;if(el.type!=='hidden'&&el.type!=='file')return node;}case'BUTTON':case'SELECT':case'TEXTAREA':return node;default:return null;}}function instance$y($$self,$$props,$$invalidate){let rootEl;let boundryStartEl;let boundryEndEl;let isShiftPressed;// Hooks
|
|
198
|
-
onMount(()
|
|
195
|
+
onMount(function(){return _call(tick,function(){// event is attached to the rootEl, eliminating the need to remove the listener since it
|
|
199
196
|
// will be removed when the associated element is removed.
|
|
200
|
-
rootEl.addEventListener("focus",onFocus,true);rootEl.addEventListener("keydown",onKeydown,true);rootEl.addEventListener("keyup",onKeyup,true);boundryStartEl=rootEl.querySelector("[data-tab-boundry=start]");boundryEndEl=rootEl.querySelector("[data-tab-boundry=end]");});function onKeydown(e){if(e.shiftKey)isShiftPressed=true;}function onKeyup(e){if(e.shiftKey)isShiftPressed=false;}// Focus event handler
|
|
197
|
+
rootEl.addEventListener("focus",onFocus,true);rootEl.addEventListener("keydown",onKeydown,true);rootEl.addEventListener("keyup",onKeyup,true);boundryStartEl=rootEl.querySelector("[data-tab-boundry=start]");boundryEndEl=rootEl.querySelector("[data-tab-boundry=end]");});});function onKeydown(e){if(e.shiftKey)isShiftPressed=true;}function onKeyup(e){if(e.shiftKey)isShiftPressed=false;}// Focus event handler
|
|
201
198
|
function onFocus(event){const el=event.target;if(el.dataset.tabBoundry==="start"){if(isShiftPressed){boundryEndEl.focus();return;}const next=findFirstNode([el.nextElementSibling],false);next===null||next===void 0?void 0:next.focus();return;}if(el.dataset.tabBoundry==="end"){if(!isShiftPressed){boundryStartEl.focus();return;}const next=findFirstNode([el.previousElementSibling],true);next===null||next===void 0?void 0:next.focus();return;}}function findFirstNode(nodes,reversed=false){const nodeList=reversed?[...nodes].reverse():nodes;for(const node of nodeList){const el=isFocusable(node)||findFirstNode(node.childNodes,reversed)||findFirstNodeOfSlot(node,reversed)||findFirstNodeOfShadowDOM(node,reversed);if(el){return el;}}return null;}function findFirstNodeOfSlot(node,reversed){if(!(node instanceof HTMLSlotElement))return null;return findFirstNode([...node.assignedNodes()],reversed);}function findFirstNodeOfShadowDOM(node,reversed){var _a;if(!(node instanceof HTMLElement))return null;return findFirstNode([...(((_a=node.shadowRoot)===null||_a===void 0?void 0:_a.childNodes)||[])],reversed);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(0,rootEl);});}return [rootEl,div_binding];}class FocusTrap extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`div{display:inline}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$y,create_fragment$B,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-focus-trap",FocusTrap);/* libs/web-components/src/components/footer/Footer.svelte generated by Svelte v3.58.0 */function create_if_block$j(ctx){let goa_divider;return {c(){goa_divider=element("goa-divider");set_custom_element_data(goa_divider,"spacing","small");},m(target,anchor){insert(target,goa_divider,anchor);},d(detaching){if(detaching)detach(goa_divider);}};}function create_fragment$A(ctx){let div5;let div4;let div0;let t0;let t1;let div3;let div1;let t2;let div2;let a0;let t3;let a1;let div5_style_value;let if_block=/*navLinks*/ctx[2]&&/*navLinks*/ctx[2].length>0&&create_if_block$j();return {c(){div5=element("div");div4=element("div");div0=element("div");div0.innerHTML=`<slot name="nav"></slot>`;t0=space();if(if_block)if_block.c();t1=space();div3=element("div");div1=element("div");div1.innerHTML=`<slot name="meta"></slot>`;t2=space();div2=element("div");a0=element("a");a0.innerHTML=`<img alt="GoA Logo" class="logo" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E"/>`;t3=space();a1=element("a");a1.textContent=`© ${/*year*/ctx[4]} Government of Alberta`;this.c=noop;attr(div0,"class","nav-links");attr(div1,"class","meta-links");attr(a0,"href","https://alberta.ca");attr(a1,"href","https://alberta.ca");attr(a1,"class","goa-copyright");attr(div2,"class","abgov");toggle_class(div2,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);attr(div3,"class","meta-section");toggle_class(div3,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);attr(div4,"class","content");attr(div5,"class","app-footer");attr(div5,"style",div5_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[0]||"100%"}`);},m(target,anchor){insert(target,div5,anchor);append(div5,div4);append(div4,div0);append(div4,t0);if(if_block)if_block.m(div4,null);append(div4,t1);append(div4,div3);append(div3,div1);append(div3,t2);append(div3,div2);append(div2,a0);append(div2,t3);append(div2,a1);/*div5_binding*/ctx[5](div5);},p(ctx,[dirty]){if(/*navLinks*/ctx[2]&&/*navLinks*/ctx[2].length>0){if(if_block);else {if_block=create_if_block$j();if_block.c();if_block.m(div4,t1);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*metaLinks*/8){toggle_class(div2,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);}if(dirty&/*metaLinks*/8){toggle_class(div3,"with-meta-links",/*metaLinks*/ctx[3]&&/*metaLinks*/ctx[3].length>0);}if(dirty&/*maxcontentwidth*/1&&div5_style_value!==(div5_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[0]||"100%"}`)){attr(div5,"style",div5_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div5);if(if_block)if_block.d();/*div5_binding*/ctx[5](null);}};}function instance$x($$self,$$props,$$invalidate){let{maxcontentwidth=""}=$$props;let rootEl;let navLinks;let metaLinks;const year=new Date().getFullYear();onMount(function(){return _call(tick,function(){const navSlot=rootEl.querySelector("slot[name=nav]");const metaSlot=rootEl.querySelector("slot[name=meta]");$$invalidate(2,navLinks=navSlot.assignedElements());$$invalidate(3,metaLinks=metaSlot.assignedElements());});});function div5_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(1,rootEl);});}$$self.$$set=$$props=>{if('maxcontentwidth'in $$props)$$invalidate(0,maxcontentwidth=$$props.maxcontentwidth);};return [maxcontentwidth,rootEl,navLinks,metaLinks,year,div5_binding];}class Footer extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.app-footer{background-color:var(--goa-color-greyscale-100);border-top:2px solid var(--goa-color-greyscale-200);border-bottom:1rem solid var(--goa-color-brand-default)}.content{padding:2rem 1rem;margin:0 auto;width:min(var(--max-content-width), 100%)}@media(min-width: 640px){.content{padding:2rem 2rem}}@media(min-width: 1024px){.content{padding:2rem 4.5rem}}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width: 640px){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media(min-width: 640px){.abgov.with-meta-links{align-items:flex-end}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$x,create_fragment$A,safe_not_equal,{maxcontentwidth:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["maxcontentwidth"];}get maxcontentwidth(){return this.$$.ctx[0];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-app-footer",Footer);/* libs/web-components/src/components/footer-meta-section/FooterMetaSection.svelte generated by Svelte v3.58.0 */function get_each_context$6(ctx,list,i){const child_ctx=ctx.slice();child_ctx[3]=list[i];return child_ctx;}// (52:4) {#each children as child}
|
|
202
199
|
function create_each_block$6(ctx){let li;let a;let t_value=/*child*/ctx[3].innerHTML+"";let t;let a_href_value;return {c(){li=element("li");a=element("a");t=text(t_value);attr(a,"href",a_href_value=/*child*/ctx[3].href);},m(target,anchor){insert(target,li,anchor);append(li,a);append(a,t);},p(ctx,dirty){if(dirty&/*children*/2&&t_value!==(t_value=/*child*/ctx[3].innerHTML+""))set_data(t,t_value);if(dirty&/*children*/2&&a_href_value!==(a_href_value=/*child*/ctx[3].href)){attr(a,"href",a_href_value);}},d(detaching){if(detaching)detach(li);}};}function create_fragment$z(ctx){let section;let div;let t;let ul;let each_value=/*children*/ctx[1];let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$6(get_each_context$6(ctx,each_value,i));}return {c(){section=element("section");div=element("div");div.innerHTML=`<slot></slot>`;t=space();ul=element("ul");for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}this.c=noop;attr(div,"class","hidden");},m(target,anchor){insert(target,section,anchor);append(section,div);append(section,t);append(section,ul);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*section_binding*/ctx[2](section);},p(ctx,[dirty]){if(dirty&/*children*/2){each_value=/*children*/ctx[1];let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$6(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);}else {each_blocks[i]=create_each_block$6(child_ctx);each_blocks[i].c();each_blocks[i].m(ul,null);}}for(;i<each_blocks.length;i+=1){each_blocks[i].d(1);}each_blocks.length=each_value.length;}},i:noop,o:noop,d(detaching){if(detaching)detach(section);destroy_each(each_blocks,detaching);/*section_binding*/ctx[2](null);}};}function instance$w($$self,$$props,$$invalidate){let rootEl;let children=[];onMount(function(){return _call(tick,function(){$$invalidate(1,children=rootEl.querySelector("slot").assignedElements());const isValid=children.map(child=>child.hasAttribute("href")).reduce((sum,valid)=>{return sum&&valid;},true);if(!isValid){$$invalidate(1,children=[]);console.warn("GoAFooterMetaSection children must be anchor elements.");}});});function section_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{rootEl=$$value;$$invalidate(0,rootEl);});}return [rootEl,children,section_binding];}class FooterMetaSection extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.hidden{display:none}ul{display:flex;flex-wrap:wrap;gap:1rem;padding-left:0}li{list-style-type:none}a{color:var(--goa-color-text-default);white-space:nowrap}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$w,create_fragment$z,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-app-footer-meta-section",FooterMetaSection);/* libs/web-components/src/components/footer-nav-section/FooterNavSection.svelte generated by Svelte v3.58.0 */function get_each_context$5(ctx,list,i){const child_ctx=ctx.slice();child_ctx[5]=list[i];return child_ctx;}// (31:2) {#if heading}
|
|
203
200
|
function create_if_block$i(ctx){let div;let t0;let t1;let goa_divider;return {c(){div=element("div");t0=text(/*heading*/ctx[0]);t1=space();goa_divider=element("goa-divider");attr(div,"class","title");set_custom_element_data(goa_divider,"spacing","small");},m(target,anchor){insert(target,div,anchor);append(div,t0);insert(target,t1,anchor);insert(target,goa_divider,anchor);},p(ctx,dirty){if(dirty&/*heading*/1)set_data(t0,/*heading*/ctx[0]);},d(detaching){if(detaching)detach(div);if(detaching)detach(t1);if(detaching)detach(goa_divider);}};}// (49:4) {#each children as child}
|
|
@@ -297,11 +294,11 @@
|
|
|
297
294
|
${cssVar("width",/*width*/ctx[2])}
|
|
298
295
|
max-width: ${/*maxwidth*/ctx[1]};
|
|
299
296
|
padding: ${/*_padded*/ctx[17]?"var(--goa-space-m)":"0"};
|
|
300
|
-
`);attr(div2,"class","popover-container");},m(target,anchor){insert(target,div0,anchor);insert(target,t,anchor);insert(target,div2,anchor);append(div2,section);append(section,goa_focus_trap);append(goa_focus_trap,div1);/*div1_binding*/ctx[
|
|
297
|
+
`);attr(div2,"class","popover-container");},m(target,anchor){insert(target,div0,anchor);insert(target,t,anchor);insert(target,div2,anchor);append(div2,section);append(section,goa_focus_trap);append(goa_focus_trap,div1);/*div1_binding*/ctx[25](div1);/*section_binding*/ctx[26](section);if(!mounted){dispose=listen(div0,"click",/*closePopover*/ctx[19]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*width, maxwidth, _padded*/131078&§ion_style_value!==(section_style_value=`
|
|
301
298
|
${cssVar("width",/*width*/ctx[2])}
|
|
302
299
|
max-width: ${/*maxwidth*/ctx[1]};
|
|
303
300
|
padding: ${/*_padded*/ctx[17]?"var(--goa-space-m)":"0"};
|
|
304
|
-
`)){attr(section,"style",section_style_value);}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t);if(detaching)detach(div2);/*div1_binding*/ctx[
|
|
301
|
+
`)){attr(section,"style",section_style_value);}},d(detaching){if(detaching)detach(div0);if(detaching)detach(t);if(detaching)detach(div2);/*div1_binding*/ctx[25](null);/*section_binding*/ctx[26](null);mounted=false;dispose();}};}function create_fragment$m(ctx){let div1;let div0;let slot;let div0_tabindex_value;let t;let div1_style_value;let mounted;let dispose;let if_block=/*_open*/ctx[12]&&create_if_block$a(ctx);return {c(){div1=element("div");div0=element("div");slot=element("slot");t=space();if(if_block)if_block.c();this.c=noop;attr(slot,"name","target");attr(div0,"class","popover-target");attr(div0,"tabindex",div0_tabindex_value=+/*tabindex*/ctx[7]);attr(div0,"data-testid","popover-target");attr(div1,"data-testid",/*testid*/ctx[0]);attr(div1,"style",div1_style_value=`
|
|
305
302
|
${calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])}
|
|
306
303
|
${cssVar("--offset-top",/*voffset*/ctx[8])}
|
|
307
304
|
${cssVar("--offset-bottom",/*voffset*/ctx[8])}
|
|
@@ -309,7 +306,7 @@
|
|
|
309
306
|
${cssVar("--offset-right",/*hoffset*/ctx[9])}
|
|
310
307
|
${cssVar("--focus-border-width",/*focusborderwidth*/ctx[10])}
|
|
311
308
|
${cssVar("--border-radius",/*borderradius*/ctx[11])}
|
|
312
|
-
`);},m(target,anchor){insert(target,div1,anchor);append(div1,div0);append(div0,slot);/*div0_binding*/ctx[
|
|
309
|
+
`);},m(target,anchor){insert(target,div1,anchor);append(div1,div0);append(div0,slot);/*div0_binding*/ctx[24](div0);append(div1,t);if(if_block)if_block.m(div1,null);/*div1_binding_1*/ctx[27](div1);if(!mounted){dispose=listen(div0,"click",/*openPopover*/ctx[18]);mounted=true;}},p(ctx,dirty){if(dirty[0]&/*tabindex*/128&&div0_tabindex_value!==(div0_tabindex_value=+/*tabindex*/ctx[7])){attr(div0,"tabindex",div0_tabindex_value);}if(/*_open*/ctx[12]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block$a(ctx);if_block.c();if_block.m(div1,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty[0]&/*testid*/1){attr(div1,"data-testid",/*testid*/ctx[0]);}if(dirty[0]&/*mt, mr, mb, ml, voffset, hoffset, focusborderwidth, borderradius*/3960&&div1_style_value!==(div1_style_value=`
|
|
313
310
|
${calculateMargin(/*mt*/ctx[3],/*mr*/ctx[4],/*mb*/ctx[5],/*ml*/ctx[6])}
|
|
314
311
|
${cssVar("--offset-top",/*voffset*/ctx[8])}
|
|
315
312
|
${cssVar("--offset-bottom",/*voffset*/ctx[8])}
|
|
@@ -317,14 +314,14 @@
|
|
|
317
314
|
${cssVar("--offset-right",/*hoffset*/ctx[9])}
|
|
318
315
|
${cssVar("--focus-border-width",/*focusborderwidth*/ctx[10])}
|
|
319
316
|
${cssVar("--border-radius",/*borderradius*/ctx[11])}
|
|
320
|
-
`)){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);/*div0_binding*/ctx[
|
|
317
|
+
`)){attr(div1,"style",div1_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);/*div0_binding*/ctx[24](null);if(if_block)if_block.d();/*div1_binding_1*/ctx[27](null);mounted=false;dispose();}};}function getBoundingClientRectWithMargins(el){const rect=el.getBoundingClientRect();const style=window.getComputedStyle(el);const mTop=parseInt(style.marginTop,10)||0;const mRight=parseInt(style.marginRight,10)||0;const mBottom=parseInt(style.marginBottom,10)||0;const mLeft=parseInt(style.marginLeft,10)||0;return {top:rect.top-mTop,right:rect.right+mRight,bottom:rect.bottom+mBottom,left:rect.left-mLeft,width:rect.width+mLeft+mRight,height:rect.height+mTop+mBottom,x:rect.x-mLeft,y:rect.y-mTop};}function instance$j($$self,$$props,$$invalidate){const setPopoverPosition=function setPopoverPosition(){return _call(tick,function(){// Get target and content rectangles
|
|
321
318
|
const rootRect=_rootEl.getBoundingClientRect();const targetRect=getBoundingClientRectWithMargins(_targetEl);const contentRect=getBoundingClientRectWithMargins(_popoverEl);// Calculate available space above and below the target element
|
|
322
319
|
const spaceAbove=targetRect.top;const spaceBelow=window.innerHeight-targetRect.bottom;// Determine if there's more space above or below the target element
|
|
323
320
|
const displayOnTop=position==="auto"?spaceBelow<contentRect.height&&spaceAbove>contentRect.height&&spaceAbove>spaceBelow:position==="above";// when popover is within a modal and the scrollbars are hidden we don't need to take into
|
|
324
321
|
// account the scroll offset
|
|
325
322
|
const usingNoScroll=document.body.style.overflow==="hidden";const windowOffset=usingNoScroll?0:window.scrollY;// If there's more space above, display the popover above the target element
|
|
326
323
|
$$invalidate(15,_popoverEl.style.top=displayOnTop?`${rootRect.top-contentRect.height+windowOffset}px`:`${rootRect.top+rootRect.height+windowOffset}px`,_popoverEl);// Move the popover to the left if it is too far to the right and only if there is space to the left
|
|
327
|
-
const displayOnRight=document.body.clientWidth-targetRect.left<contentRect.width&&targetRect.left>contentRect.width;$$invalidate(15,_popoverEl.style.left=displayOnRight?`${rootRect.left+targetRect.width-contentRect.width}px`:`${rootRect.left}px`,_popoverEl);});};let _padded;let _open;let{testid="popover"}=$$props;let{maxwidth="320px"}=$$props;let{width=""}=$$props;let{padded="true"}=$$props;let{position="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let{tabindex="0"}=$$props;let{voffset=""}=$$props;let{hoffset=""}=$$props;let{focusborderwidth="var(--goa-border-width-l)"}=$$props;let{borderradius="var(--goa-border-radius-m)"}=$$props;// Private
|
|
324
|
+
const displayOnRight=document.body.clientWidth-targetRect.left<contentRect.width&&targetRect.left>contentRect.width;$$invalidate(15,_popoverEl.style.left=displayOnRight?`${rootRect.left+targetRect.width-contentRect.width}px`:`${rootRect.left}px`,_popoverEl);});};let _padded;let _open;let _disabled;let{testid="popover"}=$$props;let{maxwidth="320px"}=$$props;let{width=""}=$$props;let{padded="true"}=$$props;let{position="auto"}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{open="false"}=$$props;let{disabled="false"}=$$props;let{tabindex="0"}=$$props;let{voffset=""}=$$props;let{hoffset=""}=$$props;let{focusborderwidth="var(--goa-border-width-l)"}=$$props;let{borderradius="var(--goa-border-radius-m)"}=$$props;// Private
|
|
328
325
|
let _rootEl;let _targetEl;let _popoverEl;let _focusTrapEl;let _initFocusedEl;// Hooks
|
|
329
326
|
onMount(function(){return _call(tick,function(){_targetEl.addEventListener("keydown",onTargetEvent);const slot=_targetEl.querySelector("slot");let children;if(slot){children=slot.assignedElements();}else {// for unit tests only
|
|
330
327
|
children=[..._targetEl.children];}_initFocusedEl=children.find(el=>el.tabIndex>=0)||_targetEl;});});// Functions
|
|
@@ -336,11 +333,11 @@
|
|
|
336
333
|
// targetEl eventing binding from "hearing" the events
|
|
337
334
|
function onFocusTrapEvent(e){switch(e.key){case"Enter":// setTimeout allows the url to change before closing
|
|
338
335
|
setTimeout(closePopover,1);break;case"Escape":closePopover();break;}}// Opens the popover and adds the required binding to the new slot element
|
|
339
|
-
function openPopover(){_async(function(){$$invalidate(12,_open=true);return _call(tick,function(){_focusTrapEl.addEventListener("keydown",onFocusTrapEvent,true);_rootEl.dispatchEvent(new CustomEvent("_open",{composed:true}));});})();}// Ensures that upon closing of the popover that the element that triggered
|
|
336
|
+
function openPopover(){if(_disabled)return;_async(function(){$$invalidate(12,_open=true);return _call(tick,function(){_focusTrapEl.addEventListener("keydown",onFocusTrapEvent,true);_rootEl.dispatchEvent(new CustomEvent("_open",{composed:true}));});})();}// Ensures that upon closing of the popover that the element that triggered
|
|
340
337
|
// the popover to be shown re-attains focus and that any window event binding
|
|
341
338
|
// is removed (it may not have been added if target was clicked)
|
|
342
|
-
function closePopover(){_initFocusedEl.focus();$$invalidate(12,_open=false);window.removeEventListener("popstate",handleUrlChange,true);_rootEl.dispatchEvent(new CustomEvent("_close",{composed:true}));}function div0_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_targetEl=$$value;$$invalidate(14,_targetEl);});}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_focusTrapEl=$$value;$$invalidate(16,_focusTrapEl);});}function section_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_popoverEl=$$value;$$invalidate(15,_popoverEl);});}function div1_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(13,_rootEl);});}$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('maxwidth'in $$props)$$invalidate(1,maxwidth=$$props.maxwidth);if('width'in $$props)$$invalidate(2,width=$$props.width);if('padded'in $$props)$$invalidate(20,padded=$$props.padded);if('position'in $$props)$$invalidate(21,position=$$props.position);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('open'in $$props)$$invalidate(22,open=$$props.open);if('tabindex'in $$props)$$invalidate(7,tabindex=$$props.tabindex);if('voffset'in $$props)$$invalidate(8,voffset=$$props.voffset);if('hoffset'in $$props)$$invalidate(9,hoffset=$$props.hoffset);if('focusborderwidth'in $$props)$$invalidate(10,focusborderwidth=$$props.focusborderwidth);if('borderradius'in $$props)$$invalidate(11,borderradius=$$props.borderradius);};$$self.$$.update=()=>{if($$self.$$.dirty[0]&/*padded*/1048576){// Reactive
|
|
343
|
-
$$invalidate(17,_padded=toBoolean(padded));}if($$self.$$.dirty[0]&/*open*/4194304){$$invalidate(12,_open=toBoolean(open));}if($$self.$$.dirty[0]&/*_open*/4096){_async(function(){const _open2=_open;return _open2&&setPopoverPosition();})();}if($$self.$$.dirty[0]&/*_open*/4096){{if(_open){window.addEventListener("popstate",handleUrlChange,true);}else {window.removeEventListener("popstate",handleUrlChange,true);}}}};return [testid,maxwidth,width,mt,mr,mb,ml,tabindex,voffset,hoffset,focusborderwidth,borderradius,_open,_rootEl,_targetEl,_popoverEl,_focusTrapEl,_padded,openPopover,closePopover,padded,position,open,div0_binding,div1_binding,section_binding,div1_binding_1];}class Popover extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;align-items:center}.popover-target{width:fit-content;cursor:pointer}.popover-target:focus{outline:var(--focus-border-width) solid var(--goa-color-interactive-focus)}.popover-content{color:var(--goa-color-text-default);position:absolute;left:0;right:0;width:fit-content;max-width:260px;list-style-type:none;background:var(--goa-color-greyscale-white);border-radius:var(--border-radius);outline:none;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));z-index:99;width:max-content;margin-top:var(--offset-top, 3px);margin-bottom:var(--offset-bottom, 3px);margin-left:var(--offset-left, 0);margin-right:var(--offset-right, 0)}::slotted(ul){display:block;padding:0;margin:0;list-style-type:none;line-height:2rem}.popover-background{cursor:default;position:fixed;z-index:98;inset:0}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$j,create_fragment$m,safe_not_equal,{testid:0,maxwidth:1,width:2,padded:20,position:21,mt:3,mr:4,mb:5,ml:6,open:22,tabindex:7,voffset:8,hoffset:9,focusborderwidth:10,borderradius:11},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","maxwidth","width","padded","position","mt","mr","mb","ml","open","tabindex","voffset","hoffset","focusborderwidth","borderradius"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get maxwidth(){return this.$$.ctx[1];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[2];}set width(width){this.$$set({width});flush();}get padded(){return this.$$.ctx[20];}set padded(padded){this.$$set({padded});flush();}get position(){return this.$$.ctx[21];}set position(position){this.$$set({position});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[22];}set open(open){this.$$set({open});flush();}get tabindex(){return this.$$.ctx[7];}set tabindex(tabindex){this.$$set({tabindex});flush();}get voffset(){return this.$$.ctx[8];}set voffset(voffset){this.$$set({voffset});flush();}get hoffset(){return this.$$.ctx[9];}set hoffset(hoffset){this.$$set({hoffset});flush();}get focusborderwidth(){return this.$$.ctx[10];}set focusborderwidth(focusborderwidth){this.$$set({focusborderwidth});flush();}get borderradius(){return this.$$.ctx[11];}set borderradius(borderradius){this.$$set({borderradius});flush();}}customElements.define("goa-popover",Popover);/* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.58.0 */function get_each_context$3(ctx,list,i){const child_ctx=ctx.slice();child_ctx[22]=list[i];return child_ctx;}// (80:2) {#each options as option (option.value)}
|
|
339
|
+
function closePopover(){_initFocusedEl.focus();$$invalidate(12,_open=false);window.removeEventListener("popstate",handleUrlChange,true);_rootEl.dispatchEvent(new CustomEvent("_close",{composed:true}));}function div0_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_targetEl=$$value;$$invalidate(14,_targetEl);});}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_focusTrapEl=$$value;$$invalidate(16,_focusTrapEl);});}function section_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_popoverEl=$$value;$$invalidate(15,_popoverEl);});}function div1_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(13,_rootEl);});}$$self.$$set=$$props=>{if('testid'in $$props)$$invalidate(0,testid=$$props.testid);if('maxwidth'in $$props)$$invalidate(1,maxwidth=$$props.maxwidth);if('width'in $$props)$$invalidate(2,width=$$props.width);if('padded'in $$props)$$invalidate(20,padded=$$props.padded);if('position'in $$props)$$invalidate(21,position=$$props.position);if('mt'in $$props)$$invalidate(3,mt=$$props.mt);if('mr'in $$props)$$invalidate(4,mr=$$props.mr);if('mb'in $$props)$$invalidate(5,mb=$$props.mb);if('ml'in $$props)$$invalidate(6,ml=$$props.ml);if('open'in $$props)$$invalidate(22,open=$$props.open);if('disabled'in $$props)$$invalidate(23,disabled=$$props.disabled);if('tabindex'in $$props)$$invalidate(7,tabindex=$$props.tabindex);if('voffset'in $$props)$$invalidate(8,voffset=$$props.voffset);if('hoffset'in $$props)$$invalidate(9,hoffset=$$props.hoffset);if('focusborderwidth'in $$props)$$invalidate(10,focusborderwidth=$$props.focusborderwidth);if('borderradius'in $$props)$$invalidate(11,borderradius=$$props.borderradius);};$$self.$$.update=()=>{if($$self.$$.dirty[0]&/*padded*/1048576){// Reactive
|
|
340
|
+
$$invalidate(17,_padded=toBoolean(padded));}if($$self.$$.dirty[0]&/*open*/4194304){$$invalidate(12,_open=toBoolean(open));}if($$self.$$.dirty[0]&/*disabled*/8388608){_disabled=toBoolean(disabled);}if($$self.$$.dirty[0]&/*_open*/4096){_async(function(){const _open2=_open;return _open2&&setPopoverPosition();})();}if($$self.$$.dirty[0]&/*_open*/4096){{if(_open){window.addEventListener("popstate",handleUrlChange,true);}else {window.removeEventListener("popstate",handleUrlChange,true);}}}};return [testid,maxwidth,width,mt,mr,mb,ml,tabindex,voffset,hoffset,focusborderwidth,borderradius,_open,_rootEl,_targetEl,_popoverEl,_focusTrapEl,_padded,openPopover,closePopover,padded,position,open,disabled,div0_binding,div1_binding,section_binding,div1_binding_1];}class Popover extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);font-size:var(--goa-font-size-4);display:flex;align-items:center}.popover-target{width:fit-content;cursor:pointer}.popover-target:focus{outline:var(--focus-border-width) solid var(--goa-color-interactive-focus)}.popover-content{color:var(--goa-color-text-default);position:absolute;left:0;right:0;width:fit-content;max-width:260px;list-style-type:none;background:var(--goa-color-greyscale-white);border-radius:var(--border-radius);outline:none;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));z-index:99;width:max-content;margin-top:var(--offset-top, 3px);margin-bottom:var(--offset-bottom, 3px);margin-left:var(--offset-left, 0);margin-right:var(--offset-right, 0)}::slotted(ul){display:block;padding:0;margin:0;list-style-type:none;line-height:2rem}.popover-background{cursor:default;position:fixed;z-index:98;inset:0}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$j,create_fragment$m,safe_not_equal,{testid:0,maxwidth:1,width:2,padded:20,position:21,mt:3,mr:4,mb:5,ml:6,open:22,disabled:23,tabindex:7,voffset:8,hoffset:9,focusborderwidth:10,borderradius:11},null,[-1,-1]);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["testid","maxwidth","width","padded","position","mt","mr","mb","ml","open","disabled","tabindex","voffset","hoffset","focusborderwidth","borderradius"];}get testid(){return this.$$.ctx[0];}set testid(testid){this.$$set({testid});flush();}get maxwidth(){return this.$$.ctx[1];}set maxwidth(maxwidth){this.$$set({maxwidth});flush();}get width(){return this.$$.ctx[2];}set width(width){this.$$set({width});flush();}get padded(){return this.$$.ctx[20];}set padded(padded){this.$$set({padded});flush();}get position(){return this.$$.ctx[21];}set position(position){this.$$set({position});flush();}get mt(){return this.$$.ctx[3];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[4];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[5];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[6];}set ml(ml){this.$$set({ml});flush();}get open(){return this.$$.ctx[22];}set open(open){this.$$set({open});flush();}get disabled(){return this.$$.ctx[23];}set disabled(disabled){this.$$set({disabled});flush();}get tabindex(){return this.$$.ctx[7];}set tabindex(tabindex){this.$$set({tabindex});flush();}get voffset(){return this.$$.ctx[8];}set voffset(voffset){this.$$set({voffset});flush();}get hoffset(){return this.$$.ctx[9];}set hoffset(hoffset){this.$$set({hoffset});flush();}get focusborderwidth(){return this.$$.ctx[10];}set focusborderwidth(focusborderwidth){this.$$set({focusborderwidth});flush();}get borderradius(){return this.$$.ctx[11];}set borderradius(borderradius){this.$$set({borderradius});flush();}}customElements.define("goa-popover",Popover);/* libs/web-components/src/components/radio-group/RadioGroup.svelte generated by Svelte v3.58.0 */function get_each_context$3(ctx,list,i){const child_ctx=ctx.slice();child_ctx[22]=list[i];return child_ctx;}// (80:2) {#each options as option (option.value)}
|
|
344
341
|
function create_each_block$3(key_1,ctx){let label;let input;let input_value_value;let input_checked_value;let input_aria_label_value;let t0;let div;let t1;let span;let t2_value=(/*option*/ctx[22].label||/*option*/ctx[22].value)+"";let t2;let t3;let label_data_testid_value;let mounted;let dispose;function change_handler(){return(/*change_handler*/ctx[16](/*option*/ctx[22]));}return {key:key_1,first:null,c(){label=element("label");input=element("input");t0=space();div=element("div");t1=space();span=element("span");t2=text(t2_value);t3=space();attr(input,"type","radio");attr(input,"name",/*name*/ctx[1]);input.value=input_value_value=/*option*/ctx[22].value;input.disabled=/*isDisabled*/ctx[12];input.checked=input_checked_value=/*option*/ctx[22].value===/*value*/ctx[0];attr(input,"aria-label",input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[1]);attr(div,"class","goa-radio-icon");attr(span,"class","goa-radio-label");attr(label,"data-testid",label_data_testid_value="radio-option-"+/*option*/ctx[22].value);attr(label,"class","goa-radio");toggle_class(label,"goa-radio--disabled",/*isDisabled*/ctx[12]);toggle_class(label,"goa-radio--error",/*isError*/ctx[11]);this.first=label;},m(target,anchor){insert(target,label,anchor);append(label,input);append(label,t0);append(label,div);append(label,t1);append(label,span);append(span,t2);append(label,t3);if(!mounted){dispose=listen(input,"change",change_handler);mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty&/*name*/2){attr(input,"name",/*name*/ctx[1]);}if(dirty&/*options*/512&&input_value_value!==(input_value_value=/*option*/ctx[22].value)){input.value=input_value_value;}if(dirty&/*isDisabled*/4096){input.disabled=/*isDisabled*/ctx[12];}if(dirty&/*options, value*/513&&input_checked_value!==(input_checked_value=/*option*/ctx[22].value===/*value*/ctx[0])){input.checked=input_checked_value;}if(dirty&/*arialabel, name*/18&&input_aria_label_value!==(input_aria_label_value=/*arialabel*/ctx[4]||/*name*/ctx[1])){attr(input,"aria-label",input_aria_label_value);}if(dirty&/*options*/512&&t2_value!==(t2_value=(/*option*/ctx[22].label||/*option*/ctx[22].value)+""))set_data(t2,t2_value);if(dirty&/*options*/512&&label_data_testid_value!==(label_data_testid_value="radio-option-"+/*option*/ctx[22].value)){attr(label,"data-testid",label_data_testid_value);}if(dirty&/*isDisabled*/4096){toggle_class(label,"goa-radio--disabled",/*isDisabled*/ctx[12]);}if(dirty&/*isError*/2048){toggle_class(label,"goa-radio--error",/*isError*/ctx[11]);}},d(detaching){if(detaching)detach(label);mounted=false;dispose();}};}function create_fragment$l(ctx){let div;let slot;let t;let each_blocks=[];let each_1_lookup=new Map();let div_style_value;let div_class_value;let each_value=/*options*/ctx[9];const get_key=ctx=>/*option*/ctx[22].value;for(let i=0;i<each_value.length;i+=1){let child_ctx=get_each_context$3(ctx,each_value,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block$3(key,child_ctx));}return {c(){div=element("div");slot=element("slot");t=space();for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}this.c=noop;attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]));attr(div,"class",div_class_value=`goa-radio-group--${/*orientation*/ctx[2]}`);attr(div,"data-testid",/*testid*/ctx[3]);},m(target,anchor){insert(target,div,anchor);append(div,slot);append(div,t);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(div,null);}}/*div_binding*/ctx[17](div);},p(ctx,[dirty]){if(dirty&/*options, isDisabled, isError, name, value, arialabel, onChange*/14867){each_value=/*options*/ctx[9];each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value,each_1_lookup,div,destroy_block,create_each_block$3,null,get_each_context$3);}if(dirty&/*mt, mr, mb, ml*/480&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[5],/*mr*/ctx[6],/*mb*/ctx[7],/*ml*/ctx[8]))){attr(div,"style",div_style_value);}if(dirty&/*orientation*/4&&div_class_value!==(div_class_value=`goa-radio-group--${/*orientation*/ctx[2]}`)){attr(div,"class",div_class_value);}if(dirty&/*testid*/8){attr(div,"data-testid",/*testid*/ctx[3]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}/*div_binding*/ctx[17](null);}};}function instance$i($$self,$$props,$$invalidate){let isDisabled;let isError;const[Orientations,validateOrientation]=typeValidator("Radio group orientation",["vertical","horizontal"]);let{name}=$$props;let{value}=$$props;let{orientation="vertical"}=$$props;let{disabled="false"}=$$props;let{error="false"}=$$props;let{testid=""}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let options=[];let el;onMount(function(){return _call(tick,function(){$$invalidate(9,options=getOptions());});});/**
|
|
345
342
|
* Allows the child elements to be obtainable within unit tests
|
|
346
343
|
* @returns List of child elements
|
|
@@ -366,7 +363,7 @@
|
|
|
366
363
|
margin: ${/*vpadding*/ctx[2]} 0;
|
|
367
364
|
padding: 0 ${/*hpadding*/ctx[1]};
|
|
368
365
|
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[8](null);mounted=false;dispose();}};}function instance$h($$self,$$props,$$invalidate){let{direction="vertical"}=$$props;let{hpadding=""}=$$props;let{vpadding=""}=$$props;let{maxheight=""}=$$props;let{offsetHeight}=$$props;let{scrollHeight}=$$props;// Private
|
|
369
|
-
let _el;function onScroll(e){e.target.dispatchEvent(new CustomEvent("_scroll",{composed:true,detail:{offsetHeight:_el.offsetHeight,scrollHeight:_el.scrollHeight,scrollTop:_el.scrollTop}}));e.stopPropagation();}onMount(()
|
|
366
|
+
let _el;function onScroll(e){e.target.dispatchEvent(new CustomEvent("_scroll",{composed:true,detail:{offsetHeight:_el.offsetHeight,scrollHeight:_el.scrollHeight,scrollTop:_el.scrollTop}}));e.stopPropagation();}onMount(function(){return _call(tick,function(){$$invalidate(6,offsetHeight=_el.offsetHeight);$$invalidate(7,scrollHeight=_el.scrollHeight);});});function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_el=$$value;$$invalidate(4,_el);});}$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);if('hpadding'in $$props)$$invalidate(1,hpadding=$$props.hpadding);if('vpadding'in $$props)$$invalidate(2,vpadding=$$props.vpadding);if('maxheight'in $$props)$$invalidate(3,maxheight=$$props.maxheight);if('offsetHeight'in $$props)$$invalidate(6,offsetHeight=$$props.offsetHeight);if('scrollHeight'in $$props)$$invalidate(7,scrollHeight=$$props.scrollHeight);};return [direction,hpadding,vpadding,maxheight,_el,onScroll,offsetHeight,scrollHeight,div_binding];}class Scrollable extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.goa-scrollable{scroll-behavior:smooth}.goa-scrollable::-webkit-scrollbar{width:6px}.goa-scrollable::-webkit-scrollbar-track{background:#f1f1f1}.goa-scrollable::-webkit-scrollbar-thumb{background:#888}.goa-scrollable::-webkit-scrollbar-thumb:hover{background:#555}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$h,create_fragment$k,safe_not_equal,{direction:0,hpadding:1,vpadding:2,maxheight:3,offsetHeight:6,scrollHeight:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["direction","hpadding","vpadding","maxheight","offsetHeight","scrollHeight"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}get hpadding(){return this.$$.ctx[1];}set hpadding(hpadding){this.$$set({hpadding});flush();}get vpadding(){return this.$$.ctx[2];}set vpadding(vpadding){this.$$set({vpadding});flush();}get maxheight(){return this.$$.ctx[3];}set maxheight(maxheight){this.$$set({maxheight});flush();}get offsetHeight(){return this.$$.ctx[6];}set offsetHeight(offsetHeight){this.$$set({offsetHeight});flush();}get scrollHeight(){return this.$$.ctx[7];}set scrollHeight(scrollHeight){this.$$set({scrollHeight});flush();}}customElements.define("goa-scrollable",Scrollable);/* libs/web-components/src/components/skeleton/Skeleton.svelte generated by Svelte v3.58.0 */function get_each_context$2(ctx,list,i){const child_ctx=ctx.slice();child_ctx[13]=list[i];return child_ctx;}// (81:2) {:else}
|
|
370
367
|
function create_else_block$6(ctx){let div;let div_class_value;return {c(){div=element("div");attr(div,"class",div_class_value="skeleton "+/*type*/ctx[3]+" "+`${/*type*/ctx[3]}-${/*size*/ctx[1]}`);},m(target,anchor){insert(target,div,anchor);},p(ctx,dirty){if(dirty&/*type, size*/10&&div_class_value!==(div_class_value="skeleton "+/*type*/ctx[3]+" "+`${/*type*/ctx[3]}-${/*size*/ctx[1]}`)){attr(div,"class",div_class_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}// (68:31)
|
|
371
368
|
function create_if_block_3$5(ctx){let div3;let div2;let div0;let skeleton0;let t0;let div1;let skeleton1;let t1;let skeleton2;let t2;let skeleton3;let current;skeleton0=new Skeleton({props:{type:"image",size:/*size*/ctx[1]}});skeleton1=new Skeleton({props:{type:"header",size:"4"}});skeleton2=new Skeleton({props:{type:"header",size:"1"}});skeleton3=new Skeleton({props:{type:"lines",size:/*size*/ctx[1]}});return {c(){div3=element("div");div2=element("div");div0=element("div");create_component(skeleton0.$$.fragment);t0=space();div1=element("div");create_component(skeleton1.$$.fragment);t1=space();create_component(skeleton2.$$.fragment);t2=space();create_component(skeleton3.$$.fragment);set_style(div0,"flex","1 1 auto");set_style(div1,"flex","2 2 auto");set_style(div2,"display","flex");set_style(div2,"gap","1rem");},m(target,anchor){insert(target,div3,anchor);append(div3,div2);append(div2,div0);mount_component(skeleton0,div0,null);append(div2,t0);append(div2,div1);mount_component(skeleton1,div1,null);append(div1,t1);mount_component(skeleton2,div1,null);append(div3,t2);mount_component(skeleton3,div3,null);current=true;},p(ctx,dirty){const skeleton0_changes={};if(dirty&/*size*/2)skeleton0_changes.size=/*size*/ctx[1];skeleton0.$set(skeleton0_changes);const skeleton3_changes={};if(dirty&/*size*/2)skeleton3_changes.size=/*size*/ctx[1];skeleton3.$set(skeleton3_changes);},i(local){if(current)return;transition_in(skeleton0.$$.fragment,local);transition_in(skeleton1.$$.fragment,local);transition_in(skeleton2.$$.fragment,local);transition_in(skeleton3.$$.fragment,local);current=true;},o(local){transition_out(skeleton0.$$.fragment,local);transition_out(skeleton1.$$.fragment,local);transition_out(skeleton2.$$.fragment,local);transition_out(skeleton3.$$.fragment,local);current=false;},d(detaching){if(detaching)detach(div3);destroy_component(skeleton0);destroy_component(skeleton1);destroy_component(skeleton2);destroy_component(skeleton3);}};}// (64:29)
|
|
372
369
|
function create_if_block_2$5(ctx){let each_1_anchor;let current;let each_value=Array(Number.parseInt(/*linecount*/ctx[2]+""));let each_blocks=[];for(let i=0;i<each_value.length;i+=1){each_blocks[i]=create_each_block$2(get_each_context$2(ctx,each_value,i));}const out=i=>transition_out(each_blocks[i],1,1,()=>{each_blocks[i]=null;});return {c(){for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}each_1_anchor=empty();},m(target,anchor){for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(target,anchor);}}insert(target,each_1_anchor,anchor);current=true;},p(ctx,dirty){if(dirty&/*size, linecount*/6){each_value=Array(Number.parseInt(/*linecount*/ctx[2]+""));let i;for(i=0;i<each_value.length;i+=1){const child_ctx=get_each_context$2(ctx,each_value,i);if(each_blocks[i]){each_blocks[i].p(child_ctx,dirty);transition_in(each_blocks[i],1);}else {each_blocks[i]=create_each_block$2(child_ctx);each_blocks[i].c();transition_in(each_blocks[i],1);each_blocks[i].m(each_1_anchor.parentNode,each_1_anchor);}}group_outros();for(i=each_value.length;i<each_blocks.length;i+=1){out(i);}check_outros();}},i(local){if(current)return;for(let i=0;i<each_value.length;i+=1){transition_in(each_blocks[i]);}current=true;},o(local){each_blocks=each_blocks.filter(Boolean);for(let i=0;i<each_blocks.length;i+=1){transition_out(each_blocks[i]);}current=false;},d(detaching){destroy_each(each_blocks,detaching);if(detaching)detach(each_1_anchor);}};}// (54:31)
|
|
@@ -432,7 +429,7 @@
|
|
|
432
429
|
`);},m(target,anchor){insert(target,div,anchor);append(div,header);append(div,t0);append(div,section);append(div,t2);append(div,footer);},p(ctx,[dirty]){if(dirty&/*maxcontentwidth, navcolumnwidth*/3&&div_style_value!==(div_style_value=`
|
|
433
430
|
--max-content-width: ${/*maxcontentwidth*/ctx[1]||"100%"};
|
|
434
431
|
--nav-column-width: ${/*navcolumnwidth*/ctx[0]||"256px"};
|
|
435
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$a($$self,$$props,$$invalidate){let{navcolumnwidth=""}=$$props;let{maxcontentwidth=""}=$$props;$$self.$$set=$$props=>{if('navcolumnwidth'in $$props)$$invalidate(0,navcolumnwidth=$$props.navcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);};return [navcolumnwidth,maxcontentwidth];}class TwoColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column
|
|
432
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$a($$self,$$props,$$invalidate){let{navcolumnwidth=""}=$$props;let{maxcontentwidth=""}=$$props;$$self.$$set=$$props=>{if('navcolumnwidth'in $$props)$$invalidate(0,navcolumnwidth=$$props.navcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(1,maxcontentwidth=$$props.maxcontentwidth);};return [navcolumnwidth,maxcontentwidth];}class TwoColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1 auto;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--goa-color-greyscale-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 640px){.page{gap:2rem}.content{display:flex;flex-direction:row;justify-content:center;width:min(var(--max-content-width), 100vw);margin:0 auto}.nav{padding:0 2rem}main{padding-right:2rem}}@media(min-width: 1300px){main{padding-right:4.5rem}}@media(min-width: 640px){.nav{transform:translateX(0);flex:0 0 var(--nav-column-width)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$a,create_fragment$b,safe_not_equal,{navcolumnwidth:0,maxcontentwidth:1},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["navcolumnwidth","maxcontentwidth"];}get navcolumnwidth(){return this.$$.ctx[0];}set navcolumnwidth(navcolumnwidth){this.$$set({navcolumnwidth});flush();}get maxcontentwidth(){return this.$$.ctx[1];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-two-column-layout",TwoColumnLayout);/* libs/web-components/src/layouts/three-column-layout/ThreeColumnLayout.svelte generated by Svelte v3.58.0 */function create_fragment$a(ctx){let div;let header;let t0;let section;let t4;let footer;let div_style_value;return {c(){div=element("div");header=element("header");header.innerHTML=`<slot name="header"></slot>`;t0=space();section=element("section");section.innerHTML=`<nav class="nav"><slot name="nav"></slot></nav>
|
|
436
433
|
|
|
437
434
|
<main><slot></slot></main>
|
|
438
435
|
|