@ebrains/vue 0.9.2-beta → 0.9.3-beta

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-7ljGsgwC.js"),n="",a=n,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:"f07162204271dca0f1ec8a3d309ab9d38a9fff4f"},t.h("eds-section-heading",{key:"c4db2a67151fcec22306f624b071725518292e65",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),t.h("slot",{key:"e610f4777f1b334e20482862504085f5317a63df"}))}};s.style=a;const h=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:"efa6dd7e228db2b86961efdff9b5dd9729a1a24b",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:"dd50f0fe3baf084c71dc4c8fa745484645a58f76",class:this.getHeadingClass()},this.sectionTitle))}};exports.eds_section_core=s;exports.eds_section_heading=h;

package/eds-spinner.entry-BwIR2ZO2.mjs

@@ -0,0 +1,36 @@
+import { r as i, h as s, H as r } from "./index-l365C9dI.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, d = 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: "77f17386e37b3dae21c2893dab53ef046d74b8fb" }, s("div", { key: "c9420f866d61331901df7d6d681d09f75e31846c", class: "spinner-overlay", style: t }, s("span", { key: "83497de6228b75fad77225a1b6fee9a614d68fe4", class: "spinner", style: e })));
+  }
+};
+d.style = o;
+export {
+  d as eds_spinner
+};

package/eds-spinner.entry-Cdu4PTNJ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7ljGsgwC.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:"77f17386e37b3dae21c2893dab53ef046d74b8fb"},e.h("div",{key:"c9420f866d61331901df7d6d681d09f75e31846c",class:"spinner-overlay",style:i},e.h("span",{key:"83497de6228b75fad77225a1b6fee9a614d68fe4",class:"spinner",style:s})))}};t.style=n;exports.eds_spinner=t;

package/eds-switch.entry-8g9JkW0c.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7ljGsgwC.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.toggle=e.createEvent(this,"toggle",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.toggle.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:"ef70db7a5ed4f8e8db7e1a9e94334a3686ec1d0e",class:"switch-container"},this.labelOff&&e.h("span",{key:"4a18de129ba0b4e643a0929b6fc797b7bc35cb4c",class:"switch-label switch-label--off"},this.labelOff),e.h("button",{key:"2d75656fadf36a38269d361fef176e243e1291c2",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:"71bd3c8c042ac337c1392977c27e8f4ccde5e79f",class:"switch-handle"})),this.labelOn&&e.h("span",{key:"7cfa0b1f805271c9281853a872cedf93db7e07d8",class:"switch-label switch-label--on"},this.labelOn))}};s.style=c;exports.eds_switch=s;

package/eds-switch.entry-BOxsYeYC.mjs

@@ -0,0 +1,20 @@
+import { r as s, c as i, h as e } from "./index-l365C9dI.mjs";
+const c = ":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)}", a = c, l = class {
+  constructor(t) {
+    s(this, t), this.toggle = i(this, "toggle", 7), this.toggleSwitch = () => {
+      this.disabled || (this.checked = !this.checked, this.toggle.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: "ef70db7a5ed4f8e8db7e1a9e94334a3686ec1d0e", class: "switch-container" }, this.labelOff && e("span", { key: "4a18de129ba0b4e643a0929b6fc797b7bc35cb4c", class: "switch-label switch-label--off" }, this.labelOff), e("button", { key: "2d75656fadf36a38269d361fef176e243e1291c2", 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: "71bd3c8c042ac337c1392977c27e8f4ccde5e79f", class: "switch-handle" })), this.labelOn && e("span", { key: "7cfa0b1f805271c9281853a872cedf93db7e07d8", class: "switch-label switch-label--on" }, this.labelOn));
+  }
+};
+l.style = a;
+export {
+  l as eds_switch
+};