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

package/dist/cjs/eds-card-desc.cjs.entry.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const edsCardDescCss = ".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-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)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";
-
-const EdsCardDesc = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.description = undefined;
-        this.descClass = 'f-ui-03-light';
-        this.truncate = true;
-        this.truncateLines = '3';
-    }
-    getTruncateClass() {
-        return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
-    }
-    render() {
-        return (index.h("p", { key: '017c115ebff999c74cff1eaeb5c63f97e0f6554d', class: `text-light ${this.descClass}` }, index.h("span", { key: 'f87b9b3d593e417ef351882f426d24c0b206ccab', class: this.getTruncateClass() }, this.description)));
-    }
-};
-EdsCardDesc.style = edsCardDescCss;
-
-exports.eds_card_desc = EdsCardDesc;

package/dist/cjs/eds-card-title.cjs.entry.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const edsCardTitleCss = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.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)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";
-
-const EdsCardTitle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.url = undefined;
-        this.titleClass = undefined;
-        this.headingLevel = 'h3';
-        this.externalLink = false;
-        this.cardTitle = undefined;
-        this.hierarchy = true;
-    }
-    /**
-     * Dynamically generate the title class based on the heading level.
-     */
-    getTitleClass() {
-        const levelMap = this.hierarchy
-            ? {
-                h1: '05',
-                h2: '05',
-                h3: '05',
-                h4: '05',
-                h5: '05',
-                h6: '06'
-            }
-            : {
-                h1: '01',
-                h2: '02',
-                h3: '03',
-                h4: '04',
-                h5: '05',
-                h6: '06'
-            };
-        return `f-heading-${levelMap[this.headingLevel]}`;
-    }
-    /*private getTag() {
-      if (this.url) {
-        return 'a';
-      }
-      return 'span';
-    }*/
-    render() {
-        //const Tag = this.getTag();
-        const Heading = this.headingLevel;
-        return (index.h(Heading, { key: '8aee3bcb0e04508dd21a03ea0f695e040f37c767', class: this.getTitleClass() }, index.h("a", { key: 'c5fa27fe86037ed6b039c156aecdf1acc9c7c8bc', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
-    }
-};
-EdsCardTitle.style = edsCardTitleCss;
-
-exports.eds_card_title = EdsCardTitle;

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

@@ -1,129 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const edsDropdownCss = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}";
-
-const EdsDropdown = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.focusableItems = [];
-        /**
-         * Toggles the visibility of the dropdown and manages focus.
-         */
-        this.handleClick = () => {
-            this.isOpen = !this.isOpen;
-            if (this.isOpen) {
-                this.focusIndex = 0;
-                this.focusItem();
-            }
-            else {
-                this.closeDropdown();
-            }
-        };
-        this.icon = 'chevron-down';
-        this.label = undefined;
-        this.rounded = false;
-        this.ariaLabel = 'Open dropdown';
-        this.asNav = true;
-        this.dropdownPos = 'left';
-        this.dropdownOffset = true;
-        this.intent = 'tertiary';
-        this.isOpen = false;
-        this.focusIndex = -1;
-    }
-    /**
-     * Closes the dropdown when a click occurs outside of it.
-     * @param {Event} e - The click event.
-     */
-    handleWindowClick(e) {
-        if (!this.host.contains(e.target)) {
-            this.closeDropdown();
-        }
-    }
-    /**
-     * Handles keyboard navigation and accessibility within the dropdown.
-     * @param {KeyboardEvent} event - The keyboard event.
-     */
-    handleKeyDown(event) {
-        if (this.isOpen) {
-            const key = event.key;
-            switch (key) {
-                case 'Tab':
-                    this.closeDropdown();
-                    break;
-                case 'ArrowUp':
-                    event.preventDefault();
-                    this.focusIndex = (this.focusIndex - 1 + this.focusableItems.length) % this.focusableItems.length;
-                    this.focusItem();
-                    break;
-                case 'ArrowDown':
-                    event.preventDefault();
-                    this.focusIndex = (this.focusIndex + 1) % this.focusableItems.length;
-                    this.focusItem();
-                    break;
-            }
-        }
-    }
-    /**
-     * Closes the dropdown and resets focus.
-     */
-    closeDropdown() {
-        this.isOpen = false;
-        this.focusIndex = -1;
-    }
-    /**
-     * Sets focus on the currently selected item in the dropdown.
-     */
-    focusItem() {
-        var _a;
-        (_a = this.focusableItems[this.focusIndex]) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    /**
-     * Lifecycle method that runs after the component has been added to the DOM.
-     * Initializes focusable items within the dropdown.
-     */
-    componentDidLoad() {
-        var _a;
-        this.focusableItems = Array.from(((_a = this.dropdownContent) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a, button')) || []);
-        const btns = this.host.shadowRoot.querySelectorAll('eds-button');
-        btns.forEach((btn) => {
-            this.emitContext(btn);
-        });
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given button element.
-     * Provides context information about the dropdown component.
-     *
-     * @param linkElement - The button element to which the event will be dispatched.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.host.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    /**
-     * Renders the dropdown component and displays its content when open.
-     * @returns {JSX.Element} The rendered dropdown component.
-     */
-    render() {
-        return (index.h("div", { key: 'd49e23ee208cfb000baba83795899487e4d94af7', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, index.h("eds-button", { key: '6647007c34b47558873e470890893ae4f8e18b5c', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), index.h("nav", { key: '41bbd4e2bf02345393aaa97101b2c3aca2fa4085', class: {
-                'shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8': true,
-                'left-4': this.dropdownPos === 'left' && this.dropdownOffset,
-                'left-0': this.dropdownPos === 'left' && !this.dropdownOffset,
-                'right-4': this.dropdownPos === 'right' && this.dropdownOffset,
-                'right-0': this.dropdownPos === 'right' && !this.dropdownOffset,
-                'rounded-lg': this.rounded
-            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, index.h("slot", { key: '714bad9f5a8ddf6d5ea246044a83b0a5102494c4' }))));
-    }
-    get host() { return index.getElement(this); }
-};
-EdsDropdown.style = edsDropdownCss;
-
-exports.eds_dropdown = EdsDropdown;

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

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const edsFooterCss = "";
-
-const EdsFooter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Scrolls the page smoothly back to the top.
-         * Called when the "Back to top" button is clicked.
-         * @private
-         */
-        this.backToTop = () => {
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-        };
-        this.extraClass = '';
-        this.social = false;
-        this.hasCookiesSetUp = false;
-        this.enableScrollTop = false;
-        this.fundedBy = 'EBRAINS is funded by the Horizon Europe Framework Programme.';
-        this.rightsReserved = `${new Date().getFullYear()} EBRAINS. All rights reserved.`;
-        this.cookiesPreference = 'Cookies Preferences';
-    }
-    /**
-     * Toggles the cookie preferences popup, if available.
-     * The actual implementation for handling cookie preferences should be defined here.
-     * @private
-     */
-    toggleCookiesPopup() {
-        // Implement logic for handling cookie preferences
-    }
-    /**
-     * Renders the footer component with optional sections and elements,
-     * including social network links, a Horizon Europe funding acknowledgment, and
-     * legal links such as "Cookies Preferences" and copyright information.
-     *
-     * @returns {JSX.Element} The rendered JSX for the footer component.
-     */
-    render() {
-        return (index.h("footer", { key: '1dbb78de159046a38845022365c462f3bb13ba54', class: `${this.extraClass} pb-banner` }, this.social ? (index.h("div", { class: "border-softest border-t-2 pt-20 pb-28 md:pt-28" }, index.h("div", { class: "container pb-20 xl:pb-40 " }, index.h("div", { class: "grid-layout" }, index.h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, index.h("eds-social-networks", { class: "mt-28" })), index.h("nav", { "aria-label": "Secondary nav", class: "grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0" }))))) : null, index.h("div", { key: '0883cc43b6c9237208530d14be4c58d005142502', class: `border-softest ${this.social ? 'border-t-2' : ''} pt-20 pb-28 md:pt-28` }, index.h("div", { key: '30e4c3d89c2729efea1ad5ba334e59e886c3069d', class: "container flex flex-wrap items-center gap-20 lg:flex-nowrap" }, index.h("div", { key: 'c4fe60606ab60985a3e3ea2314ff76c53f3810ae', class: "flex items-center gap-x-12" }, index.h("a", { key: 'd4c4bae43531410080af951544fd0a9d1406c7c4', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en" }, index.h("eds-img", { key: '0752c2014acfe5f1f5908591c4d374effbf57d10', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg" }))), index.h("div", { key: '3390ef0afd14969dc59d5fbe00a5cf01c79c4bca', class: "f-ui-04 text-light order-last w-full lg:order-none lg:w-auto" }, index.h("p", { key: '03c91e4b89bd170044ee1ad3cf1f51cd780c0527' }, this.fundedBy), index.h("div", { key: 'ddc93ed3151a6a7e1f2d3509da138c4862d96337', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap" }, index.h("span", { key: '7fe59d9f83c0f8ed081338f478c5939d84e3ee36', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.hasCookiesSetUp && (index.h("button", { key: '2081e8305c78eba85d149a08097eebced197a5c3', class: "effect-focus !no-underline underline-offset-4 hover:!underline", onClick: () => this.toggleCookiesPopup() }, this.cookiesPreference)))), index.h("div", { key: '5b73083bdddd6c2ee7632446b19a41f14ee55858', class: "ml-auto pl-12" }, this.enableScrollTop ? (index.h("eds-button", { "aria-label": "Back to top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop })) : null)))));
-    }
-};
-EdsFooter.style = edsFooterCss;
-
-exports.eds_footer = EdsFooter;

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

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

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

@@ -1,96 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const edsHeaderCss = "";
-
-const EdsHeader = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.toggleMenu = index.createEvent(this, "toggleMenu", 7);
-        this.homeUrl = '/';
-        this.links = undefined;
-        this.inverseHeader = false;
-        this.userFeature = false;
-        this.menuEnabled = false;
-        this.keycloakUrl = undefined;
-        this.keycloakRealm = undefined;
-        this.keycloakClientId = undefined;
-        this.isMenuOpen = false;
-        this.isUserMenuOpen = false;
-        this.isAuthenticated = false;
-    }
-    onAuthStatusChanged(event) {
-        var _a;
-        this.isAuthenticated = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.authenticated;
-    }
-    /**
-     * Lifecycle method that runs when the component has fully loaded.
-     * It emits a custom event for each `eds-link` element contained within the breadcrumb.
-     */
-    componentDidLoad() {
-        // Emit context for each eds-link element after the component is fully loaded
-        const links = this.hostEl.querySelectorAll('eds-link');
-        links.forEach((link) => {
-            this.emitContext(link);
-        });
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given link element.
-     * This event provides context information about the breadcrumb component.
-     *
-     * @param linkElement - The link element to which the event will be dispatched.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.hostEl.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    /** Emits an event to open or close the menu */
-    handleToggleMenu() {
-        this.toggleMenu.emit(!this.isMenuOpen);
-    }
-    /**
-     * Toggles the visibility of the user menu.
-     * Opens the user menu if closed, and closes it if open.
-     */
-    toggleUserMenu() {
-        this.isUserMenuOpen = !this.isUserMenuOpen;
-    }
-    /**
-     * Parses the `links` prop into an array of link objects.
-     * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
-     *
-     * @returns {any[]} Array of parsed link objects
-     */
-    get parsedLinks() {
-        if (typeof this.links === 'object') {
-            return this.links;
-        }
-        else if (typeof this.links === 'string') {
-            try {
-                return JSON.parse(this.links);
-            }
-            catch (e) {
-                // eslint-disable-next-line
-                console.error('Error parsing links prop:', e);
-                return [];
-            }
-        }
-        return [];
-    }
-    render() {
-        return (index.h("header", { key: 'ada0f6cf611eb63a4963e9298ecdd45e0f1db9ad', class: `flex items-center justify-between relative z-10
-       ${this.inverseHeader ? 'text-inverse bg-strongest' : 'text-default bg-dark'}` }, index.h("div", { key: 'f45518003994b6d65d4adc96d8964c522ca1f0b1', class: "mr-auto w-[200px] h-[85px]" }, index.h("eds-logo", { key: 'e3cc9f3e073db38a589e07c2bcefa7b7a073f04e', type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), this.parsedLinks && (index.h("nav", { key: 'adc24fa98544deb24e9f3a4617ffd2f88971ad13', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, index.h("ul", { key: 'e17167277f917f80dd5a692a974d7a0dac29e5cf', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (index.h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", size: "small", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), index.h("slot", { key: '8bee016a6055fb4f7689aa5c0ce0a6666c1ce52b' }), this.userFeature ? (index.h("div", { class: "px-16" }, index.h("eds-user", { "keycloak-url": this.keycloakUrl, "keycloak-realm": this.keycloakRealm, "keycloak-client-id": this.keycloakClientId }))) : null, this.menuEnabled ? (index.h("div", { class: "md:hidden flex overflow-hidden px-16" }, index.h("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() }))) : null));
-    }
-    get hostEl() { return index.getElement(this); }
-};
-EdsHeader.style = edsHeaderCss;
-
-exports.eds_header = EdsHeader;

package/dist/cjs/eds-icon-wrapper.cjs.entry.js

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const EdsIconWrapper = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.TagName = null;
-        this.icon = 'arrow-right';
-        this.class = '';
-        this.IconComponent = null;
-    }
-    componentWillLoad() {
-        this.loadIconComponent(this.icon);
-    }
-    iconChanged(newValue) {
-        this.loadIconComponent(newValue);
-    }
-    async loadIconComponent(iconName) {
-        try {
-            // Dynamically import the Stencil icon component based on the icon name
-            this.IconComponent = `eds-icon-${iconName}`;
-        }
-        catch (error) {
-            //console.error(`Failed to load icon component: ${iconName}`, error);
-            this.IconComponent = `eds-icon-unknown`;
-        }
-    }
-    render() {
-        const IconComponent = this.IconComponent;
-        return IconComponent ? index.h(IconComponent, { class: this.class }) : null;
-    }
-    static get watchers() { return {
-        "icon": ["iconChanged"]
-    }; }
-};
-
-exports.eds_icon_wrapper = EdsIconWrapper;

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

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const edsImgCss = "/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n    display: block;\n    /* 1 */\n    vertical-align: middle;\n    /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n    max-width: 100%;\n    height: auto;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.justify-between {\n    justify-content: space-between;\n}\n\n/* endregion */\n/* region BG */\n.effect-bg-pattern {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n        position: absolute;\n        content: '';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n    }\n}\n\n.effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.object-cover {\n    -o-object-fit: cover;\n    object-fit: cover;\n}\n\n.object-center {\n    -o-object-position: center;\n    object-position: center;\n}\n\n.opacity-0 {\n    opacity: 0;\n}\n\n.opacity-100 {\n    opacity: 1;\n}";
-
-const EdsImg = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.img = null;
-        this.handleLoad = () => {
-            this.loaded = true;
-            this.showBg = false;
-        };
-        this.handleTransitionEnd = () => {
-            this.showBg = false;
-        };
-        this.src = undefined;
-        this.alt = undefined;
-        this.width = undefined;
-        this.height = undefined;
-        this.srcset = undefined;
-        this.sizes = undefined;
-        this.formats = [];
-        this.lazyload = true;
-        this.withBg = true;
-        this.loaded = !this.lazyload;
-        this.showBg = this.withBg;
-    }
-    componentDidLoad() {
-        if (this.img && this.img.complete) {
-            this.loaded = true;
-            this.showBg = false;
-        }
-    }
-    render() {
-        const imgOpts = {};
-        if (this.lazyload) {
-            imgOpts['loading'] = 'lazy';
-            imgOpts['decoding'] = 'async';
-        }
-        return (index.h("div", { key: 'fde8a77bb251e3be2ec3a42b8d83f585eae65b2c', class: {
-                'items-center justify-center': true,
-                'effect-bg-pattern': this.lazyload && this.showBg
-            } }, index.h("picture", { key: 'e512cbd9134f14f5418856cf451cddfb93ca1760' }, this.formats.map((format) => (index.h("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), index.h("img", Object.assign({ key: '98339035b8d055d8bb8de654ce1f4ba410ef3865', ref: (el) => (this.img = el), class: {
-                'effect-opacity object-cover object-center': true,
-                'opacity-100': this.loaded,
-                'opacity-0': !this.loaded
-            }, width: this.width, height: this.height, sizes: this.sizes, src: this.src, srcSet: this.srcset, alt: this.alt }, imgOpts, { onLoad: this.handleLoad, onTransitionEnd: this.handleTransitionEnd })))));
-    }
-    get imgElement() { return index.getElement(this); }
-};
-EdsImg.style = edsImgCss;
-
-exports.eds_img = EdsImg;

package/dist/cjs/eds-input-footer.cjs.entry.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const EdsInputFooter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.name = undefined;
-        this.errorMessage = undefined;
-        this.message = undefined;
-        this.error = false;
-        this.link = undefined;
-    }
-    render() {
-        return (index.h("div", { key: '9ce8da179446c0302754f1285b3733d928da042f', class: "space-y-4" }, this.error && this.errorMessage && (index.h("div", { key: 'aab7e8ded78e48864b2245603c3987a6ec3f3959', id: `error_${this.name}`, class: "text-error flex items-center" }, index.h("eds-icon-wrapper", { key: '152a06328c6cbb40f0d52310ac3ce761de21a26c', icon: "warning" }), index.h("p", { key: '658825aa4649ad83a150a0dc92d37f1b078de4c3', class: "f-ui-04 ml-4", innerHTML: this.errorMessage }))), this.message && index.h("p", { key: '378ae9ef876e087f66302547958af4543262a441', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (index.h("a", { key: 'cd396f03bdbd12a47544a44de17cfce35b8d206a', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
-    }
-};
-
-exports.eds_input_footer = EdsInputFooter;

package/dist/cjs/eds-input-label.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const EdsInputLabel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.label = undefined;
-        this.name = undefined;
-        this.required = false;
-        this.disabled = false;
-    }
-    render() {
-        return (index.h("label", { key: 'd83f8267317c2d5ef500460e938b166c0e6517b1', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (index.h("span", { key: '85ad9e44af342c191d8aa7aeb7e4c6288c544d6d' }, index.h("span", { key: 'b350ee023f80bc9d5f24ef2fac9f74b2461d27b9', "aria-hidden": "true" }, "*"), index.h("span", { key: 'af55a83d8998ac70817cb2f7cebfb74f276a6387', class: "sr-only" }, "required")))));
-    }
-};
-
-exports.eds_input_label = EdsInputLabel;

package/dist/cjs/eds-input-range.cjs.entry.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const EdsInputRange = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onInput = (e) => {
-            const target = e.target;
-            this.sliderVal = parseInt(target.value, 10); // Update the slider value dynamically
-        };
-        this.name = undefined;
-        this.inputId = 'range';
-        this.disabled = false;
-        this.required = false;
-        this.min = 0;
-        this.max = 100;
-        this.step = 1;
-        this.sliderVal = this.max % 2 === 0 ? this.max / 2 : Math.ceil(this.max / 2);
-    }
-    componentDidLoad() {
-        // Assign the native input element after the component loads
-        this.inputElement = this.el.querySelector('input');
-    }
-    async getInputElement() {
-        // Return the native input element
-        return this.inputElement;
-    }
-    render() {
-        return (index.h("div", { key: '8927f714cae6dd2237202190eade7b31cc7adc03', class: "relative flex flex-col items-start space-y-2" }, index.h("input", { key: '1b3ba13453992c84e00d3b3261a9d2008f45634f', id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input",
-            //aria-describedby={describedBy}
-            onInput: this.onInput }), index.h("p", { key: 'e04c275e51710ae09eec1603911446e1e65bf648', id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal)));
-    }
-    get el() { return index.getElement(this); }
-};
-
-exports.eds_input_range = EdsInputRange;