@abgov/react-components 4.17.0-alpha.4 → 4.17.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/react-components.esm.js
CHANGED
|
@@ -112,11 +112,11 @@ onMount(()=>{window.addEventListener("popstate",()=>{// only hide menu for non-d
|
|
|
112
112
|
setCurrentLink();if(!_desktop){hideMenu();}},true);setCurrentLink();});// Update component if the current browser url matches one of this element's child links
|
|
113
113
|
function setCurrentLink(){if(!_slotParentEl)return;const slot=_slotParentEl.querySelector("slot");if(!slot)return;const link=slot.assignedElements().filter(el=>el.tagName==="A").map(el=>{el.classList.remove("current");return el;}).find(el=>{const href=el.href;const url=`${window.location.pathname}${window.location.search}${window.location.hash}`;return href.endsWith(url);});if(link){link.classList.add("current");}}// *Menu* children count
|
|
114
114
|
// When in mobile mode, while the children are not visible the children are rendered in a div[display: none]
|
|
115
|
-
// element to allow for the children count to be obtained.
|
|
115
|
+
// element to allow for the children count to be obtained.
|
|
116
116
|
async function hasChildren(){var _a;await tick();if(!_slotParentEl)return;const slot=_slotParentEl===null||_slotParentEl===void 0?void 0:_slotParentEl.childNodes[0];const children=(_a=slot.assignedElements)===null||_a===void 0?void 0:_a.call(slot);if(children){return children.length>0;}else {// testing
|
|
117
117
|
return [..._slotParentEl.querySelectorAll("a")].length>0;}}function onwindowresize(){$$invalidate(4,_windowWidth=window_1$2.innerWidth);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function div_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function div_binding_2($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('url'in $$props)$$invalidate(1,url=$$props.url);if('testid'in $$props)$$invalidate(2,testid=$$props.testid);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_windowWidth*/16){// Reactive
|
|
118
118
|
$$invalidate(10,_mobile=_windowWidth<MOBILE_BP);}if($$self.$$.dirty&/*_windowWidth*/16){$$invalidate(9,_tablet=_windowWidth>=MOBILE_BP&&_windowWidth<TABLET_BP);}if($$self.$$.dirty&/*_windowWidth*/16){$$invalidate(5,_desktop=_windowWidth>=TABLET_BP);}if($$self.$$.dirty&/*_desktop*/32){(async()=>$$invalidate(7,_showToggleMenu=!_desktop&&(await hasChildren())))();}};return [heading,url,testid,maxcontentwidth,_windowWidth,_desktop,_slotParentEl,_showToggleMenu,_showMenu,_tablet,_mobile,toggleMenu,hideMenu,onwindowresize,div_binding,div_binding_1,div_binding_2];}class AppHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*,::slotted(*){font:var(--goa-typography-body-s)}.container{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-white)}.title{margin-left:var(--goa-space-s);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--goa-color-text-default)}.layout{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:3.375rem auto;grid-template-areas:"header menu"
|
|
119
|
-
"links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap
|
|
119
|
+
"links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap}::slotted(a:hover){background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media screen and (max-width: 623px){.image-desktop{display:none}.image-mobile{display:block}.show-menu{border-bottom:var(--goa-border-width-m) solid var(--goa-color-greyscale-200)}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}}@media screen and (max-width: 623px){@media not (max-color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media screen and (min-width: 624px) and (max-width: 1023px){.image-desktop{display:block}.image-mobile{display:none}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}}@media screen and (min-width: 1024px){.image-desktop{display:block}.image-mobile{display:none}.layout{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;grid-template-areas:"header . menu";margin:0 auto;width:min(var(--max-content-width), 100%)}.header-logo-title-area{grid-area:header;display:flex;align-items:center;grid-template-rows:3.375rem auto;color:inherit;flex:1 1 auto}.content-area{grid-area:menu;display:flex;align-items:stretch}::slotted(goa-app-header-menu),::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default);font-weight:var(--goa-font-weight-bold);grid-template-rows:3.375rem auto;display:inline-flex;align-items:center;padding:0 0.75rem}::slotted(goa-app-header-menu){padding:0}::slotted(a:focus-within),::slotted(goa-app-header-menu:focus-within),::slotted(a:hover),::slotted(goa-app-header-menu:hover){background:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}::slotted(a:focus),::slotted(goa-app-header-menu:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.current){border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}::slotted(a.current:hover){border-top:4px solid var(--goa-color-interactive-hover)}::slotted(a.interactive){font-weight:var(--goa-font-weight-medium);text-decoration:underline;color:var(--goa-color-interactive-default);padding:0 var(--goa-space-m)}::slotted(a.interactive:hover){color:var(--goa-color-interactive-hover)}::slotted(a.interactive.current){border-color:transparent;margin-left:var(--goa-space-m)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$U,create_fragment$_,safe_not_equal,{heading:0,url:1,testid:2,maxcontentwidth:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","url","testid","maxcontentwidth"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get url(){return this.$$.ctx[1];}set url(url){this.$$set({url});flush();}get testid(){return this.$$.ctx[2];}set testid(testid){this.$$set({testid});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-app-header",AppHeader);/* src/components/badge/Badge.svelte generated by Svelte v3.59.2 */function create_else_block$c(ctx){let div;return {c(){div=element("div");set_style(div,"height","1.2rem");set_style(div,"margin-left","-0.25rem");},m(target,anchor){insert(target,div,anchor);},p:noop,d(detaching){if(detaching)detach(div);}};}// (51:2) {#if showIcon}
|
|
120
120
|
function create_if_block_1$h(ctx){let goa_icon;let goa_icon_arialabel_value;let goa_icon_role_value;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?/*arialabel*/ctx[3]:null);set_custom_element_data(goa_icon,"role",goa_icon_role_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?"presentation":null);set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*showIconOnly, arialabel*/520&&goa_icon_arialabel_value!==(goa_icon_arialabel_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?/*arialabel*/ctx[3]:null)){set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value);}if(dirty&/*showIconOnly, arialabel*/520&&goa_icon_role_value!==(goa_icon_role_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?"presentation":null)){set_custom_element_data(goa_icon,"role",goa_icon_role_value);}if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (61:2) {#if content}
|
|
121
121
|
function create_if_block$u(ctx){let div;let t;return {c(){div=element("div");t=text(/*content*/ctx[2]);attr(div,"class","goa-badge-content");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*content*/4)set_data(t,/*content*/ctx[2]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$Z(ctx){let div;let t;let div_style_value;let div_class_value;function select_block_type(ctx,dirty){if(/*showIcon*/ctx[8])return create_if_block_1$h;return create_else_block$c;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*content*/ctx[2]&&create_if_block$u(ctx);return {c(){div=element("div");if_block0.c();t=space();if(if_block1)if_block1.c();this.c=noop;attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]));attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"data-type","goa-badge");attr(div,"class",div_class_value="goa-badge badge-"+/*type*/ctx[0]);toggle_class(div,"icon-only",/*showIconOnly*/ctx[9]);},m(target,anchor){insert(target,div,anchor);if_block0.m(div,null);append(div,t);if(if_block1)if_block1.m(div,null);},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block0){if_block0.p(ctx,dirty);}else {if_block0.d(1);if_block0=current_block_type(ctx);if(if_block0){if_block0.c();if_block0.m(div,t);}}if(/*content*/ctx[2]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$u(ctx);if_block1.c();if_block1.m(div,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*mt, mr, mb, ml*/240&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*type*/1&&div_class_value!==(div_class_value="goa-badge badge-"+/*type*/ctx[0])){attr(div,"class",div_class_value);}if(dirty&/*type, showIconOnly*/513){toggle_class(div,"icon-only",/*showIconOnly*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if_block0.d();if(if_block1)if_block1.d();}};}function instance$T($$self,$$props,$$invalidate){let showIcon;let showIconOnly;let iconType;const[Types,validateType]=typeValidator("Badge type",["success","important","information","emergency","dark","midtone","light"],true);let{type}=$$props;let{testid=""}=$$props;let{content=""}=$$props;let{icon="false"}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);if(!showIcon&&!content){console.warn("GoABadge must have either then content or icon property set");}if(showIconOnly&&!arialabel){console.warn("GoABadge with icon only requires an arialabel");}});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('content'in $$props)$$invalidate(2,content=$$props.content);if('icon'in $$props)$$invalidate(11,icon=$$props.icon);if('arialabel'in $$props)$$invalidate(3,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*icon*/2048){// private
|
|
122
122
|
$$invalidate(8,showIcon=toBoolean(icon));}if($$self.$$.dirty&/*showIcon, content*/260){$$invalidate(9,showIconOnly=showIcon&&!content);}if($$self.$$.dirty&/*type*/1){$$invalidate(10,iconType={success:"checkmark-circle",important:"alert-circle",information:"information-circle",emergency:"warning",dark:"information-circle",midtone:"information-circle",light:"information-circle"}[type]);}};return [type,testid,content,arialabel,mt,mr,mb,ml,showIcon,showIconOnly,iconType,icon];}class Badge extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$T,create_fragment$Z,safe_not_equal,{type:0,testid:1,content:2,icon:11,arialabel:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","testid","content","icon","arialabel","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get content(){return this.$$.ctx[2];}set content(content){this.$$set({content});flush();}get icon(){return this.$$.ctx[11];}set icon(icon){this.$$set({icon});flush();}get arialabel(){return this.$$.ctx[3];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-badge",Badge);/* src/components/block/Block.svelte generated by Svelte v3.59.2 */function create_fragment$Y(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","block");attr(div,"style",div_style_value=`
|
package/react-components.umd.js
CHANGED
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
function create_if_block_1$i(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;set_style(div,"display","none");},m(target,anchor){insert(target,div,anchor);/*div_binding_1*/ctx[15](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_1*/ctx[15](null);}};}// (155:4) {#if _showMenu && _mobile || _desktop}
|
|
111
111
|
function create_if_block$v(ctx){let div;return {c(){div=element("div");div.innerHTML=`<slot></slot>`;attr(div,"data-testid","slot");attr(div,"class","content-area");},m(target,anchor){insert(target,div,anchor);/*div_binding_2*/ctx[16](div);},p:noop,d(detaching){if(detaching)detach(div);/*div_binding_2*/ctx[16](null);}};}function create_fragment$_(ctx){let div1;let div0;let t0;let t1;let t2;let t3;let div1_style_value;let mounted;let dispose;add_render_callback(/*onwindowresize*/ctx[13]);function select_block_type(ctx,dirty){if(/*url*/ctx[1])return create_if_block_5$1;return create_else_block$d;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*_showToggleMenu*/ctx[7]&&/*_mobile*/ctx[10]&&create_if_block_4$4(ctx);let if_block2=/*_showToggleMenu*/ctx[7]&&/*_tablet*/ctx[9]&&create_if_block_2$e(ctx);let if_block3=!/*_showMenu*/ctx[8]&&(/*_mobile*/ctx[10]||/*_tablet*/ctx[9])&&create_if_block_1$i(ctx);let if_block4=(/*_showMenu*/ctx[8]&&/*_mobile*/ctx[10]||/*_desktop*/ctx[5])&&create_if_block$v(ctx);return {c(){div1=element("div");div0=element("div");if_block0.c();t0=space();if(if_block1)if_block1.c();t1=space();if(if_block2)if_block2.c();t2=space();if(if_block3)if_block3.c();t3=space();if(if_block4)if_block4.c();this.c=noop;attr(div0,"class","layout");attr(div1,"class","container");attr(div1,"data-testid",/*testid*/ctx[2]);attr(div1,"style",div1_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]||"100%"}`);toggle_class(div1,"show-menu",/*_showMenu*/ctx[8]);},m(target,anchor){insert(target,div1,anchor);append(div1,div0);if_block0.m(div0,null);append(div0,t0);if(if_block1)if_block1.m(div0,null);append(div0,t1);if(if_block2)if_block2.m(div0,null);append(div0,t2);if(if_block3)if_block3.m(div0,null);append(div0,t3);if(if_block4)if_block4.m(div0,null);if(!mounted){dispose=listen(window_1$2,"resize",/*onwindowresize*/ctx[13]);mounted=true;}},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block0){if_block0.p(ctx,dirty);}else {if_block0.d(1);if_block0=current_block_type(ctx);if(if_block0){if_block0.c();if_block0.m(div0,t0);}}if(/*_showToggleMenu*/ctx[7]&&/*_mobile*/ctx[10]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block_4$4(ctx);if_block1.c();if_block1.m(div0,t1);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(/*_showToggleMenu*/ctx[7]&&/*_tablet*/ctx[9]){if(if_block2){if_block2.p(ctx,dirty);}else {if_block2=create_if_block_2$e(ctx);if_block2.c();if_block2.m(div0,t2);}}else if(if_block2){if_block2.d(1);if_block2=null;}if(!/*_showMenu*/ctx[8]&&(/*_mobile*/ctx[10]||/*_tablet*/ctx[9])){if(if_block3){if_block3.p(ctx,dirty);}else {if_block3=create_if_block_1$i(ctx);if_block3.c();if_block3.m(div0,t3);}}else if(if_block3){if_block3.d(1);if_block3=null;}if(/*_showMenu*/ctx[8]&&/*_mobile*/ctx[10]||/*_desktop*/ctx[5]){if(if_block4){if_block4.p(ctx,dirty);}else {if_block4=create_if_block$v(ctx);if_block4.c();if_block4.m(div0,null);}}else if(if_block4){if_block4.d(1);if_block4=null;}if(dirty&/*testid*/4){attr(div1,"data-testid",/*testid*/ctx[2]);}if(dirty&/*maxcontentwidth*/8&&div1_style_value!==(div1_style_value=`--max-content-width: ${/*maxcontentwidth*/ctx[3]||"100%"}`)){attr(div1,"style",div1_style_value);}if(dirty&/*_showMenu*/256){toggle_class(div1,"show-menu",/*_showMenu*/ctx[8]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div1);if_block0.d();if(if_block1)if_block1.d();if(if_block2)if_block2.d();if(if_block3)if_block3.d();if(if_block4)if_block4.d();mounted=false;dispose();}};}const _mobileLogo="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E";const _desktopLogo="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E";function instance$U($$self,$$props,$$invalidate){// *Menu* children count
|
|
112
112
|
// When in mobile mode, while the children are not visible the children are rendered in a div[display: none]
|
|
113
|
-
// element to allow for the children count to be obtained.
|
|
113
|
+
// element to allow for the children count to be obtained.
|
|
114
114
|
const hasChildren=function hasChildren(){var _a;return _call(tick,function(){if(!_slotParentEl)return;const slot=_slotParentEl===null||_slotParentEl===void 0?void 0:_slotParentEl.childNodes[0];const children=(_a=slot.assignedElements)===null||_a===void 0?void 0:_a.call(slot);if(children){return children.length>0;}else {// testing
|
|
115
115
|
return [..._slotParentEl.querySelectorAll("a")].length>0;}});};let _mobile;let _tablet;let _desktop;let{heading=""}=$$props;let{url=""}=$$props;let{testid=""}=$$props;let{maxcontentwidth=""}=$$props;let _slotParentEl;let _windowWidth=window.innerWidth;let _showToggleMenu=false;let _showMenu=false;// Functions
|
|
116
116
|
const toggleMenu=()=>$$invalidate(8,_showMenu=!_showMenu);const hideMenu=()=>$$invalidate(8,_showMenu=false);// Hooks
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
setCurrentLink();if(!_desktop){hideMenu();}},true);setCurrentLink();});// Update component if the current browser url matches one of this element's child links
|
|
119
119
|
function setCurrentLink(){if(!_slotParentEl)return;const slot=_slotParentEl.querySelector("slot");if(!slot)return;const link=slot.assignedElements().filter(el=>el.tagName==="A").map(el=>{el.classList.remove("current");return el;}).find(el=>{const href=el.href;const url=`${window.location.pathname}${window.location.search}${window.location.hash}`;return href.endsWith(url);});if(link){link.classList.add("current");}}function onwindowresize(){$$invalidate(4,_windowWidth=window_1$2.innerWidth);}function div_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function div_binding_1($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}function div_binding_2($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_slotParentEl=$$value;$$invalidate(6,_slotParentEl);});}$$self.$$set=$$props=>{if('heading'in $$props)$$invalidate(0,heading=$$props.heading);if('url'in $$props)$$invalidate(1,url=$$props.url);if('testid'in $$props)$$invalidate(2,testid=$$props.testid);if('maxcontentwidth'in $$props)$$invalidate(3,maxcontentwidth=$$props.maxcontentwidth);};$$self.$$.update=()=>{if($$self.$$.dirty&/*_windowWidth*/16){// Reactive
|
|
120
120
|
$$invalidate(10,_mobile=_windowWidth<MOBILE_BP);}if($$self.$$.dirty&/*_windowWidth*/16){$$invalidate(9,_tablet=_windowWidth>=MOBILE_BP&&_windowWidth<TABLET_BP);}if($$self.$$.dirty&/*_windowWidth*/16){$$invalidate(5,_desktop=_windowWidth>=TABLET_BP);}if($$self.$$.dirty&/*_desktop*/32){_async(function(){const _desktop2=!_desktop;return _await(_desktop2&&hasChildren(),function(_hasChildren){return $$invalidate(7,_showToggleMenu=_hasChildren);},!_desktop2);})();}};return [heading,url,testid,maxcontentwidth,_windowWidth,_desktop,_slotParentEl,_showToggleMenu,_showMenu,_tablet,_mobile,toggleMenu,hideMenu,onwindowresize,div_binding,div_binding_1,div_binding_2];}class AppHeader extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`*,::slotted(*){font:var(--goa-typography-body-s)}.container{border-bottom:var(--goa-border-width-s) solid var(--goa-color-greyscale-200);background-color:var(--goa-color-greyscale-white)}.title{margin-left:var(--goa-space-s);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--goa-color-text-default)}.layout{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:3.375rem auto;grid-template-areas:"header menu"
|
|
121
|
-
"links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap
|
|
121
|
+
"links links"}.header-logo-title-area{grid-area:header;display:flex;align-items:center;padding:0 1rem;text-decoration:none}.header-logo-title-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}.menu-toggle-area{grid-area:menu;color:var(--goa-color-text-default);align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:0.25rem;justify-content:right;padding:1rem;text-decoration:underline}.menu-toggle-area goa-icon{scale:0.8}.menu-toggle-area:focus{outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}goa-popover .menu-toggle-area:focus{outline-offset:0}.image-desktop{height:2rem}.content-area{grid-area:links}::slotted(a){display:block;margin:0;font:var(--goa-typography-body-m);text-decoration:none;color:var(--goa-color-text-default);display:block;padding:calc((3rem - var(--goa-line-height-3)) / 2) 1rem;text-decoration:none;cursor:pointer;white-space:nowrap}::slotted(a:hover){background-color:var(--goa-color-greyscale-100);color:var(--goa-color-interactive-hover)}::slotted(a:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.interactive){text-decoration:underline;color:var(--goa-color-interactive-default)}@media screen and (max-width: 623px){.image-desktop{display:none}.image-mobile{display:block}.show-menu{border-bottom:var(--goa-border-width-m) solid var(--goa-color-greyscale-200)}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}}@media screen and (max-width: 623px){@media not (max-color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media not screen and (max-width: 623px){@media not (color:2147477350){*,::slotted(*){font:var(--goa-typography-body-m)}.layout{grid-template-rows:4rem auto}.header-logo-title-area{padding:0 1.5rem}.title{margin-left:var(--goa-space-m)}.header-logo-title-area{min-height:4rem}}}@media screen and (min-width: 624px) and (max-width: 1023px){.image-desktop{display:block}.image-mobile{display:none}::slotted(a){box-shadow:inset 0 var(--goa-border-width-s) 0 0 var(--goa-color-greyscale-200)}}@media screen and (min-width: 1024px){.image-desktop{display:block}.image-mobile{display:none}.layout{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;grid-template-areas:"header . menu";margin:0 auto;width:min(var(--max-content-width), 100%)}.header-logo-title-area{grid-area:header;display:flex;align-items:center;grid-template-rows:3.375rem auto;color:inherit;flex:1 1 auto}.content-area{grid-area:menu;display:flex;align-items:stretch}::slotted(goa-app-header-menu),::slotted(a),::slotted(a:visited){color:var(--goa-color-text-default);font-weight:var(--goa-font-weight-bold);grid-template-rows:3.375rem auto;display:inline-flex;align-items:center;padding:0 0.75rem}::slotted(goa-app-header-menu){padding:0}::slotted(a:focus-within),::slotted(goa-app-header-menu:focus-within),::slotted(a:hover),::slotted(goa-app-header-menu:hover){background:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}::slotted(a:focus),::slotted(goa-app-header-menu:focus){outline:var(--goa-border-width-l) solid var(--goa-color-interactive-focus);outline-offset:calc(-1 * var(--goa-border-width-l))}::slotted(a.current){border-top:4px solid var(--goa-color-interactive-default);border-bottom:4px solid transparent}::slotted(a.current:hover){border-top:4px solid var(--goa-color-interactive-hover)}::slotted(a.interactive){font-weight:var(--goa-font-weight-medium);text-decoration:underline;color:var(--goa-color-interactive-default);padding:0 var(--goa-space-m)}::slotted(a.interactive:hover){color:var(--goa-color-interactive-hover)}::slotted(a.interactive.current){border-color:transparent;margin-left:var(--goa-space-m)}}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$U,create_fragment$_,safe_not_equal,{heading:0,url:1,testid:2,maxcontentwidth:3},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["heading","url","testid","maxcontentwidth"];}get heading(){return this.$$.ctx[0];}set heading(heading){this.$$set({heading});flush();}get url(){return this.$$.ctx[1];}set url(url){this.$$set({url});flush();}get testid(){return this.$$.ctx[2];}set testid(testid){this.$$set({testid});flush();}get maxcontentwidth(){return this.$$.ctx[3];}set maxcontentwidth(maxcontentwidth){this.$$set({maxcontentwidth});flush();}}customElements.define("goa-app-header",AppHeader);/* src/components/badge/Badge.svelte generated by Svelte v3.59.2 */function create_else_block$c(ctx){let div;return {c(){div=element("div");set_style(div,"height","1.2rem");set_style(div,"margin-left","-0.25rem");},m(target,anchor){insert(target,div,anchor);},p:noop,d(detaching){if(detaching)detach(div);}};}// (51:2) {#if showIcon}
|
|
122
122
|
function create_if_block_1$h(ctx){let goa_icon;let goa_icon_arialabel_value;let goa_icon_role_value;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?/*arialabel*/ctx[3]:null);set_custom_element_data(goa_icon,"role",goa_icon_role_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?"presentation":null);set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},p(ctx,dirty){if(dirty&/*showIconOnly, arialabel*/520&&goa_icon_arialabel_value!==(goa_icon_arialabel_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?/*arialabel*/ctx[3]:null)){set_custom_element_data(goa_icon,"arialabel",goa_icon_arialabel_value);}if(dirty&/*showIconOnly, arialabel*/520&&goa_icon_role_value!==(goa_icon_role_value=/*showIconOnly*/ctx[9]&&/*arialabel*/ctx[3]?"presentation":null)){set_custom_element_data(goa_icon,"role",goa_icon_role_value);}if(dirty&/*iconType*/1024){set_custom_element_data(goa_icon,"type",/*iconType*/ctx[10]);}},d(detaching){if(detaching)detach(goa_icon);}};}// (61:2) {#if content}
|
|
123
123
|
function create_if_block$u(ctx){let div;let t;return {c(){div=element("div");t=text(/*content*/ctx[2]);attr(div,"class","goa-badge-content");},m(target,anchor){insert(target,div,anchor);append(div,t);},p(ctx,dirty){if(dirty&/*content*/4)set_data(t,/*content*/ctx[2]);},d(detaching){if(detaching)detach(div);}};}function create_fragment$Z(ctx){let div;let t;let div_style_value;let div_class_value;function select_block_type(ctx,dirty){if(/*showIcon*/ctx[8])return create_if_block_1$h;return create_else_block$c;}let current_block_type=select_block_type(ctx);let if_block0=current_block_type(ctx);let if_block1=/*content*/ctx[2]&&create_if_block$u(ctx);return {c(){div=element("div");if_block0.c();t=space();if(if_block1)if_block1.c();this.c=noop;attr(div,"style",div_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]));attr(div,"data-testid",/*testid*/ctx[1]);attr(div,"data-type","goa-badge");attr(div,"class",div_class_value="goa-badge badge-"+/*type*/ctx[0]);toggle_class(div,"icon-only",/*showIconOnly*/ctx[9]);},m(target,anchor){insert(target,div,anchor);if_block0.m(div,null);append(div,t);if(if_block1)if_block1.m(div,null);},p(ctx,[dirty]){if(current_block_type===(current_block_type=select_block_type(ctx))&&if_block0){if_block0.p(ctx,dirty);}else {if_block0.d(1);if_block0=current_block_type(ctx);if(if_block0){if_block0.c();if_block0.m(div,t);}}if(/*content*/ctx[2]){if(if_block1){if_block1.p(ctx,dirty);}else {if_block1=create_if_block$u(ctx);if_block1.c();if_block1.m(div,null);}}else if(if_block1){if_block1.d(1);if_block1=null;}if(dirty&/*mt, mr, mb, ml*/240&&div_style_value!==(div_style_value=calculateMargin(/*mt*/ctx[4],/*mr*/ctx[5],/*mb*/ctx[6],/*ml*/ctx[7]))){attr(div,"style",div_style_value);}if(dirty&/*testid*/2){attr(div,"data-testid",/*testid*/ctx[1]);}if(dirty&/*type*/1&&div_class_value!==(div_class_value="goa-badge badge-"+/*type*/ctx[0])){attr(div,"class",div_class_value);}if(dirty&/*type, showIconOnly*/513){toggle_class(div,"icon-only",/*showIconOnly*/ctx[9]);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);if_block0.d();if(if_block1)if_block1.d();}};}function instance$T($$self,$$props,$$invalidate){let showIcon;let showIconOnly;let iconType;const[Types,validateType]=typeValidator("Badge type",["success","important","information","emergency","dark","midtone","light"],true);let{type}=$$props;let{testid=""}=$$props;let{content=""}=$$props;let{icon="false"}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;onMount(()=>{setTimeout(()=>validateType(type),1);if(!showIcon&&!content){console.warn("GoABadge must have either then content or icon property set");}if(showIconOnly&&!arialabel){console.warn("GoABadge with icon only requires an arialabel");}});$$self.$$set=$$props=>{if('type'in $$props)$$invalidate(0,type=$$props.type);if('testid'in $$props)$$invalidate(1,testid=$$props.testid);if('content'in $$props)$$invalidate(2,content=$$props.content);if('icon'in $$props)$$invalidate(11,icon=$$props.icon);if('arialabel'in $$props)$$invalidate(3,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(4,mt=$$props.mt);if('mr'in $$props)$$invalidate(5,mr=$$props.mr);if('mb'in $$props)$$invalidate(6,mb=$$props.mb);if('ml'in $$props)$$invalidate(7,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*icon*/2048){// private
|
|
124
124
|
$$invalidate(8,showIcon=toBoolean(icon));}if($$self.$$.dirty&/*showIcon, content*/260){$$invalidate(9,showIconOnly=showIcon&&!content);}if($$self.$$.dirty&/*type*/1){$$invalidate(10,iconType={success:"checkmark-circle",important:"alert-circle",information:"information-circle",emergency:"warning",dark:"information-circle",midtone:"information-circle",light:"information-circle"}[type]);}};return [type,testid,content,arialabel,mt,mr,mb,ml,showIcon,showIconOnly,iconType,icon];}class Badge extends SvelteElement{constructor(options){super();const style=document.createElement('style');style.textContent=`:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--goa-font-weight-regular)}.icon-only{padding:0.25rem}.goa-badge-content{font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);padding-bottom:var(--font-valign-fix, 0)}.goa-badge.badge-information{background-color:var(--goa-color-greyscale-100);color:var(--goa-color-info-default)}.goa-badge.badge-success{background-color:var(--goa-color-success-default);color:var(--goa-color-text-light)}.goa-badge.badge-important{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.goa-badge.badge-emergency{background-color:var(--goa-color-emergency-default);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--goa-color-greyscale-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--goa-color-greyscale-700);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-default)}`;this.shadowRoot.appendChild(style);init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$T,create_fragment$Z,safe_not_equal,{type:0,testid:1,content:2,icon:11,arialabel:3,mt:4,mr:5,mb:6,ml:7},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["type","testid","content","icon","arialabel","mt","mr","mb","ml"];}get type(){return this.$$.ctx[0];}set type(type){this.$$set({type});flush();}get testid(){return this.$$.ctx[1];}set testid(testid){this.$$set({testid});flush();}get content(){return this.$$.ctx[2];}set content(content){this.$$set({content});flush();}get icon(){return this.$$.ctx[11];}set icon(icon){this.$$set({icon});flush();}get arialabel(){return this.$$.ctx[3];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[4];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[5];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[6];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[7];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-badge",Badge);/* src/components/block/Block.svelte generated by Svelte v3.59.2 */function create_fragment$Y(ctx){let div;let slot;let div_style_value;return {c(){div=element("div");slot=element("slot");this.c=noop;attr(div,"class","block");attr(div,"style",div_style_value=`
|