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

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

@@ -1,22 +0,0 @@
-import { r as registerInstance, h } from './index-b384416e.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) {
-        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 (h("p", { key: '017c115ebff999c74cff1eaeb5c63f97e0f6554d', class: `text-light ${this.descClass}` }, h("span", { key: 'f87b9b3d593e417ef351882f426d24c0b206ccab', class: this.getTruncateClass() }, this.description)));
-    }
-};
-EdsCardDesc.style = edsCardDescCss;
-
-export { EdsCardDesc as eds_card_desc };

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

@@ -1,52 +0,0 @@
-import { r as registerInstance, h } from './index-b384416e.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) {
-        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 (h(Heading, { key: '8aee3bcb0e04508dd21a03ea0f695e040f37c767', class: this.getTitleClass() }, 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;
-
-export { EdsCardTitle as eds_card_title };

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

@@ -1,125 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-b384416e.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) {
-        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 (h("div", { key: 'd49e23ee208cfb000baba83795899487e4d94af7', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, 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" }), 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 }, h("slot", { key: '714bad9f5a8ddf6d5ea246044a83b0a5102494c4' }))));
-    }
-    get host() { return getElement(this); }
-};
-EdsDropdown.style = edsDropdownCss;
-
-export { EdsDropdown as eds_dropdown };

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

@@ -1,45 +0,0 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-
-const edsFooterCss = "";
-
-const EdsFooter = class {
-    constructor(hostRef) {
-        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 (h("footer", { key: '1dbb78de159046a38845022365c462f3bb13ba54', class: `${this.extraClass} pb-banner` }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 pb-28 md:pt-28" }, h("div", { class: "container pb-20 xl:pb-40 " }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })), 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, h("div", { key: '0883cc43b6c9237208530d14be4c58d005142502', class: `border-softest ${this.social ? 'border-t-2' : ''} pt-20 pb-28 md:pt-28` }, h("div", { key: '30e4c3d89c2729efea1ad5ba334e59e886c3069d', class: "container flex flex-wrap items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'c4fe60606ab60985a3e3ea2314ff76c53f3810ae', class: "flex items-center gap-x-12" }, 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" }, h("eds-img", { key: '0752c2014acfe5f1f5908591c4d374effbf57d10', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg" }))), h("div", { key: '3390ef0afd14969dc59d5fbe00a5cf01c79c4bca', class: "f-ui-04 text-light order-last w-full lg:order-none lg:w-auto" }, h("p", { key: '03c91e4b89bd170044ee1ad3cf1f51cd780c0527' }, this.fundedBy), h("div", { key: 'ddc93ed3151a6a7e1f2d3509da138c4862d96337', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap" }, h("span", { key: '7fe59d9f83c0f8ed081338f478c5939d84e3ee36', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.hasCookiesSetUp && (h("button", { key: '2081e8305c78eba85d149a08097eebced197a5c3', class: "effect-focus !no-underline underline-offset-4 hover:!underline", onClick: () => this.toggleCookiesPopup() }, this.cookiesPreference)))), h("div", { key: '5b73083bdddd6c2ee7632446b19a41f14ee55858', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { "aria-label": "Back to top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop })) : null)))));
-    }
-};
-EdsFooter.style = edsFooterCss;
-
-export { EdsFooter as eds_footer };

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

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

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

@@ -1,92 +0,0 @@
-import { r as registerInstance, a as createEvent, h, g as getElement } from './index-b384416e.js';
-
-const edsHeaderCss = "";
-
-const EdsHeader = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.toggleMenu = 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 (h("header", { key: 'ada0f6cf611eb63a4963e9298ecdd45e0f1db9ad', class: `flex items-center justify-between relative z-10
-       ${this.inverseHeader ? 'text-inverse bg-strongest' : 'text-default bg-dark'}` }, h("div", { key: 'f45518003994b6d65d4adc96d8964c522ca1f0b1', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'e3cc9f3e073db38a589e07c2bcefa7b7a073f04e', type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), this.parsedLinks && (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" }, h("ul", { key: 'e17167277f917f80dd5a692a974d7a0dac29e5cf', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (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" })))))), h("slot", { key: '8bee016a6055fb4f7689aa5c0ce0a6666c1ce52b' }), this.userFeature ? (h("div", { class: "px-16" }, h("eds-user", { "keycloak-url": this.keycloakUrl, "keycloak-realm": this.keycloakRealm, "keycloak-client-id": this.keycloakClientId }))) : null, this.menuEnabled ? (h("div", { class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() }))) : null));
-    }
-    get hostEl() { return getElement(this); }
-};
-EdsHeader.style = edsHeaderCss;
-
-export { EdsHeader as eds_header };

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

@@ -1,36 +0,0 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-
-const EdsIconWrapper = class {
-    constructor(hostRef) {
-        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 ? h(IconComponent, { class: this.class }) : null;
-    }
-    static get watchers() { return {
-        "icon": ["iconChanged"]
-    }; }
-};
-
-export { EdsIconWrapper as eds_icon_wrapper };

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

@@ -1,53 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-b384416e.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) {
-        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 (h("div", { key: 'fde8a77bb251e3be2ec3a42b8d83f585eae65b2c', class: {
-                'items-center justify-center': true,
-                'effect-bg-pattern': this.lazyload && this.showBg
-            } }, h("picture", { key: 'e512cbd9134f14f5418856cf451cddfb93ca1760' }, this.formats.map((format) => (h("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), 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 getElement(this); }
-};
-EdsImg.style = edsImgCss;
-
-export { EdsImg as eds_img };