@ebrains/components 0.9.0-beta → 0.9.1-beta

package/dist/components/{p-9cbcccf8.entry.js → p-c5c782e7.entry.js}

@@ -1 +1 @@
-import{r as i,h as t,g as e}from"./p-cccacbd3.js";import{p as r}from"./p-69c5074b.js";import{s as o}from"./p-13efafb9.js";const s=class{constructor(t){i(this,t),this.parentContext=null,this.cardTitle=void 0,this.url=void 0,this.description=void 0,this.image=void 0,this.avatar=void 0,this.shortAbbreviation=void 0,this.headingLevel="h3",this.tags=[],this.tiny=!1,this.bg=!0,this.withHover=!0,this.hierarchy=!0,this.parsedImage=null}componentWillLoad(){if(this.image)try{"object"==typeof this.image?this.parsedImage=this.image:"string"==typeof this.image&&(this.parsedImage=JSON.parse(this.image))}catch(i){console.error("Error parsing image prop:",i),this.parsedImage={}}}handleParentContext(i){i.target===this.el&&(this.parentContext=i.detail,i.stopPropagation())}get parsedTags(){return r(this.tags)}articleClasses(){return[this.description?this.tiny?"min-h-120":"min-h-156":"h-auto",this.bg?"bg-inverse":"bg-default",this.withHover?"effect-shadow hover:shadow-hover cursor-pointer":"","border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"].join(" ")}handleClick(){var i;o({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(i=this.cardTitle)||void 0===i?void 0:i.toLowerCase())||"",action:"click"})}render(){return t("article",{key:"440a448c841370838c0c66610bd1266b46f66541",class:this.articleClasses(),onClick:()=>this.handleClick()},t("eds-card-title",{key:"292d93a9a993c6dcbfd276097a21d3984b1794c4","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,hierarchy:this.hierarchy}),this.description&&t("eds-card-desc",{key:"4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7",class:"mt-8","truncate-lines":"3",description:this.description}),this.parsedImage?t("eds-img",Object.assign({class:"mt-8"},this.parsedImage)):this.avatar||this.shortAbbreviation?t("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,t("div",{key:"cb5c191f6c190fb6edb46446187dbf6b8c1b778b",class:"flex flex-wrap gap-y-4"},this.parsedTags.map(((i,e)=>t("eds-tag",{key:e,intent:i.style,label:i.label}))))," ")}get el(){return e(this)}};s.style=".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";export{s as eds_card_generic}
+import{r as i,h as t,g as e}from"./p-cccacbd3.js";import{p as r}from"./p-69c5074b.js";import{s as o}from"./p-13efafb9.js";const s=class{constructor(t){i(this,t),this.parentContext=null,this.cardTitle=void 0,this.url=void 0,this.description=void 0,this.image=void 0,this.avatar=void 0,this.shortAbbreviation=void 0,this.headingLevel="h3",this.tags=[],this.tiny=!1,this.bg=!0,this.withHover=!0,this.hierarchy=!0,this.parsedImage=null}componentWillLoad(){if(this.image)try{"object"==typeof this.image?this.parsedImage=this.image:"string"==typeof this.image&&(this.parsedImage=JSON.parse(this.image))}catch(i){console.error("Error parsing image prop:",i),this.parsedImage={}}}handleParentContext(i){i.target===this.el&&(this.parentContext=i.detail,i.stopPropagation())}get parsedTags(){return r(this.tags)}articleClasses(){return[this.description?this.tiny?"min-h-120":"min-h-156":"h-auto",this.bg?"bg-inverse":"bg-default",this.withHover?"effect-shadow hover:shadow-hover cursor-pointer":"","border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"].join(" ")}handleClick(){var i;o({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:(null===(i=this.cardTitle)||void 0===i?void 0:i.toLowerCase())||"",action:"click"})}render(){return t("article",{key:"440a448c841370838c0c66610bd1266b46f66541",class:this.articleClasses(),onClick:()=>this.handleClick()},t("eds-card-title",{key:"292d93a9a993c6dcbfd276097a21d3984b1794c4","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,hierarchy:this.hierarchy}),this.description&&t("eds-card-desc",{key:"4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7",class:"mt-8","truncate-lines":"3",description:this.description}),this.parsedImage?t("eds-img",Object.assign({class:"mt-8"},this.parsedImage)):this.avatar||this.shortAbbreviation?t("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,t("div",{key:"8bdcbbe2982a450843e9ada727e3f6eb62872ae1",class:"flex flex-wrap gap-y-4 gap-x-1"},this.parsedTags.map(((i,e)=>t("eds-tag",{key:e,intent:i.style,label:i.label}))))," ")}get el(){return e(this)}};s.style=".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";export{s as eds_card_generic}

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

@@ -0,0 +1 @@
+import{r as e,h as i}from"./p-cccacbd3.js";const t=class{constructor(i){e(this,i),this.description=void 0,this.descClass="f-ui-03-light",this.truncate=!0,this.truncateLines="3"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}render(){return i("p",{key:"96ba520be4ef9acf871a6e992d5ea74aaf17c962",class:`text-light ${this.descClass}`},i("span",{key:"951358bd0c992426175e3c1b3c580f2f9be4027f",class:this.getTruncateClass()},this.description))}};t.style=".f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-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)}.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:"57ce97f35ee52623d32fac0b6b1a576ca8b5aa70",class:this.getTitleClass()},i("a",{key:"60fb313d2b8753974658f73aaddd359a63548a79",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}