@ebrains/react 0.3.0-alpha.0 → 0.4.0-alpha.0

package/eds-card-project.entry.esm.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics, g as gradientBGColorVariants } from './color-0ba8ed56.esm.js';
+import { s as sendAnalytics, g as gradientBGColorVariants } from './color-bb472c37.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';

package/eds-card-section.entry.esm.js

@@ -8,7 +8,7 @@ const EdsCardSectionStyle0 = edsCardSectionCss;
 const EdsCardSection = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.cards = undefined;
+    this.cards = [];
     this.cols = 4;
   }
   /**
@@ -29,7 +29,7 @@ const EdsCardSection = class {
         return JSON.parse(this.cards);
       } catch (e) {
         // eslint-disable-next-line
-        console.error('Error parsing links prop:', e);
+        console.error('Error parsing cards prop:', e);
         return [];
       }
     }
@@ -44,10 +44,10 @@ const EdsCardSection = class {
    */
   render() {
     return h("section", {
-      key: 'c02b0e71ae4658e2f568e9428a9c61455aeb8ccd',
+      key: 'da139da167230819e494a6426c2431f209a2e557',
       class: "w-full"
     }, h("ul", {
-      key: '7f5d952d5cc5044c2ec23ca6b6b627901c40ab81',
+      key: '3e8affe5c9aee91c4487480c72c437339265101a',
       class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, this.parsedCards.map(card => h("li", {
       class: `grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col`

package/eds-card-tags.entry.esm.js

@@ -13,7 +13,7 @@ const EdsCardTags = class {
   }
   render() {
     return h("div", {
-      key: 'b201dc6df5e809d828a055fb5f01fe798e228361',
+      key: '60a129de62d45736eba0884cc24c9738f3a0f55c',
       class: "flex flex-wrap gap-y-4"
     }, this.tags.map((tag, index) => h("eds-tag", {
       key: index,

package/eds-card-tool.entry.esm.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './color-0ba8ed56.esm.js';
+import { s as sendAnalytics } from './color-bb472c37.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';

package/eds-card-wrapper.entry.esm.js

@@ -19,15 +19,15 @@ const EdsCardWrapper = class {
   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 h("article", {
-      key: 'c52f6ad7873050c052b8c0e68b2c812d74f2ddf1',
+      key: '7c12b1d147f061e189b5dda5d517ec4eae0c3691',
       class: articleClasses
     }, h("slot", {
-      key: 'dac6f9fe339c8baa191ee2fd622332ddf25ec08d'
+      key: 'f506bad73ed38ae36931f88f7d7c5f5d94705e4f'
     }), this.hasSlot('footer') && h("div", {
-      key: '301862515ba88f320d1af722bec6120bc3e7d723',
+      key: '783f480be269e4a2f61aa8d4396e757fe41bfcc6',
       class: "mt-auto"
     }, h("slot", {
-      key: '85d939150663a4586934413c9965aa92a9babeef',
+      key: 'f07ddaa2d930518a5c8ac82efab3cb0dd6647bdd',
       name: "footer"
     })));
   }

package/eds-code-block.entry.esm.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index.esm2.js';
+import { r as registerInstance, h, g as getElement } from './index.esm2.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
@@ -2187,12 +2187,56 @@ const EdsCodeBlock = class {
     this.language = undefined;
     this.copied = false;
   }
+  /**
+   * Copies the current code content to the clipboard and sets a temporary copied state.
+   *
+   * @private
+   * @returns {void}
+   */
   copyToClipboard() {
     navigator.clipboard.writeText(this.code).then(() => {
       this.copied = true;
+      /*const analyticsName = this.createHumanFriendlyAnalyticsName(this.code, this.language);
+      sendAnalytics({
+        category: 'ui-component',
+        parentContext: null,
+        tag: this.el.tagName.toLowerCase(),
+        name: analyticsName || '',
+        action: 'copy'
+      });*/
       setTimeout(() => this.copied = false, 2000);
     });
   }
+  /**
+   * Utility function that creates a human-friendly analytics name based on the code and language.
+   * It uses:
+   *  - The language (in uppercase)
+   *  - The number of non-empty lines in the code
+   *  - The first non-empty line of code (truncated to 30 characters, if needed)
+   *
+   * returns A descriptive analytics name.
+   */
+  /*private createHumanFriendlyAnalyticsName(code: string, language: string): string {
+    // Count non-empty lines
+    const lines = code.split('\n').filter(line => line.trim() !== '').length;
+    
+    // Find the first non-empty line and trim it
+    let firstNonEmptyLine = code.split('\n').find(line => line.trim() !== '');
+    firstNonEmptyLine = firstNonEmptyLine ? firstNonEmptyLine.trim() : '';
+       // Truncate the snippet if it’s too long
+    if (firstNonEmptyLine.length > 30) {
+      firstNonEmptyLine = firstNonEmptyLine.substring(0, 30) + '...';
+    }
+       return `CodeBlock:${language.toLowerCase()}|${lines}-line(s)|${firstNonEmptyLine.toLowerCase()}`;
+  }*/
+  /**
+   * Returns the syntax-highlighted HTML for the code.
+   * If the provided language is supported by Prism, this method returns the highlighted code.
+   * Otherwise, it logs a warning and returns the raw code.
+   *
+   * @private
+   * @returns {string} The highlighted HTML string for the code block.
+   */
   getHighlightedCode() {
     if (this.language && Prism$1.languages[this.language]) {
       return Prism$1.highlight(this.code, Prism$1.languages[this.language], this.language);
@@ -2203,10 +2247,10 @@ const EdsCodeBlock = class {
   }
   render() {
     return h("div", {
-      key: 'a99c0c8b9546b80bb3f9e21cd53c29540e8b6e06',
+      key: '00eba9265ee17605f699d1e5606013b68e900b29',
       class: "relative bg-stronger rounded-sm"
     }, h("div", {
-      key: '5856f9d30bb52f791e0d8bb03a6438bc01247f66',
+      key: '1192584f04de5ff74e91c88597a3360b92053456',
       class: "text-inverse flex justify-between items-center p-8"
     }, this.language ? h("span", {
       class: "f-ui-03"
@@ -2217,26 +2261,29 @@ const EdsCodeBlock = class {
     }, h("code", {
       innerHTML: this.getHighlightedCode()
     })), h("span", {
-      key: 'dfb0f69dbbd1032ace5afb7fe98d899816f36610',
+      key: '3666b6529a16a8cc64f448527db4ddee08f977a3',
       "aria-hidden": "true",
       class: "w-20 h-20 mt-8"
     }, h("eds-icon-wrapper", {
-      key: 'b399384638265f9fcc9a824c47fe73c75bcade33',
+      key: 'f222d95a2e548429f6c4de96a7646e3cef1f360f',
       icon: this.copied ? 'success' : 'copy',
       onClick: () => this.copyToClipboard()
     })), h("span", {
-      key: '47c2d00b2cf86b99522dbc438726e0fc57fb6a44',
+      key: '8c539deda773909c01a41eb04ee51380c0a9c4bb',
       class: "sr-only"
     }, "Copy Code")), this.language && h("pre", {
-      key: '038321e9d3d2a38963857ab8b719653f3e8385e3',
+      key: '99541dedb32c543da5e780ffee4460333fbb3724',
       class: `language-${this.language} bg-stronger pl-8 pb-8`,
       role: "region",
       "aria-label": `Code block in ${this.language}`
     }, h("code", {
-      key: '72be161dd9781d9bc2f4d9495969175f34c19249',
+      key: '4e6ae6fcfae3de8c1fe5ad9d22309e0c8bee0c2c',
       innerHTML: this.getHighlightedCode()
     })));
   }
+  get el() {
+    return getElement(this);
+  }
 };
 EdsCodeBlock.style = EdsCodeBlockStyle0;
 

package/eds-matomo-notice.entry.esm.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index.esm2.js';
 import { t as toast } from './toastManager-d9eee791.esm.js';
-import { m as matomoOptIn } from './color-0ba8ed56.esm.js';
+import { m as matomoOptIn } from './color-bb472c37.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';

package/eds-pagination_2.entry.esm.js

@@ -1,7 +1,9 @@
 import { r as registerInstance, h, g as getElement } from './index.esm2.js';
+import { s as sendAnalytics } from './color-bb472c37.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
+import './index-39c58238.esm.js';
 
 const edsPaginationCss = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-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)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.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)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}";
 const EdsPaginationStyle0 = edsPaginationCss;
@@ -29,14 +31,17 @@ const EdsPagination = class {
   componentDidLoad() {
     // Emit context for each eds-link element after the component is fully loaded
     const links = this.hostEl.shadowRoot.querySelectorAll('eds-link');
-    if (links.length > 0) {
+    links.forEach(lnk => {
+      this.emitContext(lnk);
+    });
+    /*if (links.length > 0) {
       // Emit context for the first link
       this.emitContext(links[0]);
-      // Emit context for the last link, if it's different from the first
+           // Emit context for the last link, if it's different from the first
       if (links.length > 1) {
         this.emitContext(links[links.length - 1]);
       }
-    }
+    }*/
   }
   /**
    * Emits a custom event called `parentContext` for a given link element.
@@ -167,12 +172,12 @@ const EdsPagination = class {
   }
   render() {
     return h("div", {
-      key: '2385b59b0a8b2bbdc40bfc5032b846c0ec20065e'
+      key: '584e0918b070eac25a7c4bfceff59b000b60076c'
     }, this.total > 0 && this.mode === 'default' && h("p", {
-      key: '6aea281a4df247874f354469bbabae039424ad9e',
+      key: 'c688bd8e1f1d15904fc274454093f03213f59e38',
       class: "f-ui-03 text-lightest mb-28 w-full text-center"
     }, h("span", {
-      key: 'eeb5f0ea902505c3853a30d51026cef9d9785e48',
+      key: 'c2472919bad41f76e26d518da27509e545ed9db6',
       class: "sr-only"
     }, "Results:"), this.pageResults()), this.mode === 'navigator' || this.lastPage && this.lastPage > 1 ? h("nav", {
       "aria-label": "Pagination"
@@ -342,10 +347,24 @@ const EdsTable = class {
   }
   handlePageChange(newPage) {
     this.currentPage = newPage;
+    sendAnalytics({
+      category: 'ui-component',
+      parentContext: null,
+      tag: `${this.hostEl.tagName.toLowerCase()}/eds-pagination`,
+      name: `${newPage}` || '',
+      action: 'page'
+    });
   }
   handleSearch(event) {
     this.searchQuery = event.target.value;
     this.currentPage = 1;
+    /*sendAnalytics({
+      category: 'ui-component',
+      parentContext: null,
+      tag: `${this.hostEl.tagName.toLowerCase()}/eds-input-field/search`,
+      name: `${this.searchQuery}` || '',
+      action: 'page'
+    });*/
   }
   renderCell(value, column) {
     var _a;
@@ -383,13 +402,11 @@ const EdsTable = class {
     const visibleColumnsCount = this.getVisibleColumnsCount();
     /// Calculate container width based on the optional prop or parent's measured width.
     const containerWidth = this.hostWidth && this.hostWidth.trim() !== '' ? Number(this.hostWidth) : this.hostEl.parentElement instanceof HTMLElement ? this.hostEl.parentElement.getBoundingClientRect().width : this.hostEl.getRootNode().host instanceof HTMLElement ? this.hostEl.getRootNode().host.getBoundingClientRect().width : 400;
-    //console.log('containerWidth:', containerWidth);
     const columnWidth = visibleColumnsCount > 0 ? Math.floor(containerWidth / visibleColumnsCount * this.divisionFactor()) : 100;
-    console.log('columnWidth:', columnWidth);
     return h("div", {
-      key: '178a33c07e6eae9d5edc170f842b6ef29ae21d9c'
+      key: '69fd87330d2049eeb91751c781c7aa753fa89883'
     }, this.searchEnabled && h("div", {
-      key: 'f1212a4e515a1db218df28b71367c6ffa42e3063'
+      key: '2f9680dd17b852b140fe560f7979e1dd58236c5a'
     }, h("eds-input-field", {
       key: 1,
       name: "search",
@@ -399,15 +416,15 @@ const EdsTable = class {
       // @ts-ignore
       onInput: event => this.handleSearch(event)
     })), h("div", {
-      key: 'da6ac91e4b4d56780b044a3d35088e7722efe143',
+      key: 'd67edb24308e526a3e860a90250d58cf8bfee9c8',
       class: "mt-20"
     }, h("table", {
-      key: '3c5734d2370b31d2445ed4f043a80bf87c6d4bde',
+      key: '9a2ef219110e459ac670a0f9c2e62c600f6b5acd',
       class: "block overflow-x-auto mt-6 p-0"
     }, h("thead", {
-      key: '3803a39b4c987ff39bf22e2567bd1bc3d513e1f4'
+      key: '81bae222447e805d06642dda19903d5bf99f2b01'
     }, h("tr", {
-      key: 'a67fa7bdd48549c69cfa9721083a908ab036a559',
+      key: '582d7ea661823b81ccdf3adc9769fe53cf56f04c',
       class: "m-0 p-0 border border-softer even:bg-inverse-softer"
     }, this.columns.map(column => {
       var _a;
@@ -418,7 +435,7 @@ const EdsTable = class {
         }
       }, column);
     }))), h("tbody", {
-      key: '8e3f21bf2ee5b1bd84cfa93411ca2671f43ced45'
+      key: 'ce7f87e665c394c5e9f2201ef2658e888ea07948'
     }, paginatedRows.map(row => h("tr", {
       class: "m-0 p-0 border border-softer even:bg-inverse-softer"
     }, this.columns.map(column => {
@@ -430,10 +447,10 @@ const EdsTable = class {
         }
       }, this.renderCell(row[column], column));
     })))))), this.shouldEnablePagination() && h("div", {
-      key: '24931f257ef9ced394c1b5b1e589cacedd8035e6',
+      key: '0fe6aed0d03c3aa491cd1bb17cd3bdc1e35372a0',
       class: "mt-20"
     }, h("eds-pagination", {
-      key: '996b26ae090ee4fe08cc821fb11362d94879ff72',
+      key: '5192f3f4b2ee93d5864d1afed3341a122c826d97',
       currentPage: this.currentPage,
       lastPage: lastPage,
       perPage: this.rowsPerPage,

package/eds-rating.entry.esm.js

@@ -15,10 +15,8 @@ const EdsRating = class {
     this.selectedRating = 0;
   }
   /**
-   * Parses the `links` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed link objects
+   * Parses the `textMapping` prop into an array of strings.
+   * Returns an empty array if parsing fails.
    */
   get parsedMappings() {
     if (typeof this.textMapping === 'object') {
@@ -28,7 +26,7 @@ const EdsRating = class {
         return JSON.parse(this.textMapping);
       } catch (e) {
         // eslint-disable-next-line
-        console.error('Error parsing links prop:', e);
+        console.error('Error parsing textMapping prop:', e);
         return [];
       }
     }
@@ -44,13 +42,13 @@ const EdsRating = class {
   }
   render() {
     return h("div", {
-      key: '4ca6d5e0fb35d8ebce1acd5c1a7c6c857ba4f463',
+      key: 'c9147c2635f091d93f329d2b56a5fee8dce9126c',
       class: "relative w-full flex flex-col"
     }, h("span", {
-      key: '784b77f84098b8d88cd3872004b0208a4437c51b',
+      key: '39a84bc3d9bcd4b729a35737c883eca7144d13ac',
       class: "f-body-01"
     }, this.label), h("div", {
-      key: '6780db58d3c96046a99d383518cfe1db1e3f1c68',
+      key: '3cb84acf399cac0b23393c71df2f2b36aab4f43e',
       class: "stars"
     }, Array.from({
       length: this.stars
@@ -61,7 +59,7 @@ const EdsRating = class {
       },
       onClick: () => this.handleClick(index + 1)
     }, "\u2605"))), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
-      key: 'ce0eec3c29cf27bff86e3307a29a2c39c2167087',
+      key: '60605ec21b542825da0dad629fc1618d9cf63b25',
       class: "f-ui-04 text-lighter"
     }, this.parsedMappings[this.selectedRating - 1]));
   }

package/eds-tabs-content.entry.esm.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './color-0ba8ed56.esm.js';
+import { s as sendAnalytics } from './color-bb472c37.esm.js';
 import { c as cva } from './index-39c58238.esm.js';
 import 'react';
 import 'react/jsx-runtime';

package/eds-tabs.entry.esm.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './color-0ba8ed56.esm.js';
+import { s as sendAnalytics } from './color-bb472c37.esm.js';
 import { c as cva } from './index-39c58238.esm.js';
 import 'react';
 import 'react/jsx-runtime';

package/eds-timeline.entry.esm.js

@@ -17,7 +17,8 @@ const EdsTimeline = class {
       try {
         parsed = JSON.parse(newValue);
       } catch (e) {
-        console.error('Error parsing events JSON', e);
+        // eslint-disable-next-line
+        console.error('Error parsing timeline events JSON', e);
         parsed = [];
       }
     }
@@ -60,16 +61,16 @@ const EdsTimeline = class {
   }
   render() {
     return h("div", {
-      key: '29e360adb412c67e7516f04671c276a12197d830',
+      key: '6016cb89d3fe3250482b42d8a0bf500fe18cee5d',
       class: "max-w-sidebar mx-auto px-4 py-8"
     }, h("div", {
-      key: 'c556578a505bfb2da435616cb1f39cb91859ec7e',
+      key: '994cc7af75950a0f09d108804efff796602aeb93',
       class: "relative"
     }, h("div", {
-      key: '8e1d307b2b3b470c643ba992d8307457581e9d4f',
+      key: '77b15ae60feb380ea20c6466b49d0efd5d8f5180',
       class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"
     }), h("div", {
-      key: '7b40b6a8944aad01d01524e13056fbafeaa8a8a8',
+      key: '60bb384ce4eedd7bfc3b15a7a637e2b89318d619',
       class: "space-y-16"
     }, this.parsedEvents.map((event, index) => h("div", {
       class: "relative flex"

package/eds-tooltip.entry.esm.js

@@ -1,7 +1,9 @@
 import { r as registerInstance, h, g as getElement } from './index.esm2.js';
+import { s as sendAnalytics } from './color-bb472c37.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
+import './index-39c58238.esm.js';
 
 const edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-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)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}";
 const EdsTooltipStyle0 = edsTooltipCss;
@@ -22,9 +24,17 @@ const EdsTooltip = class {
    * Show the tooltip and update its position.
    */
   async showTooltip() {
+    var _a;
     await this.updateTooltipPosition();
     this.isPositioned = true;
     this.isVisible = true;
+    sendAnalytics({
+      category: 'ui-component',
+      parentContext: null,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((_a = this.content) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+      action: 'hover'
+    });
   }
   /**
    * Hide the tooltip.
@@ -92,12 +102,12 @@ const EdsTooltip = class {
   }
   render() {
     return h("div", {
-      key: '5edce5e2ca66ef992ad22604a5017e5ab02f846b',
+      key: '673ab0ee31378410f9c83bb5fd37b27d00a7b018',
       class: "relative"
     }, h("slot", {
-      key: '74c9ef5978e023a45eb9c25c18f95f1875c19b13'
+      key: '0c0138dfdf9aafecc1e0e925c84d4b0ca957f82d'
     }), this.isVisible && this.isPositioned && this.content && h("div", {
-      key: '4cc3ea40bd81308eb7685b5c1065e8bd30f99191',
+      key: '798d01cf631f2e5b3af9d9bb11a847041a6ee2ba',
       class: "rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",
       role: "tooltip",
       style: {

package/eds-trl.entry.esm.js

@@ -15,8 +15,8 @@ const EdsTrl = class {
       try {
         apps = JSON.parse(this.applications || '[]');
       } catch (error) {
-        // Uncomment the next line for debugging
-        // console.error('Invalid applications JSON', error);
+        // eslint-disable-next-line
+        console.error('Invalid applications trl JSON', error);
         apps = [];
       }
     }
@@ -32,11 +32,10 @@ const EdsTrl = class {
   }
   render() {
     const apps = this.getParsedApplications();
-    console.log('apps:', apps);
     // Map applications into table-friendly data.
     const tableData = apps.map(app => ({
       Application: app.name,
-      "Current TRL Stage": `TRL ${app.currentTrl}`,
+      'Current TRL Stage': `TRL ${app.currentTrl}`,
       Progress: h("div", {
         class: "w-[200px]"
       }, h("eds-progress-bar", {
@@ -44,18 +43,18 @@ const EdsTrl = class {
       }))
     }));
     const tableConfig = {
-      "Application": {
-        "format": "code"
+      Application: {
+        format: 'code'
       },
-      "Current TRL Stage": {
-        "format": "text"
+      'Current TRL Stage': {
+        format: 'text'
       }
     };
     return h("div", {
-      key: '71e903734b5cd1ef74bf93e8fcdc57afacb51f07',
+      key: '868a7c45e6495d7a2ed8a4ad2974ac31f74535a6',
       class: "container mx-auto px-4 py-8"
     }, h("eds-table", {
-      key: 'cb8e4324c9c8481dcc2daf74f06c6928257e6f8b',
+      key: 'ed3e2a949d0e1d66a5e80018fa5fcac9bbe64620',
       data: JSON.stringify(tableData),
       config: JSON.stringify(tableConfig),
       "rows-per-page": "2",

package/index.esm.js

@@ -1,4 +1,4 @@
-export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardDesc, j as EdsCardGeneric, k as EdsCardSection, l as EdsCodeBlock, m as EdsDropdown, n as EdsFooter, o as EdsForm, p as EdsFrame, q as EdsFullscreenMenu, s as EdsHeader, t as EdsIconWrapper, u as EdsImg, v as EdsInputField, w as EdsInputSelect, x as EdsLink, y as EdsLogin, z as EdsLogo, A as EdsMatomoNotice, B as EdsModal, C as EdsPagination, D as EdsProgressBar, F as EdsRating, G as EdsSectionCore, H as EdsSectionHeading, I as EdsSocialNetworks, J as EdsTable, K as EdsTabs, L as EdsTag, M as EdsTimeline, N as EdsToast, O as EdsToastManager, P as EdsTooltip, Q as EdsUser } from './index.esm2.js';
+export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardDesc, j as EdsCardGeneric, k as EdsCardSection, l as EdsCodeBlock, m as EdsDropdown, n as EdsFooter, o as EdsForm, p as EdsFrame, q as EdsFullscreenMenu, s as EdsHeader, t as EdsIconWrapper, u as EdsImg, v as EdsInputField, w as EdsLink, x as EdsLogin, y as EdsLogo, z as EdsMatomoNotice, A as EdsModal, B as EdsPagination, C as EdsProgressBar, D as EdsRating, F as EdsSectionCore, G as EdsSectionHeading, H as EdsSocialNetworks, I as EdsTable, J as EdsTabs, K as EdsTag, L as EdsTimeline, M as EdsToast, N as EdsToastManager, O as EdsTooltip, P as EdsUser } from './index.esm2.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';