@ebrains/components 2.0.0 → 2.2.0

package/dist/components/eds-fullscreen-menu.js

@@ -25,11 +25,16 @@ const EdsFullscreenMenu$1 = /*@__PURE__*/ proxyCustomElement(class EdsFullscreen
         this.isMenuOpen = false;
     }
     /**
-     * Listens for the toggleMenu event to open or close the menu.
-     * This event is emitted by the eds-header component.
+     * Listens on `body` for `toggleheadermenu` to open/close the menu.
+     * The event detail should be a boolean (`true` = open, `false` = close).
+     *
+     * @example
+     * ```js
+     * document.body.dispatchEvent(new CustomEvent('toggleheadermenu', { detail: true }));
+     * ```
      */
     handleToggleMenu(event) {
-        this.isMenuOpen = event.detail; // Set isMenuOpen based on the event payload
+        this.isMenuOpen = !!event.detail;
     }
     /** Opens the menu */
     openMenu() {

package/dist/components/eds-gauge.js

@@ -50,7 +50,7 @@ const EdsGauge$1 = /*@__PURE__*/ proxyCustomElement(class EdsGauge extends HTMLE
         const textStyle = {
             fontSize: `${fontSize}px`
         };
-        return (h("div", { key: '2918e034b24749fd1fcad84f4a8614043c6a9ea2', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, h("div", { key: 'a24d393bfcdbd45019f7a560c4af0330c720af0c', class: "absolute bg-inverse rounded-full", style: maskStyle }), h("div", { key: '712fc9211b6e90afdf7063a4e6a6af74ec88dfdd', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: '88d3ffc3fea9ff77247b4ecbb4af3a6ac39c1cb4', class: "f-body-01 text-default", style: textStyle }, clamped))));
+        return (h("div", { key: '798a7345ee5c3eeb59b5fe29a39827ce347dc756', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, h("div", { key: 'f255f7036a5b11de88fbb32648388905932eb56e', class: "absolute bg-inverse rounded-full", style: maskStyle }), h("div", { key: '2a6dd1d88b32cb2c534f253703a8caa0099f2a43', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: 'ccbf1852d2f43b925f565c7117aca4a878e7f636', class: "f-body-01 text-default", style: textStyle }, clamped))));
     }
     static get style() { return EdsGaugeStyle0; }
 }, [1, "eds-gauge", {

package/dist/components/eds-header.js

@@ -55,7 +55,7 @@ const EdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class EdsHeader extends HTM
         const classes = variantClasses[this.headerVariant] || variantClasses.default;
         // Logo color variant: default and inverse use 'color', strong uses 'color-white'
         const logoType = this.headerVariant === 'strong' ? 'color-white' : 'color';
-        return (h("header", { key: 'aac532eed29a3d4b310ea2550521c95d562d0ece', class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '8794699aa3401c267aacb95959acd57f9ceea3f5', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '490fae1495ecd2b801b24d068c7a2b446ed8741a', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: '3e109d13e8ae8b911511f7cd067ffc193735121a', 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: '87d2e7e9e1d8cafeac2a38b709f77c6bfe83a96d', 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: "large", 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: 'c61e952aeb210ec0f1df85dcd165a4af9bee2d35' }), this.menuEnabled && (h("div", { key: '6838e9ee79eca023c58236d817524f1f0a0b60a5', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: '1b5e7090df7021a145914a77c8bc7388a3218465', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (h("header", { key: 'a0f5bb7d9e850e9414db804019674d6bcbc8ea0b', class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '678d5b1583e6fa47c0eac8ce734e8ec34cd76ad9', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '12ce9c42b266bbddfd75d2a8f0097708480a2490', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'eb388b679d4e268dc7fc011bc2a6406a619287c8', 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: 'c3f8689bb257166c50dd678287c8ad4f54eb315a', 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: "large", 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: '3f689a811a60052393a795937a908cf7d0604cc6' }), this.menuEnabled && (h("div", { key: '506b953b455b72085d83bdaafc6855992075ddbe', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: '5b526affd813549a6142efab255d6486a5e2dd66', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
     }
     get hostEl() { return this; }
     static get style() { return EdsHeaderStyle0; }

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

@@ -8,7 +8,7 @@ const EdsIconArrowDiagonal$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconArr
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd178d36fd0888a40da0873bfd8abe862770e06e9', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: 'ef60986a4391dffcbb2a66109f217f3cec95a5fc', class: this.class, innerHTML: arrowDiagonal });
     }
 }, [0, "eds-icon-arrow-diagonal", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconArrowRight$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconArrowR
         this.class = '';
     }
     render() {
-        return h("span", { key: '4a2b33b86753acab8270a45c7b250603b128bc88', class: this.class, innerHTML: arrowRight });
+        return h("span", { key: '02288b13fa941076a5cc73fd3821bd78e206b2b3', class: this.class, innerHTML: arrowRight });
     }
 }, [0, "eds-icon-arrow-right", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconBin$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconBin extends H
         this.class = '';
     }
     render() {
-        return h("span", { key: '03c42ca4aa5cb15952f58adb016924fdb5f006ef', class: this.class, innerHTML: bin });
+        return h("span", { key: '5f314df297274d153638c96027c23632f47f6a3a', class: this.class, innerHTML: bin });
     }
 }, [0, "eds-icon-bin", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconBluesky$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconBluesky e
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c2ee643b5da517a53bd97ec6263161927ad229a7', class: this.class, innerHTML: bluesky });
+        return h("span", { key: 'dd1f0043450c0970da5487a4c7c69859d3d97e2f', class: this.class, innerHTML: bluesky });
     }
 }, [0, "eds-icon-bluesky", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconBookmark$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconBookmark
         this.class = '';
     }
     render() {
-        return h("span", { key: '789b6624c429ae6bffdec4b264a94a2a97cd1962', class: this.class, innerHTML: bookmark });
+        return h("span", { key: 'b7c85131bafc5d7d3fcf8fde09cf646b4dd3fdab', class: this.class, innerHTML: bookmark });
     }
 }, [0, "eds-icon-bookmark", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconChevronDown$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevr
         this.class = '';
     }
     render() {
-        return h("span", { key: 'fa8022d27b91e909d4cd5522c6d0406be698a412', class: this.class, innerHTML: chevronDown });
+        return h("span", { key: '5547e9d98f781dc03e88a014f726b3a402e6425d', class: this.class, innerHTML: chevronDown });
     }
 }, [0, "eds-icon-chevron-down", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconChevronLeft$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevr
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c723d7f1bbd596063ae7e66123b8038af5320a54', class: this.class, innerHTML: chevronLeft });
+        return h("span", { key: '49925425ac1fd676eb96b973b1419f1f2aec1c81', class: this.class, innerHTML: chevronLeft });
     }
 }, [0, "eds-icon-chevron-left", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconChevronRight$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChev
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f770cd9151077e8708c76d2082613c65a20c420f', class: this.class, innerHTML: chevronRight });
+        return h("span", { key: 'e9abd378d28d9e2251e530f97a11973ea558fbe2', class: this.class, innerHTML: chevronRight });
     }
 }, [0, "eds-icon-chevron-right", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconChevronUp$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconChevron
         this.class = '';
     }
     render() {
-        return h("span", { key: '40d18a840277f2aba5d314a36fca5c1f8fd99cc6', class: this.class, innerHTML: chevronUp });
+        return h("span", { key: 'f81db967bf78d75a4a8e572cda6427046603f0a6', class: this.class, innerHTML: chevronUp });
     }
 }, [0, "eds-icon-chevron-up", {
         "class": [1]

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

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

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

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

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

@@ -8,7 +8,7 @@ const EdsIconClose$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconClose exten
         this.class = '';
     }
     render() {
-        return h("span", { key: '3343580d13358aa90c00dae55b6821c461ba5183', class: this.class, innerHTML: close });
+        return h("span", { key: '91f33941205260a787d69146e390fa970a1c0d72', class: this.class, innerHTML: close });
     }
 }, [0, "eds-icon-close", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconCopy$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconCopy extends
         this.class = '';
     }
     render() {
-        return h("span", { key: '9d15be28017eb074a69846a2a639861de997130b', class: this.class, innerHTML: copy });
+        return h("span", { key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4', class: this.class, innerHTML: copy });
     }
 }, [0, "eds-icon-copy", {
         "class": [1]

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

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

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

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

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

@@ -8,7 +8,7 @@ const EdsIconDraft$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconDraft exten
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ebbda9e150151cc6e6d2677307287f2d2f1ab4db', class: this.class, innerHTML: draft });
+        return h("span", { key: 'e76f56aaba4a67096e6314e61d53bc2512941552', class: this.class, innerHTML: draft });
     }
 }, [0, "eds-icon-draft", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconEdit$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconEdit extends
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c1ff641313e9c0d7160464d7497a2d27de5cbef4', class: this.class, innerHTML: edit });
+        return h("span", { key: '54502ee7a072ad54a5c22367b89c1d00afcaaafe', class: this.class, innerHTML: edit });
     }
 }, [0, "eds-icon-edit", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconEu$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconEu extends HTM
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f285a58f6160d72d82781e80c710ac262af20b89', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '89fde5fbed839d6fdedc0399bf1475abf22d205d', class: this.class, innerHTML: euSvg });
     }
 }, [0, "eds-icon-eu", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconExternal$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconExternal
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd1cee641d0c95e84d9dc805b46aa8d83874b87ee', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: '1abc7edbab033c99ffaede9ebe0f210849fe8d61', class: this.class, innerHTML: arrowDiagonal });
     }
 }, [0, "eds-icon-external", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconFacebook$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconFacebook
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b8c843449dec1ab159280e66e009311735ec8895', class: this.class, innerHTML: facebook });
+        return h("span", { key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873', class: this.class, innerHTML: facebook });
     }
 }, [0, "eds-icon-facebook", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconGitlab$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconGitlab ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '5366b40ab629556c1c68128a216aec5a0bdf6974', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: 'b35f2e94d903549d867579f2e008c323a441019c', class: this.class, innerHTML: gitlabBlack });
     }
 }, [0, "eds-icon-gitlab", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconLinkedin$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconLinkedin
         this.class = '';
     }
     render() {
-        return h("span", { key: 'e9f71cb0a1a20d87a617df568bdc37d248a1cdc8', class: this.class, innerHTML: linkedin });
+        return h("span", { key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa', class: this.class, innerHTML: linkedin });
     }
 }, [0, "eds-icon-linkedin", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconLoader$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconLoader ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '85bcc5308536901f4892e1bba6238be45f7036bf', class: this.class, innerHTML: loader });
+        return h("span", { key: 'b97da1b406718c7611d1e17d7a9c6b4670600740', class: this.class, innerHTML: loader });
     }
 }, [0, "eds-icon-loader", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconMastodon$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMastodon
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f5c6dcd896a1daa487ef1b05f3854157d9015b67', class: this.class, innerHTML: mastodon });
+        return h("span", { key: '36bf44e06217f9b2521f374028a1316fb17ff21a', class: this.class, innerHTML: mastodon });
     }
 }, [0, "eds-icon-mastodon", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconMenu$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMenu extends
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c510b51f8d67e1a94a56cd6482cc1af5d4b6b117', class: this.class, innerHTML: menu });
+        return h("span", { key: '4322703c9e449819dc30946118893d365fa20124', class: this.class, innerHTML: menu });
     }
 }, [0, "eds-icon-menu", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconMinus$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMinus exten
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b6b9e5dd993f9a6b475674cf7d952d68841a1f0c', class: this.class, innerHTML: minus });
+        return h("span", { key: '9b9efb71d724cc1eb0e9bebd7256fe11b39e4da3', class: this.class, innerHTML: minus });
     }
 }, [0, "eds-icon-minus", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconMore$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMore extends
         this.class = '';
     }
     render() {
-        return h("span", { key: 'aac0251ad6695296eb383d05e4d3fdb953ac2b82', class: this.class, innerHTML: more });
+        return h("span", { key: 'f7ebc68658fcf8c0df627871481cce90cd7800fb', class: this.class, innerHTML: more });
     }
 }, [0, "eds-icon-more", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconPaper$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPaper exten
         this.class = '';
     }
     render() {
-        return h("span", { key: '27d2b36f47c4a58e90a4148fbb8568f81eaeb07c', class: this.class, innerHTML: paper });
+        return h("span", { key: 'eaa676b09d81da31b600a910b99b416c1a5420d3', class: this.class, innerHTML: paper });
     }
 }, [0, "eds-icon-paper", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconPlus$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPlus extends
         this.class = '';
     }
     render() {
-        return h("span", { key: '9c4eca2f6cd5919b07694d8ae209d568da9ee8c2', class: this.class, innerHTML: plus });
+        return h("span", { key: '825957824697ceeec9d6f81007c4dd1dfc208b28', class: this.class, innerHTML: plus });
     }
 }, [0, "eds-icon-plus", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconPortal$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPortal ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '7ab9673d6effd4caa728276e2d6927e3a08e2e9a', class: this.class, innerHTML: portal });
+        return h("span", { key: '4c557c9fe9168f361c55aae7a7c6874d78ec620d', class: this.class, innerHTML: portal });
     }
 }, [0, "eds-icon-portal", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconPrivate$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPrivate e
         this.class = '';
     }
     render() {
-        return h("span", { key: 'abd96f1775b99dc252a2b4783c133bc7ab0e07cc', class: this.class, innerHTML: privat });
+        return h("span", { key: 'fe423636431e96ce42d0b8236b04c11c92633a18', class: this.class, innerHTML: privat });
     }
 }, [0, "eds-icon-private", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconPublic$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconPublic ext
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c681e9c3a2e797225a6b4d7c21260cfbcd7b1a07', class: this.class, innerHTML: pub });
+        return h("span", { key: '4c0a1ff37a1bfa79173c6b91da33fb808ef1b918', class: this.class, innerHTML: pub });
     }
 }, [0, "eds-icon-public", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconSearch$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconSearch ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '95fd209db33a21655b248b74933baf775aa6008f', class: this.class, innerHTML: search });
+        return h("span", { key: 'c788833c6a51e489ca432697a9c46d9b5756a519', class: this.class, innerHTML: search });
     }
 }, [0, "eds-icon-search", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconStar$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconStar extends
         this.class = '';
     }
     render() {
-        return h("span", { key: '4d66d4107547dc9669a155587e5e9f214525c103', class: this.class, innerHTML: star });
+        return h("span", { key: '297e73664320032b2f78dd3c43aa0852545c0723', class: this.class, innerHTML: star });
     }
 }, [0, "eds-icon-star", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconStart$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconStart exten
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd8af71df9336e0a1d8763c5f5eea4f19da127785', class: this.class, innerHTML: start });
+        return h("span", { key: '360d1178d8f9f8485718f5ab1ed823ac16be2987', class: this.class, innerHTML: start });
     }
 }, [0, "eds-icon-start", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconSuccess$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconSuccess e
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f427b541cef236f90f132b436d3cd617e5a9381c', class: this.class, innerHTML: success });
+        return h("span", { key: '281f7141b6b45b60e8f11f85430af0cd8364d91f', class: this.class, innerHTML: success });
     }
 }, [0, "eds-icon-success", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconThumbsDown$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconThumbs
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b071c30d25352e18241561760669e099a2f22481', class: this.class, innerHTML: thumbsDown });
+        return h("span", { key: 'b119fa870a00fbad7cffeb30b0ab76d2165eb76d', class: this.class, innerHTML: thumbsDown });
     }
 }, [0, "eds-icon-thumbs-down", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconThumbsUp
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ccb23aecc8c918e8428b06f9599969868f97d0e4', class: this.class, innerHTML: thumbsUp });
+        return h("span", { key: '86834f96ac586f4bd7404ebdcd8ac0e496f063bb', class: this.class, innerHTML: thumbsUp });
     }
 }, [0, "eds-icon-thumbs-up", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconTutorial$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconTutorial
         this.class = '';
     }
     render() {
-        return h("span", { key: '6c73e2842e44f4e921399d2d303818b9c5c4b1a3', class: this.class, innerHTML: tutorial });
+        return h("span", { key: 'f7457ee049fe477b51776527b58d459312c52cf4', class: this.class, innerHTML: tutorial });
     }
 }, [0, "eds-icon-tutorial", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconTwitter$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconTwitter e
         this.class = '';
     }
     render() {
-        return h("span", { key: 'db8fea43b7888da43821083ecc706a16c949932e', class: this.class, innerHTML: twitter });
+        return h("span", { key: '6f1d0b5e073ef4d754aecb600a8578fc59950496', class: this.class, innerHTML: twitter });
     }
 }, [0, "eds-icon-twitter", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconUnknown$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconUnknown e
         this.class = '';
     }
     render() {
-        return h("span", { key: 'a56cf8519a7969a8a51178a3424e36d4ae7dddbf', class: this.class, innerHTML: unknown });
+        return h("span", { key: '3b2750a85a74227efe458ceaa2d0995ab0c472b3', class: this.class, innerHTML: unknown });
     }
 }, [0, "eds-icon-unknown", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconUpdown$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconUpdown ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '3efe71bda81efa13e277ebfae2d6d6f588964ee5', class: this.class, innerHTML: upDonw });
+        return h("span", { key: '1768da9f606b60dd3dc1c8ef76673c6b17eb1b37', class: this.class, innerHTML: upDonw });
     }
 }, [0, "eds-icon-updown", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconUser$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconUser extends
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd2ab70229b5200b541a91d32ee0b7ea582a5f79d', class: this.class, innerHTML: user });
+        return h("span", { key: 'ccb41b3ad799e44dab0664dadd5407f6aef9b39c', class: this.class, innerHTML: user });
     }
 }, [0, "eds-icon-user", {
         "class": [1]

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

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

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

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

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

@@ -8,7 +8,7 @@ const EdsIconYoutube$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconYoutube e
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dd1f0043450c0970da5487a4c7c69859d3d97e2f', class: this.class, innerHTML: youtube });
+        return h("span", { key: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4', class: this.class, innerHTML: youtube });
     }
 }, [0, "eds-icon-youtube", {
         "class": [1]

package/dist/components/eds-img2.js

@@ -45,10 +45,10 @@ const EdsImg = /*@__PURE__*/ proxyCustomElement(class EdsImg extends HTMLElement
             imgOpts['loading'] = 'lazy';
             imgOpts['decoding'] = 'async';
         }
-        return (h("div", { key: 'd40662545cefe458d307c9877c4a8804c4fb7406', class: {
+        return (h("div", { key: 'fec0dcf2ec178a953f4ced8a71b037030983670d', class: {
                 'items-center justify-center': true,
                 'effect-bg-pattern': this.lazyload && this.showBg
-            } }, h("picture", { key: '94c28d57611eec83eb7ed03620de4b2449dd665c' }, this.formats.map((format) => (h("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), h("img", Object.assign({ key: 'd7b6e56937a19f558abb29bb1da2f04b945970c9', ref: (el) => (this.img = el), class: {
+            } }, h("picture", { key: '0df010a6ed50519be0a2017bf12db7d1ab2fb208' }, this.formats.map((format) => (h("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), h("img", Object.assign({ key: 'ea4275b2cc6be0cce5ab63f97d05454e3c4ee1dc', ref: (el) => (this.img = el), class: {
                 'effect-opacity object-cover object-center': true,
                 'opacity-100': this.loaded,
                 'opacity-0': !this.loaded