@ebrains/vue 0.6.0-alpha.0 → 0.7.0-alpha.0

package/eds-card-section.entry-C8nt6j3h.mjs

@@ -0,0 +1,30 @@
+import { r as i, h as n } from "./index-E1PpO1J3.mjs";
+import { p as l } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+const e = 'ol,ul,menu{list-style:none;margin:0;padding:0}.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-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-4[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1)::before{inset-inline-start:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+4)::before{inset-inline-end:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)~*::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+4)::after{border-inline-end-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+4)::after{top:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)::after{bottom:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)~li::after{bottom:0}.grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.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-1{--container-grid-columns:1;grid-column:span 1 / span 1}.md\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.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, d = class {
+  constructor(r) {
+    i(this, r), this.cards = [], this.occupyCols = 1;
+  }
+  /**
+   * Parses the `cards` JSON string prop into an array of card objects.
+   * If parsing fails, returns an empty array.
+   *
+   * @returns {any[]} An array of parsed card objects.
+   */
+  get parsedCards() {
+    return l(this.cards);
+  }
+  /**
+   * Renders the card section as a grid layout.
+   * Each parsed card object is mapped to an `<eds-card-generic>` component,
+   * displaying card details such as title, description, avatar, etc.
+   *
+   * @returns {JSX.Element} The rendered section containing a list of cards.
+   */
+  render() {
+    return n("section", { key: "eb64be830a5a1b752fadd0a8a76be9240b70cfe8", class: "w-full" }, n("ul", { key: "d4eb8d8492a67f7491535953e0e37172fc9e09ff", class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((r) => n("li", { class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} 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 })))));
+  }
+};
+d.style = a;
+export {
+  d as eds_card_section
+};

package/eds-card-section.entry-CeznIbCo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-D4alMZtT.js"),l=require("./sharedUtils-a550989c-m4pF1Vqy.js"),e='ol,ul,menu{list-style:none;margin:0;padding:0}.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-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-4[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1)::before{inset-inline-start:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+4)::before{inset-inline-end:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)~*::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+4)::after{border-inline-end-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+4)::after{top:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)::after{bottom:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)~li::after{bottom:0}.grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.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-1{--container-grid-columns:1;grid-column:span 1 / span 1}.md\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.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.occupyCols=1}get parsedCards(){return l.parseData(this.cards)}render(){return n.h("section",{key:"eb64be830a5a1b752fadd0a8a76be9240b70cfe8",class:"w-full"},n.h("ul",{key:"d4eb8d8492a67f7491535953e0e37172fc9e09ff",class:"grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16"},this.parsedCards.map(r=>n.h("li",{class:`grid-col-span-4 md:grid-col-span-${this.occupyCols} 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-tags.entry-DAkoUUin.js → eds-card-tags.entry-Bl3YXNtv.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-DvG3cC-8.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:"272d53abb9be9086881cb2f8e99f7fb7aae1bb59",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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-D4alMZtT.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:"272d53abb9be9086881cb2f8e99f7fb7aae1bb59",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-tags.entry-BjvxuQg1.mjs → eds-card-tags.entry-Do9kx7rP.mjs}

@@ -1,4 +1,4 @@
-import { r as t, h as s } from "./index-Df31uHzU.mjs";
+import { r as t, h as s } from "./index-E1PpO1J3.mjs";
 const r = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}", c = r, l = class {
   constructor(a) {
     t(this, a), this.accent = !1, this.tags = [];

package/{eds-card-tool.entry-BPrlMiqY.mjs → eds-card-tool.entry-BewNCjRU.mjs}

@@ -1,4 +1,4 @@
-import { r, h as t, g as s } from "./index-Df31uHzU.mjs";
+import { r, h as t, g as s } from "./index-E1PpO1J3.mjs";
 import { s as o } from "./analytics-44b1416b-3vYuu4Xs.mjs";
 const a = ".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 = a, l = class {
   constructor(e) {

package/{eds-card-tool.entry-B0rDGNdA.js → eds-card-tool.entry-DnVIn9BX.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DvG3cC-8.js"),s=require("./analytics-44b1416b-ol77SdQE.js"),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}",a=o,i=class{constructor(e){t.registerInstance(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}get parsedTags(){if(typeof this.tags=="object")return this.tags;if(typeof this.tags=="string")try{return JSON.parse(this.tags)}catch(e){return console.error("Error parsing links prop:",e),[]}return[]}componentWillLoad(){}parseTags(){return this.tags.split(",")}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",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 e;s.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:((e=this.cardTitle)===null||e===void 0?void 0:e.toLowerCase())||"",action:"click"})}render(){return t.h("article",{key:"da61b384e966b148cd1f77eec59671bc4d92e259",class:`${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,onClick:()=>this.handleClick()},t.h("eds-card-title",{key:"00702d032bc25f52b2a2c98255ceb60a1d314f4d","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,"external-link":this.external,hierarchy:this.hierarchy}),this.description&&t.h("eds-card-desc",{key:"d2b135ed422fb64f142af71330dc666e2f0c2b1f",class:"mt-8","truncate-lines":"3",description:this.description}),this.image?t.h("eds-img",{src:this.image,alt:"Sample Image",width:200,height:150}):this.avatar||this.shortAbbreviation?t.h("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,t.h("div",{key:"54111e90175754cb0c1f2eb339e86926914ca0e7",class:"flex flex-wrap gap-y-4"},this.parsedTags.map((e,r)=>t.h("eds-tag",{key:r,intent:e.style,label:e.label}))))}get el(){return t.getElement(this)}};i.style=a;exports.eds_card_tool=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D4alMZtT.js"),s=require("./analytics-44b1416b-ol77SdQE.js"),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}",a=o,i=class{constructor(e){t.registerInstance(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}get parsedTags(){if(typeof this.tags=="object")return this.tags;if(typeof this.tags=="string")try{return JSON.parse(this.tags)}catch(e){return console.error("Error parsing links prop:",e),[]}return[]}componentWillLoad(){}parseTags(){return this.tags.split(",")}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",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 e;s.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:((e=this.cardTitle)===null||e===void 0?void 0:e.toLowerCase())||"",action:"click"})}render(){return t.h("article",{key:"da61b384e966b148cd1f77eec59671bc4d92e259",class:`${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,onClick:()=>this.handleClick()},t.h("eds-card-title",{key:"00702d032bc25f52b2a2c98255ceb60a1d314f4d","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,"external-link":this.external,hierarchy:this.hierarchy}),this.description&&t.h("eds-card-desc",{key:"d2b135ed422fb64f142af71330dc666e2f0c2b1f",class:"mt-8","truncate-lines":"3",description:this.description}),this.image?t.h("eds-img",{src:this.image,alt:"Sample Image",width:200,height:150}):this.avatar||this.shortAbbreviation?t.h("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,t.h("div",{key:"54111e90175754cb0c1f2eb339e86926914ca0e7",class:"flex flex-wrap gap-y-4"},this.parsedTags.map((e,r)=>t.h("eds-tag",{key:r,intent:e.style,label:e.label}))))}get el(){return t.getElement(this)}};i.style=a;exports.eds_card_tool=i;

package/{eds-card-wrapper.entry-DyPmlYoI.js → eds-card-wrapper.entry-BzKcrwEf.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DvG3cC-8.js"),r=class{constructor(e){t.registerInstance(this,e),this.tiny=!1,this.withBg=!0,this.withHover=!0}hasSlot(e){return e?!!this.el.querySelector(`[slot="${e}"]`):!!this.el.querySelector(":not([slot])")}render(){const e=[this.tiny?"min-h-120":"min-h-156",this.withBg?"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(" ");return t.h("article",{key:"f21cc9703011026652765b399e2b87b1ef80d220",class:e},t.h("slot",{key:"9a37adad73d2d49edcc9ca9222d5b188202c5612"}),this.hasSlot("footer")&&t.h("div",{key:"87addfc052ed4ae33736724fbd8fbc8aca873b4d",class:"mt-auto"},t.h("slot",{key:"2e48677f42ac2aa951bc1a82afa9291fea3ddd72",name:"footer"})))}get el(){return t.getElement(this)}};exports.eds_card_wrapper=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D4alMZtT.js"),r=class{constructor(e){t.registerInstance(this,e),this.tiny=!1,this.withBg=!0,this.withHover=!0}hasSlot(e){return e?!!this.el.querySelector(`[slot="${e}"]`):!!this.el.querySelector(":not([slot])")}render(){const e=[this.tiny?"min-h-120":"min-h-156",this.withBg?"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(" ");return t.h("article",{key:"f21cc9703011026652765b399e2b87b1ef80d220",class:e},t.h("slot",{key:"9a37adad73d2d49edcc9ca9222d5b188202c5612"}),this.hasSlot("footer")&&t.h("div",{key:"87addfc052ed4ae33736724fbd8fbc8aca873b4d",class:"mt-auto"},t.h("slot",{key:"2e48677f42ac2aa951bc1a82afa9291fea3ddd72",name:"footer"})))}get el(){return t.getElement(this)}};exports.eds_card_wrapper=r;

package/{eds-card-wrapper.entry-Ba4ljzon.mjs → eds-card-wrapper.entry-DMj1bZ4i.mjs}

@@ -1,4 +1,4 @@
-import { r, h as t, g as s } from "./index-Df31uHzU.mjs";
+import { r, h as t, g as s } from "./index-E1PpO1J3.mjs";
 const o = class {
   constructor(e) {
     r(this, e), this.tiny = !1, this.withBg = !0, this.withHover = !0;

package/{eds-code-block.entry-B3RL-q6l.js → eds-code-block.entry-DUeN87Fw.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./index-DvG3cC-8.js");var Z=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},W={exports:{}};(function(f){var S=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./index-D4alMZtT.js");var Z=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},W={exports:{}};(function(f){var S=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{};/**
  * Prism: Lightweight, robust, elegant syntax highlighting
  *
  * @license MIT <https://opensource.org/licenses/MIT>

package/{eds-code-block.entry-zX5MUsAS.mjs → eds-code-block.entry-fqrA-Frf.mjs}

@@ -1,4 +1,4 @@
-import { r as ee, h as E, g as te } from "./index-Df31uHzU.mjs";
+import { r as ee, h as E, g as te } from "./index-E1PpO1J3.mjs";
 var Z = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, W = { exports: {} };
 (function(f) {
   var S = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};

package/{eds-components-section.entry-xnXY70G_.mjs → eds-components-section.entry-BgfCSxk1.mjs}

@@ -1,4 +1,4 @@
-import { r as t, h as e } from "./index-Df31uHzU.mjs";
+import { r as t, h as e } from "./index-E1PpO1J3.mjs";
 const a = () => e(
   "div",
   { class: "static-content container" },
@@ -306,7 +306,7 @@ defineCustomElements();`, language: "javascript", "copy-label": "Copy Code" }),
     }
   }
   render() {
-    return e("div", { key: "7e582a0eeafc2687229454532b5a7f66f91c1856", class: "container" }, this.renderContent());
+    return e("div", { key: "69eda93b8845c5fdf5edc0f58ede763866b5f8c7", class: "container" }, this.renderContent());
   }
 };
 export {

package/{eds-components-section.entry-BsmIIcun.js → eds-components-section.entry-CLJMns6h.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),t=()=>e.h("div",{class:"static-content container"},e.h("h2",null,"Load the module"),e.h("p",null,"Integrating EDSs components to a project without a JavaScript framework is straight forward. If you’re working on a simple HTML page, you can start using the components immediately by adding the tags below to the"," ",e.h("code",null,"head"),"."),e.h("eds-code-block",{code:`<script type='module'>
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4alMZtT.js"),t=()=>e.h("div",{class:"static-content container"},e.h("h2",null,"Load the module"),e.h("p",null,"Integrating EDSs components to a project without a JavaScript framework is straight forward. If you’re working on a simple HTML page, you can start using the components immediately by adding the tags below to the"," ",e.h("code",null,"head"),"."),e.h("eds-code-block",{code:`<script type='module'>
   import { defineCustomElements } from 'https://unpkg.com/@ebrains/components@latest/loader/index.js'; 
   // Define custom elements
   defineCustomElements(window);
@@ -138,4 +138,4 @@ defineCustomElements();`,language:"javascript","copy-label":"Copy Code"}),e.h("p
     ]">
   </eds-breadcrumb>
   <eds-footer></eds-footer>
-</div>`,language:"javascript","copy-label":"Copy Code"}))),r=class{constructor(n){e.registerInstance(this,n),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h(t,null);case 1:return e.h(a,null);case 2:return e.h(s,null);case 3:return e.h(o,null);case 4:return e.h(l,null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"7e582a0eeafc2687229454532b5a7f66f91c1856",class:"container"},this.renderContent())}};exports.eds_components_section=r;
+</div>`,language:"javascript","copy-label":"Copy Code"}))),r=class{constructor(n){e.registerInstance(this,n),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h(t,null);case 1:return e.h(a,null);case 2:return e.h(s,null);case 3:return e.h(o,null);case 4:return e.h(l,null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"69eda93b8845c5fdf5edc0f58ede763866b5f8c7",class:"container"},this.renderContent())}};exports.eds_components_section=r;

package/{eds-cookies-preference.entry-DAQEpE8v.mjs → eds-cookies-preference.entry-B1a8qild.mjs}

@@ -1,5 +1,5 @@
-import { r as t, h as e } from "./index-Df31uHzU.mjs";
-const s = "", i = s, c = class {
+import { r as t, h as e } from "./index-E1PpO1J3.mjs";
+const s = "", i = s, n = class {
   constructor(o) {
     t(this, o), this.buttonText = "Cookies Preferences", this.intent = void 0, this.showMatomoNotice = !1, this.noticeKey = 0;
   }
@@ -11,10 +11,10 @@ const s = "", i = s, c = class {
     sessionStorage.removeItem("matomo-deferred"), this.showMatomoNotice ? this.noticeKey = this.noticeKey + 1 : this.showMatomoNotice = !0;
   }
   render() {
-    return e("div", { key: "ca5d44522f94e9ea009c657c5eae6e357cd0d13a" }, e("eds-link", { key: "563a369e2ed44d08a6dd47922c1c1c888e81543a", size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && e("eds-matomo-notice", { "force-show": !0, key: this.noticeKey }));
+    return e("div", { key: "48f67648644ae9c8e645791ad3cbba5491866dc5" }, e("eds-link", { key: "50154721f0f44e811ebe362e18bcf8cfb77b8f64", size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && e("eds-matomo-notice", { "force-show": !0, key: this.noticeKey }));
   }
 };
-c.style = i;
+n.style = i;
 export {
-  c as eds_cookies_preference
+  n as eds_cookies_preference
 };

package/{eds-cookies-preference.entry-MAmSehJX.js → eds-cookies-preference.entry-BGx0tglE.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),s="",i=s,t=class{constructor(o){e.registerInstance(this,o),this.buttonText="Cookies Preferences",this.intent=void 0,this.showMatomoNotice=!1,this.noticeKey=0}toggleCookiesPopup(){sessionStorage.removeItem("matomo-deferred"),this.showMatomoNotice?this.noticeKey=this.noticeKey+1:this.showMatomoNotice=!0}render(){return e.h("div",{key:"ca5d44522f94e9ea009c657c5eae6e357cd0d13a"},e.h("eds-link",{key:"563a369e2ed44d08a6dd47922c1c1c888e81543a",size:"small",intent:this.intent,label:this.buttonText,onClick:()=>this.toggleCookiesPopup()}),this.showMatomoNotice&&e.h("eds-matomo-notice",{"force-show":!0,key:this.noticeKey}))}};t.style=i;exports.eds_cookies_preference=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4alMZtT.js"),s="",i=s,t=class{constructor(o){e.registerInstance(this,o),this.buttonText="Cookies Preferences",this.intent=void 0,this.showMatomoNotice=!1,this.noticeKey=0}toggleCookiesPopup(){sessionStorage.removeItem("matomo-deferred"),this.showMatomoNotice?this.noticeKey=this.noticeKey+1:this.showMatomoNotice=!0}render(){return e.h("div",{key:"48f67648644ae9c8e645791ad3cbba5491866dc5"},e.h("eds-link",{key:"50154721f0f44e811ebe362e18bcf8cfb77b8f64",size:"small",intent:this.intent,label:this.buttonText,onClick:()=>this.toggleCookiesPopup()}),this.showMatomoNotice&&e.h("eds-matomo-notice",{"force-show":!0,key:this.noticeKey}))}};t.style=i;exports.eds_cookies_preference=t;

package/{eds-docs-palettes.entry-BiC_mzap.js → eds-docs-palettes.entry-C1EcBwSy.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),l=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("color-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("color-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("color-support-palette",null));case 1:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("gradient-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("gradient-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("gradient-support-palette",null));default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"e8cd71caa7b23cc4dc28c694ecb9f13e3fd4170a",class:"container"},this.renderContent())}};exports.eds_docs_palettes=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4alMZtT.js"),l=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("color-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("color-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("color-support-palette",null));case 1:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("gradient-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("gradient-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("gradient-support-palette",null));default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"80f0922a40e212252a858b019d88f104defc2632",class:"container"},this.renderContent())}};exports.eds_docs_palettes=l;

package/{eds-docs-palettes.entry-CFIZWB7Y.mjs → eds-docs-palettes.entry-TXbXKJJN.mjs}

@@ -1,4 +1,4 @@
-import { r as l, h as e } from "./index-Df31uHzU.mjs";
+import { r as l, h as e } from "./index-E1PpO1J3.mjs";
 const r = class {
   constructor(t) {
     l(this, t), this.tabIndex = void 0;
@@ -14,7 +14,7 @@ const r = class {
     }
   }
   render() {
-    return e("div", { key: "e8cd71caa7b23cc4dc28c694ecb9f13e3fd4170a", class: "container" }, this.renderContent());
+    return e("div", { key: "80f0922a40e212252a858b019d88f104defc2632", class: "container" }, this.renderContent());
   }
 };
 export {

package/{eds-docs-tokens.entry-ClVBrRzm.mjs → eds-docs-tokens.entry-B1xc8BFa.mjs}

@@ -1,4 +1,4 @@
-import { r as n, h as e } from "./index-Df31uHzU.mjs";
+import { r as n, h as e } from "./index-E1PpO1J3.mjs";
 const r = class {
   constructor(t) {
     n(this, t), this.tabIndex = void 0;
@@ -22,7 +22,7 @@ const r = class {
     }
   }
   render() {
-    return e("div", { key: "b140f7650e5e01711dc0778b04af83f9d004efc7", class: "container" }, this.renderContent());
+    return e("div", { key: "cf676cf54781de4a4f8b75d174201d24d30d3538", class: "container" }, this.renderContent());
   }
 };
 export {

package/{eds-docs-tokens.entry-CCwf01ke.js → eds-docs-tokens.entry-BJVBVsOy.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("token-list",{show:"background"});case 1:return e.h("token-list",{show:"text"});case 2:return e.h("token-list",{show:"border"});case 3:return e.h("token-radii",null);case 4:return e.h("token-list",{show:"outline"});case 5:return e.h("token-shadows",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"b140f7650e5e01711dc0778b04af83f9d004efc7",class:"container"},this.renderContent())}};exports.eds_docs_tokens=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4alMZtT.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("token-list",{show:"background"});case 1:return e.h("token-list",{show:"text"});case 2:return e.h("token-list",{show:"border"});case 3:return e.h("token-radii",null);case 4:return e.h("token-list",{show:"outline"});case 5:return e.h("token-shadows",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"cf676cf54781de4a4f8b75d174201d24d30d3538",class:"container"},this.renderContent())}};exports.eds_docs_tokens=n;

package/eds-dropdown.entry-CMK8E_J2.mjs

@@ -0,0 +1,83 @@
+import { r as s, c as i, h as o, g as n } from "./index-E1PpO1J3.mjs";
+import { s as d } from "./analytics-44b1416b-3vYuu4Xs.mjs";
+const r = ".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}", a = r, l = class {
+  constructor(e) {
+    s(this, e), this.dropdown = i(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
+      var t;
+      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), d({
+        category: "ui-component",
+        parentContext: null,
+        tag: this.host.tagName.toLowerCase(),
+        name: ((t = this.label) === null || t === void 0 ? void 0 : t.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;
+  }
+  /**
+   * Closes the dropdown when a click occurs outside of it.
+   * @param {Event} e - The click event.
+   */
+  handleWindowClick(e) {
+    this.host.contains(e.target) || (this.closeDropdown(), this.dropdown.emit({ expanded: !1 }));
+  }
+  /**
+   * Handles keyboard navigation and accessibility within the dropdown.
+   * @param {KeyboardEvent} event - The keyboard event.
+   */
+  handleKeyDown(e) {
+    if (this.isOpen)
+      switch (e.key) {
+        case "Tab":
+          this.closeDropdown(), this.dropdown.emit({ expanded: !1 });
+          break;
+        case "ArrowUp":
+          e.preventDefault(), this.focusIndex = (this.focusIndex - 1 + this.focusableItems.length) % this.focusableItems.length, this.focusItem();
+          break;
+        case "ArrowDown":
+          e.preventDefault(), this.focusIndex = (this.focusIndex + 1) % this.focusableItems.length, this.focusItem();
+          break;
+      }
+  }
+  /**
+   * Closes the dropdown and resets focus.
+   */
+  closeDropdown() {
+    this.isOpen = !1, this.focusIndex = -1, this.dropdown.emit({ expanded: !1 });
+  }
+  /**
+   * Sets focus on the currently selected item in the dropdown.
+   */
+  focusItem() {
+    var e;
+    (e = this.focusableItems[this.focusIndex]) === null || e === void 0 || e.focus();
+  }
+  /**
+   * Lifecycle method that runs after the component has been added to the DOM.
+   * Initializes focusable items within the dropdown.
+   */
+  componentDidLoad() {
+    var e;
+    this.focusableItems = Array.from(((e = this.dropdownContent) === null || e === void 0 ? void 0 : e.querySelectorAll("a, button")) || []);
+  }
+  /**
+   * Renders the dropdown component and displays its content when open.
+   * @returns {JSX.Element} The rendered dropdown component.
+   */
+  render() {
+    return o("div", { key: "3edd3453afbd52ee9e3c4d925baa46e07cfdbfc0", class: "z-focus relative", ref: (e) => this.dropdownContent = e }, o("eds-button", { key: "7c69acb6d6213af2cec8c1e00c68d83a5d23d676", label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), o("nav", { key: "5048b1c3cb42418736d471c2331330afef49cbc5", role: "menu", 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 }, o("slot", { key: "842f316e9a7910aa8b34823e883c54c1979668d1" })));
+  }
+  get host() {
+    return n(this);
+  }
+};
+l.style = a;
+export {
+  l as eds_dropdown
+};

package/eds-dropdown.entry-FqX7fOIb.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D4alMZtT.js"),i=require("./analytics-44b1416b-ol77SdQE.js"),n=".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}",d=n,s=class{constructor(e){t.registerInstance(this,e),this.dropdown=t.createEvent(this,"dropdown",7),this.focusableItems=[],this.handleClick=()=>{var o;this.isOpen=!this.isOpen,this.isOpen?(this.focusIndex=0,this.focusItem()):this.closeDropdown(),this.dropdown.emit({expanded:this.isOpen}),i.sendAnalytics({category:"ui-component",parentContext:null,tag:this.host.tagName.toLowerCase(),name:((o=this.label)===null||o===void 0?void 0:o.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(e){this.host.contains(e.target)||(this.closeDropdown(),this.dropdown.emit({expanded:!1}))}handleKeyDown(e){if(this.isOpen)switch(e.key){case"Tab":this.closeDropdown(),this.dropdown.emit({expanded:!1});break;case"ArrowUp":e.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":e.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem();break}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1,this.dropdown.emit({expanded:!1})}focusItem(){var e;(e=this.focusableItems[this.focusIndex])===null||e===void 0||e.focus()}componentDidLoad(){var e;this.focusableItems=Array.from(((e=this.dropdownContent)===null||e===void 0?void 0:e.querySelectorAll("a, button"))||[])}render(){return t.h("div",{key:"3edd3453afbd52ee9e3c4d925baa46e07cfdbfc0",class:"z-focus relative",ref:e=>this.dropdownContent=e},t.h("eds-button",{key:"7c69acb6d6213af2cec8c1e00c68d83a5d23d676",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu"}),t.h("nav",{key:"5048b1c3cb42418736d471c2331330afef49cbc5",role:"menu",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},t.h("slot",{key:"842f316e9a7910aa8b34823e883c54c1979668d1"})))}get host(){return t.getElement(this)}};s.style=d;exports.eds_dropdown=s;

package/eds-feedback.entry-B-Lue8P0.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4alMZtT.js"),a=require("./sharedUtils-a550989c-m4pF1Vqy.js"),r="h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-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)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}",f=r,n=class{constructor(t){e.registerInstance(this,t),this.rating=e.createEvent(this,"rating",7),this.type="star",this.count=5,this.label="Rate your Experience!",this.description="This is a description!",this.textMapping=["Very Poor","Poor","Average","Good","Excellent"],this.selectedRating=0}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(i=>{this.emitContext(i)})}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.selectedRating}});t.dispatchEvent(i)}get parsedMappings(){return a.parseData(this.textMapping)}ratingUpdated(t){this.selectedRating=t.detail}render(){return e.h("div",{key:"125299e9780486a10213fc3c59b15e7a4fb62616",class:"grid inline"},e.h("p",{key:"6a02d78d34a590bc213cd5bf311ec8bed44f8959",class:"f-heading-03 my-4"},this.label),e.h("p",{key:"76146fbade2f864ba7b72429a85218ebf6a24ea7",class:"f-body-02 text-light"},this.description),e.h("eds-rating",{key:"38e0ec9219adaf85f674fab6be471112f06e42ff","rating-type":this.type,"rating-count":this.count}),this.selectedRating>0&&this.parsedMappings[this.selectedRating-1]&&e.h("span",{key:"beab34888d3db63ca2ee374a2d10d407bfc948cc",class:"f-ui-04 text-lighter"},this.parsedMappings[this.selectedRating-1]))}get el(){return e.getElement(this)}};n.style=f;exports.eds_feedback=n;

package/eds-feedback.entry-fz73-syB.mjs

@@ -0,0 +1,53 @@
+import { r as n, c as a, h as t, g as f } from "./index-E1PpO1J3.mjs";
+import { p as r } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+const o = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-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)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}", g = o, h = class {
+  constructor(e) {
+    n(this, e), this.rating = a(this, "rating", 7), this.type = "star", this.count = 5, this.label = "Rate your Experience!", this.description = "This is a description!", this.textMapping = ["Very Poor", "Poor", "Average", "Good", "Excellent"], this.selectedRating = 0;
+  }
+  /**
+   * Lifecycle method that runs when the component has fully loaded.
+   * It emits a custom event for each `eds-button` element contained within the breadcrumb.
+   */
+  componentDidLoad() {
+    this.el.shadowRoot.querySelectorAll("eds-button").forEach((i) => {
+      this.emitContext(i);
+    });
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given link element.
+   * This event provides context information about the breadcrumb component.
+   *
+   * @param btnElement - The link element to which the event will be dispatched.
+   */
+  emitContext(e) {
+    const i = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: this.selectedRating
+      }
+    });
+    e.dispatchEvent(i);
+  }
+  /**
+   * Parses the `textMapping` prop into an array of strings.
+   */
+  get parsedMappings() {
+    return r(this.textMapping);
+  }
+  /**
+   * Listens for global custom events to open the modal.
+   */
+  ratingUpdated(e) {
+    this.selectedRating = e.detail;
+  }
+  render() {
+    return t("div", { key: "125299e9780486a10213fc3c59b15e7a4fb62616", class: "grid inline" }, t("p", { key: "6a02d78d34a590bc213cd5bf311ec8bed44f8959", class: "f-heading-03 my-4" }, this.label), t("p", { key: "76146fbade2f864ba7b72429a85218ebf6a24ea7", class: "f-body-02 text-light" }, this.description), t("eds-rating", { key: "38e0ec9219adaf85f674fab6be471112f06e42ff", "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && t("span", { key: "beab34888d3db63ca2ee374a2d10d407bfc948cc", class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]));
+  }
+  get el() {
+    return f(this);
+  }
+};
+h.style = g;
+export {
+  h as eds_feedback
+};

package/{eds-form.entry-gO7sMMVG.js → eds-form.entry-0saB-Hm9.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-DvG3cC-8.js"),g=require("./toastManager-d9eee791-DvR_vUPI.js"),x=require("./analytics-44b1416b-ol77SdQE.js"),h=`@font-face {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-D4alMZtT.js"),b=require("./toastManager-d9eee791-DvR_vUPI.js"),a=require("./analytics-44b1416b-ol77SdQE.js"),h=require("./sharedUtils-a550989c-m4pF1Vqy.js"),s=require("./formUtils-ac68474d-BDuxB0K8.js");async function f(e){const i=await e.json().catch(()=>({}));return e.ok?i:null}async function c(e,i,n={}){const r=i instanceof FormData?n.headers||{}:Object.assign({"Content-Type":"application/json"},n.headers),l=await fetch(e,{method:"POST",headers:r,body:i instanceof FormData?i:JSON.stringify(i)});return f(l)}const m=`@font-face {
     font-family: "Inter";
     font-weight: 100 900;
     font-display: swap;
@@ -7150,4 +7150,4 @@
       padding-right: 0rem;
     }
   }
-  `,f=h,b=class{constructor(e){d.registerInstance(this,e),this.formSubmitting=d.createEvent(this,"formSubmitting",7),this.handleChange=(r,n)=>{const i=r.target;this.values=Object.assign(Object.assign({},this.values),{[n.name]:i.value});const l=Object.assign({},this.errors);if(n.type==="checkbox"||n.type==="radio")if(n.options){const t=this.validateFieldGroup(n.name,n.type,n.required);t.length>0?l[n.name]=t:delete l[n.name]}else{const t=this.validateSingleBox(n.name,n.required);t.length>0?l[n.name]=t:delete l[n.name]}else{const t=this.validateField(n.name,i.value,n.type,n.required,n.maxlength);t.length>0?l[n.name]=t:delete l[n.name]}this.errors=l,this.hasError=Object.keys(l).length>0},this.handleSubmit=async r=>{var n,i,l;if(r.preventDefault(),this.isSubmitting)return;if(this.validateForm(),this.hasError){x.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${(n=this.submitBtnLabel)===null||n===void 0?void 0:n.toLowerCase()}/error`||"",action:"click"}),this.alertMessage=this.errorMessage;return}this.isSubmitting=!0,this.formSubmitted=!1,this.alertMessage=null,this.errors={};const t=await this.getFormData();this.setFormUrl&&typeof window<"u"&&t.set("form_url",window.location.href),this.authUser&&t.set("form_user",(i=this.authUser)===null||i===void 0?void 0:i.email);const s=this.coupleAuth?{Authorization:`Bearer ${this.authUser.token}`}:{};try{const o=await fetch(this.endpoint,{method:"POST",body:t,headers:s});if(!o.ok){const c=await o.json();this.hasError=!0,g.toast.show(c.error||this.errorMessage,"error");return}const a=await o.json();this.formSubmitted=!0,g.toast.show(a.message||this.successMessage,"success"),this.formEl.reset(),x.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${(l=this.submitBtnLabel)===null||l===void 0?void 0:l.toLowerCase()}/success`||"",action:"click"})}catch(o){this.hasError=!0,g.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(e){var r;this.isAuthenticated=(r=e.detail)===null||r===void 0?void 0:r.authenticated,this.authUser=e.detail.user}componentDidLoad(){this.parseFields(this.fields)}isFieldVisible(e){return e.condition?this.values[e.condition.field]===e.condition.value:!0}validateField(e,r,n,i,l){const t=[];return i&&!r&&t.push(`${e} is required.`),l&&typeof r=="string"&&r.length>l&&t.push(`${e} must be at most ${l} characters.`),n==="email"&&r&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r.toString())&&t.push("Invalid email format."),t}validateFieldGroup(e,r,n){const t=Array.from(this.formEl.querySelectorAll("eds-input-field")).filter(o=>{var a,c;return((c=(a=o.shadowRoot)===null||a===void 0?void 0:a.querySelectorAll(`input[name="${e}"]`))===null||c===void 0?void 0:c.length)>0}).flatMap(o=>{var a;return Array.from(((a=o.shadowRoot)===null||a===void 0?void 0:a.querySelectorAll(`input[name="${e}"]`))||[])}).some(o=>o.checked),s=[];return n&&!t&&s.push(`At least one option in ${e} is required.`),s}validateSingleBox(e,r){var n;const i=[],l=Array.from(this.formEl.querySelectorAll("eds-input-field")).find(s=>{var o;return(o=s.shadowRoot)===null||o===void 0?void 0:o.querySelector(`[name="${e}"]`)});if(!l)return r&&i.push(`${e} is required.`),i;const t=(n=l.shadowRoot)===null||n===void 0?void 0:n.querySelector(`[name="${e}"]`);return r&&t&&!t.checked&&i.push(`${e} is required.`),i}validateForm(){this.errors={},this.hasError=!1,this.parsedFields.forEach(e=>{if(e.type!=="hidden")if((e.type==="checkbox"||e.type==="radio")&&!e.options){const r=this.validateSingleBox(e.name,e.required);r.length>0&&(this.errors[e.name]=r,this.hasError=!0)}else if(e.options&&(e.type==="checkbox"||e.type==="radio")){const r=this.validateFieldGroup(e.name,e.type,e.required);r.length>0&&(this.errors[e.name]=r,this.hasError=!0)}else{const r=this.findFieldElement(e.name);if(r){const n=r.value,i=this.validateField(e.name,n,e.type,e.required,e.maxlength);i.length>0&&(this.errors[e.name]=i,this.hasError=!0)}}})}findFieldElement(e){const r=Array.from(this.formEl.querySelectorAll("eds-input-field"));for(const n of r)if(n.shadowRoot){const i=n.shadowRoot.querySelector(`[name="${e}"]`);if(i)return i}return null}async getFormData(){const e=new FormData;return e.append("form_name",this.name),Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach(n=>{if(n.shadowRoot){const i=n.shadowRoot.querySelector("input, textarea, select");if(i&&i.name)if(i.type==="checkbox"||i.type==="radio"){const t=Array.from(n.shadowRoot.querySelectorAll(`input[name="${i.name}"]:checked`)).map(s=>s.value);e.append(i.name,t.join(","))}else if(i.type==="file"){const l=i;l.files&&l.files.length>0&&Array.from(l.files).forEach(t=>{e.append(l.name,t)})}else e.append(i.name,i.value)}}),e}parseFields(e){try{typeof e=="string"?this.parsedFields=JSON.parse(e):Array.isArray(e)?this.parsedFields=e:e&&typeof e=="object"?this.parsedFields=e:this.parsedFields=[]}catch(r){console.error("Error parsing fields prop:",r),this.parsedFields=[]}}render(){const e=this.parsedFields.filter(n=>n.type==="hidden"),r=this.parsedFields.filter(n=>n.type!=="hidden");return d.h("form",{key:"3d4ae34d48c0551f9de6dacb50ceee15b487b5de",ref:n=>this.formEl=n,enctype:"multipart/form-data",autocomplete:"on",method:"post",onSubmit:this.handleSubmit},d.h("div",{key:"344c56dcba3de5a1b55255d794a78fb0f19d04b5"},d.h("slot",{key:"3ca6d203458d67fa66840fac55f94d71acc2ee4d"}),e.map((n,i)=>d.h("eds-input",{key:i,type:"hidden",name:n.name,value:n.value})),r.map((n,i)=>{var l,t;return this.isFieldVisible(n)?d.h("eds-input-field",{key:i,name:n.name,id:`${this.name}_${n.name}`,label:n.label,type:n.type,icon:n.icon||null,required:n.required,maxLength:n.maxlength,hint:n.hint,error:((l=this.errors[n.name])===null||l===void 0?void 0:l.length)>0,errorMessage:(t=this.errors[n.name])===null||t===void 0?void 0:t.join("<br />"),onInput:s=>this.handleChange(s,n),class:i>0?"mt-20":"",options:n.options}):null})),this.submitBtn&&d.h("div",{key:"22915285f3522f6d260e358eea964c59a9557a55",class:"mt-20"},d.h("eds-button",{key:"9e2191ba8cc49d7ac2a6588c0fa468214773c791",intent:"primary",label:this.submitBtnLabel,disabled:this.isSubmitting||this.coupleAuth&&!this.isAuthenticated,loading:this.isSubmitting,onClick:n=>this.handleSubmit(n)}),this.coupleAuth&&!this.isAuthenticated?d.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.submitBtnHintMessage):null),this.alertMessage&&(this.formSubmitted||this.hasError)&&d.h("div",{key:"8045c3dff26286a6735157b82afd56ec9001ba14",class:"mt-20"},d.h("eds-alert",{key:"dc8c8f74e8aada9023f110bb862afee1fb629601",message:this.alertMessage,intent:this.hasError?"error":"success",direction:"horizontal"})))}get el(){return d.getElement(this)}static get watchers(){return{fields:["parseFields"]}}};b.style=f;exports.eds_form=b;
+  `,p=m,g=class{constructor(e){o.registerInstance(this,e),this.form=o.createEvent(this,"form",7),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="eds-form",this.fields=[],this.coupleAuth=!1,this.user=null,this.draft=!1,this.draftData={},this.values={},this.formSubmitted=!1,this.hasError=!1,this.errors={},this.isSubmitting=!1,this.alertMessage=null,this.isAuthenticated=!1,this.parsedFields=[]}async componentWillLoad(){this.parseFields(this.fields),this.el.querySelectorAll("eds-button").forEach(i=>{this.emitContext(i)})}async componentDidLoad(){this.shouldFormProcessDraft&&this.loadDraft()}get shouldFormAcceptDraft(){var e;return!!(!((e=this.user)===null||e===void 0)&&e.token&&this.draft)}get shouldFormProcessDraft(){var e;return!!(!((e=this.draftData)===null||e===void 0)&&e._id)}parseFields(e){this.parsedFields=h.parseData(e)}loadDraft(){var e;if(!((e=this.draftData)===null||e===void 0)&&e.completed){this.formSubmitted=!0,b.toast.show(this.draftData.message,"success"),this.formEl.reset();return}this.populateFormWithDraftData(this.draftData)}emitContext(e){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(i)}isFieldVisible(e){return e.condition?this.values[e.condition.field]===e.condition.value:!0}validateForm(){const{errors:e,hasError:i}=s.validateFormFields(this.parsedFields,this.formEl,this.values,(n,r)=>n.condition?r[n.condition.field]===n.condition.value:!0);this.errors=e,this.hasError=i}populateFormWithDraftData(e){const{updatedValues:i}=s.getFormDraftData({draftData:e,parsedFields:this.parsedFields,currentValues:this.values,formEl:this.formEl,isFieldVisible:(n,r)=>n.condition?r[n.condition.field]===n.condition.value:!0});this.values=i}getFormData(){var e;const i=new FormData;return i.append("form_name",this.name),this.setFormUrl&&typeof window<"u"&&i.set("form_url",window.location.href),this.user&&i.set("form_user",(e=this.user)===null||e===void 0?void 0:e.email),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 d=Array.from(r.shadowRoot.querySelectorAll(`input[name="${l.name}"]:checked`)).map(x=>x.value);i.append(l.name,d.join(","))}else if(l.type==="file"){const t=l;t.files&&t.files.length>0&&Array.from(t.files).forEach(d=>{i.append(t.name,d)})}else i.append(l.name,l.value)}}),i}handleChange(e,i){const n=e.target;this.values=Object.assign(Object.assign({},this.values),{[i.name]:n.value}),this.form.emit({event:"change",field:i.name,value:n.value,message:`${i.name} updated`,data:this.getFormData()}),this.shouldFormAcceptDraft&&this.postFormDataWithoutValidation()}handleInput(e,i){const n=e.target;this.values=Object.assign(Object.assign({},this.values),{[i.name]:n.value});const r=Object.assign({},this.errors),l=s.validateInputField(i,n.value,this.formEl);l.length>0?r[i.name]=l:delete r[i.name],this.errors=r,this.hasError=Object.keys(r).length>0}async handleSubmit(e){var i,n;if(e.preventDefault(),this.isSubmitting)return;if(this.validateForm(),this.hasError){this.form.emit({event:"submit",validated:!1,success:!1,message:this.errorMessage,data:this.getFormData()}),a.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${(i=this.submitBtnLabel)===null||i===void 0?void 0:i.toLowerCase()}/error`||"",action:"click"}),this.alertMessage=this.errorMessage;return}this.isSubmitting=!0,this.formSubmitted=!1,this.alertMessage=null,this.errors={};const r=await this.getFormData();if(r.set("draft","false"),r.set("completed","true"),!this.endpoint){this.form.emit({event:"submit",success:!0,validated:!0,message:"Form data validated successfully",data:r}),this.formSubmitted=!0,this.formEl.reset(),this.isSubmitting=!1;return}const l={Authorization:`Bearer ${this.user.token}`};try{const t=await c(this.endpoint,r,{headers:l});this.form.emit({event:"submit",success:!0,validated:!0,message:t.message,data:r}),this.formSubmitted=!0,this.formEl.reset(),a.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${(n=this.submitBtnLabel)===null||n===void 0?void 0:n.toLowerCase()}/success`||"",action:"click"})}catch(t){this.hasError=!0,this.form.emit({event:"submit",success:!1,validated:!0,message:t,data:r})}finally{this.isSubmitting=!1}}async postFormDataWithoutValidation(){var e;if(!this.endpoint)return;const i=await this.getFormData();i.set("draft",this.draft.toString());const n={Authorization:`Bearer ${(e=this.user)===null||e===void 0?void 0:e.token}`};try{await c(this.endpoint,i,{headers:n})}catch(r){throw r}}render(){const e=this.parsedFields.filter(n=>n.type==="hidden"),i=this.parsedFields.filter(n=>n.type!=="hidden");return o.h("form",{key:"7ea50f19b8810fb0294bc8527d1c86e74dfc2b69",ref:n=>this.formEl=n,enctype:"multipart/form-data",autocomplete:"on",method:"post",onSubmit:this.handleSubmit},o.h("div",{key:"29e821a2eb706c51fa303b1abf645baeea5ae9d4"},o.h("slot",{key:"b45d74e9a147ab1a932891210c7813d3bd118b07"}),e.map((n,r)=>o.h("eds-input",{key:r,type:"hidden",name:n.name,value:n.value})),i.map((n,r)=>{var l,t;return this.isFieldVisible(n)?o.h("eds-input-field",{key:r,name:n.name,id:`${this.name}_${n.name}`,label:n.label,type:n.type,icon:n.icon||null,required:n.required,maxLength:n.maxlength,hint:n.hint,error:((l=this.errors[n.name])===null||l===void 0?void 0:l.length)>0,errorMessage:(t=this.errors[n.name])===null||t===void 0?void 0:t.join("<br />"),onInput:d=>this.handleInput(d,n),onChange:d=>this.handleChange(d,n),class:r>0?"mt-20":"",options:n.options}):null})),this.submitBtn&&o.h("div",{key:"0a9b9027fc235cd099cc40903bd6711873b9868b",class:"mt-20"},o.h("eds-button",{key:"f7181c19d04a117817f556753cc95c1f49c9fa1c",intent:"primary",label:this.submitBtnLabel,disabled:this.isSubmitting||this.coupleAuth&&!this.isAuthenticated||this.formSubmitted,loading:this.isSubmitting,onClick:n=>this.handleSubmit(n)}),this.coupleAuth&&!this.isAuthenticated?o.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.submitBtnHintMessage):null),this.alertMessage&&(this.formSubmitted||this.hasError)&&o.h("div",{key:"b999356ec8fc57fc85c2f672a94e95f834d153ea",class:"mt-20"},o.h("eds-alert",{key:"5a743b01991fb5d8f5358abc44639e790f5264ea",message:this.alertMessage,intent:this.hasError?"error":"success",direction:"horizontal"})))}get el(){return o.getElement(this)}static get watchers(){return{fields:["parseFields"]}}};g.style=p;exports.eds_form=g;