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

package/eds-accordion.entry-BsT7Ved4.mjs

@@ -1,58 +0,0 @@
-import { r as n, c as o, h as e, g as a } from "./index-DQrtrXyM.mjs";
-const r = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-20{padding-top:1.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}", d = r, s = class {
-  constructor(t) {
-    n(this, t), this.accordionChange = o(this, "accordionChange", 7), this.handleClick = () => {
-      this.isExpanded = !this.isExpanded, this.accordionChange.emit(this.isExpanded), this.setPanelHeight();
-    }, this.setPanelHeight = () => {
-      this.childContentRef && (this.shortContent = this.wrapperRef.scrollWidth > 830 && !this.description ? this.childContentRef.scrollHeight <= 80 : this.childContentRef.scrollHeight <= 20, this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0);
-    }, this.title = void 0, this.description = void 0, this.switchBg = !0, this.expanded = !1, this.clampText = !0, this.minHeightContent = !1, this.isExpanded = this.expanded, this.panelHeight = 0, this.shortContent = !1;
-  }
-  /**
-   * Lifecycle method that sets up the initial panel height and adds a resize event listener
-   * to recalculate height on window resize.
-   */
-  componentDidLoad() {
-    this.setPanelHeight();
-    const t = this.el.shadowRoot.querySelector("eds-button");
-    this.emitContext(t), window.addEventListener("resize", this.setPanelHeight);
-  }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param linkElement - The link element to which the event will be dispatched.
-   */
-  emitContext(t) {
-    const i = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    t.dispatchEvent(i);
-  }
-  /**
-   * Lifecycle method that cleans up the resize event listener when the component is removed.
-   */
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.setPanelHeight);
-  }
-  /**
-   * Renders the accordion structure, including header, content, description, and any slotted content.
-   * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
-   */
-  render() {
-    const t = this.minHeightContent ? "min-h-56" : "";
-    return e("div", { key: "1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f", ref: (i) => this.wrapperRef = i, class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
-          ${this.switchBg && this.isExpanded ? "bg-inverse" : "bg-default"} 
-          ${this.switchBg ? "hover:bg-inverse" : ""} 
-          ${t}` }, e("h3", { key: "4490bdc1a18b99850e8db8ae1c38fcb37912ec0d", class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), e("div", { key: "82df433a9cc6805a735300fd1bb52f41c639c992", class: "ml-auto" }, e("eds-button", { key: "9965d5eecfa02fbea08c23c44d325417767f6495", id: "accordionId", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-controls": "accordionId", class: "effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none", onClick: this.handleClick, icon: "chevron-down" })), e("div", { key: "7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce", class: "w-full" }, this.description ? e("span", { class: `text-light ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description) : null, e("section", { key: "cb122dd5433d7012cba6f3769f79e92a155c45d7", id: "sectionId", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? "overflow-hidden" : ""}`, style: { height: this.isExpanded ? "auto" : "0" } }, e("div", { key: "0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f", ref: (i) => this.childContentRef = i, class: "accordion-content effect-color pt-20", "aria-hidden": !this.isExpanded }, e("span", { key: "d119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, e("slot", { key: "b2a6917ec65bc808389a2d1c77cd1183f00cbaa1" }))))));
-  }
-  get el() {
-    return a(this);
-  }
-};
-s.style = d;
-export {
-  s as eds_accordion
-};

package/eds-accordion.entry-BvDNoDvv.js

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),o="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-20{padding-top:1.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}",r=o,n=class{constructor(t){e.registerInstance(this,t),this.accordionChange=e.createEvent(this,"accordionChange",7),this.handleClick=()=>{this.isExpanded=!this.isExpanded,this.accordionChange.emit(this.isExpanded),this.setPanelHeight()},this.setPanelHeight=()=>{this.childContentRef&&(this.shortContent=this.wrapperRef.scrollWidth>830&&!this.description?this.childContentRef.scrollHeight<=80:this.childContentRef.scrollHeight<=20,this.panelHeight=this.isExpanded&&!this.shortContent?this.childContentRef.scrollHeight:0)},this.title=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.minHeightContent=!1,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1}componentDidLoad(){this.setPanelHeight();const t=this.el.shadowRoot.querySelector("eds-button");this.emitContext(t),window.addEventListener("resize",this.setPanelHeight)}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(i)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){const t=this.minHeightContent?"min-h-56":"";return e.h("div",{key:"1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f",ref:i=>this.wrapperRef=i,class:`container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
-          ${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"} 
-          ${this.switchBg?"hover:bg-inverse":""} 
-          ${t}`},e.h("h3",{key:"4490bdc1a18b99850e8db8ae1c38fcb37912ec0d",class:"mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1"},this.title),e.h("div",{key:"82df433a9cc6805a735300fd1bb52f41c639c992",class:"ml-auto"},e.h("eds-button",{key:"9965d5eecfa02fbea08c23c44d325417767f6495",id:"accordionId",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-controls":"accordionId",class:"effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none",onClick:this.handleClick,icon:"chevron-down"})),e.h("div",{key:"7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce",class:"w-full"},this.description?e.h("span",{class:`text-light ${!this.isExpanded&&this.clampText?"line-clamp-1":""}`},this.description):null,e.h("section",{key:"cb122dd5433d7012cba6f3769f79e92a155c45d7",id:"sectionId","aria-hidden":!this.isExpanded,class:`z-1 effect-height relative h-0 w-full ${!this.isExpanded&&this.clampText?"overflow-hidden":""}`,style:{height:this.isExpanded?"auto":"0"}},e.h("div",{key:"0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f",ref:i=>this.childContentRef=i,class:"accordion-content effect-color pt-20","aria-hidden":!this.isExpanded},e.h("span",{key:"d119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"b2a6917ec65bc808389a2d1c77cd1183f00cbaa1"}))))))}get el(){return e.getElement(this)}};n.style=r;exports.eds_accordion=n;

package/eds-block-break.entry-B8gP4ig9.mjs

@@ -1,13 +0,0 @@
-import { r as e, h as o } from "./index-DQrtrXyM.mjs";
-const l = ".border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.border-t-2{border-top-width:2px}", s = l, t = class {
-  constructor(r) {
-    e(this, r), this.extraClass = "";
-  }
-  render() {
-    return o("hr", { key: "85b5253d4abb77072424452d2ff6a0d631e67652", class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
-  }
-};
-t.style = s;
-export {
-  t as eds_block_break
-};

package/eds-block-break.entry-L9LG-PtO.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-BGGkUjck.js"),l=".border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.border-t-2{border-top-width:2px}",t=l,e=class{constructor(o){r.registerInstance(this,o),this.extraClass=""}render(){return r.h("hr",{key:"85b5253d4abb77072424452d2ff6a0d631e67652",class:`border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}`})}};e.style=t;exports.eds_block_break=e;

package/eds-breadcrumb.entry-C6mAAYNs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BGGkUjck.js"),h="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}",d=h,l=class{constructor(e){i.registerInstance(this,e),this.updateScreenSize=()=>{const t=window.innerWidth;t<769?(this.maxVisibleItems=3,this.isSmallScreen=!0):t<=1024?(this.maxVisibleItems=4,this.isSmallScreen=!0):(this.maxVisibleItems=6,this.isSmallScreen=!1)},this.items=[],this.intent="ghost",this.parsedItems=[],this.isSmallScreen=!1,this.maxVisibleItems=6}parseItems(e){try{typeof e=="string"?this.parsedItems=JSON.parse(e):this.parsedItems=e}catch{this.parsedItems=[]}}componentWillLoad(){this.parseItems(this.items),this.updateScreenSize(),window.addEventListener("resize",this.updateScreenSize)}disconnectedCallback(){window.removeEventListener("resize",this.updateScreenSize)}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-link").forEach(t=>{this.emitContext(t)})}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}getTruncatedItems(){const e=this.parsedItems.length;if(e>this.maxVisibleItems){const t=this.parsedItems[0],s=this.parsedItems.slice(-2),n={label:"...",url:"",isHidden:!0};if(this.maxVisibleItems===3)return[this.truncateLabel(t),n,...s.map((r,a)=>a===s.length-1?r:this.truncateLabel(r))];if(this.maxVisibleItems===4){const r=this.parsedItems[Math.floor(e/2)];return[this.truncateLabel(t),this.truncateLabel(r),n,...s.map((a,c)=>c===s.length-1?a:this.truncateLabel(a))]}}return this.parsedItems.map((t,s)=>s===this.parsedItems.length-1?t:this.truncateLabel(t))}truncateLabel(e){return e.label.length>15?Object.assign(Object.assign({},e),{label:`${e.label.slice(0,15)}...`}):e}render(){const e=this.getTruncatedItems();return i.h("nav",{key:"b3f515670374a7451981638d658f8e37f07ab10c","aria-label":"Breadcrumb"},i.h("ol",{key:"999b2035f3c996016e753be3826881a11054e184",class:"flex items-center space-x-2"},e.map((t,s)=>{const n=s===e.length-1;return i.h("li",{class:"flex items-center"},t.isHidden?i.h("span",{class:"truncate px-2 ","aria-hidden":"true"},"..."):i.h("eds-link",{label:t.label,url:t.url,intent:this.intent,current:n,"aria-label":t.label,size:"small","icon-small":"false"}),!n&&!t.isHidden&&i.h("eds-icon-wrapper",{icon:"chevron-right",class:"w-20 h-20"}))})))}get el(){return i.getElement(this)}static get watchers(){return{items:["parseItems"]}}};l.style=d;exports.eds_breadcrumb=l;

package/eds-breadcrumb.entry-Dio_2hx4.mjs

@@ -1,114 +0,0 @@
-import { r as c, h as i, g as d } from "./index-DQrtrXyM.mjs";
-const h = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}", m = h, o = class {
-  constructor(e) {
-    c(this, e), this.updateScreenSize = () => {
-      const t = window.innerWidth;
-      t < 769 ? (this.maxVisibleItems = 3, this.isSmallScreen = !0) : t <= 1024 ? (this.maxVisibleItems = 4, this.isSmallScreen = !0) : (this.maxVisibleItems = 6, this.isSmallScreen = !1);
-    }, this.items = [], this.intent = "ghost", this.parsedItems = [], this.isSmallScreen = !1, this.maxVisibleItems = 6;
-  }
-  /**
-   * Watch for changes to the `items` prop and parse it when it changes.
-   * Converts the `items` string into an array of objects if it is a JSON string.
-   * If the format is invalid, it logs an error and sets an empty array.
-   *
-   * @param newValue - The new value for the `items` prop.
-   */
-  parseItems(e) {
-    try {
-      typeof e == "string" ? this.parsedItems = JSON.parse(e) : this.parsedItems = e;
-    } catch {
-      this.parsedItems = [];
-    }
-  }
-  /**
-   * Lifecycle method that runs when the component is about to be loaded.
-   * It parses the initial `items` prop value.
-   */
-  componentWillLoad() {
-    this.parseItems(this.items), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize);
-  }
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.updateScreenSize);
-  }
-  /**
-   * Lifecycle method that runs when the component has fully loaded.
-   * It emits a custom event for each `eds-link` element contained within the breadcrumb.
-   */
-  componentDidLoad() {
-    this.el.shadowRoot.querySelectorAll("eds-link").forEach((t) => {
-      this.emitContext(t);
-    });
-  }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param linkElement - The link element to which the event will be dispatched.
-   */
-  emitContext(e) {
-    const t = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    e.dispatchEvent(t);
-  }
-  /**
-   * Truncates breadcrumb items based on the maxVisibleItems value.
-   * Truncates `label` to 10 characters if `isSmallScreen` is true, except for the last label.
-   */
-  getTruncatedItems() {
-    const e = this.parsedItems.length;
-    if (e > this.maxVisibleItems) {
-      const t = this.parsedItems[0], s = this.parsedItems.slice(-2), n = { label: "...", url: "", isHidden: !0 };
-      if (this.maxVisibleItems === 3)
-        return [
-          this.truncateLabel(t),
-          n,
-          ...s.map((r, a) => a === s.length - 1 ? r : this.truncateLabel(r))
-        ];
-      if (this.maxVisibleItems === 4) {
-        const r = this.parsedItems[Math.floor(e / 2)];
-        return [
-          this.truncateLabel(t),
-          this.truncateLabel(r),
-          n,
-          ...s.map((a, l) => l === s.length - 1 ? a : this.truncateLabel(a))
-        ];
-      }
-    }
-    return this.parsedItems.map((t, s) => s === this.parsedItems.length - 1 ? t : this.truncateLabel(t));
-  }
-  /**
-   * Truncates the label of a breadcrumb item to a maximum of 10 characters
-   * if the screen is small.
-   */
-  truncateLabel(e) {
-    return e.label.length > 15 ? Object.assign(Object.assign({}, e), { label: `${e.label.slice(0, 15)}...` }) : e;
-  }
-  /**
-   * Render method for the breadcrumb component.
-   * It creates a navigation element with an ordered list of breadcrumb links.
-   * The last link is disabled and marked as the current page.
-   */
-  render() {
-    const e = this.getTruncatedItems();
-    return i("nav", { key: "b3f515670374a7451981638d658f8e37f07ab10c", "aria-label": "Breadcrumb" }, i("ol", { key: "999b2035f3c996016e753be3826881a11054e184", class: "flex items-center space-x-2" }, e.map((t, s) => {
-      const n = s === e.length - 1;
-      return i("li", { class: "flex items-center" }, t.isHidden ? i("span", { class: "truncate px-2 ", "aria-hidden": "true" }, "...") : i("eds-link", { label: t.label, url: t.url, intent: this.intent, current: n, "aria-label": t.label, size: "small", "icon-small": "false" }), !n && !t.isHidden && i("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
-    })));
-  }
-  get el() {
-    return d(this);
-  }
-  static get watchers() {
-    return {
-      items: ["parseItems"]
-    };
-  }
-};
-o.style = m;
-export {
-  o as eds_breadcrumb
-};

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

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

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

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

package/eds-components-section.entry-8sEheaoX.js

@@ -1,130 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),t=()=>e.h("div",{class:"static-content container"},e.h("eds-alert",{message:`EBRAINS Design System makes it easy to implement and use its components across any framework or no framework at all. We
-      accomplish this by using standardized web platform APIs and Web Components.`,intent:"default"}),e.h("h2",null,"Load the module"),e.h("p",null,"Integrating EDSs components to a project without a JavaScript framework is straight forward. If you’re working on a simple HTML page, you can start using the components immediately by adding the tags below to the"," ",e.h("code",null,"head"),"."),e.h("eds-code-block",{code:'<script type="module" href="https://unpkg.com/@ebrains/components@0.0.1/loader"/><\/script>',language:"javascript","copy-label":"Copy Code"}),e.h("h2",null,"Load the styles"),e.h("p",null,"To directly use the produced css framework with a few predefined custom utility classes, add the tag below to the"," ",e.h("code",null,"head")),e.h("eds-code-block",{code:'<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@0.0.1/styles/output.css"/>',language:"css","copy-label":"Copy Code"}),e.h("h2",null,"Load the fonts"),e.h("p",null,"To load the correct webfonts as well, add either one of these tags to the ",e.h("code",null,"head")),e.h("eds-code-block",{code:'<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@0.0.1/styles/base/fonts.css"/>',language:"css","copy-label":"Copy Code"}),e.h("h2",null,"Component Usage"),e.h("p",null,"Once included, components can be used in your markup like any other regular HTML elements:"),e.h("eds-code-block",{code:'<eds-button label="my bytton" intent="primary"></eds-button>',language:"html","copy-label":"Copy Code"})),a=()=>e.h("div",null,e.h("p",null,"To start using the EBRAINS Design System, include the following scripts and styles in your project. You can also install it via npm for use with modern build tools."),e.h("eds-code-block",{code:"npm install @ebrains/components",language:"html","copy-label":"Copy Code"}),e.h("p",null,"TBD")),s=()=>e.h("div",null,e.h("h1",null,"Usage with basic HTML "),e.h("p",null,"TBD")),o=()=>e.h("div",null,e.h("h2",null,"React Wrappers"),e.h("p",null,"Learn how to use our components in a React Application."),"Simple install the package below and check out the examples",e.h("eds-code-block",{code:"npm install @ebrains/react",language:"javascript","copy-label":"Copy Code"}),e.h("eds-section-core",{"section-title":"Example React App","heading-level":"h3"},e.h("eds-code-block",{code:`
-import { EdsHeader } from "@ebrains/react";
-
-interface User {
-  firstname: string;
-  lastname: string;
-  // Add any other properties your user object might have
-}
-
-interface AuthStatus {
-  authenticated: boolean;
-  user: User | null;
-}
-
-import { useEffect, useState } from "react";
-
-export function App() {
-
-  const [authStatus, setAuthStatus] = useState<AuthStatus>({
-    authenticated: false,
-    user: null,
-  });
-  
-  const [activeTabIndex, setActiveTabIndex] = useState<number>(0);
-
-  // Use useEffect to render Stencil components dynamically after the component mounts
-  useEffect(() => {
-    
-    const handleAuthStatusChange = (event: CustomEvent) => {
-      console.log(event.detail);
-      setAuthStatus(event.detail); // Set the entire object
-    };
-
-    const handleTabChange = (
-      event: CustomEvent<{ index: number; name: string }>,
-    ) => {
-      console.log(event.detail);
-      setActiveTabIndex(event.detail.index);
-    };
-
-    document.addEventListener(
-      "authStatusChanged",
-      handleAuthStatusChange as EventListener,
-    );
-    document.addEventListener("tabChange", handleTabChange as EventListener);
-
-    return () => {
-      document.removeEventListener(
-        "authStatusChanged",
-        handleAuthStatusChange as EventListener,
-      );
-      document.removeEventListener(
-        "tabChange",
-        handleTabChange as EventListener,
-      );
-    };
-  }, []); // Empty dependency array ensures this runs only once after mounting
-
-  return (
-    <div id="main">
-      <EdsHeader
-        home-url="/"
-        user-feature={false}
-        keycloak-url="http://localhost:8080"
-        keycloak-realm="nigeor-realm"
-        keycloak-client-id="stencil-app"
-        links="[
-            { "label": "About", "url": "/about" },
-            { "label": "Focus Areas", "url": "/focus-areas" },
-            { "label": "News & Events", "url": "/news-and-events" },
-            { "label": "Contact", "url": "/contact" }
-          ]"
-      ></EdsHeader>
-
-      <div> 
-        User is{" "} {authStatus.authenticated ? "authenticated" : "not authenticated"}
-      </div>
-      {authStatus.user && <div>Welcome, {authStatus.user.firstname}</div>}
-      </div>
-    </div>
-  );
-}
-
-export default App;
-`,language:"javascript","copy-label":"Copy Code"}))),l=()=>e.h("div",null,e.h("h2",null,"Vue Wrappers"),e.h("p",null,"Learn how to use our components in a Vue Application."),e.h("eds-code-block",{code:"npm install @ebrains/vue",language:"javascript","copy-label":"Copy Code"}),e.h("p",null,"Define the custom elements"),e.h("eds-code-block",{code:`import { defineCustomElements } from '@ebrains/components/loader';
-defineCustomElements();`,language:"javascript","copy-label":"Copy Code"}),e.h("eds-section-core",{"section-title":"Example Vue App","heading-level":"h3"},e.h("eds-code-block",{code:`
-<template>
-  <h1 className="f-heading-02">Vue App</h1>
-
-  <EdsHeader 
-    home-url="/" 
-    user-feature=false 
-    keycloak-url="http://localhost:8080" 
-    keycloak-realm="nigeor-realm"
-    keycloak-client-id="stencil-app" 
-    links="[
-      { "label": "About", "url": "/about" },
-      { "label": "Focus Areas", "url": "/focus-areas" },
-      { "label": "News & Events", "url": "/news-and-events" },
-      { "label": "Contact", "url": "/contact" }
-    ]">
-  </EdsHeader>
-
-</template>
-
-<script>
-
-import { EdsHeader } from "@ebrains/vue";
-
-export default {
-  name: "App",
-  components: {
-    EdsHeader,
-  }
-};
-<\/script>
-`,language:"javascript","copy-label":"Copy Code"}))),c=()=>e.h("div",null,e.h("h2",null,"Angular Wrappers"),e.h("p",null,"Learn how to use our components in a Angular Application."),e.h("eds-code-block",{code:"npm install @ebrains/angular",language:"javascript","copy-label":"Copy Code"}),e.h("p",null,"Define the custom elements"),e.h("eds-code-block",{code:`import { defineCustomElements } from '@ebrains/components/loader';
-defineCustomElements();`,language:"javascript","copy-label":"Copy Code"}),e.h("p",null,"Angular Custom Elements Schema"),e.h("eds-code-block",{code:'import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";',language:"javascript","copy-label":"Copy Code"}),e.h("eds-section-core",{"section-title":"Example Angular App","heading-level":"h3"},e.h("eds-code-block",{code:`
-<div class="container">
-  <h1 class="f-heading-01">{{ title }}</h1>
-  <eds-breadcrumb
-    intent="tertiary"
-    items="[
-      { "label": "Home", "url": "#" },
-      { "label": "Products", "url": "#" },
-    ]">
-  </eds-breadcrumb>
-  <eds-footer></eds-footer>
-</div>`,language:"javascript","copy-label":"Copy Code"}))),r=class{constructor(n){e.registerInstance(this,n),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h(t,null);case 1:return e.h(a,null);case 2:return e.h(s,null);case 3:return e.h(o,null);case 4:return e.h(l,null);case 5:return e.h(c,null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"faa14dc7bb5d966ea1328f60d8ca88b3c406ad51",class:"container"},this.renderContent())}};exports.eds_components_section=r;

package/eds-footer.entry-9xXgg22T.mjs

@@ -1,29 +0,0 @@
-import { r as o, h as e } from "./index-DQrtrXyM.mjs";
-const a = "", t = a, r = class {
-  constructor(s) {
-    o(this, s), this.backToTop = () => {
-      window.scrollTo({ top: 0, behavior: "smooth" });
-    }, this.extraClass = "", this.social = !1, this.hasCookiesSetUp = !1, this.enableScrollTop = !1, this.fundedBy = "EBRAINS is funded by the Horizon Europe Framework Programme.", this.rightsReserved = `${(/* @__PURE__ */ new Date()).getFullYear()} EBRAINS. All rights reserved.`, this.cookiesPreference = "Cookies Preferences";
-  }
-  /**
-   * Toggles the cookie preferences popup, if available.
-   * The actual implementation for handling cookie preferences should be defined here.
-   * @private
-   */
-  toggleCookiesPopup() {
-  }
-  /**
-   * Renders the footer component with optional sections and elements,
-   * including social network links, a Horizon Europe funding acknowledgment, and
-   * legal links such as "Cookies Preferences" and copyright information.
-   *
-   * @returns {JSX.Element} The rendered JSX for the footer component.
-   */
-  render() {
-    return e("footer", { key: "efffa9b96cc2a094255fcb6d08ec45c7c7f09ec4", class: `${this.extraClass} pb-banner` }, this.social ? e("div", { class: "border-softest border-t-2 pt-20 pb-28 md:pt-28" }, e("div", { class: "container pb-20 xl:pb-40 " }, e("div", { class: "grid-layout" }, e("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, e("eds-social-networks", { class: "mt-28" })), e("nav", { "aria-label": "Secondary nav", class: "grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0" })))) : null, e("div", { key: "c3942c635dff3dc8cb47a21f20aca52acfaa3e18", class: `border-softest ${this.social ? "border-t-2" : ""} pt-20 pb-28 md:pt-28` }, e("div", { key: "57e963272659ce2e63294c969f3724a03aef667e", class: "container flex flex-wrap items-center gap-20 lg:flex-nowrap" }, e("div", { key: "c3e5cfe07fe9eb90450f7a87be1b95ed00ef38ce", class: "flex items-center gap-x-12" }, e("a", { key: "b0d0c65115b611f78d2b468559c16eb60f538907", target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en" }, e("eds-img", { key: "6cb5d067f07b456a8d828f3f42f2730e3e5374e0", width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg" }))), e("div", { key: "e5b768b0fb96fcdcb786d33fc808368005935491", class: "f-ui-04 text-light order-last w-full lg:order-none lg:w-auto" }, e("p", { key: "777263c2f4bde43d38690f41391eaf8e51d945fa" }, this.fundedBy), e("div", { key: "a415687d08edf8f3e03a6edce9c45f58662c8595", class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap" }, e("span", { key: "c0b6498ad4f5e1f4f1945ebb971f9dd81cc74c77", class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "© ", this.rightsReserved), this.hasCookiesSetUp && e("button", { key: "10133d180bfb0d8a6354ea2cbea318a2c46fc463", class: "effect-focus !no-underline underline-offset-4 hover:!underline", onClick: () => this.toggleCookiesPopup() }, this.cookiesPreference))), e("div", { key: "917d0980f91a8c42a75bae301b0a18e3777dd021", class: "ml-auto pl-12" }, this.enableScrollTop ? e("eds-button", { "aria-label": "Back to top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop }) : null))));
-  }
-};
-r.style = t;
-export {
-  r as eds_footer
-};

package/eds-footer.entry-DqnRHQ32.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),a="",t=a,s=class{constructor(o){e.registerInstance(this,o),this.backToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})},this.extraClass="",this.social=!1,this.hasCookiesSetUp=!1,this.enableScrollTop=!1,this.fundedBy="EBRAINS is funded by the Horizon Europe Framework Programme.",this.rightsReserved=`${new Date().getFullYear()} EBRAINS. All rights reserved.`,this.cookiesPreference="Cookies Preferences"}toggleCookiesPopup(){}render(){return e.h("footer",{key:"efffa9b96cc2a094255fcb6d08ec45c7c7f09ec4",class:`${this.extraClass} pb-banner`},this.social?e.h("div",{class:"border-softest border-t-2 pt-20 pb-28 md:pt-28"},e.h("div",{class:"container pb-20 xl:pb-40 "},e.h("div",{class:"grid-layout"},e.h("div",{class:"grid-col-span-12 lg:grid-col-span-5"},e.h("eds-social-networks",{class:"mt-28"})),e.h("nav",{"aria-label":"Secondary nav",class:"grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0"})))):null,e.h("div",{key:"c3942c635dff3dc8cb47a21f20aca52acfaa3e18",class:`border-softest ${this.social?"border-t-2":""} pt-20 pb-28 md:pt-28`},e.h("div",{key:"57e963272659ce2e63294c969f3724a03aef667e",class:"container flex flex-wrap items-center gap-20 lg:flex-nowrap"},e.h("div",{key:"c3e5cfe07fe9eb90450f7a87be1b95ed00ef38ce",class:"flex items-center gap-x-12"},e.h("a",{key:"b0d0c65115b611f78d2b468559c16eb60f538907",target:"_blank",rel:"noopener noreferrer",class:"effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",href:"https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en"},e.h("eds-img",{key:"6cb5d067f07b456a8d828f3f42f2730e3e5374e0",width:54,height:41,src:"https://www.ebrains.eu/flags/4x3/eu.svg"}))),e.h("div",{key:"e5b768b0fb96fcdcb786d33fc808368005935491",class:"f-ui-04 text-light order-last w-full lg:order-none lg:w-auto"},e.h("p",{key:"777263c2f4bde43d38690f41391eaf8e51d945fa"},this.fundedBy),e.h("div",{key:"a415687d08edf8f3e03a6edce9c45f58662c8595",class:"mt-4 flex flex-wrap gap-12 lg:flex-nowrap"},e.h("span",{key:"c0b6498ad4f5e1f4f1945ebb971f9dd81cc74c77",class:"effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline"},"© ",this.rightsReserved),this.hasCookiesSetUp&&e.h("button",{key:"10133d180bfb0d8a6354ea2cbea318a2c46fc463",class:"effect-focus !no-underline underline-offset-4 hover:!underline",onClick:()=>this.toggleCookiesPopup()},this.cookiesPreference))),e.h("div",{key:"917d0980f91a8c42a75bae301b0a18e3777dd021",class:"ml-auto pl-12"},this.enableScrollTop?e.h("eds-button",{"aria-label":"Back to top",intent:"ghostInverse",icon:"chevron-up",onClick:this.backToTop}):null))))}};s.style=t;exports.eds_footer=s;

package/eds-frame.entry-Bz-23eT7.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.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;

package/eds-frame.entry-YVbNIAAz.mjs

@@ -1,74 +0,0 @@
-import { r as s, h as e, g as i } from "./index-DQrtrXyM.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;
-  }
-  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);
-    });
-  }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param linkElement - The link element to which the event will be dispatched.
-   */
-  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("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 })));
-  }
-  get el() {
-    return i(this);
-  }
-};
-export {
-  o as eds_frame
-};

package/eds-fullscreen-menu.entry-4kxB1p-j.mjs

@@ -1,74 +0,0 @@
-import { r as t, c as i, h as e } from "./index-DQrtrXyM.mjs";
-const r = "", l = r, o = class {
-  constructor(s) {
-    t(this, s), this.menuClose = i(this, "menuClose", 7), this.links = void 0, this.menuLinks = void 0, this.homeUrl = "/", this.inverseHeader = !1, this.isMenuOpen = !1;
-  }
-  /**
-   * Listens for the toggleMenu event to open or close the menu.
-   * This event is emitted by the eds-header component.
-   */
-  handleToggleMenu(s) {
-    this.isMenuOpen = s.detail;
-  }
-  /** Opens the menu */
-  openMenu() {
-    this.isMenuOpen = !0;
-  }
-  /** Closes the menu */
-  closeMenu() {
-    this.isMenuOpen = !1, this.menuClose.emit();
-  }
-  // Lifecycle method to add the resize event listener when component loads
-  componentDidLoad() {
-    window.addEventListener("resize", this.handleResize.bind(this));
-  }
-  // Lifecycle method to remove the resize event listener when component unloads
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.handleResize.bind(this));
-  }
-  // Function to close the menu if screen width is larger than a defined breakpoint (1024px)
-  handleResize() {
-    window.innerWidth >= 1024 && (this.isMenuOpen = !1);
-  }
-  /**
-   * Parses the `links` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed link objects
-   */
-  get parsedLinks() {
-    if (typeof this.links == "object")
-      return this.links;
-    if (typeof this.links == "string")
-      try {
-        return JSON.parse(this.links);
-      } catch (s) {
-        return console.error("Error parsing links prop:", s), [];
-      }
-    return [];
-  }
-  /**
-   * Parses the `menuLinks` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `menuLinks` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed menu link objects
-   */
-  get parsedMenuLinks() {
-    if (typeof this.menuLinks == "object")
-      return this.menuLinks;
-    if (typeof this.menuLinks == "string")
-      try {
-        return JSON.parse(this.menuLinks);
-      } catch (s) {
-        return console.error("Error parsing menuLinks prop:", s), [];
-      }
-    return [];
-  }
-  render() {
-    return this.isMenuOpen ? e("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, e("div", { class: "flex min-h-full flex-col" }, e("div", { class: `bg-default w-full sticky top-0 ${this.inverseHeader ? "bg-strongest" : "bg-default"}` }, e("div", { class: "mx-auto flex items-center justify-between" }, e("div", { class: "mr-auto w-[200px] h-[85px]" }, e("eds-logo", { type: this.inverseHeader ? "color-white" : "color", href: this.homeUrl })), e("div", { class: "px-16" }, e("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), e("div", { class: "py-16 px-16" }, e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((s, n) => e("eds-link", { label: s.label, key: n, url: s.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" }))), e("eds-block-break", null), e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((s, n) => e("eds-link", { label: s.label, key: n, url: s.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" })))), e("div", { class: "mt-auto" }, e("eds-footer", { social: !0, "extra-class": "bg-darker" })))) : null;
-  }
-};
-o.style = l;
-export {
-  o as eds_fullscreen_menu
-};

package/eds-fullscreen-menu.entry-DwOubHgX.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),i="",r=i,t=class{constructor(s){e.registerInstance(this,s),this.menuClose=e.createEvent(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(s){this.isMenuOpen=s.detail}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}componentDidLoad(){window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){window.innerWidth>=1024&&(this.isMenuOpen=!1)}get parsedLinks(){if(typeof this.links=="object")return this.links;if(typeof this.links=="string")try{return JSON.parse(this.links)}catch(s){return console.error("Error parsing links prop:",s),[]}return[]}get parsedMenuLinks(){if(typeof this.menuLinks=="object")return this.menuLinks;if(typeof this.menuLinks=="string")try{return JSON.parse(this.menuLinks)}catch(s){return console.error("Error parsing menuLinks prop:",s),[]}return[]}render(){return this.isMenuOpen?e.h("div",{class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},e.h("div",{class:"flex min-h-full flex-col"},e.h("div",{class:`bg-default w-full sticky top-0 ${this.inverseHeader?"bg-strongest":"bg-default"}`},e.h("div",{class:"mx-auto flex items-center justify-between"},e.h("div",{class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),e.h("div",{class:"px-16"},e.h("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),e.h("div",{class:"py-16 px-16"},e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map((s,n)=>e.h("eds-link",{label:s.label,key:n,url:s.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"arrow-right"}))),e.h("eds-block-break",null),e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map((s,n)=>e.h("eds-link",{label:s.label,key:n,url:s.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"chevron-right"})))),e.h("div",{class:"mt-auto"},e.h("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};t.style=r;exports.eds_fullscreen_menu=t;