@ebrains/vue 0.9.0-beta → 0.9.2-beta

package/eds-progress-bar.entry-BRTtAttw.mjs

@@ -1,21 +0,0 @@
-import { r as t, h as r } from "./index-xVeSZU9j.mjs";
-const a = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}", o = a, i = class {
-  constructor(e) {
-    t(this, e), this.value = 0;
-  }
-  /**
-   * Method to update the progress value externally.
-   * @param newValue The new progress value (0-100).
-   */
-  async updateValue(e) {
-    this.value = Math.min(100, Math.max(0, e));
-  }
-  render() {
-    const e = this.value;
-    return r("div", { key: "9a7fa42058034305b22818d464e7b633d7831d67", role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": e, "aria-valuetext": `${e}%`, class: "outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden" }, r("div", { key: "90b0ac9a538b575a30163c0dbbf437e1cfe8ce39", class: "inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02", style: { width: `${e}%` } }, e, "%"));
-  }
-};
-i.style = o;
-export {
-  i as eds_progress_bar
-};

package/eds-progress-bar.entry-qScp3MQj.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-cHrGUVDM.js"),a=".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}",o=a,t=class{constructor(e){r.registerInstance(this,e),this.value=0}async updateValue(e){this.value=Math.min(100,Math.max(0,e))}render(){const e=this.value;return r.h("div",{key:"9a7fa42058034305b22818d464e7b633d7831d67",role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e,"aria-valuetext":`${e}%`,class:"outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden"},r.h("div",{key:"90b0ac9a538b575a30163c0dbbf437e1cfe8ce39",class:"inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02",style:{width:`${e}%`}},e,"%"))}};t.style=o;exports.eds_progress_bar=t;

package/eds-rating.entry-CEI0zBir.mjs

@@ -1,61 +0,0 @@
-import { r as s, c as n, h as i, g as o } from "./index-xVeSZU9j.mjs";
-const l = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", c = l, m = class {
-  constructor(t) {
-    s(this, t), this.rating = n(this, "rating", 7), this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
-  }
-  /**
-   * Lifecycle method that runs when the component has fully loaded.
-   * It emits a custom event for each `eds-button` element contained within the breadcrumb.
-   */
-  componentDidLoad() {
-    this.el.shadowRoot.querySelectorAll("eds-button").forEach((e) => {
-      this.emitContext(e);
-    });
-  }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param btnElement - The link element to which the event will be dispatched.
-   */
-  emitContext(t) {
-    const e = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: this.selectedRating
-      }
-    });
-    t.dispatchEvent(e);
-  }
-  /**
-   * Handles the click event on a star.
-   * @param rating - The selected rating value.
-   */
-  handleClick(t) {
-    this.selectedRating = t, this.rating.emit(t);
-  }
-  render() {
-    return i("div", { key: "2ab4f3dbc4cc3dd5272143e99c67b23086b03e18", role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (t, e) => {
-      const a = e + 1, r = a <= this.selectedRating;
-      return i("eds-button", {
-        icon: this.ratingType,
-        role: "radio",
-        "aria-checked": r ? "true" : "false",
-        "aria-label": this.ratingType,
-        onClick: () => this.handleClick(a),
-        tabIndex: this.selectedRating === 0 && e === 0 || r ? 0 : -1,
-        intent: r ? "primary" : "ghost",
-        size: "large",
-        "extra-class": "p-2"
-        // Optional padding or styling for the star button
-      });
-    }));
-  }
-  get el() {
-    return o(this);
-  }
-};
-m.style = c;
-export {
-  m as eds_rating
-};

package/eds-rating.entry-DOTYJZZ6.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-cHrGUVDM.js"),s=":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}",o=s,n=class{constructor(e){r.registerInstance(this,e),this.rating=r.createEvent(this,"rating",7),this.ratingType="star",this.ratingCount=5,this.selectedRating=0}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(t=>{this.emitContext(t)})}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.selectedRating}});e.dispatchEvent(t)}handleClick(e){this.selectedRating=e,this.rating.emit(e)}render(){return r.h("div",{key:"2ab4f3dbc4cc3dd5272143e99c67b23086b03e18",role:"radiogroup",class:"stars flex space-x-1 my-8"},Array.from({length:this.ratingCount},(e,t)=>{const a=t+1,i=a<=this.selectedRating;return r.h("eds-button",{icon:this.ratingType,role:"radio","aria-checked":i?"true":"false","aria-label":this.ratingType,onClick:()=>this.handleClick(a),tabIndex:this.selectedRating===0&&t===0||i?0:-1,intent:i?"primary":"ghost",size:"large","extra-class":"p-2"})}))}get el(){return r.getElement(this)}};n.style=o;exports.eds_rating=n;

package/eds-section-core_2.entry-BZpOdGAA.mjs

@@ -1,39 +0,0 @@
-import { r as t, h as s } from "./index-xVeSZU9j.mjs";
-const a = "", n = a, c = class {
-  constructor(e) {
-    t(this, e), this.tag = "section", this.sectionTitle = "", this.headingLevel = "h2";
-  }
-  render() {
-    const e = this.tag;
-    return s(e, { key: "39c4280156ca46b83538de499baa9b152360b1b4" }, s("eds-section-heading", { key: "34da742e606f0e9bb485faac8aba1519eccc8934", headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), s("slot", { key: "517b8ecc112565e8c6bb0bf85b02525deaa6f9df" }));
-  }
-};
-c.style = n;
-const d = class {
-  constructor(e) {
-    t(this, e), this.sectionTitle = void 0, this.withContainer = !0, this.headingLevel = "h2", this.tag = "div", this.spacingLarge = !1;
-  }
-  getHeadingClass() {
-    return {
-      h1: "f-heading-01",
-      h2: "f-heading-02",
-      h3: "f-heading-03",
-      h4: "f-heading-04",
-      h5: "f-heading-05",
-      h6: "f-heading-06"
-    }[this.headingLevel];
-  }
-  render() {
-    const e = this.tag, i = this.headingLevel;
-    return s(e, { key: "961a672dc3b656b0a308131a2d334aca51df77f6", class: {
-      "ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8": !0,
-      container: this.withContainer,
-      "pt-48": this.spacingLarge,
-      "pt-28": !this.spacingLarge
-    } }, s(i, { key: "42eb2ccfba8c83cf140967e39fead6ebddc3a279", class: this.getHeadingClass() }, this.sectionTitle));
-  }
-};
-export {
-  c as eds_section_core,
-  d as eds_section_heading
-};

package/eds-section-core_2.entry-Cmly0OqW.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cHrGUVDM.js"),a="",n=a,s=class{constructor(e){t.registerInstance(this,e),this.tag="section",this.sectionTitle="",this.headingLevel="h2"}render(){const e=this.tag;return t.h(e,{key:"39c4280156ca46b83538de499baa9b152360b1b4"},t.h("eds-section-heading",{key:"34da742e606f0e9bb485faac8aba1519eccc8934",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),t.h("slot",{key:"517b8ecc112565e8c6bb0bf85b02525deaa6f9df"}))}};s.style=n;const c=class{constructor(e){t.registerInstance(this,e),this.sectionTitle=void 0,this.withContainer=!0,this.headingLevel="h2",this.tag="div",this.spacingLarge=!1}getHeadingClass(){return{h1:"f-heading-01",h2:"f-heading-02",h3:"f-heading-03",h4:"f-heading-04",h5:"f-heading-05",h6:"f-heading-06"}[this.headingLevel]}render(){const e=this.tag,i=this.headingLevel;return t.h(e,{key:"961a672dc3b656b0a308131a2d334aca51df77f6",class:{"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8":!0,container:this.withContainer,"pt-48":this.spacingLarge,"pt-28":!this.spacingLarge}},t.h(i,{key:"42eb2ccfba8c83cf140967e39fead6ebddc3a279",class:this.getHeadingClass()},this.sectionTitle))}};exports.eds_section_core=s;exports.eds_section_heading=c;

package/eds-spinner.entry-C_3hil-u.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cHrGUVDM.js"),r=":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}",n=r,t=class{constructor(s){e.registerInstance(this,s),this.size="1rem",this.thickness="10px",this.borderColor="var(--grey-400)",this.bottomColor="var(--grey-900)",this.background="var(--grey-200)",this.fullscreen=!1}render(){const s=Object.assign({width:this.size,height:this.size,border:`${this.thickness} solid ${this.borderColor}`,borderBottomColor:this.bottomColor},!this.fullscreen&&{display:"inline-block"}),i=this.fullscreen?{position:"fixed",top:"0",left:"0",width:"100vw",height:"100vh",zIndex:"9999999",backgroundColor:this.background,display:"flex",alignItems:"center",justifyContent:"center"}:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",zIndex:"1000",backgroundColor:this.background,display:"flex",alignItems:"center",justifyContent:"center"};return e.h(e.Host,{key:"1e1e4ea2734fff8a680e55ca5163e69d2000a55d"},e.h("div",{key:"acf09f69d43404f317240c0d24e644ec0d046cd7",class:"spinner-overlay",style:i},e.h("span",{key:"3728629fdff738a0b753cd499dc26052b1e3cb7b",class:"spinner",style:s})))}};t.style=n;exports.eds_spinner=t;

package/eds-spinner.entry-DLqey9r7.mjs

@@ -1,36 +0,0 @@
-import { r as i, h as s, H as r } from "./index-xVeSZU9j.mjs";
-const n = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}", o = n, l = class {
-  constructor(e) {
-    i(this, e), this.size = "1rem", this.thickness = "10px", this.borderColor = "var(--grey-400)", this.bottomColor = "var(--grey-900)", this.background = "var(--grey-200)", this.fullscreen = !1;
-  }
-  render() {
-    const e = Object.assign({ width: this.size, height: this.size, border: `${this.thickness} solid ${this.borderColor}`, borderBottomColor: this.bottomColor }, !this.fullscreen && { display: "inline-block" }), t = this.fullscreen ? {
-      position: "fixed",
-      top: "0",
-      left: "0",
-      width: "100vw",
-      height: "100vh",
-      zIndex: "9999999",
-      backgroundColor: this.background,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    } : {
-      position: "absolute",
-      top: "0",
-      left: "0",
-      width: "100%",
-      height: "100%",
-      zIndex: "1000",
-      backgroundColor: this.background,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    };
-    return s(r, { key: "1e1e4ea2734fff8a680e55ca5163e69d2000a55d" }, s("div", { key: "acf09f69d43404f317240c0d24e644ec0d046cd7", class: "spinner-overlay", style: t }, s("span", { key: "3728629fdff738a0b753cd499dc26052b1e3cb7b", class: "spinner", style: e })));
-  }
-};
-l.style = o;
-export {
-  l as eds_spinner
-};

package/eds-switch.entry-BPHya25S.mjs

@@ -1,20 +0,0 @@
-import { r as s, c as i, h as e } from "./index-xVeSZU9j.mjs";
-const a = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-size:14px;margin:0 8px}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}", c = a, l = class {
-  constructor(t) {
-    s(this, t), this.change = i(this, "change", 7), this.toggleSwitch = () => {
-      this.disabled || (this.checked = !this.checked, this.change.emit(this.checked));
-    }, this.checked = !1, this.disabled = !1, this.labelOn = "", this.labelOff = "";
-  }
-  render() {
-    const t = this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : "Toggle switch";
-    return e("div", { key: "842d7ecb771ab848481c9f1f6a1aa2f5f04505a7", class: "switch-container" }, this.labelOff && e("span", { key: "f20f4293896dcbde94346e82d10ed748bdeae0f6", class: "switch-label switch-label--off" }, this.labelOff), e("button", { key: "ac485fe118bae7f6a42ddb9f7edeccba2224312c", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-label": t, class: {
-      switch: !0,
-      "switch--checked": this.checked,
-      "switch--disabled": this.disabled
-    }, onClick: this.toggleSwitch, disabled: this.disabled }, e("span", { key: "3701615162b3b8946fa5b9040e77dfa20b7de3fe", class: "switch-handle" })), this.labelOn && e("span", { key: "b57bd428c7d6818bcec1f069a920a7aa2a2e776d", class: "switch-label switch-label--on" }, this.labelOn));
-  }
-};
-l.style = c;
-export {
-  l as eds_switch
-};

package/eds-switch.entry-IoOUDh10.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cHrGUVDM.js"),i=":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-size:14px;margin:0 8px}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}",c=i,s=class{constructor(t){e.registerInstance(this,t),this.change=e.createEvent(this,"change",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.change.emit(this.checked))},this.checked=!1,this.disabled=!1,this.labelOn="",this.labelOff=""}render(){const t=this.labelOn||this.labelOff?this.checked?this.labelOn:this.labelOff:"Toggle switch";return e.h("div",{key:"842d7ecb771ab848481c9f1f6a1aa2f5f04505a7",class:"switch-container"},this.labelOff&&e.h("span",{key:"f20f4293896dcbde94346e82d10ed748bdeae0f6",class:"switch-label switch-label--off"},this.labelOff),e.h("button",{key:"ac485fe118bae7f6a42ddb9f7edeccba2224312c",type:"button",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":t,class:{switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled},onClick:this.toggleSwitch,disabled:this.disabled},e.h("span",{key:"3701615162b3b8946fa5b9040e77dfa20b7de3fe",class:"switch-handle"})),this.labelOn&&e.h("span",{key:"b57bd428c7d6818bcec1f069a920a7aa2a2e776d",class:"switch-label switch-label--on"},this.labelOn))}};s.style=c;exports.eds_switch=s;