@ebrains/components 0.3.0-alpha.0 → 0.4.0-alpha.0

package/dist/esm/eds-frame.entry.js

@@ -1,87 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
-
-const EdsFrame = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.frameLabel = undefined;
-        this.urlLabel = 'Open in Storybook';
-        this.errorMessage = 'Could not load the requested Storybook content. Please check the URL or try again later.';
-        this.storybookUrl = undefined;
-        this.storyPath = undefined;
-        this.intent = 'strong';
-        this.tiny = false;
-        this.size = 'auto';
-        this.bg = true;
-        this.iframeError = false;
-    }
-    articleClasses() {
-        return [
-            this.tiny ? 'min-h-120' : 'min-h-156',
-            this.bg ? 'bg-inverse' : 'bg-default',
-            'rounded border-softer effect-focus-within relative flex grow flex-col border-2',
-            'w-full h-full'
-        ].join(' ');
-    }
-    getFrameHeight() {
-        switch (this.size) {
-            case 'sm':
-                return '100px';
-            case 'md':
-                return '200px';
-            case 'lg':
-                return '400px';
-            case 'xl':
-                return '700px';
-            default:
-                return 'auto';
-        }
-    }
-    async checkIframeAvailability() {
-        try {
-            const response = await fetch(this.frameSrc, { method: 'GET' });
-            if (!response.ok) {
-                throw new Error('Failed to load');
-            }
-        }
-        catch (error) {
-            this.iframeError = true;
-        }
-    }
-    componentWillLoad() {
-        this.checkIframeAvailability();
-    }
-    componentDidLoad() {
-        // Emit context for each eds-link element after the component is fully loaded
-        const links = this.el.querySelectorAll('eds-link');
-        links.forEach((link) => {
-            this.emitContext(link);
-        });
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given link element.
-     * This event provides context information about the breadcrumb component.
-     *
-     * @param linkElement - The link element to which the event will be dispatched.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: this.frameLabel
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    get storyLink() {
-        return `${this.storybookUrl}/?path=/story/${this.storyPath}`;
-    }
-    get frameSrc() {
-        return `${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`;
-    }
-    render() {
-        return (h("div", { key: '0c3a43efc1a125af5999af88c4eb071b5c3bc6c5', class: this.articleClasses() }, h("div", { key: '32303d5e2c2f3b01efe1ceaf828346f873bea6b6', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '75f7f6750413dad4af2ea62c12ffb994491d5d01', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (h("eds-link", { label: this.urlLabel, url: this.storyLink, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: '1fd99f6eda026814910b0cd93635616b7d3ffe09', class: "border-softer border-t-2" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
-    }
-    get el() { return getElement(this); }
-};
-
-export { EdsFrame as eds_frame };