@ebrains/components 0.9.2-beta → 1.0.0

package/dist/components/eds-icon-search.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { y as search } from './index-7281d120.js';
-
-const EdsIconSearch = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: '6795d973d3a1fff27c2fd6181235d0284abaf3b7', class: this.class, innerHTML: search });
-    }
-};
-
-export { EdsIconSearch as eds_icon_search };

package/dist/components/eds-icon-star.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { z as star } from './index-7281d120.js';
-
-const EdsIconStar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4', class: this.class, innerHTML: star });
-    }
-};
-
-export { EdsIconStar as eds_icon_star };

package/dist/components/eds-icon-success.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { A as success } from './index-7281d120.js';
-
-const EdsIconSuccess = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: 'e0e594e8a715e0cbaf87280f2b4c55b017dc07ba', class: this.class, innerHTML: success });
-    }
-};
-
-export { EdsIconSuccess as eds_icon_success };

package/dist/components/eds-icon-thumbs-down.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { B as thumbsDown } from './index-7281d120.js';
-
-const EdsIconThumbsDown = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: '94d79a5d32574820ab3459708e3d8c4a3f28f79f', class: this.class, innerHTML: thumbsDown });
-    }
-};
-
-export { EdsIconThumbsDown as eds_icon_thumbs_down };

package/dist/components/eds-icon-thumbs-up.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { C as thumbsUp } from './index-7281d120.js';
-
-const EdsIconThumbsUp = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: 'd7f5361ec8f863891c79de15966d546bae782c0a', class: this.class, innerHTML: thumbsUp });
-    }
-};
-
-export { EdsIconThumbsUp as eds_icon_thumbs_up };

package/dist/components/eds-icon-tutorial.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { D as tutorial } from './index-7281d120.js';
-
-const EdsIconTutorial = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: '9db1730236b54d01a4264e92465f9a953325f7ca', class: this.class, innerHTML: tutorial });
-    }
-};
-
-export { EdsIconTutorial as eds_icon_tutorial };

package/dist/components/eds-icon-twitter.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { E as twitter } from './index-7281d120.js';
-
-const EdsIconTwitter = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: 'cd91bfb2003e955cfb02b5efc28e13b54cc3b7e6', class: this.class, innerHTML: twitter });
-    }
-};
-
-export { EdsIconTwitter as eds_icon_twitter };

package/dist/components/eds-icon-unknown.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { F as unknown } from './index-7281d120.js';
-
-const EdsIconUnknown = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: '259a1fae59093dd4e1fd6d26e07aae0e8c3de2fd', class: this.class, innerHTML: unknown });
-    }
-};
-
-export { EdsIconUnknown as eds_icon_unknown };

package/dist/components/eds-icon-updown.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { G as upDonw } from './index-7281d120.js';
-
-const EdsIconUpdown = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: '9383784da3e52d22395288f8eba5b6f4ee826aa5', class: this.class, innerHTML: upDonw });
-    }
-};
-
-export { EdsIconUpdown as eds_icon_updown };

package/dist/components/eds-icon-user.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { H as user } from './index-7281d120.js';
-
-const EdsIconUser = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: '15fa7c4b7d2dea5740d0926bb1ff6490b23667f8', class: this.class, innerHTML: user });
-    }
-};
-
-export { EdsIconUser as eds_icon_user };

package/dist/components/eds-icon-youtube.entry.js

@@ -1,14 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-import { I as youtube } from './index-7281d120.js';
-
-const EdsIconYoutube = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.class = '';
-    }
-    render() {
-        return h("span", { key: '1a7ad8d7cbef70822ebda2f152d8b537df1eaf27', class: this.class, innerHTML: youtube });
-    }
-};
-
-export { EdsIconYoutube as eds_icon_youtube };

package/dist/components/eds-input-footer.entry.js

@@ -1,17 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-
-const EdsInputFooter = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.name = undefined;
-        this.errorMessage = undefined;
-        this.message = undefined;
-        this.error = false;
-        this.link = undefined;
-    }
-    render() {
-        return (h("div", { key: '595e4c2c12d9379764b777d7b1edaea47c1e52ae', class: "space-y-4 mt-4" }, this.error && this.errorMessage && (h("div", { key: '9597904f712fc30d183a8ac39b65cdd99fec737c', id: `error_${this.name}`, class: "text-error flex items-center" }, h("eds-icon-wrapper", { key: '39b20e643899e760691c1d752733c2acaf0fb4cc', icon: "warning" }), h("p", { key: 'cd5b357cdac58f93f03d688c8fab0a942785ff39', class: "f-ui-04 ml-4", innerHTML: this.errorMessage }))), this.message && h("p", { key: '06c34d4567cdeaebdb167c9c44b7111b6cfd38d3', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (h("a", { key: 'c6eacf01f49da84f14ec95995fbeddabf83d23fc', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
-    }
-};
-
-export { EdsInputFooter as eds_input_footer };

package/dist/components/eds-input-label.entry.js

@@ -1,16 +0,0 @@
-import { r as registerInstance, h } from './index-9d277061.js';
-
-const EdsInputLabel = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.label = undefined;
-        this.name = undefined;
-        this.required = false;
-        this.disabled = false;
-    }
-    render() {
-        return (h("label", { key: '632b2634e219c2a1d8fdc5710c95c80601b0b2ee', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (h("span", { key: 'd1cb546dca2dcd44dedb7f00d7f432a47c9dc517' }, h("span", { key: '08346b3153d32b3fd4ea63f9e27278ec51b2e5b3', "aria-hidden": "true" }, "*"), h("span", { key: 'e364bfb64126e1f704c903528e9a3118d8828227', class: "sr-only" }, "required")))));
-    }
-};
-
-export { EdsInputLabel as eds_input_label };

package/dist/components/eds-input-select.entry.js

@@ -1,97 +0,0 @@
-import { r as registerInstance, a as createEvent, h } from './index-9d277061.js';
-import { t as toast } from './toastManager-b716afd8.js';
-
-const EdsInputSelect = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.changeEvent = createEvent(this, "changeEvent", 7);
-        /**
-         * Event handler for the select input's change event.
-         * Emits the selected value.
-         *
-         * @param event The change event from the select input.
-         */
-        this.handleChange = (event) => {
-            const target = event.target;
-            this.changeEvent.emit(target.value);
-        };
-        this.inputId = undefined;
-        this.name = undefined;
-        this.placeholder = undefined;
-        this.disabled = false;
-        this.hasMessage = false;
-        this.error = false;
-        this.required = false;
-        this.options = [];
-        this.labelKey = 'label';
-        this.valueKey = 'value';
-        this.value = undefined;
-        this.dynamicOptions = [];
-        this.loading = false;
-        this.dynamicValueKey = 'value';
-        this.dynamicLabelKey = 'label';
-        this.hasFetched = false;
-    }
-    componentWillLoad() {
-        this.loadOptions();
-    }
-    /**
-     * Watches for changes in the `options` prop and loads the options accordingly.
-     *
-     * If the first object in the options array contains an "endpoint" key,
-     * the component will fetch options from the specified endpoint using the configured keys.
-     * Otherwise, it will treat the options as static.
-     *
-     * @async
-     */
-    async loadOptions() {
-        // If the first option contains an "endpoint" key, assume dynamic fetch mode.
-        if (this.options && this.options.length > 0 && this.options[0].endpoint) {
-            if (this.hasFetched) {
-                return;
-            }
-            const config = this.options[0];
-            const endpoint = config.endpoint;
-            this.dynamicValueKey = config.value || 'value';
-            this.dynamicLabelKey = config.label || 'label';
-            this.loading = true;
-            try {
-                const response = await fetch(endpoint);
-                if (!response.ok) {
-                    toast.show(`<eds-input-select> HTTP error! Status: ${response.status}`, 'error');
-                }
-                const data = await response.json();
-                // Assume the API returns an array of objects.
-                this.dynamicOptions = data;
-                this.hasFetched = true;
-            }
-            catch (error) {
-                //console.error('Error fetching dynamic options:', error);
-                toast.show(`<eds-input-select> Error fetching dynamic options ${error}`, 'error');
-            }
-            finally {
-                this.loading = false;
-            }
-        }
-        else {
-            // No dynamic configuration found, assume static options.
-            this.dynamicOptions = this.options;
-            this.dynamicValueKey = this.valueKey;
-            this.dynamicLabelKey = this.labelKey;
-        }
-    }
-    getValueByPath(obj, path) {
-        return path.split('.').reduce((acc, part) => acc && acc[part], obj);
-    }
-    render() {
-        return (h("div", { key: 'cc940456a2e0ce84f3b1c05d83a8b37db076c38d', class: "relative", "aria-busy": this.loading ? 'true' : 'false' }, h("select", { key: '105ee19d398aee3df6a6bdde282d4930f4391bc1', id: this.inputId || this.name, name: this.name, class: `input invalid:text-lightest pr-32 ${this.error ? 'input-error' : ''}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": this.hasMessage || this.error ? `${this.name}-error` : '', disabled: this.disabled || this.loading, required: this.required, onChange: this.handleChange }, h("option", { key: '057fd3d0305d390dff0b5b8e0bf40d803cab7b02', value: "", disabled: true, hidden: true }, this.loading ? 'Loading options...' : `Please select ${this.name}`), this.dynamicOptions.map((option, index) => {
-            const optionValue = this.getValueByPath(option, this.dynamicValueKey);
-            return (h("option", { key: index, value: optionValue, selected: optionValue === this.value }, this.getValueByPath(option, this.dynamicLabelKey)));
-        })), h("span", { key: '39a047ac87650db1402db082379b4f4169d5116e', class: `bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled || this.loading ? 'text-lightest bg-transparent' : ''}` }, h("eds-icon-wrapper", { key: 'bee0a8b2a54d855452fb547347c5888cae9f4024', class: "w-20 h-20", icon: "chevron-right" }))));
-    }
-    static get watchers() { return {
-        "options": ["loadOptions"]
-    }; }
-};
-
-export { EdsInputSelect as eds_input_select };