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

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

@@ -1,6 +1,7 @@
-import { r as x, c as b, h as s, g as h } from "./index-Dg2DO7q4.mjs";
+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";
-const f = `@font-face {
+import { s as x } from "./analytics-1cde8e4a-BDRcCMlV.mjs";
+const m = `@font-face {
     font-family: "Inter";
     font-weight: 100 900;
     font-display: swap;
@@ -7152,131 +7153,142 @@ const f = `@font-face {
       padding-right: 0rem;
     }
   }
-  `, m = f, p = class {
+  `, p = m, y = class {
   constructor(e) {
-    x(this, e), this.formSubmitting = b(this, "formSubmitting", 7), this.handleChange = (i, n) => {
-      const r = i.target;
-      this.values = Object.assign(Object.assign({}, this.values), { [n.name]: r.value });
-      const t = Object.assign({}, this.errors);
+    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 l = this.validateFieldGroup(n.name, n.type, n.required);
-          l.length > 0 ? t[n.name] = l : delete t[n.name];
+          const t = this.validateFieldGroup(n.name, n.type, n.required);
+          t.length > 0 ? l[n.name] = t : delete l[n.name];
         } else {
-          const l = this.validateSingleBox(n.name, n.required);
-          l.length > 0 ? t[n.name] = l : delete t[n.name];
+          const t = this.validateSingleBox(n.name, n.required);
+          t.length > 0 ? l[n.name] = t : delete l[n.name];
         }
       else {
-        const l = this.validateField(n.name, r.value, n.type, n.required, n.maxlength);
-        l.length > 0 ? t[n.name] = l : delete t[n.name];
+        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 = t, this.hasError = Object.keys(t).length > 0;
-    }, this.handleSubmit = async (i) => {
-      var n;
-      if (i.preventDefault(), this.isSubmitting)
+      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) {
-        this.alertMessage = this.errorMessage;
+        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 r = await this.getFormData();
-      this.setFormUrl && typeof window < "u" && r.set("form_url", window.location.href), this.authUser && r.set("form_user", (n = this.authUser) === null || n === void 0 ? void 0 : n.email);
-      const t = this.coupleAuth ? { Authorization: `Bearer ${this.authUser.token}` } : {};
+      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 l = await fetch(this.endpoint, {
+        const o = await fetch(this.endpoint, {
           method: "POST",
-          body: r,
-          headers: t
+          body: t,
+          headers: d
         });
-        if (!l.ok) {
-          const o = await l.json();
-          this.hasError = !0, g.show(o.error || this.errorMessage, "error");
+        if (!o.ok) {
+          const c = await o.json();
+          this.hasError = !0, g.show(c.error || this.errorMessage, "error");
           return;
         }
-        const d = await l.json();
-        this.formSubmitted = !0, g.show(d.message || this.successMessage, "success"), this.formEl.reset();
-      } catch (l) {
-        this.hasError = !0, g.show(`${l}`, "error");
+        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.smallAlert = !1, this.setFormUrl = !0, this.submitBtn = !0, this.submitBtnLabel = "Submit", this.successMessage = "Your message has been sent.", this.errorMessage = "Some fields in your form are incorrect.", this.submitBtnHintMessage = "To participate, please sign in using your EBRAINS account. If you do not have an account yet, you can easily create one on the EBRAINS portal.", this.endpoint = void 0, this.name = "form", this.fields = void 0, this.values = {}, this.coupleAuth = !1, this.formSubmitted = !1, this.hasError = !1, this.errors = {}, this.isSubmitting = !1, this.alertMessage = null, this.isAuthenticated = !1, this.authUser = void 0;
+    }, 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 i;
-    this.isAuthenticated = (i = e.detail) === null || i === void 0 ? void 0 : i.authenticated, this.authUser = e.detail.user;
+    var r;
+    this.isAuthenticated = (r = e.detail) === null || r === void 0 ? void 0 : r.authenticated, this.authUser = e.detail.user;
   }
   componentDidLoad() {
-    this.el.querySelectorAll("eds-button").forEach((i) => {
-      this.emitContext(i);
-    });
-  }
-  emitContext(e) {
-    const i = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    e.dispatchEvent(i);
+    this.parseFields(this.fields);
   }
+  /*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;
   }
   // Validate individual fields dynamically
-  validateField(e, i, n, r, t) {
-    const l = [];
-    return r && !i && l.push(`${e} is required.`), t && typeof i == "string" && i.length > t && l.push(`${e} must be at most ${t} characters.`), n === "email" && i && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i.toString()) && l.push("Invalid email format."), l;
+  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, i, n) {
-    const l = Array.from(this.formEl.querySelectorAll("eds-input-field")).filter((o) => {
+  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 && !l && d.push(`At least one option in ${e} is required.`), d;
+    return n && !t && d.push(`At least one option in ${e} is required.`), d;
   }
-  validateSingleBox(e, i) {
+  validateSingleBox(e, r) {
     var n;
-    const r = [], t = Array.from(this.formEl.querySelectorAll("eds-input-field")).find((d) => {
+    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}"]`);
     });
-    if (!t)
-      return i && r.push(`${e} is required.`), r;
-    const l = (n = t.shadowRoot) === null || n === void 0 ? void 0 : n.querySelector(`[name="${e}"]`);
-    return i && l && !l.checked && r.push(`${e} is required.`), r;
+    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.parseFields.forEach((e) => {
+    this.errors = {}, this.hasError = !1, this.parsedFields.forEach((e) => {
       if (e.type !== "hidden")
         if ((e.type === "checkbox" || e.type === "radio") && !e.options) {
-          const i = this.validateSingleBox(e.name, e.required);
-          i.length > 0 && (this.errors[e.name] = i, this.hasError = !0);
+          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 i = this.validateFieldGroup(e.name, e.type, e.required);
-          i.length > 0 && (this.errors[e.name] = i, this.hasError = !0);
+          const r = this.validateFieldGroup(e.name, e.type, e.required);
+          r.length > 0 && (this.errors[e.name] = r, this.hasError = !0);
         } else {
-          const i = this.findFieldElement(e.name);
-          if (i) {
-            const n = i.value, r = this.validateField(e.name, n, e.type, e.required, e.maxlength);
-            r.length > 0 && (this.errors[e.name] = r, this.hasError = !0);
+          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);
           }
         }
     });
   }
   // Helper function to find elements in the shadow DOM
   findFieldElement(e) {
-    const i = Array.from(this.formEl.querySelectorAll("eds-input-field"));
-    for (const n of i)
+    const r = Array.from(this.formEl.querySelectorAll("eds-input-field"));
+    for (const n of r)
       if (n.shadowRoot) {
-        const r = n.shadowRoot.querySelector(`[name="${e}"]`);
-        if (r)
-          return r;
+        const i = n.shadowRoot.querySelector(`[name="${e}"]`);
+        if (i)
+          return i;
       }
     return null;
   }
@@ -7284,36 +7296,45 @@ const f = `@font-face {
     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 r = n.shadowRoot.querySelector("input, textarea, select");
-        if (r && r.name)
-          if (r.type === "checkbox" || r.type === "radio") {
-            const l = Array.from(n.shadowRoot.querySelectorAll(`input[name="${r.name}"]:checked`)).map((d) => d.value);
-            e.append(r.name, l.join(","));
-          } else if (r.type === "file") {
-            const t = r;
-            t.files && t.files.length > 0 && Array.from(t.files).forEach((l) => {
-              e.append(t.name, l);
+        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);
             });
           } else
-            e.append(r.name, r.value);
+            e.append(i.name, i.value);
       }
     }), e;
   }
-  get parseFields() {
-    return JSON.parse(this.fields);
+  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.parseFields.filter((n) => n.type === "hidden"), i = this.parseFields.filter((n) => n.type !== "hidden");
-    return s("form", { key: "fdb974998dfd27c0d857d0fbfbbe9e769e55d7bb", ref: (n) => this.formEl = n, enctype: "multipart/form-data", autocomplete: "on", method: "post", onSubmit: this.handleSubmit }, s("div", { key: "dfbe5adce9e5685736169e88408590088aba5b1e" }, s("slot", { key: "f5c5356a8b87bf63fdd21901da81291c596f1487" }), e.map((n, r) => s("eds-input", { key: r, type: "hidden", name: n.name, value: n.value })), i.map((n, r) => {
-      var t, l;
-      return this.isFieldVisible(n) ? s("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: ((t = this.errors[n.name]) === null || t === void 0 ? void 0 : t.length) > 0, errorMessage: (l = this.errors[n.name]) === null || l === void 0 ? void 0 : l.join("<br />"), onInput: (d) => this.handleChange(d, n), class: r > 0 ? "mt-20" : "", options: n.options }) : null;
-    })), this.submitBtn && s("div", { key: "2c3165a56d5bec9135a8695cae1b87981167c949", class: "mt-20" }, s("eds-button", { key: "f311628ff58cd03ebbd0f7ccb0623df817d416da", 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: "1c7adc93081294eb86b71e808933215fe04fa033", class: "mt-20" }, s("eds-alert", { key: "d221dd0674be734a8b7382ea2eeb97509f6bc3a6", message: this.alertMessage, intent: this.hasError ? "error" : "success", direction: "horizontal" })));
+    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) => {
+      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" })));
   }
   get el() {
-    return h(this);
+    return f(this);
+  }
+  static get watchers() {
+    return {
+      fields: ["parseFields"]
+    };
   }
 };
-p.style = m;
+y.style = p;
 export {
-  p as eds_form
+  y as eds_form
 };

package/{eds-frame.entry-BlOnLCrI.js → eds-frame.entry-BnT9nQwa.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),s=class{constructor(t){e.registerInstance(this,t),this.frameLabel=void 0,this.urlLabel="Open in Storybook",this.errorMessage="Could not load the requested Storybook content. Please check the URL or try again later.",this.storybookUrl=void 0,this.storyPath=void 0,this.intent="strong",this.tiny=!1,this.size="auto",this.bg=!0,this.iframeError=!1}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",this.bg?"bg-inverse":"bg-default","rounded border-softer effect-focus-within relative flex grow flex-col border-2","w-full h-full"].join(" ")}getFrameHeight(){switch(this.size){case"sm":return"100px";case"md":return"200px";case"lg":return"400px";case"xl":return"700px";default:return"auto"}}async checkIframeAvailability(){try{if(!(await fetch(this.frameSrc,{method:"GET"})).ok)throw new Error("Failed to load")}catch{this.iframeError=!0}}componentWillLoad(){this.checkIframeAvailability()}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach(r=>{this.emitContext(r)})}emitContext(t){const r=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.frameLabel}});t.dispatchEvent(r)}get storyLink(){return`${this.storybookUrl}/?path=/story/${this.storyPath}`}get frameSrc(){return`${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`}render(){return e.h("div",{key:"0c3a43efc1a125af5999af88c4eb071b5c3bc6c5",class:this.articleClasses()},e.h("div",{key:"32303d5e2c2f3b01efe1ceaf828346f873bea6b6",class:"effect-height flex items-center justify-between py-8 px-12"},e.h("span",{key:"75f7f6750413dad4af2ea62c12ffb994491d5d01",class:"f-ui-02"},this.frameLabel),this.iframeError?null:e.h("eds-link",{label:this.urlLabel,url:this.storyLink,intent:this.intent,class:"ml-auto",external:!0,disabled:!1,icon:"arrow-diagonal"})),e.h("div",{key:"1fd99f6eda026814910b0cd93635616b7d3ffe09",class:"border-softer border-t-2"},this.iframeError?e.h("div",{class:"container ml-8 mr-8 mt-16"},this.errorMessage):e.h("iframe",{src:this.frameSrc,width:"100%",height:this.getFrameHeight(),title:this.frameLabel,frameBorder:"0",allowFullScreen:!0})))}get el(){return e.getElement(this)}};exports.eds_frame=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),s=class{constructor(t){e.registerInstance(this,t),this.frameLabel=void 0,this.urlLabel="Open in Storybook",this.errorMessage="Could not load the requested Storybook content. Please check the URL or try again later.",this.storybookUrl=void 0,this.storyPath=void 0,this.intent="strong",this.tiny=!1,this.size="auto",this.bg=!0,this.iframeError=!1}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",this.bg?"bg-inverse":"bg-default","rounded border-softer effect-focus-within relative flex grow flex-col border-2","w-full h-full"].join(" ")}getFrameHeight(){switch(this.size){case"sm":return"100px";case"md":return"200px";case"lg":return"400px";case"xl":return"700px";default:return"auto"}}async checkIframeAvailability(){try{if(!(await fetch(this.frameSrc,{method:"GET"})).ok)throw new Error("Failed to load")}catch{this.iframeError=!0}}componentWillLoad(){this.checkIframeAvailability()}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach(r=>{this.emitContext(r)})}emitContext(t){const r=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.frameLabel}});t.dispatchEvent(r)}get storyLink(){return`${this.storybookUrl}/?path=/story/${this.storyPath}`}get frameSrc(){return`${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`}render(){return e.h("div",{key:"20786dd40414d29f98d496e29720bd78b9d7cf8e",class:this.articleClasses()},e.h("div",{key:"208612330c9d2872c68aeb310e164c8a915a51ef",class:"effect-height flex items-center justify-between py-8 px-12"},e.h("span",{key:"ada2a40384ffaffadc8887580aa6184422008a68",class:"f-ui-02"},this.frameLabel),this.iframeError?null:e.h("eds-link",{label:this.urlLabel,url:this.storyLink,intent:this.intent,class:"ml-auto",external:!0,disabled:!1,icon:"arrow-diagonal"})),e.h("div",{key:"26a5ae1c81b60b05b6f4859ffa4dbd13bb2557f3",class:"border-softer border-t-2"},this.iframeError?e.h("div",{class:"container ml-8 mr-8 mt-16"},this.errorMessage):e.h("iframe",{src:this.frameSrc,width:"100%",height:this.getFrameHeight(),title:this.frameLabel,frameBorder:"0",allowFullScreen:!0})))}get el(){return e.getElement(this)}};exports.eds_frame=s;

package/{eds-frame.entry-SCGm_pju.mjs → eds-frame.entry-CU7GoLj6.mjs}

@@ -1,4 +1,4 @@
-import { r as s, h as e, g as i } from "./index-Dg2DO7q4.mjs";
+import { r as s, h as e, g as i } from "./index-C-Gy1Lax.mjs";
 const o = class {
   constructor(t) {
     s(this, t), this.frameLabel = void 0, this.urlLabel = "Open in Storybook", this.errorMessage = "Could not load the requested Storybook content. Please check the URL or try again later.", this.storybookUrl = void 0, this.storyPath = void 0, this.intent = "strong", this.tiny = !1, this.size = "auto", this.bg = !0, this.iframeError = !1;
@@ -63,7 +63,7 @@ const o = class {
     return `${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`;
   }
   render() {
-    return e("div", { key: "0c3a43efc1a125af5999af88c4eb071b5c3bc6c5", class: this.articleClasses() }, e("div", { key: "32303d5e2c2f3b01efe1ceaf828346f873bea6b6", class: "effect-height flex items-center justify-between py-8 px-12" }, e("span", { key: "75f7f6750413dad4af2ea62c12ffb994491d5d01", class: "f-ui-02" }, this.frameLabel), this.iframeError ? null : e("eds-link", { label: this.urlLabel, url: this.storyLink, intent: this.intent, class: "ml-auto", external: !0, disabled: !1, icon: "arrow-diagonal" })), e("div", { key: "1fd99f6eda026814910b0cd93635616b7d3ffe09", class: "border-softer border-t-2" }, this.iframeError ? e("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage) : e("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: !0 })));
+    return e("div", { key: "20786dd40414d29f98d496e29720bd78b9d7cf8e", class: this.articleClasses() }, e("div", { key: "208612330c9d2872c68aeb310e164c8a915a51ef", class: "effect-height flex items-center justify-between py-8 px-12" }, e("span", { key: "ada2a40384ffaffadc8887580aa6184422008a68", class: "f-ui-02" }, this.frameLabel), this.iframeError ? null : e("eds-link", { label: this.urlLabel, url: this.storyLink, intent: this.intent, class: "ml-auto", external: !0, disabled: !1, icon: "arrow-diagonal" })), e("div", { key: "26a5ae1c81b60b05b6f4859ffa4dbd13bb2557f3", class: "border-softer border-t-2" }, this.iframeError ? e("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage) : e("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: !0 })));
   }
   get el() {
     return i(this);

package/eds-icon-arrow-diagonal.entry-fzsCJiPP.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-D_kZU_4I.js"),e=require("./arrow-diagonal-black-8f0494c3-DqsB6ni-.js"),s=class{constructor(a){r.registerInstance(this,a),this.addClass=""}render(){return r.h("span",{key:"d85a4d425e0c255efe4763d4a13f13b6ff727c2c",class:this.addClass,innerHTML:e.arrowDiagonal})}};exports.eds_icon_arrow_diagonal=s;

package/eds-icon-arrow-diagonal.entry-kClkB8LF.mjs

@@ -0,0 +1,13 @@
+import { r, h as s } from "./index-C-Gy1Lax.mjs";
+import { a as o } from "./arrow-diagonal-black-8f0494c3-CYl9yYTl.mjs";
+const t = class {
+  constructor(a) {
+    r(this, a), this.addClass = "";
+  }
+  render() {
+    return s("span", { key: "d85a4d425e0c255efe4763d4a13f13b6ff727c2c", class: this.addClass, innerHTML: o });
+  }
+};
+export {
+  t as eds_icon_arrow_diagonal
+};

package/eds-icon-arrow-right.entry-B75Ra6OD.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-D_kZU_4I.js"),e=require("./arrow-right-9322ba8a-DBcxNU_p.js"),t=class{constructor(s){r.registerInstance(this,s),this.class=""}render(){return r.h("span",{key:"4a2b33b86753acab8270a45c7b250603b128bc88",class:this.class,innerHTML:e.arrowRight})}};exports.eds_icon_arrow_right=t;

package/eds-icon-arrow-right.entry-DX6A-VKL.mjs

@@ -0,0 +1,13 @@
+import { r as s, h as a } from "./index-C-Gy1Lax.mjs";
+import { a as t } from "./arrow-right-9322ba8a-DHq-_PPe.mjs";
+const i = class {
+  constructor(r) {
+    s(this, r), this.class = "";
+  }
+  render() {
+    return a("span", { key: "4a2b33b86753acab8270a45c7b250603b128bc88", class: this.class, innerHTML: t });
+  }
+};
+export {
+  i as eds_icon_arrow_right
+};

package/{eds-icon-bluesky.entry-BDD9os2p.js → eds-icon-bluesky.entry-7tzCZSoL.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),c=require("./bluesky-cc5edd2d-DaFQc-pr.js"),r=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"8b5d4cfeedf6d7e9bea48d7ba892527d484c858d",class:this.class,innerHTML:c.bluesky})}};exports.eds_icon_bluesky=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),c=require("./bluesky-cc5edd2d-DaFQc-pr.js"),r=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"845a157678b9d059b2c9bd8a6265d3a62f33c31a",class:this.class,innerHTML:c.bluesky})}};exports.eds_icon_bluesky=r;

package/eds-icon-bluesky.entry-BNSdVu2K.mjs

@@ -0,0 +1,13 @@
+import { r, h as a } from "./index-C-Gy1Lax.mjs";
+import { b as e } from "./bluesky-cc5edd2d-DfuDDO5h.mjs";
+const n = class {
+  constructor(s) {
+    r(this, s), this.class = "";
+  }
+  render() {
+    return a("span", { key: "845a157678b9d059b2c9bd8a6265d3a62f33c31a", class: this.class, innerHTML: e });
+  }
+};
+export {
+  n as eds_icon_bluesky
+};

package/eds-icon-chevron-down.entry-BLvZ3e_N.mjs

@@ -0,0 +1,13 @@
+import { r, h as n } from "./index-C-Gy1Lax.mjs";
+import { c as o } from "./chevron-down-6144c823-DWGlv9eV.mjs";
+const t = class {
+  constructor(s) {
+    r(this, s), this.class = "";
+  }
+  render() {
+    return n("span", { key: "fa8022d27b91e909d4cd5522c6d0406be698a412", class: this.class, innerHTML: o });
+  }
+};
+export {
+  t as eds_icon_chevron_down
+};

package/{eds-icon-chevron-down.entry-DA_Mq25N.js → eds-icon-chevron-down.entry-BUG6E9eR.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),s=require("./chevron-down-6144c823-D_8976Ke.js"),r=class{constructor(n){e.registerInstance(this,n),this.class=""}render(){return e.h("span",{key:"bc01e9e10033245e02403b6b919911018eef9919",class:this.class,innerHTML:s.chevronDown})}};exports.eds_icon_chevron_down=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),s=require("./chevron-down-6144c823-D_8976Ke.js"),r=class{constructor(n){e.registerInstance(this,n),this.class=""}render(){return e.h("span",{key:"fa8022d27b91e909d4cd5522c6d0406be698a412",class:this.class,innerHTML:s.chevronDown})}};exports.eds_icon_chevron_down=r;

package/eds-icon-chevron-left.entry-BT-KYjSo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),r=require("./chevron-left-ca6c66e1-uCH5SUhm.js"),t=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"c723d7f1bbd596063ae7e66123b8038af5320a54",class:this.class,innerHTML:r.chevronLeft})}};exports.eds_icon_chevron_left=t;

package/eds-icon-chevron-left.entry-Vq-R3b59.mjs

@@ -0,0 +1,13 @@
+import { r as e, h as r } from "./index-C-Gy1Lax.mjs";
+import { c as t } from "./chevron-left-ca6c66e1-DANhLw_T.mjs";
+const o = class {
+  constructor(s) {
+    e(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "c723d7f1bbd596063ae7e66123b8038af5320a54", class: this.class, innerHTML: t });
+  }
+};
+export {
+  o as eds_icon_chevron_left
+};

package/{eds-icon-chevron-right.entry-B2HI3b59.mjs → eds-icon-chevron-right.entry-B1qzmGrD.mjs}

@@ -1,11 +1,11 @@
-import { r, h as e } from "./index-Dg2DO7q4.mjs";
+import { r, h as c } from "./index-C-Gy1Lax.mjs";
 import { c as t } from "./chevron-right-b88ed2d4-CgEZBvy7.mjs";
 const o = class {
   constructor(s) {
     r(this, s), this.class = "";
   }
   render() {
-    return e("span", { key: "998491aed74bd3edd1fb8545f85ab52cf2703b3f", class: this.class, innerHTML: t });
+    return c("span", { key: "f770cd9151077e8708c76d2082613c65a20c420f", class: this.class, innerHTML: t });
   }
 };
 export {

package/eds-icon-chevron-right.entry-BmU_I0Y1.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),s=require("./chevron-right-b88ed2d4-C7dkTMvP.js"),c=class{constructor(r){e.registerInstance(this,r),this.class=""}render(){return e.h("span",{key:"f770cd9151077e8708c76d2082613c65a20c420f",class:this.class,innerHTML:s.chevronRight})}};exports.eds_icon_chevron_right=c;

package/eds-icon-chevron-up.entry-DXXRgw1V.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),c=require("./chevron-up-c66bd477-ByW7R48t.js"),r=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"40d18a840277f2aba5d314a36fca5c1f8fd99cc6",class:this.class,innerHTML:c.chevronUp})}};exports.eds_icon_chevron_up=r;

package/eds-icon-chevron-up.entry-DuySJU_i.mjs

@@ -0,0 +1,13 @@
+import { r, h as c } from "./index-C-Gy1Lax.mjs";
+import { c as a } from "./chevron-up-c66bd477-CETJkshq.mjs";
+const o = class {
+  constructor(s) {
+    r(this, s), this.class = "";
+  }
+  render() {
+    return c("span", { key: "40d18a840277f2aba5d314a36fca5c1f8fd99cc6", class: this.class, innerHTML: a });
+  }
+};
+export {
+  o as eds_icon_chevron_up
+};

package/eds-icon-close.entry-DDxUAr21.mjs

@@ -0,0 +1,13 @@
+import { r as e, h as c } from "./index-C-Gy1Lax.mjs";
+import { c as r } from "./close-87fc0d63-DtDU2HIU.mjs";
+const n = class {
+  constructor(s) {
+    e(this, s), this.class = "";
+  }
+  render() {
+    return c("span", { key: "947f6615e8ee155be98b379a9c771cc0d453becd", class: this.class, innerHTML: r });
+  }
+};
+export {
+  n as eds_icon_close
+};

package/{eds-icon-close.entry-JIzBTjIa.js → eds-icon-close.entry-DS7BLTzl.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),c=require("./close-87fc0d63-Cbd-ScJr.js"),r=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"365ad476b1be9c708e73598cad1dd42a908fa1cd",class:this.class,innerHTML:c.close})}};exports.eds_icon_close=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),c=require("./close-87fc0d63-Cbd-ScJr.js"),r=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"947f6615e8ee155be98b379a9c771cc0d453becd",class:this.class,innerHTML:c.close})}};exports.eds_icon_close=r;

package/eds-icon-copy.entry-DNa1wI4F.mjs

@@ -0,0 +1,13 @@
+import { r as c, h as r } from "./index-C-Gy1Lax.mjs";
+import { c as o } from "./copy-03b72cb6-B_WCNQrG.mjs";
+const t = class {
+  constructor(s) {
+    c(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "1e23d4493d5a1d07bc794da20cc4e445a87d56b0", class: this.class, innerHTML: o });
+  }
+};
+export {
+  t as eds_icon_copy
+};

package/{eds-icon-copy.entry-Ccrvu27o.js → eds-icon-copy.entry-Nz_P5A7p.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),c=require("./copy-03b72cb6-CZAFAegx.js"),r=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"770c34b98ec0e0a7e16de4d7b5b41b4afec9911e",class:this.class,innerHTML:c.copy})}};exports.eds_icon_copy=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),c=require("./copy-03b72cb6-CZAFAegx.js"),r=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"1e23d4493d5a1d07bc794da20cc4e445a87d56b0",class:this.class,innerHTML:c.copy})}};exports.eds_icon_copy=r;

package/eds-icon-eu.entry-CLQcoimB.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),r=require("./eu-9ddde93a-BFtIQw9B.js"),t=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"14254e1b9d43562e6f3f943de22aa8dd4d89a044",class:this.class,innerHTML:r.euSvg})}};exports.eds_icon_eu=t;

package/eds-icon-eu.entry-DTdf6Skc.mjs

@@ -0,0 +1,13 @@
+import { r as e, h as r } from "./index-C-Gy1Lax.mjs";
+import { e as a } from "./eu-9ddde93a-ft4szvR5.mjs";
+const c = class {
+  constructor(s) {
+    e(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "14254e1b9d43562e6f3f943de22aa8dd4d89a044", class: this.class, innerHTML: a });
+  }
+};
+export {
+  c as eds_icon_eu
+};

package/eds-icon-facebook.entry-B9szoikj.mjs

@@ -0,0 +1,13 @@
+import { r as c, h as e } from "./index-C-Gy1Lax.mjs";
+import { f as o } from "./facebook-9cb5c17f-BcUhbrj6.mjs";
+const t = class {
+  constructor(s) {
+    c(this, s), this.class = "";
+  }
+  render() {
+    return e("span", { key: "902598891dfe926f92ce5d30dc135896c6eccd43", class: this.class, innerHTML: o });
+  }
+};
+export {
+  t as eds_icon_facebook
+};

package/eds-icon-facebook.entry-knUdck2t.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),s=require("./facebook-9cb5c17f-Y_gvQ682.js"),o=class{constructor(c){e.registerInstance(this,c),this.class=""}render(){return e.h("span",{key:"902598891dfe926f92ce5d30dc135896c6eccd43",class:this.class,innerHTML:s.facebook})}};exports.eds_icon_facebook=o;

package/eds-icon-gitlab.entry-IO7f4hgL.mjs

@@ -0,0 +1,13 @@
+import { r as a, h as r } from "./index-C-Gy1Lax.mjs";
+import { g as t } from "./mono-53f70232-DGi2XDlR.mjs";
+const i = class {
+  constructor(s) {
+    a(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "128f9265dfc1aee95586ba0a3fd20dd131678893", class: this.class, innerHTML: t });
+  }
+};
+export {
+  i as eds_icon_gitlab
+};

package/eds-icon-gitlab.entry-pKxaKA0B.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),t=require("./mono-53f70232-DgAsWvoQ.js"),n=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"128f9265dfc1aee95586ba0a3fd20dd131678893",class:this.class,innerHTML:t.gitlabBlack})}};exports.eds_icon_gitlab=n;

package/{eds-icon-linkedin.entry-B4ev6evD.js → eds-icon-linkedin.entry-BD__kbDV.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),s=require("./linkedin-e8650abb-BkDrkjzY.js"),i=class{constructor(n){e.registerInstance(this,n),this.class=""}render(){return e.h("span",{key:"b8e0661a74a92c72b6db109cb48db12da48dcf92",class:this.class,innerHTML:s.linkedin})}};exports.eds_icon_linkedin=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),s=require("./linkedin-e8650abb-BkDrkjzY.js"),i=class{constructor(n){e.registerInstance(this,n),this.class=""}render(){return e.h("span",{key:"0f9675a371ca7bb460882c04bf2bb0c103273a0d",class:this.class,innerHTML:s.linkedin})}};exports.eds_icon_linkedin=i;

package/eds-icon-linkedin.entry-CryUW1Er.mjs

@@ -0,0 +1,13 @@
+import { r as n, h as r } from "./index-C-Gy1Lax.mjs";
+import { l as i } from "./linkedin-e8650abb-DYMdsale.mjs";
+const a = class {
+  constructor(s) {
+    n(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "0f9675a371ca7bb460882c04bf2bb0c103273a0d", class: this.class, innerHTML: i });
+  }
+};
+export {
+  a as eds_icon_linkedin
+};

package/{eds-icon-loader.entry-BFeh0vtX.js → eds-icon-loader.entry-B_3Sd6PB.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),r=require("./loader-c9628637-Vj8Wt1e8.js"),t=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"260c4eeb69ff79d943571c1461346b9019ea513a",class:this.class,innerHTML:r.loader})}};exports.eds_icon_loader=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),r=require("./loader-c9628637-Vj8Wt1e8.js"),t=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"f11c60068baa2d2398056b3d7f04129d9deb4517",class:this.class,innerHTML:r.loader})}};exports.eds_icon_loader=t;

package/eds-icon-loader.entry-CxizdRT8.mjs

@@ -0,0 +1,13 @@
+import { r, h as a } from "./index-C-Gy1Lax.mjs";
+import { l as e } from "./loader-c9628637-ChpnbJkv.mjs";
+const c = class {
+  constructor(s) {
+    r(this, s), this.class = "";
+  }
+  render() {
+    return a("span", { key: "f11c60068baa2d2398056b3d7f04129d9deb4517", class: this.class, innerHTML: e });
+  }
+};
+export {
+  c as eds_icon_loader
+};

package/eds-icon-mastodon.entry-7152lwgd.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),t=require("./mastodon-3703ec61-C9v6Olc-.js"),n=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"1f68e5d0b6f8455f40bf94f6095eceff00b7887e",class:this.class,innerHTML:t.mastodon})}};exports.eds_icon_mastodon=n;

package/eds-icon-mastodon.entry-MyM74vvm.mjs

@@ -0,0 +1,13 @@
+import { r as o, h as r } from "./index-C-Gy1Lax.mjs";
+import { m as t } from "./mastodon-3703ec61-C7iI4Hk0.mjs";
+const a = class {
+  constructor(s) {
+    o(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "1f68e5d0b6f8455f40bf94f6095eceff00b7887e", class: this.class, innerHTML: t });
+  }
+};
+export {
+  a as eds_icon_mastodon
+};