@ebrains/components 3.1.0 → 3.2.0

package/dist/collection/eds-docs-ui/docs-palettes/docs-palettes.js

@@ -17,7 +17,7 @@ export class DocsPalettes {
         }
     }
     render() {
-        return h("div", { key: 'b6a79a91f8609cc1dd6fdd09c15b33e90dea202b', class: "container" }, this.renderContent());
+        return h("div", { key: 'bebc4aab533ad7f61012cae48372420c7fef2e69', class: "container" }, this.renderContent());
     }
     static get is() { return "docs-palettes"; }
     static get properties() {

package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.js

@@ -4,7 +4,64 @@ import { h } from "@stencil/core";
  */
 export class LogoSpace {
     render() {
-        return (h("div", { key: '9f72a0aaadd8ae1aaa8998ca3539bd7d2640de80', class: "container" }, h("ul", { key: 'c4eae5e0c5c6adebbcdfa9f5ff5e505e8fca5364', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'cc93430ed51397f9cc5f6885da73464eee4f50f0', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '7a10d36af753e4cc085a898385a79f86cfda4386', class: "logo-clear-space mx-auto", style: { position: 'relative', padding: '2.5rem', background: '#f5f5f5', borderRadius: '8px' } }, h("div", { key: 'ca39c5c1d7692ac3e3f4c5f86b37ac315da32238', style: { position: 'absolute', top: '0', left: '50%', transform: 'translateX(-50%)', display: 'flex', flexDirection: 'column', alignItems: 'center' } }, h("span", { key: '29dc95b66b0cc09fc4b4d45b317858262fd5f74c', style: { fontSize: '11px', fontWeight: '600', color: '#00C87B', fontFamily: 'IBM Plex Mono, monospace' } }, "E"), h("div", { key: '314d8208cb5349457c1586eacbda115e9fb16d11', style: { width: '1px', height: '12px', borderLeft: '1px dashed #00C87B' } })), h("div", { key: '4d8a568924c6891cd4be3c19e04fc31c2ea1fc70', style: { position: 'absolute', bottom: '0', left: '50%', transform: 'translateX(-50%)', display: 'flex', flexDirection: 'column', alignItems: 'center' } }, h("div", { key: 'b09af7bd89b9f553b812190356ca62aa92ed6991', style: { width: '1px', height: '12px', borderLeft: '1px dashed #00C87B' } }), h("span", { key: 'f093c84334e23c4f4f057e7e4b32d9107a3f41fc', style: { fontSize: '11px', fontWeight: '600', color: '#00C87B', fontFamily: 'IBM Plex Mono, monospace' } }, "E")), h("div", { key: '91db9099f9e9a1523e19785fb7114e3f4fce7275', style: { position: 'absolute', left: '4px', top: '50%', transform: 'translateY(-50%)', display: 'flex', alignItems: 'center' } }, h("span", { key: '88dd6f5d7954d2a1609db58f16242302f8d4f018', style: { fontSize: '11px', fontWeight: '600', color: '#00C87B', fontFamily: 'IBM Plex Mono, monospace' } }, "E"), h("div", { key: '1a6cad75530619b5f7cdbd9044c61ddd05bb4882', style: { height: '1px', width: '12px', borderTop: '1px dashed #00C87B' } })), h("div", { key: '1cf721720500db93522e8563a44260f1ad5d12a3', style: { position: 'absolute', right: '4px', top: '50%', transform: 'translateY(-50%)', display: 'flex', alignItems: 'center' } }, h("div", { key: 'cd05bc1ca38fd5698f894f036ea4530833636dec', style: { height: '1px', width: '12px', borderTop: '1px dashed #00C87B' } }), h("span", { key: 'ab0476740b19beb7c7799334370bff344e01a4de', style: { fontSize: '11px', fontWeight: '600', color: '#00C87B', fontFamily: 'IBM Plex Mono, monospace' } }, "E")), h("div", { key: 'ce5dcd6aaa22c90084ac3f285c28726ef1dc241e', style: { border: '1px dashed rgba(0, 200, 123, 0.5)', borderRadius: '4px', padding: '1rem', display: 'flex', alignItems: 'center', justifyContent: 'center' } }, h("eds-logo", { key: '457548ba3f0835a632c86521fce2fc828f72b7a5', variant: "positive", href: "#", style: { display: 'block', width: '250px' } })))), h("li", { key: '676ceccfa0081fa6b05a2c6cb3c0ba88da61cd6a', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '5ca2e9f1c386afc3f70be756183b4fe93779022f', class: "text-center mt-16" }, h("p", { key: '0c986326909c8de83e584f796c41198554741c3d', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: 'c745fc8b37d5fe412b08c0f88283d5ba74492f30', data: '[\n                  { "Media": "Print", "Min Size": "0.75 cm" },\n                  { "Media": "Web", "Min Size": "29 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))))));
+        return (h("div", { key: 'd8adaf2c085aef0029453aef21a527c8e2677ca5', class: "container" }, h("ul", { key: 'f9919afa9a7788769934fa408e3647f409ad436b', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4defd03de432869a1acd5735011b6dbbbb18b6a8', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'fa018de1f0dcbfc32dc6ed5e00618bf238c7e928', class: "logo-clear-space mx-auto", style: { position: 'relative', padding: '2.5rem', background: '#f5f5f5', borderRadius: '8px' } }, h("div", { key: 'd275d9edb872b43a183e8a76b1c9531d981d585c', style: {
+                position: 'absolute',
+                top: '0',
+                left: '50%',
+                transform: 'translateX(-50%)',
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center'
+            } }, h("span", { key: '11163f214005427e024b04ce1df24f41b8145f57', style: {
+                fontSize: '11px',
+                fontWeight: '600',
+                color: '#00C87B',
+                fontFamily: 'IBM Plex Mono, monospace'
+            } }, "E"), h("div", { key: 'ef4d8d4f7318eba7a9e4cfc8f32119d2c9e23477', style: { width: '1px', height: '12px', borderLeft: '1px dashed #00C87B' } })), h("div", { key: 'ffe1a1ae439d3fd9b129acd336e75aa19624c2b6', style: {
+                position: 'absolute',
+                bottom: '0',
+                left: '50%',
+                transform: 'translateX(-50%)',
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center'
+            } }, h("div", { key: '7b8342fd5b5202dfaa6da0665d91bcd3a47f79a7', style: { width: '1px', height: '12px', borderLeft: '1px dashed #00C87B' } }), h("span", { key: '4efc55d4f8a642acfb77a571694ea05460d12594', style: {
+                fontSize: '11px',
+                fontWeight: '600',
+                color: '#00C87B',
+                fontFamily: 'IBM Plex Mono, monospace'
+            } }, "E")), h("div", { key: '70eb593013f530ef57f9794266ec8909d6f6bbd8', style: {
+                position: 'absolute',
+                left: '4px',
+                top: '50%',
+                transform: 'translateY(-50%)',
+                display: 'flex',
+                alignItems: 'center'
+            } }, h("span", { key: 'eeaf30fd53b36844e52b2e92142b8f8adbaacca2', style: {
+                fontSize: '11px',
+                fontWeight: '600',
+                color: '#00C87B',
+                fontFamily: 'IBM Plex Mono, monospace'
+            } }, "E"), h("div", { key: '27682de58b8ac8bf1d7f17d25ab4e2429e7c5897', style: { height: '1px', width: '12px', borderTop: '1px dashed #00C87B' } })), h("div", { key: 'ced953919078e5ddd4b5c70d750693b89e4d8cbc', style: {
+                position: 'absolute',
+                right: '4px',
+                top: '50%',
+                transform: 'translateY(-50%)',
+                display: 'flex',
+                alignItems: 'center'
+            } }, h("div", { key: '4fe3e43ca20645c3631119cf089aa9f3d83be1f4', style: { height: '1px', width: '12px', borderTop: '1px dashed #00C87B' } }), h("span", { key: '27ca09a454a253730b7cb1ac4246b36c54748745', style: {
+                fontSize: '11px',
+                fontWeight: '600',
+                color: '#00C87B',
+                fontFamily: 'IBM Plex Mono, monospace'
+            } }, "E")), h("div", { key: 'df5159d9341ceebeaca350e5589a59c5f14c8b9a', style: {
+                border: '1px dashed rgba(0, 200, 123, 0.5)',
+                borderRadius: '4px',
+                padding: '1rem',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center'
+            } }, h("eds-logo", { key: '1fe938ec424cf65abffa2b1421f9e5ad5fd7f29a', variant: "positive", href: "#", style: { display: 'block', width: '250px' } })))), h("li", { key: '7db8f82af5f6231048d040d8d96c6c8aabada665', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '8912e3482e1590b4f0cbcf1a8d3a02492b24c2f1', class: "text-center mt-16" }, h("p", { key: '94c6b05c888b177afcce6f0eb8ee2c8b0328a89d', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: 'b02c7b046b2b11effc65ff9c889a962b3b6bd2f5', data: '[\n                  { "Media": "Print", "Min Size": "0.75 cm" },\n                  { "Media": "Web", "Min Size": "29 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))))));
     }
     static get is() { return "logo-space"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class LogoVariationsHorizontal {
     render() {
-        return (h("div", { key: 'bfd9df144e3cabfc1b2198909208d4d41b1d06b8', class: "container" }, h("ul", { key: '318197fcbbf5ea30a3b7786c670dc6a3484063fe', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '7014dddeec695952b9b4041bacc7b509abd4425c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '8be13e6c9f214d23941aae09653e6bae85536805', class: "f-body-01 text-center my-4" }, "#1 Positive"), h("div", { key: 'a3eb696587b0fe2eaea6e6f02c6512d75b2319f4', class: "coloured" }, h("eds-logo", { key: '530e57935491b485a8f1ab983c5c74aa62699e33', variant: "positive", href: "#" }))), h("li", { key: '1664f259390ded9c4084a8734b275a24e4add82e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'c24b35b76fe5cd95462c3f5c435a445b4eed731d', class: "f-body-01 text-center my-4" }, "#2 Negative"), h("div", { key: '0ef846b5bc472e082151994428a681e8ef888919', class: "bg-default" }, h("eds-logo", { key: '647cbedbffc487740dda470fada93c7c4bfe88b7', variant: "negative", href: "#" }))))));
+        return (h("div", { key: '5011adf9e8af3aac24dca24120996b52643e601b', class: "container" }, h("ul", { key: '2b8d7d8ea5c09140279d199372dd06e336e78bc1', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'eaeac5d7de69e2b8a745d4961fb26cf411f4cf91', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '44c29035848feb5380b5efb20b37e5f86d65314f', class: "f-body-01 text-center my-4" }, "#1 Positive"), h("div", { key: 'b438024e4b9fe2ede6e1d8193d5021f84d78baeb', class: "coloured" }, h("eds-logo", { key: '196ccaa50454d4b26c14d7187736fec16f89349a', variant: "positive", href: "#" }))), h("li", { key: '9eb5bbaf4081f2265ea60d2d2099ca039f190389', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '9b95ee3022aafc4c68ea8bed146dd3780b9ef4f2', class: "f-body-01 text-center my-4" }, "#2 Negative"), h("div", { key: '137e1f0451b41bb66c36151e6967e14002bde4ac', class: "bg-default" }, h("eds-logo", { key: '9d97fade01d3e8b59e69d4ba6758ee41f84ef571', variant: "negative", href: "#" }))))));
     }
     static get is() { return "logo-variations-horizontal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.js

@@ -8,7 +8,7 @@ export class LogoVariationsVertical {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '7707346060f598bc4a33ed1b25591907bd1ed86f', class: "container" }, h("ul", { key: '988427e4445b7238666a8865b40e39106574a020', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '09ebe2c5e0c4a17451cff4fa7f8d14f8dadccfb2', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'b761f45824056d8022b25851dc92ec477ba5dd90', class: "f-body-01 text-center my-4" }, "#1 Positive"), h("div", { key: 'b1d0c459aa5fe60c07d23d216873e8792a9b0bdb', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '579c9c3bfe2156153d0a695ed164b5c143435935', orientation: "vertical", variant: "positive", href: "#" }))), h("li", { key: 'e9392a9b97c7fee407bc49dbf1baf5844c002f4a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '5335419cfe66e2454eebe227dcbb844bd9c28d65', class: "f-body-01 text-center my-4" }, "#2 Negative"), h("div", { key: '85f26cc36d343225c543f55ebff8435b7c3b8128', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'e50ba165a491eda6dbdf386cb7c82cfdb69aa7a7', orientation: "vertical", variant: "negative", href: "#" }))))));
+        return (h("div", { key: '67acdc82a0e7dbc0aa07e6607d31c81939ee5d7a', class: "container" }, h("ul", { key: '8c7eb2ee978a402cd85c570e61eb523721dffdd9', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f6620aaf501e6dc5168e5d0d2baa238ce82680fa', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'abeb6b64713250a61476e2947dae5490ca18afea', class: "f-body-01 text-center my-4" }, "#1 Positive"), h("div", { key: '825f3020ce0e73ac80b78e2bbb898c26cb1d2190', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '6aaa41b6beaf9fbcdcce1c6f3130a4db3c97afb4', variant: "positive", href: "#" }))), h("li", { key: '91db370167cecb19689bc2b13d7155a906d14a12', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'b44bf3c628adf0d1f5ca3c1e9dc48e5a6b09a9ee', class: "f-body-01 text-center my-4" }, "#2 Negative"), h("div", { key: '3e9ffec9903d8cfdb38ca64c8a69c201024f593d', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'cfb79e36eb78bd046c783cc4f210febfe30e28e9', variant: "negative", href: "#" }))))));
     }
     static get is() { return "logo-variations-vertical"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/eds-docs-ui/logo/logo-variations-tabs/logo-variations.js

@@ -17,7 +17,7 @@ export class LogoVariationsTabs {
         }
     }
     render() {
-        return h("div", { key: '25f8ec6fcb189c14d9e6d1564a5705ba34296fe1', class: "container" }, this.renderContent());
+        return h("div", { key: '5be7df6877ce83e4cdf3652b6e66640e90fb3081', class: "container" }, this.renderContent());
     }
     static get is() { return "logo-variations-tabs"; }
     static get properties() {

package/dist/collection/eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.js

@@ -5,7 +5,7 @@ import { logoPositive } from "../../../../../../../../packages/svgs/src/index";
  */
 export class LogoWrongUsage {
     render() {
-        return (h("div", { key: 'd2670fc81c458c6fa7830adc0bfe84a8d6edc808', class: "container" }, h("ul", { key: '068ccd9ab65938f0d61f800410c0223e79b072a5', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4600e980ce2d169750f3a06ad11ecc5280ac6816', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'db4d3fc8f5e35ae084c7f359fcc2553f913cc05a', class: "mx-auto no-other-bg-color logo", innerHTML: logoPositive }), h("p", { key: 'b3f85315b376d5dae84a076fcefad660bb28f2b0', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '786ea943986e9948d465fc9bb07b3ea3ab9438f1', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c9ee298d8c36b732e7a1855f26e08f000c16aa91', class: "mx-auto no-other-color logo non-brand-color", innerHTML: logoPositive }), h("p", { key: '6e16a1cf4f03f8a8929c31b2df080dd89b0951c3', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '82a57b134dd2a559a8c755579bdad818d316742a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'f32b83ca94652e22477a3ce0d2247eef0e47b7b8', class: "mx-auto distorted logo", innerHTML: logoPositive }), h("p", { key: '3cf9e132199d325d430cfffa6bf4b4331e43a62e', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '89d4b3eed2c779ff71b3fd6c8315ce4a99cb871b', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'b765e1c704944ecded0d88aca1db3efffd0caeed', class: "mx-auto effects logo", innerHTML: logoPositive }), h("p", { key: '822ac23c64ba745b46d21303a9bbfabe9a26d6dc', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'a5f157b40464fa3178f94147ce9017ffaad0bb69', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c9b3e60f08ad15e0ca9eb11abe769510bf6f04c9', class: "mx-auto rotated logo", innerHTML: logoPositive }), h("p", { key: 'c25fc7938948f5cb3fdf55719483e13ab4780bba', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '8ed76fa89e0bf6b40f0b5478cebfe3a2b129cde6', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'a18962c12781071348a8ec0c10e62d7d3ebec881', class: "mx-auto outlined logo", innerHTML: logoPositive }), h("p", { key: 'a967a5ef26f9d935756db41e632d88765fdc50c7', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '9fc5979179dc4d1defe578a6c4aa7b1e7bf6e355', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'df9479358ca218d9b2f9ffa15dc9cb802cf71e04', class: "mx-auto" }, h("div", { key: '2d06f90b92971701bbe6a76f8b8125846ac15d0c', class: "bg-accent p-16" }, h("div", { key: 'a4178f35a86f8a5788f30137f75880f4c5f5c2a3', class: "text-inverse", innerHTML: logoPositive })), h("p", { key: '567638cdb967150758210ddb0d52657834f65054', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
+        return (h("div", { key: 'f2917e2a6ea6fb5e2eb31dd1bc915a20256ff676', class: "container" }, h("ul", { key: 'd80a9c848c64f2603fa0aef5dd6cde3e9947eb64', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'acbdc5eba5aa42a629e0af955b8b05b693c04280', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ee377c6fc03df3ea4d36de8f488ff0e3d01795f0', class: "mx-auto no-other-bg-color logo", innerHTML: logoPositive }), h("p", { key: 'ff57d7ac90e5dc0fd03aa3cce651f8a7b05f4215', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '39ff08699d8640290f529f2bf3bee718770f452a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '9f718c4ff9148444c2b039c4afba117fd84959bf', class: "mx-auto no-other-color logo non-brand-color", innerHTML: logoPositive }), h("p", { key: '263702a71e19f66e5e133d50ff5a05d78334aa22', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '18261985b96396ab2b6fc2a782acd101565756de', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'f6cd02054601479517153821e15c51c07aac549d', class: "mx-auto distorted logo", innerHTML: logoPositive }), h("p", { key: 'cdfd4f9640d3f85a96f194b146a63ff39fb02be6', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '609660c30557cebaa4798f7f13706cf62c5985ce', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '80c7f31b812f42ae2de7ab04e8ab237bd09d5951', class: "mx-auto effects logo", innerHTML: logoPositive }), h("p", { key: 'a0ef2f9c5358be703f6e997bf7f2d865ac7e743b', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '52d87ca2b6fc2bd650f5051dae0a98a54b9c8681', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '78af2276be724f7e989ad46698de80679759d614', class: "mx-auto rotated logo", innerHTML: logoPositive }), h("p", { key: '8fe1680390e358afd2febdac98a5b91f043e3ce3', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'dc503648d2ed6aa8b116cd5a3bdcfcf8fdabbe7c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'b33e68a6e1ea1a21cab8832b46fc8a6305151edf', class: "mx-auto outlined logo", innerHTML: logoPositive }), h("p", { key: '59f356aa9af489175849716b43903567acbb202d', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '9754f0dc1a175ede68a9caf494d2e603e06f9bf1', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1636ab42d0f934b54e44b55c67f99c6f936b02d5', class: "mx-auto" }, h("div", { key: '710300090e0862499e6d712b1155275a1a58ea18', class: "bg-accent p-16" }, h("div", { key: '71792d037786e7cd5321e969fca8421422daa387', class: "text-inverse", innerHTML: logoPositive })), h("p", { key: '185980c11a566e4ad84dfbf5d0c063f1730b2f3b', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
     }
     static get is() { return "logo-wrong-usage"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/eds-docs-ui/svg-repository/svg-repository.js

@@ -25,7 +25,7 @@ export class SvgRepository {
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (h("div", { key: 'a7aebad6b026e51c822051cabd0826b6d9740d91', class: "full-width" }, h("eds-table", { key: '5b5ce183d78d0a2259c99a949967dbbf4caf4ba4', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (h("div", { key: '623499f3d4e926067be51c7049442ea1d0782439', class: "full-width" }, h("eds-table", { key: 'cec77964e4c9c9e0876f2db6e5a199220be58b7c', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
     }
     static get is() { return "svg-repository"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-cookies-preference/eds-cookies-preference.js

@@ -25,7 +25,7 @@ export class EdsCookiesPreference {
         }
     }
     render() {
-        return (h("div", { key: '0a1f75fe95820dd8f994193f86b52b684f5fd240' }, h("eds-link", { key: 'd3b5740fa53b30a39296b23cd95da1ad2d8d730d', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (h("div", { key: '660d6b9c21de37c5681e7678e062b8039c310bc3' }, h("eds-link", { key: '3849b92ef42a578c1a59533b2281aa9df93bdfab', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
     static get is() { return "eds-cookies-preference"; }
     static get originalStyleUrls() {

package/dist/collection/shared-ui/eds-gitlab-contributors/eds-gitlab-contributors.js

@@ -44,8 +44,8 @@ export class EdsGitlabContributors {
     getProjectIds() {
         return this.projectId
             .split(',')
-            .map(id => id.trim())
-            .filter(id => id.length > 0);
+            .map((id) => id.trim())
+            .filter((id) => id.length > 0);
     }
     /**
      * Fetches commits by path and aggregates by author for a single project
@@ -92,7 +92,7 @@ export class EdsGitlabContributors {
             }
         }
         // Convert to GitLabContributor format
-        return Array.from(authorMap.values()).map(author => ({
+        return Array.from(authorMap.values()).map((author) => ({
             name: author.name,
             email: author.email,
             commits: author.commits,
@@ -112,18 +112,16 @@ export class EdsGitlabContributors {
             // Fetch commits by path and aggregate by author (for monorepo)
             return await this.fetchCommitsByPathForProject(projectId);
         }
-        else {
-            // Use contributors API for entire repository
-            const contributorsResponse = await fetch(`${this.apiUrl}/projects/${encodeURIComponent(projectId)}/repository/contributors?per_page=100`, {
-                headers: {
-                    'PRIVATE-TOKEN': this.accessToken
-                }
-            });
-            if (!contributorsResponse.ok) {
-                throw new Error(`GitLab API error: ${contributorsResponse.status} ${contributorsResponse.statusText}`);
+        // Use contributors API for entire repository
+        const contributorsResponse = await fetch(`${this.apiUrl}/projects/${encodeURIComponent(projectId)}/repository/contributors?per_page=100`, {
+            headers: {
+                'PRIVATE-TOKEN': this.accessToken
             }
-            return await contributorsResponse.json();
+        });
+        if (!contributorsResponse.ok) {
+            throw new Error(`GitLab API error: ${contributorsResponse.status} ${contributorsResponse.statusText}`);
         }
+        return await contributorsResponse.json();
     }
     /**
      * Fetches contributors from GitLab API (supports multiple projects)
@@ -138,29 +136,24 @@ export class EdsGitlabContributors {
             this.loading = true;
             this.error = '';
             const projectIds = this.getProjectIds();
-            let allContributorsData = [];
+            const allContributorsData = [];
             // Fetch contributors from all projects
             for (const projectId of projectIds) {
                 const contributorsData = await this.fetchContributorsForProject(projectId);
                 allContributorsData.push(...contributorsData);
             }
             // Filter by minimum commits and exclude bot contributors
-            const filteredContributors = allContributorsData.filter(c => {
+            const filteredContributors = allContributorsData.filter((c) => {
                 // Exclude if commits are below minimum
-                if (c.commits < this.minCommits)
+                if (c.commits < this.minCommits) {
                     return false;
+                }
                 // Exclude GitLab CI and other bots
                 const email = c.email.toLowerCase();
                 const name = c.name.toLowerCase();
                 // Common bot identifiers
-                const botPatterns = [
-                    'gitlab-ci',
-                    'gitlab ci',
-                    'noreply@gitlab',
-                    'bot@',
-                    'automation@'
-                ];
-                return !botPatterns.some(pattern => email.includes(pattern) || name.includes(pattern));
+                const botPatterns = ['gitlab-ci', 'gitlab ci', 'noreply@gitlab', 'bot@', 'automation@'];
+                return !botPatterns.some((pattern) => email.includes(pattern) || name.includes(pattern));
             });
             // Aggregate duplicate contributors by username
             const aggregatedContributors = this.aggregateContributors(filteredContributors);
@@ -247,15 +240,18 @@ export class EdsGitlabContributors {
             return (h("div", { class: "loading", role: "status", "aria-live": "polite" }, h("eds-spinner", { size: "sm", variant: "primary", background: "transparent", message: "Loading contributors..." })));
         }
         if (this.error) {
-            return (h("eds-alert", { message: "Error loading contributors", intent: "error" }));
+            return h("eds-alert", { message: "Error loading contributors", intent: "error" });
         }
         if (this.contributors.length === 0) {
-            return (h("eds-alert", { message: "No contributors found for this project.", intent: "error" }));
+            return h("eds-alert", { message: "No contributors found for this project.", intent: "error" });
         }
-        const gridClass = `grid gap-6 w-full ${this.columns === '2' ? 'grid-cols-1 sm:grid-cols-2' :
-            this.columns === '3' ? 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3' :
-                this.columns === '4' ? 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4' :
-                    'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5'}`;
+        const gridClass = `grid gap-6 w-full ${this.columns === '2'
+            ? 'grid-cols-1 sm:grid-cols-2'
+            : this.columns === '3'
+                ? 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3'
+                : this.columns === '4'
+                    ? 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'
+                    : 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5'}`;
         return (h("div", { class: "w-full" }, h("div", { class: gridClass }, this.contributors.map((contributor) => {
             const { firstName, lastName } = this.parseName(contributor.name);
             return (h("div", { class: "contributor-card flex flex-row gap-4 p-5 bg-white border border-gray-200 rounded-lg transition-all duration-200", key: contributor.email }, h("div", { class: "flex-shrink-0" }, h("eds-avatar", { firstName: firstName, lastName: lastName, color: "black" })), h("div", { class: "min-w-0 flex flex-col gap-2" }, h("span", { class: "f-ui-01 text-default pb-2 m-0 whitespace-nowrap overflow-hidden text-ellipsis" }, "@", contributor.username), h("div", { class: "flex flex-col gap-2 mt-auto" }, h("div", { class: "flex items-center gap-2 font-semibold" }, h("span", { class: "text-light" }, this.formatNumber(contributor.commits)), h("span", { class: "text-lighter" }, contributor.commits === 1 ? 'commit' : 'commits'))))));

package/dist/collection/shared-ui/eds-global-search/eds-global-search.js

@@ -137,7 +137,9 @@ export class EdsGlobalSearch {
             if (this.authToken) {
                 headers['Authorization'] = `Bearer ${this.authToken}`;
             }
-            const response = await fetch(`${this.apiEndpoint}?q=${encodeURIComponent(query)}&limit=${this.limit}`, { headers });
+            const response = await fetch(`${this.apiEndpoint}?q=${encodeURIComponent(query)}&limit=${this.limit}`, {
+                headers
+            });
             if (!response.ok) {
                 throw new Error('Search failed');
             }
@@ -227,19 +229,23 @@ export class EdsGlobalSearch {
         return this.hasSearched && !this.loading && !this.hasResults && this.query.trim();
     }
     render() {
-        return (h("div", { key: '841c9a013a1c4cee9697f3465759bf638b28475e', class: "search-wrapper" }, h("label", { key: 'ff1b37fff6e94019d2da63060aba77d82ee1bafb', class: `search-pill search-pill--${this.variant}`, htmlFor: "search-global" }, h("svg", { key: '150aff8a31a68195e7b333b9bcfccbc3affb3901', class: "search-icon", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: 'cb424f39cd5f6316056dbcc6b80d11ce8ade1410', cx: "11", cy: "11", r: "7" }), h("line", { key: '004bce39d3a9ee7a53ef0e942cf986e38b76b921', x1: "20", y1: "20", x2: "16.5", y2: "16.5" })), h("input", { key: '97f4c012d7152f29fac9723ced4f06207b8a2453', id: "search-global", class: "search-input", type: "search", name: "search-box-global", placeholder: this.placeholder, value: this.query, autoComplete: "off", onInput: this.handleInput, ref: (el) => (this.inputRef = el) }), this.query && this.query.length > 0 ? (h("button", { type: "button", class: "search-clear", "aria-label": "Clear search", onMouseDown: (e) => e.preventDefault() /* keep focus in input */, onClick: () => this.handleClear() }, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))) : (h("kbd", { class: "search-kbd", "aria-hidden": "true" }, "\u2318K"))), this.showDropdown && (h("div", { key: '3354848b17ba065a64919defd74de0616a29c25c', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (h("div", { key: '5c5f731e969f60c8c3d2ce21683fec35302a2954', class: "flex text-center justify-center p-64" }, h("eds-spinner", { key: '6d0b5223f03bb0ed2f83f2ab3c77cf4e116d87e7', variant: "primary", size: "sm" }))), this.error && !this.loading && (h("div", { key: '9cbca9b3f62c2969478e34a654a973196a5e9187', class: "flex text-center justify-center p-16" }, h("span", { key: 'ce2bd2f6c6b05fb5fdfec4da67460b72445970bc', class: "text-error f-body-02" }, this.error))), this.showEmpty && (h("div", { key: 'b7d446aa72732c9932c90bb5ef08a2f27c357ae4', class: "dropdown-state" }, h("eds-icon-wrapper", { key: 'ac5377b3efa4f26e10781f369843a69c3409ec83', name: "search" }), h("div", { key: '774784c1dbe4c6e6eda9e8d70833d0a2a6821b4f' }, h("p", { key: 'bbce9a267889eee40b54fd471f203b530de42a86', class: "f-body-02" }, "No results found"), h("p", { key: 'd440e4e0ff4f59ea14eef7aa5db0692c4a2352fa', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (h("ul", { key: 'b89e31f5931705e750f0f19fb159f93a05324e6d', class: "dropdown-results" }, this.results.map((result, index) => (h("li", { key: result.id, "data-index": index, class: {
+        return (h("div", { key: '677355c6a3318ec1197965eac1b2cd92d1068730', class: "search-wrapper" }, h("label", { key: 'f5cc85b9445df11e888428bb2a0b2b4114bdc3a9', class: `search-pill search-pill--${this.variant}`, htmlFor: "search-global" }, h("svg", { key: 'b95972f32833c302166af4d496d62aabbbca6b96', class: "search-icon", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("circle", { key: '916f6f24dc45b800fd024196cad8a5a7704715e0', cx: "11", cy: "11", r: "7" }), h("line", { key: 'e73a37d14e3c5de75ff1d5e1ff3ac6dc17276884', x1: "20", y1: "20", x2: "16.5", y2: "16.5" })), h("input", { key: 'e9c88b7577dbc32d700f4ccfc657ac3400c406a7', id: "search-global", class: "search-input", type: "search", name: "search-box-global", placeholder: this.placeholder, value: this.query, autoComplete: "off", onInput: this.handleInput, ref: (el) => (this.inputRef = el) }), this.query && this.query.length > 0 ? (h("button", { type: "button", class: "search-clear", "aria-label": "Clear search", onMouseDown: (e) => e.preventDefault() /* keep focus in input */, onClick: () => this.handleClear() }, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))) : (h("kbd", { class: "search-kbd", "aria-hidden": "true" }, "\u2318K"))), this.showDropdown && (h("div", { key: 'bac2451a0d8e8fe44f4ee8205aac072866c071cc', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (h("div", { key: '2272670a68466fdcb7f7dbef9392c85524f26511', class: "flex text-center justify-center p-64" }, h("eds-spinner", { key: 'ea08bc71e4e251110d63c1f7f0c9ec3cf4f02d31', variant: "primary", size: "sm" }))), this.error && !this.loading && (h("div", { key: 'c54f235e8cf516715d83b830c13b7091ce10c8e5', class: "flex text-center justify-center p-16" }, h("span", { key: '5e0164e70620b1b70acbd665f72e02627758d447', class: "text-error f-body-02" }, this.error))), this.showEmpty && (h("div", { key: 'bc8c5dce2e1e9e0cdb46db53a94d4a06401f8c2f', class: "dropdown-state" }, h("eds-icon-wrapper", { key: 'ddb1815134abfd538530de6d805006f2e629f423', name: "search" }), h("div", { key: '0fe6b3742f59bf6a9745d0c3652caeed1c9fcd0c' }, h("p", { key: '26751d170e283e85eb0fa914c7cd681281b79606', class: "f-body-02" }, "No results found"), h("p", { key: '3c5117ba70272690647141c09105ad73142d2880', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (h("ul", { key: 'ec4e905215fa05a2d29e3cb02325b898cc8e7e75', class: "dropdown-results" }, this.results.map((result, index) => (h("li", { key: result.id, "data-index": index, class: {
                 'result-item': true,
                 'result-item--selected': index === this.selectedIndex
-            }, onClick: () => this.selectResult(result), onMouseEnter: () => (this.selectedIndex = index) }, h("div", { class: "result-header" }, h("span", { class: "result-title f-body-02" }, result.title)), h("div", { class: "result-meta" }, result.parent_software ? ([
-            h("span", { class: "result-badge result-badge--parent" }, result.parent_software),
-            result.section && h("span", { class: "result-badge result-badge--lr" }, result.section)
-        ]) : result.source === 'kg-services' ? ([
-            h("span", { class: "result-badge" }, "EBRAINS KG"),
-            result.section && h("span", { class: "result-badge" }, result.section)
-        ]) : ([
-            h("span", { class: "result-badge" }, result.source),
-            result.section && h("span", { class: "result-badge" }, result.section)
-        ]), h("span", { class: "result-url" }, result.url)), result.snippet && h("p", { class: "result-snippet" }, this.stripHtml(result.snippet))))))), this.hasResults && !this.loading && (h("div", { key: 'fd07f17d78ba2d95c30d95b35d89151b27e3a957', class: "dropdown-footer" }, h("span", { key: '20a6bc436e135e29b89a94b150c505bab6281d6f', class: "footer-hint" }, h("kbd", { key: '08e43dd318b0dde7d67f74731055e2bbc00bdc78' }, "\u2191"), " ", h("kbd", { key: '676535d717d5fb4b98cbf09050883630dbecaf6e' }, "\u2193"), " navigate \u2022 ", h("kbd", { key: 'cd9ac17223ae195b0508c7ea37ad2a9459341b8b' }, "\u21B5"), " select \u2022 ", h("kbd", { key: 'dbaa3eacc337eee81404518e9bd4c9b9fbc44205' }, "esc"), " close")))))));
+            }, onClick: () => this.selectResult(result), onMouseEnter: () => (this.selectedIndex = index) }, h("div", { class: "result-header" }, h("span", { class: "result-title f-body-02" }, result.title)), h("div", { class: "result-meta" }, result.parent_software
+            ? [
+                h("span", { class: "result-badge result-badge--parent" }, result.parent_software),
+                result.section && h("span", { class: "result-badge result-badge--lr" }, result.section)
+            ]
+            : result.source === 'kg-services'
+                ? [
+                    h("span", { class: "result-badge" }, "EBRAINS KG"),
+                    result.section && h("span", { class: "result-badge" }, result.section)
+                ]
+                : [
+                    h("span", { class: "result-badge" }, result.source),
+                    result.section && h("span", { class: "result-badge" }, result.section)
+                ], h("span", { class: "result-url" }, result.url)), result.snippet && h("p", { class: "result-snippet" }, this.stripHtml(result.snippet))))))), this.hasResults && !this.loading && (h("div", { key: '8ba2b0905762d08201d770ef4ad555b5817a93d5', class: "dropdown-footer" }, h("span", { key: '447177da436c4673c1530b63985069270eea9629', class: "footer-hint" }, h("kbd", { key: 'eca68fd4c32ff1b05130322d55c6b40353d0d7e9' }, "\u2191"), " ", h("kbd", { key: 'f0e8c800465276b7648e883f0de99389e144cbdf' }, "\u2193"), " navigate \u2022 ", h("kbd", { key: 'a40bfd64de00d1e9e7770ae13221b84e7270a93e' }, "\u21B5"), " select \u2022 ", h("kbd", { key: 'bbc53439fad27289cdd4705a7ddb61e8d3b578ee' }, "esc"), " close")))))));
     }
     static get is() { return "eds-global-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-kg-learning-resources/eds-kg-learning-resources.js

@@ -22,7 +22,7 @@ export class EdsKgLearningResources {
     }
     async fetchData() {
         const now = Date.now();
-        if (cachedData && (now - cacheTimestamp) < CACHE_TTL) {
+        if (cachedData && now - cacheTimestamp < CACHE_TTL) {
             this.software = cachedData;
             return;
         }
@@ -31,7 +31,7 @@ export class EdsKgLearningResources {
         try {
             const params = new URLSearchParams({
                 size: this.size.toString(),
-                resolve_names: this.resolveNames.toString(),
+                resolve_names: this.resolveNames.toString()
             });
             const response = await fetch(`${this.apiEndpoint}?${params}`);
             if (!response.ok) {
@@ -53,29 +53,25 @@ export class EdsKgLearningResources {
     getFilteredSoftware() {
         let filtered = this.software;
         if (this.filterType) {
-            filtered = filtered.filter(sw => sw.learning_resources_types.includes(this.filterType));
+            filtered = filtered.filter((sw) => sw.learning_resources_types.includes(this.filterType));
         }
         if (this.filterLevel) {
-            filtered = filtered.filter(sw => sw.learning_resources_levels.includes(this.filterLevel));
+            filtered = filtered.filter((sw) => sw.learning_resources_levels.includes(this.filterLevel));
         }
         if (this.searchQuery) {
             const q = this.searchQuery.toLowerCase();
-            filtered = filtered.filter(sw => sw.name.toLowerCase().includes(q) ||
-                sw.learning_resources.some(lr => {
-                    var _a, _b;
-                    return ((_a = lr.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(q)) ||
-                        ((_b = lr.abstract) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(q));
-                }));
+            filtered = filtered.filter((sw) => sw.name.toLowerCase().includes(q) ||
+                sw.learning_resources.some((lr) => { var _a, _b; return ((_a = lr.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(q)) || ((_b = lr.abstract) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(q)); }));
         }
         return filtered;
     }
     getFilteredResources(resources) {
         let filtered = resources;
         if (this.filterType) {
-            filtered = filtered.filter(lr => lr.type === this.filterType);
+            filtered = filtered.filter((lr) => lr.type === this.filterType);
         }
         if (this.filterLevel) {
-            filtered = filtered.filter(lr => lr.educational_level === this.filterLevel);
+            filtered = filtered.filter((lr) => lr.educational_level === this.filterLevel);
         }
         return filtered;
     }
@@ -102,15 +98,15 @@ export class EdsKgLearningResources {
             'video tutorial': 'primary',
             'user documentation': 'dark',
             'video presentation': 'inverse',
-            'slide deck': 'strong',
+            'slide deck': 'strong'
         };
         return map[type] || 'brand-dark';
     }
     getLevelTagIntent(level) {
         const map = {
-            'beginner': 'brand',
-            'intermediate': 'dark',
-            'advanced': 'strong',
+            beginner: 'brand',
+            intermediate: 'dark',
+            advanced: 'strong'
         };
         return map[level] || 'brand-dark';
     }
@@ -121,11 +117,11 @@ export class EdsKgLearningResources {
     }
     renderResources(sw) {
         const filtered = this.getFilteredResources(sw.learning_resources);
-        return (h("div", { class: "resources-content" }, sw.kg_search_url && (h("div", { class: "kg-link" }, h("eds-link", { url: sw.kg_search_url, label: "View in EBRAINS Knowledge Graph", intent: "cta", external: true }))), h("table", { class: "resources-table" }, h("thead", null, h("tr", null, h("th", { class: "col-name" }, "Name"), h("th", { class: "col-type" }, "Type"), h("th", { class: "col-level" }, "Level"))), h("tbody", null, filtered.map(lr => (h("tr", { class: `resource-row ${lr.iri ? 'resource-row--clickable' : ''}`, onClick: () => {
+        return (h("div", { class: "resources-content" }, sw.kg_search_url && (h("div", { class: "kg-link" }, h("eds-link", { url: sw.kg_search_url, label: "View in EBRAINS Knowledge Graph", intent: "cta", external: true }))), h("table", { class: "resources-table" }, h("thead", null, h("tr", null, h("th", { class: "col-name" }, "Name"), h("th", { class: "col-type" }, "Type"), h("th", { class: "col-level" }, "Level"))), h("tbody", null, filtered.map((lr) => (h("tr", { class: `resource-row ${lr.iri ? 'resource-row--clickable' : ''}`, onClick: () => {
                 if (lr.iri) {
                     window.open(lr.iri, '_blank', 'noopener,noreferrer');
                 }
-            } }, h("td", { class: "col-name" }, h("span", { class: "resource-name" }, lr.name || 'Untitled'), lr.abstract && (h("p", { class: "resource-desc" }, lr.abstract))), h("td", { class: "col-type" }, lr.type && (h("eds-tag", { label: lr.type, intent: this.getTagIntent(lr.type), size: "medium" }))), h("td", { class: "col-level" }, lr.educational_level && (h("eds-tag", { label: lr.educational_level, intent: this.getLevelTagIntent(lr.educational_level), size: "medium" })))))))), filtered.length === 0 && (h("p", { class: "no-results" }, "No resources match the current filters."))));
+            } }, h("td", { class: "col-name" }, h("span", { class: "resource-name" }, lr.name || 'Untitled'), lr.abstract && h("p", { class: "resource-desc" }, lr.abstract)), h("td", { class: "col-type" }, lr.type && h("eds-tag", { label: lr.type, intent: this.getTagIntent(lr.type), size: "medium" })), h("td", { class: "col-level" }, lr.educational_level && (h("eds-tag", { label: lr.educational_level, intent: this.getLevelTagIntent(lr.educational_level), size: "medium" })))))))), filtered.length === 0 && h("p", { class: "no-results" }, "No resources match the current filters.")));
     }
     render() {
         // Always render the same outer scaffold (header + content area) so the
@@ -134,7 +130,7 @@ export class EdsKgLearningResources {
         const filtered = !this.loading && !this.error ? this.getFilteredSoftware() : [];
         // const allTypes = this.getAllTypes();
         // const allLevels = this.getAllLevels();
-        return (h("div", { key: '154b59a74cb32996f1bee10ee7758d916bebdd43', class: "lr-container" }, h("div", { key: '0c5c04b65f0c4e4c032b1b1a7d96e98fd6775563', class: "lr-header" }, h("h2", { key: '01ef66537b31a63521f0406cd2ec9976b532d18f', class: "lr-heading" }, this.heading)), this.loading && (h("div", { key: '134ca8e5f7349127b40aa1ae0967cd12dc12cc0b', class: "loading", role: "status", "aria-live": "polite" }, h("eds-spinner", { key: 'a3a0621b6ea041f8da4ef6f36c1688974f3c5591', size: "sm", variant: "primary", background: "transparent", message: "Loading learning resources..." }))), this.error && !this.loading && (h("eds-alert", { key: 'a0334442c175374daf8ce2be4da60ac004e4d0e2', intent: "error", message: this.error })), !this.loading && !this.error && (h("div", { key: 'f2b8244f1ee5c052cabd5eec8cbfc36d06f4d08d', class: "accordion-list" }, filtered.map(sw => (h("eds-accordion", { heading: sw.name, description: this.renderAccordionDescription(sw), variant: this.variant, icon: "book", switchBg: true, clampText: false }, this.renderResources(sw)))), filtered.length === 0 && (h("p", { key: 'd572c9eb76279c93ba2bd5f0fae20b4e1d9fc816', class: "no-results" }, "No software matches the current filters."))))));
+        return (h("div", { key: 'aef669885e2bc85b30f70b3db12fbf4040a306a9', class: "lr-container" }, h("div", { key: '95413849959947a851e27a404aa21368aa895e96', class: "lr-header" }, h("h2", { key: '10353aae716a1408f3f49d70501684a633bf7b51', class: "lr-heading" }, this.heading)), this.loading && (h("div", { key: 'd3318b411c4e27551997a697aa165fe4afb8f3fa', class: "loading", role: "status", "aria-live": "polite" }, h("eds-spinner", { key: 'b242ace225a2b93d5d8e6e4fd3b78a23778d1995', size: "sm", variant: "primary", background: "transparent", message: "Loading learning resources..." }))), this.error && !this.loading && h("eds-alert", { key: 'c0a5cf3aa2830cb96f253f10a34babc4bdb9aedb', intent: "error", message: this.error }), !this.loading && !this.error && (h("div", { key: '83671b3aea2286fe508742ae81d8d0d4aae9863c', class: "accordion-list" }, filtered.map((sw) => (h("eds-accordion", { heading: sw.name, description: this.renderAccordionDescription(sw), variant: this.variant, icon: "book", switchBg: true, clampText: false }, this.renderResources(sw)))), filtered.length === 0 && h("p", { key: '2d344afbcaa2f18bddf2872fd1cf1eb0993ce632', class: "no-results" }, "No software matches the current filters.")))));
     }
     static get is() { return "eds-kg-learning-resources"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-kg-web-services-select/eds-kg-web-services-select.js

@@ -33,7 +33,7 @@ export class EdsKgWebServicesSelect {
             // Check cache first
             const cachedEntry = webServicesCache.get(cacheKey);
             const now = Date.now();
-            if (cachedEntry && (now - cachedEntry.timestamp) < CACHE_DURATION) {
+            if (cachedEntry && now - cachedEntry.timestamp < CACHE_DURATION) {
                 // Use cached data
                 this.webServices = cachedEntry.data;
             }
@@ -52,7 +52,7 @@ export class EdsKgWebServicesSelect {
                 });
             }
             // Format options for eds-input-field: "Localizoom (ebrains-localizoom)"
-            this.selectOptions = this.webServices.map(service => ({
+            this.selectOptions = this.webServices.map((service) => ({
                 label: `${service.name} (${service.short_name})`,
                 value: service.short_name
             }));

package/dist/collection/shared-ui/eds-kg-web-services-select/eds-kg-web-services-select.stories.js

@@ -56,8 +56,7 @@ export default {
         }
     }
 };
-const Template = (args) => {
-    return `
+const Template = (args) => `
     <eds-kg-web-services-select
       ${args.apiEndpoint ? `api-endpoint="${args.apiEndpoint}"` : ''}
       ${args.label ? `label="${args.label}"` : ''}
@@ -74,7 +73,6 @@ const Template = (args) => {
       ${args.errorMessage ? `error-message="${args.errorMessage}"` : ''}
     ></eds-kg-web-services-select>
   `;
-};
 export const Default = Template.bind({});
 Default.args = {
     apiEndpoint: 'https://forms.ebrains.eu/api/v1/kg/web-services/cached',

package/dist/collection/shared-ui/eds-matomo-notice/eds-matomo-notice.stories.js

@@ -93,6 +93,6 @@ export const OptedOut = {
     `,
     args: {
         title: 'Analytics Consent',
-        optOutMessage: "You have opted out of analytics. You can opt back in at any time."
+        optOutMessage: 'You have opted out of analytics. You can opt back in at any time.'
     }
 };

package/dist/collection/shared-ui/eds-search-select/eds-search-select.css

@@ -90,7 +90,9 @@
   line-height: var(--f-ui-02-light-lineHeight);
   letter-spacing: var(--f-ui-02-light-letterSpacing);
 }
-.eds-ss__input::placeholder { color: var(--grey-500); }
+/* opacity:1 mirrors eds-input-field's placeholder reset — Firefox otherwise
+   dims placeholders, which would make this field look slightly different. */
+.eds-ss__input::placeholder { color: var(--grey-500); opacity: 1; }
 .eds-ss__input:disabled { cursor: not-allowed; color: var(--grey-500); }
 
 /* ---- Selected tags (multi-select) ---- */
@@ -201,3 +203,11 @@
   margin-top: 0.25rem;
   font-style: italic;
 }
+
+/* Footer spacing: utility classes are shadow-scoped per component, so the
+   `.mt-6` that eds-input-field relies on isn't available here. Redefine it
+   with the same value (0.375rem) so the helper/error message sits the exact
+   same distance below the control as on a normal eds-input-field. */
+.mt-6 {
+  margin-top: 0.375rem;
+}