@ebrains/components 0.0.1-alpha.0

package/dist/components/eds-header.js

@@ -0,0 +1,175 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$a } from './eds-avatar2.js';
+import { d as defineCustomElement$9 } from './eds-button2.js';
+import { d as defineCustomElement$8 } from './eds-dropdown2.js';
+import { d as defineCustomElement$7 } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$6 } from './eds-img2.js';
+import { d as defineCustomElement$5 } from './eds-link2.js';
+import { d as defineCustomElement$4 } from './eds-logo2.js';
+import { d as defineCustomElement$3 } from './eds-user2.js';
+import { d as defineCustomElement$2 } from './eds-user-modal2.js';
+
+const edsHeaderCss = "";
+
+const EdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class EdsHeader extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        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 this; }
+    static get style() { return edsHeaderCss; }
+}, [4, "eds-header", {
+        "homeUrl": [1, "home-url"],
+        "links": [1],
+        "inverseHeader": [4, "inverse-header"],
+        "userFeature": [4, "user-feature"],
+        "menuEnabled": [4, "menu-enabled"],
+        "keycloakUrl": [1, "keycloak-url"],
+        "keycloakRealm": [1, "keycloak-realm"],
+        "keycloakClientId": [1, "keycloak-client-id"],
+        "isMenuOpen": [32],
+        "isUserMenuOpen": [32],
+        "isAuthenticated": [32]
+    }, [[16, "authStatusChanged", "onAuthStatusChanged"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-header", "eds-avatar", "eds-button", "eds-dropdown", "eds-icon-wrapper", "eds-img", "eds-link", "eds-logo", "eds-user", "eds-user-modal"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsHeader$1);
+            }
+            break;
+        case "eds-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "eds-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "eds-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "eds-img":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "eds-link":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "eds-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "eds-user":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-user-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const EdsHeader = EdsHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsHeader, defineCustomElement };

package/dist/components/eds-icon-arrow-diagonal.d.ts

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

package/dist/components/eds-icon-arrow-diagonal.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-b384416e.js';
+import { a as arrowDiagonal } from './index-a9afa43f.js';
+
+const EdsIconArrowDiagonal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.addClass = '';
+    }
+    render() {
+        return h("span", { key: '08ebdce5cfbe75bf4bfab8f72493e2178be55c3c', class: this.addClass, innerHTML: arrowDiagonal });
+    }
+};
+
+export { EdsIconArrowDiagonal as eds_icon_arrow_diagonal };

package/dist/components/eds-icon-arrow-diagonal.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { j as arrowDiagonal } from './index4.js';
+
+const EdsIconArrowDiagonal$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconArrowDiagonal extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.addClass = '';
+    }
+    render() {
+        return h("span", { key: '08ebdce5cfbe75bf4bfab8f72493e2178be55c3c', class: this.addClass, innerHTML: arrowDiagonal });
+    }
+}, [0, "eds-icon-arrow-diagonal", {
+        "addClass": [1, "add-class"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-arrow-diagonal"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-arrow-diagonal":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconArrowDiagonal$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconArrowDiagonal = EdsIconArrowDiagonal$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconArrowDiagonal, defineCustomElement };

package/dist/components/eds-icon-arrow-right.d.ts

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

package/dist/components/eds-icon-arrow-right.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-b384416e.js';
+import { b as arrowRight } from './index-a9afa43f.js';
+
+const EdsIconArrowRight = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '6d704324784e6c3d9c221dcaf83bd86a8a6a94ab', class: this.class, innerHTML: arrowRight });
+    }
+};
+
+export { EdsIconArrowRight as eds_icon_arrow_right };

package/dist/components/eds-icon-arrow-right.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { k as arrowRight } from './index4.js';
+
+const EdsIconArrowRight$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconArrowRight extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '6d704324784e6c3d9c221dcaf83bd86a8a6a94ab', class: this.class, innerHTML: arrowRight });
+    }
+}, [0, "eds-icon-arrow-right", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-arrow-right"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-arrow-right":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconArrowRight$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconArrowRight = EdsIconArrowRight$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconArrowRight, defineCustomElement };

package/dist/components/eds-icon-bluesky.d.ts

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

package/dist/components/eds-icon-bluesky.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-b384416e.js';
+import { c as bluesky } from './index-a9afa43f.js';
+
+const EdsIconBluesky = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d', class: this.class, innerHTML: bluesky });
+    }
+};
+
+export { EdsIconBluesky as eds_icon_bluesky };

package/dist/components/eds-icon-bluesky.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { l as bluesky } from './index4.js';
+
+const EdsIconBluesky$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconBluesky extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d', class: this.class, innerHTML: bluesky });
+    }
+}, [0, "eds-icon-bluesky", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-bluesky"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-bluesky":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconBluesky$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconBluesky = EdsIconBluesky$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconBluesky, defineCustomElement };

package/dist/components/eds-icon-chevron-down.d.ts

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

package/dist/components/eds-icon-chevron-down.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-b384416e.js';
+import { d as chevronDown } from './index-a9afa43f.js';
+
+const EdsIconChevronDown = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'bc01e9e10033245e02403b6b919911018eef9919', class: this.class, innerHTML: chevronDown });
+    }
+};
+
+export { EdsIconChevronDown as eds_icon_chevron_down };

package/dist/components/eds-icon-chevron-down.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { m as chevronDown } from './index4.js';
+
+const EdsIconChevronDown$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevronDown extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'bc01e9e10033245e02403b6b919911018eef9919', class: this.class, innerHTML: chevronDown });
+    }
+}, [0, "eds-icon-chevron-down", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-chevron-down"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-chevron-down":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconChevronDown$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconChevronDown = EdsIconChevronDown$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconChevronDown, defineCustomElement };

package/dist/components/eds-icon-chevron-left.d.ts

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

package/dist/components/eds-icon-chevron-left.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-b384416e.js';
+import { e as chevronLeft } from './index-a9afa43f.js';
+
+const EdsIconChevronLeft = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'd74bd0b2ddfd5bd61c97309aebb71d7c29f0cf43', class: this.class, innerHTML: chevronLeft });
+    }
+};
+
+export { EdsIconChevronLeft as eds_icon_chevron_left };

package/dist/components/eds-icon-chevron-left.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { n as chevronLeft } from './index4.js';
+
+const EdsIconChevronLeft$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevronLeft extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'd74bd0b2ddfd5bd61c97309aebb71d7c29f0cf43', class: this.class, innerHTML: chevronLeft });
+    }
+}, [0, "eds-icon-chevron-left", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-chevron-left"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-chevron-left":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconChevronLeft$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconChevronLeft = EdsIconChevronLeft$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconChevronLeft, defineCustomElement };

package/dist/components/eds-icon-chevron-right.d.ts

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

package/dist/components/eds-icon-chevron-right.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-b384416e.js';
+import { f as chevronRight } from './index-a9afa43f.js';
+
+const EdsIconChevronRight = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '998491aed74bd3edd1fb8545f85ab52cf2703b3f', class: this.class, innerHTML: chevronRight });
+    }
+};
+
+export { EdsIconChevronRight as eds_icon_chevron_right };

package/dist/components/eds-icon-chevron-right.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { o as chevronRight } from './index4.js';
+
+const EdsIconChevronRight$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevronRight extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '998491aed74bd3edd1fb8545f85ab52cf2703b3f', class: this.class, innerHTML: chevronRight });
+    }
+}, [0, "eds-icon-chevron-right", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-chevron-right"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-chevron-right":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconChevronRight$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconChevronRight = EdsIconChevronRight$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconChevronRight, defineCustomElement };

package/dist/components/eds-icon-chevron-up.d.ts

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

package/dist/components/eds-icon-chevron-up.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-b384416e.js';
+import { g as chevronUp } from './index-a9afa43f.js';
+
+const EdsIconChevronUp = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'd0723afa766fc6dac454ec84602bd50ba4e49950', class: this.class, innerHTML: chevronUp });
+    }
+};
+
+export { EdsIconChevronUp as eds_icon_chevron_up };

package/dist/components/eds-icon-chevron-up.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as chevronUp } from './index4.js';
+
+const EdsIconChevronUp$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevronUp extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'd0723afa766fc6dac454ec84602bd50ba4e49950', class: this.class, innerHTML: chevronUp });
+    }
+}, [0, "eds-icon-chevron-up", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-chevron-up"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-chevron-up":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconChevronUp$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconChevronUp = EdsIconChevronUp$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconChevronUp, defineCustomElement };

package/dist/components/eds-icon-close.d.ts

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

package/dist/components/eds-icon-close.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-b384416e.js';
+import { h as close } from './index-a9afa43f.js';
+
+const EdsIconClose = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '365ad476b1be9c708e73598cad1dd42a908fa1cd', class: this.class, innerHTML: close });
+    }
+};
+
+export { EdsIconClose as eds_icon_close };