@ebrains/components 2.4.0 → 3.0.0

package/dist/cjs/menu-7050a6d1.js

@@ -1,13 +0,0 @@
-'use strict';
-
-const menu = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path d="M2 5H18M2 10H18M2 15H18" stroke="currentColor" stroke-width="2" />
-  </svg>`;
-
-exports.menu = menu;

package/dist/cjs/minus-1da6a98a.js

@@ -1,13 +0,0 @@
-'use strict';
-
-const minus = `  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path d="M16 10H4" stroke="currentColor" stroke-width="2" />
-  </svg>`;
-
-exports.minus = minus;

package/dist/cjs/more-1d3dd8bc.js

@@ -1,15 +0,0 @@
-'use strict';
-
-const more = `  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="4" cy="10" r="2" fill="currentColor" />
-    <circle cx="10" cy="10" r="2" fill="currentColor" />
-    <circle cx="16" cy="10" r="2" fill="currentColor" />
-  </svg>`;
-
-exports.more = more;

package/dist/cjs/paper-0d6302f6.js

@@ -1,17 +0,0 @@
-'use strict';
-
-const paper = `  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M11 17H4V3H16V12M11 17L16 12M11 17V12H16"
-      stroke="currentColor"
-      stroke-width="1.5"
-    />
-  </svg>`;
-
-exports.paper = paper;

package/dist/cjs/plus-d0e00ad0.js

@@ -1,14 +0,0 @@
-'use strict';
-
-const plus = `  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path d="M16 10H4" stroke="currentColor" stroke-width="2" />
-    <path d="M10 16L10 4" stroke="currentColor" stroke-width="2" />
-  </svg>`;
-
-exports.plus = plus;

package/dist/cjs/portal-46212559.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const portal = `  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M8 14.0806L8 11L3 11L3 9L8 9L8 5.91938L13.1008 10L8 14.0806Z"
-      fill="currentColor"
-    />
-    <path
-      d="M15 15L12 15L12 17L15 17C16.1046 17 17 16.1046 17 15L17 5C17 3.89543 16.1046 3 15 3L12 3L12 5L15 5L15 15Z"
-      fill="currentColor"
-    />
-  </svg>`;
-
-exports.portal = portal;

package/dist/cjs/private-38835fe7.js

@@ -1,27 +0,0 @@
-'use strict';
-
-const privat = `  <svg
-    width="12"
-    height="12"
-    viewBox="0 0 12 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M8 5V3C8 1.89543 7.10457 1 6 1V1C4.89543 1 4 1.89543 4 3V5"
-      stroke="currentColor"
-      stroke-width="1.5"
-    />
-    <rect
-      x="2"
-      y="5"
-      width="8"
-      height="6"
-      rx="1"
-      stroke="currentColor"
-      stroke-width="1.5"
-    />
-    <circle cx="6" cy="8" r="1.5" fill="currentColor" />
-  </svg>`;
-
-exports.privat = privat;

package/dist/cjs/public-b519b1f6.js

@@ -1,18 +0,0 @@
-'use strict';
-
-const pub = `  <svg
-    width="12"
-    height="12"
-    viewBox="0 0 12 12"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="6" cy="3" r="2" stroke="currentColor" stroke-width="1.5" />
-    <path
-      d="M10 12V9C10 7.89543 9.10457 7 8 7H4C2.89543 7 2 7.89543 2 9V12"
-      stroke="currentColor"
-      stroke-width="1.5"
-    />
-  </svg>`;
-
-exports.pub = pub;

package/dist/cjs/search-5533d877.js

@@ -1,14 +0,0 @@
-'use strict';
-
-const search = `<svg
-width="20"
-height="20"
-viewBox="0 0 20 20"
-fill="none"
-xmlns="http://www.w3.org/2000/svg"
->
-<circle cx="9" cy="9" r="5" stroke="currentColor" stroke-width="2" />
-<path d="M17 17L13 13" stroke="currentColor" stroke-width="2" />
-</svg>`;
-
-exports.search = search;

package/dist/cjs/star-942eee9f.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const star = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
-  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
-</svg>`;
-
-exports.star = star;

package/dist/cjs/start-c0ccfddd.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const start = `<svg fill="#000000" width="20" height="20" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g fill-rule="evenodd"> <path d="M451.823 1807.059h1185.883c31.203 0 56.47-25.25 56.47-56.47V169.411c0-31.221-25.267-56.47-56.47-56.47H451.823V0h1185.883c93.561 0 169.411 75.798 169.411 169.412v1581.176c0 93.614-75.85 169.412-169.411 169.412H451.823v-112.941Z" fill-rule="nonzero"></path> <path d="M225.941 0v1920h112.941V0zm993.081 1016.47H564.76V903.53h654.262L976.6 661.106l79.861-79.861L1435.216 960l-378.755 378.754-79.861-79.861z"></path> </g> </g></svg>`;
-
-exports.start = start;

package/dist/cjs/success-ef661a11.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const success = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M10 2C5.57714 2 2 5.57714 2 10C2 14.4229 5.57714 18 10 18C14.4229 18 18 14.4229 18 10C18 5.57714 14.4229 2 10 2Z"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-    <path d="M6 10.5L8.5 13L14 7.5" stroke="currentColor" stroke-width="2" />
-  </svg>`;
-
-exports.success = success;

package/dist/cjs/thumbs-down-714036b1.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const thumbsDown = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down-fill" viewBox="0 0 16 16">
-  <path d="M6.956 14.534c.065.936.952 1.659 1.908 1.42l.261-.065a1.38 1.38 0 0 0 1.012-.965c.22-.816.533-2.512.062-4.51q.205.03.443.051c.713.065 1.669.071 2.516-.211.518-.173.994-.68 1.2-1.272a1.9 1.9 0 0 0-.234-1.734c.058-.118.103-.242.138-.362.077-.27.113-.568.113-.856 0-.29-.036-.586-.113-.857a2 2 0 0 0-.16-.403c.169-.387.107-.82-.003-1.149a3.2 3.2 0 0 0-.488-.9c.054-.153.076-.313.076-.465a1.86 1.86 0 0 0-.253-.912C13.1.757 12.437.28 11.5.28H8c-.605 0-1.07.08-1.466.217a4.8 4.8 0 0 0-.97.485l-.048.029c-.504.308-.999.61-2.068.723C2.682 1.815 2 2.434 2 3.279v4c0 .851.685 1.433 1.357 1.616.849.232 1.574.787 2.132 1.41.56.626.914 1.28 1.039 1.638.199.575.356 1.54.428 2.591"/>
-</svg>`;
-
-exports.thumbsDown = thumbsDown;

package/dist/cjs/thumbs-up-411babb8.js

@@ -1,8 +0,0 @@
-'use strict';
-
-const thumbsUp = `<svg xmlns="http://www.w3.org/2000/svg" width="20"
-height="20" fill="currentColor" class="bi bi-hand-thumbs-up-fill" viewBox="0 0 16 16">
-  <path d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965.22.816.533 2.511.062 4.51a10 10 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21.518.173.994.681 1.2 1.273.184.532.16 1.162-.234 1.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404.169.387.107.819-.003 1.148a3.2 3.2 0 0 1-.488.901c.054.152.076.312.076.465 0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.8 4.8 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615.849-.232 1.574-.787 2.132-1.41.56-.627.914-1.28 1.039-1.639.199-.575.356-1.539.428-2.59z"/>
-</svg>`;
-
-exports.thumbsUp = thumbsUp;

package/dist/cjs/tutotial-7855df3c.js

@@ -1,29 +0,0 @@
-'use strict';
-
-const tutorial = `  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M3 7.5L10 3L17 7.5L10 12L3 7.5Z"
-      stroke="currentColor"
-      stroke-width="1.5"
-      stroke-linecap="round"
-    />
-    <path
-      d="M5 8.5V13.2L10 16.5L15 13.6667V8.5"
-      stroke="currentColor"
-      stroke-width="1.5"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M16.8896 13.4492V7.5H18.3896V12.6081L16.8896 13.4492Z"
-      fill="currentColor"
-    />
-  </svg>`;
-
-exports.tutorial = tutorial;

package/dist/cjs/unknown-6814e551.js

@@ -1,24 +0,0 @@
-'use strict';
-
-const unknown = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle
-      cx="10.0001"
-      cy="10.0001"
-      r="9.00007"
-      fill="white"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-    <path
-      d="M8.78976 12.086V11.9135C8.79306 11.3215 8.8442 10.8495 8.94319 10.4977C9.04547 10.1458 9.19395 9.86167 9.38863 9.64515C9.5833 9.42864 9.81757 9.23242 10.0914 9.0565C10.296 8.92118 10.4791 8.78078 10.6408 8.63531C10.8025 8.48984 10.9312 8.32915 11.0268 8.15323C11.1225 7.97392 11.1704 7.77433 11.1704 7.55443C11.1704 7.321 11.1159 7.11632 11.0071 6.9404C10.8982 6.76448 10.7513 6.62916 10.5666 6.53444C10.3851 6.43971 10.1838 6.39235 9.96275 6.39235C9.74828 6.39235 9.54536 6.4414 9.35398 6.53951C9.16261 6.63424 9.00588 6.77632 8.8838 6.96578C8.76171 7.15184 8.69572 7.38358 8.68582 7.66099H6.6665C6.683 6.98438 6.84138 6.42618 7.14164 5.98638C7.4419 5.5432 7.83949 5.21336 8.33442 4.99684C8.82935 4.77694 9.37543 4.66699 9.97265 4.66699C10.6293 4.66699 11.21 4.77863 11.7148 5.00191C12.2196 5.22181 12.6156 5.54151 12.9026 5.96101C13.1897 6.38051 13.3332 6.88627 13.3332 7.47831C13.3332 7.87412 13.2689 8.22596 13.1402 8.53382C13.0148 8.83829 12.8383 9.10894 12.6106 9.34575C12.383 9.57918 12.114 9.79062 11.8039 9.98007C11.5432 10.1391 11.3288 10.3048 11.1605 10.4774C10.9955 10.6499 10.8718 10.8495 10.7893 11.0762C10.7101 11.3028 10.6688 11.5819 10.6655 11.9135V12.086H8.78976ZM9.76972 15.3338C9.43977 15.3338 9.15766 15.2153 8.92339 14.9785C8.69242 14.7383 8.57859 14.4508 8.58189 14.1159C8.57859 13.7843 8.69242 13.5001 8.92339 13.2633C9.15766 13.0265 9.43977 12.9081 9.76972 12.9081C10.0832 12.9081 10.3587 13.0265 10.5963 13.2633C10.8338 13.5001 10.9543 13.7843 10.9576 14.1159C10.9543 14.3391 10.8965 14.5438 10.7843 14.7299C10.6754 14.9126 10.5319 15.0597 10.3537 15.1714C10.1756 15.2796 9.98089 15.3338 9.76972 15.3338Z"
-      fill="currentColor"
-    />
-  </svg>`;
-
-exports.unknown = unknown;

package/dist/cjs/up-and-down-6f179dd8.js

@@ -1,14 +0,0 @@
-'use strict';
-
-const upDown = `  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path d="M10 3L15 8L5 8L10 3Z" fill="currentColor" />
-    <path d="M10 17L5 12L15 12L10 17Z" fill="currentColor" />
-  </svg>`;
-
-exports.upDown = upDown;

package/dist/cjs/user-a3c2230f.js

@@ -1,18 +0,0 @@
-'use strict';
-
-const user = `<svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="10" cy="6" r="3" stroke="currentColor" stroke-width="2" />
-    <path
-      d="M17 18V17C17 14.7909 15.2091 13 13 13H7C4.79086 13 3 14.7909 3 17V18"
-      stroke="currentColor"
-      stroke-width="2"
-    />
-  </svg>`;
-
-exports.user = user;

package/dist/cjs/view-80d5c6c8.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const view = `<svg width="20" height="20" viewBox="-102.4 -102.4 1228.80 1228.80" xmlns="http://www.w3.org/2000/svg" fill="#000000" stroke="#000000" stroke-width="0.01024" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#000000" d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"></path></g></svg>`;
-
-exports.view = view;

package/dist/collection/components/eds-cards/eds-card-composer/eds-card-tags/eds-card-tags.css

@@ -1,9 +0,0 @@
-.flex {
-    display: flex;
-}
-.flex-wrap {
-    flex-wrap: wrap;
-}
-.gap-y-4 {
-    row-gap: 0.25rem;
-  }

package/dist/collection/components/eds-cards/eds-card-composer/eds-card-tags/eds-card-tags.js

@@ -1,63 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @internal
- */
-export class EdsCardTags {
-    constructor() {
-        this.accent = false;
-        this.tags = [];
-    }
-    render() {
-        return (h("div", { key: 'a0184d0900e08d0ae48dd4d2164c9d7ca0ef8db1', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (h("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
-    }
-    static get is() { return "eds-card-tags"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["eds-card-tags.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["eds-card-tags.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "accent": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "A boolean indicating whether the tags should be displayed with an accent style.\nIf true, tags will use the 'accent' intent; otherwise, the default intent is used."
-                },
-                "attribute": "accent",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "tags": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "An array of tag strings to be displayed within the card."
-                },
-                "defaultValue": "[]"
-            }
-        };
-    }
-}

package/dist/collection/components/eds-cards/eds-card-project/eds-card-project.js

@@ -1,227 +0,0 @@
-import { h } from "@stencil/core";
-import { sendAnalytics } from "../../../utils/analytics";
-import { gradientBGColorVariants } from "../../../utils/color";
-/**
- * @internal
- */
-export class EdsCardProject {
-    constructor() {
-        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);
-            }
-            catch (error) {
-                //console.error('Error parsing image prop:', error);
-            }
-        }
-    }
-    handleClick(event) {
-        var _a;
-        event.preventDefault();
-        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
-                ? 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 (h("article", { key: '5f72c2dc52a8ef7edb004c6cf9a2035097c5aa28', class: cardClasses, onClick: (event) => this.handleClick(event) }, h("div", { key: '145809ee5e4800d852bb6d9b84a023160098f3c4', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, h("div", { key: '3d77551f7518cf63f16daffc7d59a2dd23b66148', class: "lg:max-w-[720px]" }, h("eds-card-title", { key: '715a73ee7a013d13ef5e9f3f180eedf043998d76', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (h("span", { key: '418fc9fe39b480f4d1c9e99f2ef4361a6ad3827f', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (h("div", { key: '58764ae4d610e2d1205cf09b7274a14a8bfb5694', class: "mt-auto flex items-center gap-x-12 pt-12" }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && h("eds-tag", { key: 'c552bbc88aca3e3b114aef1fbd3e3bdf3e334624', label: this.categoryTitle })))), this.parsedImage && (h("div", { key: '3e85ad957b7d782cc228a508ce8e76ccb7490a9c', class: imageClasses }, h("div", { key: '77e161fd2deb2c6ec3e30ad0ef34f934ba9197d1', class: "aspect-1x1 w-full" }, h("eds-img", Object.assign({ key: 'e9f0f4982bddba64ee979490024af471f4e9d8f8', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
-    }
-    static get is() { return "eds-card-project"; }
-    static get properties() {
-        return {
-            "image": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Image data for the card. Expects a JSON string with image attributes (src, alt, srcset, sizes, etc.)."
-                },
-                "attribute": "image",
-                "reflect": false
-            },
-            "editorialTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Optional editorial title displayed in the card."
-                },
-                "attribute": "editorial-title",
-                "reflect": false
-            },
-            "headingLevel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
-                    "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Defines the heading level for the project title. Defaults to 'h3'.\nAccepts values: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'."
-                },
-                "attribute": "heading-level",
-                "reflect": false,
-                "defaultValue": "'h3'"
-            },
-            "categoryTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The category title for the card, displayed as a tag."
-                },
-                "attribute": "category-title",
-                "reflect": false
-            },
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Color variant for the card background. It affects the background and border styles."
-                },
-                "attribute": "color",
-                "reflect": false
-            },
-            "bgOnHover": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Determines if the background color changes on hover. Defaults to `false`."
-                },
-                "attribute": "bg-on-hover",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "vertical": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, the card will be displayed vertically. Defaults to `false`."
-                },
-                "attribute": "vertical",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "titleProject": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Title of the project displayed in the card."
-                },
-                "attribute": "title-project",
-                "reflect": false
-            },
-            "url": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "URL that the project title links to."
-                },
-                "attribute": "url",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "parsedImage": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-}