@ebrains/components 0.3.0-alpha.0 → 0.4.0-alpha.0

package/dist/components/p-42b4ecff.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i}from"./p-7a8b9de5.js";const r=class{constructor(i){e(this,i),this.ratingChange=t(this,"ratingChange",7),this.stars=5,this.label="Rate your experience",this.textMapping=["Very Poor","Poor","Average","Good","Excellent"],this.selectedRating=0}get parsedMappings(){if("object"==typeof this.textMapping)return this.textMapping;if("string"==typeof this.textMapping)try{return JSON.parse(this.textMapping)}catch(e){return console.error("Error parsing links prop:",e),[]}return[]}handleClick(e){this.selectedRating=e,this.ratingChange.emit(e)}render(){return i("div",{key:"4ca6d5e0fb35d8ebce1acd5c1a7c6c857ba4f463",class:"relative w-full flex flex-col"},i("span",{key:"784b77f84098b8d88cd3872004b0208a4437c51b",class:"f-body-01"},this.label),i("div",{key:"6780db58d3c96046a99d383518cfe1db1e3f1c68",class:"stars"},Array.from({length:this.stars},((e,t)=>i("span",{class:{star:!0,filled:t<this.selectedRating},onClick:()=>this.handleClick(t+1)},"★")))),this.selectedRating>0&&this.parsedMappings[this.selectedRating-1]&&i("span",{key:"ce0eec3c29cf27bff86e3307a29a2c39c2167087",class:"f-ui-04 text-lighter"},this.parsedMappings[this.selectedRating-1]))}};r.style=":host{display:inline-block;font-size:2rem}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}";export{r as eds_rating}

package/dist/components/p-54c75346.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as a}from"./p-7a8b9de5.js";const r=class{constructor(e){t(this,e),this.content=void 0,this.position="above",this.isVisible=!1,this.isPositioned=!1,this.tooltipStyle={top:"0px",left:"0px",transform:""}}async showTooltip(){await this.updateTooltipPosition(),this.isPositioned=!0,this.isVisible=!0}hideTooltip(){this.isVisible=!1,this.isPositioned=!1}handleKeyPress(t){"Escape"===t.key&&(this.isVisible=!1,this.isPositioned=!1)}updateTooltipPosition(){var t,e;const a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");if(!a)return;const r=((null==a?void 0:a.assignedNodes({flatten:!0}))||[]).find((t=>t instanceof HTMLElement));if(r){const t=r.getBoundingClientRect(),a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('[role="tooltip"]');if(a){const e=a.offsetWidth,r=a.offsetHeight;let s=0,i=0;switch(this.position){case"above":s=window.scrollY-r-8,i=t.left+t.width/2-e/2;break;case"below":s=r-window.scrollY+18,i=t.left+t.width/2-e/2}this.tooltipStyle={top:`${s}px`,left:`${i}px`,transform:"translateX(0)"}}}}render(){return e("div",{key:"5edce5e2ca66ef992ad22604a5017e5ab02f846b",class:"relative"},e("slot",{key:"74c9ef5978e023a45eb9c25c18f95f1875c19b13"}),this.isVisible&&this.isPositioned&&this.content&&e("div",{key:"4cc3ea40bd81308eb7685b5c1065e8bd30f99191",class:"rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",role:"tooltip",style:{top:this.tooltipStyle.top,left:this.tooltipStyle.left,transform:this.tooltipStyle.transform}},this.content))}get el(){return a(this)}};r.style=".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.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)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}";export{r as eds_tooltip}

package/dist/components/p-5afb626c.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-7a8b9de5.js";const r=class{constructor(t){e(this,t),this.applications=void 0}getParsedApplications(){let e=[];if("string"==typeof this.applications)try{e=JSON.parse(this.applications||"[]")}catch(t){e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const e=this.getParsedApplications();console.log("apps:",e);const r=e.map((e=>({Application:e.name,"Current TRL Stage":`TRL ${e.currentTrl}`,Progress:t("div",{class:"w-[200px]"},t("eds-progress-bar",{value:this.calculateProgress(e.currentTrl)}))})));return t("div",{key:"71e903734b5cd1ef74bf93e8fcdc57afacb51f07",class:"container mx-auto px-4 py-8"},t("eds-table",{key:"cb8e4324c9c8481dcc2daf74f06c6928257e6f8b",data:JSON.stringify(r),config:JSON.stringify({Application:{format:"code"},"Current TRL Stage":{format:"text"}}),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};export{r as eds_trl}

package/dist/components/p-5d7af761.entry.js

@@ -1 +0,0 @@
-import{r,h as n}from"./p-7a8b9de5.js";const i=class{constructor(n){r(this,n),this.cards=void 0,this.cols=4}get parsedCards(){if(Array.isArray(this.cards))return this.cards;if("object"==typeof this.cards)return this.cards;if("string"==typeof this.cards)try{return JSON.parse(this.cards)}catch(r){return console.error("Error parsing links prop:",r),[]}return[]}render(){return n("section",{key:"c02b0e71ae4658e2f568e9428a9c61455aeb8ccd",class:"w-full"},n("ul",{key:"7f5d952d5cc5044c2ec23ca6b6b627901c40ab81",class:"grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},this.parsedCards.map((r=>n("li",{class:`grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col`},n("eds-card-generic",{cardTitle:r.title,description:r.description,avatar:r.avatar,headingLevel:r.headingLevel,tags:r.tags,url:r.url,bg:r.bg,tiny:r.tiny,image:r.image,withHover:r.withHover}))))))}};i.style=".w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}";export{i as eds_card_section}