@ebrains/react 0.9.0-beta → 0.9.2-beta

package/eds-spinner.entry.esm.js

@@ -1,67 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsSpinnerCss = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}";
-const EdsSpinnerStyle0 = edsSpinnerCss;
-const EdsSpinner = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.size = '1rem';
-    this.thickness = '10px';
-    this.borderColor = 'var(--grey-400)';
-    this.bottomColor = 'var(--grey-900)';
-    this.background = 'var(--grey-200)';
-    this.fullscreen = false;
-  }
-  render() {
-    const spinnerStyle = Object.assign({
-      width: this.size,
-      height: this.size,
-      border: `${this.thickness} solid ${this.borderColor}`,
-      borderBottomColor: this.bottomColor
-    }, !this.fullscreen && {
-      display: 'inline-block'
-    });
-    // Overlay style: use fixed positioning for fullscreen,
-    // and absolute positioning for inline mode.
-    const overlayStyle = 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 h(Host, {
-      key: '1e1e4ea2734fff8a680e55ca5163e69d2000a55d'
-    }, h("div", {
-      key: 'acf09f69d43404f317240c0d24e644ec0d046cd7',
-      class: "spinner-overlay",
-      style: overlayStyle
-    }, h("span", {
-      key: '3728629fdff738a0b753cd499dc26052b1e3cb7b',
-      class: "spinner",
-      style: spinnerStyle
-    })));
-  }
-};
-EdsSpinner.style = EdsSpinnerStyle0;
-
-export { EdsSpinner as eds_spinner };

package/eds-switch.entry.esm.js

@@ -1,58 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsSwitchCss = ":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)}";
-const EdsSwitchStyle0 = edsSwitchCss;
-const EdsSwitch = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.change = createEvent(this, "change", 7);
-    this.toggleSwitch = () => {
-      if (this.disabled) {
-        return;
-      }
-      this.checked = !this.checked;
-      this.change.emit(this.checked);
-    };
-    this.checked = false;
-    this.disabled = false;
-    this.labelOn = '';
-    this.labelOff = '';
-  }
-  render() {
-    // Compute an accessible name based on state.
-    const accessibleLabel = this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : 'Toggle switch';
-    return h("div", {
-      key: '842d7ecb771ab848481c9f1f6a1aa2f5f04505a7',
-      class: "switch-container"
-    }, this.labelOff && h("span", {
-      key: 'f20f4293896dcbde94346e82d10ed748bdeae0f6',
-      class: "switch-label switch-label--off"
-    }, this.labelOff), h("button", {
-      key: 'ac485fe118bae7f6a42ddb9f7edeccba2224312c',
-      type: "button",
-      role: "switch",
-      "aria-checked": this.checked ? 'true' : 'false',
-      "aria-disabled": this.disabled ? 'true' : 'false',
-      "aria-label": accessibleLabel,
-      class: {
-        switch: true,
-        'switch--checked': this.checked,
-        'switch--disabled': this.disabled
-      },
-      onClick: this.toggleSwitch,
-      disabled: this.disabled
-    }, h("span", {
-      key: '3701615162b3b8946fa5b9040e77dfa20b7de3fe',
-      class: "switch-handle"
-    })), this.labelOn && h("span", {
-      key: 'b57bd428c7d6818bcec1f069a920a7aa2a2e776d',
-      class: "switch-label switch-label--on"
-    }, this.labelOn));
-  }
-};
-EdsSwitch.style = EdsSwitchStyle0;
-
-export { EdsSwitch as eds_switch };