@ebrains/components 0.9.1-beta → 0.9.2-beta

package/dist/cjs/eds-matomo-notice.cjs.entry.js

@@ -1,123 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const analytics = require('./analytics-d8fb3fdd.js');
-
-const edsMatomoNoticeCss = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left: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}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-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))}.md\\:-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))}}";
-const EdsMatomoNoticeStyle0 = edsMatomoNoticeCss;
-
-const EdsMatomoNotice = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.consent = index.createEvent(this, "consent", 7);
-        this.heading = 'Analytics Consent';
-        this.description = "We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.";
-        this.optOutMessage = "You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.";
-        this.forceShow = false;
-        this.showNotice = true;
-    }
-    /**
-     * Listens for global custom events to open the matomo-consent.
-     */
-    toggleCookiesConsent() {
-        this.showNotice = !this.showNotice;
-    }
-    /**
-     * Checks if the consent cookie exists.
-     */
-    hasCookieConsent() {
-        return !!document.cookie.split('; ').find((row) => row.startsWith('mtm_consent='));
-    }
-    /**
-     * Checks if the user has opted out after has opted in.
-     */
-    optedOut() {
-        return !!document.cookie.split('; ').find((row) => row.startsWith('mtm_consent_removed'));
-    }
-    /**
-     * Generate a unique storage key based on appId or the app's domain.
-     */
-    getStorageKey() {
-        return `${window.location.host}-matomo-deferred`;
-    }
-    /**
-     * Check cookies and sessionStorage (unless forceShow is true) to decide if the notice should be shown.
-     */
-    componentWillLoad() {
-        // If a decision has been made previously (opted in or out), don't show the notice.
-        const consentGiven = localStorage.getItem('matomo-consent-given');
-        if (consentGiven === 'out' || this.optedOut()) {
-            this.showNotice = false;
-            return;
-        }
-        if (this.forceShow) {
-            // If forceShow is true, always show the notice
-            this.showNotice = true;
-        }
-        else {
-            // If user has already consented, hide the notice
-            // eslint-disable-next-line
-            if (this.hasCookieConsent()) {
-                this.showNotice = false;
-            }
-            else {
-                // Otherwise check if user deferred in this session
-                const sessionDeferred = sessionStorage.getItem(this.getStorageKey());
-                this.showNotice = !sessionDeferred;
-            }
-        }
-    }
-    componentDidLoad() {
-        const btns = this.el.shadowRoot.querySelectorAll('eds-button');
-        btns.forEach((b) => {
-            this.emitContext(b);
-        });
-    }
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    optInAnalytics() {
-        analytics.matomoOptIn();
-        localStorage.removeItem('matomo-consent-given');
-        this.hideNotice();
-        this.consent.emit('in');
-    }
-    optOutAnalytics() {
-        analytics.matomoOptOut();
-        this.hideNotice();
-        this.consent.emit('out');
-    }
-    noThanks() {
-        localStorage.setItem('matomo-consent-given', 'out');
-        this.hideNotice();
-    }
-    deferDecision() {
-        sessionStorage.setItem(this.getStorageKey(), 'true');
-        this.hideNotice();
-        this.consent.emit('defer');
-    }
-    keepMeIn() {
-        this.hideNotice();
-    }
-    hideNotice() {
-        this.showNotice = false;
-    }
-    render() {
-        if (!this.showNotice) {
-            return null;
-        }
-        return (index.h("div", { class: "fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center" }, index.h("eds-accordion", { title: this.heading, description: this.hasCookieConsent() ? this.optOutMessage : this.description, switchBg: true, expanded: true }, this.hasCookieConsent() ? (index.h("div", { class: "flex items-center gap-4" }, this.optedOut() ? (index.h("eds-button", { intent: "primary", label: "Opt me in again", "aria-label": "Opt me in again", onClick: () => this.optInAnalytics() })) : (index.h("eds-button", { intent: "primary", label: "Keep Me In", "aria-label": "Keep Me In", onClick: () => this.keepMeIn() })), index.h("eds-button", { intent: "ghostInverse", label: "Opt-out", "aria-label": "Opt-out from analytics", onClick: () => this.optOutAnalytics() }))) : (index.h("div", { class: "flex items-center gap-4" }, index.h("eds-button", { intent: "primary", label: "I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() }), index.h("eds-button", { intent: "ghost", label: "No, thanks", "aria-label": "Opt-out from analytics", onClick: () => this.noThanks() }), index.h("eds-button", { intent: "ghost", label: "Ask me later", "aria-label": "Defer analytics decision", onClick: () => this.deferDecision() }))))));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsMatomoNotice.style = EdsMatomoNoticeStyle0;
-
-exports.eds_matomo_notice = EdsMatomoNotice;

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

@@ -1,109 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const analytics = require('./analytics-d8fb3fdd.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}.z-50{z-index:50}.z-9999999{z-index:9999999}.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%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-20{top:1.25rem}.bottom-20{bottom:1.25rem}.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}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-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))}.md\\:-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))}.md\\:gap-y-12{row-gap:0.75rem}}";
-const EdsModalStyle0 = edsModalCss;
-
-const EdsModal = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.isOpen = false;
-        this.heading = '';
-        this.truncate = true;
-        this.truncateLines = '1';
-        this.position = 'middle';
-    }
-    getTruncateClass() {
-        return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
-    }
-    /**
-     * Returns the Tailwind CSS classes to position the modal based on the `position` prop.
-     *
-     * @private
-     * @returns {string} The concatenated CSS classes for modal positioning.
-     */
-    getModalPositionClasses() {
-        switch (this.position) {
-            case 'top':
-                return 'md:left-1/2 top-20 md:-translate-x-1/2';
-            case 'bottom':
-                return 'md:left-1/2 bottom-20 md:-translate-x-1/2';
-            case 'left':
-                return 'left-20 top-1/2 -translate-y-1/2';
-            case 'right':
-                return 'right-20 top-1/2 -translate-y-1/2';
-            case 'middle':
-            default:
-                return 'md:left-1/2 top-1/2 md:-translate-x-1/2 -translate-y-1/2';
-        }
-    }
-    /**
-     * Opens the modal.
-     */
-    async open() {
-        var _a;
-        this.isOpen = true;
-        analytics.sendAnalytics({
-            category: 'ui-component',
-            parentContext: null,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'opened'
-        });
-    }
-    /**
-     * Closes the modal.
-     */
-    async close() {
-        var _a;
-        this.isOpen = false;
-        analytics.sendAnalytics({
-            category: 'ui-component',
-            parentContext: null,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'closed'
-        });
-    }
-    /**
-     * Toggles the modal open or closed.
-     */
-    async toggle() {
-        this.isOpen = !this.isOpen;
-    }
-    /**
-     * Listens for global custom events to open the modal.
-     */
-    handleGlobalOpen() {
-        this.open();
-    }
-    /**
-     * Listens for global custom events to close the modal.
-     */
-    handleGlobalClose() {
-        this.close();
-    }
-    /**
-     * Closes the modal when the Escape key is pressed.
-     */
-    handleKeyDown(event) {
-        if (this.isOpen && event.key === 'Escape') {
-            this.close();
-        }
-    }
-    render() {
-        // Generate a unique id for the title so we can reference it for aria-labelledby.
-        const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
-        return (index.h("div", { key: '3965b74182a1015d34ebc0d5692ab89de44774e6', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (index.h("div", { key: 'c0df46234deb0945ba266e8f36a0b3944bd6d7bd', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
-            ,
-            onClick: () => this.close() })), index.h("div", { key: '7fd65a4651ca67101b3a3e08ffd439070ccb8a96', class: `container max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center` }, index.h("div", { key: '80102734c692934c486fd2e2d707286dd5660c69', class: "flex justify-between items-center border-b-2 border-softer pb-8" }, index.h("span", { key: 'b98138881f6eb4ee1fad3614eda4c91e5349b563', id: titleId, class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.heading), index.h("eds-button", { key: '82f08e8ec6cbcb291c5d984ae97622d364bff5d0', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), index.h("div", { key: '2ea2fc21a8b734c40b1de4a20025a50f7369d375', class: "pt-8" }, index.h("slot", { key: 'ca0fa40b4076af9eea37c6b088d26751173e815c' })))));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsModal.style = EdsModalStyle0;
-
-exports.eds_modal = EdsModal;

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

@@ -1,403 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const analytics = require('./analytics-d8fb3fdd.js');
-const sharedUtils = require('./sharedUtils-8e287250.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) {
-        index.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('page', {
-                detail: newPage,
-                bubbles: true,
-                composed: true
-            });
-            this.hostEl.dispatchEvent(pageChangeEvent);
-            this.currentPage = newPage;
-        }
-    }
-    render() {
-        return (index.h("div", { key: 'b33415e05457ccc78ea3744a1baa9affbf38ca4a' }, this.total > 0 && this.mode === 'default' && (index.h("p", { key: 'e555e94a3fd13cf0d57108bd2cca3fb97cd0c688', class: "f-ui-03 text-lightest mb-28 w-full text-center" }, index.h("span", { key: 'c63f1d5aa6154a23d714c74dcd9a0a75b68df579', class: "sr-only" }, "Results:"), this.pageResults())), this.mode === 'navigator' || (this.lastPage && this.lastPage > 1) ? (index.h("nav", { "aria-label": "Pagination" }, index.h("ul", { class: "flex items-center justify-center gap-x-8" }, index.h("li", { class: "mr-auto" }, index.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$1) => (index.h("li", { key: index$1, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof link === 'string' ? (index.h("span", { class: "flex items-center justify-center" }, link)) : (index.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)) }))))), index.h("li", { class: "ml-auto" }, index.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 index.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) {
-        index.registerInstance(this, hostRef);
-        this.handleResize = () => {
-            this.updateContainerWidth();
-        };
-        this.data = null;
-        this.endpoint = null;
-        this.config = {};
-        this.rowsPerPage = 10;
-        this.paginationEnabled = true;
-        this.searchEnabled = false;
-        this.hostWidth = undefined;
-        this.columnSize = 'default';
-        this.tbData = [];
-        this.columns = [];
-        this.currentPage = 1;
-        this.parsedConfig = {};
-        this.totalRows = 0;
-        this.searchQuery = '';
-        this.containerWidth = 0;
-    }
-    handleDataChange() {
-        this.parseData();
-    }
-    handleConfigChange() {
-        this.parseConfig();
-    }
-    componentWillLoad() {
-        this.parseConfig();
-        this.data ? this.parseData() : this.endpoint && this.fetchData();
-    }
-    componentDidLoad() {
-        this.updateContainerWidth();
-        window.addEventListener('resize', this.handleResize);
-        this.setupPaginationListener();
-    }
-    componentDidUpdate() {
-        this.setupPaginationListener();
-    }
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.handleResize);
-    }
-    updateContainerWidth() {
-        // Use hostWidth prop if provided; otherwise, measure parent element
-        if (this.hostWidth && this.hostWidth.trim() !== '') {
-            this.containerWidth = Number(this.hostWidth);
-        }
-        else if (this.hostEl.parentElement instanceof HTMLElement) {
-            this.containerWidth = this.hostEl.parentElement.getBoundingClientRect().width;
-        }
-        else {
-            this.containerWidth = 400;
-        }
-    }
-    parseData() {
-        try {
-            this.tbData = sharedUtils.parseData(this.data);
-            //this.tbData = typeof this.data === 'string' ? JSON.parse(this.data) : this.data || [];
-            this.totalRows = this.tbData.length;
-            this.updateColumns();
-            this.currentPage = 1;
-        }
-        catch (error) {
-            // eslint-disable-next-line
-            console.error('Failed to parse data:', error);
-            this.tbData = [];
-        }
-    }
-    parseConfig() {
-        try {
-            //this.parsedConfig = parseData(this.config);
-            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('page', (event) => this.handlePageChange(event.detail));
-            paginationEl.setAttribute('listener-attached', 'true');
-        }
-    }
-    getFilteredRows() {
-        return this.tbData.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;
-        analytics.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' ? (index.h("div", { innerHTML: value })) : format === 'bold' ? (index.h("strong", null, value)) : format === 'code' ? (index.h("code", null, value)) : (value);
-    }
-    shouldEnablePagination() {
-        return this.paginationEnabled && this.totalRows > this.rowsPerPage;
-    }
-    updateColumns() {
-        this.columns = this.tbData.length > 0 ? Object.keys(this.tbData[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() {
-        // Use containerWidth state that is updated on resize.
-        const currentContainerWidth = this.hostWidth && this.hostWidth.trim() !== '' ? Number(this.hostWidth) : this.containerWidth || 400;
-        // Calculate the number of visible columns and the column width.
-        const visibleColumnsCount = this.getVisibleColumnsCount();
-        const columnWidth = visibleColumnsCount > 0 ? Math.floor((currentContainerWidth / visibleColumnsCount) * this.divisionFactor()) : 100;
-        const paginatedRows = this.getPaginatedRows();
-        const lastPage = Math.ceil(this.totalRows / this.rowsPerPage);
-        return (index.h("div", { key: '43add2309d8e2c85c98676709cd87fc07e4de017' }, this.searchEnabled && (index.h("div", { key: '1213d8aaa8a2402bd1705e03375d17f570877d5e' }, index.h("eds-input-field", { key: 1, name: "search", "aria-label": "Search", type: "text", placeholder: "Search...",
-            // @ts-ignore
-            onInput: (event) => this.handleSearch(event) }))), index.h("div", { key: 'a2ec6392ed99a527e4de46a9018bc1ea9b383ecb', class: "mt-20" }, index.h("table", { key: 'ef79ce872f0cb1439dd6a7987f24cac005ac23ea', class: "block overflow-x-auto mt-6 p-0" }, index.h("thead", { key: '0853a09e45f748b4bc85e319cbb08efd97426617' }, index.h("tr", { key: '64e114ae3661a027e9ab744ba45801d98f2faee9', 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) && (index.h("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${columnWidth - 4}px` } }, column));
-        }))), index.h("tbody", { key: '1afd468551bab11221bbfc70d0f19f4e105e7432' }, paginatedRows.map((row) => (index.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) && (index.h("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${columnWidth - 4}px` } }, this.renderCell(row[column], column)));
-        }))))))), this.shouldEnablePagination() && (index.h("div", { key: 'c415ded700580eec2464a72a1659bd8be5bcacb3', class: "mt-20" }, index.h("eds-pagination", { key: '81088574b7c7fd254e07761ceed6cd1d69c2f2ed', currentPage: this.currentPage, lastPage: lastPage, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })))));
-    }
-    get hostEl() { return index.getElement(this); }
-    static get watchers() { return {
-        "data": ["handleDataChange", "parseData"],
-        "config": ["handleConfigChange"]
-    }; }
-};
-EdsTable.style = EdsTableStyle0;
-
-exports.eds_pagination = EdsPagination;
-exports.eds_table = EdsTable;