@ebrains/components 0.9.0-beta → 0.9.2-beta

package/dist/components/eds-app-root.d.ts

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

package/dist/components/eds-app-root.js

@@ -1,89 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$7 } from './eds-button2.js';
-import { d as defineCustomElement$6 } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$5 } from './eds-login2.js';
-import { d as defineCustomElement$4 } from './eds-logo2.js';
-import { d as defineCustomElement$3 } from './eds-spinner2.js';
-import { d as defineCustomElement$2 } from './eds-splash-screen2.js';
-
-const EdsAppRoot$1 = /*@__PURE__*/ proxyCustomElement(class EdsAppRoot extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.isAuthenticated = false;
-    }
-    componentWillLoad() {
-        // Create a promise for the initKeycloak event.
-        const initKeycloakPromise = new Promise((resolve) => {
-            document.addEventListener('initKeycloak', (event) => {
-                //console.log('initKeycloak event received:', event.detail);
-                resolve(event.detail);
-            }, { once: true });
-        });
-        // Create a promise for the authStatusChanged event.
-        const authStatusPromise = new Promise((resolve) => {
-            document.addEventListener('authStatusChanged', (event) => {
-                var _a;
-                this.isAuthenticated = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.authenticated;
-                //console.log('authStatusChanged event received:', event.detail);
-                resolve(event.detail);
-            }, { once: true });
-        });
-        // Combine both promises. The splash screen will hide only when both have resolved.
-        this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
-    }
-    render() {
-        return (h("div", { key: '7b0b74c02f9fa25dc3d3e5a0fd10d8b4c3a59ffe' }, h("eds-splash-screen", { key: 'e1fabb47903b011c397af3a8da59130e8455280f', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '30d8ca5116c5b8a18972df9c55bd4a947226d682', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '16ead78b24f561049fb12609b23bff028262d9d5' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
-    }
-}, [1, "eds-app-root", {
-        "isAuthenticated": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-app-root", "eds-button", "eds-icon-wrapper", "eds-login", "eds-logo", "eds-spinner", "eds-splash-screen"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-app-root":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsAppRoot$1);
-            }
-            break;
-        case "eds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "eds-login":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "eds-logo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "eds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "eds-splash-screen":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const EdsAppRoot = EdsAppRoot$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { EdsAppRoot, defineCustomElement };

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

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

package/dist/components/eds-avatar.js

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

package/dist/components/eds-block-break.d.ts

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

package/dist/components/eds-block-break.js

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

package/dist/components/eds-block-break2.js

@@ -1,34 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const edsBlockBreakCss = ".border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.border-t-2{border-top-width:2px}";
-const EdsBlockBreakStyle0 = edsBlockBreakCss;
-
-const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.extraClass = '';
-    }
-    render() {
-        return h("hr", { key: '9807e47c4a3b1143b3228e1be49c4069c7bc2014', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
-    }
-    static get style() { return EdsBlockBreakStyle0; }
-}, [1, "eds-block-break", {
-        "extraClass": [1, "extra-class"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-block-break"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-block-break":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsBlockBreak);
-            }
-            break;
-    } });
-}
-
-export { EdsBlockBreak as E, defineCustomElement as d };

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

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

package/dist/components/eds-breadcrumb.js

@@ -1,173 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { p as parseData } from './sharedUtils.js';
-import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$2 } from './eds-link2.js';
-
-const edsBreadcrumbCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}";
-const EdsBreadcrumbStyle0 = edsBreadcrumbCss;
-
-const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Updates the maximum number of visible items and tracks if the screen is small.
-         */
-        this.updateScreenSize = () => {
-            const width = window.innerWidth;
-            if (width < 769) {
-                this.maxVisibleItems = 3;
-                this.isSmallScreen = true;
-            }
-            else if (width <= 1024) {
-                this.maxVisibleItems = 3;
-                this.isSmallScreen = true;
-            }
-            else if (width <= 2200) {
-                this.maxVisibleItems = 4;
-                this.isSmallScreen = false;
-            }
-            else {
-                this.maxVisibleItems = 6;
-                this.isSmallScreen = false;
-            }
-        };
-        this.items = [];
-        this.intent = 'ghost';
-        this.parsedItems = [];
-        this.isSmallScreen = false;
-        this.maxVisibleItems = 6;
-    }
-    /**
-     * Watches for changes to the `items` prop and parses it.
-     */
-    parseItems(newValue) {
-        this.parsedItems = parseData(newValue);
-    }
-    /**
-     * Lifecycle method that runs when the component is about to be loaded.
-     * It parses the initial `items` prop value.
-     */
-    componentWillLoad() {
-        this.parseItems(this.items);
-        this.updateScreenSize();
-        window.addEventListener('resize', this.updateScreenSize);
-    }
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.updateScreenSize);
-    }
-    /**
-     * 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() {
-        var _a;
-        const links = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('eds-link');
-        links === null || links === void 0 ? void 0 : 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.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    /**
-     * Returns breadcrumb items with potential truncation if there are too many.
-     * It inserts an ellipsis item where necessary.
-     */
-    getTruncatedItems() {
-        const totalItems = this.parsedItems.length;
-        const ellipsis = { label: '...', url: '', isHidden: true };
-        if (totalItems > this.maxVisibleItems) {
-            const firstItem = this.parsedItems[0];
-            const lastItems = this.parsedItems.slice(-2);
-            if (this.maxVisibleItems === 3) {
-                return [firstItem, ellipsis, ...lastItems];
-            }
-            else if (this.maxVisibleItems === 4) {
-                const middleItem = this.parsedItems[Math.floor(totalItems / 2)];
-                return [firstItem, middleItem, ellipsis, ...lastItems];
-            }
-        }
-        return this.parsedItems;
-    }
-    /**
-     * Helper to determine the display label and full label.
-     * If the label is longer than 15 characters and the item is not the current (last) item,
-     * we display a truncated version but use the full label for aria attributes.
-     */
-    getLabels(item, isCurrent) {
-        if (!isCurrent && item.label.length > 15) {
-            return { displayLabel: `${item.label.slice(0, 15)}...`, fullLabel: item.label };
-        }
-        return { displayLabel: item.label, fullLabel: item.label };
-    }
-    /**
-     * Render method for the breadcrumb component.
-     * It creates a navigation element with an ordered list of breadcrumb links.
-     * The last link is marked as the current page.
-     */
-    render() {
-        const itemsToRender = this.getTruncatedItems();
-        return (h("nav", { key: '75bb5629a10de2a2a7bd0b2bbef04e5f699f5fe2', "aria-label": "Breadcrumb" }, h("ol", { key: '7a5cc115b70d60bc878aa3d865802662f30948c1', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
-            const isLast = index === itemsToRender.length - 1;
-            return (h("li", { class: "flex items-center" }, !item.isHidden ? ((() => {
-                const { displayLabel, fullLabel } = this.getLabels(item, isLast);
-                return (h("eds-link", Object.assign({ label: displayLabel, url: item.url, intent: this.intent, current: isLast, "aria-label": fullLabel, size: "small", "icon-small": "false" }, (isLast ? { 'aria-current': 'page' } : {}))));
-            })()) : (h("span", { class: "truncate px-2", "aria-hidden": "true" }, "...")), !isLast && !item.isHidden && (h("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }))));
-        }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "items": ["parseItems"]
-    }; }
-    static get style() { return EdsBreadcrumbStyle0; }
-}, [1, "eds-breadcrumb", {
-        "items": [1],
-        "intent": [1],
-        "parsedItems": [32],
-        "isSmallScreen": [32],
-        "maxVisibleItems": [32]
-    }, undefined, {
-        "items": ["parseItems"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-breadcrumb", "eds-icon-wrapper", "eds-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-breadcrumb":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsBreadcrumb$1);
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "eds-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const EdsBreadcrumb = EdsBreadcrumb$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { EdsBreadcrumb, defineCustomElement };

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

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

package/dist/components/eds-button.js

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

package/dist/components/eds-card-desc.d.ts

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

package/dist/components/eds-card-desc.js

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

package/dist/components/eds-card-generic.d.ts

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

package/dist/components/eds-card-generic.js

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

package/dist/components/eds-card-generic2.js

@@ -1,147 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { p as parseData } from './sharedUtils.js';
-import { s as sendAnalytics } from './analytics.js';
-import { d as defineCustomElement$5 } from './eds-avatar2.js';
-import { d as defineCustomElement$4 } from './eds-card-desc2.js';
-import { d as defineCustomElement$3 } from './eds-card-title2.js';
-import { d as defineCustomElement$2 } from './eds-img2.js';
-import { d as defineCustomElement$1 } from './eds-tag2.js';
-
-const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
-const EdsCardGenericStyle0 = edsCardGenericCss;
-
-const EdsCardGeneric = /*@__PURE__*/ proxyCustomElement(class EdsCardGeneric extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.parentContext = null; // Accepts the entire event detail or null
-        this.cardTitle = undefined;
-        this.url = undefined;
-        this.description = undefined;
-        this.image = undefined;
-        this.avatar = undefined;
-        this.shortAbbreviation = undefined;
-        this.headingLevel = 'h3';
-        this.tags = [];
-        this.tiny = false;
-        this.bg = true;
-        this.withHover = true;
-        this.hierarchy = true;
-        this.parsedImage = null;
-    }
-    componentWillLoad() {
-        if (this.image) {
-            try {
-                if (typeof this.image === 'object') {
-                    // If image is already an object, assign it directly
-                    this.parsedImage = this.image;
-                }
-                else if (typeof this.image === 'string') {
-                    // If image is a string, try to parse it
-                    this.parsedImage = JSON.parse(this.image);
-                }
-            }
-            catch (error) {
-                // eslint-disable-next-line
-                console.error('Error parsing image prop:', error);
-                this.parsedImage = {}; // Assign a fallback empty object in case of an error
-            }
-        }
-    }
-    handleParentContext(event) {
-        if (event.target !== this.el) {
-            // Ignore the event if it's not targeted at this specific instance
-            return;
-        }
-        //console.log(event.detail);
-        this.parentContext = event.detail;
-        event.stopPropagation();
-    }
-    /**
-     * Parses the `tags` prop into an array of link objects.
-     * Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
-     *
-     * @returns {any[]} Array of parsed link objects
-     */
-    get parsedTags() {
-        return parseData(this.tags);
-    }
-    articleClasses() {
-        return [
-            this.description ? (this.tiny ? 'min-h-120' : 'min-h-156') : 'h-auto',
-            this.bg ? 'bg-inverse' : 'bg-default',
-            this.withHover ? 'effect-shadow hover:shadow-hover cursor-pointer' : '',
-            'border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16'
-        ].join(' ');
-    }
-    handleClick() {
-        var _a;
-        sendAnalytics({
-            category: 'ui-component',
-            parentContext: this.parentContext,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'click'
-        });
-    }
-    render() {
-        return (h("article", { key: '440a448c841370838c0c66610bd1266b46f66541', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: '292d93a9a993c6dcbfd276097a21d3984b1794c4', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: 'cb5c191f6c190fb6edb46446187dbf6b8c1b778b', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label })))), ' '));
-    }
-    get el() { return this; }
-    static get style() { return EdsCardGenericStyle0; }
-}, [1, "eds-card-generic", {
-        "cardTitle": [1, "card-title"],
-        "url": [1],
-        "description": [1],
-        "image": [8],
-        "avatar": [1],
-        "shortAbbreviation": [1, "short-abbreviation"],
-        "headingLevel": [1, "heading-level"],
-        "tags": [1],
-        "tiny": [4],
-        "bg": [4],
-        "withHover": [4, "with-hover"],
-        "hierarchy": [4],
-        "parsedImage": [32]
-    }, [[0, "parentContext", "handleParentContext"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-card-generic", "eds-avatar", "eds-card-desc", "eds-card-title", "eds-img", "eds-tag"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-card-generic":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsCardGeneric);
-            }
-            break;
-        case "eds-avatar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "eds-card-desc":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "eds-card-title":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "eds-img":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "eds-tag":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { EdsCardGeneric as E, defineCustomElement as d };

package/dist/components/eds-card-project.d.ts

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