@abgov/react-components 4.0.0-alpha.164 → 4.0.0-alpha.166
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/index.d.ts +2 -2
- package/lib/accordion/accordion.d.ts +1 -0
- package/lib/popover/popover.d.ts +1 -0
- package/lib/side-menu/side-menu.d.ts +13 -0
- package/lib/side-menu-group/side-menu-group.d.ts +17 -0
- package/lib/three-column-layout/three-column-layout.d.ts +5 -4
- package/package.json +1 -1
- package/react-components.esm.js +38 -31
- package/react-components.umd.js +38 -31
- package/lib/sidebar/sidebar.d.ts +0 -13
- package/lib/sidebar-group/sidebar-group.d.ts +0 -17
package/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "@abgov/web-components";
|
|
2
|
-
export * from "./lib/
|
|
3
|
-
export * from "./lib/
|
|
2
|
+
export * from "./lib/side-menu-group/side-menu-group";
|
|
3
|
+
export * from "./lib/side-menu/side-menu";
|
|
4
4
|
export * from "./lib/app-header-menu/app-header-menu";
|
|
5
5
|
export * from "./lib/pages/pages";
|
|
6
6
|
export * from "./lib/file-upload-card/file-upload-card";
|
package/lib/popover/popover.d.ts
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
declare global {
|
|
3
|
+
namespace JSX {
|
|
4
|
+
interface IntrinsicElements {
|
|
5
|
+
"goa-side-menu": React.HTMLAttributes<HTMLElement>;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
export interface SideMenuProps {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare function GoASideMenu(props: SideMenuProps): JSX.Element;
|
|
13
|
+
export default GoASideMenu;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
interface WCProps {
|
|
3
|
+
heading: string;
|
|
4
|
+
}
|
|
5
|
+
declare global {
|
|
6
|
+
namespace JSX {
|
|
7
|
+
interface IntrinsicElements {
|
|
8
|
+
"goa-side-menu-group": WCProps & React.HTMLAttributes<HTMLElement>;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
interface SideMenuGroupProps {
|
|
13
|
+
heading: string;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export declare function GoASideMenuGroup(props: SideMenuGroupProps): JSX.Element;
|
|
17
|
+
export default GoASideMenuGroup;
|
|
@@ -15,10 +15,11 @@ interface Props {
|
|
|
15
15
|
leftColumnWidth?: string;
|
|
16
16
|
rightColumnWidth?: string;
|
|
17
17
|
maxContentWidth?: string;
|
|
18
|
-
header
|
|
19
|
-
footer
|
|
20
|
-
nav
|
|
21
|
-
sidebar
|
|
18
|
+
header?: ReactNode;
|
|
19
|
+
footer?: ReactNode;
|
|
20
|
+
nav?: ReactNode;
|
|
21
|
+
sidebar?: ReactNode;
|
|
22
|
+
sideMenu?: ReactNode;
|
|
22
23
|
children: ReactNode;
|
|
23
24
|
}
|
|
24
25
|
export declare function GoAThreeColumnLayout(props: Props): JSX.Element;
|
package/package.json
CHANGED
package/react-components.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { useRef, useEffect } from 'react';
|
|
3
|
-
import { parseISO, format } from 'date-fns';
|
|
3
|
+
import { isValid, parseISO, format } from 'date-fns';
|
|
4
4
|
|
|
5
5
|
function noop(){}const identity=x=>x;function assign(tar,src){// @ts-ignore
|
|
6
6
|
for(const k in src)tar[k]=src[k];return tar;}function run(fn){return fn();}function blank_object(){return Object.create(null);}function run_all(fns){fns.forEach(run);}function is_function(thing){return typeof thing==='function';}function safe_not_equal(a,b){return a!=a?b==b:a!==b||a&&typeof a==='object'||typeof a==='function';}let src_url_equal_anchor;function src_url_equal(element_src,url){if(!src_url_equal_anchor){src_url_equal_anchor=document.createElement('a');}src_url_equal_anchor.href=url;return element_src===src_url_equal_anchor.href;}function is_empty(obj){return Object.keys(obj).length===0;}function subscribe(store,...callbacks){if(store==null){return noop;}const unsub=store.subscribe(...callbacks);return unsub.unsubscribe?()=>unsub.unsubscribe():unsub;}function component_subscribe(component,store,callback){component.$$.on_destroy.push(subscribe(store,callback));}function action_destroyer(action_result){return action_result&&is_function(action_result.destroy)?action_result.destroy:noop;}function split_css_unit(value){const split=typeof value==='string'&&value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return split?[parseFloat(split[1]),split[2]||'px']:[value,'px'];}const is_client=typeof window!=='undefined';let now=is_client?()=>window.performance.now():()=>Date.now();let raf=is_client?cb=>requestAnimationFrame(cb):noop;const tasks=new Set();function run_tasks(now){tasks.forEach(task=>{if(!task.c(now)){tasks.delete(task);task.f();}});if(tasks.size!==0)raf(run_tasks);}/**
|
|
@@ -430,24 +430,25 @@ function create_if_block$7(ctx){let goa_icon;return {c(){goa_icon=element("goa-i
|
|
|
430
430
|
`);},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=`
|
|
431
431
|
--max-content-width: ${/*maxcontentwidth*/ctx[1]||"100%"};
|
|
432
432
|
--nav-column-width: ${/*navcolumnwidth*/ctx[0]||"256px"};
|
|
433
|
-
`)){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;position:relative}.content{flex:1 1 auto;position:relative;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
|
|
433
|
+
`)){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;position:relative}.content{flex:1 1 auto;position:relative;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>
|
|
434
434
|
|
|
435
435
|
<main><slot></slot></main>
|
|
436
436
|
|
|
437
|
-
<nav class="nav
|
|
437
|
+
<nav class="nav side-menu"><slot name="sidebar"></slot>
|
|
438
|
+
<slot name="side-menu"></slot></nav>`;t4=space();footer=element("footer");footer.innerHTML=`<slot name="footer"></slot>`;this.c=noop;attr(header,"class","header");attr(section,"class","content");attr(footer,"class","footer");attr(div,"class","page");attr(div,"style",div_style_value=`
|
|
438
439
|
--max-content-width: ${/*maxcontentwidth*/ctx[2]||"100%"};
|
|
439
440
|
--nav-column-width: ${/*leftcolumnwidth*/ctx[0]||"256px"};
|
|
440
|
-
--
|
|
441
|
-
`);},m(target,anchor){insert(target,div,anchor);append(div,header);append(div,t0);append(div,section);append(div,
|
|
441
|
+
--side-menu-column-width: ${/*rightcolumnwidth*/ctx[1]||"256px"}
|
|
442
|
+
`);},m(target,anchor){insert(target,div,anchor);append(div,header);append(div,t0);append(div,section);append(div,t4);append(div,footer);},p(ctx,[dirty]){if(dirty&/*maxcontentwidth, leftcolumnwidth, rightcolumnwidth*/7&&div_style_value!==(div_style_value=`
|
|
442
443
|
--max-content-width: ${/*maxcontentwidth*/ctx[2]||"100%"};
|
|
443
444
|
--nav-column-width: ${/*leftcolumnwidth*/ctx[0]||"256px"};
|
|
444
|
-
--
|
|
445
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$9($$self,$$props,$$invalidate){let{leftcolumnwidth}=$$props;let{rightcolumnwidth}=$$props;let{maxcontentwidth}=$$props;$$self.$$set=$$props=>{if('leftcolumnwidth'in $$props)$$invalidate(0,leftcolumnwidth=$$props.leftcolumnwidth);if('rightcolumnwidth'in $$props)$$invalidate(1,rightcolumnwidth=$$props.rightcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(2,maxcontentwidth=$$props.maxcontentwidth);};return [leftcolumnwidth,rightcolumnwidth,maxcontentwidth];}class ThreeColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1 auto;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--goa-color-greyscale-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 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;transform:translateX(0)}.nav:not(.
|
|
445
|
+
--side-menu-column-width: ${/*rightcolumnwidth*/ctx[1]||"256px"}
|
|
446
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$9($$self,$$props,$$invalidate){let{leftcolumnwidth}=$$props;let{rightcolumnwidth}=$$props;let{maxcontentwidth}=$$props;$$self.$$set=$$props=>{if('leftcolumnwidth'in $$props)$$invalidate(0,leftcolumnwidth=$$props.leftcolumnwidth);if('rightcolumnwidth'in $$props)$$invalidate(1,rightcolumnwidth=$$props.rightcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(2,maxcontentwidth=$$props.maxcontentwidth);};return [leftcolumnwidth,rightcolumnwidth,maxcontentwidth];}class ThreeColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1 auto;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--goa-color-greyscale-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 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;transform:translateX(0)}.nav:not(.side-menu){flex:0 0 var(--nav-column-width)}.nav.side-menu{flex:0 0 var(--side-menu-column-width)}main{padding-right:2rem}}@media(min-width: 1300px){main{padding-right:4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$9,create_fragment$a,safe_not_equal,{leftcolumnwidth:0,rightcolumnwidth:1,maxcontentwidth:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["leftcolumnwidth","rightcolumnwidth","maxcontentwidth"];}get leftcolumnwidth(){return this.$$.ctx[0];}set leftcolumnwidth(leftcolumnwidth){this.$$set({leftcolumnwidth});flush();}get rightcolumnwidth(){return this.$$.ctx[1];}set rightcolumnwidth(rightcolumnwidth){this.$$set({rightcolumnwidth});flush();}get maxcontentwidth(){return this.$$.ctx[2];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-three-column-layout",ThreeColumnLayout);/* libs/web-components/src/components/_experimental/sidebar/Sidebar.svelte generated by Svelte v3.58.0 */function get_each_context$1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[14]=list[i];child_ctx[16]=i;return child_ctx;}// (88:6) {#if true}
|
|
446
447
|
function create_if_block_1$4(ctx){let li;let span;let t0_value=/*item*/ctx[14].displayname+"";let t0;let t1;let li_aria_selected_value;let li_aria_label_value;let mounted;let dispose;let if_block=/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0&&create_if_block_2$4(ctx);function click_handler(){return(/*click_handler*/ctx[8](/*item*/ctx[14]));}function keydown_handler(...args){return(/*keydown_handler*/ctx[9](/*item*/ctx[14],...args));}return {c(){li=element("li");span=element("span");t0=text(t0_value);t1=space();if(if_block)if_block.c();attr(span,"class","label");attr(li,"role","menuitem");attr(li,"aria-selected",li_aria_selected_value=/*item*/ctx[14].active);attr(li,"aria-label",li_aria_label_value=`${/*item*/ctx[14].displayname}${/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0?/*isExpanded*/ctx[5](/*item*/ctx[14])?" Expanded":" Collapsed":""}`);attr(li,"tabindex","0");toggle_class(li,"active",/*item*/ctx[14].active);toggle_class(li,"expanded",/*isExpanded*/ctx[5](/*item*/ctx[14])&&hasSubItemSelected(/*item*/ctx[14]));toggle_class(li,"sub-level",/*level*/ctx[0]>0);},m(target,anchor){insert(target,li,anchor);append(li,span);append(span,t0);append(li,t1);if(if_block)if_block.m(li,null);if(!mounted){dispose=[listen(li,"click",click_handler),listen(li,"keydown",keydown_handler)];mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty&/*_items*/4&&t0_value!==(t0_value=/*item*/ctx[14].displayname+""))set_data(t0,t0_value);if(/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$4(ctx);if_block.c();if_block.m(li,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*_items*/4&&li_aria_selected_value!==(li_aria_selected_value=/*item*/ctx[14].active)){attr(li,"aria-selected",li_aria_selected_value);}if(dirty&/*_items*/4&&li_aria_label_value!==(li_aria_label_value=`${/*item*/ctx[14].displayname}${/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0?/*isExpanded*/ctx[5](/*item*/ctx[14])?" Expanded":" Collapsed":""}`)){attr(li,"aria-label",li_aria_label_value);}if(dirty&/*_items*/4){toggle_class(li,"active",/*item*/ctx[14].active);}if(dirty&/*isExpanded, _items, hasSubItemSelected*/36){toggle_class(li,"expanded",/*isExpanded*/ctx[5](/*item*/ctx[14])&&hasSubItemSelected(/*item*/ctx[14]));}if(dirty&/*level*/1){toggle_class(li,"sub-level",/*level*/ctx[0]>0);}},d(detaching){if(detaching)detach(li);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}// (102:8) {#if item.items && item.items.length > 0}
|
|
447
448
|
function create_if_block_2$4(ctx){let show_if;let if_block_anchor;function select_block_type(ctx,dirty){if(dirty&/*_items*/4)show_if=null;if(show_if==null)show_if=!!/*isExpanded*/ctx[5](/*item*/ctx[14]);if(show_if)return create_if_block_3$4;return create_else_block$4;}let current_block_type=select_block_type(ctx,-1);let if_block=current_block_type(ctx);return {c(){if_block.c();if_block_anchor=empty();},m(target,anchor){if_block.m(target,anchor);insert(target,if_block_anchor,anchor);},p(ctx,dirty){if(current_block_type!==(current_block_type=select_block_type(ctx,dirty))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}},d(detaching){if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}// (105:10) {:else}
|
|
448
449
|
function create_else_block$4(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"size","medium");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (103:10) {#if isExpanded(item)}
|
|
449
450
|
function create_if_block_3$4(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-down");set_custom_element_data(goa_icon,"size","medium");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (112:6) {#if item.items && item.items.length > 0 && isExpanded(item)}
|
|
450
|
-
function create_if_block$6(ctx){let div;let sidebar;let t;let current;sidebar=new Sidebar
|
|
451
|
+
function create_if_block$6(ctx){let div;let sidebar;let t;let current;sidebar=new Sidebar({props:{navitems:/*item*/ctx[14].items,level:/*level*/ctx[0]+1}});return {c(){div=element("div");create_component(sidebar.$$.fragment);t=space();attr(div,"style",/*calculateMarginLeft*/ctx[4]());},m(target,anchor){insert(target,div,anchor);mount_component(sidebar,div,null);append(div,t);current=true;},p(ctx,dirty){const sidebar_changes={};if(dirty&/*_items*/4)sidebar_changes.navitems=/*item*/ctx[14].items;if(dirty&/*level*/1)sidebar_changes.level=/*level*/ctx[0]+1;sidebar.$set(sidebar_changes);},i(local){if(current)return;transition_in(sidebar.$$.fragment,local);current=true;},o(local){transition_out(sidebar.$$.fragment,local);current=false;},d(detaching){if(detaching)detach(div);destroy_component(sidebar);}};}// (87:4) {#each _items as item, index (index)}
|
|
451
452
|
function create_each_block$1(key_1,ctx){let first;let t;let show_if=/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0&&/*isExpanded*/ctx[5](/*item*/ctx[14]);let if_block1_anchor;let current;let if_block0=create_if_block_1$4(ctx);let if_block1=show_if&&create_if_block$6(ctx);return {key:key_1,first:null,c(){first=empty();if(if_block0)if_block0.c();t=space();if(if_block1)if_block1.c();if_block1_anchor=empty();this.first=first;},m(target,anchor){insert(target,first,anchor);if(if_block0)if_block0.m(target,anchor);insert(target,t,anchor);if(if_block1)if_block1.m(target,anchor);insert(target,if_block1_anchor,anchor);current=true;},p(new_ctx,dirty){ctx=new_ctx;if_block0.p(ctx,dirty);if(dirty&/*_items*/4)show_if=/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0&&/*isExpanded*/ctx[5](/*item*/ctx[14]);if(show_if){if(if_block1){if_block1.p(ctx,dirty);if(dirty&/*_items*/4){transition_in(if_block1,1);}}else {if_block1=create_if_block$6(ctx);if_block1.c();transition_in(if_block1,1);if_block1.m(if_block1_anchor.parentNode,if_block1_anchor);}}else if(if_block1){group_outros();transition_out(if_block1,1,1,()=>{if_block1=null;});check_outros();}},i(local){if(current)return;transition_in(if_block1);current=true;},o(local){transition_out(if_block1);current=false;},d(detaching){if(detaching)detach(first);if(if_block0)if_block0.d(detaching);if(detaching)detach(t);if(if_block1)if_block1.d(detaching);if(detaching)detach(if_block1_anchor);}};}function create_fragment$9(ctx){let div;let ul;let slot;let t;let each_blocks=[];let each_1_lookup=new Map();let current;let each_value=/*_items*/ctx[2];const get_key=ctx=>/*index*/ctx[16];for(let i=0;i<each_value.length;i+=1){let child_ctx=get_each_context$1(ctx,each_value,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block$1(key,child_ctx));}return {c(){div=element("div");ul=element("ul");slot=element("slot");t=space();for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}this.c=noop;attr(ul,"role","menu");attr(ul,"aria-label","Side Menu");attr(ul,"tabindex","-1");toggle_class(div,"first-level",/*level*/ctx[0]===0);},m(target,anchor){insert(target,div,anchor);append(div,ul);append(ul,slot);append(ul,t);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*div_binding*/ctx[10](div);current=true;},p(ctx,[dirty]){if(dirty&/*calculateMarginLeft, _items, level, isExpanded, hasSubItemSelected, toggle, handleKeyDown*/125){each_value=/*_items*/ctx[2];group_outros();each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value,each_1_lookup,ul,outro_and_destroy_block,create_each_block$1,null,get_each_context$1);check_outros();}if(!current||dirty&/*level*/1){toggle_class(div,"first-level",/*level*/ctx[0]===0);}},i(local){if(current)return;for(let i=0;i<each_value.length;i+=1){transition_in(each_blocks[i]);}current=true;},o(local){for(let i=0;i<each_blocks.length;i+=1){transition_out(each_blocks[i]);}current=false;},d(detaching){if(detaching)detach(div);for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}/*div_binding*/ctx[10](null);}};}function hasSubItemSelected(item){return item.items&&item.items.length>0&&item.items.some(_item=>_item.active);}function instance$8($$self,$$props,$$invalidate){let{level=0}=$$props;let{navitems=[]}=$$props;// Private
|
|
452
453
|
let _rootElement;let _items=[];let _expandedNavItems=[];onMount(async()=>{const slot=_rootElement.querySelector("slot");slot===null||slot===void 0?void 0:slot.addEventListener("slotchange",_e=>{$$invalidate(2,_items=level===0?[...getItems()]:[...navitems]);});});function toggle(item){// Only dispatch back when the nav item is the lowest level (no children)
|
|
453
454
|
if(!item.items||item.items.length===0){_rootElement.dispatchEvent(new CustomEvent("_change",{composed:true,detail:item}));}// Updated this expanded item to our _expandedNavItems array
|
|
@@ -455,7 +456,7 @@ _expandedNavItems=item&&!_expandedNavItems.includes(item)?[..._expandedNavItems,
|
|
|
455
456
|
* Check if the item is expanded by action (verify with _expandedNavItems) or by sub item selection (default by user)
|
|
456
457
|
*/function isExpanded(item){if(item.items&&item.items.length>0){return _expandedNavItems.includes(item)||hasSubItemSelected(item);}return false;}/**
|
|
457
458
|
* Accessibility when press enter to select the item
|
|
458
|
-
*/function handleKeyDown(event,item){if(event.key==="Enter"){toggle(item);}}const click_handler=item=>toggle(item);const keydown_handler=(item,event)=>handleKeyDown(event,item);function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootElement=$$value;$$invalidate(1,_rootElement);});}$$self.$$set=$$props=>{if('level'in $$props)$$invalidate(0,level=$$props.level);if('navitems'in $$props)$$invalidate(7,navitems=$$props.navitems);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_rootElement, level, navitems*/131){{if(_rootElement){$$invalidate(2,_items=level===0?[...getItems()]:[...navitems]);}}}};return [level,_rootElement,_items,toggle,calculateMarginLeft,isExpanded,handleKeyDown,navitems,click_handler,keydown_handler,div_binding];}class Sidebar
|
|
459
|
+
*/function handleKeyDown(event,item){if(event.key==="Enter"){toggle(item);}}const click_handler=item=>toggle(item);const keydown_handler=(item,event)=>handleKeyDown(event,item);function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootElement=$$value;$$invalidate(1,_rootElement);});}$$self.$$set=$$props=>{if('level'in $$props)$$invalidate(0,level=$$props.level);if('navitems'in $$props)$$invalidate(7,navitems=$$props.navitems);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_rootElement, level, navitems*/131){{if(_rootElement){$$invalidate(2,_items=level===0?[...getItems()]:[...navitems]);}}}};return [level,_rootElement,_items,toggle,calculateMarginLeft,isExpanded,handleKeyDown,navitems,click_handler,keydown_handler,div_binding];}class Sidebar extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`div.first-level{margin-top:var(--goa-space-m)}:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);color:var(--goa-color-text-default)}ul{list-style:none;padding:0;margin:0}li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-xl);gap:var(--goa-line-height-05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.label{font:var(--goa-typography-body-m);display:flex;align-items:center}li.active .label{font:var(--goa-typography-heading-s)}li:hover{background:#CEDFEE}li.expanded{background:#CEDFEE}li.active{background:var(--goa-color-info-background)}li:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}li.sub-level{padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-m)}li.active.sub-level{border-left:4px solid var(--goa-color-interactive-disabled)}li.sub-level:not(.active):not(:hover){border-left:4px solid var(--goa-color-greyscale-100)}li.sub-level:hover{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-greyscale-200)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$8,create_fragment$9,safe_not_equal,{level:0,navitems:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["level","navitems"];}get level(){return this.$$.ctx[0];}set level(level){this.$$set({level});flush();}get navitems(){return this.$$.ctx[7];}set navitems(navitems){this.$$set({navitems});flush();}}customElements.define("goax-sidebar",Sidebar);/* libs/web-components/src/components/_experimental/sidebar/SidebarItem.svelte generated by Svelte v3.58.0 */function create_fragment$8(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}class SidebarItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$8,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goax-sidebar-item",SidebarItem);/* libs/web-components/src/components/form-stepper/FormStepper.svelte generated by Svelte v3.58.0 */function create_if_block$5(ctx){let progress0;let t;let progress1;return {c(){progress0=element("progress");t=space();progress1=element("progress");attr(progress0,"class","horizontal");progress0.value=/*_progress*/ctx[11];attr(progress0,"max","100");attr(progress1,"class","vertical");progress1.value=/*_progress*/ctx[11];attr(progress1,"max","100");},m(target,anchor){insert(target,progress0,anchor);insert(target,t,anchor);insert(target,progress1,anchor);},p(ctx,dirty){if(dirty&/*_progress*/2048){progress0.value=/*_progress*/ctx[11];}if(dirty&/*_progress*/2048){progress1.value=/*_progress*/ctx[11];}},d(detaching){if(detaching)detach(progress0);if(detaching)detach(t);if(detaching)detach(progress1);}};}function create_fragment$7(ctx){let section;let div1;let t;let div0;let div1_style_value;let if_block=/*_steps*/ctx[4].length>0&&/*_showProgressBars*/ctx[10]&&create_if_block$5(ctx);return {c(){section=element("section");div1=element("div");if(if_block)if_block.c();t=space();div0=element("div");div0.innerHTML=`<goa-grid minchildwidth="1px"><slot></slot></goa-grid>`;this.c=noop;attr(div0,"class","slots");attr(div1,"class","form-stepper");attr(div1,"style",div1_style_value=`
|
|
459
460
|
${calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3])};
|
|
460
461
|
--progress: ${/*_progress*/ctx[11]}%;
|
|
461
462
|
--step-width: ${/*_stepWidth*/ctx[7]}px;
|
|
@@ -541,25 +542,16 @@ function create_if_block_4(ctx){let div;return {c(){div=element("div");div.textC
|
|
|
541
542
|
function create_if_block_3$1(ctx){let div;let progress_1;let t0;let t1_value=Math.ceil(/*progress*/ctx[2])+"";let t1;let t2;return {c(){div=element("div");progress_1=element("progress");t0=space();t1=text(t1_value);t2=text("%");progress_1.value=/*progress*/ctx[2];attr(progress_1,"max","100");attr(div,"class","progress");attr(div,"data-testid","progress");},m(target,anchor){insert(target,div,anchor);append(div,progress_1);append(div,t0);append(div,t1);append(div,t2);},p(ctx,dirty){if(dirty&/*progress*/4){progress_1.value=/*progress*/ctx[2];}if(dirty&/*progress*/4&&t1_value!==(t1_value=Math.ceil(/*progress*/ctx[2])+""))set_data(t1,t1_value);},d(detaching){if(detaching)detach(div);}};}// (102:36)
|
|
542
543
|
function create_if_block_2$1(ctx){let goa_button;let mounted;let dispose;return {c(){goa_button=element("goa-button");goa_button.textContent="Cancel";set_custom_element_data(goa_button,"type","tertiary");set_custom_element_data(goa_button,"size","compact");set_custom_element_data(goa_button,"variant","destructive");},m(target,anchor){insert(target,goa_button,anchor);if(!mounted){dispose=listen(goa_button,"click",/*click_handler_2*/ctx[11]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(goa_button);mounted=false;dispose();}};}// (100:39)
|
|
543
544
|
function create_if_block_1$1(ctx){let goa_button;let mounted;let dispose;return {c(){goa_button=element("goa-button");goa_button.textContent="Remove";set_custom_element_data(goa_button,"type","tertiary");set_custom_element_data(goa_button,"size","compact");set_custom_element_data(goa_button,"leadingicon","trash");},m(target,anchor){insert(target,goa_button,anchor);if(!mounted){dispose=listen(goa_button,"click",/*click_handler_1*/ctx[10]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(goa_button);mounted=false;dispose();}};}// (98:6) {#if _status === "uploading"}
|
|
544
|
-
function create_if_block$2(ctx){let goa_button;let mounted;let dispose;return {c(){goa_button=element("goa-button");goa_button.textContent="Cancel";set_custom_element_data(goa_button,"type","tertiary");set_custom_element_data(goa_button,"size","compact");},m(target,anchor){insert(target,goa_button,anchor);if(!mounted){dispose=listen(goa_button,"click",/*click_handler*/ctx[9]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(goa_button);mounted=false;dispose();}};}function create_fragment$3(ctx){let div3;let t0;let div1;let div0;let t1;let t2;let t3;let t4;let div2;let div3_class_value;function select_block_type(ctx,dirty){if(/*_status*/ctx[4]==="uploaded")return create_if_block_7;return create_else_block$2;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*_status*/ctx[4]!=="error"&&create_if_block_6(ctx);function select_block_type_1(ctx,dirty){if(/*_status*/ctx[4]==="uploading")return create_if_block_3$1;if(/*_status*/ctx[4]==="uploaded")return create_if_block_4;if(/*_status*/ctx[4]==="error")return create_if_block_5;}let current_block_type_1=select_block_type_1(ctx);let if_block2=current_block_type_1&¤t_block_type_1(ctx);function select_block_type_2(ctx,dirty){if(/*_status*/ctx[4]==="uploading")return create_if_block$2;if(/*_status*/ctx[4]==="uploaded")return create_if_block_1$1;if(/*_status*/ctx[4]==="error")return create_if_block_2$1;}let current_block_type_2=select_block_type_2(ctx);let if_block3=current_block_type_2&¤t_block_type_2(ctx);return {c(){div3=element("div");if_block0.c();t0=space();div1=element("div");div0=element("div");t1=text(/*filename*/ctx[0]);t2=space();if(if_block1)if_block1.c();t3=space();if(if_block2)if_block2.c();t4=space();div2=element("div");if(if_block3)if_block3.c();this.c=noop;attr(div0,"class","filename");attr(div0,"data-testid","filename");attr(div1,"class","details");attr(div2,"class","actions");attr(div2,"data-testid","actions");attr(div3,"data-testid","root");attr(div3,"class",div3_class_value=`root ${/*_status*/ctx[4]}`);toggle_class(div3,"error",/*error*/ctx[3]);},m(target,anchor){insert(target,div3,anchor);if_block0.m(div3,null);append(div3,t0);append(div3,div1);append(div1,div0);append(div0,t1);append(div1,t2);if(if_block1)if_block1.m(div1,null);append(div1,t3);if(if_block2)if_block2.m(div1,null);append(div3,t4);append(div3,div2);if(if_block3)if_block3.m(div2,null);/*div3_binding*/ctx[12](div3);},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(div3,t0);}}if(dirty&/*filename*/1)set_data(t1,/*filename*/ctx[0]);if(/*_status*/ctx[4]!=="error"){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_6(ctx);if_block1.c();if_block1.m(div1,t3);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(current_block_type_1===(current_block_type_1=select_block_type_1(ctx))&&if_block2){if_block2.p(ctx,dirty);}else {if(if_block2)if_block2.d(1);if_block2=current_block_type_1&¤t_block_type_1(ctx);if(if_block2){if_block2.c();if_block2.m(div1,null);}}if(current_block_type_2===(current_block_type_2=select_block_type_2(ctx))&&if_block3){if_block3.p(ctx,dirty);}else {if(if_block3)if_block3.d(1);if_block3=current_block_type_2&¤t_block_type_2(ctx);if(if_block3){if_block3.c();if_block3.m(div2,null);}}if(dirty&/*_status*/16&&div3_class_value!==(div3_class_value=`root ${/*_status*/ctx[4]}`)){attr(div3,"class",div3_class_value);}if(dirty&/*_status, error*/24){toggle_class(div3,"error",/*error*/ctx[3]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if_block0.d();if(if_block1)if_block1.d();if(if_block2){if_block2.d();}if(if_block3){if_block3.d();}/*div3_binding*/ctx[12](null);}};}function getFiletypeIcon(filename,type){// file extensions
|
|
545
|
+
function create_if_block$2(ctx){let goa_button;let mounted;let dispose;return {c(){goa_button=element("goa-button");goa_button.textContent="Cancel";set_custom_element_data(goa_button,"type","tertiary");set_custom_element_data(goa_button,"size","compact");},m(target,anchor){insert(target,goa_button,anchor);if(!mounted){dispose=listen(goa_button,"click",/*click_handler*/ctx[9]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(goa_button);mounted=false;dispose();}};}function create_fragment$3(ctx){let div3;let t0;let div1;let div0;let t1;let t2;let t3;let t4;let div2;let div3_class_value;function select_block_type(ctx,dirty){if(/*_status*/ctx[4]==="uploaded")return create_if_block_7;return create_else_block$2;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*_status*/ctx[4]!=="error"&&create_if_block_6(ctx);function select_block_type_1(ctx,dirty){if(/*_status*/ctx[4]==="uploading")return create_if_block_3$1;if(/*_status*/ctx[4]==="uploaded")return create_if_block_4;if(/*_status*/ctx[4]==="error")return create_if_block_5;}let current_block_type_1=select_block_type_1(ctx);let if_block2=current_block_type_1&¤t_block_type_1(ctx);function select_block_type_2(ctx,dirty){if(/*_status*/ctx[4]==="uploading")return create_if_block$2;if(/*_status*/ctx[4]==="uploaded")return create_if_block_1$1;if(/*_status*/ctx[4]==="error")return create_if_block_2$1;}let current_block_type_2=select_block_type_2(ctx);let if_block3=current_block_type_2&¤t_block_type_2(ctx);return {c(){div3=element("div");if_block0.c();t0=space();div1=element("div");div0=element("div");t1=text(/*filename*/ctx[0]);t2=space();if(if_block1)if_block1.c();t3=space();if(if_block2)if_block2.c();t4=space();div2=element("div");if(if_block3)if_block3.c();this.c=noop;attr(div0,"class","filename");attr(div0,"data-testid","filename");attr(div1,"class","details");attr(div2,"class","actions");attr(div2,"data-testid","actions");attr(div3,"data-testid","root");attr(div3,"class",div3_class_value=`root ${/*_status*/ctx[4]}`);toggle_class(div3,"error",/*error*/ctx[3]);},m(target,anchor){insert(target,div3,anchor);if_block0.m(div3,null);append(div3,t0);append(div3,div1);append(div1,div0);append(div0,t1);append(div1,t2);if(if_block1)if_block1.m(div1,null);append(div1,t3);if(if_block2)if_block2.m(div1,null);append(div3,t4);append(div3,div2);if(if_block3)if_block3.m(div2,null);/*div3_binding*/ctx[12](div3);},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(div3,t0);}}if(dirty&/*filename*/1)set_data(t1,/*filename*/ctx[0]);if(/*_status*/ctx[4]!=="error"){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_6(ctx);if_block1.c();if_block1.m(div1,t3);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(current_block_type_1===(current_block_type_1=select_block_type_1(ctx))&&if_block2){if_block2.p(ctx,dirty);}else {if(if_block2)if_block2.d(1);if_block2=current_block_type_1&¤t_block_type_1(ctx);if(if_block2){if_block2.c();if_block2.m(div1,null);}}if(current_block_type_2===(current_block_type_2=select_block_type_2(ctx))&&if_block3){if_block3.p(ctx,dirty);}else {if(if_block3)if_block3.d(1);if_block3=current_block_type_2&¤t_block_type_2(ctx);if(if_block3){if_block3.c();if_block3.m(div2,null);}}if(dirty&/*_status*/16&&div3_class_value!==(div3_class_value=`root ${/*_status*/ctx[4]}`)){attr(div3,"class",div3_class_value);}if(dirty&/*_status, error*/24){toggle_class(div3,"error",/*error*/ctx[3]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if_block0.d();if(if_block1)if_block1.d();if(if_block2){if_block2.d();}if(if_block3){if_block3.d();}/*div3_binding*/ctx[12](null);}};}function getFiletypeIcon(filename,type){// file extensions
|
|
545
546
|
const parts=filename.split(".");const ext=parts[parts.length-1];const extTypeIcon=ext==="xlxs"&&"goa-xls"||ext==="xls"&&"goa-xls"||ext==="zip"&&"goa-zip"||ext==="docx"&&"goa-doc"||ext==="doc"&&"goa-doc"||ext==="pptx"&&"goa-ppt"||ext==="ppt"&&"goa-ppt"||ext==="pdf"&&"goa-pdf"||ext==="html"&&"goa-html";if(extTypeIcon)return extTypeIcon;// mimetype
|
|
546
547
|
const mimeTypeIcon=type==="application/vnd.ms-powerpoint"&&"goa-ppt"||type.includes("presentationml")&&"goa-ppt"||type.includes("wordprocessingml")&&"goa-doc"||type.includes("spreadsheet")&&"goa-xls"||type.startsWith("video")&&"goa-video"||type.startsWith("audio")&&"goa-audio"||type.startsWith("image")&&"goa-image"||type==="application/msword"&&"goa-doc"||"goa-file";return mimeTypeIcon;}function formatFileSize(bytes){switch(true){case bytes<1024:return bytes+"B";case bytes<1024*1024:return Math.round(bytes/1024)+"KB";case bytes<Math.pow(1024,3):return Math.round(bytes/Math.pow(1024,2))+"MB";}}function instance$3($$self,$$props,$$invalidate){let{filename}=$$props;let{size}=$$props;let{type=""}=$$props;let{progress=-1}=$$props;let{error=""}=$$props;// Private
|
|
547
548
|
let _status="uploading";let _rootEl;let _fileIcon="goa-file";function dispatch(action){_rootEl.dispatchEvent(new CustomEvent(action,{composed:true}));}const click_handler=()=>dispatch("_cancel");const click_handler_1=()=>dispatch("_delete");const click_handler_2=()=>dispatch("_delete");function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(5,_rootEl);});}$$self.$$set=$$props=>{if('filename'in $$props)$$invalidate(0,filename=$$props.filename);if('size'in $$props)$$invalidate(1,size=$$props.size);if('type'in $$props)$$invalidate(8,type=$$props.type);if('progress'in $$props)$$invalidate(2,progress=$$props.progress);if('error'in $$props)$$invalidate(3,error=$$props.error);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error, progress*/12){// Reactive
|
|
548
549
|
$$invalidate(4,_status=error&&"error"||progress>=0&&progress<100&&"uploading"||"uploaded");}if($$self.$$.dirty&/*filename, type*/257){$$invalidate(6,_fileIcon=filename&&type&&getFiletypeIcon(filename,type));}};return [filename,size,progress,error,_status,_rootEl,_fileIcon,dispatch,type,click_handler,click_handler_1,click_handler_2,div3_binding];}class FileUploadCard extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.root{padding:var(--goa-space-l);border:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-radius:var(--goa-border-radius-m);margin:0.5rem 0;display:grid;grid-template-columns:38px auto;grid-template-rows:repeat(2, auto);grid-template-areas:"icon details"
|
|
549
|
-
"action action";gap:1rem;align-items:center}.root.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error)}@media(min-width: 480px){.root{grid-template-columns:38px 1fr auto;grid-template-rows:auto;grid-template-areas:"icon details action"}.details{margin-left:0.5rem}}.fileicon{grid-area:icon;align-self:center}.actions{grid-area:action}.details{grid-area:details;display:flex;flex-direction:column;overflow-x:hidden}.filename{grid-area:filename;font-size:var(--goa-font-size-4);
|
|
550
|
-
let
|
|
551
|
-
window.addEventListener("popstate",()=>{setCurrent(document.location.href);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(0,_rootEl);});}return [_rootEl,div_binding];}class Sidebar extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);background:#CEDFEE}::slotted(a:hover:not(.current)){background:#CEDFEE}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.sidebar{display:block}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$2,create_fragment$2,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-sidebar",Sidebar);/* libs/web-components/src/components/sidebar-group/SidebarGroup.svelte generated by Svelte v3.58.0 */function create_else_block$1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-forward");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (186:4) {#if _open}
|
|
552
|
-
function create_if_block$1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-down");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$1(ctx){let div1;let a;let t0;let t1;let a_href_value;let t2;let div0;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*_open*/ctx[1])return create_if_block$1;return create_else_block$1;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div1=element("div");a=element("a");t0=text(/*heading*/ctx[0]);t1=space();if_block.c();t2=space();div0=element("div");div0.innerHTML=`<slot></slot>`;this.c=noop;attr(a,"href",a_href_value=`#${/*_slug*/ctx[4]}`);attr(a,"class","heading");attr(div0,"class","group");attr(div0,"data-testid","group");toggle_class(div0,"hidden",!/*_open*/ctx[1]);attr(div1,"class","sidebar-group");toggle_class(div1,"current",/*_current*/ctx[2]);},m(target,anchor){insert(target,div1,anchor);append(div1,a);append(a,t0);append(a,t1);if_block.m(a,null);append(div1,t2);append(div1,div0);/*div1_binding*/ctx[6](div1);if(!mounted){dispose=listen(a,"click",/*handleClick*/ctx[5]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*heading*/1)set_data(t0,/*heading*/ctx[0]);if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(a,null);}}if(dirty&/*_slug*/16&&a_href_value!==(a_href_value=`#${/*_slug*/ctx[4]}`)){attr(a,"href",a_href_value);}if(dirty&/*_open*/2){toggle_class(div0,"hidden",!/*_open*/ctx[1]);}if(dirty&/*_current*/4){toggle_class(div1,"current",/*_current*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if_block.d();/*div1_binding*/ctx[6](null);mounted=false;dispose();}};}function toSlug(path){return path===null||path===void 0?void 0:path.toLowerCase().replace(/ /g,"-");}function matchesChild(el,url){if(url.endsWith(toSlug(el.heading))){return true;}const slot=el.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();return !!children.find(child=>{return url.endsWith(child.getAttribute("href"));});}function instance$1($$self,$$props,$$invalidate){let _slug;let{heading}=$$props;let _open=false;let _current=false;let _rootEl;onMount(async()=>{await tick();// needed to allow for window location to be read
|
|
553
|
-
checkUrlMatches();setCurrent();addEventListeners();});function checkUrlMatches(){const url=window.location.href;$$invalidate(1,_open=matchesMenu(url)||matchesChild(_rootEl,url));if(_open){notifyParent(true);}}function addEventListeners(){// listen to events by children (if child is open the parent also has to be open)
|
|
554
|
-
_rootEl.addEventListener("_open",()=>{$$invalidate(1,_open=true);$$invalidate(2,_current=true);});// watch path changes
|
|
555
|
-
let currentLocation=document.location.href;const observer=new MutationObserver(_mutationList=>{// if path change occurs
|
|
556
|
-
if(currentLocation!==document.location.href){currentLocation=document.location.href;setCurrent();}});observer.observe(document.body,{childList:true,subtree:true});// watch hash / browser history changes
|
|
557
|
-
window.addEventListener("popstate",()=>{setCurrent();});}function matchesMenu(url){return url.endsWith(_slug);}function setCurrent(){const url=document.location.href;const slot=_rootEl.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();$$invalidate(2,_current=false);children.forEach(child=>{const current=url.endsWith(child.getAttribute("href"));if(current){$$invalidate(2,_current=true);child.classList.add("current");notifyParent(true);}else {child.classList.remove("current");}// FIXME: hack to get sidebar-group (level >= 2) marked as children
|
|
558
|
-
if(child.tagName==="GOA-SIDEBAR-GROUP"){child.setAttribute("child","true");}});}function handleClick(e){$$invalidate(1,_open=!_open);e.preventDefault();}function notifyParent(current){_rootEl.dispatchEvent(new CustomEvent("_open",{bubbles:true,composed:true,detail:{current}}));}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(3,_rootEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);};$$self.$$.update=()=>{if($$self.$$.dirty&/*heading*/1){$$invalidate(4,_slug=toSlug(heading));}};return [heading,_open,_current,_rootEl,_slug,handleClick,div1_binding];}class SidebarGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem;margin-left:1rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);border-left:4px solid var(--goa-color-interactive-disabled);background:var(--goa-color-info-background)}::slotted(a:hover:not(.current)){background:var(--goa-color-info-background);border-color:var(--goa-color-greyscale-200)}::slotted(a:focus-visible),.heading:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}:host([child=true]) a.heading,.heading{color:var(--goa-color-text-default);display:flex;align-items:center;justify-content:space-between;line-height:2rem;padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}:host([child=true]) a.heading{margin-left:1rem;border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem 0.5rem 1rem}:host([child=true]) a.heading:hover{border-color:var(--goa-color-greyscale-200);background:var(--goa-color-info-background)}:host([child=true]) .sidebar-group.current a.heading{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-interactive-disabled)}.sidebar-group.current .heading{background:#CEDFEE}.heading:hover{background:#CEDFEE}.hidden{display:none}.group{padding-left:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$1,create_fragment$1,safe_not_equal,{heading:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}}customElements.define("goa-sidebar-group",SidebarGroup);/* libs/web-components/src/components/app-header-menu/AppHeaderMenu.svelte generated by Svelte v3.58.0 */const{window:window_1}=globals;function create_else_block(ctx){let button;let t0;let span;let t1;let t2;let goa_spacer;let t3;let goa_icon;let goa_icon_type_value;let t4;let if_block1_anchor;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[1]&&create_if_block_3(ctx);let if_block1=/*_open*/ctx[8]&&create_if_block_2(ctx);return {c(){button=element("button");if(if_block0)if_block0.c();t0=space();span=element("span");t1=text(/*heading*/ctx[0]);t2=space();goa_spacer=element("goa-spacer");t3=space();goa_icon=element("goa-icon");t4=space();if(if_block1)if_block1.c();if_block1_anchor=empty();attr(span,"class","heading");set_custom_element_data(goa_spacer,"hspacing","fill");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"open",/*_open*/ctx[8]);},m(target,anchor){insert(target,button,anchor);if(if_block0)if_block0.m(button,null);append(button,t0);append(button,span);append(span,t1);append(button,t2);append(button,goa_spacer);append(button,t3);append(button,goa_icon);insert(target,t4,anchor);if(if_block1)if_block1.m(target,anchor);insert(target,if_block1_anchor,anchor);if(!mounted){dispose=listen(button,"click",/*toggleMenu*/ctx[9]);mounted=true;}},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3(ctx);if_block0.c();if_block0.m(button,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _open*/260){toggle_class(button,"open",/*_open*/ctx[8]);}if(/*_open*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_2(ctx);if_block1.c();if_block1.m(if_block1_anchor.parentNode,if_block1_anchor);}}else if(if_block1){if_block1.d(1);if_block1=null;}},d(detaching){if(detaching)detach(button);if(if_block0)if_block0.d();if(detaching)detach(t4);if(if_block1)if_block1.d(detaching);if(detaching)detach(if_block1_anchor);mounted=false;dispose();}};}// (78:0) {#if _desktop}
|
|
559
|
-
function create_if_block(ctx){let goa_popover;let button;let t0;let t1;let t2;let goa_icon;let goa_icon_type_value;let t3;let div;let if_block=/*leadingicon*/ctx[1]&&create_if_block_1(ctx);return {c(){goa_popover=element("goa-popover");button=element("button");if(if_block)if_block.c();t0=space();t1=text(/*heading*/ctx[0]);t2=space();goa_icon=element("goa-icon");t3=space();div=element("div");div.innerHTML=`<slot></slot>`;set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"slot","target");set_style(button,"padding","0 0.75rem");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);attr(div,"class","desktop");set_custom_element_data(goa_popover,"context","app-header-menu");set_custom_element_data(goa_popover,"focusborderwidth","0");set_custom_element_data(goa_popover,"borderradius","0");set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"width","16rem");set_custom_element_data(goa_popover,"position","below");},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,button);if(if_block)if_block.m(button,null);append(button,t0);append(button,t1);append(button,t2);append(button,goa_icon);append(goa_popover,t3);append(goa_popover,div);/*div_binding*/ctx[11](div);/*goa_popover_binding*/ctx[12](goa_popover);},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_1(ctx);if_block.c();if_block.m(button,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _hasCurrentLink*/132){toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);}},d(detaching){if(detaching)detach(goa_popover);if(if_block)if_block.d();/*div_binding*/ctx[11](null);/*goa_popover_binding*/ctx[12](null);}};}// (112:4) {#if leadingicon}
|
|
550
|
+
"action action";gap:1rem;align-items:center}.root.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error)}@media(min-width: 480px){.root{grid-template-columns:38px 1fr auto;grid-template-rows:auto;grid-template-areas:"icon details action"}.details{margin-left:0.5rem}}.fileicon{grid-area:icon;align-self:center}.actions{grid-area:action}.details{grid-area:details;display:flex;flex-direction:column;overflow-x:hidden}.filename{grid-area:filename;font-size:var(--goa-font-size-4);overflow-wrap:anywhere}.error-msg{display:flex;align-items:flex-start;margin-top:0.5rem;gap:var(--goa-space-2xs);color:var(--goa-color-interactive-error);font:var(--goa-typography-body-xs)}.timestamp,.filesize{color:var(--goa-color-greyscale-700);font:var(--goa-typography-body-s)}.progress{display:flex;align-items:center;font:var(--goa-typography-body-xs);gap:0.5rem}progress{flex:1 1 auto;-webkit-appearance:none;appearance:none;height:4px;border:none;border-radius:var(--goa-border-radius-m);background:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-700)}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$3,create_fragment$3,safe_not_equal,{filename:0,size:1,type:8,progress:2,error:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["filename","size","type","progress","error"];}get filename(){return this.$$.ctx[0];}set filename(filename){this.$$set({filename});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[8];}set type(type){this.$$set({type});flush();}get progress(){return this.$$.ctx[2];}set progress(progress){this.$$set({progress});flush();}get error(){return this.$$.ctx[3];}set error(error){this.$$set({error});flush();}}customElements.define("goa-file-upload-card",FileUploadCard);/* libs/web-components/src/components/app-header-menu/AppHeaderMenu.svelte generated by Svelte v3.58.0 */const{window:window_1}=globals;function create_else_block$1(ctx){let button;let t0;let span;let t1;let t2;let goa_spacer;let t3;let goa_icon;let goa_icon_type_value;let t4;let if_block1_anchor;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[1]&&create_if_block_3(ctx);let if_block1=/*_open*/ctx[8]&&create_if_block_2(ctx);return {c(){button=element("button");if(if_block0)if_block0.c();t0=space();span=element("span");t1=text(/*heading*/ctx[0]);t2=space();goa_spacer=element("goa-spacer");t3=space();goa_icon=element("goa-icon");t4=space();if(if_block1)if_block1.c();if_block1_anchor=empty();attr(span,"class","heading");set_custom_element_data(goa_spacer,"hspacing","fill");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"open",/*_open*/ctx[8]);},m(target,anchor){insert(target,button,anchor);if(if_block0)if_block0.m(button,null);append(button,t0);append(button,span);append(span,t1);append(button,t2);append(button,goa_spacer);append(button,t3);append(button,goa_icon);insert(target,t4,anchor);if(if_block1)if_block1.m(target,anchor);insert(target,if_block1_anchor,anchor);if(!mounted){dispose=listen(button,"click",/*toggleMenu*/ctx[9]);mounted=true;}},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3(ctx);if_block0.c();if_block0.m(button,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _open*/260){toggle_class(button,"open",/*_open*/ctx[8]);}if(/*_open*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_2(ctx);if_block1.c();if_block1.m(if_block1_anchor.parentNode,if_block1_anchor);}}else if(if_block1){if_block1.d(1);if_block1=null;}},d(detaching){if(detaching)detach(button);if(if_block0)if_block0.d();if(detaching)detach(t4);if(if_block1)if_block1.d(detaching);if(detaching)detach(if_block1_anchor);mounted=false;dispose();}};}// (78:0) {#if _desktop}
|
|
551
|
+
function create_if_block$1(ctx){let goa_popover;let button;let t0;let t1;let t2;let goa_icon;let goa_icon_type_value;let t3;let div;let if_block=/*leadingicon*/ctx[1]&&create_if_block_1(ctx);return {c(){goa_popover=element("goa-popover");button=element("button");if(if_block)if_block.c();t0=space();t1=text(/*heading*/ctx[0]);t2=space();goa_icon=element("goa-icon");t3=space();div=element("div");div.innerHTML=`<slot></slot>`;set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"slot","target");set_style(button,"padding","0 0.75rem");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);attr(div,"class","desktop");set_custom_element_data(goa_popover,"context","app-header-menu");set_custom_element_data(goa_popover,"focusborderwidth","0");set_custom_element_data(goa_popover,"borderradius","0");set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"width","16rem");set_custom_element_data(goa_popover,"position","below");},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,button);if(if_block)if_block.m(button,null);append(button,t0);append(button,t1);append(button,t2);append(button,goa_icon);append(goa_popover,t3);append(goa_popover,div);/*div_binding*/ctx[11](div);/*goa_popover_binding*/ctx[12](goa_popover);},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_1(ctx);if_block.c();if_block.m(button,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _hasCurrentLink*/132){toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);}},d(detaching){if(detaching)detach(goa_popover);if(if_block)if_block.d();/*div_binding*/ctx[11](null);/*goa_popover_binding*/ctx[12](null);}};}// (112:4) {#if leadingicon}
|
|
560
552
|
function create_if_block_3(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);set_custom_element_data(goa_icon,"mt","1");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/2){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (119:2) {#if _open}
|
|
561
553
|
function create_if_block_2(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"class","not-desktop");},m(target,anchor){insert(target,div,anchor);/*div_binding_1*/ctx[13](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_1*/ctx[13](null);}};}// (95:6) {#if leadingicon}
|
|
562
|
-
function create_if_block_1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);set_custom_element_data(goa_icon,"mt","1");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/2){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment(ctx){let if_block_anchor;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[10]);function select_block_type(ctx,dirty){if(/*_desktop*/ctx[4])return create_if_block;return create_else_block;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if_block.m(target,anchor);insert(target,if_block_anchor,anchor);if(!mounted){dispose=listen(window_1,"resize",/*onwindowresize*/ctx[10]);mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}},i:noop,o:noop,d(detaching){if_block.d(detaching);if(detaching)detach(if_block_anchor);mounted=false;dispose();}};}function instance($$self,$$props,$$invalidate){let _desktop;let{heading}=$$props;let{leadingicon}=$$props;let{type="primary"}=$$props;// Private
|
|
554
|
+
function create_if_block_1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);set_custom_element_data(goa_icon,"mt","1");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/2){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$2(ctx){let if_block_anchor;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[10]);function select_block_type(ctx,dirty){if(/*_desktop*/ctx[4])return create_if_block$1;return create_else_block$1;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if_block.m(target,anchor);insert(target,if_block_anchor,anchor);if(!mounted){dispose=listen(window_1,"resize",/*onwindowresize*/ctx[10]);mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}},i:noop,o:noop,d(detaching){if_block.d(detaching);if(detaching)detach(if_block_anchor);mounted=false;dispose();}};}function instance$2($$self,$$props,$$invalidate){let _desktop;let{heading}=$$props;let{leadingicon}=$$props;let{type="primary"}=$$props;// Private
|
|
563
555
|
// media queries are not sufficient as they don't allow for the same slot
|
|
564
556
|
// to be used in different query selectors
|
|
565
557
|
let _innerWidth=window.innerWidth;// allows listening to popover events
|
|
@@ -574,18 +566,27 @@ function hasCurrentLink(){if(!_slotParentEl)return;const slot=_slotParentEl.quer
|
|
|
574
566
|
async function bindToPopoverCloseEvent(){await tick();if(!_popoverEl)return;_popoverEl.removeEventListener("_close",closeMenu);_popoverEl.removeEventListener("_open",openMenu);_popoverEl.addEventListener("_close",closeMenu);_popoverEl.addEventListener("_open",openMenu);}function openMenu(){$$invalidate(8,_open=true);}function closeMenu(){// timeout is required to allow any other events to fire before DOM is changed
|
|
575
567
|
setTimeout(()=>{$$invalidate(8,_open=false);},1);}function toggleMenu(){_open?closeMenu():openMenu();}function onwindowresize(){$$invalidate(3,_innerWidth=window_1.innerWidth);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function goa_popover_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_popoverEl=$$value;$$invalidate(5,_popoverEl);});}function div_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('leadingicon'in $$props)$$invalidate(1,leadingicon=$$props.leadingicon);if('type'in $$props)$$invalidate(2,type=$$props.type);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_innerWidth*/8){// Reactive
|
|
576
568
|
$$invalidate(4,_desktop=_innerWidth>=960);}if($$self.$$.dirty&/*_desktop*/16){// call the method when window changes to desktop size
|
|
577
|
-
_desktop&&bindToPopoverCloseEvent();}};return [heading,leadingicon,type,_innerWidth,_desktop,_popoverEl,_slotParentEl,_hasCurrentLink,_open,toggleMenu,onwindowresize,div_binding,goa_popover_binding,div_binding_1];}class AppHeaderMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{font:var(--goa-typography-body-m)}button{padding:0;border:none;background:transparent;outline:none;color:var(--goa-color-text-default);cursor:pointer;display:flex;align-items:center;gap:0.5rem}button:active,button:hover,button:focus-within,[slot="target"]:focus-within{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}button.current{border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}button.current:hover{border-top:4px solid var(--goa-color-interactive-hover)}button.open{border-bottom:1px solid var(--goa-color-greyscale-200)}::slotted(a),::slotted(a:visited){box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none}.not-desktop ::slotted(a){padding:calc((3rem - var(--goa-line-height-3)) / 2) 2.75rem}::slotted(a:first-child){box-shadow:none}::slotted(a:hover){background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px;color:var(--goa-color-interactive-hover)}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media(max-width: 959px){button{box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);height:3rem;flex:1 1 auto;padding:0 1rem;width:100%}button:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px}.heading{flex:0 0 auto}}@media(min-width: 960px){button[slot=target]{font-weight:var(--goa-font-weight-bold);height:4rem;white-space:nowrap}button.secondary{font-weight:var(--goa-font-weight-regular)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance,create_fragment,safe_not_equal,{heading:0,leadingicon:1,type:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","leadingicon","type"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get leadingicon(){return this.$$.ctx[1];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get type(){return this.$$.ctx[2];}set type(type){this.$$set({type});flush();}}customElements.define("goa-app-header-menu",AppHeaderMenu);
|
|
569
|
+
_desktop&&bindToPopoverCloseEvent();}};return [heading,leadingicon,type,_innerWidth,_desktop,_popoverEl,_slotParentEl,_hasCurrentLink,_open,toggleMenu,onwindowresize,div_binding,goa_popover_binding,div_binding_1];}class AppHeaderMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{font:var(--goa-typography-body-m)}button{padding:0;border:none;background:transparent;outline:none;color:var(--goa-color-text-default);cursor:pointer;display:flex;align-items:center;gap:0.5rem}button:active,button:hover,button:focus-within,[slot="target"]:focus-within{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}button.current{border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}button.current:hover{border-top:4px solid var(--goa-color-interactive-hover)}button.open{border-bottom:1px solid var(--goa-color-greyscale-200)}::slotted(a),::slotted(a:visited){box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none}.not-desktop ::slotted(a){padding:calc((3rem - var(--goa-line-height-3)) / 2) 2.75rem}::slotted(a:first-child){box-shadow:none}::slotted(a:hover){background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px;color:var(--goa-color-interactive-hover)}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media(max-width: 959px){button{box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);height:3rem;flex:1 1 auto;padding:0 1rem;width:100%}button:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px}.heading{flex:0 0 auto}}@media(min-width: 960px){button[slot=target]{font-weight:var(--goa-font-weight-bold);height:4rem;white-space:nowrap}button.secondary{font-weight:var(--goa-font-weight-regular)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$2,create_fragment$2,safe_not_equal,{heading:0,leadingicon:1,type:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","leadingicon","type"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get leadingicon(){return this.$$.ctx[1];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get type(){return this.$$.ctx[2];}set type(type){this.$$set({type});flush();}}customElements.define("goa-app-header-menu",AppHeaderMenu);/* libs/web-components/src/components/side-menu/SideMenu.svelte generated by Svelte v3.58.0 */function create_fragment$1(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","side-menu");},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[1](div);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[1](null);}};}function instance$1($$self,$$props,$$invalidate){let _rootEl;onMount(async()=>{await tick();setCurrent(window.location.toString());addEventListeners();});function setCurrent(url){const slot=_rootEl.querySelector("slot");if(!slot){return false;}const links=slot.assignedElements().filter(el=>el.tagName==="A");links.forEach(child=>{const current=url.endsWith(child.getAttribute("href"));if(current){child.classList.add("current");}else {child.classList.remove("current");}});}function addEventListeners(){// watch path changes
|
|
570
|
+
let currentLocation=document.location.href;const observer=new MutationObserver(_mutationList=>{if(currentLocation!==document.location.href){currentLocation=document.location.href;setCurrent(currentLocation);}});observer.observe(document.body,{childList:true,subtree:true});// watch hash / browser history changes
|
|
571
|
+
window.addEventListener("popstate",()=>{setCurrent(document.location.href);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(0,_rootEl);});}return [_rootEl,div_binding];}class SideMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);background:#CEDFEE}::slotted(a:hover:not(.current)){background:#CEDFEE}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.side-menu{display:block}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$1,create_fragment$1,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-side-menu",SideMenu);/* libs/web-components/src/components/side-menu-group/SideMenuGroup.svelte generated by Svelte v3.58.0 */function create_else_block(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-forward");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (186:4) {#if _open}
|
|
572
|
+
function create_if_block(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-down");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment(ctx){let div1;let a;let t0;let t1;let a_href_value;let t2;let div0;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*_open*/ctx[1])return create_if_block;return create_else_block;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div1=element("div");a=element("a");t0=text(/*heading*/ctx[0]);t1=space();if_block.c();t2=space();div0=element("div");div0.innerHTML=`<slot></slot>`;this.c=noop;attr(a,"href",a_href_value=`#${/*_slug*/ctx[4]}`);attr(a,"class","heading");attr(div0,"class","group");attr(div0,"data-testid","group");toggle_class(div0,"hidden",!/*_open*/ctx[1]);attr(div1,"class","side-menu-group");toggle_class(div1,"current",/*_current*/ctx[2]);},m(target,anchor){insert(target,div1,anchor);append(div1,a);append(a,t0);append(a,t1);if_block.m(a,null);append(div1,t2);append(div1,div0);/*div1_binding*/ctx[6](div1);if(!mounted){dispose=listen(a,"click",/*handleClick*/ctx[5]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*heading*/1)set_data(t0,/*heading*/ctx[0]);if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(a,null);}}if(dirty&/*_slug*/16&&a_href_value!==(a_href_value=`#${/*_slug*/ctx[4]}`)){attr(a,"href",a_href_value);}if(dirty&/*_open*/2){toggle_class(div0,"hidden",!/*_open*/ctx[1]);}if(dirty&/*_current*/4){toggle_class(div1,"current",/*_current*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if_block.d();/*div1_binding*/ctx[6](null);mounted=false;dispose();}};}function toSlug(path){return path===null||path===void 0?void 0:path.toLowerCase().replace(/ /g,"-");}function matchesChild(el,url){if(url.endsWith(toSlug(el.heading))){return true;}const slot=el.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();return !!children.find(child=>{return url.endsWith(child.getAttribute("href"));});}function instance($$self,$$props,$$invalidate){let _slug;let{heading}=$$props;let _open=false;let _current=false;let _rootEl;onMount(async()=>{await tick();// needed to allow for window location to be read
|
|
573
|
+
checkUrlMatches();setCurrent();addEventListeners();});function checkUrlMatches(){const url=window.location.href;$$invalidate(1,_open=matchesMenu(url)||matchesChild(_rootEl,url));if(_open){notifyParent(true);}}function addEventListeners(){// listen to events by children (if child is open the parent also has to be open)
|
|
574
|
+
_rootEl.addEventListener("_open",()=>{$$invalidate(1,_open=true);$$invalidate(2,_current=true);});// watch path changes
|
|
575
|
+
let currentLocation=document.location.href;const observer=new MutationObserver(_mutationList=>{// if path change occurs
|
|
576
|
+
if(currentLocation!==document.location.href){currentLocation=document.location.href;setCurrent();}});observer.observe(document.body,{childList:true,subtree:true});// watch hash / browser history changes
|
|
577
|
+
window.addEventListener("popstate",()=>{setCurrent();});}function matchesMenu(url){return url.endsWith(_slug);}function setCurrent(){const url=document.location.href;const slot=_rootEl.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();$$invalidate(2,_current=false);children.forEach(child=>{const current=url.endsWith(child.getAttribute("href"));if(current){$$invalidate(2,_current=true);child.classList.add("current");notifyParent(true);}else {child.classList.remove("current");}// get side-menu-group (level >= 2) marked as children
|
|
578
|
+
if(child.tagName==="GOA-SIDE-MENU-GROUP"){child.setAttribute("child","true");}});}function handleClick(e){$$invalidate(1,_open=!_open);e.preventDefault();}function notifyParent(current){_rootEl.dispatchEvent(new CustomEvent("_open",{bubbles:true,composed:true,detail:{current}}));}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(3,_rootEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);};$$self.$$.update=()=>{if($$self.$$.dirty&/*heading*/1){$$invalidate(4,_slug=toSlug(heading));}};return [heading,_open,_current,_rootEl,_slug,handleClick,div1_binding];}class SideMenuGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem;margin-left:1rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);border-left:4px solid var(--goa-color-interactive-disabled);background:var(--goa-color-info-background)}::slotted(a:hover:not(.current)){background:var(--goa-color-info-background);border-color:var(--goa-color-greyscale-200)}::slotted(a:focus-visible),.heading:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}:host([child=true]) a.heading,.heading{color:var(--goa-color-text-default);display:flex;align-items:center;justify-content:space-between;line-height:2rem;padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}:host([child=true]) a.heading{margin-left:1rem;border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem 0.5rem 1rem}:host([child=true]) a.heading:hover{border-color:var(--goa-color-greyscale-200);background:var(--goa-color-info-background)}:host([child=true]) .side-menu-group.current a.heading{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-interactive-disabled)}.side-menu-group.current .heading{background:#CEDFEE}.heading:hover{background:#CEDFEE}.hidden{display:none}.group{padding-left:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance,create_fragment,safe_not_equal,{heading:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}}customElements.define("goa-side-menu-group",SideMenuGroup);
|
|
578
579
|
|
|
579
|
-
function
|
|
580
|
-
return jsx("goa-
|
|
580
|
+
function GoASideMenuGroup(props) {
|
|
581
|
+
return jsx("goa-side-menu-group", Object.assign({
|
|
581
582
|
heading: props.heading
|
|
582
583
|
}, {
|
|
583
584
|
children: props.children
|
|
584
585
|
}), void 0);
|
|
585
586
|
}
|
|
586
587
|
|
|
587
|
-
function
|
|
588
|
-
return jsx("goa-
|
|
588
|
+
function GoASideMenu(props) {
|
|
589
|
+
return jsx("goa-side-menu", {
|
|
589
590
|
children: props.children
|
|
590
591
|
}, void 0);
|
|
591
592
|
}
|
|
@@ -1598,11 +1599,13 @@ const GoAInput = ({
|
|
|
1598
1599
|
const onDateChangeHandler = onChange => {
|
|
1599
1600
|
return (name, value) => {
|
|
1600
1601
|
if (!value) {
|
|
1601
|
-
onChange(name,
|
|
1602
|
+
onChange(name, "");
|
|
1602
1603
|
return;
|
|
1603
1604
|
}
|
|
1604
1605
|
|
|
1605
|
-
|
|
1606
|
+
if (isValid(new Date(value))) {
|
|
1607
|
+
onChange(name, parseISO(value));
|
|
1608
|
+
}
|
|
1606
1609
|
};
|
|
1607
1610
|
};
|
|
1608
1611
|
|
|
@@ -2214,9 +2217,13 @@ function GoAThreeColumnLayout(props) {
|
|
|
2214
2217
|
}, {
|
|
2215
2218
|
children: props.nav
|
|
2216
2219
|
}), void 0), props.sidebar && jsx("div", Object.assign({
|
|
2217
|
-
slot: "
|
|
2220
|
+
slot: "side-menu"
|
|
2218
2221
|
}, {
|
|
2219
2222
|
children: props.sidebar
|
|
2223
|
+
}), void 0), props.sideMenu && jsx("div", Object.assign({
|
|
2224
|
+
slot: "side-menu"
|
|
2225
|
+
}, {
|
|
2226
|
+
children: props.sideMenu
|
|
2220
2227
|
}), void 0), props.children, props.footer && jsx("div", Object.assign({
|
|
2221
2228
|
slot: "footer"
|
|
2222
2229
|
}, {
|
|
@@ -2225,4 +2232,4 @@ function GoAThreeColumnLayout(props) {
|
|
|
2225
2232
|
}), void 0);
|
|
2226
2233
|
}
|
|
2227
2234
|
|
|
2228
|
-
export { GoAAccordion, GoAAppFooter, GoAAppFooterMetaSection, GoAAppFooterNavSection, GoAAppHeader, GoAAppHeaderMenu, GoABadge, GoABlock, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAChip, GoACircularProgress, GoAContainer, GoADetails, GoADivider, GoADropdown, GoADropdownItem, GoADropdownOption, GoAEmergencyBadge, GoAFileUploadCard, GoAFileUploadInput, GoAFormItem, GoAFormStep, GoAFormStepper, GoAGrid, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAImportantBadge, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAOneColumnLayout, GoAPageBlock, GoAPages, GoAPagination, GoAPopover, GoARadioGroup, GoARadioItem,
|
|
2235
|
+
export { GoAAccordion, GoAAppFooter, GoAAppFooterMetaSection, GoAAppFooterNavSection, GoAAppHeader, GoAAppHeaderMenu, GoABadge, GoABlock, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAChip, GoACircularProgress, GoAContainer, GoADetails, GoADivider, GoADropdown, GoADropdownItem, GoADropdownOption, GoAEmergencyBadge, GoAFileUploadCard, GoAFileUploadInput, GoAFormItem, GoAFormStep, GoAFormStepper, GoAGrid, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAImportantBadge, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAOneColumnLayout, GoAPageBlock, GoAPages, GoAPagination, GoAPopover, GoARadioGroup, GoARadioItem, GoASideMenu, GoASideMenuGroup, GoASkeleton, GoASpacer, GoASpinner, GoASuccessBadge, GoATable, GoATableSortHeader, GoATextArea, GoAThreeColumnLayout, GoATwoColumnLayout };
|
package/react-components.umd.js
CHANGED
|
@@ -432,24 +432,25 @@
|
|
|
432
432
|
`);},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
433
|
--max-content-width: ${/*maxcontentwidth*/ctx[1]||"100%"};
|
|
434
434
|
--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;position:relative}.content{flex:1 1 auto;position:relative;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
|
|
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;position:relative}.content{flex:1 1 auto;position:relative;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
436
|
|
|
437
437
|
<main><slot></slot></main>
|
|
438
438
|
|
|
439
|
-
<nav class="nav
|
|
439
|
+
<nav class="nav side-menu"><slot name="sidebar"></slot>
|
|
440
|
+
<slot name="side-menu"></slot></nav>`;t4=space();footer=element("footer");footer.innerHTML=`<slot name="footer"></slot>`;this.c=noop;attr(header,"class","header");attr(section,"class","content");attr(footer,"class","footer");attr(div,"class","page");attr(div,"style",div_style_value=`
|
|
440
441
|
--max-content-width: ${/*maxcontentwidth*/ctx[2]||"100%"};
|
|
441
442
|
--nav-column-width: ${/*leftcolumnwidth*/ctx[0]||"256px"};
|
|
442
|
-
--
|
|
443
|
-
`);},m(target,anchor){insert(target,div,anchor);append(div,header);append(div,t0);append(div,section);append(div,
|
|
443
|
+
--side-menu-column-width: ${/*rightcolumnwidth*/ctx[1]||"256px"}
|
|
444
|
+
`);},m(target,anchor){insert(target,div,anchor);append(div,header);append(div,t0);append(div,section);append(div,t4);append(div,footer);},p(ctx,[dirty]){if(dirty&/*maxcontentwidth, leftcolumnwidth, rightcolumnwidth*/7&&div_style_value!==(div_style_value=`
|
|
444
445
|
--max-content-width: ${/*maxcontentwidth*/ctx[2]||"100%"};
|
|
445
446
|
--nav-column-width: ${/*leftcolumnwidth*/ctx[0]||"256px"};
|
|
446
|
-
--
|
|
447
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$9($$self,$$props,$$invalidate){let{leftcolumnwidth}=$$props;let{rightcolumnwidth}=$$props;let{maxcontentwidth}=$$props;$$self.$$set=$$props=>{if('leftcolumnwidth'in $$props)$$invalidate(0,leftcolumnwidth=$$props.leftcolumnwidth);if('rightcolumnwidth'in $$props)$$invalidate(1,rightcolumnwidth=$$props.rightcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(2,maxcontentwidth=$$props.maxcontentwidth);};return [leftcolumnwidth,rightcolumnwidth,maxcontentwidth];}class ThreeColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1 auto;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--goa-color-greyscale-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 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;transform:translateX(0)}.nav:not(.
|
|
447
|
+
--side-menu-column-width: ${/*rightcolumnwidth*/ctx[1]||"256px"}
|
|
448
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);}};}function instance$9($$self,$$props,$$invalidate){let{leftcolumnwidth}=$$props;let{rightcolumnwidth}=$$props;let{maxcontentwidth}=$$props;$$self.$$set=$$props=>{if('leftcolumnwidth'in $$props)$$invalidate(0,leftcolumnwidth=$$props.leftcolumnwidth);if('rightcolumnwidth'in $$props)$$invalidate(1,rightcolumnwidth=$$props.rightcolumnwidth);if('maxcontentwidth'in $$props)$$invalidate(2,maxcontentwidth=$$props.maxcontentwidth);};return [leftcolumnwidth,rightcolumnwidth,maxcontentwidth];}class ThreeColumnLayout extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{box-sizing:border-box}.page{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1 auto;display:flex;flex-direction:column;gap:2rem}.header,.footer{flex:0 0 auto}main{flex:1 1 auto;padding:0 1rem}.nav{padding:0 1rem;transition:transform 200ms ease-in-out;background-color:var(--goa-color-greyscale-white)}.nav>*{display:block;padding:0.5rem 0}@media(min-width: 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;transform:translateX(0)}.nav:not(.side-menu){flex:0 0 var(--nav-column-width)}.nav.side-menu{flex:0 0 var(--side-menu-column-width)}main{padding-right:2rem}}@media(min-width: 1300px){main{padding-right:4.5rem}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$9,create_fragment$a,safe_not_equal,{leftcolumnwidth:0,rightcolumnwidth:1,maxcontentwidth:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["leftcolumnwidth","rightcolumnwidth","maxcontentwidth"];}get leftcolumnwidth(){return this.$$.ctx[0];}set leftcolumnwidth(leftcolumnwidth){this.$$set({leftcolumnwidth});flush();}get rightcolumnwidth(){return this.$$.ctx[1];}set rightcolumnwidth(rightcolumnwidth){this.$$set({rightcolumnwidth});flush();}get maxcontentwidth(){return this.$$.ctx[2];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-three-column-layout",ThreeColumnLayout);/* libs/web-components/src/components/_experimental/sidebar/Sidebar.svelte generated by Svelte v3.58.0 */function get_each_context$1(ctx,list,i){const child_ctx=ctx.slice();child_ctx[14]=list[i];child_ctx[16]=i;return child_ctx;}// (88:6) {#if true}
|
|
448
449
|
function create_if_block_1$4(ctx){let li;let span;let t0_value=/*item*/ctx[14].displayname+"";let t0;let t1;let li_aria_selected_value;let li_aria_label_value;let mounted;let dispose;let if_block=/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0&&create_if_block_2$4(ctx);function click_handler(){return(/*click_handler*/ctx[8](/*item*/ctx[14]));}function keydown_handler(...args){return(/*keydown_handler*/ctx[9](/*item*/ctx[14],...args));}return {c(){li=element("li");span=element("span");t0=text(t0_value);t1=space();if(if_block)if_block.c();attr(span,"class","label");attr(li,"role","menuitem");attr(li,"aria-selected",li_aria_selected_value=/*item*/ctx[14].active);attr(li,"aria-label",li_aria_label_value=`${/*item*/ctx[14].displayname}${/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0?/*isExpanded*/ctx[5](/*item*/ctx[14])?" Expanded":" Collapsed":""}`);attr(li,"tabindex","0");toggle_class(li,"active",/*item*/ctx[14].active);toggle_class(li,"expanded",/*isExpanded*/ctx[5](/*item*/ctx[14])&&hasSubItemSelected(/*item*/ctx[14]));toggle_class(li,"sub-level",/*level*/ctx[0]>0);},m(target,anchor){insert(target,li,anchor);append(li,span);append(span,t0);append(li,t1);if(if_block)if_block.m(li,null);if(!mounted){dispose=[listen(li,"click",click_handler),listen(li,"keydown",keydown_handler)];mounted=true;}},p(new_ctx,dirty){ctx=new_ctx;if(dirty&/*_items*/4&&t0_value!==(t0_value=/*item*/ctx[14].displayname+""))set_data(t0,t0_value);if(/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_2$4(ctx);if_block.c();if_block.m(li,null);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*_items*/4&&li_aria_selected_value!==(li_aria_selected_value=/*item*/ctx[14].active)){attr(li,"aria-selected",li_aria_selected_value);}if(dirty&/*_items*/4&&li_aria_label_value!==(li_aria_label_value=`${/*item*/ctx[14].displayname}${/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0?/*isExpanded*/ctx[5](/*item*/ctx[14])?" Expanded":" Collapsed":""}`)){attr(li,"aria-label",li_aria_label_value);}if(dirty&/*_items*/4){toggle_class(li,"active",/*item*/ctx[14].active);}if(dirty&/*isExpanded, _items, hasSubItemSelected*/36){toggle_class(li,"expanded",/*isExpanded*/ctx[5](/*item*/ctx[14])&&hasSubItemSelected(/*item*/ctx[14]));}if(dirty&/*level*/1){toggle_class(li,"sub-level",/*level*/ctx[0]>0);}},d(detaching){if(detaching)detach(li);if(if_block)if_block.d();mounted=false;run_all(dispose);}};}// (102:8) {#if item.items && item.items.length > 0}
|
|
449
450
|
function create_if_block_2$4(ctx){let show_if;let if_block_anchor;function select_block_type(ctx,dirty){if(dirty&/*_items*/4)show_if=null;if(show_if==null)show_if=!!/*isExpanded*/ctx[5](/*item*/ctx[14]);if(show_if)return create_if_block_3$4;return create_else_block$4;}let current_block_type=select_block_type(ctx,-1);let if_block=current_block_type(ctx);return {c(){if_block.c();if_block_anchor=empty();},m(target,anchor){if_block.m(target,anchor);insert(target,if_block_anchor,anchor);},p(ctx,dirty){if(current_block_type!==(current_block_type=select_block_type(ctx,dirty))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}},d(detaching){if_block.d(detaching);if(detaching)detach(if_block_anchor);}};}// (105:10) {:else}
|
|
450
451
|
function create_else_block$4(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-forward");set_custom_element_data(goa_icon,"size","medium");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (103:10) {#if isExpanded(item)}
|
|
451
452
|
function create_if_block_3$4(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-down");set_custom_element_data(goa_icon,"size","medium");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (112:6) {#if item.items && item.items.length > 0 && isExpanded(item)}
|
|
452
|
-
function create_if_block$6(ctx){let div;let sidebar;let t;let current;sidebar=new Sidebar
|
|
453
|
+
function create_if_block$6(ctx){let div;let sidebar;let t;let current;sidebar=new Sidebar({props:{navitems:/*item*/ctx[14].items,level:/*level*/ctx[0]+1}});return {c(){div=element("div");create_component(sidebar.$$.fragment);t=space();attr(div,"style",/*calculateMarginLeft*/ctx[4]());},m(target,anchor){insert(target,div,anchor);mount_component(sidebar,div,null);append(div,t);current=true;},p(ctx,dirty){const sidebar_changes={};if(dirty&/*_items*/4)sidebar_changes.navitems=/*item*/ctx[14].items;if(dirty&/*level*/1)sidebar_changes.level=/*level*/ctx[0]+1;sidebar.$set(sidebar_changes);},i(local){if(current)return;transition_in(sidebar.$$.fragment,local);current=true;},o(local){transition_out(sidebar.$$.fragment,local);current=false;},d(detaching){if(detaching)detach(div);destroy_component(sidebar);}};}// (87:4) {#each _items as item, index (index)}
|
|
453
454
|
function create_each_block$1(key_1,ctx){let first;let t;let show_if=/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0&&/*isExpanded*/ctx[5](/*item*/ctx[14]);let if_block1_anchor;let current;let if_block0=create_if_block_1$4(ctx);let if_block1=show_if&&create_if_block$6(ctx);return {key:key_1,first:null,c(){first=empty();if(if_block0)if_block0.c();t=space();if(if_block1)if_block1.c();if_block1_anchor=empty();this.first=first;},m(target,anchor){insert(target,first,anchor);if(if_block0)if_block0.m(target,anchor);insert(target,t,anchor);if(if_block1)if_block1.m(target,anchor);insert(target,if_block1_anchor,anchor);current=true;},p(new_ctx,dirty){ctx=new_ctx;if_block0.p(ctx,dirty);if(dirty&/*_items*/4)show_if=/*item*/ctx[14].items&&/*item*/ctx[14].items.length>0&&/*isExpanded*/ctx[5](/*item*/ctx[14]);if(show_if){if(if_block1){if_block1.p(ctx,dirty);if(dirty&/*_items*/4){transition_in(if_block1,1);}}else {if_block1=create_if_block$6(ctx);if_block1.c();transition_in(if_block1,1);if_block1.m(if_block1_anchor.parentNode,if_block1_anchor);}}else if(if_block1){group_outros();transition_out(if_block1,1,1,()=>{if_block1=null;});check_outros();}},i(local){if(current)return;transition_in(if_block1);current=true;},o(local){transition_out(if_block1);current=false;},d(detaching){if(detaching)detach(first);if(if_block0)if_block0.d(detaching);if(detaching)detach(t);if(if_block1)if_block1.d(detaching);if(detaching)detach(if_block1_anchor);}};}function create_fragment$9(ctx){let div;let ul;let slot;let t;let each_blocks=[];let each_1_lookup=new Map();let current;let each_value=/*_items*/ctx[2];const get_key=ctx=>/*index*/ctx[16];for(let i=0;i<each_value.length;i+=1){let child_ctx=get_each_context$1(ctx,each_value,i);let key=get_key(child_ctx);each_1_lookup.set(key,each_blocks[i]=create_each_block$1(key,child_ctx));}return {c(){div=element("div");ul=element("ul");slot=element("slot");t=space();for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].c();}this.c=noop;attr(ul,"role","menu");attr(ul,"aria-label","Side Menu");attr(ul,"tabindex","-1");toggle_class(div,"first-level",/*level*/ctx[0]===0);},m(target,anchor){insert(target,div,anchor);append(div,ul);append(ul,slot);append(ul,t);for(let i=0;i<each_blocks.length;i+=1){if(each_blocks[i]){each_blocks[i].m(ul,null);}}/*div_binding*/ctx[10](div);current=true;},p(ctx,[dirty]){if(dirty&/*calculateMarginLeft, _items, level, isExpanded, hasSubItemSelected, toggle, handleKeyDown*/125){each_value=/*_items*/ctx[2];group_outros();each_blocks=update_keyed_each(each_blocks,dirty,get_key,1,ctx,each_value,each_1_lookup,ul,outro_and_destroy_block,create_each_block$1,null,get_each_context$1);check_outros();}if(!current||dirty&/*level*/1){toggle_class(div,"first-level",/*level*/ctx[0]===0);}},i(local){if(current)return;for(let i=0;i<each_value.length;i+=1){transition_in(each_blocks[i]);}current=true;},o(local){for(let i=0;i<each_blocks.length;i+=1){transition_out(each_blocks[i]);}current=false;},d(detaching){if(detaching)detach(div);for(let i=0;i<each_blocks.length;i+=1){each_blocks[i].d();}/*div_binding*/ctx[10](null);}};}function hasSubItemSelected(item){return item.items&&item.items.length>0&&item.items.some(_item=>_item.active);}function instance$8($$self,$$props,$$invalidate){let{level=0}=$$props;let{navitems=[]}=$$props;// Private
|
|
454
455
|
let _rootElement;let _items=[];let _expandedNavItems=[];onMount(_async(function(){const slot=_rootElement.querySelector("slot");slot===null||slot===void 0?void 0:slot.addEventListener("slotchange",_e=>{$$invalidate(2,_items=level===0?[...getItems()]:[...navitems]);});return _await();}));function toggle(item){// Only dispatch back when the nav item is the lowest level (no children)
|
|
455
456
|
if(!item.items||item.items.length===0){_rootElement.dispatchEvent(new CustomEvent("_change",{composed:true,detail:item}));}// Updated this expanded item to our _expandedNavItems array
|
|
@@ -457,7 +458,7 @@
|
|
|
457
458
|
* Check if the item is expanded by action (verify with _expandedNavItems) or by sub item selection (default by user)
|
|
458
459
|
*/function isExpanded(item){if(item.items&&item.items.length>0){return _expandedNavItems.includes(item)||hasSubItemSelected(item);}return false;}/**
|
|
459
460
|
* Accessibility when press enter to select the item
|
|
460
|
-
*/function handleKeyDown(event,item){if(event.key==="Enter"){toggle(item);}}const click_handler=item=>toggle(item);const keydown_handler=(item,event)=>handleKeyDown(event,item);function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootElement=$$value;$$invalidate(1,_rootElement);});}$$self.$$set=$$props=>{if('level'in $$props)$$invalidate(0,level=$$props.level);if('navitems'in $$props)$$invalidate(7,navitems=$$props.navitems);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_rootElement, level, navitems*/131){{if(_rootElement){$$invalidate(2,_items=level===0?[...getItems()]:[...navitems]);}}}};return [level,_rootElement,_items,toggle,calculateMarginLeft,isExpanded,handleKeyDown,navitems,click_handler,keydown_handler,div_binding];}class Sidebar
|
|
461
|
+
*/function handleKeyDown(event,item){if(event.key==="Enter"){toggle(item);}}const click_handler=item=>toggle(item);const keydown_handler=(item,event)=>handleKeyDown(event,item);function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootElement=$$value;$$invalidate(1,_rootElement);});}$$self.$$set=$$props=>{if('level'in $$props)$$invalidate(0,level=$$props.level);if('navitems'in $$props)$$invalidate(7,navitems=$$props.navitems);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_rootElement, level, navitems*/131){{if(_rootElement){$$invalidate(2,_items=level===0?[...getItems()]:[...navitems]);}}}};return [level,_rootElement,_items,toggle,calculateMarginLeft,isExpanded,handleKeyDown,navitems,click_handler,keydown_handler,div_binding];}class Sidebar extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`div.first-level{margin-top:var(--goa-space-m)}:host{box-sizing:border-box;font-family:var(--goa-font-family-sans);color:var(--goa-color-text-default)}ul{list-style:none;padding:0;margin:0}li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-xl);gap:var(--goa-line-height-05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.label{font:var(--goa-typography-body-m);display:flex;align-items:center}li.active .label{font:var(--goa-typography-heading-s)}li:hover{background:#CEDFEE}li.expanded{background:#CEDFEE}li.active{background:var(--goa-color-info-background)}li:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}li.sub-level{padding:0.625rem var(--goa-space-s) 1vh var(--goa-space-m)}li.active.sub-level{border-left:4px solid var(--goa-color-interactive-disabled)}li.sub-level:not(.active):not(:hover){border-left:4px solid var(--goa-color-greyscale-100)}li.sub-level:hover{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-greyscale-200)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$8,create_fragment$9,safe_not_equal,{level:0,navitems:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["level","navitems"];}get level(){return this.$$.ctx[0];}set level(level){this.$$set({level});flush();}get navitems(){return this.$$.ctx[7];}set navitems(navitems){this.$$set({navitems});flush();}}customElements.define("goax-sidebar",Sidebar);/* libs/web-components/src/components/_experimental/sidebar/SidebarItem.svelte generated by Svelte v3.58.0 */function create_fragment$8(ctx){return {c(){this.c=noop;},m:noop,p:noop,i:noop,o:noop,d:noop};}class SidebarItem extends SvelteElement{constructor(options){super();init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},null,create_fragment$8,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goax-sidebar-item",SidebarItem);/* libs/web-components/src/components/form-stepper/FormStepper.svelte generated by Svelte v3.58.0 */function create_if_block$5(ctx){let progress0;let t;let progress1;return {c(){progress0=element("progress");t=space();progress1=element("progress");attr(progress0,"class","horizontal");progress0.value=/*_progress*/ctx[11];attr(progress0,"max","100");attr(progress1,"class","vertical");progress1.value=/*_progress*/ctx[11];attr(progress1,"max","100");},m(target,anchor){insert(target,progress0,anchor);insert(target,t,anchor);insert(target,progress1,anchor);},p(ctx,dirty){if(dirty&/*_progress*/2048){progress0.value=/*_progress*/ctx[11];}if(dirty&/*_progress*/2048){progress1.value=/*_progress*/ctx[11];}},d(detaching){if(detaching)detach(progress0);if(detaching)detach(t);if(detaching)detach(progress1);}};}function create_fragment$7(ctx){let section;let div1;let t;let div0;let div1_style_value;let if_block=/*_steps*/ctx[4].length>0&&/*_showProgressBars*/ctx[10]&&create_if_block$5(ctx);return {c(){section=element("section");div1=element("div");if(if_block)if_block.c();t=space();div0=element("div");div0.innerHTML=`<goa-grid minchildwidth="1px"><slot></slot></goa-grid>`;this.c=noop;attr(div0,"class","slots");attr(div1,"class","form-stepper");attr(div1,"style",div1_style_value=`
|
|
461
462
|
${calculateMargin(/*mt*/ctx[0],/*mr*/ctx[1],/*mb*/ctx[2],/*ml*/ctx[3])};
|
|
462
463
|
--progress: ${/*_progress*/ctx[11]}%;
|
|
463
464
|
--step-width: ${/*_stepWidth*/ctx[7]}px;
|
|
@@ -543,25 +544,16 @@
|
|
|
543
544
|
function create_if_block_3$1(ctx){let div;let progress_1;let t0;let t1_value=Math.ceil(/*progress*/ctx[2])+"";let t1;let t2;return {c(){div=element("div");progress_1=element("progress");t0=space();t1=text(t1_value);t2=text("%");progress_1.value=/*progress*/ctx[2];attr(progress_1,"max","100");attr(div,"class","progress");attr(div,"data-testid","progress");},m(target,anchor){insert(target,div,anchor);append(div,progress_1);append(div,t0);append(div,t1);append(div,t2);},p(ctx,dirty){if(dirty&/*progress*/4){progress_1.value=/*progress*/ctx[2];}if(dirty&/*progress*/4&&t1_value!==(t1_value=Math.ceil(/*progress*/ctx[2])+""))set_data(t1,t1_value);},d(detaching){if(detaching)detach(div);}};}// (102:36)
|
|
544
545
|
function create_if_block_2$1(ctx){let goa_button;let mounted;let dispose;return {c(){goa_button=element("goa-button");goa_button.textContent="Cancel";set_custom_element_data(goa_button,"type","tertiary");set_custom_element_data(goa_button,"size","compact");set_custom_element_data(goa_button,"variant","destructive");},m(target,anchor){insert(target,goa_button,anchor);if(!mounted){dispose=listen(goa_button,"click",/*click_handler_2*/ctx[11]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(goa_button);mounted=false;dispose();}};}// (100:39)
|
|
545
546
|
function create_if_block_1$1(ctx){let goa_button;let mounted;let dispose;return {c(){goa_button=element("goa-button");goa_button.textContent="Remove";set_custom_element_data(goa_button,"type","tertiary");set_custom_element_data(goa_button,"size","compact");set_custom_element_data(goa_button,"leadingicon","trash");},m(target,anchor){insert(target,goa_button,anchor);if(!mounted){dispose=listen(goa_button,"click",/*click_handler_1*/ctx[10]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(goa_button);mounted=false;dispose();}};}// (98:6) {#if _status === "uploading"}
|
|
546
|
-
function create_if_block$2(ctx){let goa_button;let mounted;let dispose;return {c(){goa_button=element("goa-button");goa_button.textContent="Cancel";set_custom_element_data(goa_button,"type","tertiary");set_custom_element_data(goa_button,"size","compact");},m(target,anchor){insert(target,goa_button,anchor);if(!mounted){dispose=listen(goa_button,"click",/*click_handler*/ctx[9]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(goa_button);mounted=false;dispose();}};}function create_fragment$3(ctx){let div3;let t0;let div1;let div0;let t1;let t2;let t3;let t4;let div2;let div3_class_value;function select_block_type(ctx,dirty){if(/*_status*/ctx[4]==="uploaded")return create_if_block_7;return create_else_block$2;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*_status*/ctx[4]!=="error"&&create_if_block_6(ctx);function select_block_type_1(ctx,dirty){if(/*_status*/ctx[4]==="uploading")return create_if_block_3$1;if(/*_status*/ctx[4]==="uploaded")return create_if_block_4;if(/*_status*/ctx[4]==="error")return create_if_block_5;}let current_block_type_1=select_block_type_1(ctx);let if_block2=current_block_type_1&¤t_block_type_1(ctx);function select_block_type_2(ctx,dirty){if(/*_status*/ctx[4]==="uploading")return create_if_block$2;if(/*_status*/ctx[4]==="uploaded")return create_if_block_1$1;if(/*_status*/ctx[4]==="error")return create_if_block_2$1;}let current_block_type_2=select_block_type_2(ctx);let if_block3=current_block_type_2&¤t_block_type_2(ctx);return {c(){div3=element("div");if_block0.c();t0=space();div1=element("div");div0=element("div");t1=text(/*filename*/ctx[0]);t2=space();if(if_block1)if_block1.c();t3=space();if(if_block2)if_block2.c();t4=space();div2=element("div");if(if_block3)if_block3.c();this.c=noop;attr(div0,"class","filename");attr(div0,"data-testid","filename");attr(div1,"class","details");attr(div2,"class","actions");attr(div2,"data-testid","actions");attr(div3,"data-testid","root");attr(div3,"class",div3_class_value=`root ${/*_status*/ctx[4]}`);toggle_class(div3,"error",/*error*/ctx[3]);},m(target,anchor){insert(target,div3,anchor);if_block0.m(div3,null);append(div3,t0);append(div3,div1);append(div1,div0);append(div0,t1);append(div1,t2);if(if_block1)if_block1.m(div1,null);append(div1,t3);if(if_block2)if_block2.m(div1,null);append(div3,t4);append(div3,div2);if(if_block3)if_block3.m(div2,null);/*div3_binding*/ctx[12](div3);},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(div3,t0);}}if(dirty&/*filename*/1)set_data(t1,/*filename*/ctx[0]);if(/*_status*/ctx[4]!=="error"){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_6(ctx);if_block1.c();if_block1.m(div1,t3);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(current_block_type_1===(current_block_type_1=select_block_type_1(ctx))&&if_block2){if_block2.p(ctx,dirty);}else {if(if_block2)if_block2.d(1);if_block2=current_block_type_1&¤t_block_type_1(ctx);if(if_block2){if_block2.c();if_block2.m(div1,null);}}if(current_block_type_2===(current_block_type_2=select_block_type_2(ctx))&&if_block3){if_block3.p(ctx,dirty);}else {if(if_block3)if_block3.d(1);if_block3=current_block_type_2&¤t_block_type_2(ctx);if(if_block3){if_block3.c();if_block3.m(div2,null);}}if(dirty&/*_status*/16&&div3_class_value!==(div3_class_value=`root ${/*_status*/ctx[4]}`)){attr(div3,"class",div3_class_value);}if(dirty&/*_status, error*/24){toggle_class(div3,"error",/*error*/ctx[3]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if_block0.d();if(if_block1)if_block1.d();if(if_block2){if_block2.d();}if(if_block3){if_block3.d();}/*div3_binding*/ctx[12](null);}};}function getFiletypeIcon(filename,type){// file extensions
|
|
547
|
+
function create_if_block$2(ctx){let goa_button;let mounted;let dispose;return {c(){goa_button=element("goa-button");goa_button.textContent="Cancel";set_custom_element_data(goa_button,"type","tertiary");set_custom_element_data(goa_button,"size","compact");},m(target,anchor){insert(target,goa_button,anchor);if(!mounted){dispose=listen(goa_button,"click",/*click_handler*/ctx[9]);mounted=true;}},p:noop,d(detaching){if(detaching)detach(goa_button);mounted=false;dispose();}};}function create_fragment$3(ctx){let div3;let t0;let div1;let div0;let t1;let t2;let t3;let t4;let div2;let div3_class_value;function select_block_type(ctx,dirty){if(/*_status*/ctx[4]==="uploaded")return create_if_block_7;return create_else_block$2;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*_status*/ctx[4]!=="error"&&create_if_block_6(ctx);function select_block_type_1(ctx,dirty){if(/*_status*/ctx[4]==="uploading")return create_if_block_3$1;if(/*_status*/ctx[4]==="uploaded")return create_if_block_4;if(/*_status*/ctx[4]==="error")return create_if_block_5;}let current_block_type_1=select_block_type_1(ctx);let if_block2=current_block_type_1&¤t_block_type_1(ctx);function select_block_type_2(ctx,dirty){if(/*_status*/ctx[4]==="uploading")return create_if_block$2;if(/*_status*/ctx[4]==="uploaded")return create_if_block_1$1;if(/*_status*/ctx[4]==="error")return create_if_block_2$1;}let current_block_type_2=select_block_type_2(ctx);let if_block3=current_block_type_2&¤t_block_type_2(ctx);return {c(){div3=element("div");if_block0.c();t0=space();div1=element("div");div0=element("div");t1=text(/*filename*/ctx[0]);t2=space();if(if_block1)if_block1.c();t3=space();if(if_block2)if_block2.c();t4=space();div2=element("div");if(if_block3)if_block3.c();this.c=noop;attr(div0,"class","filename");attr(div0,"data-testid","filename");attr(div1,"class","details");attr(div2,"class","actions");attr(div2,"data-testid","actions");attr(div3,"data-testid","root");attr(div3,"class",div3_class_value=`root ${/*_status*/ctx[4]}`);toggle_class(div3,"error",/*error*/ctx[3]);},m(target,anchor){insert(target,div3,anchor);if_block0.m(div3,null);append(div3,t0);append(div3,div1);append(div1,div0);append(div0,t1);append(div1,t2);if(if_block1)if_block1.m(div1,null);append(div1,t3);if(if_block2)if_block2.m(div1,null);append(div3,t4);append(div3,div2);if(if_block3)if_block3.m(div2,null);/*div3_binding*/ctx[12](div3);},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(div3,t0);}}if(dirty&/*filename*/1)set_data(t1,/*filename*/ctx[0]);if(/*_status*/ctx[4]!=="error"){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_6(ctx);if_block1.c();if_block1.m(div1,t3);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(current_block_type_1===(current_block_type_1=select_block_type_1(ctx))&&if_block2){if_block2.p(ctx,dirty);}else {if(if_block2)if_block2.d(1);if_block2=current_block_type_1&¤t_block_type_1(ctx);if(if_block2){if_block2.c();if_block2.m(div1,null);}}if(current_block_type_2===(current_block_type_2=select_block_type_2(ctx))&&if_block3){if_block3.p(ctx,dirty);}else {if(if_block3)if_block3.d(1);if_block3=current_block_type_2&¤t_block_type_2(ctx);if(if_block3){if_block3.c();if_block3.m(div2,null);}}if(dirty&/*_status*/16&&div3_class_value!==(div3_class_value=`root ${/*_status*/ctx[4]}`)){attr(div3,"class",div3_class_value);}if(dirty&/*_status, error*/24){toggle_class(div3,"error",/*error*/ctx[3]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div3);if_block0.d();if(if_block1)if_block1.d();if(if_block2){if_block2.d();}if(if_block3){if_block3.d();}/*div3_binding*/ctx[12](null);}};}function getFiletypeIcon(filename,type){// file extensions
|
|
547
548
|
const parts=filename.split(".");const ext=parts[parts.length-1];const extTypeIcon=ext==="xlxs"&&"goa-xls"||ext==="xls"&&"goa-xls"||ext==="zip"&&"goa-zip"||ext==="docx"&&"goa-doc"||ext==="doc"&&"goa-doc"||ext==="pptx"&&"goa-ppt"||ext==="ppt"&&"goa-ppt"||ext==="pdf"&&"goa-pdf"||ext==="html"&&"goa-html";if(extTypeIcon)return extTypeIcon;// mimetype
|
|
548
549
|
const mimeTypeIcon=type==="application/vnd.ms-powerpoint"&&"goa-ppt"||type.includes("presentationml")&&"goa-ppt"||type.includes("wordprocessingml")&&"goa-doc"||type.includes("spreadsheet")&&"goa-xls"||type.startsWith("video")&&"goa-video"||type.startsWith("audio")&&"goa-audio"||type.startsWith("image")&&"goa-image"||type==="application/msword"&&"goa-doc"||"goa-file";return mimeTypeIcon;}function formatFileSize(bytes){switch(true){case bytes<1024:return bytes+"B";case bytes<1024*1024:return Math.round(bytes/1024)+"KB";case bytes<Math.pow(1024,3):return Math.round(bytes/Math.pow(1024,2))+"MB";}}function instance$3($$self,$$props,$$invalidate){let{filename}=$$props;let{size}=$$props;let{type=""}=$$props;let{progress=-1}=$$props;let{error=""}=$$props;// Private
|
|
549
550
|
let _status="uploading";let _rootEl;let _fileIcon="goa-file";function dispatch(action){_rootEl.dispatchEvent(new CustomEvent(action,{composed:true}));}const click_handler=()=>dispatch("_cancel");const click_handler_1=()=>dispatch("_delete");const click_handler_2=()=>dispatch("_delete");function div3_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(5,_rootEl);});}$$self.$$set=$$props=>{if('filename'in $$props)$$invalidate(0,filename=$$props.filename);if('size'in $$props)$$invalidate(1,size=$$props.size);if('type'in $$props)$$invalidate(8,type=$$props.type);if('progress'in $$props)$$invalidate(2,progress=$$props.progress);if('error'in $$props)$$invalidate(3,error=$$props.error);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error, progress*/12){// Reactive
|
|
550
551
|
$$invalidate(4,_status=error&&"error"||progress>=0&&progress<100&&"uploading"||"uploaded");}if($$self.$$.dirty&/*filename, type*/257){$$invalidate(6,_fileIcon=filename&&type&&getFiletypeIcon(filename,type));}};return [filename,size,progress,error,_status,_rootEl,_fileIcon,dispatch,type,click_handler,click_handler_1,click_handler_2,div3_binding];}class FileUploadCard extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`.root{padding:var(--goa-space-l);border:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);border-radius:var(--goa-border-radius-m);margin:0.5rem 0;display:grid;grid-template-columns:38px auto;grid-template-rows:repeat(2, auto);grid-template-areas:"icon details"
|
|
551
|
-
"action action";gap:1rem;align-items:center}.root.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error)}@media(min-width: 480px){.root{grid-template-columns:38px 1fr auto;grid-template-rows:auto;grid-template-areas:"icon details action"}.details{margin-left:0.5rem}}.fileicon{grid-area:icon;align-self:center}.actions{grid-area:action}.details{grid-area:details;display:flex;flex-direction:column;overflow-x:hidden}.filename{grid-area:filename;font-size:var(--goa-font-size-4);
|
|
552
|
-
let
|
|
553
|
-
window.addEventListener("popstate",()=>{setCurrent(document.location.href);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(0,_rootEl);});}return [_rootEl,div_binding];}class Sidebar extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);background:#CEDFEE}::slotted(a:hover:not(.current)){background:#CEDFEE}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.sidebar{display:block}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$2,create_fragment$2,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-sidebar",Sidebar);/* libs/web-components/src/components/sidebar-group/SidebarGroup.svelte generated by Svelte v3.58.0 */function create_else_block$1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-forward");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (186:4) {#if _open}
|
|
554
|
-
function create_if_block$1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-down");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$1(ctx){let div1;let a;let t0;let t1;let a_href_value;let t2;let div0;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*_open*/ctx[1])return create_if_block$1;return create_else_block$1;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div1=element("div");a=element("a");t0=text(/*heading*/ctx[0]);t1=space();if_block.c();t2=space();div0=element("div");div0.innerHTML=`<slot></slot>`;this.c=noop;attr(a,"href",a_href_value=`#${/*_slug*/ctx[4]}`);attr(a,"class","heading");attr(div0,"class","group");attr(div0,"data-testid","group");toggle_class(div0,"hidden",!/*_open*/ctx[1]);attr(div1,"class","sidebar-group");toggle_class(div1,"current",/*_current*/ctx[2]);},m(target,anchor){insert(target,div1,anchor);append(div1,a);append(a,t0);append(a,t1);if_block.m(a,null);append(div1,t2);append(div1,div0);/*div1_binding*/ctx[6](div1);if(!mounted){dispose=listen(a,"click",/*handleClick*/ctx[5]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*heading*/1)set_data(t0,/*heading*/ctx[0]);if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(a,null);}}if(dirty&/*_slug*/16&&a_href_value!==(a_href_value=`#${/*_slug*/ctx[4]}`)){attr(a,"href",a_href_value);}if(dirty&/*_open*/2){toggle_class(div0,"hidden",!/*_open*/ctx[1]);}if(dirty&/*_current*/4){toggle_class(div1,"current",/*_current*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if_block.d();/*div1_binding*/ctx[6](null);mounted=false;dispose();}};}function toSlug(path){return path===null||path===void 0?void 0:path.toLowerCase().replace(/ /g,"-");}function matchesChild(el,url){if(url.endsWith(toSlug(el.heading))){return true;}const slot=el.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();return !!children.find(child=>{return url.endsWith(child.getAttribute("href"));});}function instance$1($$self,$$props,$$invalidate){let _slug;let{heading}=$$props;let _open=false;let _current=false;let _rootEl;onMount(function(){return _call(tick,function(){// needed to allow for window location to be read
|
|
555
|
-
checkUrlMatches();setCurrent();addEventListeners();});});function checkUrlMatches(){const url=window.location.href;$$invalidate(1,_open=matchesMenu(url)||matchesChild(_rootEl,url));if(_open){notifyParent(true);}}function addEventListeners(){// listen to events by children (if child is open the parent also has to be open)
|
|
556
|
-
_rootEl.addEventListener("_open",()=>{$$invalidate(1,_open=true);$$invalidate(2,_current=true);});// watch path changes
|
|
557
|
-
let currentLocation=document.location.href;const observer=new MutationObserver(_mutationList=>{// if path change occurs
|
|
558
|
-
if(currentLocation!==document.location.href){currentLocation=document.location.href;setCurrent();}});observer.observe(document.body,{childList:true,subtree:true});// watch hash / browser history changes
|
|
559
|
-
window.addEventListener("popstate",()=>{setCurrent();});}function matchesMenu(url){return url.endsWith(_slug);}function setCurrent(){const url=document.location.href;const slot=_rootEl.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();$$invalidate(2,_current=false);children.forEach(child=>{const current=url.endsWith(child.getAttribute("href"));if(current){$$invalidate(2,_current=true);child.classList.add("current");notifyParent(true);}else {child.classList.remove("current");}// FIXME: hack to get sidebar-group (level >= 2) marked as children
|
|
560
|
-
if(child.tagName==="GOA-SIDEBAR-GROUP"){child.setAttribute("child","true");}});}function handleClick(e){$$invalidate(1,_open=!_open);e.preventDefault();}function notifyParent(current){_rootEl.dispatchEvent(new CustomEvent("_open",{bubbles:true,composed:true,detail:{current}}));}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(3,_rootEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);};$$self.$$.update=()=>{if($$self.$$.dirty&/*heading*/1){$$invalidate(4,_slug=toSlug(heading));}};return [heading,_open,_current,_rootEl,_slug,handleClick,div1_binding];}class SidebarGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem;margin-left:1rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);border-left:4px solid var(--goa-color-interactive-disabled);background:var(--goa-color-info-background)}::slotted(a:hover:not(.current)){background:var(--goa-color-info-background);border-color:var(--goa-color-greyscale-200)}::slotted(a:focus-visible),.heading:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}:host([child=true]) a.heading,.heading{color:var(--goa-color-text-default);display:flex;align-items:center;justify-content:space-between;line-height:2rem;padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}:host([child=true]) a.heading{margin-left:1rem;border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem 0.5rem 1rem}:host([child=true]) a.heading:hover{border-color:var(--goa-color-greyscale-200);background:var(--goa-color-info-background)}:host([child=true]) .sidebar-group.current a.heading{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-interactive-disabled)}.sidebar-group.current .heading{background:#CEDFEE}.heading:hover{background:#CEDFEE}.hidden{display:none}.group{padding-left:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$1,create_fragment$1,safe_not_equal,{heading:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}}customElements.define("goa-sidebar-group",SidebarGroup);/* libs/web-components/src/components/app-header-menu/AppHeaderMenu.svelte generated by Svelte v3.58.0 */const{window:window_1}=globals;function create_else_block(ctx){let button;let t0;let span;let t1;let t2;let goa_spacer;let t3;let goa_icon;let goa_icon_type_value;let t4;let if_block1_anchor;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[1]&&create_if_block_3(ctx);let if_block1=/*_open*/ctx[8]&&create_if_block_2(ctx);return {c(){button=element("button");if(if_block0)if_block0.c();t0=space();span=element("span");t1=text(/*heading*/ctx[0]);t2=space();goa_spacer=element("goa-spacer");t3=space();goa_icon=element("goa-icon");t4=space();if(if_block1)if_block1.c();if_block1_anchor=empty();attr(span,"class","heading");set_custom_element_data(goa_spacer,"hspacing","fill");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"open",/*_open*/ctx[8]);},m(target,anchor){insert(target,button,anchor);if(if_block0)if_block0.m(button,null);append(button,t0);append(button,span);append(span,t1);append(button,t2);append(button,goa_spacer);append(button,t3);append(button,goa_icon);insert(target,t4,anchor);if(if_block1)if_block1.m(target,anchor);insert(target,if_block1_anchor,anchor);if(!mounted){dispose=listen(button,"click",/*toggleMenu*/ctx[9]);mounted=true;}},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3(ctx);if_block0.c();if_block0.m(button,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _open*/260){toggle_class(button,"open",/*_open*/ctx[8]);}if(/*_open*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_2(ctx);if_block1.c();if_block1.m(if_block1_anchor.parentNode,if_block1_anchor);}}else if(if_block1){if_block1.d(1);if_block1=null;}},d(detaching){if(detaching)detach(button);if(if_block0)if_block0.d();if(detaching)detach(t4);if(if_block1)if_block1.d(detaching);if(detaching)detach(if_block1_anchor);mounted=false;dispose();}};}// (78:0) {#if _desktop}
|
|
561
|
-
function create_if_block(ctx){let goa_popover;let button;let t0;let t1;let t2;let goa_icon;let goa_icon_type_value;let t3;let div;let if_block=/*leadingicon*/ctx[1]&&create_if_block_1(ctx);return {c(){goa_popover=element("goa-popover");button=element("button");if(if_block)if_block.c();t0=space();t1=text(/*heading*/ctx[0]);t2=space();goa_icon=element("goa-icon");t3=space();div=element("div");div.innerHTML=`<slot></slot>`;set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"slot","target");set_style(button,"padding","0 0.75rem");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);attr(div,"class","desktop");set_custom_element_data(goa_popover,"context","app-header-menu");set_custom_element_data(goa_popover,"focusborderwidth","0");set_custom_element_data(goa_popover,"borderradius","0");set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"width","16rem");set_custom_element_data(goa_popover,"position","below");},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,button);if(if_block)if_block.m(button,null);append(button,t0);append(button,t1);append(button,t2);append(button,goa_icon);append(goa_popover,t3);append(goa_popover,div);/*div_binding*/ctx[11](div);/*goa_popover_binding*/ctx[12](goa_popover);},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_1(ctx);if_block.c();if_block.m(button,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _hasCurrentLink*/132){toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);}},d(detaching){if(detaching)detach(goa_popover);if(if_block)if_block.d();/*div_binding*/ctx[11](null);/*goa_popover_binding*/ctx[12](null);}};}// (112:4) {#if leadingicon}
|
|
552
|
+
"action action";gap:1rem;align-items:center}.root.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error)}@media(min-width: 480px){.root{grid-template-columns:38px 1fr auto;grid-template-rows:auto;grid-template-areas:"icon details action"}.details{margin-left:0.5rem}}.fileicon{grid-area:icon;align-self:center}.actions{grid-area:action}.details{grid-area:details;display:flex;flex-direction:column;overflow-x:hidden}.filename{grid-area:filename;font-size:var(--goa-font-size-4);overflow-wrap:anywhere}.error-msg{display:flex;align-items:flex-start;margin-top:0.5rem;gap:var(--goa-space-2xs);color:var(--goa-color-interactive-error);font:var(--goa-typography-body-xs)}.timestamp,.filesize{color:var(--goa-color-greyscale-700);font:var(--goa-typography-body-s)}.progress{display:flex;align-items:center;font:var(--goa-typography-body-xs);gap:0.5rem}progress{flex:1 1 auto;-webkit-appearance:none;appearance:none;height:4px;border:none;border-radius:var(--goa-border-radius-m);background:var(--goa-color-greyscale-200);color:var(--goa-color-greyscale-700)}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$3,create_fragment$3,safe_not_equal,{filename:0,size:1,type:8,progress:2,error:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["filename","size","type","progress","error"];}get filename(){return this.$$.ctx[0];}set filename(filename){this.$$set({filename});flush();}get size(){return this.$$.ctx[1];}set size(size){this.$$set({size});flush();}get type(){return this.$$.ctx[8];}set type(type){this.$$set({type});flush();}get progress(){return this.$$.ctx[2];}set progress(progress){this.$$set({progress});flush();}get error(){return this.$$.ctx[3];}set error(error){this.$$set({error});flush();}}customElements.define("goa-file-upload-card",FileUploadCard);/* libs/web-components/src/components/app-header-menu/AppHeaderMenu.svelte generated by Svelte v3.58.0 */const{window:window_1}=globals;function create_else_block$1(ctx){let button;let t0;let span;let t1;let t2;let goa_spacer;let t3;let goa_icon;let goa_icon_type_value;let t4;let if_block1_anchor;let mounted;let dispose;let if_block0=/*leadingicon*/ctx[1]&&create_if_block_3(ctx);let if_block1=/*_open*/ctx[8]&&create_if_block_2(ctx);return {c(){button=element("button");if(if_block0)if_block0.c();t0=space();span=element("span");t1=text(/*heading*/ctx[0]);t2=space();goa_spacer=element("goa-spacer");t3=space();goa_icon=element("goa-icon");t4=space();if(if_block1)if_block1.c();if_block1_anchor=empty();attr(span,"class","heading");set_custom_element_data(goa_spacer,"hspacing","fill");set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"open",/*_open*/ctx[8]);},m(target,anchor){insert(target,button,anchor);if(if_block0)if_block0.m(button,null);append(button,t0);append(button,span);append(span,t1);append(button,t2);append(button,goa_spacer);append(button,t3);append(button,goa_icon);insert(target,t4,anchor);if(if_block1)if_block1.m(target,anchor);insert(target,if_block1_anchor,anchor);if(!mounted){dispose=listen(button,"click",/*toggleMenu*/ctx[9]);mounted=true;}},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block0){if_block0.p(ctx,dirty);}else {if_block0=create_if_block_3(ctx);if_block0.c();if_block0.m(button,t0);}}else if(if_block0){if_block0.d(1);if_block0=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _open*/260){toggle_class(button,"open",/*_open*/ctx[8]);}if(/*_open*/ctx[8]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_2(ctx);if_block1.c();if_block1.m(if_block1_anchor.parentNode,if_block1_anchor);}}else if(if_block1){if_block1.d(1);if_block1=null;}},d(detaching){if(detaching)detach(button);if(if_block0)if_block0.d();if(detaching)detach(t4);if(if_block1)if_block1.d(detaching);if(detaching)detach(if_block1_anchor);mounted=false;dispose();}};}// (78:0) {#if _desktop}
|
|
553
|
+
function create_if_block$1(ctx){let goa_popover;let button;let t0;let t1;let t2;let goa_icon;let goa_icon_type_value;let t3;let div;let if_block=/*leadingicon*/ctx[1]&&create_if_block_1(ctx);return {c(){goa_popover=element("goa-popover");button=element("button");if(if_block)if_block.c();t0=space();t1=text(/*heading*/ctx[0]);t2=space();goa_icon=element("goa-icon");t3=space();div=element("div");div.innerHTML=`<slot></slot>`;set_custom_element_data(goa_icon,"type",goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down");set_custom_element_data(goa_icon,"mt","1");attr(button,"slot","target");set_style(button,"padding","0 0.75rem");attr(button,"class",/*type*/ctx[2]);toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);attr(div,"class","desktop");set_custom_element_data(goa_popover,"context","app-header-menu");set_custom_element_data(goa_popover,"focusborderwidth","0");set_custom_element_data(goa_popover,"borderradius","0");set_custom_element_data(goa_popover,"padded","false");set_custom_element_data(goa_popover,"tabindex","-1");set_custom_element_data(goa_popover,"width","16rem");set_custom_element_data(goa_popover,"position","below");},m(target,anchor){insert(target,goa_popover,anchor);append(goa_popover,button);if(if_block)if_block.m(button,null);append(button,t0);append(button,t1);append(button,t2);append(button,goa_icon);append(goa_popover,t3);append(goa_popover,div);/*div_binding*/ctx[11](div);/*goa_popover_binding*/ctx[12](goa_popover);},p(ctx,dirty){if(/*leadingicon*/ctx[1]){if(if_block){if_block.p(ctx,dirty);}else {if_block=create_if_block_1(ctx);if_block.c();if_block.m(button,t0);}}else if(if_block){if_block.d(1);if_block=null;}if(dirty&/*heading*/1)set_data(t1,/*heading*/ctx[0]);if(dirty&/*_open*/256&&goa_icon_type_value!==(goa_icon_type_value=/*_open*/ctx[8]?"chevron-up":"chevron-down")){set_custom_element_data(goa_icon,"type",goa_icon_type_value);}if(dirty&/*type*/4){attr(button,"class",/*type*/ctx[2]);}if(dirty&/*type, _hasCurrentLink*/132){toggle_class(button,"current",/*_hasCurrentLink*/ctx[7]);}},d(detaching){if(detaching)detach(goa_popover);if(if_block)if_block.d();/*div_binding*/ctx[11](null);/*goa_popover_binding*/ctx[12](null);}};}// (112:4) {#if leadingicon}
|
|
562
554
|
function create_if_block_3(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);set_custom_element_data(goa_icon,"mt","1");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/2){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (119:2) {#if _open}
|
|
563
555
|
function create_if_block_2(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"class","not-desktop");},m(target,anchor){insert(target,div,anchor);/*div_binding_1*/ctx[13](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_1*/ctx[13](null);}};}// (95:6) {#if leadingicon}
|
|
564
|
-
function create_if_block_1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);set_custom_element_data(goa_icon,"mt","1");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/2){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment(ctx){let if_block_anchor;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[10]);function select_block_type(ctx,dirty){if(/*_desktop*/ctx[4])return create_if_block;return create_else_block;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if_block.m(target,anchor);insert(target,if_block_anchor,anchor);if(!mounted){dispose=listen(window_1,"resize",/*onwindowresize*/ctx[10]);mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}},i:noop,o:noop,d(detaching){if_block.d(detaching);if(detaching)detach(if_block_anchor);mounted=false;dispose();}};}function instance($$self,$$props,$$invalidate){// Ensures that the Popover _close event has a handler if the window
|
|
556
|
+
function create_if_block_1(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);set_custom_element_data(goa_icon,"mt","1");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*leadingicon*/2){set_custom_element_data(goa_icon,"type",/*leadingicon*/ctx[1]);}},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$2(ctx){let if_block_anchor;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[10]);function select_block_type(ctx,dirty){if(/*_desktop*/ctx[4])return create_if_block$1;return create_else_block$1;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){if_block.c();if_block_anchor=empty();this.c=noop;},m(target,anchor){if_block.m(target,anchor);insert(target,if_block_anchor,anchor);if(!mounted){dispose=listen(window_1,"resize",/*onwindowresize*/ctx[10]);mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block){if_block.p(ctx,dirty);}else {if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(if_block_anchor.parentNode,if_block_anchor);}}},i:noop,o:noop,d(detaching){if_block.d(detaching);if(detaching)detach(if_block_anchor);mounted=false;dispose();}};}function instance$2($$self,$$props,$$invalidate){// Ensures that the Popover _close event has a handler if the window
|
|
565
557
|
// is resized after initial load
|
|
566
558
|
const bindToPopoverCloseEvent=function bindToPopoverCloseEvent(){return _call(tick,function(){if(!_popoverEl)return;_popoverEl.removeEventListener("_close",closeMenu);_popoverEl.removeEventListener("_open",openMenu);_popoverEl.addEventListener("_close",closeMenu);_popoverEl.addEventListener("_open",openMenu);});};let _desktop;let{heading}=$$props;let{leadingicon}=$$props;let{type="primary"}=$$props;// Private
|
|
567
559
|
// media queries are not sufficient as they don't allow for the same slot
|
|
@@ -576,7 +568,16 @@
|
|
|
576
568
|
function hasCurrentLink(){if(!_slotParentEl)return;const slot=_slotParentEl.querySelector("slot");if(!slot)return;const link=slot.assignedElements().filter(el=>el.tagName==="A").find(el=>{const href=el.href;const url=`${window.location.pathname}${window.location.search}${window.location.hash}`;return href.endsWith(url);});return !!link;}function openMenu(){$$invalidate(8,_open=true);}function closeMenu(){// timeout is required to allow any other events to fire before DOM is changed
|
|
577
569
|
setTimeout(()=>{$$invalidate(8,_open=false);},1);}function toggleMenu(){_open?closeMenu():openMenu();}function onwindowresize(){$$invalidate(3,_innerWidth=window_1.innerWidth);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function goa_popover_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_popoverEl=$$value;$$invalidate(5,_popoverEl);});}function div_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('leadingicon'in $$props)$$invalidate(1,leadingicon=$$props.leadingicon);if('type'in $$props)$$invalidate(2,type=$$props.type);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_innerWidth*/8){// Reactive
|
|
578
570
|
$$invalidate(4,_desktop=_innerWidth>=960);}if($$self.$$.dirty&/*_desktop*/16){// call the method when window changes to desktop size
|
|
579
|
-
_desktop&&bindToPopoverCloseEvent();}};return [heading,leadingicon,type,_innerWidth,_desktop,_popoverEl,_slotParentEl,_hasCurrentLink,_open,toggleMenu,onwindowresize,div_binding,goa_popover_binding,div_binding_1];}class AppHeaderMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{font:var(--goa-typography-body-m)}button{padding:0;border:none;background:transparent;outline:none;color:var(--goa-color-text-default);cursor:pointer;display:flex;align-items:center;gap:0.5rem}button:active,button:hover,button:focus-within,[slot="target"]:focus-within{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}button.current{border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}button.current:hover{border-top:4px solid var(--goa-color-interactive-hover)}button.open{border-bottom:1px solid var(--goa-color-greyscale-200)}::slotted(a),::slotted(a:visited){box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none}.not-desktop ::slotted(a){padding:calc((3rem - var(--goa-line-height-3)) / 2) 2.75rem}::slotted(a:first-child){box-shadow:none}::slotted(a:hover){background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px;color:var(--goa-color-interactive-hover)}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media(max-width: 959px){button{box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);height:3rem;flex:1 1 auto;padding:0 1rem;width:100%}button:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px}.heading{flex:0 0 auto}}@media(min-width: 960px){button[slot=target]{font-weight:var(--goa-font-weight-bold);height:4rem;white-space:nowrap}button.secondary{font-weight:var(--goa-font-weight-regular)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance,create_fragment,safe_not_equal,{heading:0,leadingicon:1,type:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","leadingicon","type"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get leadingicon(){return this.$$.ctx[1];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get type(){return this.$$.ctx[2];}set type(type){this.$$set({type});flush();}}customElements.define("goa-app-header-menu",AppHeaderMenu);
|
|
571
|
+
_desktop&&bindToPopoverCloseEvent();}};return [heading,leadingicon,type,_innerWidth,_desktop,_popoverEl,_slotParentEl,_hasCurrentLink,_open,toggleMenu,onwindowresize,div_binding,goa_popover_binding,div_binding_1];}class AppHeaderMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*{font:var(--goa-typography-body-m)}button{padding:0;border:none;background:transparent;outline:none;color:var(--goa-color-text-default);cursor:pointer;display:flex;align-items:center;gap:0.5rem}button:active,button:hover,button:focus-within,[slot="target"]:focus-within{background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}button.current{border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}button.current:hover{border-top:4px solid var(--goa-color-interactive-hover)}button.open{border-bottom:1px solid var(--goa-color-greyscale-200)}::slotted(a),::slotted(a:visited){box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none}.not-desktop ::slotted(a){padding:calc((3rem - var(--goa-line-height-3)) / 2) 2.75rem}::slotted(a:first-child){box-shadow:none}::slotted(a:hover){background:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px;color:var(--goa-color-interactive-hover)}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media(max-width: 959px){button{box-shadow:inset 0 1px 0 0 var(--goa-color-greyscale-200);height:3rem;flex:1 1 auto;padding:0 1rem;width:100%}button:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:-3px}.heading{flex:0 0 auto}}@media(min-width: 960px){button[slot=target]{font-weight:var(--goa-font-weight-bold);height:4rem;white-space:nowrap}button.secondary{font-weight:var(--goa-font-weight-regular)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$2,create_fragment$2,safe_not_equal,{heading:0,leadingicon:1,type:2},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","leadingicon","type"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get leadingicon(){return this.$$.ctx[1];}set leadingicon(leadingicon){this.$$set({leadingicon});flush();}get type(){return this.$$.ctx[2];}set type(type){this.$$set({type});flush();}}customElements.define("goa-app-header-menu",AppHeaderMenu);/* libs/web-components/src/components/side-menu/SideMenu.svelte generated by Svelte v3.58.0 */function create_fragment$1(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;this.c=noop;attr(div,"class","side-menu");},m(target,anchor){insert(target,div,anchor);/*div_binding*/ctx[1](div);},p:noop,i:noop,o:noop,d(detaching){if(detaching)detach(div);/*div_binding*/ctx[1](null);}};}function instance$1($$self,$$props,$$invalidate){let _rootEl;onMount(function(){return _call(tick,function(){setCurrent(window.location.toString());addEventListeners();});});function setCurrent(url){const slot=_rootEl.querySelector("slot");if(!slot){return false;}const links=slot.assignedElements().filter(el=>el.tagName==="A");links.forEach(child=>{const current=url.endsWith(child.getAttribute("href"));if(current){child.classList.add("current");}else {child.classList.remove("current");}});}function addEventListeners(){// watch path changes
|
|
572
|
+
let currentLocation=document.location.href;const observer=new MutationObserver(_mutationList=>{if(currentLocation!==document.location.href){currentLocation=document.location.href;setCurrent(currentLocation);}});observer.observe(document.body,{childList:true,subtree:true});// watch hash / browser history changes
|
|
573
|
+
window.addEventListener("popstate",()=>{setCurrent(document.location.href);});}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(0,_rootEl);});}return [_rootEl,div_binding];}class SideMenu extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);background:#CEDFEE}::slotted(a:hover:not(.current)){background:#CEDFEE}::slotted(a:focus-visible){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}.side-menu{display:block}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$1,create_fragment$1,safe_not_equal,{},null);if(options){if(options.target){insert(options.target,this,options.anchor);}}}}customElements.define("goa-side-menu",SideMenu);/* libs/web-components/src/components/side-menu-group/SideMenuGroup.svelte generated by Svelte v3.58.0 */function create_else_block(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-forward");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (186:4) {#if _open}
|
|
574
|
+
function create_if_block(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","chevron-down");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment(ctx){let div1;let a;let t0;let t1;let a_href_value;let t2;let div0;let mounted;let dispose;function select_block_type(ctx,dirty){if(/*_open*/ctx[1])return create_if_block;return create_else_block;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){div1=element("div");a=element("a");t0=text(/*heading*/ctx[0]);t1=space();if_block.c();t2=space();div0=element("div");div0.innerHTML=`<slot></slot>`;this.c=noop;attr(a,"href",a_href_value=`#${/*_slug*/ctx[4]}`);attr(a,"class","heading");attr(div0,"class","group");attr(div0,"data-testid","group");toggle_class(div0,"hidden",!/*_open*/ctx[1]);attr(div1,"class","side-menu-group");toggle_class(div1,"current",/*_current*/ctx[2]);},m(target,anchor){insert(target,div1,anchor);append(div1,a);append(a,t0);append(a,t1);if_block.m(a,null);append(div1,t2);append(div1,div0);/*div1_binding*/ctx[6](div1);if(!mounted){dispose=listen(a,"click",/*handleClick*/ctx[5]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*heading*/1)set_data(t0,/*heading*/ctx[0]);if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(a,null);}}if(dirty&/*_slug*/16&&a_href_value!==(a_href_value=`#${/*_slug*/ctx[4]}`)){attr(a,"href",a_href_value);}if(dirty&/*_open*/2){toggle_class(div0,"hidden",!/*_open*/ctx[1]);}if(dirty&/*_current*/4){toggle_class(div1,"current",/*_current*/ctx[2]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if_block.d();/*div1_binding*/ctx[6](null);mounted=false;dispose();}};}function toSlug(path){return path===null||path===void 0?void 0:path.toLowerCase().replace(/ /g,"-");}function matchesChild(el,url){if(url.endsWith(toSlug(el.heading))){return true;}const slot=el.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();return !!children.find(child=>{return url.endsWith(child.getAttribute("href"));});}function instance($$self,$$props,$$invalidate){let _slug;let{heading}=$$props;let _open=false;let _current=false;let _rootEl;onMount(function(){return _call(tick,function(){// needed to allow for window location to be read
|
|
575
|
+
checkUrlMatches();setCurrent();addEventListeners();});});function checkUrlMatches(){const url=window.location.href;$$invalidate(1,_open=matchesMenu(url)||matchesChild(_rootEl,url));if(_open){notifyParent(true);}}function addEventListeners(){// listen to events by children (if child is open the parent also has to be open)
|
|
576
|
+
_rootEl.addEventListener("_open",()=>{$$invalidate(1,_open=true);$$invalidate(2,_current=true);});// watch path changes
|
|
577
|
+
let currentLocation=document.location.href;const observer=new MutationObserver(_mutationList=>{// if path change occurs
|
|
578
|
+
if(currentLocation!==document.location.href){currentLocation=document.location.href;setCurrent();}});observer.observe(document.body,{childList:true,subtree:true});// watch hash / browser history changes
|
|
579
|
+
window.addEventListener("popstate",()=>{setCurrent();});}function matchesMenu(url){return url.endsWith(_slug);}function setCurrent(){const url=document.location.href;const slot=_rootEl.querySelector("slot");if(!slot){return false;}const children=slot.assignedElements();$$invalidate(2,_current=false);children.forEach(child=>{const current=url.endsWith(child.getAttribute("href"));if(current){$$invalidate(2,_current=true);child.classList.add("current");notifyParent(true);}else {child.classList.remove("current");}// get side-menu-group (level >= 2) marked as children
|
|
580
|
+
if(child.tagName==="GOA-SIDE-MENU-GROUP"){child.setAttribute("child","true");}});}function handleClick(e){$$invalidate(1,_open=!_open);e.preventDefault();}function notifyParent(current){_rootEl.dispatchEvent(new CustomEvent("_open",{bubbles:true,composed:true,detail:{current}}));}function div1_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(3,_rootEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);};$$self.$$.update=()=>{if($$self.$$.dirty&/*heading*/1){$$invalidate(4,_slug=toSlug(heading));}};return [heading,_open,_current,_rootEl,_slug,handleClick,div1_binding];}class SideMenuGroup extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default) !important;display:block;font:var(--goa-typography-body-m);border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem;margin-left:1rem;text-decoration:none}::slotted(a.current){font:var(--goa-typography-heading-s);border-left:4px solid var(--goa-color-interactive-disabled);background:var(--goa-color-info-background)}::slotted(a:hover:not(.current)){background:var(--goa-color-info-background);border-color:var(--goa-color-greyscale-200)}::slotted(a:focus-visible),.heading:focus-visible{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus)}:host([child=true]) a.heading,.heading{color:var(--goa-color-text-default);display:flex;align-items:center;justify-content:space-between;line-height:2rem;padding:0.5rem 1rem 0.5rem 2rem;text-decoration:none}:host([child=true]) a.heading{margin-left:1rem;border-left:4px solid var(--goa-color-greyscale-100);padding:0.5rem 1rem 0.5rem 1rem}:host([child=true]) a.heading:hover{border-color:var(--goa-color-greyscale-200);background:var(--goa-color-info-background)}:host([child=true]) .side-menu-group.current a.heading{background:var(--goa-color-info-background);border-left:4px solid var(--goa-color-interactive-disabled)}.side-menu-group.current .heading{background:#CEDFEE}.heading:hover{background:#CEDFEE}.hidden{display:none}.group{padding-left:1rem}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance,create_fragment,safe_not_equal,{heading:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}}customElements.define("goa-side-menu-group",SideMenuGroup);
|
|
580
581
|
|
|
581
582
|
/*! *****************************************************************************
|
|
582
583
|
Copyright (c) Microsoft Corporation.
|
|
@@ -616,16 +617,16 @@
|
|
|
616
617
|
return t;
|
|
617
618
|
}
|
|
618
619
|
|
|
619
|
-
function
|
|
620
|
-
return jsxRuntime.jsx("goa-
|
|
620
|
+
function GoASideMenuGroup(props) {
|
|
621
|
+
return jsxRuntime.jsx("goa-side-menu-group", __assign({
|
|
621
622
|
heading: props.heading
|
|
622
623
|
}, {
|
|
623
624
|
children: props.children
|
|
624
625
|
}), void 0);
|
|
625
626
|
}
|
|
626
627
|
|
|
627
|
-
function
|
|
628
|
-
return jsxRuntime.jsx("goa-
|
|
628
|
+
function GoASideMenu(props) {
|
|
629
|
+
return jsxRuntime.jsx("goa-side-menu", {
|
|
629
630
|
children: props.children
|
|
630
631
|
}, void 0);
|
|
631
632
|
}
|
|
@@ -1594,11 +1595,13 @@
|
|
|
1594
1595
|
var onDateChangeHandler = function onDateChangeHandler(onChange) {
|
|
1595
1596
|
return function (name, value) {
|
|
1596
1597
|
if (!value) {
|
|
1597
|
-
onChange(name,
|
|
1598
|
+
onChange(name, "");
|
|
1598
1599
|
return;
|
|
1599
1600
|
}
|
|
1600
1601
|
|
|
1601
|
-
|
|
1602
|
+
if (dateFns.isValid(new Date(value))) {
|
|
1603
|
+
onChange(name, dateFns.parseISO(value));
|
|
1604
|
+
}
|
|
1602
1605
|
};
|
|
1603
1606
|
};
|
|
1604
1607
|
|
|
@@ -2203,9 +2206,13 @@
|
|
|
2203
2206
|
}, {
|
|
2204
2207
|
children: props.nav
|
|
2205
2208
|
}), void 0), props.sidebar && jsxRuntime.jsx("div", __assign({
|
|
2206
|
-
slot: "
|
|
2209
|
+
slot: "side-menu"
|
|
2207
2210
|
}, {
|
|
2208
2211
|
children: props.sidebar
|
|
2212
|
+
}), void 0), props.sideMenu && jsxRuntime.jsx("div", __assign({
|
|
2213
|
+
slot: "side-menu"
|
|
2214
|
+
}, {
|
|
2215
|
+
children: props.sideMenu
|
|
2209
2216
|
}), void 0), props.children, props.footer && jsxRuntime.jsx("div", __assign({
|
|
2210
2217
|
slot: "footer"
|
|
2211
2218
|
}, {
|
|
@@ -2271,8 +2278,8 @@
|
|
|
2271
2278
|
exports.GoAPopover = GoAPopover;
|
|
2272
2279
|
exports.GoARadioGroup = GoARadioGroup;
|
|
2273
2280
|
exports.GoARadioItem = GoARadioItem;
|
|
2274
|
-
exports.
|
|
2275
|
-
exports.
|
|
2281
|
+
exports.GoASideMenu = GoASideMenu;
|
|
2282
|
+
exports.GoASideMenuGroup = GoASideMenuGroup;
|
|
2276
2283
|
exports.GoASkeleton = GoASkeleton;
|
|
2277
2284
|
exports.GoASpacer = GoASpacer;
|
|
2278
2285
|
exports.GoASpinner = GoASpinner;
|
package/lib/sidebar/sidebar.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
declare global {
|
|
3
|
-
namespace JSX {
|
|
4
|
-
interface IntrinsicElements {
|
|
5
|
-
"goa-sidebar": React.HTMLAttributes<HTMLElement>;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
export interface SidebarProps {
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export declare function GoASidebar(props: SidebarProps): JSX.Element;
|
|
13
|
-
export default GoASidebar;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
interface WCProps {
|
|
3
|
-
heading: string;
|
|
4
|
-
}
|
|
5
|
-
declare global {
|
|
6
|
-
namespace JSX {
|
|
7
|
-
interface IntrinsicElements {
|
|
8
|
-
"goa-sidebar-group": WCProps & React.HTMLAttributes<HTMLElement>;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
interface SidebarGroupProps {
|
|
13
|
-
heading: string;
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export declare function GoASidebarGroup(props: SidebarGroupProps): JSX.Element;
|
|
17
|
-
export default GoASidebarGroup;
|