@ebrains/components 0.5.0-alpha.0 → 0.7.0-alpha.0

package/dist/components/p-4a12a131.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s}from"./p-7a8b9de5.js";const t=class{constructor(s){e(this,s),this.tag="section",this.sectionTitle="",this.headingLevel="h2"}render(){return s(this.tag,{key:"e7ef9e7a589d8cde8aa54d73dff8421d74a7d0ac"},s("eds-section-heading",{key:"379c6bc644612d3e0865ce2acd8eacb4d67c7769",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),s("slot",{key:"5828a28c2c8ac65fbc56652f733f148a0d0198b7"}))}};t.style="";const i=class{constructor(s){e(this,s),this.sectionTitle=void 0,this.withContainer=!0,this.headingLevel="h2",this.tag="div",this.spacingLarge=!1}getHeadingClass(){return{h1:"f-heading-01",h2:"f-heading-02",h3:"f-heading-03",h4:"f-heading-04",h5:"f-heading-05",h6:"f-heading-06"}[this.headingLevel]}render(){return s(this.tag,{key:"c15f83f8aaa4fb01c884fb1390965fcf9dbd61fb",class:{"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8 pb-20":!0,container:this.withContainer,"pt-48":this.spacingLarge,"pt-28":!this.spacingLarge}},s(this.headingLevel,{key:"e65e13820553eefa5aec8bc9740e5e9da828ac92",class:this.getHeadingClass()},this.sectionTitle))}};export{t as eds_section_core,i as eds_section_heading}

package/dist/components/p-59405ecf.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as r,g as i}from"./p-7a8b9de5.js";import{s}from"./p-89227919.js";import{c as a}from"./p-112122d6.js";const o=class{constructor(r){t(this,r),this.tabChange=e(this,"tabChange",7),this.tabCva=a(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tabChange.emit({tabId:this.id,index:0})}parseTabs(){if(Array.isArray(this.tabs))this.parsedTabs=this.tabs;else if("string"==typeof this.tabs)try{this.parsedTabs=JSON.parse(this.tabs)}catch(t){this.parsedTabs=[]}else this.parsedTabs=[]}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex((t=>t.active))}scrollToActiveTab(){var t;const e=null===(t=this.tabContainer)||void 0===t?void 0:t.querySelector("[data-tab-active]");e&&setTimeout((()=>{e.scrollIntoView({inline:"center",block:"nearest"})}),316)}getTabOptions(t,e){const r=t?"center":-1===this.activeIndex&&0===e?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:t,position:r}),style:{zIndex:`${t?this.parsedTabs.length+99:"left"===r?e:this.parsedTabs.length+1-e}`}},t?{"data-tab-active":"true"}:{})}handleTabClick(t,e){this.activeIndex=t,this.parsedTabs=this.parsedTabs.map(((e,r)=>Object.assign(Object.assign({},e),{active:r===t}))),this.tabChange.emit({tabId:this.id,index:t,name:e}),s({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null==e?void 0:e.toLowerCase())||"",action:"click"})}render(){return r("div",{key:"f5c9e076fc1fb95b57e0148d85865ce62c14fbe7",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},r("div",{key:"7d382167fb62999e39b784ce8bfba24267c87a64",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},r("nav",{key:"99bbfabd817bada1984ddf87a274bf9304a1e6a0",ref:t=>this.tabContainer=t,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map(((t,e)=>{const i=this.getTabOptions(t.active,e);return r("eds-tab",Object.assign({},i,{label:t.label||t.ariaLabel,url:t.url,active:e===this.activeIndex,onClick:()=>this.handleTabClick(e,t.label)}))})))))}get el(){return i(this)}static get watchers(){return{tabs:["parseTabs"]}}};o.style="";export{o as eds_tabs}

package/dist/components/p-5980a142.entry.js

@@ -1 +0,0 @@
-import{r as e,h as l}from"./p-7a8b9de5.js";const c=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],a=[{background:"#141414"},{background:"#383838"},{background:"#CCCCCC"},{background:"#E6E6E6"},{background:"#FFFFFF"}],s=[{background:"#3FA9F5"},{background:"#0644F4"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],f=[{background:"#FFA543"},{background:"#FF4D68"}],t=class{constructor(l){e(this,l)}render(){return l("div",{key:"58274bc750821893f1ff6db6af0c92557e2037dc",class:"container"},l("p",{key:"f16ae70777dc595edb9f8ef20df33721816a472a",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"c98c49daddf43987002dd69ab1c00dffbae5e69a",label:"primary",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"e466f6f7e05f68896114551f59673c707d5fd30f",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"32dfc27beebbbab3949c7695293800a2ff552ceb",class:"flex"},l("div",{key:"e01d74cf63c84f66d868e180589b45cbc59ebff7",class:"w-full"},l("ul",{key:"162e9c5ed57689a94c5c59e2664bba2adfcd60fc",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"bb71abb645789030487eccdd0abaf9b223c12ec8",class:"w-full"},l("ul",{key:"f85702460f89881d6b8642decad848affdc7002f",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"7b5b8b9c0013a91c97f24c239bde32a727695707",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"81dc2c31eb283a2f64a1fd32329b35b1d04afc12",label:"purple",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"d90877918d973595a7b8bdacd6bb80f1f04cab5b",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"81cf06bb6932b2120b210e7d1ee9d556cedc949b",class:"flex"},l("div",{key:"2cc1571fe83620fcfa8f961af93b7b0e8e970eb2",class:"w-full"},l("ul",{key:"b6b1f7f874dbd8784a0253187438c2eb6282a815",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},d.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"49a874de125699d800aee6256bb5b3bf9a0bf907",class:"w-full"},l("ul",{key:"10d41b5ab948c87c8db43fbddefbe3453c5384a9",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"bc7c40435b87cd31b5bbb2315b3f50fa88b5bafb",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"d5a9f4c30d9108bd8c8207ee0130a15b9c7ff53f",label:"blue",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"35c2440f2c606cd4e8e69b33850ca908f6f36a4a",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"cf9dde65d107b20c67e0036e891ad37c1d685477",class:"flex"},l("div",{key:"807350f20ee902df273ce35c217bcaa134502d13",class:"w-full"},l("ul",{key:"8198d1e59cb9477978a0b78714e7884a75ce52c0",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"ed4f89cd3d5544a199d0a516e23ee877c16dad6a",class:"w-full"},l("ul",{key:"47f8617629f34252b2d533f5932dd14b9117f601",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"7b99385726cda59f07b66ff99e050588d5778421",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"f3719f08484d40ceb9ece89474f473cf9e44ee53",label:"redish",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"f1ee0fbf78a5da5f6a7a0836f63cc3312f68a547",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"833dcd6ad96a0c36a127c5384d0858b879bf0b05",class:"flex"},l("div",{key:"cf1297f1dfed3e70c184cdb3f4e116292ce1e57f",class:"w-full"},l("ul",{key:"9d8d9e0f78348cee56f6c91b3289a90f25c088e4",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},f.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"836dfd427a087ee512970bf52ee0612a24cfaa72",class:"w-full"},l("ul",{key:"08e2b7603c2c093b2bd8931d1993aca89801ad1d",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{t as correct_use_of_colors}

package/dist/components/p-599c7b97.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-7a8b9de5.js";import{t}from"./p-373119b3.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"a06ab2e79a1ec7603244ec09649ccc2c9ea1950c",class:this.class,innerHTML:t})}};export{c as eds_icon_twitter}

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

@@ -1 +0,0 @@
-import{r as e,h as t,g as i}from"./p-7a8b9de5.js";const s=class{constructor(t){e(this,t),this.prevLabel=void 0,this.nextLabel=void 0,this.prevUrl=void 0,this.nextUrl=void 0,this.linkSize="small",this.linkIntent="tertiary"}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach((e=>{this.emitContext(e)}))}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}render(){return t("ul",{key:"712287e683436cc98c2d6ef195501add1929522e",class:"flex lg:flex grow items-center justify-center gap-x-8"},this.prevLabel&&t("eds-link",{key:"4fda36ce37897284d7062f88133f147831d96a6f",label:this.prevLabel,url:this.prevUrl||void 0,disabled:!this.prevUrl,"aria-label":this.prevLabel,size:this.linkSize,intent:this.linkIntent,class:"mr-auto !p-8 lg:!pr-12"},t("eds-icon-wrapper",{key:"9bfa6bbbdc68641f65bec49f207d96f075b9a5b0",icon:"chevron-left"}),this.prevLabel),this.nextLabel&&t("eds-link",{key:"6ee8ebee011a2c30a74645b072c7c37929d0a55f",label:this.nextLabel,url:this.nextUrl||void 0,disabled:!this.nextUrl,"aria-label":this.nextLabel,size:this.linkSize,intent:this.linkIntent,class:"ml-auto !p-8 lg:!pl-12"},this.nextLabel,t("eds-icon-wrapper",{key:"44ebd4dcce0e367df7d9035bb445e49fde35e913",icon:"chevron-right",class:"w-20 h-20"})))}get el(){return i(this)}};export{s as eds_navigator}