npm - @ebrains/vue - Versions diffs - 0.3.0-alpha.0 → 0.5.0-alpha.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (220) hide show

package/{eds-tooltip.entry-DJqN6_P4.mjs → eds-tooltip.entry-CTCdKTKM.mjs} RENAMED Viewed

@@ -1,5 +1,6 @@
-import { r as f, h as l, g as c } from "./index-Dg2DO7q4.mjs";
-const 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}", w = h, v = class {
+import { r as f, h as l, g as c } from "./index-C-Gy1Lax.mjs";
+import { s as h } from "./analytics-1cde8e4a-BDRcCMlV.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: "" };
   }
@@ -7,7 +8,14 @@ const h = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{b
    * Show the tooltip and update its position.
    */
   async showTooltip() {
-    await this.updateTooltipPosition(), this.isPositioned = !0, this.isVisible = !0;
+    var t;
+    await this.updateTooltipPosition(), this.isPositioned = !0, this.isVisible = !0, h({
+      category: "ui-component",
+      parentContext: null,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((t = this.content) === null || t === void 0 ? void 0 : t.toLowerCase()) || "",
+      action: "hover"
+    });
   }
   /**
    * Hide the tooltip.
@@ -53,7 +61,7 @@ const h = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{b
     }
   }
   render() {
-    return l("div", { key: "5edce5e2ca66ef992ad22604a5017e5ab02f846b", class: "relative" }, l("slot", { key: "74c9ef5978e023a45eb9c25c18f95f1875c19b13" }), this.isVisible && this.isPositioned && this.content && l("div", { key: "4cc3ea40bd81308eb7685b5c1065e8bd30f99191", 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: "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: {
       top: this.tooltipStyle.top,
       left: this.tooltipStyle.left,
       transform: this.tooltipStyle.transform
@@ -63,7 +71,7 @@ const h = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{b
     return c(this);
   }
 };
-v.style = w;
+g.style = v;
 export {
-  v as eds_tooltip
+  g as eds_tooltip
 };

package/eds-tooltip.entry-eiFlYpfl.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-D_kZU_4I.js"),f=require("./analytics-1cde8e4a-B_MD-9qW.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,p=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,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:"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)}};p.style=v;exports.eds_tooltip=p;

package/eds-trl.entry-8BXrp9SK.mjs ADDED Viewed

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

package/eds-trl.entry-DtffM-e5.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D_kZU_4I.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(a){console.error("Invalid applications trl JSON",a),e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const a=this.getParsedApplications().map(r=>({Application:r.name,"Current TRL Stage":`TRL ${r.currentTrl}`,Progress:t.h("div",{class:"w-[200px]"},t.h("eds-progress-bar",{value:this.calculateProgress(r.currentTrl)}))})),s={Application:{format:"code"},"Current TRL Stage":{format:"text"}};return t.h("div",{key:"a329a001d6275fcfe7df9bddf83bd289effe4151",class:"container mx-auto px-4 py-8"},t.h("eds-table",{key:"93aebfd840b16416789b15eec0daa16d9126aa9f",data:JSON.stringify(a),config:JSON.stringify(s),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};exports.eds_trl=i;

package/eds-user.entry-DfBE6LuF.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),a=require("./keycloak-d502ec16-m7LwS-Gh.js"),s=require("./toastManager-d9eee791-DvR_vUPI.js"),r=class{constructor(t){e.registerInstance(this,t),this.authStatusChanged=e.createEvent(this,"authStatusChanged",7),this.handleLogin=()=>{if(!this.authenticated)try{a.login()}catch(i){s.toast.show(i.message,"error")}},this.handleLogout=async()=>{try{await a.logout()}catch(i){s.toast.show(i.message,"error")}this.authenticated=!1,this.user=null},this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.user=null,this.authenticated=!1,this.username="",this.serverAvailable=!1}async componentWillLoad(){if(!this.keycloakUrl||!this.keycloakRealm||!this.keycloakClientId){console.error("Keycloak configuration props are missing.");return}if(this.serverAvailable=await a.checkServerAvailability(`${this.keycloakUrl}/realms/${this.keycloakRealm}`),!this.serverAvailable){s.toast.show("Keycloak server is unavailable.","error");return}await this.initAuth()}async initAuth(){try{await a.initKeycloak({url:this.keycloakUrl,realm:this.keycloakRealm,clientId:this.keycloakClientId},!0),a.isAuthenticated()&&(this.user=a.getUser(),this.authenticated=!0,this.authStatusChanged.emit({authenticated:this.authenticated,user:this.user}))}catch(t){s.toast.show(t.message,"error")}}render(){var t;return e.h("div",{key:"22ee744979511dd2f8a1e1a15bb99215eadd535b",class:"block"},this.authenticated?e.h("div",{class:"flex items-center"},e.h("eds-dropdown",{label:`Welcome, ${(t=this.user)===null||t===void 0?void 0:t.username}`,intent:"tertiary","aria-label":"User Menu","dropdown-pos":"right","dropdown-offset":"false",icon:"chevron-down",class:"text-default"},e.h("eds-user-modal",{user:JSON.stringify(this.user),onLogout:this.handleLogout.bind(this)}))):e.h("eds-button",{label:"Login",intent:"primary",onClick:this.handleLogin,"extra-class":"text-default"}))}get hostEl(){return e.getElement(this)}};exports.eds_user=r;

package/eds-user.entry-ybggwcts.mjs ADDED Viewed

@@ -0,0 +1,66 @@
+import { r as i, c as r, h as t, g as l } from "./index-C-Gy1Lax.mjs";
+import { l as o, a as n, c as h, i as c, b as u, g as d } from "./keycloak-d502ec16-Ce0iGqyk.mjs";
+import { t as a } from "./toastManager-d9eee791-CEYNwx25.mjs";
+const g = class {
+  constructor(e) {
+    i(this, e), this.authStatusChanged = r(this, "authStatusChanged", 7), this.handleLogin = () => {
+      if (!this.authenticated)
+        try {
+          o();
+        } catch (s) {
+          a.show(s.message, "error");
+        }
+    }, this.handleLogout = async () => {
+      try {
+        await n();
+      } catch (s) {
+        a.show(s.message, "error");
+      }
+      this.authenticated = !1, this.user = null;
+    }, this.keycloakUrl = void 0, this.keycloakRealm = void 0, this.keycloakClientId = void 0, this.user = null, this.authenticated = !1, this.username = "", this.serverAvailable = !1;
+  }
+  /**
+   * Lifecycle method that runs when the component is about to load.
+   * It initializes authentication by calling the `initAuth` method.
+   */
+  async componentWillLoad() {
+    if (!this.keycloakUrl || !this.keycloakRealm || !this.keycloakClientId) {
+      console.error("Keycloak configuration props are missing.");
+      return;
+    }
+    if (this.serverAvailable = await h(`${this.keycloakUrl}/realms/${this.keycloakRealm}`), !this.serverAvailable) {
+      a.show("Keycloak server is unavailable.", "error");
+      return;
+    }
+    await this.initAuth();
+  }
+  /**
+   * Initializes the Keycloak authentication by configuring Keycloak with the provided props.
+   * Sets the `authenticated` state and `user` data if the user is authenticated.
+   * Emits `authStatusChanged` event with the authentication status.
+   */
+  async initAuth() {
+    try {
+      await c({
+        url: this.keycloakUrl,
+        realm: this.keycloakRealm,
+        clientId: this.keycloakClientId
+      }, !0), u() && (this.user = d(), this.authenticated = !0, this.authStatusChanged.emit({
+        authenticated: this.authenticated,
+        user: this.user
+      }));
+    } catch (e) {
+      a.show(e.message, "error");
+    }
+  }
+  render() {
+    var e;
+    return t("div", { key: "22ee744979511dd2f8a1e1a15bb99215eadd535b", class: "block" }, this.authenticated ? t("div", { class: "flex items-center" }, t("eds-dropdown", { label: `Welcome, ${(e = this.user) === null || e === void 0 ? void 0 : e.username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, t("eds-user-modal", { user: JSON.stringify(this.user), onLogout: this.handleLogout.bind(this) }))) : t("eds-button", { label: "Login", intent: "primary", onClick: this.handleLogin, "extra-class": "text-default" }));
+  }
+  get hostEl() {
+    return l(this);
+  }
+};
+export {
+  g as eds_user
+};

package/eds-vertical-stepper.entry-DpcwvOst.mjs ADDED Viewed

@@ -0,0 +1,27 @@
+import { r as i, h as e } from "./index-C-Gy1Lax.mjs";
+const p = ":host{display:block}.stepper-container{margin:0 auto}.stepper{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:24px;counter-reset:step}.step{margin-bottom:24px}.step-label{counter-increment:step;font-size:1.25rem;font-weight:600;position:relative;margin-top:1em;margin-bottom:1em}.step-label::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.optional{font-size:0.8rem;color:#888;margin-left:8px}.step-content{margin-top:8px}.step-buttons{margin-top:12px}.step-buttons button{margin-right:8px;padding:6px 12px;font-size:0.875rem}.completed{padding:16px;border:1px solid #ddd;margin-top:16px;text-align:center}", n = p, r = class {
+  constructor(t) {
+    i(this, t), this.handleNext = () => {
+      this.activeStep < this.parsedSteps.length && (this.activeStep = this.activeStep + 1);
+    }, this.handleBack = () => {
+      this.activeStep > 0 && (this.activeStep = this.activeStep - 1);
+    }, this.handleReset = () => {
+      this.activeStep = 0;
+    }, this.steps = "[]", this.activeStep = 0;
+  }
+  get parsedSteps() {
+    try {
+      return JSON.parse(this.steps);
+    } catch {
+      return [];
+    }
+  }
+  render() {
+    const t = this.parsedSteps;
+    return e("div", { key: "08fa2f85c49dbe217b2f9d068bee486e432f5315", class: "stepper-container" }, e("div", { key: "6f7e0a0ccaa2882794a6be0216201d1bf924e2b2", class: "stepper" }, t.map((a, s) => e("div", { class: "step", key: s }, e("div", { class: "step-label" }, e("span", null, a.label), s === t.length - 1 && e("span", { class: "f-ui-03 text-lightest ml-4" }, "(Last step)")), this.activeStep === s && e("div", { class: "step-content" }, e("p", null, a.description), e("div", { class: "step-buttons" }, e("eds-button", { label: s === t.length - 1 ? "Finish" : "Continue", class: "next-btn", onClick: this.handleNext }), e("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: s === 0, "extra-class": s === 0 ? "hidden" : "ml-8 block" })))))), this.activeStep === t.length && e("div", { key: "8a5ebfed582b25d828758e1762a063df6c745093", class: "" }, e("eds-alert", { key: "a142fb50b8df533dd97f770aeaa453f2379ea7cb", intent: "success", message: "All steps completed - you're finished!" }), e("eds-button", { key: "5cfba059c9a152f179e7c31fa5d7a222c00defe2", label: "Start again", onClick: this.handleReset, "extra-class": "mt-4" })));
+  }
+};
+r.style = n;
+export {
+  r as eds_vertical_stepper
+};

package/eds-vertical-stepper.entry-O_GJNo8B.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),n=":host{display:block}.stepper-container{margin:0 auto}.stepper{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:24px;counter-reset:step}.step{margin-bottom:24px}.step-label{counter-increment:step;font-size:1.25rem;font-weight:600;position:relative;margin-top:1em;margin-bottom:1em}.step-label::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.optional{font-size:0.8rem;color:#888;margin-left:8px}.step-content{margin-top:8px}.step-buttons{margin-top:12px}.step-buttons button{margin-right:8px;padding:6px 12px;font-size:0.875rem}.completed{padding:16px;border:1px solid #ddd;margin-top:16px;text-align:center}",p=n,i=class{constructor(t){e.registerInstance(this,t),this.handleNext=()=>{this.activeStep<this.parsedSteps.length&&(this.activeStep=this.activeStep+1)},this.handleBack=()=>{this.activeStep>0&&(this.activeStep=this.activeStep-1)},this.handleReset=()=>{this.activeStep=0},this.steps="[]",this.activeStep=0}get parsedSteps(){try{return JSON.parse(this.steps)}catch{return[]}}render(){const t=this.parsedSteps;return e.h("div",{key:"08fa2f85c49dbe217b2f9d068bee486e432f5315",class:"stepper-container"},e.h("div",{key:"6f7e0a0ccaa2882794a6be0216201d1bf924e2b2",class:"stepper"},t.map((a,s)=>e.h("div",{class:"step",key:s},e.h("div",{class:"step-label"},e.h("span",null,a.label),s===t.length-1&&e.h("span",{class:"f-ui-03 text-lightest ml-4"},"(Last step)")),this.activeStep===s&&e.h("div",{class:"step-content"},e.h("p",null,a.description),e.h("div",{class:"step-buttons"},e.h("eds-button",{label:s===t.length-1?"Finish":"Continue",class:"next-btn",onClick:this.handleNext}),e.h("eds-button",{label:"Back",intent:"ghostInverse",onClick:this.handleBack,disabled:s===0,"extra-class":s===0?"hidden":"ml-8 block"})))))),this.activeStep===t.length&&e.h("div",{key:"8a5ebfed582b25d828758e1762a063df6c745093",class:""},e.h("eds-alert",{key:"a142fb50b8df533dd97f770aeaa453f2379ea7cb",intent:"success",message:"All steps completed - you're finished!"}),e.h("eds-button",{key:"5cfba059c9a152f179e7c31fa5d7a222c00defe2",label:"Start again",onClick:this.handleReset,"extra-class":"mt-4"})))}};i.style=p;exports.eds_vertical_stepper=i;

package/generated/components.d.ts CHANGED Viewed

@@ -18,7 +18,6 @@ export declare const EdsHeader: import('vue').DefineSetupFnComponent<JSX.EdsHead
 export declare const EdsIconWrapper: import('vue').DefineSetupFnComponent<JSX.EdsIconWrapper & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsIconWrapper & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsImg: import('vue').DefineSetupFnComponent<JSX.EdsImg & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsImg & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsInputField: import('vue').DefineSetupFnComponent<JSX.EdsInputField & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsInputField & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
-export declare const EdsInputSelect: import('vue').DefineSetupFnComponent<JSX.EdsInputSelect & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsInputSelect & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsLink: import('vue').DefineSetupFnComponent<JSX.EdsLink & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsLink & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsLogin: import('vue').DefineSetupFnComponent<JSX.EdsLogin & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsLogin & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsLogo: import('vue').DefineSetupFnComponent<JSX.EdsLogo & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsLogo & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
@@ -30,6 +29,8 @@ 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 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 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>;
@@ -38,3 +39,4 @@ export declare const EdsToast: import('vue').DefineSetupFnComponent<JSX.EdsToast
 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-CDHLoNBa.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],o=[{background:"#FFA543"},{background:"#FF4D68"}],s=[{background:"#3FA9F5"},...d,...o],r=class{constructor(c){e.registerInstance(this,c)}render(){return e.h("div",{key:"cb22d37293f3b3b5fe3772cfe83234a5d81e1094",class:"container"},e.h("eds-alert",{key:"9aa7a510440c32f92242b3e09f9e818cd2509b06",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"}),e.h("div",{key:"4d22cba75b7dd45a5a9a7d2b2eba5404875f1403",class:"flex"},e.h("div",{key:"c7f08b3e4ef2692c545edd4185a005ddd6526a23",class:"w-full"},e.h("ul",{key:"28561abcdc93a4899a5d7481fdd47c439f734ff6",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:"f8836d4805fdd416ee75712f749d5cee3f612559",class:"w-full"},e.h("ul",{key:"5842acd55d3a827355f2814c709d057676fb5d0f",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},s.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=r;

package/incorrect-use-of-colors.entry-DbwiJCH0.mjs ADDED Viewed

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