@ebrains/components 0.2.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 };

package/dist/esm/eds-fullscreen-menu.entry.js

@@ -1,96 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-e96badea.js';
-
-const edsFullscreenMenuCss = "";
-const EdsFullscreenMenuStyle0 = edsFullscreenMenuCss;
-
-const EdsFullscreenMenu = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.menuClose = createEvent(this, "menuClose", 7);
-        this.links = undefined;
-        this.menuLinks = undefined;
-        this.homeUrl = '/';
-        this.inverseHeader = false;
-        this.isMenuOpen = false;
-    }
-    /**
-     * Listens for the toggleMenu event to open or close the menu.
-     * This event is emitted by the eds-header component.
-     */
-    handleToggleMenu(event) {
-        this.isMenuOpen = event.detail; // Set isMenuOpen based on the event payload
-    }
-    /** Opens the menu */
-    openMenu() {
-        this.isMenuOpen = true;
-    }
-    /** Closes the menu */
-    closeMenu() {
-        this.isMenuOpen = false;
-        this.menuClose.emit();
-    }
-    // Lifecycle method to add the resize event listener when component loads
-    componentDidLoad() {
-        window.addEventListener('resize', this.handleResize.bind(this));
-    }
-    // Lifecycle method to remove the resize event listener when component unloads
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.handleResize.bind(this));
-    }
-    // Function to close the menu if screen width is larger than a defined breakpoint (1024px)
-    handleResize() {
-        if (window.innerWidth >= 1024) {
-            this.isMenuOpen = false;
-        }
-    }
-    /**
-     * Parses the `links` prop into an array of link objects.
-     * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
-     *
-     * @returns {any[]} Array of parsed link objects
-     */
-    get parsedLinks() {
-        if (typeof this.links === 'object') {
-            return this.links;
-        }
-        else if (typeof this.links === 'string') {
-            try {
-                return JSON.parse(this.links);
-            }
-            catch (e) {
-                // eslint-disable-next-line
-                console.error('Error parsing links prop:', e);
-                return [];
-            }
-        }
-        return [];
-    }
-    /**
-     * Parses the `menuLinks` prop into an array of link objects.
-     * Returns an empty array if parsing fails or if `menuLinks` is not a valid JSON string or object.
-     *
-     * @returns {any[]} Array of parsed menu link objects
-     */
-    get parsedMenuLinks() {
-        if (typeof this.menuLinks === 'object') {
-            return this.menuLinks;
-        }
-        else if (typeof this.menuLinks === 'string') {
-            try {
-                return JSON.parse(this.menuLinks);
-            }
-            catch (e) {
-                // eslint-disable-next-line
-                console.error('Error parsing menuLinks prop:', e);
-                return [];
-            }
-        }
-        return [];
-    }
-    render() {
-        return this.isMenuOpen ? (h("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, h("div", { class: "flex min-h-full flex-col" }, h("div", { class: `bg-default w-full sticky top-0 ${this.inverseHeader ? 'bg-strongest' : 'bg-default'}` }, h("div", { class: "mx-auto flex items-center justify-between" }, h("div", { class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), h("div", { class: "px-16" }, h("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), h("div", { class: "py-16 px-16" }, h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((link, index) => (h("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" })))), h("eds-block-break", null), h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((link, index) => (h("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" }))))), h("div", { class: "mt-auto" }, h("eds-footer", { social: true, "extra-class": "bg-darker" }))))) : null;
-    }
-};
-EdsFullscreenMenu.style = EdsFullscreenMenuStyle0;
-
-export { EdsFullscreenMenu as eds_fullscreen_menu };

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

@@ -1,82 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
-
-const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";
-const EdsModalStyle0 = edsModalCss;
-
-const EdsModal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isOpen = false;
-        this.title = '';
-        this.truncate = true;
-        this.truncateLines = '1';
-    }
-    getTruncateClass() {
-        return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
-    }
-    /**
-     * Opens the modal.
-     */
-    async open() {
-        this.isOpen = true;
-        /*sendAnalytics({
-          category: 'ui-component',
-          tag: this.el.tagName.toLowerCase(),
-          name: this.title,
-          action: 'show'
-        });*/
-    }
-    /**
-     * Closes the modal.
-     */
-    async close() {
-        this.isOpen = false;
-        /*sendAnalytics({
-          category: 'ui-component',
-          tag: this.el.tagName.toLowerCase(),
-          name: this.title,
-          action: 'hide'
-        });*/
-    }
-    /**
-     * Toggles the modal open or closed.
-     */
-    async toggle() {
-        this.isOpen = !this.isOpen;
-    }
-    /**
-     * 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() {
-        // Emit context for each eds-link element after the component is fully loaded
-        const btns = this.el.shadowRoot.querySelectorAll('eds-button');
-        btns.forEach((btn) => {
-            this.emitContext(btn);
-        });
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given button element.
-     * This event provides context information about the eds-modal component.
-     *
-     * @param btnElement - The link element to which the event will be dispatched.
-     */
-    emitContext(btnElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        btnElement.dispatchEvent(event);
-    }
-    render() {
-        return (h("div", { key: '00816ecb900bd9b68b31fdf6e48bef0223f9e10a', class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-50 flex` }, this.isOpen && (h("div", { key: '570fa8625f9ad4b1ea82633f11e2b289ab01b853', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
-            ,
-            onClick: () => this.close() })), h("div", { key: 'ff658c763e3fbc98123f13483076399966b10515', class: "max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center " }, h("div", { key: 'd8b72acd90cc59ab1f82384aee4e311319f75aa9', class: "flex justify-between items-center border-b-2 border-softer pb-8" }, h("span", { key: 'ee61fc505c5a3eb93541d3762d37f28a5a788bae', class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.title), h("eds-button", { key: '3832772417d05a162eb5f2c4d0733f0ee845ed1c', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), h("div", { key: 'f71b38be8284a37d0d198df0a9858c64202b3d91', class: "pt-8" }, h("slot", { key: '1f80948334e5b4e9fc00a3bf01c6fc402d8220c3' })))));
-    }
-    get el() { return getElement(this); }
-};
-EdsModal.style = EdsModalStyle0;
-
-export { EdsModal as eds_modal };

package/dist/esm/eds-social-networks.entry.js

@@ -1,62 +0,0 @@
-import { r as registerInstance, h } from './index-e96badea.js';
-
-const edsSocialNetworkCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}";
-const EdsSocialNetworksStyle0 = edsSocialNetworkCss;
-
-const EdsSocialNetwork = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Array of social network objects, each containing label, URL, and icon.
-         * These are used to render the social network links.
-         *
-         * @private
-         * @type {SocialNetworks[]}
-         */
-        this.socialNetworks = [
-            {
-                label: 'Twitter',
-                url: 'https://twitter.com/ebrains_eu',
-                icon: 'twitter'
-            },
-            {
-                label: 'Linkedin',
-                url: 'https://www.linkedin.com/company/ebrains-eu/about/',
-                icon: 'linkedin'
-            },
-            {
-                label: 'Facebook',
-                url: 'https://www.facebook.com/people/Ebrains_eu/100046659909324/',
-                icon: 'facebook'
-            },
-            {
-                label: 'Youtube',
-                url: 'https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ',
-                icon: 'youtube'
-            },
-            {
-                label: 'Mastodon',
-                url: 'https://mastodon.social/@ebrains',
-                icon: 'mastodon'
-            },
-            {
-                label: 'Bluesky',
-                url: 'https://bsky.app/profile/ebrains.bsky.social',
-                icon: 'bluesky'
-            }
-        ];
-        this.title = 'Follow EBRAINS to keep up-to-date';
-    }
-    /**
-     * Renders the component's HTML structure with links to EBRAINS social profiles.
-     * Each social network link uses the `eds-link` component with specific classes and styles.
-     *
-     * @returns {JSX.Element} The rendered JSX for the component.
-     */
-    render() {
-        return (h("div", { key: '6169559327b728fd0f3a51a2b8a6439f80fba8fc' }, h("p", { key: 'df2e008500097af1b85660fe8b3fac122f5018a4', class: "f-ui-02" }, this.title), h("ul", { key: 'df01a2802412c4db4e5442fdfc0b6ef3f15c4109', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index) => (h("li", { key: index }, h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
-    }
-};
-EdsSocialNetwork.style = EdsSocialNetworksStyle0;
-
-export { EdsSocialNetwork as eds_social_networks };

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

@@ -1,139 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
-
-const edsTableCss = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}";
-const EdsTableStyle0 = edsTableCss;
-
-const EdsTable = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.minWidth = 400; // Minimum width for components in px
-        this.data = null;
-        this.endpoint = null;
-        this.config = {};
-        this.rowsPerPage = 10;
-        this.paginationEnabled = true;
-        this.searchEnabled = false;
-        this.tableData = [];
-        this.columns = [];
-        this.currentPage = 1;
-        this.parsedConfig = {};
-        this.totalRows = 0;
-        this.searchQuery = '';
-    }
-    handleDataChange() {
-        this.parseData();
-    }
-    handleConfigChange() {
-        this.parseConfig();
-    }
-    componentWillLoad() {
-        this.parseConfig();
-        this.data ? this.parseData() : this.endpoint && this.fetchData();
-    }
-    componentDidLoad() {
-        this.setupPaginationListener();
-    }
-    componentDidUpdate() {
-        this.setupPaginationListener();
-    }
-    parseData() {
-        try {
-            this.tableData = typeof this.data === 'string' ? JSON.parse(this.data) : this.data || [];
-            this.totalRows = this.tableData.length;
-            this.updateColumns();
-            this.currentPage = 1;
-        }
-        catch (error) {
-            // eslint-disable-next-line
-            console.error('Failed to parse data:', error);
-            this.tableData = [];
-        }
-    }
-    parseConfig() {
-        try {
-            this.parsedConfig = typeof this.config === 'string' ? JSON.parse(this.config) : this.config;
-        }
-        catch (error) {
-            // eslint-disable-next-line
-            console.error('Failed to parse config:', error);
-            this.parsedConfig = {};
-        }
-    }
-    async fetchData() {
-        try {
-            const response = await fetch(this.endpoint);
-            const data = await response.json();
-            this.data = data;
-        }
-        catch (error) {
-            // eslint-disable-next-line
-            console.error('Failed to fetch data:', error);
-        }
-    }
-    setupPaginationListener() {
-        if (!this.shouldEnablePagination()) {
-            return;
-        }
-        const paginationEl = this.hostEl.shadowRoot.querySelector('eds-pagination');
-        if (paginationEl && !paginationEl.hasAttribute('listener-attached')) {
-            paginationEl.addEventListener('pageChange', (event) => this.handlePageChange(event.detail));
-            paginationEl.setAttribute('listener-attached', 'true');
-        }
-    }
-    getFilteredRows() {
-        return this.tableData.filter((row) => Object.values(row).some((value) => value.toString().toLowerCase().includes(this.searchQuery.toLowerCase())));
-    }
-    getPaginatedRows() {
-        const filteredRows = this.getFilteredRows();
-        this.totalRows = filteredRows.length;
-        const start = (this.currentPage - 1) * this.rowsPerPage;
-        return filteredRows.slice(start, start + this.rowsPerPage);
-    }
-    handlePageChange(newPage) {
-        this.currentPage = newPage;
-    }
-    handleSearch(event) {
-        this.searchQuery = event.target.value;
-        this.currentPage = 1;
-    }
-    renderCell(value, column) {
-        var _a;
-        const format = (_a = this.parsedConfig[column]) === null || _a === void 0 ? void 0 : _a.format;
-        return format === 'uppercase' ? (value === null || value === void 0 ? void 0 : value.toString().toUpperCase()) : format === 'svg' ? (h("div", { innerHTML: value })) : format === 'bold' ? (h("strong", null, value)) : format === 'code' ? (h("code", null, value)) : (value);
-    }
-    shouldEnablePagination() {
-        return this.paginationEnabled && this.totalRows > this.rowsPerPage;
-    }
-    updateColumns() {
-        this.columns = this.tableData.length > 0 ? Object.keys(this.tableData[0]) : [];
-    }
-    getVisibleColumnsCount() {
-        return this.columns.filter((column) => { var _a; return !((_a = this.parsedConfig[column]) === null || _a === void 0 ? void 0 : _a.hidden); }).length;
-    }
-    render() {
-        const paginatedRows = this.getPaginatedRows();
-        const lastPage = Math.ceil(this.totalRows / this.rowsPerPage);
-        // Calculate column width based on minWidth and number of columns
-        //const columnWidth = Math.max(this.minWidth / this.columns.length, 100);
-        // Use the visible column count to calculate the column width
-        const visibleColumnsCount = this.getVisibleColumnsCount();
-        const columnWidth = visibleColumnsCount > 0 ? Math.max(this.minWidth / visibleColumnsCount, 100) : 100;
-        return (h("div", { key: 'c5e50673eb1ed5cf00e0294885bf9cd6d13f9366', class: "container", style: { minWidth: `${this.minWidth}px` } }, h("div", { key: '0e0814a8cb5ae1e11538a26cba630e59d39dde74' }, this.searchEnabled && (h("eds-input-field", { key: 1, name: "search", "aria-label": "Search", type: "text", placeholder: "Search...",
-            // @ts-ignore
-            onInput: (event) => this.handleSearch(event) }))), h("div", { key: '65e0c9057c313f220655ecd7692a83c932f441b3', class: "mt-20" }, h("table", { key: '9e77153c2e0983f7598a21ef55ebcf3107655e09', class: "block overflow-x-auto mt-6 p-0" }, h("thead", { key: '38e5ac67ffae80d896c29357615d19b5dfcc52d3' }, h("tr", { key: '526c5b30da0a2aa97bb90f5b473b3e9ea41dde6b', class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((column) => {
-            var _a;
-            return !((_a = this.parsedConfig[column]) === null || _a === void 0 ? void 0 : _a.hidden) && (h("th", { class: "m-0 px-20 py-8 border border-softer f-ui-02", style: { minWidth: `${columnWidth}px` } }, column));
-        }))), h("tbody", { key: '5a10525ed86eac82291746be4c6cce5f65942d2d' }, paginatedRows.map((row) => (h("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((column) => {
-            var _a;
-            return !((_a = this.parsedConfig[column]) === null || _a === void 0 ? void 0 : _a.hidden) && (h("td", { class: "text-center border border-softer m-0 px-20 py-8 f-ui-2", style: { minWidth: `${columnWidth}px` } }, this.renderCell(row[column], column)));
-        }))))))), h("div", { key: 'af1183fd3e635c7d7ac982231adfdd9d892f6979', class: "mt-20" }, this.shouldEnablePagination() && (h("eds-pagination", { key: 'a5de7f25054c2d67f0788bfd2bc37d07f46de02c', currentPage: this.currentPage, lastPage: lastPage, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })))));
-    }
-    get hostEl() { return getElement(this); }
-    static get watchers() { return {
-        "data": ["handleDataChange"],
-        "config": ["handleConfigChange"]
-    }; }
-};
-EdsTable.style = EdsTableStyle0;
-
-export { EdsTable as eds_table };

package/dist/esm/logo-variations-horizontal.entry.js

@@ -1,27 +0,0 @@
-import { r as registerInstance, h } from './index-e96badea.js';
-
-const logoVariationsHorizontalCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";
-const LogoVariationsHorizontalStyle0 = logoVariationsHorizontalCss;
-
-const LogoVariations = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.orientation = 'horizontal';
-        this.type = undefined;
-    }
-    render() {
-        if (this.type === 'coloured') {
-            return (h("div", { class: "container my-16" }, h("div", { class: "coloured w-[300px]" }, h("eds-logo", { type: "no-bg", href: "#" }))));
-        }
-        if (this.type === 'black') {
-            return (h("div", { class: "container my-16" }, h("div", { class: "bg-default w-[300px]" }, h("eds-logo", { type: "black", href: "#" }))));
-        }
-        if (this.type === 'color-white') {
-            return (h("div", { class: "container my-16" }, h("div", { class: "w-[300px]" }, h("eds-logo", { type: "color-white", href: "#" }))));
-        }
-        return null;
-    }
-};
-LogoVariations.style = LogoVariationsHorizontalStyle0;
-
-export { LogoVariations as logo_variations_horizontal };

package/dist/esm/logo-variations-vertical.entry.js

@@ -1,27 +0,0 @@
-import { r as registerInstance, h } from './index-e96badea.js';
-
-const logoVariationsVerticalCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";
-const LogoVariationsVerticalStyle0 = logoVariationsVerticalCss;
-
-const LogoVariations = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.orientation = 'horizontal';
-        this.type = undefined;
-    }
-    render() {
-        if (this.type === 'coloured') {
-            return (h("div", { class: "container my-16" }, h("div", { class: "coloured w-[200px]" }, h("eds-logo", { orientation: "vertical", type: "no-bg", href: "#" }))));
-        }
-        if (this.type === 'black') {
-            return (h("div", { class: "container my-16" }, h("div", { class: "bg-default w-[200px]" }, h("eds-logo", { orientation: "vertical", type: "black", href: "#" }))));
-        }
-        if (this.type === 'color-white') {
-            return (h("div", { class: "container my-16" }, h("div", { class: "w-[200px]" }, h("eds-logo", { orientation: "vertical", type: "color-white", href: "#" }))));
-        }
-        return null;
-    }
-};
-LogoVariations.style = LogoVariationsVerticalStyle0;
-
-export { LogoVariations as logo_variations_vertical };