@ebrains/vue 0.2.0-alpha.0 → 0.4.0-alpha.0

package/{eds-alert_28.entry-Ctl9tHqr.js → eds-accordion_33.entry-DlnbmQ6R.js}

@@ -1,4 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),h=require("./index-39c58238-SQ-JC-LH.js"),b=require("./color-0ba8ed56-BVeDdJAE.js"),x=require("./toastManager-d9eee791-DvR_vUPI.js"),m=require("./logo-color-7f1fd803-DRD3vZVn.js"),a=require("./logo-white-no-bg-f382f86f-DXYn3NwV.js"),g=require("./keycloak-13893af6-NiM3zoVg.js"),R=`:root {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),c=require("./color-bb472c37-CKu54kOY.js"),b=require("./index-39c58238-SQ-JC-LH.js"),x=require("./toastManager-d9eee791-DvR_vUPI.js"),m=require("./logo-color-7f1fd803-DRD3vZVn.js"),a=require("./logo-white-no-bg-f382f86f-DXYn3NwV.js"),h=require("./keycloak-13893af6-NiM3zoVg.js"),U="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.min-h-56{min-height:3.5rem}.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}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.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)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.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}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-20{padding-top:1.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.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)}.text-left{text-align:left}.text-center{text-align:center}",_=U,p=class{constructor(n){e.registerInstance(this,n),this.accordionChange=e.createEvent(this,"accordionChange",7),this.handleClick=()=>{var i;this.isExpanded=!this.isExpanded,this.accordionChange.emit(this.isExpanded),this.setPanelHeight(),c.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((i=this.title)===null||i===void 0?void 0:i.toLowerCase())||"",action:this.isExpanded?"expanded":"collapsed"})},this.setPanelHeight=()=>{this.childContentRef&&(this.shortContent=this.wrapperRef.scrollWidth>830&&!this.description?this.childContentRef.scrollHeight<=80:this.childContentRef.scrollHeight<=20,this.panelHeight=this.isExpanded&&!this.shortContent?this.childContentRef.scrollHeight:0)},this.title=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.minHeightContent=!1,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1}componentDidLoad(){this.setPanelHeight(),window.addEventListener("resize",this.setPanelHeight)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){const n=this.minHeightContent?"min-h-56":"";return e.h("div",{key:"14811b7517511999f97dc8d486f6c1138d89538b",ref:i=>this.wrapperRef=i,class:`container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+          ${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"} 
+          ${this.switchBg?"hover:bg-inverse":""} 
+          ${n}`},e.h("h3",{key:"a55ab98b74555ab2ff470d824106d3ff2e9b7fec",class:"mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1"},this.title),e.h("div",{key:"b3a76425eed4d05404a51d8991070a12cd1609a1",class:"ml-auto"},e.h("eds-button",{key:"06ddefe21175e4bc28ef4477f5fd552689e1cd31",id:"accordionId",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-controls":"accordionId",class:"effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none",onClick:this.handleClick,icon:"chevron-down"})),e.h("div",{key:"7330f2824689a61e82c42f00f79e12d4148df2f9",class:"w-full"},this.description?e.h("span",{class:`text-light ${!this.isExpanded&&this.clampText?"line-clamp-1":""}`},this.description):null,e.h("section",{key:"533e8014f43ed6d50424f02bfb793456187badd9",id:"sectionId","aria-hidden":!this.isExpanded,class:`z-1 effect-height relative h-0 w-full ${!this.isExpanded&&this.clampText?"overflow-hidden":""}`,style:{height:this.isExpanded?"auto":"0"}},e.h("div",{key:"02a0fa8a79942cd2bc760eb62da9cb910252b6cd",ref:i=>this.childContentRef=i,class:"accordion-content effect-color pt-20","aria-hidden":!this.isExpanded},e.h("span",{key:"33edc6bc83eb4eaa49ae5482841ae642a60ffde8",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"bbbc3fa2b8fc5be7f55d6a45f0f37dc569706ac8"}))))))}get el(){return e.getElement(this)}};p.style=_;const D=`:root {
   font-optical-sizing: auto;
 }
 html,
@@ -605,7 +608,7 @@ img {
 .after\\:border-softest::after {
   border-color: rgba(0, 0, 0, .05 );
 }
-`,T=R,U=h.cva(["w-full bg-dark rounded-lg border-inside after:border-softest after:rounded-lg"],{variants:{intent:{default:"",warning:"bg-warning",error:"bg-error",success:"bg-success"},direction:{vertical:"space-y-12",horizontal:"flex flex-row items-center justify-between gap-x-12"},withBtn:{false:"",true:""}},compoundVariants:[{direction:"horizontal",withBtn:!0,class:"px-20 pr-12 py-12"},{direction:"horizontal",withBtn:!1,class:"p-20"},{direction:"vertical",withBtn:!0,class:"p-16"},{direction:"vertical",withBtn:!1,class:"px-12 py-20"}],defaultVariants:{intent:"default",direction:"horizontal"}}),p=class{constructor(n){e.registerInstance(this,n),this.message=void 0,this.pressableLabel=void 0,this.pressableUrl=void 0,this.direction="horizontal",this.intent="default",this.withBtn=!1}componentWillLoad(){this.withBtn=!!this.pressableLabel}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}render(){return e.h("div",{key:"99518cd34cbfc04691f2f827b53105ef88c03af8",class:U({intent:this.intent,direction:this.direction,withBtn:this.withBtn}),role:"alert"},e.h("p",{key:"7eca97c849473bb4c8472d11243dc5eb9dded61f",class:"f-ui-01 py-8"},this.message),this.withBtn&&(this.pressableUrl?e.h("eds-link",{class:"eds-alert-link",label:this.pressableLabel,url:this.pressableUrl,intent:"secondary"}):null))}get el(){return e.getElement(this)}};p.style=T;const M=`.border-inside {
+`,Y=D,N=b.cva(["w-full bg-dark rounded-lg border-inside after:border-softest after:rounded-lg"],{variants:{intent:{default:"",warning:"bg-warning",error:"bg-error",success:"bg-success"},direction:{vertical:"space-y-12",horizontal:"flex flex-row items-center justify-between gap-x-12"},withBtn:{false:"",true:""}},compoundVariants:[{direction:"horizontal",withBtn:!0,class:"px-20 pr-12 py-12"},{direction:"horizontal",withBtn:!1,class:"p-20"},{direction:"vertical",withBtn:!0,class:"p-16"},{direction:"vertical",withBtn:!1,class:"px-12 py-20"}],defaultVariants:{intent:"default",direction:"horizontal"}}),u=class{constructor(n){e.registerInstance(this,n),this.message=void 0,this.pressableLabel=void 0,this.pressableUrl=void 0,this.direction="horizontal",this.intent="default",this.withBtn=!1}componentWillLoad(){this.withBtn=!!this.pressableLabel}componentDidLoad(){const n=this.el.shadowRoot.querySelector("eds-link");this.emitContext(n)}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}render(){return e.h("div",{key:"089491004acd618827ef139a7c2ef486726cea9d",class:N({intent:this.intent,direction:this.direction,withBtn:this.withBtn}),role:"alert"},e.h("p",{key:"9a54555621b492f65b38ecd3cbb44660bf516e51",class:"f-ui-01 py-8"},this.message),this.withBtn&&(this.pressableUrl?e.h("eds-link",{class:"eds-alert-link",label:this.pressableLabel,url:this.pressableUrl,intent:"secondary",external:!0}):null))}get el(){return e.getElement(this)}};u.style=Y;const P=`.border-inside {
     position: relative;
 
     &::after {
@@ -753,7 +756,7 @@ img {
 
 .w-\\[54px\\] {
     width: 54px;
-}`,B=M,u=class{constructor(n){e.registerInstance(this,n),this.firstName=void 0,this.lastName=void 0,this.picture=void 0,this.initials=void 0,this.color=void 0,this.rounded=!1,this.initialsStrong=!1}get computedInitials(){if(this.initials)return(this.initials.match(/.{1,3}/g)||[])[0]||"";if(this.firstName&&this.lastName)return`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase()}get containerClasses(){return["border-inside","aspect-1x1","flex","items-center","justify-center","overflow-hidden",this.picture?"":"px-4",this.rounded?"rounded-pill border-inside-pill w-32":"w-[54px] rounded-sm",this.color?"border-inside-inverse":"",this.color==="grey"?"bg-dark":this.color&&!this.picture?b.gradientBGColorVariants({color:this.color,direction:"top",pseudo:!1}):this.picture?"":"bg-strongest text-accent"].join(" ")}render(){return e.h("div",{key:"716279a35cc9235da991563d5f84d2dedbdae001",class:this.containerClasses},this.picture?e.h("eds-img",{src:this.picture,width:54,height:54,sizes:"120px",alt:`${this.firstName} ${this.lastName}`,lazyload:!0,withBg:!0}):e.h("abbr",{title:this.computedInitials||`${this.firstName} ${this.lastName}`,class:"!no-underline f-ui-01"},this.computedInitials))}};u.style=B;const D=`@font-face {
+}`,$=P,y=class{constructor(n){e.registerInstance(this,n),this.firstName=void 0,this.lastName=void 0,this.picture=void 0,this.initials=void 0,this.color=void 0,this.rounded=!1,this.initialsStrong=!1}get computedInitials(){if(this.initials)return(this.initials.match(/.{1,3}/g)||[])[0]||"";if(this.firstName&&this.lastName)return`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase()}get containerClasses(){return["border-inside","aspect-1x1","flex","items-center","justify-center","overflow-hidden",this.picture?"":"px-4",this.rounded?"rounded-pill border-inside-pill w-32":"w-[54px] rounded-sm",this.color?"border-inside-inverse":"",this.color==="grey"?"bg-dark":this.color&&!this.picture?c.gradientBGColorVariants({color:this.color,direction:"top",pseudo:!1}):this.picture?"":"bg-strongest text-accent"].join(" ")}render(){return e.h("div",{key:"3ba716296c615d31ce7f3f41fd57e732adc530bf",class:this.containerClasses},this.picture?e.h("eds-img",{src:this.picture,width:54,height:54,sizes:"120px",alt:`${this.firstName} ${this.lastName}`,lazyload:!0,withBg:!0}):e.h("abbr",{title:this.computedInitials||`${this.firstName} ${this.lastName}`,class:"!no-underline f-ui-01"},this.computedInitials))}};y.style=$;const q=".border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.border-t-2{border-top-width:2px}",X=q,v=class{constructor(n){e.registerInstance(this,n),this.extraClass=""}render(){return e.h("hr",{key:"58ffdece778da8f323dd130908254690b3f6c8d3",class:`border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}`})}};v.style=X;const V="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}",K=V,w=class{constructor(n){e.registerInstance(this,n),this.updateScreenSize=()=>{const i=window.innerWidth;i<769?(this.maxVisibleItems=3,this.isSmallScreen=!0):i<=1024?(this.maxVisibleItems=4,this.isSmallScreen=!0):(this.maxVisibleItems=6,this.isSmallScreen=!1)},this.items=[],this.intent="ghost",this.parsedItems=[],this.isSmallScreen=!1,this.maxVisibleItems=6}parseItems(n){if(typeof n=="string")try{const i=JSON.parse(n);this.parsedItems=Array.isArray(i)?i:[]}catch(i){console.error("Error parsing breadcrumb items:",i),this.parsedItems=[]}else Array.isArray(n)?this.parsedItems=n:this.parsedItems=[]}componentWillLoad(){this.parseItems(this.items),this.updateScreenSize(),window.addEventListener("resize",this.updateScreenSize)}disconnectedCallback(){window.removeEventListener("resize",this.updateScreenSize)}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}getTruncatedItems(){const n=this.parsedItems.length;if(n>this.maxVisibleItems){const i=this.parsedItems[0],r=this.parsedItems.slice(-2),l={label:"...",url:"",isHidden:!0};if(this.maxVisibleItems===3)return[this.truncateLabel(i),l,...r.map((t,o)=>o===r.length-1?t:this.truncateLabel(t))];if(this.maxVisibleItems===4){const t=this.parsedItems[Math.floor(n/2)];return[this.truncateLabel(i),this.truncateLabel(t),l,...r.map((o,s)=>s===r.length-1?o:this.truncateLabel(o))]}}return this.parsedItems.map((i,r)=>r===this.parsedItems.length-1?i:this.truncateLabel(i))}truncateLabel(n){return n.label.length>15?Object.assign(Object.assign({},n),{label:`${n.label.slice(0,15)}...`}):n}render(){const n=this.getTruncatedItems();return e.h("nav",{key:"d66dd18fe856e4a8d82e47117d2de0288a9e3c56","aria-label":"Breadcrumb"},e.h("ol",{key:"b3a218032b312cb5973c1ca59ab7bedcfc07d676",class:"flex items-center space-x-2"},n.map((i,r)=>{const l=r===n.length-1;return e.h("li",{class:"flex items-center"},i.isHidden?e.h("span",{class:"truncate px-2 ","aria-hidden":"true"},"..."):e.h("eds-link",{label:i.label,url:i.url,intent:this.intent,current:l,"aria-label":i.label,size:"small","icon-small":"false"}),!l&&!i.isHidden&&e.h("eds-icon-wrapper",{icon:"chevron-right",class:"w-20 h-20"}))})))}get el(){return e.getElement(this)}static get watchers(){return{items:["parseItems"]}}};w.style=K;const G=`@font-face {
     font-family: "Inter";
     font-weight: 100 900;
     font-display: swap;
@@ -7892,7 +7895,7 @@ img {
       padding-right: 0rem;
     }
   }
-  `,_=D,y=class{constructor(n){e.registerInstance(this,n),this.button=h.cva(["relative inline-flex items-center","py-8","effect-focus effect-color","cursor-pointer","aria-disabled:text-lightest aria-disabled:bg-dark aria-disabled:cursor-not-allowed","disabled:text-lightest disabled:bg-dark disabled:cursor-not-allowed"],{variants:{intent:{primary:"bg-accent border-inside hover:bg-accent-dark shadow-accent focus:shadow-none aria-disabled:shadow-none",secondary:"border-inside border-inside-inverse text-inverse bg-strongest hover:bg-strong-dark",tertiary:"border-inside after:border-softest bg-dark hover:bg-darker",ghost:"border-inside hover:bg-darker",ghostInverse:"border-inside hover:bg-dark"},loading:{true:"pointer-events-none",false:""},iconSmall:{false:"",true:""},size:{small:"h-36 f-ui-02",large:"h-44 f-ui-01"},iconPos:{left:"flex-row-reverse",right:""},iconOnly:{false:"",true:""},pill:{true:"rounded-full border-inside-pill",false:"rounded-sm"}},compoundVariants:[{size:"small",iconOnly:!0,class:"p-8"},{size:"large",iconOnly:!0,class:"p-12"},{size:"small",iconOnly:!1,class:"px-12"},{size:"large",iconOnly:!1,class:"px-16"},{iconSmall:!0,iconPos:"left",class:"pl-4",iconOnly:!1},{iconSmall:!0,iconPos:"right",class:"pr-4",iconOnly:!1},{iconSmall:!0,iconPos:"left",size:"large",class:"pl-8",iconOnly:!1},{iconSmall:!0,iconPos:"right",size:"large",class:"pr-8",iconOnly:!1}],defaultVariants:{intent:"secondary",loading:!1,iconSmall:!1,iconPos:"right",iconOnly:!1,pill:!1,size:"small"}}),this.iconCva=h.cva(["flex inline-flex items-center justify-center"],{variants:{size:{large:"",small:""},iconPos:{left:"",right:""},iconOnly:{false:"",true:""},show:{false:"opacity-0",true:""}},compoundVariants:[{size:"small",iconPos:"left",class:"mr-4",iconOnly:!1},{size:"small",iconPos:"right",class:"ml-4",iconOnly:!1},{size:"large",iconPos:"left",class:"mr-4",iconOnly:!1},{size:"large",iconPos:"right",class:"ml-4",iconOnly:!1}],defaultVariants:{iconPos:"right",size:"small",iconOnly:!1}}),this.parentContext=null,this.label=void 0,this.ariaLabel=void 0,this.elementType="button",this.intent="secondary",this.loading=!1,this.disabled=!1,this.pill=!1,this.icon=void 0,this.size="small",this.iconPos="right",this.iconSmall=!1,this.extraClass=void 0,this.triggerClick=void 0}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var i,r;if(this.disabled){n.preventDefault();return}b.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||((r=this.ariaLabel)===null||r===void 0?void 0:r.toLowerCase())||"",action:"click"}),typeof this.triggerClick=="function"&&this.triggerClick()}render(){const n=this.button({intent:this.intent,loading:this.loading,iconPos:this.iconPos,size:this.size,pill:this.pill,iconOnly:!this.label,iconSmall:this.iconSmall}),i=this.iconCva({size:this.size,iconPos:this.iconPos,iconOnly:!this.label,show:!this.loading}),r=this.elementType;return e.h(r,{key:"04381724e90b1f71960832e705f3a1db46e3a200","aria-label":this.label||this.ariaLabel||void 0,"aria-disabled":this.elementType==="button"?this.disabled:void 0,disabled:this.elementType==="button"?this.disabled:void 0,class:`${n||""} ${this.extraClass||""}`,onClick:l=>this.handleClick(l)},this.label&&e.h("span",{key:"f9b77e3a0eee7afa676fa2b7a4bdce8b3ac124cd",class:this.loading?"opacity-0":""},this.label),this.loading&&e.h("span",{key:"0e645a9f7c3d8e87f209ccd1a556ead976143094",class:"absolute inset-0 flex items-center justify-center"},e.h("span",{key:"e7810efb3f5e9853f67afb9491f35b19509700e9",class:"loader",style:{border:`3px solid ${this.intent==="secondary"?"rgba(255, 255, 255, .3)":"rgba(0, 0, 0, .3)"}`,borderBottomColor:this.intent==="secondary"?"#fff":"#000"}})),this.icon?e.h("eds-icon-wrapper",{class:i,icon:this.icon}):null)}get el(){return e.getElement(this)}};y.style=_;const Y=".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}",q=Y,v=class{constructor(n){e.registerInstance(this,n),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 e.h("p",{key:"017c115ebff999c74cff1eaeb5c63f97e0f6554d",class:`text-light ${this.descClass}`},e.h("span",{key:"f87b9b3d593e417ef351882f426d24c0b206ccab",class:this.getTruncateClass()},this.description))}};v.style=q;const P=".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}",N=P,w=class{constructor(n){e.registerInstance(this,n),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{typeof this.image=="object"?this.parsedImage=this.image:typeof this.image=="string"&&(this.parsedImage=JSON.parse(this.image))}catch(n){console.error("Error parsing image prop:",n),this.parsedImage={}}}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}get parsedTags(){if(typeof this.tags=="object")return this.tags;if(typeof this.tags=="string")try{return JSON.parse(this.tags)}catch(n){return console.error("Error parsing tags prop:",n),[]}return[]}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 n;b.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((n=this.cardTitle)===null||n===void 0?void 0:n.toLowerCase())||"",action:"click"})}render(){return e.h("article",{key:"17d1f00f232a4436756fa3846684bbae8c716036",class:this.articleClasses(),onClick:()=>this.handleClick()},e.h("eds-card-title",{key:"d99ee1716c4e308a3ea446f0f7cedfaeac30f2ed","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,hierarchy:this.hierarchy}),this.description&&e.h("eds-card-desc",{key:"c5bdc76e68a8d660609630aa8184ec3a9508ab61",class:"mt-8","truncate-lines":"3",description:this.description}),this.parsedImage?e.h("eds-img",Object.assign({class:"mt-8"},this.parsedImage)):this.avatar||this.shortAbbreviation?e.h("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,e.h("div",{key:"fa993e3c60d357eb0d9a63e612bdd2bf026e7a85",class:"flex flex-wrap gap-y-4"},this.parsedTags.map((n,i)=>e.h("eds-tag",{key:i,intent:n.style,label:n.label})))," ")}get el(){return e.getElement(this)}};w.style=N;const $="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}",X=$,k=class{constructor(n){e.registerInstance(this,n),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(){const n=this.headingLevel;return e.h(n,{key:"8aee3bcb0e04508dd21a03ea0f695e040f37c767",class:this.getTitleClass()},e.h("a",{key:"c5fa27fe86037ed6b039c156aecdf1acc9c7c8bc",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))}};k.style=X;const V=".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}",G=V,z=class{constructor(n){e.registerInstance(this,n),this.focusableItems=[],this.handleClick=()=>{this.isOpen=!this.isOpen,this.isOpen?(this.focusIndex=0,this.focusItem()):this.closeDropdown()},this.icon="chevron-down",this.label=void 0,this.rounded=!1,this.ariaLabel="Open dropdown",this.asNav=!0,this.dropdownPos="left",this.dropdownOffset=!0,this.intent="tertiary",this.isOpen=!1,this.focusIndex=-1}handleWindowClick(n){this.host.contains(n.target)||this.closeDropdown()}handleKeyDown(n){if(this.isOpen)switch(n.key){case"Tab":this.closeDropdown();break;case"ArrowUp":n.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":n.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem();break}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1}focusItem(){var n;(n=this.focusableItems[this.focusIndex])===null||n===void 0||n.focus()}componentDidLoad(){var n;this.focusableItems=Array.from(((n=this.dropdownContent)===null||n===void 0?void 0:n.querySelectorAll("a, button"))||[]),this.host.shadowRoot.querySelectorAll("eds-button").forEach(r=>{this.emitContext(r)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.host.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}render(){return e.h("div",{key:"d49e23ee208cfb000baba83795899487e4d94af7",class:"z-focus relative",ref:n=>this.dropdownContent=n},e.h("eds-button",{key:"6647007c34b47558873e470890893ae4f8e18b5c",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu"}),e.h("nav",{key:"41bbd4e2bf02345393aaa97101b2c3aca2fa4085",class:{"shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8":!0,"left-4":this.dropdownPos==="left"&&this.dropdownOffset,"left-0":this.dropdownPos==="left"&&!this.dropdownOffset,"right-4":this.dropdownPos==="right"&&this.dropdownOffset,"right-0":this.dropdownPos==="right"&&!this.dropdownOffset,"rounded-lg":this.rounded},style:{display:this.isOpen?"block":"none"},"aria-label":"Dropdown","aria-hidden":!this.isOpen},e.h("slot",{key:"714bad9f5a8ddf6d5ea246044a83b0a5102494c4"})))}get host(){return e.getElement(this)}};z.style=G;const J=`@font-face {
+  `,J=G,k=class{constructor(n){e.registerInstance(this,n),this.button=b.cva(["relative inline-flex items-center","py-8","effect-focus effect-color","cursor-pointer","aria-disabled:text-lightest aria-disabled:bg-dark aria-disabled:cursor-not-allowed","disabled:text-lightest disabled:bg-dark disabled:cursor-not-allowed"],{variants:{intent:{primary:"bg-accent border-inside hover:bg-accent-dark shadow-accent focus:shadow-none aria-disabled:shadow-none",secondary:"border-inside border-inside-inverse text-inverse bg-strongest hover:bg-strong-dark",tertiary:"border-inside after:border-softest bg-dark hover:bg-darker",ghost:"border-inside hover:bg-darker",ghostInverse:"border-inside hover:bg-dark"},loading:{true:"pointer-events-none",false:""},iconSmall:{false:"",true:""},size:{small:"h-36 f-ui-02",large:"h-44 f-ui-01"},iconPos:{left:"flex-row-reverse",right:""},iconOnly:{false:"",true:""},pill:{true:"rounded-full border-inside-pill",false:"rounded-sm"}},compoundVariants:[{size:"small",iconOnly:!0,class:"p-8"},{size:"large",iconOnly:!0,class:"p-12"},{size:"small",iconOnly:!1,class:"px-12"},{size:"large",iconOnly:!1,class:"px-16"},{iconSmall:!0,iconPos:"left",class:"pl-4",iconOnly:!1},{iconSmall:!0,iconPos:"right",class:"pr-4",iconOnly:!1},{iconSmall:!0,iconPos:"left",size:"large",class:"pl-8",iconOnly:!1},{iconSmall:!0,iconPos:"right",size:"large",class:"pr-8",iconOnly:!1}],defaultVariants:{intent:"secondary",loading:!1,iconSmall:!1,iconPos:"right",iconOnly:!1,pill:!1,size:"small"}}),this.iconCva=b.cva(["flex inline-flex items-center justify-center"],{variants:{size:{large:"",small:""},iconPos:{left:"",right:""},iconOnly:{false:"",true:""},show:{false:"opacity-0",true:""}},compoundVariants:[{size:"small",iconPos:"left",class:"mr-4",iconOnly:!1},{size:"small",iconPos:"right",class:"ml-4",iconOnly:!1},{size:"large",iconPos:"left",class:"mr-4",iconOnly:!1},{size:"large",iconPos:"right",class:"ml-4",iconOnly:!1}],defaultVariants:{iconPos:"right",size:"small",iconOnly:!1}}),this.parentContext=null,this.label=void 0,this.ariaLabel=void 0,this.elementType="button",this.intent="secondary",this.loading=!1,this.disabled=!1,this.pill=!1,this.icon=void 0,this.size="small",this.iconPos="right",this.iconSmall=!1,this.extraClass=void 0,this.triggerClick=void 0}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var i,r;if(this.disabled){n.preventDefault();return}c.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||((r=this.ariaLabel)===null||r===void 0?void 0:r.toLowerCase())||"",action:"click"}),typeof this.triggerClick=="function"&&this.triggerClick()}render(){const n=this.button({intent:this.intent,loading:this.loading,iconPos:this.iconPos,size:this.size,pill:this.pill,iconOnly:!this.label,iconSmall:this.iconSmall}),i=this.iconCva({size:this.size,iconPos:this.iconPos,iconOnly:!this.label,show:!this.loading}),r=this.elementType;return e.h(r,{key:"e571ed0d3e2f4aa262259afea7d44d19b5685be7","aria-label":this.label||this.ariaLabel||void 0,"aria-disabled":this.elementType==="button"?this.disabled:void 0,disabled:this.elementType==="button"?this.disabled:void 0,class:`${n||""} ${this.extraClass||""}`,onClick:l=>this.handleClick(l)},this.label&&e.h("span",{key:"8928bd512c6fb592ed8d2d25ad46213a5a7f4bf5",class:this.loading?"opacity-0":""},this.label),this.loading&&e.h("span",{key:"8fdb5947ef65c60e5cc47f04d8fbe2f8485aa6bf",class:"absolute inset-0 flex items-center justify-center"},e.h("span",{key:"5a6cf5d4f2debc279066cb49fa30da7b66f5532b",class:"loader",style:{border:`3px solid ${this.intent==="secondary"?"rgba(255, 255, 255, .3)":"rgba(0, 0, 0, .3)"}`,borderBottomColor:this.intent==="secondary"?"#fff":"#000"}})),this.icon?e.h("eds-icon-wrapper",{class:i,icon:this.icon}):null)}get el(){return e.getElement(this)}};k.style=J;const Q=".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}",Z=Q,z=class{constructor(n){e.registerInstance(this,n),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 e.h("p",{key:"ca38bcc0895d5a0c87fda782ef455e45c4b53263",class:`text-light ${this.descClass}`},e.h("span",{key:"3108eec08a760b1db7ce1a7be05b68749f8f930b",class:this.getTruncateClass()},this.description))}};z.style=Z;const nn=".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}",en=nn,S=class{constructor(n){e.registerInstance(this,n),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{typeof this.image=="object"?this.parsedImage=this.image:typeof this.image=="string"&&(this.parsedImage=JSON.parse(this.image))}catch(n){console.error("Error parsing image prop:",n),this.parsedImage={}}}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}get parsedTags(){if(typeof this.tags=="object")return this.tags;if(typeof this.tags=="string")try{return JSON.parse(this.tags)}catch(n){return console.error("Error parsing tags prop:",n),[]}return[]}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 n;c.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((n=this.cardTitle)===null||n===void 0?void 0:n.toLowerCase())||"",action:"click"})}render(){return e.h("article",{key:"5b498abfc65206fe89c9e54e673a81e1b6ed37d5",class:this.articleClasses(),onClick:()=>this.handleClick()},e.h("eds-card-title",{key:"61a0c6076957e39ab2a059c8587fc2e716e470bc","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,hierarchy:this.hierarchy}),this.description&&e.h("eds-card-desc",{key:"6df3c08512acf60e22001867ab5691aa19f67961",class:"mt-8","truncate-lines":"3",description:this.description}),this.parsedImage?e.h("eds-img",Object.assign({class:"mt-8"},this.parsedImage)):this.avatar||this.shortAbbreviation?e.h("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,e.h("div",{key:"712193c8afac6744e2512d8b760daf2c850987b9",class:"flex flex-wrap gap-y-4"},this.parsedTags.map((n,i)=>e.h("eds-tag",{key:i,intent:n.style,label:n.label})))," ")}get el(){return e.getElement(this)}};S.style=en;const rn="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}",ln=rn,C=class{constructor(n){e.registerInstance(this,n),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(){const n=this.headingLevel;return e.h(n,{key:"a654161b2c53e944eaefb21be7189a5e0acb06cf",class:this.getTitleClass()},e.h("a",{key:"868fd911c1a8c366d726e886bfc7827487013e27",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))}};C.style=ln;const tn=".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}",on=tn,F=class{constructor(n){e.registerInstance(this,n),this.focusableItems=[],this.handleClick=()=>{var i;this.isOpen=!this.isOpen,this.isOpen?(this.focusIndex=0,this.focusItem()):this.closeDropdown(),c.sendAnalytics({category:"ui-component",parentContext:null,tag:this.host.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||"",action:this.isOpen?"expanded":"collapsed"})},this.icon="chevron-down",this.label=void 0,this.rounded=!1,this.ariaLabel="Open dropdown",this.asNav=!0,this.dropdownPos="left",this.dropdownOffset=!0,this.intent="tertiary",this.isOpen=!1,this.focusIndex=-1}handleWindowClick(n){this.host.contains(n.target)||this.closeDropdown()}handleKeyDown(n){if(this.isOpen)switch(n.key){case"Tab":this.closeDropdown();break;case"ArrowUp":n.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":n.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem();break}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1}focusItem(){var n;(n=this.focusableItems[this.focusIndex])===null||n===void 0||n.focus()}componentDidLoad(){var n;this.focusableItems=Array.from(((n=this.dropdownContent)===null||n===void 0?void 0:n.querySelectorAll("a, button"))||[])}render(){return e.h("div",{key:"809cb733330db434f94f854ed4d1ee375f598297",class:"z-focus relative",ref:n=>this.dropdownContent=n},e.h("eds-button",{key:"c80f2930b335708a2a01d06b565673597bd8d926",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu"}),e.h("nav",{key:"7b3ccb2ab29474a4795d5491960e0713aefcd624",class:{"shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8":!0,"left-4":this.dropdownPos==="left"&&this.dropdownOffset,"left-0":this.dropdownPos==="left"&&!this.dropdownOffset,"right-4":this.dropdownPos==="right"&&this.dropdownOffset,"right-0":this.dropdownPos==="right"&&!this.dropdownOffset,"rounded-lg":this.rounded},style:{display:this.isOpen?"block":"none"},"aria-label":"Dropdown","aria-hidden":!this.isOpen},e.h("slot",{key:"c514c5dca893708fd1660a61cfeb1607229bbff5"})))}get host(){return e.getElement(this)}};F.style=on;const sn="",dn=sn,E=class{constructor(n){e.registerInstance(this,n),this.backToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})},this.extraClass="",this.social=!1,this.hasCookiesSetUp=!1,this.enableScrollTop=!1,this.fundedBy="EBRAINS is funded by the Horizon Europe Framework Programme.",this.rightsReserved=`${new Date().getFullYear()} EBRAINS. All rights reserved.`,this.cookiesPreference="Cookies Preferences"}toggleCookiesPopup(){}render(){return e.h("footer",{key:"8d3d1b5d2acd76f56b2bc12539cb7d277b4dcd7f",class:`${this.extraClass} pb-banner`},this.social?e.h("div",{class:"border-softest border-t-2 pt-20 pb-28 md:pt-28"},e.h("div",{class:"container pb-20 xl:pb-40 "},e.h("div",{class:"grid-layout"},e.h("div",{class:"grid-col-span-12 lg:grid-col-span-5"},e.h("eds-social-networks",{class:"mt-28"})),e.h("nav",{"aria-label":"Secondary nav",class:"grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0"})))):null,e.h("div",{key:"7d6e3a414ec8e8f8e2b795faf639948f8819f5cb",class:`border-softest ${this.social?"border-t-2":""} pt-20 pb-28 md:pt-28`},e.h("div",{key:"9a475fd146ac0e1bc78c43940ee24ec31212fcb9",class:"container flex flex-wrap items-center gap-20 lg:flex-nowrap"},e.h("div",{key:"4b465113cdb882f919fba15e944eb56edbe3c570",class:"flex items-center gap-x-12"},e.h("a",{key:"1a8ad1ee5f4dfb77da036b03d0770cba8e5d725e",target:"_blank",rel:"noopener noreferrer",class:"effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",href:"https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en"},e.h("eds-img",{key:"4714ea1a01b7b7eef8b3af0c04ffe793d51c4d5e",width:54,height:41,src:"https://www.ebrains.eu/flags/4x3/eu.svg"}))),e.h("div",{key:"c4db6bab70e570e337c82136a0d9d6dad01c1039",class:"f-ui-04 text-light order-last w-full lg:order-none lg:w-auto"},e.h("p",{key:"0b030a92c12a3a96fe2baacc13ac21f5bd708a50"},this.fundedBy),e.h("div",{key:"4714d0ccf0e3912ae330a6f39ed3607caf2b51a4",class:"mt-4 flex flex-wrap gap-12 lg:flex-nowrap"},e.h("span",{key:"b4bc2d45871c7d1f9de1d6090959b12fd5246f01",class:"effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline"},"© ",this.rightsReserved),this.hasCookiesSetUp&&e.h("button",{key:"98b56eee7be6bc1558821933cebf2853b3bb68fc",class:"effect-focus !no-underline underline-offset-4 hover:!underline",onClick:()=>this.toggleCookiesPopup()},this.cookiesPreference))),e.h("div",{key:"f4bf4a0c99f3be920dd15f68e6f7e390cd85ecce",class:"ml-auto pl-12"},this.enableScrollTop?e.h("eds-button",{"aria-label":"Back to top",intent:"ghostInverse",icon:"chevron-up",onClick:this.backToTop}):null))))}};E.style=dn;const an=`@font-face {
     font-family: "Inter";
     font-weight: 100 900;
     font-display: swap;
@@ -15044,8 +15047,8 @@ img {
       padding-right: 0rem;
     }
   }
-  `,K=J,S=class{constructor(n){e.registerInstance(this,n),this.formSubmitting=e.createEvent(this,"formSubmitting",7),this.handleChange=(i,r)=>{const l=i.target;this.values=Object.assign(Object.assign({},this.values),{[r.name]:l.value});const t=Object.assign({},this.errors);if(r.type==="checkbox"||r.type==="radio")if(r.options){const o=this.validateFieldGroup(r.name,r.type,r.required);o.length>0?t[r.name]=o:delete t[r.name]}else{const o=this.validateSingleBox(r.name,r.required);o.length>0?t[r.name]=o:delete t[r.name]}else{const o=this.validateField(r.name,l.value,r.type,r.required,r.maxlength);o.length>0?t[r.name]=o:delete t[r.name]}this.errors=t,this.hasError=Object.keys(t).length>0},this.handleSubmit=async i=>{var r;if(i.preventDefault(),this.isSubmitting)return;if(this.validateForm(),this.hasError){this.alertMessage=this.errorMessage;return}this.isSubmitting=!0,this.formSubmitted=!1,this.alertMessage=null,this.errors={};const l=await this.getFormData();this.setFormUrl&&typeof window<"u"&&l.set("form_url",window.location.href),this.authUser&&l.set("form_user",(r=this.authUser)===null||r===void 0?void 0:r.email);const t=this.coupleAuth?{Authorization:`Bearer ${this.authUser.token}`}:{};try{const o=await fetch(this.endpoint,{method:"POST",body:l,headers:t});if(!o.ok){const s=await o.json();this.hasError=!0,x.toast.show(s.error||this.errorMessage,"error");return}const d=await o.json();this.formSubmitted=!0,x.toast.show(d.message||this.successMessage,"success"),this.formEl.reset()}catch(o){this.hasError=!0,x.toast.show(`${o}`,"error")}finally{this.isSubmitting=!1,this.formSubmitting.emit(this.isSubmitting)}},this.smallAlert=!1,this.setFormUrl=!0,this.submitBtn=!0,this.submitBtnLabel="Submit",this.successMessage="Your message has been sent.",this.errorMessage="Some fields in your form are incorrect.",this.submitBtnHintMessage="To participate, please sign in using your EBRAINS account. If you do not have an account yet, you can easily create one on the EBRAINS portal.",this.endpoint=void 0,this.name="form",this.fields=void 0,this.values={},this.coupleAuth=!1,this.formSubmitted=!1,this.hasError=!1,this.errors={},this.isSubmitting=!1,this.alertMessage=null,this.isAuthenticated=!1,this.authUser=void 0}onAuthStatusChanged(n){var i;this.isAuthenticated=(i=n.detail)===null||i===void 0?void 0:i.authenticated,this.authUser=n.detail.user}componentDidLoad(){this.el.querySelectorAll("eds-button").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}isFieldVisible(n){return n.condition?this.values[n.condition.field]===n.condition.value:!0}validateField(n,i,r,l,t){const o=[];return l&&!i&&o.push(`${n} is required.`),t&&typeof i=="string"&&i.length>t&&o.push(`${n} must be at most ${t} characters.`),r==="email"&&i&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i.toString())&&o.push("Invalid email format."),o}validateFieldGroup(n,i,r){const o=Array.from(this.formEl.querySelectorAll("eds-input-field")).filter(s=>{var c,f;return((f=(c=s.shadowRoot)===null||c===void 0?void 0:c.querySelectorAll(`input[name="${n}"]`))===null||f===void 0?void 0:f.length)>0}).flatMap(s=>{var c;return Array.from(((c=s.shadowRoot)===null||c===void 0?void 0:c.querySelectorAll(`input[name="${n}"]`))||[])}).some(s=>s.checked),d=[];return r&&!o&&d.push(`At least one option in ${n} is required.`),d}validateSingleBox(n,i){var r;const l=[],t=Array.from(this.formEl.querySelectorAll("eds-input-field")).find(d=>{var s;return(s=d.shadowRoot)===null||s===void 0?void 0:s.querySelector(`[name="${n}"]`)});if(!t)return i&&l.push(`${n} is required.`),l;const o=(r=t.shadowRoot)===null||r===void 0?void 0:r.querySelector(`[name="${n}"]`);return i&&o&&!o.checked&&l.push(`${n} is required.`),l}validateForm(){this.errors={},this.hasError=!1,this.parseFields.forEach(n=>{if(n.type!=="hidden")if((n.type==="checkbox"||n.type==="radio")&&!n.options){const i=this.validateSingleBox(n.name,n.required);i.length>0&&(this.errors[n.name]=i,this.hasError=!0)}else if(n.options&&(n.type==="checkbox"||n.type==="radio")){const i=this.validateFieldGroup(n.name,n.type,n.required);i.length>0&&(this.errors[n.name]=i,this.hasError=!0)}else{const i=this.findFieldElement(n.name);if(i){const r=i.value,l=this.validateField(n.name,r,n.type,n.required,n.maxlength);l.length>0&&(this.errors[n.name]=l,this.hasError=!0)}}})}findFieldElement(n){const i=Array.from(this.formEl.querySelectorAll("eds-input-field"));for(const r of i)if(r.shadowRoot){const l=r.shadowRoot.querySelector(`[name="${n}"]`);if(l)return l}return null}async getFormData(){const n=new FormData;return n.append("form_name",this.name),Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach(r=>{if(r.shadowRoot){const l=r.shadowRoot.querySelector("input, textarea, select");if(l&&l.name)if(l.type==="checkbox"||l.type==="radio"){const o=Array.from(r.shadowRoot.querySelectorAll(`input[name="${l.name}"]:checked`)).map(d=>d.value);n.append(l.name,o.join(","))}else if(l.type==="file"){const t=l;t.files&&t.files.length>0&&Array.from(t.files).forEach(o=>{n.append(t.name,o)})}else n.append(l.name,l.value)}}),n}get parseFields(){return JSON.parse(this.fields)}render(){const n=this.parseFields.filter(r=>r.type==="hidden"),i=this.parseFields.filter(r=>r.type!=="hidden");return e.h("form",{key:"fdb974998dfd27c0d857d0fbfbbe9e769e55d7bb",ref:r=>this.formEl=r,enctype:"multipart/form-data",autocomplete:"on",method:"post",onSubmit:this.handleSubmit},e.h("div",{key:"dfbe5adce9e5685736169e88408590088aba5b1e"},e.h("slot",{key:"f5c5356a8b87bf63fdd21901da81291c596f1487"}),n.map((r,l)=>e.h("eds-input",{key:l,type:"hidden",name:r.name,value:r.value})),i.map((r,l)=>{var t,o;return this.isFieldVisible(r)?e.h("eds-input-field",{key:l,name:r.name,id:`${this.name}_${r.name}`,label:r.label,type:r.type,icon:r.icon||null,required:r.required,maxLength:r.maxlength,hint:r.hint,error:((t=this.errors[r.name])===null||t===void 0?void 0:t.length)>0,errorMessage:(o=this.errors[r.name])===null||o===void 0?void 0:o.join("<br />"),onInput:d=>this.handleChange(d,r),class:l>0?"mt-20":"",options:r.options}):null})),this.submitBtn&&e.h("div",{key:"2c3165a56d5bec9135a8695cae1b87981167c949",class:"mt-20"},e.h("eds-button",{key:"f311628ff58cd03ebbd0f7ccb0623df817d416da",intent:"primary",label:this.submitBtnLabel,disabled:this.isSubmitting||this.coupleAuth&&!this.isAuthenticated,loading:this.isSubmitting,onClick:r=>this.handleSubmit(r)}),this.coupleAuth&&!this.isAuthenticated?e.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.submitBtnHintMessage):null),this.alertMessage&&(this.formSubmitted||this.hasError)&&e.h("div",{key:"1c7adc93081294eb86b71e808933215fe04fa033",class:"mt-20"},e.h("eds-alert",{key:"d221dd0674be734a8b7382ea2eeb97509f6bc3a6",message:this.alertMessage,intent:this.hasError?"error":"success",direction:"horizontal"})))}get el(){return e.getElement(this)}};S.style=K;const Q="",Z=Q,C=class{constructor(n){e.registerInstance(this,n),this.toggleMenu=e.createEvent(this,"toggleMenu",7),this.homeUrl="/",this.links=void 0,this.inverseHeader=!1,this.userFeature=!1,this.menuEnabled=!1,this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.isMenuOpen=!1,this.isUserMenuOpen=!1,this.isAuthenticated=!1}onAuthStatusChanged(n){var i;this.isAuthenticated=(i=n.detail)===null||i===void 0?void 0:i.authenticated}componentDidLoad(){this.hostEl.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}handleToggleMenu(){this.toggleMenu.emit(!this.isMenuOpen)}toggleUserMenu(){this.isUserMenuOpen=!this.isUserMenuOpen}get parsedLinks(){if(typeof this.links=="object")return this.links;if(typeof this.links=="string")try{return JSON.parse(this.links)}catch(n){return console.error("Error parsing links prop:",n),[]}return[]}render(){return e.h("header",{key:"bd3056a3d8ca0e8472e154eb3da9ba1aca6d1fa1",class:`flex items-center justify-between relative z-10
-       ${this.inverseHeader?"text-inverse bg-strongest":"text-default bg-dark"}`},e.h("div",{key:"55db7995eab812785789ecc8441079ee5e07af76",class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{key:"0464d045dc59d0f78a021a14ffa0254579052529",type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),this.parsedLinks&&e.h("nav",{key:"7ab1b2c20cf9d934a29480bd29736ced42ff5a20",class:"absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex"},e.h("ul",{key:"7dca9e2715f3831ee806b0e354c19b65deac1490",class:"flex gap-x-2"},this.parsedLinks.map(n=>e.h("eds-link",{label:n.label,"aria-label":n.label,url:n.url,intent:"ghost",size:"small",icon:n.icon,external:n.external,"extra-class":"after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100"})))),e.h("slot",{key:"d49985a1074f2daed9cab42fa5af8b0ec8cb6ec9"}),this.userFeature?e.h("div",{class:"px-16"},e.h("eds-user",{"keycloak-url":this.keycloakUrl,"keycloak-realm":this.keycloakRealm,"keycloak-client-id":this.keycloakClientId})):null,this.menuEnabled?e.h("div",{class:"md:hidden flex overflow-hidden px-16"},e.h("eds-button",{"aria-label":"Menu",intent:"ghostInverse",icon:"menu",size:"small",onClick:()=>this.handleToggleMenu()})):null)}get hostEl(){return e.getElement(this)}};C.style=Z;const nn=class{constructor(n){e.registerInstance(this,n),this.TagName=null,this.icon="arrow-right",this.class="",this.IconComponent=null}componentWillLoad(){this.loadIconComponent(this.icon)}iconChanged(n){this.loadIconComponent(n)}async loadIconComponent(n){try{this.IconComponent=`eds-icon-${n}`}catch{this.IconComponent="eds-icon-unknown"}}render(){const n=this.IconComponent;return n?e.h(n,{class:this.class}):null}static get watchers(){return{icon:["iconChanged"]}}},en=`/*
+  `,cn=an,I=class{constructor(n){e.registerInstance(this,n),this.formSubmitting=e.createEvent(this,"formSubmitting",7),this.handleChange=(i,r)=>{const l=i.target;this.values=Object.assign(Object.assign({},this.values),{[r.name]:l.value});const t=Object.assign({},this.errors);if(r.type==="checkbox"||r.type==="radio")if(r.options){const o=this.validateFieldGroup(r.name,r.type,r.required);o.length>0?t[r.name]=o:delete t[r.name]}else{const o=this.validateSingleBox(r.name,r.required);o.length>0?t[r.name]=o:delete t[r.name]}else{const o=this.validateField(r.name,l.value,r.type,r.required,r.maxlength);o.length>0?t[r.name]=o:delete t[r.name]}this.errors=t,this.hasError=Object.keys(t).length>0},this.handleSubmit=async i=>{var r;if(i.preventDefault(),this.isSubmitting)return;if(this.validateForm(),this.hasError){this.alertMessage=this.errorMessage;return}this.isSubmitting=!0,this.formSubmitted=!1,this.alertMessage=null,this.errors={};const l=await this.getFormData();this.setFormUrl&&typeof window<"u"&&l.set("form_url",window.location.href),this.authUser&&l.set("form_user",(r=this.authUser)===null||r===void 0?void 0:r.email);const t=this.coupleAuth?{Authorization:`Bearer ${this.authUser.token}`}:{};try{const o=await fetch(this.endpoint,{method:"POST",body:l,headers:t});if(!o.ok){const d=await o.json();this.hasError=!0,x.toast.show(d.error||this.errorMessage,"error");return}const s=await o.json();this.formSubmitted=!0,x.toast.show(s.message||this.successMessage,"success"),this.formEl.reset()}catch(o){this.hasError=!0,x.toast.show(`${o}`,"error")}finally{this.isSubmitting=!1,this.formSubmitting.emit(this.isSubmitting)}},this.setFormUrl=!0,this.submitBtn=!0,this.submitBtnLabel="Submit",this.successMessage="Your message has been sent.",this.errorMessage="Some fields in your form are incorrect.",this.submitBtnHintMessage="To participate, please sign in using your EBRAINS account. If you do not have an account yet, you can easily create one on the EBRAINS portal.",this.endpoint=void 0,this.name="form",this.fields=[],this.values={},this.coupleAuth=!1,this.formSubmitted=!1,this.hasError=!1,this.errors={},this.isSubmitting=!1,this.alertMessage=null,this.isAuthenticated=!1,this.authUser=void 0,this.parsedFields=[]}onAuthStatusChanged(n){var i;this.isAuthenticated=(i=n.detail)===null||i===void 0?void 0:i.authenticated,this.authUser=n.detail.user}componentDidLoad(){this.parseFields(this.fields),this.el.querySelectorAll("eds-button").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}isFieldVisible(n){return n.condition?this.values[n.condition.field]===n.condition.value:!0}validateField(n,i,r,l,t){const o=[];return l&&!i&&o.push(`${n} is required.`),t&&typeof i=="string"&&i.length>t&&o.push(`${n} must be at most ${t} characters.`),r==="email"&&i&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i.toString())&&o.push("Invalid email format."),o}validateFieldGroup(n,i,r){const o=Array.from(this.formEl.querySelectorAll("eds-input-field")).filter(d=>{var g,f;return((f=(g=d.shadowRoot)===null||g===void 0?void 0:g.querySelectorAll(`input[name="${n}"]`))===null||f===void 0?void 0:f.length)>0}).flatMap(d=>{var g;return Array.from(((g=d.shadowRoot)===null||g===void 0?void 0:g.querySelectorAll(`input[name="${n}"]`))||[])}).some(d=>d.checked),s=[];return r&&!o&&s.push(`At least one option in ${n} is required.`),s}validateSingleBox(n,i){var r;const l=[],t=Array.from(this.formEl.querySelectorAll("eds-input-field")).find(s=>{var d;return(d=s.shadowRoot)===null||d===void 0?void 0:d.querySelector(`[name="${n}"]`)});if(!t)return i&&l.push(`${n} is required.`),l;const o=(r=t.shadowRoot)===null||r===void 0?void 0:r.querySelector(`[name="${n}"]`);return i&&o&&!o.checked&&l.push(`${n} is required.`),l}validateForm(){this.errors={},this.hasError=!1,this.parsedFields.forEach(n=>{if(n.type!=="hidden")if((n.type==="checkbox"||n.type==="radio")&&!n.options){const i=this.validateSingleBox(n.name,n.required);i.length>0&&(this.errors[n.name]=i,this.hasError=!0)}else if(n.options&&(n.type==="checkbox"||n.type==="radio")){const i=this.validateFieldGroup(n.name,n.type,n.required);i.length>0&&(this.errors[n.name]=i,this.hasError=!0)}else{const i=this.findFieldElement(n.name);if(i){const r=i.value,l=this.validateField(n.name,r,n.type,n.required,n.maxlength);l.length>0&&(this.errors[n.name]=l,this.hasError=!0)}}})}findFieldElement(n){const i=Array.from(this.formEl.querySelectorAll("eds-input-field"));for(const r of i)if(r.shadowRoot){const l=r.shadowRoot.querySelector(`[name="${n}"]`);if(l)return l}return null}async getFormData(){const n=new FormData;return n.append("form_name",this.name),Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach(r=>{if(r.shadowRoot){const l=r.shadowRoot.querySelector("input, textarea, select");if(l&&l.name)if(l.type==="checkbox"||l.type==="radio"){const o=Array.from(r.shadowRoot.querySelectorAll(`input[name="${l.name}"]:checked`)).map(s=>s.value);n.append(l.name,o.join(","))}else if(l.type==="file"){const t=l;t.files&&t.files.length>0&&Array.from(t.files).forEach(o=>{n.append(t.name,o)})}else n.append(l.name,l.value)}}),n}parseFields(n){try{typeof n=="string"?this.parsedFields=JSON.parse(n):Array.isArray(n)?this.parsedFields=n:n&&typeof n=="object"?this.parsedFields=n:this.parsedFields=[]}catch(i){console.error("Error parsing fields prop:",i),this.parsedFields=[]}}render(){const n=this.parsedFields.filter(r=>r.type==="hidden"),i=this.parsedFields.filter(r=>r.type!=="hidden");return e.h("form",{key:"0a106caa8aa9f056b55acf6fecfbc7090c4411d2",ref:r=>this.formEl=r,enctype:"multipart/form-data",autocomplete:"on",method:"post",onSubmit:this.handleSubmit},e.h("div",{key:"3478d82640378d9a1c0c09394453e2118b1b3ca9"},e.h("slot",{key:"9bc37f54c03b2b0f831da917b6ce6bab2ec11084"}),n.map((r,l)=>e.h("eds-input",{key:l,type:"hidden",name:r.name,value:r.value})),i.map((r,l)=>{var t,o;return this.isFieldVisible(r)?e.h("eds-input-field",{key:l,name:r.name,id:`${this.name}_${r.name}`,label:r.label,type:r.type,icon:r.icon||null,required:r.required,maxLength:r.maxlength,hint:r.hint,error:((t=this.errors[r.name])===null||t===void 0?void 0:t.length)>0,errorMessage:(o=this.errors[r.name])===null||o===void 0?void 0:o.join("<br />"),onInput:s=>this.handleChange(s,r),class:l>0?"mt-20":"",options:r.options}):null})),this.submitBtn&&e.h("div",{key:"ca221e8c5c18cf4a107581736728f84cea7831d0",class:"mt-20"},e.h("eds-button",{key:"eef3cf052beb62703c1df74d142650194d60c501",intent:"primary",label:this.submitBtnLabel,disabled:this.isSubmitting||this.coupleAuth&&!this.isAuthenticated,loading:this.isSubmitting,onClick:r=>this.handleSubmit(r)}),this.coupleAuth&&!this.isAuthenticated?e.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.submitBtnHintMessage):null),this.alertMessage&&(this.formSubmitted||this.hasError)&&e.h("div",{key:"69861c8776b99e26a08585a5a8c893c85a2d9999",class:"mt-20"},e.h("eds-alert",{key:"b4d225d8efcbe6cde95789c367f0ecf94f217c9c",message:this.alertMessage,intent:this.hasError?"error":"success",direction:"horizontal"})))}get el(){return e.getElement(this)}static get watchers(){return{fields:["parseFields"]}}};I.style=cn;const gn=class{constructor(n){e.registerInstance(this,n),this.frameLabel=void 0,this.urlLabel="Open in Storybook",this.errorMessage="Could not load the requested Storybook content. Please check the URL or try again later.",this.storybookUrl=void 0,this.storyPath=void 0,this.intent="strong",this.tiny=!1,this.size="auto",this.bg=!0,this.iframeError=!1}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",this.bg?"bg-inverse":"bg-default","rounded border-softer effect-focus-within relative flex grow flex-col border-2","w-full h-full"].join(" ")}getFrameHeight(){switch(this.size){case"sm":return"100px";case"md":return"200px";case"lg":return"400px";case"xl":return"700px";default:return"auto"}}async checkIframeAvailability(){try{if(!(await fetch(this.frameSrc,{method:"GET"})).ok)throw new Error("Failed to load")}catch{this.iframeError=!0}}componentWillLoad(){this.checkIframeAvailability()}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.frameLabel}});n.dispatchEvent(i)}get storyLink(){return`${this.storybookUrl}/?path=/story/${this.storyPath}`}get frameSrc(){return`${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`}render(){return e.h("div",{key:"0c3a43efc1a125af5999af88c4eb071b5c3bc6c5",class:this.articleClasses()},e.h("div",{key:"32303d5e2c2f3b01efe1ceaf828346f873bea6b6",class:"effect-height flex items-center justify-between py-8 px-12"},e.h("span",{key:"75f7f6750413dad4af2ea62c12ffb994491d5d01",class:"f-ui-02"},this.frameLabel),this.iframeError?null:e.h("eds-link",{label:this.urlLabel,url:this.storyLink,intent:this.intent,class:"ml-auto",external:!0,disabled:!1,icon:"arrow-diagonal"})),e.h("div",{key:"1fd99f6eda026814910b0cd93635616b7d3ffe09",class:"border-softer border-t-2"},this.iframeError?e.h("div",{class:"container ml-8 mr-8 mt-16"},this.errorMessage):e.h("iframe",{src:this.frameSrc,width:"100%",height:this.getFrameHeight(),title:this.frameLabel,frameBorder:"0",allowFullScreen:!0})))}get el(){return e.getElement(this)}},hn="",xn=hn,L=class{constructor(n){e.registerInstance(this,n),this.menuClose=e.createEvent(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(n){this.isMenuOpen=n.detail}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}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(){if(typeof this.links=="object")return this.links;if(typeof this.links=="string")try{return JSON.parse(this.links)}catch(n){return console.error("Error parsing links prop:",n),[]}return[]}get parsedMenuLinks(){if(typeof this.menuLinks=="object")return this.menuLinks;if(typeof this.menuLinks=="string")try{return JSON.parse(this.menuLinks)}catch(n){return console.error("Error parsing menuLinks prop:",n),[]}return[]}render(){return this.isMenuOpen?e.h("div",{class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},e.h("div",{class:"flex min-h-full flex-col"},e.h("div",{class:`bg-default w-full sticky top-0 ${this.inverseHeader?"bg-strongest":"bg-default"}`},e.h("div",{class:"mx-auto flex items-center justify-between"},e.h("div",{class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),e.h("div",{class:"px-16"},e.h("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),e.h("div",{class:"py-16 px-16"},e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map((n,i)=>e.h("eds-link",{label:n.label,key:i,url:n.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"}))),e.h("eds-block-break",null),e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map((n,i)=>e.h("eds-link",{label:n.label,key:i,url:n.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"})))),e.h("div",{class:"mt-auto"},e.h("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};L.style=xn;const bn="",fn=bn,H=class{constructor(n){e.registerInstance(this,n),this.toggleMenu=e.createEvent(this,"toggleMenu",7),this.homeUrl="/",this.links=void 0,this.inverseHeader=!1,this.userFeature=!1,this.menuEnabled=!1,this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.isMenuOpen=!1,this.isUserMenuOpen=!1,this.isAuthenticated=!1}onAuthStatusChanged(n){var i;this.isAuthenticated=(i=n.detail)===null||i===void 0?void 0:i.authenticated}componentDidLoad(){this.hostEl.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}handleToggleMenu(){this.toggleMenu.emit(!this.isMenuOpen)}toggleUserMenu(){this.isUserMenuOpen=!this.isUserMenuOpen}get parsedLinks(){if(Array.isArray(this.links))return this.links;if(typeof this.links=="object")return this.links;if(typeof this.links=="string")try{return JSON.parse(this.links)}catch(n){return console.error("Error parsing links prop:",n),[]}return[]}render(){return e.h("header",{key:"b16e5e84ba7565ebf4ea5892a9a1af84fc94769d",class:`flex items-center justify-between relative z-10
+       ${this.inverseHeader?"text-inverse bg-strongest":"text-default bg-dark"}`},e.h("div",{key:"00206a2714dedfe205151002cc10c430e75814fb",class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{key:"25fc6207d61bb4cc06877dd0b15bf56392b50255",type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),this.parsedLinks&&e.h("nav",{key:"8d1ee2947db26e5acb556da845fe1b811a8d18b2",class:"absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex"},e.h("ul",{key:"5c70e48f3a617a6abe402659b37741e657440cbc",class:"flex gap-x-2"},this.parsedLinks.map(n=>e.h("eds-link",{label:n.label,"aria-label":n.label,url:n.url,intent:"ghost",size:"small",icon:n.icon,external:n.external,"extra-class":"after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100"})))),e.h("slot",{key:"773b60e90ecfe336fede86ea6e3b0ec2fd10bd72"}),this.userFeature?e.h("div",{class:"px-16"},e.h("eds-user",{"keycloak-url":this.keycloakUrl,"keycloak-realm":this.keycloakRealm,"keycloak-client-id":this.keycloakClientId})):null,this.menuEnabled?e.h("div",{class:"md:hidden flex overflow-hidden px-16"},e.h("eds-button",{"aria-label":"Menu",intent:"ghostInverse",icon:"menu",size:"small",onClick:()=>this.handleToggleMenu()})):null)}get hostEl(){return e.getElement(this)}};H.style=fn;const mn=class{constructor(n){e.registerInstance(this,n),this.TagName=null,this.icon="arrow-right",this.class="",this.IconComponent=null}componentWillLoad(){this.loadIconComponent(this.icon)}iconChanged(n){this.loadIconComponent(n)}async loadIconComponent(n){try{this.IconComponent=`eds-icon-${n}`}catch{this.IconComponent="eds-icon-unknown"}}render(){const n=this.IconComponent;return n?e.h(n,{class:this.class}):null}static get watchers(){return{icon:["iconChanged"]}}},pn=`/*
 1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
    This can trigger a poorly considered lint error in some tools but is included by design.
@@ -15127,12 +15130,12 @@ video {
 
 .opacity-100 {
     opacity: 1;
-}`,rn=en,F=class{constructor(n){e.registerInstance(this,n),this.img=null,this.handleLoad=()=>{this.loaded=!0,this.showBg=!1},this.handleTransitionEnd=()=>{this.showBg=!1},this.src=void 0,this.alt=void 0,this.width=void 0,this.height=void 0,this.srcset=void 0,this.sizes=void 0,this.formats=[],this.lazyload=!0,this.withBg=!0,this.loaded=!this.lazyload,this.showBg=this.withBg}componentDidLoad(){this.img&&this.img.complete&&(this.loaded=!0,this.showBg=!1)}render(){const n={};return this.lazyload&&(n.loading="lazy",n.decoding="async"),e.h("div",{key:"fde8a77bb251e3be2ec3a42b8d83f585eae65b2c",class:{"items-center justify-center":!0,"effect-bg-pattern":this.lazyload&&this.showBg}},e.h("picture",{key:"e512cbd9134f14f5418856cf451cddfb93ca1760"},this.formats.map(i=>e.h("source",{type:i.type,srcSet:i.srcset,media:i.media,sizes:this.sizes})),e.h("img",Object.assign({key:"98339035b8d055d8bb8de654ce1f4ba410ef3865",ref:i=>this.img=i,class:{"effect-opacity object-cover object-center":!0,"opacity-100":this.loaded,"opacity-0":!this.loaded},width:this.width,height:this.height,sizes:this.sizes,src:this.src,srcSet:this.srcset,alt:this.alt},n,{onLoad:this.handleLoad,onTransitionEnd:this.handleTransitionEnd}))))}get imgElement(){return e.getElement(this)}};F.style=rn;const ln=class{constructor(n){e.registerInstance(this,n),this.changeEvent=e.createEvent(this,"changeEvent",7),this.handleInput=i=>{const r=i.target;this.innerVal=r.value,this.maxLength&&this.type==="textarea"&&(this.maxLengthReached=r.value.length>=this.maxLength),this.changeEvent.emit(i)},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.checked=void 0,this.type="text",this.required=!1,this.value=void 0,this.icon=void 0,this.maxLength=void 0,this.options=[],this.extraClass=void 0,this.innerVal="",this.maxLengthReached=!1}onValueChanged(n){this.innerVal=n}componentWillLoad(){this.value?this.innerVal=this.value:this.type==="select"&&this.options.length>0&&(this.innerVal=this.options[0].value)}getInputElement(){return this.el.querySelector("input")}render(){const n=!!this.icon,i=this.hasMessage||this.error?`${this.name}-error`:"";return e.h("div",{key:"aed6c5b0bc70ed712c74041b1bafce771c0da2d3",class:"relative flex items-center"},this.type==="textarea"?e.h("textarea",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,class:`min-h-80 input input-textarea ${n?"input-with-icon":""} ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}):this.type==="select"?e.h("select",{id:this.inputId||this.name,name:this.name,required:this.required,disabled:this.disabled,class:`input input-select ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,onInput:this.handleInput,onChange:this.handleInput},this.options.map(r=>e.h("option",{value:r.value,selected:r.value===this.innerVal,key:r.value},r.label))):e.h("input",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,type:this.type,checked:["radio","checkbox"].includes(this.type)?this.checked:void 0,class:`
+}`,un=pn,A=class{constructor(n){e.registerInstance(this,n),this.img=null,this.handleLoad=()=>{this.loaded=!0,this.showBg=!1},this.handleTransitionEnd=()=>{this.showBg=!1},this.src=void 0,this.alt=void 0,this.width=void 0,this.height=void 0,this.srcset=void 0,this.sizes=void 0,this.formats=[],this.lazyload=!0,this.withBg=!0,this.loaded=!this.lazyload,this.showBg=this.withBg}componentDidLoad(){this.img&&this.img.complete&&(this.loaded=!0,this.showBg=!1)}render(){const n={};return this.lazyload&&(n.loading="lazy",n.decoding="async"),e.h("div",{key:"fde8a77bb251e3be2ec3a42b8d83f585eae65b2c",class:{"items-center justify-center":!0,"effect-bg-pattern":this.lazyload&&this.showBg}},e.h("picture",{key:"e512cbd9134f14f5418856cf451cddfb93ca1760"},this.formats.map(i=>e.h("source",{type:i.type,srcSet:i.srcset,media:i.media,sizes:this.sizes})),e.h("img",Object.assign({key:"98339035b8d055d8bb8de654ce1f4ba410ef3865",ref:i=>this.img=i,class:{"effect-opacity object-cover object-center":!0,"opacity-100":this.loaded,"opacity-0":!this.loaded},width:this.width,height:this.height,sizes:this.sizes,src:this.src,srcSet:this.srcset,alt:this.alt},n,{onLoad:this.handleLoad,onTransitionEnd:this.handleTransitionEnd}))))}get imgElement(){return e.getElement(this)}};A.style=un;const yn=class{constructor(n){e.registerInstance(this,n),this.changeEvent=e.createEvent(this,"changeEvent",7),this.handleInput=i=>{const r=i.target;this.innerVal=r.value,this.maxLength&&this.type==="textarea"&&(this.maxLengthReached=r.value.length>=this.maxLength),this.changeEvent.emit(i)},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.checked=void 0,this.type="text",this.required=!1,this.value=void 0,this.icon=void 0,this.maxLength=void 0,this.options=[],this.extraClass=void 0,this.innerVal="",this.maxLengthReached=!1}onValueChanged(n){this.innerVal=n}componentWillLoad(){this.value?this.innerVal=this.value:this.type==="select"&&this.options.length>0&&(this.innerVal=this.options[0].value)}getInputElement(){return this.el.querySelector("input")}render(){const n=!!this.icon,i=this.hasMessage||this.error?`${this.name}-error`:"";return e.h("div",{key:"aed6c5b0bc70ed712c74041b1bafce771c0da2d3",class:"relative flex items-center"},this.type==="textarea"?e.h("textarea",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,class:`min-h-80 input input-textarea ${n?"input-with-icon":""} ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}):this.type==="select"?e.h("select",{id:this.inputId||this.name,name:this.name,required:this.required,disabled:this.disabled,class:`input input-select ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,onInput:this.handleInput,onChange:this.handleInput},this.options.map(r=>e.h("option",{value:r.value,selected:r.value===this.innerVal,key:r.value},r.label))):e.h("input",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,type:this.type,checked:["radio","checkbox"].includes(this.type)?this.checked:void 0,class:`
               ${this.extraClass||""} 
               input ${this.type==="radio"?"input-radio":this.type==="checkbox"?"input-checkbox":""}
               ${n&&this.type!=="radio"&&this.type!=="checkbox"?"input-icon pl-36":""} 
               ${this.error?"input-error":""}
-              `,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}),this.maxLength&&this.type==="textarea"&&e.h("span",{key:"2a95bcd05820c60e428c9e5de3cc2c3fc6ceb3db",class:`input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached?"input-counter-error":""}`},this.maxLength),this.icon&&e.h("eds-icon-wrapper",{key:"d20b1b17f45c77e1e7ad63ca5cb12db777074601",class:`absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled,"text-lightest"}`,icon:this.icon}))}get el(){return e.getElement(this)}static get watchers(){return{value:["onValueChanged"]}}},tn=`@font-face {
+              `,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}),this.maxLength&&this.type==="textarea"&&e.h("span",{key:"2a95bcd05820c60e428c9e5de3cc2c3fc6ceb3db",class:`input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached?"input-counter-error":""}`},this.maxLength),this.icon&&e.h("eds-icon-wrapper",{key:"d20b1b17f45c77e1e7ad63ca5cb12db777074601",class:`absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled,"text-lightest"}`,icon:this.icon}))}get el(){return e.getElement(this)}static get watchers(){return{value:["onValueChanged"]}}},vn=`@font-face {
   font-family: "Inter";
   font-weight: 100 900;
   font-display: swap;
@@ -22293,7 +22296,7 @@ input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
             appearance: none; /* Ensure the thumb can be styled */
 }
-`,on=tn,E=class{constructor(n){e.registerInstance(this,n),this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.onChange=void 0,this.onInput=void 0,this.type="text",this.required=!1,this.label=void 0,this.hint=void 0,this.icon=void 0,this.link=void 0,this.message=void 0,this.error=!1,this.checked=void 0,this.errorMessage=void 0,this.value=void 0,this.maxLength=void 0,this.options=void 0}get parsedOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options=="string")try{return JSON.parse(this.options)}catch{return console.warn("Invalid options format"),[]}return[]}render(){const n={name:this.name,id:this.inputId,placeholder:this.placeholder,disabled:this.disabled,onChange:this.onChange,onInput:this.onInput,type:this.type,required:this.required,value:this.value,error:this.error,icon:this.icon,checked:this.checked};return e.h("div",{key:"e1e4c68a8ca48b9526217b1c1eeaecbf3c73a652",class:"space-y-8"},this.type==="checkbox"||this.type==="radio"?this.parsedOptions.length>0?e.h("fieldset",{class:"space-y-4 mt-8"},e.h("div",{class:"flex justify-between"},this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,required:this.required}),this.hint&&e.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.parsedOptions.map(i=>e.h("div",{class:"flex items-center gap-x-2",key:i.value},e.h("eds-input",Object.assign({},n,{value:i.value})),e.h("eds-input-label",{name:`${this.name}-${i.value}`,label:i.label})))):e.h("div",{class:"flex items-center gap-x-8"},e.h("eds-input",Object.assign({},n)),this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required})):e.h("div",null,e.h("div",{class:"flex justify-between"},this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required}),this.hint&&e.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.type==="select"?e.h("eds-input-select",Object.assign({},n,{options:this.parsedOptions})):this.type==="file"?e.h("input",{type:"file",id:this.inputId||this.name,name:this.name,onChange:this.onChange,disabled:this.disabled,required:this.required}):this.type==="search"?e.h("eds-input-search",{name:"search-box"}):this.type==="range"?(()=>{var i,r,l;const t=this.parsedOptions;return e.h("eds-input-range",{min:(i=t[0])===null||i===void 0?void 0:i.value,max:(r=t[1])===null||r===void 0?void 0:r.value,step:(l=t[2])===null||l===void 0?void 0:l.value,name:"range-slider"})})():e.h("eds-input",Object.assign({},n))),e.h("eds-input-footer",{key:"7c283d5b193f179cdefbb011862358e3c92685c5",name:this.name,message:this.message,"error-message":this.errorMessage,error:this.error,link:this.link}))}};E.style=on;const dn=class{constructor(n){e.registerInstance(this,n),this.name=void 0,this.errorMessage=void 0,this.message=void 0,this.error=!1,this.link=void 0}render(){return e.h("div",{key:"9ce8da179446c0302754f1285b3733d928da042f",class:"space-y-4"},this.error&&this.errorMessage&&e.h("div",{key:"aab7e8ded78e48864b2245603c3987a6ec3f3959",id:`error_${this.name}`,class:"text-error flex items-center"},e.h("eds-icon-wrapper",{key:"152a06328c6cbb40f0d52310ac3ce761de21a26c",icon:"warning"}),e.h("p",{key:"658825aa4649ad83a150a0dc92d37f1b078de4c3",class:"f-ui-04 ml-4",innerHTML:this.errorMessage})),this.message&&e.h("p",{key:"378ae9ef876e087f66302547958af4543262a441",id:`desc_${this.name}`,class:"f-ui-05 text-lighter",innerHTML:this.message}),this.link&&e.h("a",{key:"cd396f03bdbd12a47544a44de17cfce35b8d206a",href:this.link.url,class:"f-ui-05 effect-color hover:text-lighter underline underline-offset-4"},this.link.label))}},sn=class{constructor(n){e.registerInstance(this,n),this.label=void 0,this.name=void 0,this.required=!1,this.disabled=!1}render(){return e.h("label",{key:"d83f8267317c2d5ef500460e938b166c0e6517b1",htmlFor:this.name,class:`input-label ${this.disabled?"text-lighter":""}`},this.label,this.required&&e.h("span",{key:"85ad9e44af342c191d8aa7aeb7e4c6288c544d6d"},e.h("span",{key:"b350ee023f80bc9d5f24ef2fac9f74b2461d27b9","aria-hidden":"true"},"*"),e.h("span",{key:"af55a83d8998ac70817cb2f7cebfb74f276a6387",class:"sr-only"},"required")))}},an=class{constructor(n){e.registerInstance(this,n),this.onInput=i=>{const r=i.target;this.sliderVal=parseInt(r.value,10)},this.name=void 0,this.inputId="range",this.disabled=!1,this.required=!1,this.min=0,this.max=100,this.step=1,this.sliderVal=this.max%2===0?this.max/2:Math.ceil(this.max/2)}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return e.h("div",{key:"8927f714cae6dd2237202190eade7b31cc7adc03",class:"relative flex flex-col items-start space-y-2"},e.h("input",{key:"1b3ba13453992c84e00d3b3261a9d2008f45634f",id:this.inputId||this.name,name:this.name,min:this.min,max:this.max,step:this.step,value:this.sliderVal,required:this.required,disabled:this.disabled,type:"range",class:"w-full py-6 input",onInput:this.onInput}),e.h("p",{key:"e04c275e51710ae09eec1603911446e1e65bf648",id:`desc_${this.name}`,class:"block f-ui-05 text-lighter"},"Current value: ",this.sliderVal))}get el(){return e.getElement(this)}},cn=class{constructor(n){e.registerInstance(this,n),this.onInput=i=>{console.log("on input:",i)},this.onChange=i=>{console.log("on change:",i.target.value)},this.name=void 0,this.inputId="search",this.placeholder="Search...",this.value=void 0,this.disabled=!1,this.required=!1}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return e.h("div",{key:"4a6a629fcaefa3ec3bbfb577e1a1f85e8d4f0ee0",class:"relative flex items-center"},e.h("eds-icon-wrapper",{key:"7cb203fabdf6f1160d95d7ca125f0ca33affd1c6",icon:"search",class:"absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest"}),e.h("input",{key:"fe32c40b6e438526b8ef6a74783a6455fb91a467",id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.value||"",required:this.required,disabled:this.disabled,type:"search",class:"search-input w-full py-6 input input-icon pl-36",onInput:this.onInput,onChange:this.onChange}))}get el(){return e.getElement(this)}},gn=class{constructor(n){e.registerInstance(this,n),this.changeEvent=e.createEvent(this,"changeEvent",7),this.handleChange=i=>{const r=i.target;this.changeEvent.emit(r.value)},this.inputId=void 0,this.name=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.required=!1,this.options=[],this.value=void 0}render(){return e.h("div",{key:"9aaa3bf4491078f5b5df6f5f0d3d5f3739f25716",class:"relative"},e.h("select",{key:"5f860de772d8d92eb36648bdaaca0c93146e8a68",id:this.inputId||this.name,name:this.name,class:`input invalid:text-lightest pr-32 ${this.error?"input-error":""}`,"aria-invalid":this.error?"true":"false","aria-describedby":this.hasMessage||this.error?`${this.name}-error`:"",disabled:this.disabled,required:this.required,onChange:this.handleChange},e.h("option",{key:"2d1e8fa6c5583e0580cbd92d731b731cdd7ecca8",value:"",disabled:!0,hidden:!0},"Please select ",this.name),this.options.map((n,i)=>e.h("option",{key:i,value:n.value},n.label))),e.h("span",{key:"f62edaae154ce443c964849689b5dc92d9303958",class:`bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled?"text-lightest bg-transparent":""}`},e.h("eds-icon-wrapper",{key:"07d186b6e0a6742a4f6ce39dd275ff1a6f905927",class:"w-20 h-20",icon:"chevron-right"})))}},xn=`@font-face {
+`,wn=vn,W=class{constructor(n){e.registerInstance(this,n),this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.onChange=void 0,this.onInput=void 0,this.type="text",this.required=!1,this.label=void 0,this.hint=void 0,this.icon=void 0,this.link=void 0,this.message=void 0,this.error=!1,this.checked=void 0,this.errorMessage=void 0,this.value=void 0,this.maxLength=void 0,this.options=void 0}get parsedOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options=="string")try{return JSON.parse(this.options)}catch{return console.warn("Invalid options format"),[]}return[]}render(){const n={name:this.name,id:this.inputId,placeholder:this.placeholder,disabled:this.disabled,onChange:this.onChange,onInput:this.onInput,type:this.type,required:this.required,value:this.value,error:this.error,icon:this.icon,checked:this.checked};return e.h("div",{key:"e1e4c68a8ca48b9526217b1c1eeaecbf3c73a652",class:"space-y-8"},this.type==="checkbox"||this.type==="radio"?this.parsedOptions.length>0?e.h("fieldset",{class:"space-y-4 mt-8"},e.h("div",{class:"flex justify-between"},this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,required:this.required}),this.hint&&e.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.parsedOptions.map(i=>e.h("div",{class:"flex items-center gap-x-2",key:i.value},e.h("eds-input",Object.assign({},n,{value:i.value})),e.h("eds-input-label",{name:`${this.name}-${i.value}`,label:i.label})))):e.h("div",{class:"flex items-center gap-x-8"},e.h("eds-input",Object.assign({},n)),this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required})):e.h("div",null,e.h("div",{class:"flex justify-between"},this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required}),this.hint&&e.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.type==="select"?e.h("eds-input-select",Object.assign({},n,{options:this.parsedOptions})):this.type==="file"?e.h("input",{type:"file",id:this.inputId||this.name,name:this.name,onChange:this.onChange,disabled:this.disabled,required:this.required}):this.type==="search"?e.h("eds-input-search",{name:"search-box"}):this.type==="range"?(()=>{var i,r,l;const t=this.parsedOptions;return e.h("eds-input-range",{min:(i=t[0])===null||i===void 0?void 0:i.value,max:(r=t[1])===null||r===void 0?void 0:r.value,step:(l=t[2])===null||l===void 0?void 0:l.value,name:"range-slider"})})():e.h("eds-input",Object.assign({},n))),e.h("eds-input-footer",{key:"7c283d5b193f179cdefbb011862358e3c92685c5",name:this.name,message:this.message,"error-message":this.errorMessage,error:this.error,link:this.link}))}};W.style=wn;const kn=class{constructor(n){e.registerInstance(this,n),this.name=void 0,this.errorMessage=void 0,this.message=void 0,this.error=!1,this.link=void 0}render(){return e.h("div",{key:"9ce8da179446c0302754f1285b3733d928da042f",class:"space-y-4"},this.error&&this.errorMessage&&e.h("div",{key:"aab7e8ded78e48864b2245603c3987a6ec3f3959",id:`error_${this.name}`,class:"text-error flex items-center"},e.h("eds-icon-wrapper",{key:"152a06328c6cbb40f0d52310ac3ce761de21a26c",icon:"warning"}),e.h("p",{key:"658825aa4649ad83a150a0dc92d37f1b078de4c3",class:"f-ui-04 ml-4",innerHTML:this.errorMessage})),this.message&&e.h("p",{key:"378ae9ef876e087f66302547958af4543262a441",id:`desc_${this.name}`,class:"f-ui-05 text-lighter",innerHTML:this.message}),this.link&&e.h("a",{key:"cd396f03bdbd12a47544a44de17cfce35b8d206a",href:this.link.url,class:"f-ui-05 effect-color hover:text-lighter underline underline-offset-4"},this.link.label))}},zn=class{constructor(n){e.registerInstance(this,n),this.label=void 0,this.name=void 0,this.required=!1,this.disabled=!1}render(){return e.h("label",{key:"d83f8267317c2d5ef500460e938b166c0e6517b1",htmlFor:this.name,class:`input-label ${this.disabled?"text-lighter":""}`},this.label,this.required&&e.h("span",{key:"85ad9e44af342c191d8aa7aeb7e4c6288c544d6d"},e.h("span",{key:"b350ee023f80bc9d5f24ef2fac9f74b2461d27b9","aria-hidden":"true"},"*"),e.h("span",{key:"af55a83d8998ac70817cb2f7cebfb74f276a6387",class:"sr-only"},"required")))}},Sn=class{constructor(n){e.registerInstance(this,n),this.onInput=i=>{const r=i.target;this.sliderVal=parseInt(r.value,10)},this.name=void 0,this.inputId="range",this.disabled=!1,this.required=!1,this.min=0,this.max=100,this.step=1,this.sliderVal=this.max%2===0?this.max/2:Math.ceil(this.max/2)}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return e.h("div",{key:"8927f714cae6dd2237202190eade7b31cc7adc03",class:"relative flex flex-col items-start space-y-2"},e.h("input",{key:"1b3ba13453992c84e00d3b3261a9d2008f45634f",id:this.inputId||this.name,name:this.name,min:this.min,max:this.max,step:this.step,value:this.sliderVal,required:this.required,disabled:this.disabled,type:"range",class:"w-full py-6 input",onInput:this.onInput}),e.h("p",{key:"e04c275e51710ae09eec1603911446e1e65bf648",id:`desc_${this.name}`,class:"block f-ui-05 text-lighter"},"Current value: ",this.sliderVal))}get el(){return e.getElement(this)}},Cn=class{constructor(n){e.registerInstance(this,n),this.onInput=i=>{console.log("on input:",i)},this.onChange=i=>{console.log("on change:",i.target.value)},this.name=void 0,this.inputId="search",this.placeholder="Search...",this.value=void 0,this.disabled=!1,this.required=!1}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return e.h("div",{key:"4a6a629fcaefa3ec3bbfb577e1a1f85e8d4f0ee0",class:"relative flex items-center"},e.h("eds-icon-wrapper",{key:"7cb203fabdf6f1160d95d7ca125f0ca33affd1c6",icon:"search",class:"absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest"}),e.h("input",{key:"fe32c40b6e438526b8ef6a74783a6455fb91a467",id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.value||"",required:this.required,disabled:this.disabled,type:"search",class:"search-input w-full py-6 input input-icon pl-36",onInput:this.onInput,onChange:this.onChange}))}get el(){return e.getElement(this)}},Fn=class{constructor(n){e.registerInstance(this,n),this.changeEvent=e.createEvent(this,"changeEvent",7),this.handleChange=i=>{const r=i.target;this.changeEvent.emit(r.value)},this.inputId=void 0,this.name=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.required=!1,this.options=[],this.labelKey="label",this.valueKey="value",this.value=void 0,this.dynamicOptions=[],this.loading=!1,this.dynamicValueKey="value",this.dynamicLabelKey="label"}componentWillLoad(){this.loadOptions()}async loadOptions(){if(this.options&&this.options.length>0&&this.options[0].endpoint){const n=this.options[0],i=n.endpoint;this.dynamicValueKey=n.value||"value",this.dynamicLabelKey=n.label||"label",this.loading=!0;try{const r=await fetch(i);r.ok||x.toast.show(`<eds-input-select> HTTP error! Status: ${r.status}`,"error");const l=await r.json();this.dynamicOptions=l}catch(r){x.toast.show(`<eds-input-select> Error fetching dynamic options ${r}`,"error")}finally{this.loading=!1}}else this.dynamicOptions=this.options,this.dynamicValueKey=this.valueKey,this.dynamicLabelKey=this.labelKey}render(){return e.h("div",{key:"d37107564a86281b3a3920a5eb128f47f6fd4ceb",class:"relative"},e.h("select",{key:"a69cd907ef6732ec42a99fd46bbf9a52ef03735a",id:this.inputId||this.name,name:this.name,class:`input invalid:text-lightest pr-32 ${this.error?"input-error":""}`,"aria-invalid":this.error?"true":"false","aria-describedby":this.hasMessage||this.error?`${this.name}-error`:"",disabled:this.disabled||this.loading,required:this.required,onChange:this.handleChange},e.h("option",{key:"8b84a2b7edd7e989411908b16f35c46853889d8e",value:"",disabled:!0,hidden:!0},this.loading?"Loading options...":`Please select ${this.name}`),this.dynamicOptions.map((n,i)=>e.h("option",{key:i,value:n[this.dynamicValueKey]},n[this.dynamicLabelKey]))),e.h("span",{key:"dbccb6161aafc2dc31cc6dd5b3d8c812545eab9a",class:`bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled||this.loading?"text-lightest bg-transparent":""}`},e.h("eds-icon-wrapper",{key:"b0fd24cb54185d8558dfabcb94d05b6257caacd1",class:"w-20 h-20",icon:"chevron-right"})))}static get watchers(){return{options:["loadOptions"]}}},En=`@font-face {
     font-family: "Inter";
     font-weight: 100 900;
     font-display: swap;
@@ -29456,10 +29459,10 @@ input[type="range"]::-webkit-slider-thumb {
     align-items: center;
   }
   
-  `,hn=xn,bn=h.cva(["relative inline-flex justify-center items-center py-8 rounded-sm","effect-color effect-focus aria-disabled:text-lightest","aria-disabled:bg-dark aria-disabled:cursor-not-allowed aria-disabled:!border-transparent aria-disabled:after:!border-transparent"],{variants:{intent:{primary:["border-inside bg-accent hover:bg-accent-dark","shadow-accent focus:shadow-none aria-disabled:shadow-none"],secondary:["border-inside border-inside-inverse bg-strongest hover:bg-strong-dark text-inverse"],tertiary:"border-inside after:border-softest bg-dark hover:bg-darker",ghost:["border-inside hover:bg-darker"],strong:["!px-0 !py-4 !min-h-20","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],weak:["!px-0 !py-4 !min-h-20","text-light hover:text-default","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],inverse:["!px-0 !py-4 !min-h-20","text-inverse","effect-bg-behind-link before:bg-inverse-softer before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent"],blueish:["-top-1 !px-0 !py-0 !min-h-20 text-[#0034CB] decoration-[#0034CB] underline underline-offset-4 ","effect-focus focus-visible:rounded-xs","hover:before:opacity-100 focus-visible:before:opacity-0","aria-disabled:bg-transparent"],underline:["decoration-accent underline underline-offset-4 !py-0","hover:no-underline effect-focus focus-visible:rounded-xs"]},iconSmall:{true:"",false:""},isActive:{true:"",false:""},size:{underline:"f-body-02",small:"min-h-36 f-ui-02 px-12",large:"min-h-44 f-ui-01 px-16"}},compoundVariants:[{iconSmall:!0,size:"small",class:"pr-4"},{iconSmall:!0,size:"large",class:"pr-8"},{intent:"primary",isActive:!0,class:"!bg-accent-dark"},{intent:"secondary",isActive:!0,class:"!bg-strong-dark"},{intent:"tertiary",isActive:!0,class:"!bg-darker"},{intent:"ghost",isActive:!0,class:"!bg-darker"},{intent:"strong",isActive:!0,class:"before:!opacity-100"},{intent:"weak",isActive:!0,class:"before:!opacity-100"},{intent:"inverse",isActive:!0,class:"before:!opacity-100"}],defaultVariants:{isActive:!1,iconSmall:!1,size:"small"}}),I=class{constructor(n){e.registerInstance(this,n),this.parentContext=null,this.label=void 0,this.intent=void 0,this.icon=void 0,this.iconPos="right",this.iconSmall=!1,this.size="small",this.external=!1,this.current=!1,this.download=!1,this.url=void 0,this.ariaLabel=void 0,this.disabled=!1,this.hideLabelOnSmallScreen=!1,this.extraClass=void 0}handleBreadcrumbContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var i,r;if(this.disabled){n.preventDefault();return}b.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||((r=this.ariaLabel)===null||r===void 0?void 0:r.toLowerCase())||"",action:"click"})}getLinkSize(){return this.size}renderLeftIcon(){return this.icon&&this.iconPos==="left"?e.h("span",{class:!this.external&&!this.label?"":"flex"},e.h("eds-icon-wrapper",{class:`
+  `,In=En,Ln=b.cva(["relative inline-flex justify-center items-center py-8 rounded-sm","effect-color effect-focus aria-disabled:text-lightest","aria-disabled:bg-dark aria-disabled:cursor-not-allowed aria-disabled:!border-transparent aria-disabled:after:!border-transparent"],{variants:{intent:{primary:["border-inside bg-accent hover:bg-accent-dark","shadow-accent focus:shadow-none aria-disabled:shadow-none"],secondary:["border-inside border-inside-inverse bg-strongest hover:bg-strong-dark text-inverse"],tertiary:"border-inside after:border-softest bg-dark hover:bg-darker",ghost:["border-inside hover:bg-darker"],strong:["!px-0 !py-4 !min-h-20","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],weak:["!px-0 !py-4 !min-h-20","text-light hover:text-default","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],inverse:["!px-0 !py-4 !min-h-20","text-inverse","effect-bg-behind-link before:bg-inverse-softer before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent"],blueish:["-top-1 !px-0 !py-0 !min-h-20 text-[#0034CB] decoration-[#0034CB] underline underline-offset-4 ","effect-focus focus-visible:rounded-xs","hover:before:opacity-100 focus-visible:before:opacity-0","aria-disabled:bg-transparent"],underline:["decoration-accent underline underline-offset-4 !py-0","hover:no-underline effect-focus focus-visible:rounded-xs"]},iconSmall:{true:"",false:""},isActive:{true:"",false:""},size:{underline:"f-body-02",small:"min-h-36 f-ui-02 px-12",large:"min-h-44 f-ui-01 px-16"}},compoundVariants:[{iconSmall:!0,size:"small",class:"pr-4"},{iconSmall:!0,size:"large",class:"pr-8"},{intent:"primary",isActive:!0,class:"!bg-accent-dark"},{intent:"secondary",isActive:!0,class:"!bg-strong-dark"},{intent:"tertiary",isActive:!0,class:"!bg-darker"},{intent:"ghost",isActive:!0,class:"!bg-darker"},{intent:"strong",isActive:!0,class:"before:!opacity-100"},{intent:"weak",isActive:!0,class:"before:!opacity-100"},{intent:"inverse",isActive:!0,class:"before:!opacity-100"}],defaultVariants:{isActive:!1,iconSmall:!1,size:"small"}}),j=class{constructor(n){e.registerInstance(this,n),this.parentContext=null,this.label=void 0,this.intent=void 0,this.icon=void 0,this.iconPos="right",this.iconSmall=!1,this.size="small",this.external=!1,this.current=!1,this.download=!1,this.url=void 0,this.ariaLabel=void 0,this.disabled=!1,this.hideLabelOnSmallScreen=!1,this.extraClass=void 0}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var i,r;if(this.disabled){n.preventDefault();return}c.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||((r=this.ariaLabel)===null||r===void 0?void 0:r.toLowerCase())||"",action:"click"})}getLinkSize(){return this.size}renderLeftIcon(){return this.icon&&this.iconPos==="left"?e.h("span",{class:!this.external&&!this.label?"":"flex"},e.h("eds-icon-wrapper",{class:`
               flex inline-flex items-center justify-center
               ${this.size==="large"?"h-32 w-32":"h-20 w-20"}
             `,icon:this.icon})):null}renderRightIcon(){return this.icon&&this.iconPos==="right"?e.h("span",{class:!this.external&&!this.label?"":"flex"},e.h("eds-icon-wrapper",{class:`
               flex inline-flex items-center justify-center
               ${this.size==="large"?"h-32 w-32":"h-20 w-20"}
-            `,icon:this.icon})):null}render(){const n=this.disabled?"span":"a",i=bn({intent:this.intent,size:this.getLinkSize(),iconSmall:this.iconSmall,isActive:this.current}),r=this.hideLabelOnSmallScreen?"hidden lg:flex":"";return e.h(n,{key:"287497bf5ba99fe467ba08d59f65d24204fbecbc",class:`${i||""} ${this.extraClass||""}`,href:this.disabled?void 0:this.url,target:this.external&&!this.disabled?"_blank":void 0,rel:this.external&&!this.disabled?"noopener noreferrer":void 0,"aria-label":this.label||this.ariaLabel||void 0,"aria-disabled":this.disabled?"true":null,download:this.download?"":void 0,onClick:l=>this.handleClick(l)},e.h("span",{key:"a244b21dffaad38cb149a925df1feb3d78beed03",class:"z-1 relative inline-flex items-center justify-center"},this.renderLeftIcon(),e.h("span",{key:"2ef69a91351ea622d6425699b90b45a0bd5989b1",class:r},this.label),this.renderRightIcon()))}get el(){return e.getElement(this)}};I.style=hn;const fn=".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}",mn=fn,H=class{constructor(n){e.registerInstance(this,n),this.href="/",this.orientation="horizontal",this.type=void 0}handleClick(){b.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:"logo",action:"click"})}getLogo(){const i={horizontal:{color:m.hLogoColor,black:a.hLogoBlack,"color-white":a.hLogoColorWhite,white:a.hLogoWhite,"no-bg":a.hLogoWhiteNoBg},vertical:{color:a.vLogoColor,black:a.vLogoBlack,"color-white":a.vLogoColorWhite,white:a.vLogoWhite,"no-bg":a.vLogoWhiteNoBg}}[this.orientation];if(!i)return m.hLogoColor;const r=i[this.type];return r||i.color}render(){const n=this.getLogo();return e.h("a",{key:"3d9435fbc45427865bfa7bacb36bea4c34f08c4e",href:this.href,onClick:()=>this.handleClick(),class:"eds-logo-wrapper"},e.h("div",{key:"662122c4b687a082c930c034b033e9732ef611be",innerHTML:n}))}get el(){return e.getElement(this)}};H.style=mn;const pn=".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.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)}",un=pn,A=class{constructor(n){e.registerInstance(this,n),this.value=0}async updateValue(n){this.value=Math.min(100,Math.max(0,n))}render(){const n=this.value;return e.h("div",{key:"3131f56034a9fd72ca51e448bc2bcc6281669b25",class:"outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden"},e.h("div",{key:"f1665a254f8dbe1ccb9e512e5f2e7c1e5ab88c07",class:"inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02",style:{width:`${n}%`}},n,"%"))}};A.style=un;const yn=".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}",vn=yn,wn=h.cva(["f-ui-05 py-1 px-4 border-2 rounded-pill"],{variants:{intent:{default:"border-default",strong:"text-inverse bg-strongest border-default",accent:"text-[#0034CB] border-[#0034CB]",weak:"text-light bg-strongest-soft border-transparent",inverse:"border-inverse text-inverse","inverse-strong":"bg-inverse border-inverse text-lighter"}},defaultVariants:{intent:"default"}}),W=class{constructor(n){e.registerInstance(this,n),this.label=void 0,this.intent="default"}render(){const n=wn({intent:this.intent});return e.h("span",{key:"546bd7eb2c78760edc12cd7bb3ede5f6ab9099f3",class:n},this.label)}};W.style=vn;const kn=class{constructor(n){e.registerInstance(this,n),this.selectedEvent=null,this.parsedEvents=[],this.events=void 0}parseEvents(n){try{const i=JSON.parse(n);this.parsedEvents=Array.isArray(i)?i.map(r=>Object.assign(Object.assign({},r),{completed:r.completed==="true"||r.completed===!0})):[]}catch{this.parsedEvents=[]}}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}handleEventClick(n){this.selectedEvent=n,this.modalRef&&typeof this.modalRef.open=="function"&&this.modalRef.open()}render(){return e.h("div",{key:"8f40212e04ab17cac2688df56b7330041a605a86",class:"max-w-sidebar mx-auto px-4 py-8"},e.h("div",{key:"68421d4fce08e881e2494b5c504bd5db7570e34f",class:"relative"},e.h("div",{key:"e43edd7fba6d30b3dd48ffb2b467ff24b46c8da7",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),e.h("div",{key:"56dd7cebb5a2761547a5e24ec76652f7052906b2",class:"space-y-16"},this.parsedEvents.map((n,i)=>e.h("div",{class:"relative flex"},e.h("div",{class:`w-1/2 ${i%2===0?"pr-4":""}`},i%2===0&&e.h("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)})),e.h("div",{class:"flex items-center justify-center relative"},n.completed?e.h("div",{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}):e.h("div",{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),e.h("div",{class:`w-1/2 ${i%2!==0?"pl-4":""}`},i%2!==0&&e.h("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)})))))))}get el(){return e.getElement(this)}static get watchers(){return{events:["parseEvents"]}}},zn=h.cva(["relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md"],{variants:{intent:{default:"bg-dark text-light",success:"bg-success text-dark",error:"bg-error text-light",warning:"bg-warning text-dark"}},defaultVariants:{intent:"default"}}),Sn=class{constructor(n){e.registerInstance(this,n),this.dismissToast=()=>{this.visible=!1},this.message=void 0,this.intent="default",this.duration=5e3,this.visible=!0}connectedCallback(){this.dismissTimeout=setTimeout(this.dismissToast,this.duration)}disconnectedCallback(){clearTimeout(this.dismissTimeout)}render(){if(!this.visible)return null;const n=zn({intent:this.intent});return e.h("div",{class:n},e.h("div",{class:"flex items-center justify-between gap-4"},e.h("p",{class:"f-ui-01"},this.message),e.h("eds-button",{intent:"tertiary",icon:"close","aria-label":"Close Toast",onClick:()=>this.dismissToast(),"extra-class":"ml-8"})))}get el(){return e.getElement(this)}},Cn=".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}",Fn=Cn,L=class{constructor(n){e.registerInstance(this,n),this.toastId=0,this.toasts=[]}connectedCallback(){x.toast.init(this.hostElement),this.hostElement.addEventListener("show-toast",n=>{const{message:i,intent:r}=n.detail;this.addToast(i,r)})}addToast(n,i){const r=this.toastId++;this.toasts=[...this.toasts,{id:r,message:n,intent:i}]}removeToast(n){this.toasts=this.toasts.filter(i=>i.id!==n)}render(){return e.h("div",{key:"8fc238fb8e0b463c286ca21f2525cae8fd738684",class:"toast-container"},this.toasts.map(n=>e.h("div",{key:n.id},e.h("eds-toast",{message:n.message,intent:n.intent,onClick:()=>this.removeToast(n.id)}))))}get hostElement(){return e.getElement(this)}};L.style=Fn;const En="",In=En,j=class{constructor(n){e.registerInstance(this,n),this.applications=void 0}getParsedApplications(){try{return JSON.parse(this.applications||"[]")}catch{return[]}}calculateProgress(n){return Math.ceil(n/9*100)}render(){const n=this.getParsedApplications();return n.length===0?e.h("p",null,"No applications to display."):e.h("div",{class:"container mx-auto px-4 py-8"},e.h("table",{class:"table-auto w-full border-collapse border border-gray-200"},e.h("thead",null,e.h("tr",{class:"bg-gray-100"},e.h("th",{class:"border border-gray-300 px-4 py-2 text-left"},"Application"),e.h("th",{class:"border border-gray-300 px-4 py-2 text-left"},"Current TRL Stage"),e.h("th",{class:"border border-gray-300 px-4 py-2 text-left"},"Progress"))),e.h("tbody",null,n.map(i=>e.h("tr",null,e.h("td",{class:"border border-gray-300 px-4 py-2"},i.name),e.h("td",{class:"border border-gray-300 px-4 py-2"},"TRL ",i.currentTrl),e.h("td",{class:"border border-gray-300 px-4 py-2"},e.h("eds-progress-bar",{value:this.calculateProgress(i.currentTrl)})))))))}};j.style=In;const Hn=class{constructor(n){e.registerInstance(this,n),this.authStatusChanged=e.createEvent(this,"authStatusChanged",7),this.handleLogin=()=>{this.authenticated||g.login()},this.handleLogout=()=>{g.logout(),this.authenticated=!1},this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.user=null,this.authenticated=!1,this.serverAvailable=!1,this.username=""}async componentWillLoad(){if(this.serverAvailable=await g.checkServerAvailability(`${this.keycloakUrl}/realms/${this.keycloakRealm}`),!this.serverAvailable){x.toast.show("Keycloak server is unavailable.","error");return}await this.initAuth()}async initAuth(){try{const n={url:this.keycloakUrl,realm:this.keycloakRealm,clientId:this.keycloakClientId};await g.initKeycloak(n,!0),this.authenticated=g.isAuthenticated(),this.authenticated&&(this.user=g.getUser()),this.authStatusChanged.emit({authenticated:this.authenticated,user:this.user}),x.toast.show(`Welcome back, ${this.user.username}`,"success")}catch(n){console.error("Keycloak initialization failed:",n)}}render(){var n;return this.serverAvailable?e.h("div",{class:"block"},this.authenticated?e.h("div",{class:"flex items-center"},e.h("eds-dropdown",{label:`Welcome, ${(n=this.user)===null||n===void 0?void 0:n.username}`,intent:"tertiary","aria-label":"User Menu","dropdown-pos":"right","dropdown-offset":"false",icon:"chevron-down",class:"text-default"},e.h("eds-user-modal",{user:JSON.stringify(this.user),onLogout:this.handleLogout.bind(this)}))):e.h("eds-button",{label:"Login",intent:"primary",onClick:this.handleLogin.bind(this),class:"text-default"})):null}get hostEl(){return e.getElement(this)}},An="",Wn=An,O=class{constructor(n){e.registerInstance(this,n),this.user=void 0,this.links=void 0,this.onLogout=void 0,this.parsedUser={},this.parsedLinks=[]}parseUserProp(n){this.parsedUser=typeof n=="string"?JSON.parse(n):n}parseLinksProp(n){this.parsedLinks=typeof n=="string"?JSON.parse(n):n}componentWillLoad(){this.parseUserProp(this.user),this.parseLinksProp(this.links)}get initials(){var n,i,r,l,t,o,d;return`${((i=(n=this.parsedUser)===null||n===void 0?void 0:n.firstname)===null||i===void 0?void 0:i.charAt(0))||""}${((l=(r=this.parsedUser)===null||r===void 0?void 0:r.lastname)===null||l===void 0?void 0:l.charAt(0))||""}`.toUpperCase()||((d=(o=(t=this.parsedUser)===null||t===void 0?void 0:t.fullname)===null||o===void 0?void 0:o.charAt(0))===null||d===void 0?void 0:d.toUpperCase())||""}get hasLogout(){return typeof this.onLogout=="function"}render(){var n,i,r,l,t;return e.h("div",{key:"70a619795f9f0e5ed619cce77c95b7661beb2c63",class:"min-w-[280px] p-8"},e.h("div",{key:"01bfe265178130ca0398592087f2420f7509d018",class:"flex gap-x-16 pb-16 border-b-2 border-softer"},e.h("eds-avatar",{key:"fcb0cc8aa22e11763c342bc4247343485f6ded90","first-name":(n=this.parsedUser)===null||n===void 0?void 0:n.firstname,"last-name":(i=this.parsedUser)===null||i===void 0?void 0:i.lastname,initials:this.initials,color:"grey",rounded:!0,"initials-strong":!0}),e.h("div",{key:"70d5c334cc98e9bdc22e0129a7c3c0b8d616cb0d",class:"max-w-full"},((r=this.parsedUser)===null||r===void 0?void 0:r.fullname)&&e.h("p",{key:"f30cccaa393dd1274d156640ed649893de3f2a0b",class:"f-ui-01 text-default w-full text-ellipsis"},this.parsedUser.fullname),((l=this.parsedUser)===null||l===void 0?void 0:l.username)&&e.h("p",{key:"5256c0bc39ca675b05d654c6d0ad72da948df58e",class:"f-ui-03-light text-light mt-4"},this.parsedUser.username),((t=this.parsedUser)===null||t===void 0?void 0:t.email)&&e.h("p",{key:"892a3d85052c62e11cd775c2d91c55f572df745b",class:"f-ui-03-light text-light mt-4"},this.parsedUser.email))),e.h("div",{key:"98e1f6605a8e312a1e7c340d21e0240a1e980e04",class:"text-default mt-16 flex w-full flex-col gap-y-8"},e.h("div",{key:"d4ed22d8dc1bf4d1fd7c64b388e53df2a1e48957",class:"border-softer mb-10 border-b-2 pb-16"},e.h("eds-link",{key:"98d69c840a87b15d537442ca0c1f2890175532ff",label:"My EBRAINS","aria-label":"My EBRAINS",url:"https://www.ebrains.eu/dashboard",intent:"primary","extra-class":"w-full",external:!0})),e.h("eds-link",{key:1,label:"Account Settings",url:"https://iam.ebrains.eu/auth/realms/hbp/account/",intent:"secondary",icon:"arrow-diagonal",external:!0,"extra-class":"w-full"}),this.hasLogout&&e.h("eds-link",{key:"8c3c341626f0ca5fd217aea8939d44c7cf3e0ed3",label:"Sign out",intent:"tertiary","extra-class":"w-full justify-center",onClick:()=>this.onLogout&&this.onLogout()})))}static get watchers(){return{user:["parseUserProp"],links:["parseLinksProp"]}}};O.style=Wn;exports.eds_alert=p;exports.eds_avatar=u;exports.eds_button=y;exports.eds_card_desc=v;exports.eds_card_generic=w;exports.eds_card_title=k;exports.eds_dropdown=z;exports.eds_form=S;exports.eds_header=C;exports.eds_icon_wrapper=nn;exports.eds_img=F;exports.eds_input=ln;exports.eds_input_field=E;exports.eds_input_footer=dn;exports.eds_input_label=sn;exports.eds_input_range=an;exports.eds_input_search=cn;exports.eds_input_select=gn;exports.eds_link=I;exports.eds_logo=H;exports.eds_progress_bar=A;exports.eds_tag=W;exports.eds_timeline=kn;exports.eds_toast=Sn;exports.eds_toast_manager=L;exports.eds_trl=j;exports.eds_user=Hn;exports.eds_user_modal=O;
+            `,icon:this.icon})):null}render(){const n=this.disabled?"span":"a",i=Ln({intent:this.intent,size:this.getLinkSize(),iconSmall:this.iconSmall,isActive:this.current}),r=this.hideLabelOnSmallScreen?"hidden lg:flex":"";return e.h(n,{key:"58eb3c1c5c192c2855424864c9e3e9c7a5fe3378",class:`${i||""} ${this.extraClass||""}`,href:this.disabled?void 0:this.url,target:this.external&&!this.disabled?"_blank":void 0,rel:this.external&&!this.disabled?"noopener noreferrer":void 0,"aria-label":this.label||this.ariaLabel||void 0,"aria-disabled":this.disabled?"true":null,download:this.download?"":void 0,onClick:l=>this.handleClick(l)},e.h("span",{key:"d4033ba589552f60f8dc7559434a3c035d226de4",class:"z-1 relative inline-flex items-center justify-center"},this.renderLeftIcon(),e.h("span",{key:"ca520cc66febaf8c8ddfd2fd8ee8a13b71a3078d",class:r},this.label),this.renderRightIcon()))}get el(){return e.getElement(this)}};j.style=In;const Hn=".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}",An=Hn,O=class{constructor(n){e.registerInstance(this,n),this.href="/",this.orientation="horizontal",this.type=void 0}handleClick(){c.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:"logo",action:"click"})}getLogo(){const i={horizontal:{color:m.hLogoColor,black:a.hLogoBlack,"color-white":a.hLogoColorWhite,white:a.hLogoWhite,"no-bg":a.hLogoWhiteNoBg},vertical:{color:a.vLogoColor,black:a.vLogoBlack,"color-white":a.vLogoColorWhite,white:a.vLogoWhite,"no-bg":a.vLogoWhiteNoBg}}[this.orientation];if(!i)return m.hLogoColor;const r=i[this.type];return r||i.color}render(){const n=this.getLogo();return e.h("a",{key:"3d9435fbc45427865bfa7bacb36bea4c34f08c4e",href:this.href,onClick:()=>this.handleClick(),class:"eds-logo-wrapper"},e.h("div",{key:"662122c4b687a082c930c034b033e9732ef611be",innerHTML:n}))}get el(){return e.getElement(this)}};O.style=An;const Wn=".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-20{top:1.25rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.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}",jn=Wn,R=class{constructor(n){e.registerInstance(this,n),this.isOpen=!1,this.title="",this.truncate=!0,this.truncateLines="1",this.position="middle"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}getModalPositionClasses(){switch(this.position){case"top":return"left-1/2 top-20 -translate-x-1/2";case"bottom":return"left-1/2 bottom-20 -translate-x-1/2";case"left":return"left-20 top-1/2 -translate-y-1/2";case"right":return"right-20 top-1/2 -translate-y-1/2";case"middle":default:return"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"}}async open(){var n;this.isOpen=!0,c.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((n=this.title)===null||n===void 0?void 0:n.toLowerCase())||"",action:"opened"})}async close(){var n;this.isOpen=!1,c.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((n=this.title)===null||n===void 0?void 0:n.toLowerCase())||"",action:"closed"})}async toggle(){this.isOpen=!this.isOpen}componentDidLoad(){}render(){return e.h("div",{key:"eedcdc49c9f4a16ef4537ec02335757aa1143bd9",class:`${this.isOpen?"block":"hidden"} fixed inset-0 z-50 flex`},this.isOpen&&e.h("div",{key:"2b24903b85895fd5eca389d6897aa85c892e762f",class:"fixed inset-0 bg-dark bg-opacity-90",onClick:()=>this.close()}),e.h("div",{key:"d135a2d9eff1764b6335b9b16be54d8fec7d4112",class:`max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center`},e.h("div",{key:"bc8ea6f95443f01d3e5b88953581e1f2eae4009c",class:"flex justify-between items-center border-b-2 border-softer pb-8"},e.h("span",{key:"872b9a4bf44db478d38f18d3459a816c119f352d",class:`f-heading-04 text-lighter ${this.getTruncateClass()}`},this.title),e.h("eds-button",{key:"bdf27a3f564d295383985cb1f0ce7df7f13a97fb",intent:"tertiary",icon:"close","aria-label":"Close modal",onClick:()=>this.close(),"extra-class":"ml-8"})),e.h("div",{key:"600cc4d544d0a41d9d2be74aedbb0d2fe2028141",class:"pt-8"},e.h("slot",{key:"8ce560804a6d960b4075e4b6d1607dda6530c08d"}))))}get el(){return e.getElement(this)}};R.style=jn;const On="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.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{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)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}",Rn=On,M=class{constructor(n){e.registerInstance(this,n),this.socialNetworks=[{label:"Twitter",url:"https://twitter.com/ebrains_eu",icon:"twitter"},{label:"Linkedin",url:"https://www.linkedin.com/company/ebrains-eu/about/",icon:"linkedin"},{label:"Facebook",url:"https://www.facebook.com/people/Ebrains_eu/100046659909324/",icon:"facebook"},{label:"Youtube",url:"https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",icon:"youtube"},{label:"Mastodon",url:"https://mastodon.social/@ebrains",icon:"mastodon"},{label:"Bluesky",url:"https://bsky.app/profile/ebrains.bsky.social",icon:"bluesky"}],this.title="Follow EBRAINS to keep up-to-date"}render(){return e.h("div",{key:"a6a3e2084eb01def71f6fee67ebe8c5f4f613c89"},e.h("p",{key:"43b92e9c33f8abef6070a6a3cd77f7573e2ab454",class:"f-ui-02"},this.title),e.h("ul",{key:"c0e0dfdeff373885f62250c8bf4385268410406c",class:"mt-12 flex gap-4"},this.socialNetworks.map((n,i)=>e.h("li",{key:i},e.h("eds-link",{"extra-class":"effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm",external:!0,"aria-label":n.label,url:n.url,icon:n.icon,intent:"strong"})))))}};M.style=Rn;const Mn=".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}",Tn=Mn,Bn=b.cva(["f-ui-05 py-1 px-4 border-2 rounded-pill"],{variants:{intent:{default:"border-default",strong:"text-inverse bg-strongest border-default",accent:"text-[#0034CB] border-[#0034CB]",weak:"text-light bg-strongest-soft border-transparent",inverse:"border-inverse text-inverse","inverse-strong":"bg-inverse border-inverse text-lighter"}},defaultVariants:{intent:"default"}}),T=class{constructor(n){e.registerInstance(this,n),this.label=void 0,this.intent="default"}render(){const n=Bn({intent:this.intent});return e.h("span",{key:"546bd7eb2c78760edc12cd7bb3ede5f6ab9099f3",class:n},this.label)}};T.style=Tn;const Un=b.cva(["relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md"],{variants:{intent:{default:"bg-dark text-light",success:"bg-success text-dark",error:"bg-error text-light",warning:"bg-warning text-dark"}},defaultVariants:{intent:"default"}}),_n=class{constructor(n){e.registerInstance(this,n),this.dismissToast=()=>{this.visible=!1},this.message=void 0,this.intent="default",this.duration=5e3,this.visible=!0}componentDidLoad(){const n=this.el.querySelector("eds-button");this.emitContext(n)}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}connectedCallback(){this.dismissTimeout=setTimeout(this.dismissToast,this.duration)}disconnectedCallback(){clearTimeout(this.dismissTimeout)}render(){if(!this.visible)return null;const n=Un({intent:this.intent});return e.h("div",{class:n},e.h("div",{class:"flex items-center justify-between gap-4"},e.h("p",{class:"f-ui-01"},this.message),e.h("eds-button",{intent:"tertiary",icon:"close","aria-label":"Close Toast",onClick:()=>this.dismissToast(),"extra-class":"ml-8"})))}get el(){return e.getElement(this)}},Dn=".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}",Yn=Dn,B=class{constructor(n){e.registerInstance(this,n),this.toastId=0,this.toasts=[]}connectedCallback(){x.toast.init(this.hostElement),this.hostElement.addEventListener("show-toast",n=>{const{message:i,intent:r}=n.detail;this.addToast(i,r)})}addToast(n,i){const r=this.toastId++;this.toasts=[...this.toasts,{id:r,message:n,intent:i}]}removeToast(n){this.toasts=this.toasts.filter(i=>i.id!==n)}render(){return e.h("div",{key:"459148404380e386117387f42183e24a069b2de6",class:"toast-container"},this.toasts.map(n=>e.h("div",{key:n.id},e.h("eds-toast",{message:n.message,intent:n.intent,onClick:()=>this.removeToast(n.id)}))))}get hostElement(){return e.getElement(this)}};B.style=Yn;const Nn=class{constructor(n){e.registerInstance(this,n),this.authStatusChanged=e.createEvent(this,"authStatusChanged",7),this.handleLogin=()=>{this.authenticated||h.login()},this.handleLogout=()=>{h.logout(),this.authenticated=!1,this.user=null},this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.user=null,this.authenticated=!1,this.serverAvailable=!1,this.username=""}async componentWillLoad(){if(!this.keycloakUrl||!this.keycloakRealm||!this.keycloakClientId){console.error("Keycloak configuration props are missing.");return}this.serverAvailable=await h.checkServerAvailability(`${this.keycloakUrl}/realms/${this.keycloakRealm}`),this.serverAvailable&&await this.initAuth()}async initAuth(){try{const n={url:this.keycloakUrl,realm:this.keycloakRealm,clientId:this.keycloakClientId};await h.initKeycloak(n,!0),h.isAuthenticated()&&(this.user=h.getUser(),this.authenticated=!0),this.authStatusChanged.emit({authenticated:this.authenticated,user:this.user})}catch(n){console.error("Keycloak initialization failed:",n)}}render(){var n;return this.serverAvailable?e.h("div",{class:"block"},this.authenticated?e.h("div",{class:"flex items-center"},e.h("eds-dropdown",{label:`Welcome, ${(n=this.user)===null||n===void 0?void 0:n.username}`,intent:"tertiary","aria-label":"User Menu","dropdown-pos":"right","dropdown-offset":"false",icon:"chevron-down",class:"text-default"},e.h("eds-user-modal",{user:JSON.stringify(this.user),onLogout:this.handleLogout.bind(this)}))):e.h("eds-button",{label:"Login",intent:"primary",onClick:this.handleLogin,"extra-class":"text-default"})):null}get hostEl(){return e.getElement(this)}},Pn=class{constructor(n){e.registerInstance(this,n),this.user=void 0,this.links=void 0,this.onLogout=void 0,this.parsedUser={},this.parsedLinks=[]}parseUserProp(n){this.parsedUser=typeof n=="string"?JSON.parse(n):n}parseLinksProp(n){this.parsedLinks=typeof n=="string"?JSON.parse(n):n}componentWillLoad(){this.parseUserProp(this.user),this.parseLinksProp(this.links)}get initials(){var n,i,r,l,t,o,s;return`${((i=(n=this.parsedUser)===null||n===void 0?void 0:n.firstname)===null||i===void 0?void 0:i.charAt(0))||""}${((l=(r=this.parsedUser)===null||r===void 0?void 0:r.lastname)===null||l===void 0?void 0:l.charAt(0))||""}`.toUpperCase()||((s=(o=(t=this.parsedUser)===null||t===void 0?void 0:t.fullname)===null||o===void 0?void 0:o.charAt(0))===null||s===void 0?void 0:s.toUpperCase())||""}get hasLogout(){return typeof this.onLogout=="function"}render(){var n,i,r,l,t;return e.h("div",{key:"ad99ddd7c2710ef90840a5571ab6a161178cacc0",class:"min-w-[280px] p-8"},e.h("div",{key:"d1da12f3a965fa7503fb3e00566db0796b803352",class:"flex gap-x-16 pb-16 border-b-2 border-softer"},e.h("eds-avatar",{key:"c3d3ca80a9d23cc88f8ee6801b29995138c9b7c6","first-name":(n=this.parsedUser)===null||n===void 0?void 0:n.firstname,"last-name":(i=this.parsedUser)===null||i===void 0?void 0:i.lastname,initials:this.initials,color:"grey",rounded:!0,"initials-strong":!0}),e.h("div",{key:"4efe378b3a9ce76d35e642db150be13d0434db72",class:"max-w-full"},((r=this.parsedUser)===null||r===void 0?void 0:r.fullname)&&e.h("p",{key:"1068082a2894e3c3e3f77d1eea923f9c39d8766c",class:"f-ui-01 text-default w-full text-ellipsis"},this.parsedUser.fullname),((l=this.parsedUser)===null||l===void 0?void 0:l.username)&&e.h("p",{key:"b86e08b806a37c9957bca7f9ee268303e7ace134",class:"f-ui-03-light text-light mt-4"},this.parsedUser.username),((t=this.parsedUser)===null||t===void 0?void 0:t.email)&&e.h("p",{key:"b3514920e1eb4906cb7f7705bfbc986166e84946",class:"f-ui-03-light text-light mt-4"},this.parsedUser.email))),e.h("div",{key:"61941fa0a19a19087da886a73d85d7e438d2c0b0",class:"text-default mt-16 flex w-full flex-col gap-y-8"},e.h("div",{key:"5ad2be1763726c9d794b78a2593106fd8ba1dc7b",class:"border-softer mb-10 border-b-2 pb-16"},e.h("eds-link",{key:"dbe3a9de56bf5ccc26426ddb831f2d1a27a0e6ff",label:"My EBRAINS","aria-label":"My EBRAINS",url:"https://www.ebrains.eu/dashboard",intent:"primary","extra-class":"w-full",external:!0})),e.h("eds-link",{key:1,label:"Account Settings",url:"https://iam.ebrains.eu/auth/realms/hbp/account/",intent:"secondary",icon:"arrow-diagonal",external:!0,"extra-class":"w-full"}),this.hasLogout&&e.h("eds-link",{key:"642890827e2fa6735bc616e680dbda481c2c0053",label:"Sign out",intent:"tertiary","extra-class":"w-full justify-center",onClick:()=>this.onLogout&&this.onLogout()})))}static get watchers(){return{user:["parseUserProp"],links:["parseLinksProp"]}}};exports.eds_accordion=p;exports.eds_alert=u;exports.eds_avatar=y;exports.eds_block_break=v;exports.eds_breadcrumb=w;exports.eds_button=k;exports.eds_card_desc=z;exports.eds_card_generic=S;exports.eds_card_title=C;exports.eds_dropdown=F;exports.eds_footer=E;exports.eds_form=I;exports.eds_frame=gn;exports.eds_fullscreen_menu=L;exports.eds_header=H;exports.eds_icon_wrapper=mn;exports.eds_img=A;exports.eds_input=yn;exports.eds_input_field=W;exports.eds_input_footer=kn;exports.eds_input_label=zn;exports.eds_input_range=Sn;exports.eds_input_search=Cn;exports.eds_input_select=Fn;exports.eds_link=j;exports.eds_logo=O;exports.eds_modal=R;exports.eds_social_networks=M;exports.eds_tag=T;exports.eds_toast=_n;exports.eds_toast_manager=B;exports.eds_user=Nn;exports.eds_user_modal=Pn;

package/{eds-card-project.entry-XK15egnP.js → eds-card-project.entry-BQ-dH8vM.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),a=require("./color-0ba8ed56-BVeDdJAE.js"),c=class{constructor(t){e.registerInstance(this,t),this.image=void 0,this.editorialTitle=void 0,this.headingLevel="h3",this.categoryTitle=void 0,this.color=void 0,this.bgOnHover=!1,this.vertical=!1,this.titleProject=void 0,this.url=void 0,this.parsedImage=null}componentWillLoad(){if(this.image)try{this.parsedImage=JSON.parse(this.image)}catch{}}handleClick(t){var i;t.preventDefault(),a.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:((i=this.titleProject)===null||i===void 0?void 0:i.toLowerCase())||"",action:"click"})}render(){var t;const i=["min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",this.color?a.gradientBGColorVariants({color:this.color,hover:this.bgOnHover,class:"before:border-2 before:rounded-lg before:border-softest"}):"bg-default",this.bgOnHover&&this.color?"effect-background bg-default focus-within:bg-transparent hover:bg-transparent":"effect-background hover:bg-default",this.vertical?"flex-col gap-y-16":"flex-col gap-x-16 gap-y-12 lg:flex-row"].join(" "),s=this.vertical?"":"max-w-120 @md:max-w-192 order-first w-full lg:order-last";return e.h("article",{key:"6af49754300ded8748ac3f40175e262480054969",class:i,onClick:r=>this.handleClick(r)},e.h("div",{key:"91e8501312957c44d9dc075f2ec3a9e5a5d425cb",class:`flex grow flex-col ${this.vertical?"min-h-156":""}`},e.h("div",{key:"44e3cf2d67255bb5669b6c721741ed060ba599e7",class:"lg:max-w-[720px]"},e.h("eds-card-title",{key:"0cf1d124b975e4d7223bab58db0d5861d348ceb2","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.titleProject,url:this.url}),this.editorialTitle&&e.h("span",{key:"85e1158691ae876bc0f3c6d0c5557f394ae935cb",class:`block ${this.vertical?"f-ui-02":"mt-4 f-heading-06"}`},this.editorialTitle)),this.categoryTitle&&e.h("div",{key:"9ffdc9f14709600b623c3a5f878b2700864ced79",class:"mt-auto flex items-center gap-x-12 pt-12"},((t=this.categoryTitle)===null||t===void 0?void 0:t.length)&&e.h("eds-tag",{key:"ecc5e55430df355c13420add9969855d1d54c27f",label:this.categoryTitle}))),this.parsedImage&&e.h("div",{key:"97de7a06a13d9843cb18fe4eb19303f436e2ce16",class:s},e.h("div",{key:"532d3c8252316a68976b4587c3d5b63167c0c598",class:"aspect-1x1 w-full"},e.h("eds-img",Object.assign({key:"37ee3dbbc99ec8c9139b0a89f9c725768eac5f6d",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return e.getElement(this)}};exports.eds_card_project=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),a=require("./color-bb472c37-CKu54kOY.js"),c=class{constructor(t){e.registerInstance(this,t),this.image=void 0,this.editorialTitle=void 0,this.headingLevel="h3",this.categoryTitle=void 0,this.color=void 0,this.bgOnHover=!1,this.vertical=!1,this.titleProject=void 0,this.url=void 0,this.parsedImage=null}componentWillLoad(){if(this.image)try{this.parsedImage=JSON.parse(this.image)}catch{}}handleClick(t){var i;t.preventDefault(),a.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:((i=this.titleProject)===null||i===void 0?void 0:i.toLowerCase())||"",action:"click"})}render(){var t;const i=["min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",this.color?a.gradientBGColorVariants({color:this.color,hover:this.bgOnHover,class:"before:border-2 before:rounded-lg before:border-softest"}):"bg-default",this.bgOnHover&&this.color?"effect-background bg-default focus-within:bg-transparent hover:bg-transparent":"effect-background hover:bg-default",this.vertical?"flex-col gap-y-16":"flex-col gap-x-16 gap-y-12 lg:flex-row"].join(" "),s=this.vertical?"":"max-w-120 @md:max-w-192 order-first w-full lg:order-last";return e.h("article",{key:"6af49754300ded8748ac3f40175e262480054969",class:i,onClick:r=>this.handleClick(r)},e.h("div",{key:"91e8501312957c44d9dc075f2ec3a9e5a5d425cb",class:`flex grow flex-col ${this.vertical?"min-h-156":""}`},e.h("div",{key:"44e3cf2d67255bb5669b6c721741ed060ba599e7",class:"lg:max-w-[720px]"},e.h("eds-card-title",{key:"0cf1d124b975e4d7223bab58db0d5861d348ceb2","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.titleProject,url:this.url}),this.editorialTitle&&e.h("span",{key:"85e1158691ae876bc0f3c6d0c5557f394ae935cb",class:`block ${this.vertical?"f-ui-02":"mt-4 f-heading-06"}`},this.editorialTitle)),this.categoryTitle&&e.h("div",{key:"9ffdc9f14709600b623c3a5f878b2700864ced79",class:"mt-auto flex items-center gap-x-12 pt-12"},((t=this.categoryTitle)===null||t===void 0?void 0:t.length)&&e.h("eds-tag",{key:"ecc5e55430df355c13420add9969855d1d54c27f",label:this.categoryTitle}))),this.parsedImage&&e.h("div",{key:"97de7a06a13d9843cb18fe4eb19303f436e2ce16",class:s},e.h("div",{key:"532d3c8252316a68976b4587c3d5b63167c0c598",class:"aspect-1x1 w-full"},e.h("eds-img",Object.assign({key:"37ee3dbbc99ec8c9139b0a89f9c725768eac5f6d",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return e.getElement(this)}};exports.eds_card_project=c;

package/{eds-card-project.entry-CKYhNPPH.mjs → eds-card-project.entry-C3eyu1U0.mjs}

@@ -1,5 +1,5 @@
-import { r, h as e, g as d } from "./index-DQrtrXyM.mjs";
-import { s as c, g as l } from "./color-0ba8ed56-D-UJpBQL.mjs";
+import { r, h as e, g as d } from "./index-I5Asbjce.mjs";
+import { s as c, g as l } from "./color-bb472c37-DDERsxdk.mjs";
 const f = class {
   constructor(t) {
     r(this, t), this.image = void 0, this.editorialTitle = void 0, this.headingLevel = "h3", this.categoryTitle = void 0, this.color = void 0, this.bgOnHover = !1, this.vertical = !1, this.titleProject = void 0, this.url = void 0, this.parsedImage = null;

package/{eds-card-section.entry-B7jR75ty.js → eds-card-section.entry-DU-1TB0I.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-BGGkUjck.js"),e=".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}}",a=e,i=class{constructor(r){n.registerInstance(this,r),this.cards=void 0,this.cols=4}get parsedCards(){try{return JSON.parse(this.cards)}catch{return[]}}render(){return n.h("section",{key:"f8e6a03e37677623fad3c53327f6260920a5e914",class:"w-full"},n.h("ul",{key:"1da1bc3a5aecadd52b4d025d7d02dc252e47b34a",class:"grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},this.parsedCards.map(r=>n.h("li",{class:`grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col`},n.h("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=a;exports.eds_card_section=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-D2H_BflF.js"),e=".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}}",a=e,i=class{constructor(r){n.registerInstance(this,r),this.cards=[],this.cols=4}get parsedCards(){if(Array.isArray(this.cards))return this.cards;if(typeof this.cards=="object")return this.cards;if(typeof this.cards=="string")try{return JSON.parse(this.cards)}catch(r){return console.error("Error parsing cards prop:",r),[]}return[]}render(){return n.h("section",{key:"da139da167230819e494a6426c2431f209a2e557",class:"w-full"},n.h("ul",{key:"3e8affe5c9aee91c4487480c72c437339265101a",class:"grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},this.parsedCards.map(r=>n.h("li",{class:`grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col`},n.h("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=a;exports.eds_card_section=i;

package/{eds-card-section.entry-x8CPk5NZ.mjs → eds-card-section.entry-Dxk-Ob_Y.mjs}

@@ -1,7 +1,7 @@
-import { r as i, h as n } from "./index-DQrtrXyM.mjs";
+import { r as i, h as n } from "./index-I5Asbjce.mjs";
 const a = ".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}}", e = a, l = class {
   constructor(r) {
-    i(this, r), this.cards = void 0, this.cols = 4;
+    i(this, r), this.cards = [], this.cols = 4;
   }
   /**
    * Parses the `cards` JSON string prop into an array of card objects.
@@ -10,11 +10,17 @@ const a = ".w-full{width:100%}.grid-layout{display:grid;grid-template-columns:re
    * @returns {any[]} An array of parsed card objects.
    */
   get parsedCards() {
-    try {
-      return JSON.parse(this.cards);
-    } catch {
-      return [];
-    }
+    if (Array.isArray(this.cards))
+      return this.cards;
+    if (typeof this.cards == "object")
+      return this.cards;
+    if (typeof this.cards == "string")
+      try {
+        return JSON.parse(this.cards);
+      } catch (r) {
+        return console.error("Error parsing cards prop:", r), [];
+      }
+    return [];
   }
   /**
    * Renders the card section as a grid layout.
@@ -24,7 +30,7 @@ const a = ".w-full{width:100%}.grid-layout{display:grid;grid-template-columns:re
    * @returns {JSX.Element} The rendered section containing a list of cards.
    */
   render() {
-    return n("section", { key: "f8e6a03e37677623fad3c53327f6260920a5e914", class: "w-full" }, n("ul", { key: "1da1bc3a5aecadd52b4d025d7d02dc252e47b34a", 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 })))));
+    return n("section", { key: "da139da167230819e494a6426c2431f209a2e557", class: "w-full" }, n("ul", { key: "3e8affe5c9aee91c4487480c72c437339265101a", 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 })))));
   }
 };
 l.style = e;

package/eds-card-tags.entry-CIu6lD0P.mjs

@@ -0,0 +1,13 @@
+import { r as t, h as s } from "./index-I5Asbjce.mjs";
+const r = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}", c = r, d = class {
+  constructor(a) {
+    t(this, a), this.accent = !1, this.tags = [];
+  }
+  render() {
+    return s("div", { key: "60a129de62d45736eba0884cc24c9738f3a0f55c", class: "flex flex-wrap gap-y-4" }, this.tags.map((a, e) => s("eds-tag", { key: e, intent: this.accent ? "accent" : "default", label: a })));
+  }
+};
+d.style = c;
+export {
+  d as eds_card_tags
+};

package/eds-card-tags.entry-YPPBWdFq.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-D2H_BflF.js"),r=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}",c=r,s=class{constructor(e){a.registerInstance(this,e),this.accent=!1,this.tags=[]}render(){return a.h("div",{key:"60a129de62d45736eba0884cc24c9738f3a0f55c",class:"flex flex-wrap gap-y-4"},this.tags.map((e,t)=>a.h("eds-tag",{key:t,intent:this.accent?"accent":"default",label:e})))}};s.style=c;exports.eds_card_tags=s;

package/{eds-card-tool.entry-DFuXjfhh.mjs → eds-card-tool.entry-1_RNWh8n.mjs}

@@ -1,5 +1,5 @@
-import { r, h as t, g as s } from "./index-DQrtrXyM.mjs";
-import { s as a } from "./color-0ba8ed56-D-UJpBQL.mjs";
+import { r, h as t, g as s } from "./index-I5Asbjce.mjs";
+import { s as a } from "./color-bb472c37-DDERsxdk.mjs";
 const o = ".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}", n = o, d = class {
   constructor(e) {
     r(this, e), 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 = "h5", this.tags = "", this.tiny = !1, this.bg = !0, this.withHover = !0, this.external = !1, this.hierarchy = !0;