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

package/eds-toast-manager.entry-DNRGmKI4.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-QKKBbj1_.js"),i=require("./toastManager-d9eee791-DvR_vUPI.js"),n=".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}",r=n,o=class{constructor(t){s.registerInstance(this,t),this.toastId=0,this.toasts=[]}connectedCallback(){i.toast.init(this.hostElement),this.hostElement.addEventListener("show-toast",t=>{const{message:e,intent:a}=t.detail;this.addToast(e,a)})}addToast(t,e){const a=this.toastId++;this.toasts=[...this.toasts,{id:a,message:t,intent:e}]}removeToast(t){this.toasts=this.toasts.filter(e=>e.id!==t)}render(){return s.h("div",{key:"30aec03e44a3d83d766786a4fd8c995ce3a524c2",class:"toast-container"},this.toasts.map(t=>s.h("div",{key:t.id},s.h("eds-toast",{message:t.message,intent:t.intent,onClick:()=>this.removeToast(t.id)}))))}get hostElement(){return s.getElement(this)}};o.style=r;exports.eds_toast_manager=o;

package/eds-toast-manager.entry-mR3GXeEW.mjs

@@ -0,0 +1,36 @@
+import { r as o, h as e, g as i } from "./index-DeCYK9qM.mjs";
+import { t as n } from "./toastManager-d9eee791-CEYNwx25.mjs";
+const r = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}", d = r, m = class {
+  constructor(t) {
+    o(this, t), this.toastId = 0, this.toasts = [];
+  }
+  connectedCallback() {
+    n.init(this.hostElement), this.hostElement.addEventListener("show-toast", (t) => {
+      const { message: s, intent: a } = t.detail;
+      this.addToast(s, a);
+    });
+  }
+  /**
+   * Adds a new toast.
+   */
+  addToast(t, s) {
+    const a = this.toastId++;
+    this.toasts = [...this.toasts, { id: a, message: t, intent: s }];
+  }
+  /**
+   * Removes a toast by ID.
+   */
+  removeToast(t) {
+    this.toasts = this.toasts.filter((s) => s.id !== t);
+  }
+  render() {
+    return e("div", { key: "30aec03e44a3d83d766786a4fd8c995ce3a524c2", class: "toast-container" }, this.toasts.map((t) => e("div", { key: t.id }, e("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))));
+  }
+  get hostElement() {
+    return i(this);
+  }
+};
+m.style = d;
+export {
+  m as eds_toast_manager
+};

package/eds-toast.entry-BRfHKFao.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-QKKBbj1_.js"),r=require("./index-39c58238-SQ-JC-LH.js"),o=`.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
+        0 2px 4px -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-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}`,a=o,n=r.cva(["relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md"],{variants:{intent:{default:"bg-dark text-light",success:"bg-success text-dark",error:"bg-error text-light",warning:"bg-warning text-dark"}},defaultVariants:{intent:"default"}}),s=class{constructor(t){e.registerInstance(this,t),this.dismissToast=()=>{this.visible=!1},this.message=void 0,this.intent="default",this.duration=5e3,this.visible=!0}componentDidLoad(){const t=this.el.shadowRoot.querySelector("eds-button");this.emitContext(t)}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(i)}connectedCallback(){this.dismissTimeout=setTimeout(this.dismissToast,this.duration)}disconnectedCallback(){clearTimeout(this.dismissTimeout)}render(){if(!this.visible)return null;const t=n({intent:this.intent});return e.h("div",{class:t,role:"alert","aria-live":"assertive"},e.h("div",{class:"flex items-center justify-between gap-4"},e.h("span",{class:"f-ui-01"},this.message),e.h("eds-button",{intent:"tertiary",icon:"close","aria-label":"Close Toast",onClick:()=>this.dismissToast(),"extra-class":"ml-8"})))}get el(){return e.getElement(this)}};s.style=a;exports.eds_toast=s;

package/eds-toast.entry-ubt1S3Kw.mjs

@@ -0,0 +1,61 @@
+import { r as i, h as e, g as r } from "./index-DeCYK9qM.mjs";
+import { c as o } from "./index-39c58238-BwYCDOHZ.mjs";
+const a = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
+        0 2px 4px -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-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}`, n = a, l = o(["relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md"], {
+  variants: {
+    intent: {
+      default: "bg-dark text-light",
+      success: "bg-success text-dark",
+      error: "bg-error text-light",
+      warning: "bg-warning text-dark"
+    }
+  },
+  defaultVariants: {
+    intent: "default"
+  }
+}), c = class {
+  constructor(t) {
+    i(this, t), this.dismissToast = () => {
+      this.visible = !1;
+    }, this.message = void 0, this.intent = "default", this.duration = 5e3, this.visible = !0;
+  }
+  componentDidLoad() {
+    const t = this.el.shadowRoot.querySelector("eds-button");
+    this.emitContext(t);
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given button element.
+   * This event provides context information about the toast component.
+   *
+   * @param btnElement - The link element to which the event will be dispatched.
+   */
+  emitContext(t) {
+    const s = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    t.dispatchEvent(s);
+  }
+  connectedCallback() {
+    this.dismissTimeout = setTimeout(this.dismissToast, this.duration);
+  }
+  disconnectedCallback() {
+    clearTimeout(this.dismissTimeout);
+  }
+  render() {
+    if (!this.visible)
+      return null;
+    const t = l({ intent: this.intent });
+    return e("div", { class: t, role: "alert", "aria-live": "assertive" }, e("div", { class: "flex items-center justify-between gap-4" }, e("span", { class: "f-ui-01" }, this.message), e("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" })));
+  }
+  get el() {
+    return r(this);
+  }
+};
+c.style = n;
+export {
+  c as eds_toast
+};

package/{eds-tooltip.entry-D9pRQyxl.js → eds-tooltip.entry-BS9OaOdx.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-DvG3cC-8.js"),f=require("./analytics-44b1416b-ol77SdQE.js"),h=".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}",v=h,c=class{constructor(t){i.registerInstance(this,t),this.content=void 0,this.position="above",this.isVisible=!1,this.isPositioned=!1,this.tooltipStyle={top:"0px",left:"0px",transform:""}}async showTooltip(){var t;await this.updateTooltipPosition(),this.isPositioned=!0,this.isVisible=!0,f.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((t=this.content)===null||t===void 0?void 0:t.toLowerCase())||"",action:"hover"})}hideTooltip(){this.isVisible=!1,this.isPositioned=!1}handleKeyPress(t){t.key==="Escape"&&(this.isVisible=!1,this.isPositioned=!1)}updateTooltipPosition(){var t,o;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!s)return;const n=((s==null?void 0:s.assignedNodes({flatten:!0}))||[]).find(e=>e instanceof HTMLElement);if(n){const e=n.getBoundingClientRect(),a=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector('[role="tooltip"]');if(a){const d=a.offsetWidth,p=a.offsetHeight;let r=0,l=0;switch(this.position){case"above":r=window.scrollY-p-8,l=e.left+e.width/2-d/2;break;case"below":r=p-window.scrollY+18,l=e.left+e.width/2-d/2;break}this.tooltipStyle={top:`${r}px`,left:`${l}px`,transform:"translateX(0)"}}}}render(){return i.h("div",{key:"1635b034319df4827a62ed58267d81db277ad19d",class:"relative"},i.h("slot",{key:"6cdfd0f6d456b984464c5091a2829cdba69ba895"}),this.isVisible&&this.isPositioned&&this.content&&i.h("div",{key:"7e736731dc700e0273fdfe15202426d2db086aef",class:"rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",role:"tooltip",style:{top:this.tooltipStyle.top,left:this.tooltipStyle.left,transform:this.tooltipStyle.transform}},this.content))}get el(){return i.getElement(this)}};c.style=v;exports.eds_tooltip=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-QKKBbj1_.js"),p=require("./analytics-44b1416b-ol77SdQE.js"),h=".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}",v=h,f=class{constructor(t){i.registerInstance(this,t),this.content=void 0,this.position="above",this.isVisible=!1,this.isPositioned=!1,this.tooltipStyle={top:"0px",left:"0px",transform:""}}async showTooltip(){var t;await this.updateTooltipPosition(),this.isPositioned=!0,this.isVisible=!0,p.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((t=this.content)===null||t===void 0?void 0:t.toLowerCase())||"",action:"hover"})}hideTooltip(){this.isVisible=!1,this.isPositioned=!1}handleKeyPress(t){t.key==="Escape"&&(this.isVisible=!1,this.isPositioned=!1)}updateTooltipPosition(){var t,o;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!s)return;const n=((s==null?void 0:s.assignedNodes({flatten:!0}))||[]).find(e=>e instanceof HTMLElement);if(n){const e=n.getBoundingClientRect(),a=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector('[role="tooltip"]');if(a){const d=a.offsetWidth,c=a.offsetHeight;let r=0,l=0;switch(this.position){case"above":r=window.scrollY-c-8,l=e.left+e.width/2-d/2;break;case"below":r=c-window.scrollY+18,l=e.left+e.width/2-d/2;break}this.tooltipStyle={top:`${r}px`,left:`${l}px`,transform:"translateX(0)"}}}}render(){return i.h("div",{key:"13caddfe08af818f6c9c1de96cec452a74b3eee1",class:"relative"},i.h("slot",{key:"2882a465b5b106e6d0bcaf4072788d6fc5169223"}),this.isVisible&&this.isPositioned&&this.content&&i.h("div",{key:"6d7f0f2ef3b363015e3ca5ffa71fd32b22148ace",class:"rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",role:"tooltip",style:{top:this.tooltipStyle.top,left:this.tooltipStyle.left,transform:this.tooltipStyle.transform}},this.content))}get el(){return i.getElement(this)}};f.style=v;exports.eds_tooltip=f;

package/{eds-tooltip.entry-BSd2vlEo.mjs → eds-tooltip.entry-D0rqB_RZ.mjs}

@@ -1,8 +1,8 @@
-import { r as f, h as l, g as c } from "./index-Df31uHzU.mjs";
+import { r as p, h as l, g as c } from "./index-DeCYK9qM.mjs";
 import { s as h } from "./analytics-44b1416b-3vYuu4Xs.mjs";
 const w = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}", v = w, g = class {
   constructor(t) {
-    f(this, t), this.content = void 0, this.position = "above", this.isVisible = !1, this.isPositioned = !1, this.tooltipStyle = { top: "0px", left: "0px", transform: "" };
+    p(this, t), this.content = void 0, this.position = "above", this.isVisible = !1, this.isPositioned = !1, this.tooltipStyle = { top: "0px", left: "0px", transform: "" };
   }
   /**
    * Show the tooltip and update its position.
@@ -41,14 +41,14 @@ const w = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{b
     if (n) {
       const e = n.getBoundingClientRect(), o = (s = this.el.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector('[role="tooltip"]');
       if (o) {
-        const d = o.offsetWidth, p = o.offsetHeight;
+        const d = o.offsetWidth, f = o.offsetHeight;
         let a = 0, r = 0;
         switch (this.position) {
           case "above":
-            a = window.scrollY - p - 8, r = e.left + e.width / 2 - d / 2;
+            a = window.scrollY - f - 8, r = e.left + e.width / 2 - d / 2;
             break;
           case "below":
-            a = p - window.scrollY + 18, r = e.left + e.width / 2 - d / 2;
+            a = f - window.scrollY + 18, r = e.left + e.width / 2 - d / 2;
             break;
         }
         this.tooltipStyle = {
@@ -61,7 +61,7 @@ const w = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{b
     }
   }
   render() {
-    return l("div", { key: "1635b034319df4827a62ed58267d81db277ad19d", class: "relative" }, l("slot", { key: "6cdfd0f6d456b984464c5091a2829cdba69ba895" }), this.isVisible && this.isPositioned && this.content && l("div", { key: "7e736731dc700e0273fdfe15202426d2db086aef", class: "rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6", role: "tooltip", style: {
+    return l("div", { key: "13caddfe08af818f6c9c1de96cec452a74b3eee1", class: "relative" }, l("slot", { key: "2882a465b5b106e6d0bcaf4072788d6fc5169223" }), this.isVisible && this.isPositioned && this.content && l("div", { key: "6d7f0f2ef3b363015e3ca5ffa71fd32b22148ace", class: "rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6", role: "tooltip", style: {
       top: this.tooltipStyle.top,
       left: this.tooltipStyle.left,
       transform: this.tooltipStyle.transform

package/eds-trl.entry-CwmhIRgh.mjs

@@ -0,0 +1,34 @@
+import { r as i, h as a } from "./index-DeCYK9qM.mjs";
+const c = class {
+  constructor(e) {
+    i(this, e), this.applications = void 0;
+  }
+  getParsedApplications() {
+    let e = [];
+    if (typeof this.applications == "string")
+      try {
+        e = JSON.parse(this.applications || "[]");
+      } catch (t) {
+        console.error("Invalid applications trl JSON", t), e = [];
+      }
+    else Array.isArray(this.applications) && (e = this.applications);
+    return e;
+  }
+  calculateProgress(e) {
+    return Math.ceil(e / 9 * 100);
+  }
+  render() {
+    const t = this.getParsedApplications().map((r) => ({
+      Application: r.name,
+      "Current TRL Stage": `TRL ${r.currentTrl}`,
+      Progress: a("div", { class: "w-[200px]" }, a("eds-progress-bar", { value: this.calculateProgress(r.currentTrl) }))
+    })), s = {
+      Application: { format: "code" },
+      "Current TRL Stage": { format: "text" }
+    };
+    return a("div", { key: "136da00c1c4e1c6988ec014a80de9b87f5207e69", class: "container mx-auto px-4 py-8" }, a("eds-table", { key: "43a746233f39b4975ff70da955e0c936be7bfece", "table-data": JSON.stringify(t), config: JSON.stringify(s), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" }));
+  }
+};
+export {
+  c as eds_trl
+};

package/eds-trl.entry-D_xUUWvL.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-QKKBbj1_.js"),i=class{constructor(e){t.registerInstance(this,e),this.applications=void 0}getParsedApplications(){let e=[];if(typeof this.applications=="string")try{e=JSON.parse(this.applications||"[]")}catch(r){console.error("Invalid applications trl JSON",r),e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const r=this.getParsedApplications().map(a=>({Application:a.name,"Current TRL Stage":`TRL ${a.currentTrl}`,Progress:t.h("div",{class:"w-[200px]"},t.h("eds-progress-bar",{value:this.calculateProgress(a.currentTrl)}))})),s={Application:{format:"code"},"Current TRL Stage":{format:"text"}};return t.h("div",{key:"136da00c1c4e1c6988ec014a80de9b87f5207e69",class:"container mx-auto px-4 py-8"},t.h("eds-table",{key:"43a746233f39b4975ff70da955e0c936be7bfece","table-data":JSON.stringify(r),config:JSON.stringify(s),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};exports.eds_trl=i;

package/generated/components.d.ts

@@ -5,11 +5,11 @@ export declare const EdsAvatar: import('vue').DefineSetupFnComponent<JSX.EdsAvat
 export declare const EdsBlockBreak: import('vue').DefineSetupFnComponent<JSX.EdsBlockBreak & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsBlockBreak & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsBreadcrumb: import('vue').DefineSetupFnComponent<JSX.EdsBreadcrumb & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsBreadcrumb & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsButton: import('vue').DefineSetupFnComponent<JSX.EdsButton & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsButton & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
-export declare const EdsCardDesc: import('vue').DefineSetupFnComponent<JSX.EdsCardDesc & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsCardDesc & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsCardGeneric: import('vue').DefineSetupFnComponent<JSX.EdsCardGeneric & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsCardGeneric & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsCardSection: import('vue').DefineSetupFnComponent<JSX.EdsCardSection & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsCardSection & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsCodeBlock: import('vue').DefineSetupFnComponent<JSX.EdsCodeBlock & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsCodeBlock & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsDropdown: import('vue').DefineSetupFnComponent<JSX.EdsDropdown & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsDropdown & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsFeedback: import('vue').DefineSetupFnComponent<JSX.EdsFeedback & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsFeedback & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsFooter: import('vue').DefineSetupFnComponent<JSX.EdsFooter & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsFooter & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsForm: import('vue').DefineSetupFnComponent<JSX.EdsForm & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsForm & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsFrame: import('vue').DefineSetupFnComponent<JSX.EdsFrame & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsFrame & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
@@ -29,14 +29,15 @@ export declare const EdsRating: import('vue').DefineSetupFnComponent<JSX.EdsRati
 export declare const EdsSectionCore: import('vue').DefineSetupFnComponent<JSX.EdsSectionCore & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSectionCore & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsSectionHeading: import('vue').DefineSetupFnComponent<JSX.EdsSectionHeading & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSectionHeading & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsSocialNetworks: import('vue').DefineSetupFnComponent<JSX.EdsSocialNetworks & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSocialNetworks & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsSpinner: import('vue').DefineSetupFnComponent<JSX.EdsSpinner & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSpinner & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsSplashScreen: import('vue').DefineSetupFnComponent<JSX.EdsSplashScreen & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSplashScreen & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsSteps: import('vue').DefineSetupFnComponent<JSX.EdsSteps & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSteps & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsStepsV2: import('vue').DefineSetupFnComponent<JSX.EdsStepsV2 & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsStepsV2 & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsSwitch: import('vue').DefineSetupFnComponent<JSX.EdsSwitch & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSwitch & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsTable: import('vue').DefineSetupFnComponent<JSX.EdsTable & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTable & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsTabs: import('vue').DefineSetupFnComponent<JSX.EdsTabs & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTabs & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsTag: import('vue').DefineSetupFnComponent<JSX.EdsTag & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTag & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsTimeline: import('vue').DefineSetupFnComponent<JSX.EdsTimeline & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTimeline & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsToast: import('vue').DefineSetupFnComponent<JSX.EdsToast & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsToast & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
-export declare const EdsToastManager: import('vue').DefineSetupFnComponent<JSX.EdsToastManager & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsToastManager & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsTooltip: import('vue').DefineSetupFnComponent<JSX.EdsTooltip & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTooltip & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsUser: import('vue').DefineSetupFnComponent<JSX.EdsUser & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsUser & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
-export declare const EdsVerticalStepper: import('vue').DefineSetupFnComponent<JSX.EdsVerticalStepper & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsVerticalStepper & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;

package/incorrect-use-of-colors.entry-B5KDlGuR.mjs

@@ -0,0 +1,42 @@
+import { r as a, h as c } from "./index-DeCYK9qM.mjs";
+const s = [
+  {
+    background: "#9CE142"
+  },
+  {
+    background: "#00C959"
+  },
+  {
+    background: "#00A595"
+  }
+], o = [
+  {
+    background: "#C461FF"
+  },
+  {
+    background: "#5D3DF9"
+  }
+], r = [
+  {
+    background: "#FFA543"
+  },
+  {
+    background: "#FF4D68"
+  }
+], d = [
+  {
+    background: "#3FA9F5"
+  },
+  ...o,
+  ...r
+], n = class {
+  constructor(e) {
+    a(this, e);
+  }
+  render() {
+    return c("div", { key: "8a29f5c3fe2ab920f00d640b797828d11f7fcba9", class: "container" }, c("eds-alert", { key: "0ce8c5013e9fa6ffd800a559a67de190ecc1a4bb", message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" }), c("div", { key: "ba82246769b20e6cd15cd70fef6df808d08e3b30", class: "flex" }, c("div", { key: "af9b08aa76f58fff8d8aace808dc3871c4462275", class: "w-full" }, c("ul", { key: "5ad431baa554ed4c3db78f8eb3da82fff2a9ca9c", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, s.map((e) => c("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, c("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: e.background } }))))), c("div", { key: "4e222c4aa8943835c43e0908ccf8b1acbb22bb46", class: "w-full" }, c("ul", { key: "6bd9ac71cc5c4dc99b3779154aa6222c2dd5b43d", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, d.map((e) => c("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, c("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: e.background } })))))));
+  }
+};
+export {
+  n as incorrect_use_of_colors
+};

package/incorrect-use-of-colors.entry-_H77f9zg.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-QKKBbj1_.js"),a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],o=[{background:"#C461FF"},{background:"#5D3DF9"}],s=[{background:"#FFA543"},{background:"#FF4D68"}],r=[{background:"#3FA9F5"},...o,...s],d=class{constructor(c){e.registerInstance(this,c)}render(){return e.h("div",{key:"8a29f5c3fe2ab920f00d640b797828d11f7fcba9",class:"container"},e.h("eds-alert",{key:"0ce8c5013e9fa6ffd800a559a67de190ecc1a4bb",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"}),e.h("div",{key:"ba82246769b20e6cd15cd70fef6df808d08e3b30",class:"flex"},e.h("div",{key:"af9b08aa76f58fff8d8aace808dc3871c4462275",class:"w-full"},e.h("ul",{key:"5ad431baa554ed4c3db78f8eb3da82fff2a9ca9c",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}}))))),e.h("div",{key:"4e222c4aa8943835c43e0908ccf8b1acbb22bb46",class:"w-full"},e.h("ul",{key:"6bd9ac71cc5c4dc99b3779154aa6222c2dd5b43d",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},r.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}})))))))}};exports.incorrect_use_of_colors=d;