@ebrains/components 0.9.1-beta → 0.9.2-beta

package/dist/components/eds-matomo-notice2.js

@@ -1,158 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { m as matomoOptIn, a as matomoOptOut } from './analytics.js';
-import { d as defineCustomElement$3 } from './eds-accordion2.js';
-import { d as defineCustomElement$2 } from './eds-button2.js';
-import { d as defineCustomElement$1 } from './eds-icon-wrapper2.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 = /*@__PURE__*/ proxyCustomElement(class EdsMatomoNotice extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.consent = 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() {
-        matomoOptIn();
-        localStorage.removeItem('matomo-consent-given');
-        this.hideNotice();
-        this.consent.emit('in');
-    }
-    optOutAnalytics() {
-        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 (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" }, h("eds-accordion", { title: this.heading, description: this.hasCookieConsent() ? this.optOutMessage : this.description, switchBg: true, expanded: true }, this.hasCookieConsent() ? (h("div", { class: "flex items-center gap-4" }, this.optedOut() ? (h("eds-button", { intent: "primary", label: "Opt me in again", "aria-label": "Opt me in again", onClick: () => this.optInAnalytics() })) : (h("eds-button", { intent: "primary", label: "Keep Me In", "aria-label": "Keep Me In", onClick: () => this.keepMeIn() })), h("eds-button", { intent: "ghostInverse", label: "Opt-out", "aria-label": "Opt-out from analytics", onClick: () => this.optOutAnalytics() }))) : (h("div", { class: "flex items-center gap-4" }, h("eds-button", { intent: "primary", label: "I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() }), h("eds-button", { intent: "ghost", label: "No, thanks", "aria-label": "Opt-out from analytics", onClick: () => this.noThanks() }), h("eds-button", { intent: "ghost", label: "Ask me later", "aria-label": "Defer analytics decision", onClick: () => this.deferDecision() }))))));
-    }
-    get el() { return this; }
-    static get style() { return EdsMatomoNoticeStyle0; }
-}, [1, "eds-matomo-notice", {
-        "heading": [1, "title"],
-        "description": [1],
-        "optOutMessage": [1, "opt-out-message"],
-        "forceShow": [4, "force-show"],
-        "showNotice": [32]
-    }, [[16, "cookies", "toggleCookiesConsent"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-matomo-notice", "eds-accordion", "eds-button", "eds-icon-wrapper"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-matomo-notice":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsMatomoNotice);
-            }
-            break;
-        case "eds-accordion":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "eds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { EdsMatomoNotice as E, defineCustomElement as d };

package/dist/components/eds-modal.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface EdsModal extends Components.EdsModal, HTMLElement {}
-export const EdsModal: {
-    prototype: EdsModal;
-    new (): EdsModal;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/eds-modal.js

@@ -1,144 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { s as sendAnalytics } from './analytics.js';
-import { d as defineCustomElement$3 } from './eds-button2.js';
-import { d as defineCustomElement$2 } from './eds-icon-wrapper2.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$1 = /*@__PURE__*/ proxyCustomElement(class EdsModal extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        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;
-        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;
-        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 (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 && (h("div", { key: 'c0df46234deb0945ba266e8f36a0b3944bd6d7bd', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
-            ,
-            onClick: () => this.close() })), 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` }, h("div", { key: '80102734c692934c486fd2e2d707286dd5660c69', class: "flex justify-between items-center border-b-2 border-softer pb-8" }, h("span", { key: 'b98138881f6eb4ee1fad3614eda4c91e5349b563', id: titleId, class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.heading), h("eds-button", { key: '82f08e8ec6cbcb291c5d984ae97622d364bff5d0', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), h("div", { key: '2ea2fc21a8b734c40b1de4a20025a50f7369d375', class: "pt-8" }, h("slot", { key: 'ca0fa40b4076af9eea37c6b088d26751173e815c' })))));
-    }
-    get el() { return this; }
-    static get style() { return EdsModalStyle0; }
-}, [1, "eds-modal", {
-        "heading": [1, "title"],
-        "truncate": [4],
-        "truncateLines": [1, "truncate-lines"],
-        "position": [1],
-        "isOpen": [32],
-        "open": [64],
-        "close": [64],
-        "toggle": [64]
-    }, [[0, "eds-modal-open", "handleGlobalOpen"], [0, "eds-modal-close", "handleGlobalClose"], [8, "keydown", "handleKeyDown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-modal", "eds-button", "eds-icon-wrapper"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-modal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsModal$1);
-            }
-            break;
-        case "eds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const EdsModal = EdsModal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { EdsModal, defineCustomElement };

package/dist/components/eds-pagination.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface EdsPagination extends Components.EdsPagination, HTMLElement {}
-export const EdsPagination: {
-    prototype: EdsPagination;
-    new (): EdsPagination;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/eds-pagination.js

@@ -1,6 +0,0 @@
-import { E as EdsPagination$1, d as defineCustomElement$1 } from './eds-pagination2.js';
-
-const EdsPagination = EdsPagination$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { EdsPagination, defineCustomElement };

package/dist/components/eds-progress-bar.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface EdsProgressBar extends Components.EdsProgressBar, HTMLElement {}
-export const EdsProgressBar: {
-    prototype: EdsProgressBar;
-    new (): EdsProgressBar;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/eds-progress-bar.js

@@ -1,6 +0,0 @@
-import { E as EdsProgressBar$1, d as defineCustomElement$1 } from './eds-progress-bar2.js';
-
-const EdsProgressBar = EdsProgressBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { EdsProgressBar, defineCustomElement };

package/dist/components/eds-progress-bar2.js

@@ -1,43 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const edsProgressBarCss = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}";
-const EdsProgressBarStyle0 = edsProgressBarCss;
-
-const EdsProgressBar = /*@__PURE__*/ proxyCustomElement(class EdsProgressBar extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.value = 0;
-    }
-    /**
-     * Method to update the progress value externally.
-     * @param newValue The new progress value (0-100).
-     */
-    async updateValue(newValue) {
-        this.value = Math.min(100, Math.max(0, newValue)); // Clamp value between 0 and 100
-    }
-    render() {
-        const progressValue = this.value;
-        return (h("div", { key: '9a7fa42058034305b22818d464e7b633d7831d67', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: "outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden" }, h("div", { key: '90b0ac9a538b575a30163c0dbbf437e1cfe8ce39', class: `inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02`, style: { width: `${progressValue}%` } }, progressValue, "%")));
-    }
-    static get style() { return EdsProgressBarStyle0; }
-}, [1, "eds-progress-bar", {
-        "value": [1026],
-        "updateValue": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-progress-bar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-progress-bar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsProgressBar);
-            }
-            break;
-    } });
-}
-
-export { EdsProgressBar as E, defineCustomElement as d };

package/dist/components/eds-rating.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface EdsRating extends Components.EdsRating, HTMLElement {}
-export const EdsRating: {
-    prototype: EdsRating;
-    new (): EdsRating;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/eds-rating.js

@@ -1,6 +0,0 @@
-import { E as EdsRating$1, d as defineCustomElement$1 } from './eds-rating2.js';
-
-const EdsRating = EdsRating$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { EdsRating, defineCustomElement };

package/dist/components/eds-rating2.js

@@ -1,91 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './eds-button2.js';
-import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
-
-const edsRatingCss = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}";
-const EdsRatingStyle0 = edsRatingCss;
-
-const EdsRating = /*@__PURE__*/ proxyCustomElement(class EdsRating extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.rating = createEvent(this, "rating", 7);
-        this.ratingType = 'star';
-        this.ratingCount = 5;
-        this.selectedRating = 0;
-    }
-    /**
-     * 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() {
-        const btns = this.el.shadowRoot.querySelectorAll('eds-button');
-        btns.forEach((btn) => {
-            this.emitContext(btn);
-        });
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given link element.
-     * This event provides context information about the breadcrumb 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: this.selectedRating
-            }
-        });
-        btnElement.dispatchEvent(event);
-    }
-    /**
-     * Handles the click event on a star.
-     * @param rating - The selected rating value.
-     */
-    handleClick(rating) {
-        this.selectedRating = rating;
-        this.rating.emit(rating);
-    }
-    render() {
-        return (h("div", { key: '2ab4f3dbc4cc3dd5272143e99c67b23086b03e18', role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (_, index) => {
-            const starRating = index + 1;
-            const isSelected = starRating <= this.selectedRating;
-            // Use the mapping text if available; otherwise, fall back to a generic label.
-            return (h("eds-button", { icon: this.ratingType, role: "radio", "aria-checked": isSelected ? 'true' : 'false', "aria-label": this.ratingType, onClick: () => this.handleClick(starRating), tabIndex: this.selectedRating === 0 && index === 0 ? 0 : isSelected ? 0 : -1, intent: isSelected ? 'primary' : 'ghost', size: "large", "extra-class": "p-2" // Optional padding or styling for the star button
-            }));
-        })));
-    }
-    get el() { return this; }
-    static get style() { return EdsRatingStyle0; }
-}, [1, "eds-rating", {
-        "ratingType": [1, "rating-type"],
-        "ratingCount": [2, "rating-count"],
-        "selectedRating": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-rating", "eds-button", "eds-icon-wrapper"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-rating":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsRating);
-            }
-            break;
-        case "eds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { EdsRating as E, defineCustomElement as d };

package/dist/components/eds-section-core.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface EdsSectionCore extends Components.EdsSectionCore, HTMLElement {}
-export const EdsSectionCore: {
-    prototype: EdsSectionCore;
-    new (): EdsSectionCore;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/eds-section-core.js

@@ -1,6 +0,0 @@
-import { E as EdsSectionCore$1, d as defineCustomElement$1 } from './eds-section-core2.js';
-
-const EdsSectionCore = EdsSectionCore$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { EdsSectionCore, defineCustomElement };

package/dist/components/eds-section-core2.js

@@ -1,44 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './eds-section-heading2.js';
-
-const edsSectionCoreCss = "";
-const EdsSectionCoreStyle0 = edsSectionCoreCss;
-
-const EdsSectionCore = /*@__PURE__*/ proxyCustomElement(class EdsSectionCore extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.tag = 'section';
-        this.sectionTitle = '';
-        this.headingLevel = 'h2';
-    }
-    render() {
-        const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (h(TagType, { key: '39c4280156ca46b83538de499baa9b152360b1b4' }, h("eds-section-heading", { key: '34da742e606f0e9bb485faac8aba1519eccc8934', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '517b8ecc112565e8c6bb0bf85b02525deaa6f9df' })));
-    }
-    static get style() { return EdsSectionCoreStyle0; }
-}, [4, "eds-section-core", {
-        "tag": [1],
-        "sectionTitle": [1, "section-title"],
-        "headingLevel": [1, "heading-level"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-section-core", "eds-section-heading"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-section-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsSectionCore);
-            }
-            break;
-        case "eds-section-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { EdsSectionCore as E, defineCustomElement as d };

package/dist/components/eds-section-heading.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface EdsSectionHeading extends Components.EdsSectionHeading, HTMLElement {}
-export const EdsSectionHeading: {
-    prototype: EdsSectionHeading;
-    new (): EdsSectionHeading;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/eds-section-heading.js

@@ -1,6 +0,0 @@
-import { E as EdsSectionHeading$1, d as defineCustomElement$1 } from './eds-section-heading2.js';
-
-const EdsSectionHeading = EdsSectionHeading$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { EdsSectionHeading, defineCustomElement };