@ebrains/components 2.4.0 → 3.0.0

package/dist/components/p-f227bac5.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i}from"./p-271c61ff.js";import{p as o}from"./p-69c5074b.js";const n=class{constructor(i){e(this,i),this.menuClose=t(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(e){this.isMenuOpen=!!e.detail}onKeydown(e){"Escape"===e.key&&this.isMenuOpen&&this.closeMenu()}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}async open(){this.isMenuOpen=!0}async close(){this.closeMenu()}componentDidLoad(){window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){window.innerWidth>=1024&&(this.isMenuOpen=!1)}get parsedLinks(){return o(this.links)}get parsedMenuLinks(){return o(this.menuLinks)}render(){return this.isMenuOpen?i("div",{role:"dialog","aria-modal":"true","aria-label":"Main menu",class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},i("div",{class:"flex min-h-full flex-col"},i("div",{class:"w-full sticky top-0 "+(this.inverseHeader?"bg-strongest":"bg-default")},i("div",{class:"mx-auto flex items-center justify-between"},i("div",{class:"mr-auto w-[200px] h-[85px]"},i("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),i("div",{class:"px-16"},i("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),i("div",{class:"py-16 px-16"},i("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map(((e,t)=>i("eds-link",{label:e.label,key:t,url:e.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"arrow-right"})))),i("eds-block-break",null),i("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map(((e,t)=>i("eds-link",{label:e.label,key:t,url:e.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"chevron-right"})))),i("nav",{class:"mt-28 flex flex-col gap-y-8"},i("slot",null))),i("div",{class:"mt-auto"},i("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};n.style=".bg-default{background-color:var(--grey-200)}.bg-darker{background-color:var(--grey-400)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.rounded-xs{border-radius:4px}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}";export{n as eds_fullscreen_menu}

package/dist/components/p-f24bfc6a.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i}from"./p-271c61ff.js";const t=class{constructor(i){e(this,i),this.description=void 0,this.truncate=!0,this.truncateLines="3"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}render(){return i("p",{key:"3711e4f24ad19f1dedef3083b9b9c8868f3b4e3f",class:"text-light f-ui-03-light"},i("span",{key:"46b53c5111bc05ffaaa6f8fcd4b1b6ddfae2d413",class:this.getTruncateClass()},this.description))}};t.style=".f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";const a=class{constructor(i){e(this,i),this.url=void 0,this.titleClass=void 0,this.headingLevel="h3",this.externalLink=!1,this.cardTitle=void 0,this.hierarchy=!0}getTitleClass(){return`f-heading-${(this.hierarchy?{h1:"05",h2:"05",h3:"05",h4:"05",h5:"05",h6:"06"}:{h1:"01",h2:"02",h3:"03",h4:"04",h5:"05",h6:"06"})[this.headingLevel]}`}render(){return i(this.headingLevel,{key:"5d356d301cfee459ac142895a042e9b1ccd59367",class:this.getTitleClass()},i("a",{key:"348fffdd2abccf3b08ecab9481718b4a2aa50807",class:"break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",href:this.url,target:this.externalLink?"_blank":void 0,rel:this.externalLink?"noopener noreferrer":void 0},this.cardTitle))}};a.style="a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";export{t as eds_card_desc,a as eds_card_title}

package/dist/components/p-f2abe4d8.js

@@ -1 +0,0 @@
-const r='<svg width="20" height="20" viewBox="-102.4 -102.4 1228.80 1228.80" xmlns="http://www.w3.org/2000/svg" fill="#000000" stroke="#000000" stroke-width="0.01024" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#000000" d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"></path></g></svg>';export{r as v}

package/dist/components/p-f3754a20.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-271c61ff.js";import{p as r}from"./p-cdf19579.js";const a=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"66caca52d82371c81a2c751a4becbbe4a4b24df2",class:this.class,innerHTML:r})}};export{a as eds_icon_plus}

package/dist/components/p-f4c954ec.entry.js

@@ -1 +0,0 @@
-import{r as i,h as n}from"./p-271c61ff.js";import{v as a}from"./p-9c5a453b.js";const l=class{constructor(n){i(this,n)}render(){return n("div",{key:"60dcb01fe1791ae536755d50234c38fe1b8355f2",class:"container"},n("ul",{key:"f8392d3dd6620cfe57b39a03c4f427eb201faa2a",class:"not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"},n("li",{key:"f89baf7dfe7257402a93c06faf09d6602a169de3",class:"grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},n("div",{key:"94ba054bcc5ada258cb95530dcc380184820cc59",class:"logo-container mx-auto w-[300px]",innerHTML:a})),n("li",{key:"226d955d9d0a049d2a99b83a3d1223369c3a75a3",class:"grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},n("div",{key:"ebd3897ab3207f1ddebbf4d9cdbbe6a2069c9952",class:"text-center mt-16"},n("p",{key:"4e56dc98d24514717e4711204d9bad0c59ca816c",class:"f-body-01"},"To ensure legibility, follow these minimum size guidelines:"),n("eds-table",{key:"e04e02f59c35d52d647f18a71a37657a5d7115b3",data:'[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]',config:'{\n                  "Media": { "format": "bold" }\n                }'}))),n("li",{key:"d499f9bf757d0daa9d22fdb41e56058a1d7b3749",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"})))}};l.style='ol,ul,menu{list-style:none;margin:0;padding:0}.text-center{text-align:center}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}';export{l as logo_space}