@ebrains/components 0.9.0-beta → 0.9.2-beta

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

@@ -1,139 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const sharedUtils = require('./sharedUtils-8e287250.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 = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * 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 = sharedUtils.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 (index.h("nav", { key: '75bb5629a10de2a2a7bd0b2bbef04e5f699f5fe2', "aria-label": "Breadcrumb" }, index.h("ol", { key: '7a5cc115b70d60bc878aa3d865802662f30948c1', class: "flex items-center space-x-2" }, itemsToRender.map((item, index$1) => {
-            const isLast = index$1 === itemsToRender.length - 1;
-            return (index.h("li", { class: "flex items-center" }, !item.isHidden ? ((() => {
-                const { displayLabel, fullLabel } = this.getLabels(item, isLast);
-                return (index.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' } : {}))));
-            })()) : (index.h("span", { class: "truncate px-2", "aria-hidden": "true" }, "...")), !isLast && !item.isHidden && (index.h("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }))));
-        }))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "items": ["parseItems"]
-    }; }
-};
-EdsBreadcrumb.style = EdsBreadcrumbStyle0;
-
-exports.eds_breadcrumb = EdsBreadcrumb;

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

@@ -1,113 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const index$1 = require('./index-ab9fbefe.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 EdsCardDescStyle0 = edsCardDescCss;
-
-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: '96ba520be4ef9acf871a6e992d5ea74aaf17c962', class: `text-light ${this.descClass}` }, index.h("span", { key: '951358bd0c992426175e3c1b3c580f2f9be4027f', class: this.getTruncateClass() }, this.description)));
-    }
-};
-EdsCardDesc.style = EdsCardDescStyle0;
-
-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 EdsCardTitleStyle0 = edsCardTitleCss;
-
-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: '57ce97f35ee52623d32fac0b6b1a576ca8b5aa70', class: this.getTitleClass() }, index.h("a", { key: '60fb313d2b8753974658f73aaddd359a63548a79', 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 = EdsCardTitleStyle0;
-
-const edsTagCss = ".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";
-const EdsTagStyle0 = edsTagCss;
-
-// Define the CVA for the tag styles
-const tagStyles = index$1.cva(['f-ui-05 py-1 px-4 border-2 rounded-pill'], // Base classes
-{
-    variants: {
-        intent: {
-            default: 'border-default',
-            strong: 'text-inverse bg-strongest border-default',
-            accent: 'text-[#0034CB] border-[#0034CB]',
-            weak: 'text-light bg-strongest-soft border-transparent',
-            inverse: 'border-inverse text-inverse',
-            'inverse-strong': 'bg-inverse border-inverse text-lighter'
-        }
-    },
-    defaultVariants: {
-        intent: 'default'
-    }
-});
-const EdsTag = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.label = undefined;
-        this.intent = 'default';
-    }
-    render() {
-        const classes = tagStyles({ intent: this.intent });
-        return index.h("span", { key: '55a6039b040436e5dded9aaf1007668b97091ba3', class: classes }, this.label);
-    }
-};
-EdsTag.style = EdsTagStyle0;
-
-exports.eds_card_desc = EdsCardDesc;
-exports.eds_card_title = EdsCardTitle;
-exports.eds_tag = EdsTag;

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

@@ -1,92 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const sharedUtils = require('./sharedUtils-8e287250.js');
-const analytics = require('./analytics-d8fb3fdd.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 = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        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 sharedUtils.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;
-        analytics.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 (index.h("article", { key: '440a448c841370838c0c66610bd1266b46f66541', class: this.articleClasses(), onClick: () => this.handleClick() }, index.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 && (index.h("eds-card-desc", { key: '4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (index.h("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (index.h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, index.h("div", { key: 'cb5c191f6c190fb6edb46446187dbf6b8c1b778b', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index$1) => (index.h("eds-tag", { key: index$1, intent: tag.style, label: tag.label })))), ' '));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsCardGeneric.style = EdsCardGenericStyle0;
-
-exports.eds_card_generic = EdsCardGeneric;

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

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const analytics = require('./analytics-d8fb3fdd.js');
-const color = require('./color-c00146a8.js');
-require('./index-ab9fbefe.js');
-
-const EdsCardProject = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.image = undefined;
-        this.editorialTitle = undefined;
-        this.headingLevel = 'h3';
-        this.categoryTitle = undefined;
-        this.color = undefined;
-        this.bgOnHover = false;
-        this.vertical = false;
-        this.titleProject = undefined;
-        this.url = undefined;
-        this.parsedImage = null;
-    }
-    componentWillLoad() {
-        // Parse the image prop if it's provided
-        if (this.image) {
-            try {
-                this.parsedImage = JSON.parse(this.image);
-                //console.log(this.parsedImage);
-            }
-            catch (error) {
-                //console.error('Error parsing image prop:', error);
-            }
-        }
-    }
-    handleClick(event) {
-        var _a;
-        event.preventDefault();
-        analytics.sendAnalytics({
-            category: 'ui-component',
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.titleProject) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'click'
-        });
-    }
-    render() {
-        var _a;
-        const cardClasses = [
-            'min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg',
-            this.color
-                ? color.gradientBGColorVariants({
-                    color: this.color,
-                    hover: this.bgOnHover,
-                    class: 'before:border-2 before:rounded-lg before:border-softest'
-                })
-                : 'bg-default',
-            this.bgOnHover && this.color
-                ? 'effect-background bg-default focus-within:bg-transparent hover:bg-transparent'
-                : 'effect-background hover:bg-default',
-            this.vertical ? 'flex-col gap-y-16' : 'flex-col gap-x-16 gap-y-12 lg:flex-row'
-        ].join(' ');
-        const imageClasses = this.vertical ? '' : 'max-w-120 @md:max-w-192 order-first w-full lg:order-last';
-        return (index.h("article", { key: '067a30c2b0860d71dc13d1d3d875a7e288de842b', class: cardClasses, onClick: (event) => this.handleClick(event) }, index.h("div", { key: '3e2e62ecc9ad5973c359b7bbceefd8c2ac682d0b', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, index.h("div", { key: 'e07a666f80d6955b5cf16c18a999a756dcfe10f0', class: "lg:max-w-[720px]" }, index.h("eds-card-title", { key: 'b1ef62c888e9d69f1146fc218a7012015ddc78e1', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (index.h("span", { key: '79cf1af876a0a358a9f65036a1ff1c4944604435', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (index.h("div", { key: 'ce7e525b0bdbbc94d3e2ec8055c692be9d521042', class: "mt-auto flex items-center gap-x-12 pt-12" }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && index.h("eds-tag", { key: '23e3527a3772970642dcb07a4abc381415132155', label: this.categoryTitle })))), this.parsedImage && (index.h("div", { key: '178ef2273b2506070c045c3f2e7a287d4b175414', class: imageClasses }, index.h("div", { key: 'f77fb56cd2ed1bdcafd07db9adcf0f7b6a44cdb7', class: "aspect-1x1 w-full" }, index.h("eds-img", Object.assign({ key: 'b9734f48ab685280b801cfb75cc96f5aa109ca6f', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
-    }
-    get el() { return index.getElement(this); }
-};
-
-exports.eds_card_project = EdsCardProject;

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

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const sharedUtils = require('./sharedUtils-8e287250.js');
-
-const edsCardSectionCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-4[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1)::before{inset-inline-start:0}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+4)::before{inset-inline-end:0}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1):nth-last-child(-n+4)::before{border-bottom-width:0}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1):nth-last-child(-n+4)~*::before{border-bottom-width:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(4n+4)::after{border-inline-end-width:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+4)::after{top:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(4n+1):nth-last-child(-n+4)::after{bottom:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(4n+1):nth-last-child(-n+4)~li::after{bottom:0}.grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.md\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}";
-const EdsCardSectionStyle0 = edsCardSectionCss;
-
-const EdsCardSection = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.cards = [];
-        this.occupyCols = 1;
-    }
-    /**
-     * Parses the `cards` JSON string prop into an array of card objects.
-     * If parsing fails, returns an empty array.
-     *
-     * @returns {any[]} An array of parsed card objects.
-     */
-    get parsedCards() {
-        return sharedUtils.parseData(this.cards);
-    }
-    /**
-     * Renders the card section as a grid layout.
-     * Each parsed card object is mapped to an `<eds-card-generic>` component,
-     * displaying card details such as title, description, avatar, etc.
-     *
-     * @returns {JSX.Element} The rendered section containing a list of cards.
-     */
-    render() {
-        return (index.h("section", { key: 'eb64be830a5a1b752fadd0a8a76be9240b70cfe8', class: "w-full" }, index.h("ul", { key: 'd4eb8d8492a67f7491535953e0e37172fc9e09ff', class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((card) => (index.h("li", { class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col` }, index.h("eds-card-generic", { cardTitle: card.title, description: card.description, avatar: card.avatar, headingLevel: card.headingLevel, tags: card.tags, url: card.url, bg: card.bg, tiny: card.tiny, image: card.image, withHover: card.withHover })))))));
-    }
-};
-EdsCardSection.style = EdsCardSectionStyle0;
-
-exports.eds_card_section = EdsCardSection;

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

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-
-const edsCardTagsCss = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";
-const EdsCardTagsStyle0 = edsCardTagsCss;
-
-const EdsCardTags = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.accent = false;
-        this.tags = [];
-    }
-    render() {
-        return (index.h("div", { key: 'df8937e32907eb978f27565d04f7ca56f2485c87', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index$1) => (index.h("eds-tag", { key: index$1, intent: this.accent ? 'accent' : 'default', label: tag })))));
-    }
-};
-EdsCardTags.style = EdsCardTagsStyle0;
-
-exports.eds_card_tags = EdsCardTags;

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

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const analytics = require('./analytics-d8fb3fdd.js');
-
-const edsCardToolCss = ".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 EdsCardToolStyle0 = edsCardToolCss;
-
-const EdsCardTool = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.cardTitle = undefined;
-        this.url = undefined;
-        this.description = undefined;
-        this.image = undefined;
-        this.avatar = undefined;
-        this.shortAbbreviation = undefined;
-        this.headingLevel = 'h5';
-        this.tags = '';
-        this.tiny = false;
-        this.bg = true;
-        this.withHover = true;
-        this.external = false;
-        this.hierarchy = true;
-    }
-    /**
-     * 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() {
-        if (typeof this.tags === 'object') {
-            return this.tags;
-        }
-        else if (typeof this.tags === 'string') {
-            try {
-                return JSON.parse(this.tags);
-            }
-            catch (e) {
-                // eslint-disable-next-line
-                console.error('Error parsing links prop:', e);
-                return [];
-            }
-        }
-        return [];
-    }
-    componentWillLoad() { }
-    parseTags() {
-        return this.tags.split(',');
-    }
-    articleClasses() {
-        return [
-            this.tiny ? 'min-h-120' : 'min-h-156',
-            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;
-        //event.preventDefault();
-        analytics.sendAnalytics({
-            category: 'ui-component',
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'click'
-        });
-    }
-    render() {
-        return (index.h("article", { key: '5ecce6667d066e78586f795ab260bed569434c4f', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, index.h("eds-card-title", { key: 'a6ff863ade669db7494c763d563809dbfddb3f2c', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && (index.h("eds-card-desc", { key: '6f5328fba79a564e6e0d737b2d64a31e50ea6434', class: "mt-8", "truncate-lines": "3", description: this.description })), this.image ? (index.h("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 })) : this.avatar || this.shortAbbreviation ? (index.h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, index.h("div", { key: 'b1a42a1db9274ebf1098143d56e1ad8a08825c4c', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index$1) => (index.h("eds-tag", { key: index$1, intent: tag.style, label: tag.label }))))));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsCardTool.style = EdsCardToolStyle0;
-
-exports.eds_card_tool = EdsCardTool;

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

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-
-const EdsCardWrapper = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.tiny = false;
-        this.withBg = true;
-        this.withHover = true;
-    }
-    hasSlot(name) {
-        if (name) {
-            return !!this.el.querySelector(`[slot="${name}"]`);
-        }
-        return !!this.el.querySelector(':not([slot])');
-    }
-    render() {
-        const articleClasses = [
-            this.tiny ? 'min-h-120' : 'min-h-156',
-            this.withBg ? '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(' ');
-        return (index.h("article", { key: 'b860e65a1a943216793a5ce2f5a08d01249fc671', class: articleClasses }, index.h("slot", { key: '3ea351da205f375ed746695762efc1f28d1fc3f0' }), this.hasSlot('footer') && (index.h("div", { key: '84d24bd248033d4855dd63dfa5042585ae61d64d', class: "mt-auto" }, index.h("slot", { key: 'c7a2530d70a93705097b9ac3b8be1a21551dd1fb', name: "footer" })))));
-    }
-    get el() { return index.getElement(this); }
-};
-
-exports.eds_card_wrapper = EdsCardWrapper;