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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.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-a52cYx3b.js → eds-form.entry-0saB-Hm9.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-D_kZU_4I.js"),g=require("./toastManager-d9eee791-DvR_vUPI.js"),x=require("./analytics-1cde8e4a-B_MD-9qW.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;

package/{eds-form.entry-xm937wbh.mjs → eds-form.entry-BB1gfXVy.mjs}

@@ -1,7 +1,21 @@
-import { r as b, c as h, h as s, g as f } from "./index-C-Gy1Lax.mjs";
-import { t as g } from "./toastManager-d9eee791-CEYNwx25.mjs";
-import { s as x } from "./analytics-1cde8e4a-BDRcCMlV.mjs";
-const m = `@font-face {
+import { r as g, c as x, h as o, g as b } from "./index-E1PpO1J3.mjs";
+import { t as h } from "./toastManager-d9eee791-CEYNwx25.mjs";
+import { s } from "./analytics-44b1416b-3vYuu4Xs.mjs";
+import { p as f } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+import { v as m, b as p, a as u } from "./formUtils-ac68474d-D2e59S7S.mjs";
+async function y(e) {
+  const i = await e.json().catch(() => ({}));
+  return e.ok ? i : null;
+}
+async function a(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 y(l);
+}
+const v = `@font-face {
     font-family: "Inter";
     font-weight: 100 900;
     font-display: swap;
@@ -7153,180 +7167,181 @@ const m = `@font-face {
       padding-right: 0rem;
     }
   }
-  `, p = m, y = class {
+  `, w = v, k = class {
   constructor(e) {
-    b(this, e), this.formSubmitting = h(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({
-          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 d = this.coupleAuth ? { Authorization: `Bearer ${this.authUser.token}` } : {};
-      try {
-        const o = await fetch(this.endpoint, {
-          method: "POST",
-          body: t,
-          headers: d
-        });
-        if (!o.ok) {
-          const c = await o.json();
-          this.hasError = !0, g.show(c.error || this.errorMessage, "error");
-          return;
-        }
-        const a = await o.json();
-        this.formSubmitted = !0, g.show(a.message || this.successMessage, "success"), this.formEl.reset(), x({
-          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.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 = [];
+    g(this, e), this.form = x(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 = [];
   }
-  onAuthStatusChanged(e) {
-    var r;
-    this.isAuthenticated = (r = e.detail) === null || r === void 0 ? void 0 : r.authenticated, this.authUser = e.detail.user;
+  async componentWillLoad() {
+    this.parseFields(this.fields), this.el.querySelectorAll("eds-button").forEach((i) => {
+      this.emitContext(i);
+    });
   }
-  componentDidLoad() {
-    this.parseFields(this.fields);
+  async componentDidLoad() {
+    this.shouldFormProcessDraft && this.loadDraft();
   }
-  /*emitContext(linkElement: HTMLElement) {
-      const event = new CustomEvent<ParentContextDetail>('parentContext', {
-        detail: {
-          componentName: this.el.tagName.toLowerCase(),
-          identifier: null
-        }
-      });
-  
-      linkElement.dispatchEvent(event);
-    }*/
-  // Visibility helper
-  isFieldVisible(e) {
-    return e.condition ? this.values[e.condition.field] === e.condition.value : !0;
+  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 = f(e);
+  }
+  loadDraft() {
+    var e;
+    if (!((e = this.draftData) === null || e === void 0) && e.completed) {
+      this.formSubmitted = !0, h.show(this.draftData.message, "success"), this.formEl.reset();
+      return;
+    }
+    this.populateFormWithDraftData(this.draftData);
   }
-  // Validate individual fields dynamically
-  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), d = [];
-    return n && !t && d.push(`At least one option in ${e} is required.`), d;
-  }
-  validateSingleBox(e, r) {
-    var n;
-    const i = [], l = Array.from(this.formEl.querySelectorAll("eds-input-field")).find((d) => {
-      var o;
-      return (o = d.shadowRoot) === null || o === void 0 ? void 0 : o.querySelector(`[name="${e}"]`);
+  emitContext(e) {
+    const i = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
     });
-    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;
+    e.dispatchEvent(i);
+  }
+  isFieldVisible(e) {
+    return e.condition ? this.values[e.condition.field] === e.condition.value : !0;
   }
   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);
-          }
-        }
+    const { errors: e, hasError: i } = m(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 } = p({
+      draftData: e,
+      parsedFields: this.parsedFields,
+      currentValues: this.values,
+      formEl: this.formEl,
+      isFieldVisible: (n, r) => n.condition ? r[n.condition.field] === n.condition.value : !0
     });
-  }
-  // Helper function to find elements in the shadow DOM
-  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((d) => d.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);
+    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((c) => c.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
-            e.append(i.name, i.value);
+            i.append(l.name, l.value);
       }
-    }), e;
+    }), 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 = u(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()
+      }), s({
+        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 a(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(), s({
+        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;
+    }
   }
-  parseFields(e) {
+  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 {
-      typeof e == "string" ? this.parsedFields = JSON.parse(e) : Array.isArray(e) ? this.parsedFields = e : e && typeof e == "object" ? this.parsedFields = e : this.parsedFields = [];
+      await a(this.endpoint, i, { headers: n });
     } catch (r) {
-      console.error("Error parsing fields prop:", r), this.parsedFields = [];
+      throw r;
     }
   }
   render() {
-    const e = this.parsedFields.filter((n) => n.type === "hidden"), r = this.parsedFields.filter((n) => n.type !== "hidden");
-    return s("form", { key: "3d4ae34d48c0551f9de6dacb50ceee15b487b5de", ref: (n) => this.formEl = n, enctype: "multipart/form-data", autocomplete: "on", method: "post", onSubmit: this.handleSubmit }, s("div", { key: "344c56dcba3de5a1b55255d794a78fb0f19d04b5" }, s("slot", { key: "3ca6d203458d67fa66840fac55f94d71acc2ee4d" }), e.map((n, i) => s("eds-input", { key: i, type: "hidden", name: n.name, value: n.value })), r.map((n, i) => {
+    const e = this.parsedFields.filter((n) => n.type === "hidden"), i = this.parsedFields.filter((n) => n.type !== "hidden");
+    return o("form", { key: "7ea50f19b8810fb0294bc8527d1c86e74dfc2b69", ref: (n) => this.formEl = n, enctype: "multipart/form-data", autocomplete: "on", method: "post", onSubmit: this.handleSubmit }, o("div", { key: "29e821a2eb706c51fa303b1abf645baeea5ae9d4" }, o("slot", { key: "b45d74e9a147ab1a932891210c7813d3bd118b07" }), e.map((n, r) => o("eds-input", { key: r, type: "hidden", name: n.name, value: n.value })), i.map((n, r) => {
       var l, t;
-      return this.isFieldVisible(n) ? s("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: (d) => this.handleChange(d, n), class: i > 0 ? "mt-20" : "", options: n.options }) : null;
-    })), this.submitBtn && s("div", { key: "22915285f3522f6d260e358eea964c59a9557a55", class: "mt-20" }, s("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 ? s("p", { class: "f-ui-05 text-lighter mt-8 ml-8" }, this.submitBtnHintMessage) : null), this.alertMessage && (this.formSubmitted || this.hasError) && s("div", { key: "8045c3dff26286a6735157b82afd56ec9001ba14", class: "mt-20" }, s("eds-alert", { key: "dc8c8f74e8aada9023f110bb862afee1fb629601", message: this.alertMessage, intent: this.hasError ? "error" : "success", direction: "horizontal" })));
+      return this.isFieldVisible(n) ? o("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("div", { key: "0a9b9027fc235cd099cc40903bd6711873b9868b", class: "mt-20" }, o("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("p", { class: "f-ui-05 text-lighter mt-8 ml-8" }, this.submitBtnHintMessage) : null), this.alertMessage && (this.formSubmitted || this.hasError) && o("div", { key: "b999356ec8fc57fc85c2f672a94e95f834d153ea", class: "mt-20" }, o("eds-alert", { key: "5a743b01991fb5d8f5358abc44639e790f5264ea", message: this.alertMessage, intent: this.hasError ? "error" : "success", direction: "horizontal" })));
   }
   get el() {
-    return f(this);
+    return b(this);
   }
   static get watchers() {
     return {
@@ -7334,7 +7349,7 @@ const m = `@font-face {
     };
   }
 };
-y.style = p;
+k.style = w;
 export {
-  y as eds_form
+  k as eds_form
 };