@ebrains/components 0.6.0-alpha.0 → 0.7.0-alpha.0

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

@@ -1,87 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-e96badea.js';
-import { l as login, a as logout, i as initKeycloak, b as isAuthenticated, g as getUser } from './keycloak-d502ec16.js';
-import { t as toast } from './toastManager-d9eee791.js';
-
-const EdsLogin = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.authStatusChanged = createEvent(this, "authStatusChanged", 7);
-        /**
-         * Handles user login by invoking the Keycloak `login` function.
-         * Only triggers login if the user is not already authenticated.
-         */
-        this.handleLogin = async () => {
-            if (!this.authenticated) {
-                try {
-                    await login();
-                    toast.show('You are authenticated', 'success');
-                }
-                catch (error) {
-                    toast.show(error.message, 'error');
-                }
-            }
-        };
-        /**
-         * Handles user logout by invoking the Keycloak `logout` function.
-         * Resets the `authenticated` state to `false` after logout.
-         */
-        this.handleLogout = async () => {
-            try {
-                await logout();
-            }
-            catch (error) {
-                toast.show(error.message, 'error');
-            }
-            this.authenticated = false;
-            this.user = null;
-        };
-        this.keycloakUrl = undefined;
-        this.keycloakRealm = undefined;
-        this.keycloakClientId = undefined;
-        this.authenticated = false;
-        this.user = null;
-    }
-    /**
-     * Lifecycle method that runs when the component is about to load.
-     * It initializes authentication by calling the `initAuth` method.
-     */
-    async componentWillLoad() {
-        // Check if required props are provided (optional check)
-        if (!this.keycloakUrl || !this.keycloakRealm || !this.keycloakClientId) {
-            // eslint-disable-next-line
-            console.error('Keycloak configuration props are missing.');
-            return;
-        }
-        await this.initAuth();
-    }
-    /**
-     * Initializes the Keycloak authentication by configuring Keycloak with the provided props.
-     * Sets the `authenticated` state and `user` data if the user is authenticated.
-     * Emits `authStatusChanged` event with the authentication status.
-     */
-    async initAuth() {
-        try {
-            await initKeycloak({
-                url: this.keycloakUrl,
-                realm: this.keycloakRealm,
-                clientId: this.keycloakClientId
-            }, true);
-            if (isAuthenticated()) {
-                this.user = getUser();
-                this.authenticated = true;
-                this.authStatusChanged.emit({
-                    authenticated: this.authenticated,
-                    user: this.user
-                }); // Emit auth status change
-            }
-        }
-        catch (error) {
-            toast.show(error.message, 'error');
-        }
-    }
-    render() {
-        return (h("div", { key: '62768f8a6cc8ac16b13f9b2bb9cf5835f7f63844', class: "block" }, !this.authenticated && (h("eds-button", { key: '31e341d628242fed472f673c0fe8346c7871515d', label: "Login", intent: "primary", "extra-class": "text-default", "aria-label": "Login", triggerClick: this.handleLogin.bind(this) }))));
-    }
-};
-
-export { EdsLogin as eds_login };

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

@@ -1,74 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
-import { h as hLogoColor } from './logo-color-7f1fd803.js';
-import { h as hLogoBlack, a as hLogoColorWhite, b as hLogoWhite, c as hLogoWhiteNoBg, v as vLogoColor, d as vLogoBlack, e as vLogoColorWhite, f as vLogoWhite, g as vLogoWhiteNoBg } from './logo-white-no-bg-f382f86f.js';
-import { s as sendAnalytics } from './analytics-44b1416b.js';
-
-const edsLogoCss = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}";
-const EdsLogoStyle0 = edsLogoCss;
-
-const EdsLogo = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.href = '/';
-        this.orientation = 'horizontal';
-        this.type = undefined;
-        this.label = 'Home';
-    }
-    /**
-     * Handles the click event on the logo link.
-     * Emits a `matomoEvent` for analytics tracking with details about the interaction.
-     * - `category`: Component type (e.g., "ui-component").
-     * - `tag`: The HTML tag name of the component.
-     * - `name`: Event name, set as "logo".
-     * - `action`: The action, set as "click".
-     */
-    handleClick() {
-        sendAnalytics({
-            category: 'ui-component',
-            tag: this.el.tagName.toLowerCase(),
-            name: 'logo',
-            action: 'click'
-        });
-    }
-    /**
-     * Determines the appropriate SVG content based on the `orientation` and `type` props.
-     */
-    getLogo() {
-        const logos = {
-            horizontal: {
-                color: hLogoColor,
-                black: hLogoBlack,
-                'color-white': hLogoColorWhite,
-                white: hLogoWhite,
-                'no-bg': hLogoWhiteNoBg
-            },
-            vertical: {
-                color: vLogoColor,
-                black: vLogoBlack,
-                'color-white': vLogoColorWhite,
-                white: vLogoWhite,
-                'no-bg': vLogoWhiteNoBg
-            }
-        };
-        // Validate the orientation and type
-        const validOrientation = logos[this.orientation];
-        if (!validOrientation) {
-            //console.error(`Invalid orientation "${this.orientation}". Falling back to "horizontal".`);
-            return hLogoColor; // Default fallback logo
-        }
-        const validLogo = validOrientation[this.type];
-        if (!validLogo) {
-            //console.error(`Invalid type "${this.type}" for orientation "${this.orientation}". Falling back to "color".`);
-            return validOrientation['color']; // Fallback to color logo
-        }
-        return validLogo;
-    }
-    render() {
-        const logoContent = this.getLogo();
-        return (h("a", { key: 'ee8de4071b0137020341982b4c5cb2c938f1c4df', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, h("div", { key: '1eb620afbcc5a2a5c6914cc1c91a45ca62d0068c', innerHTML: logoContent })));
-    }
-    get el() { return getElement(this); }
-};
-EdsLogo.style = EdsLogoStyle0;
-
-export { EdsLogo as eds_logo };

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

@@ -1,39 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
-
-const EdsNavigator = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.prevLabel = undefined;
-        this.nextLabel = undefined;
-        this.prevUrl = undefined;
-        this.nextUrl = undefined;
-        this.linkSize = 'small';
-        this.linkIntent = 'tertiary';
-    }
-    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 'parentContext' for a given link element with the component's context.
-     * @param linkElement - The eds-link element to emit the event for.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    render() {
-        return (h("ul", { key: '712287e683436cc98c2d6ef195501add1929522e', class: "flex lg:flex grow items-center justify-center gap-x-8" }, this.prevLabel && (h("eds-link", { key: '4fda36ce37897284d7062f88133f147831d96a6f', label: this.prevLabel, url: this.prevUrl || undefined, disabled: !this.prevUrl, "aria-label": this.prevLabel, size: this.linkSize, intent: this.linkIntent, class: "mr-auto !p-8 lg:!pr-12" }, h("eds-icon-wrapper", { key: '9bfa6bbbdc68641f65bec49f207d96f075b9a5b0', icon: "chevron-left" }), this.prevLabel)), this.nextLabel && (h("eds-link", { key: '6ee8ebee011a2c30a74645b072c7c37929d0a55f', label: this.nextLabel, url: this.nextUrl || undefined, disabled: !this.nextUrl, "aria-label": this.nextLabel, size: this.linkSize, intent: this.linkIntent, class: "ml-auto !p-8 lg:!pl-12" }, this.nextLabel, h("eds-icon-wrapper", { key: '44ebd4dcce0e367df7d9035bb445e49fde35e913', icon: "chevron-right", class: "w-20 h-20" })))));
-    }
-    get el() { return getElement(this); }
-};
-
-export { EdsNavigator as eds_navigator };

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

@@ -1,381 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
-import { s as sendAnalytics } from './analytics-44b1416b.js';
-
-const edsPaginationCss = "ul,menu{list-style:none;margin:0;padding:0}.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)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-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)}.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)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{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:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}";
-const EdsPaginationStyle0 = edsPaginationCss;
-
-const EdsPagination = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.currentPage = undefined;
-        this.lastPage = undefined;
-        this.perPage = 10;
-        this.total = 0;
-        this.url = '';
-        this.mode = 'default';
-        this.prevLabel = 'Prev';
-        this.nextLabel = 'Next';
-        this.prevUrl = '';
-        this.nextUrl = '';
-        this.links = [];
-    }
-    /** Lifecycle hook to generate pagination links on component load */
-    componentWillLoad() {
-        if (this.mode === 'default') {
-            this.generateLinks();
-        }
-    }
-    componentDidLoad() {
-        // Emit context for each eds-link element after the component is fully loaded
-        const links = this.hostEl.shadowRoot.querySelectorAll('eds-link');
-        links.forEach((lnk) => {
-            this.emitContext(lnk);
-        });
-        /*if (links.length > 0) {
-          // Emit context for the first link
-          this.emitContext(links[0]);
-    
-          // Emit context for the last link, if it's different from the first
-          if (links.length > 1) {
-            this.emitContext(links[links.length - 1]);
-          }
-        }*/
-    }
-    /**
-     * 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.hostEl.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    onPageOrLastPageChange() {
-        if (this.mode === 'default') {
-            this.generateLinks();
-        }
-    }
-    /**
-     * Checks if the current page is the first page
-     * @returns {boolean} - true if current page is the first page
-     */
-    isFirstPage() {
-        return this.currentPage === 1;
-    }
-    /**
-     * Checks if the current page is the last page
-     * @returns {boolean} - true if current page is the last page
-     */
-    isLastPage() {
-        return this.currentPage === this.lastPage;
-    }
-    /**
-     * Generates a pagination link object
-     * @param {number} page - Page number for the link
-     * @returns {Link} - Link object with page details
-     */
-    generateLink(page) {
-        const urlHasQuery = this.url.includes('?');
-        return {
-            ariaLabel: `Page ${page}`,
-            url: `${this.url}${urlHasQuery ? '&' : '?'}page=${page}`,
-            label: page.toString(),
-            current: this.currentPage === page,
-            disabled: false
-        };
-    }
-    /** Generates pagination links based on the last page and current page */
-    generateLinks() {
-        if (this.lastPage && this.lastPage > 5) {
-            this.links = this.getPaginationGenerator(this.currentPage || 1, this.lastPage).map((page) => typeof page === 'number' ? this.generateLink(page) : page);
-        }
-        else if (this.lastPage) {
-            this.links = Array.from({ length: this.lastPage }).map((_, i) => this.generateLink(i + 1));
-        }
-    }
-    /**
-     * Creates a pagination range based on delta, current, and total pages
-     * @param {number} current - Current page number
-     * @param {number} total - Total number of pages
-     * @param {number} delta - Range of pages to display around the current page
-     * @returns {(number | string)[]} - Range of page numbers or ellipses
-     */
-    getPaginationGenerator(current, total) {
-        const delta = 1; // Show one page before and one after the current page
-        const range = [];
-        if (total <= 5) {
-            // If total pages are 5 or less, show all pages
-            for (let i = 1; i <= total; i++) {
-                range.push(i);
-            }
-        }
-        else {
-            // Always show the first page
-            range.push(1);
-            // Add ellipsis if there’s a gap between the first page and the current range start
-            if (current - delta > 2) {
-                range.push('...');
-            }
-            // Determine range for pages around the current page
-            for (let i = Math.max(2, current - delta); i <= Math.min(total - 1, current + delta); i++) {
-                range.push(i);
-            }
-            // Add ellipsis if there’s a gap between the current range end and the last page
-            if (current + delta < total - 1) {
-                range.push('...');
-            }
-            // Always show the last page
-            range.push(total);
-        }
-        return range;
-    }
-    /**
-     * Formats the current page results information for display
-     * @returns {string} - Formatted page result information
-     */
-    pageResults() {
-        if (this.total > 0) {
-            return this.total > this.perPage
-                ? `${this.perPage * ((this.currentPage || 1) - 1) + 1} - ${this.perPage * (this.currentPage || 1) >= this.total ? this.total : this.perPage * (this.currentPage || 1)} of ${this.total}`
-                : `${this.total}`;
-        }
-        return '';
-    }
-    /**
-     * Handles a page click event, updating the current page and dispatching an event
-     * @param {MouseEvent} event - Click event
-     * @param {number} newPage - New page number
-     */
-    handlePageClick(event, newPage) {
-        if (this.mode === 'navigator') {
-            return; // No page clicking logic for navigator mode
-        }
-        event.preventDefault(); // Prevent default link navigation
-        if (newPage !== this.currentPage) {
-            this.links = this.links.map((link) => typeof link === 'object' ? Object.assign(Object.assign({}, link), { current: parseInt(link.label) === newPage }) : link);
-            const pageChangeEvent = new CustomEvent('pageChange', {
-                detail: newPage,
-                bubbles: true,
-                composed: true
-            });
-            this.hostEl.dispatchEvent(pageChangeEvent);
-            this.currentPage = newPage;
-        }
-    }
-    render() {
-        return (h("div", { key: '8c8418eec263acc153a928b752775458f897504f' }, this.total > 0 && this.mode === 'default' && (h("p", { key: '02a5a69772a4812f10b29e8df117b72df210614d', class: "f-ui-03 text-lightest mb-28 w-full text-center" }, h("span", { key: 'ef9804843100c722643c24e31a05f86f2d55efa0', class: "sr-only" }, "Results:"), this.pageResults())), this.mode === 'navigator' || (this.lastPage && this.lastPage > 1) ? (h("nav", { "aria-label": "Pagination" }, h("ul", { class: "flex items-center justify-center gap-x-8" }, h("li", { class: "mr-auto" }, h("eds-link", { label: this.prevLabel, url: this.mode === 'navigator'
-                ? this.prevUrl || '#' // Use prevUrl if provided, otherwise disable with '#'
-                : this.isFirstPage()
-                    ? '#'
-                    : this.generateLink(this.currentPage - 1).url, disabled: this.mode === 'navigator'
-                ? !this.prevUrl // Disable if prevUrl is not provided
-                : this.isFirstPage(), "aria-label": "Previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "strong", "hide-label-on-small-screen": true, class: "!p-8 lg:!pr-12", onClick: (event) => {
-                if (this.mode === 'default') {
-                    if (this.isFirstPage()) {
-                        event.preventDefault(); // Prevent click if disabled
-                    }
-                    else {
-                        this.handlePageClick(event, (this.currentPage || 1) - 1);
-                    }
-                }
-            } })), this.mode === 'default' &&
-            this.links.map((link, index) => (h("li", { key: index, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof link === 'string' ? (h("span", { class: "flex items-center justify-center" }, link)) : (h("eds-link", { url: link.url, "aria-label": link.ariaLabel, label: link.label, current: link.current, size: "small", class: "!p-8", intent: link.current ? 'secondary' : 'ghost', onClick: (event) => this.handlePageClick(event, parseInt(link.label)) }))))), h("li", { class: "ml-auto" }, h("eds-link", { label: this.nextLabel, url: this.mode === 'navigator'
-                ? this.nextUrl || '#' // Use nextUrl if provided, otherwise disable with '#'
-                : this.isLastPage()
-                    ? '#'
-                    : this.generateLink(this.currentPage + 1).url, disabled: this.mode === 'navigator'
-                ? !this.nextUrl // Disable if nextUrl is not provided
-                : this.isLastPage(), "aria-label": "Next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "strong", "hide-label-on-small-screen": true, class: "!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors", onClick: (event) => {
-                if (this.mode === 'default') {
-                    if (this.isLastPage()) {
-                        event.preventDefault(); // Prevent click if disabled
-                    }
-                    else {
-                        this.handlePageClick(event, (this.currentPage || 1) + 1);
-                    }
-                }
-            } }))))) : null));
-    }
-    get hostEl() { return getElement(this); }
-    static get watchers() { return {
-        "currentPage": ["onPageOrLastPageChange"],
-        "lastPage": ["onPageOrLastPageChange"]
-    }; }
-};
-EdsPagination.style = EdsPaginationStyle0;
-
-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}.break-words{overflow-wrap:anywhere}";
-const EdsTableStyle0 = edsTableCss;
-
-const EdsTable = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.data = null;
-        this.endpoint = null;
-        this.config = {};
-        this.rowsPerPage = 10;
-        this.paginationEnabled = true;
-        this.searchEnabled = false;
-        this.hostWidth = undefined;
-        this.columnSize = 'default';
-        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;
-        sendAnalytics({
-            category: 'ui-component',
-            parentContext: null,
-            tag: `${this.hostEl.tagName.toLowerCase()}/eds-pagination`,
-            name: `${newPage}` || '',
-            action: 'page'
-        });
-    }
-    handleSearch(event) {
-        this.searchQuery = event.target.value;
-        this.currentPage = 1;
-        /*sendAnalytics({
-          category: 'ui-component',
-          parentContext: null,
-          tag: `${this.hostEl.tagName.toLowerCase()}/eds-input-field/search`,
-          name: `${this.searchQuery}` || '',
-          action: 'page'
-        });*/
-    }
-    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;
-    }
-    divisionFactor() {
-        let divisionFactor = 1;
-        if (this.columnSize === 'medium') {
-            divisionFactor = 2;
-        }
-        else if (this.columnSize === 'large') {
-            divisionFactor = 4;
-        }
-        return divisionFactor;
-    }
-    render() {
-        // Get the paginated rows and calculate the last page.
-        const paginatedRows = this.getPaginatedRows();
-        const lastPage = Math.ceil(this.totalRows / this.rowsPerPage);
-        // Determine the number of visible columns (i.e., those not hidden via config)
-        const visibleColumnsCount = this.getVisibleColumnsCount();
-        /// Calculate container width based on the optional prop or parent's measured width.
-        const containerWidth = this.hostWidth && this.hostWidth.trim() !== ''
-            ? Number(this.hostWidth)
-            : this.hostEl.parentElement instanceof HTMLElement
-                ? this.hostEl.parentElement.getBoundingClientRect().width
-                : this.hostEl.getRootNode().host instanceof HTMLElement
-                    ? this.hostEl.getRootNode().host.getBoundingClientRect().width
-                    : 400;
-        const columnWidth = visibleColumnsCount > 0 ? Math.floor((containerWidth / visibleColumnsCount) * this.divisionFactor()) : 100;
-        return (h("div", { key: '66ca59804bc8054655ed0d942104516fe4cd259b' }, this.searchEnabled && (h("div", { key: 'df7267fc443da042e4b6ff81ded5800a2213bd73' }, 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: '80ac1fcb3802f9f5d5eabe016fb7345b88908b36', class: "mt-20" }, h("table", { key: '09acf39378b1a4c8bfe40b496ec6bf71a2d761ca', class: "block overflow-x-auto mt-6 p-0" }, h("thead", { key: '8b844806cfef10d1a59da54a385ee8ed6c167050' }, h("tr", { key: '1b3cff91bdaf225e9f3b337e245cd80ad4772b6a', 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 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${columnWidth - 5}px` } }, column));
-        }))), h("tbody", { key: '93dfd3abd196779c288f85bb6a357ad3e9c01418' }, 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 py-8 f-ui-2 break-words", style: { minWidth: `${columnWidth - 5}px` } }, this.renderCell(row[column], column)));
-        }))))))), this.shouldEnablePagination() && (h("div", { key: '516b65d78a9ea91060c1dfcb3306bbd3ac2c6f58', class: "mt-20" }, h("eds-pagination", { key: 'abe3a593827d99437a06e204ea9d8ef92f80aba7', currentPage: this.currentPage, lastPage: lastPage, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })))));
-    }
-    get hostEl() { return getElement(this); }
-    static get watchers() { return {
-        "data": ["handleDataChange", "parseData"],
-        "config": ["handleConfigChange"]
-    }; }
-};
-EdsTable.style = EdsTableStyle0;
-
-export { EdsPagination as eds_pagination, EdsTable as eds_table };

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

@@ -1,62 +0,0 @@
-import { r as registerInstance, h } from './index-e96badea.js';
-
-const edsSocialNetworksCss = "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 = edsSocialNetworksCss;
-
-const EdsSocialNetworks = 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: '9efc31261e88c70f9c808251124178d807140594' }, h("p", { key: '383101de2aaba05e1024f3ba86d788ad5d92173c', class: "f-ui-02" }, this.title), h("ul", { key: 'e27243a4e7b8aab085c4ef091d67df57dba70664', 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" })))))));
-    }
-};
-EdsSocialNetworks.style = EdsSocialNetworksStyle0;
-
-export { EdsSocialNetworks as eds_social_networks };