npm - @ebrains/vue - Versions diffs - 2.1.0 → 2.3.0 - Mend

@ebrains/vue 2.1.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (234) hide show

package/eds-social-networks.entry-CocjhCqH.mjs ADDED Viewed

@@ -0,0 +1,48 @@
+import { r as o, h as t } from "./index-BEqOhpq-.mjs";
+const n = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.mt-12{margin-top:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{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:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}", l = n, r = class {
+  constructor(e) {
+    o(this, e), this.socialNetworks = [
+      {
+        label: "Twitter",
+        url: "https://twitter.com/ebrains_eu",
+        icon: "twitter"
+      },
+      {
+        label: "Linkedin",
+        url: "https://www.linkedin.com/company/ebrains-eu/about/",
+        icon: "linkedin"
+      },
+      {
+        label: "Facebook",
+        url: "https://www.facebook.com/people/Ebrains_eu/100046659909324/",
+        icon: "facebook"
+      },
+      {
+        label: "Youtube",
+        url: "https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",
+        icon: "youtube"
+      },
+      {
+        label: "Mastodon",
+        url: "https://mastodon.social/@ebrains",
+        icon: "mastodon"
+      },
+      {
+        label: "Bluesky",
+        url: "https://bsky.app/profile/ebrains.bsky.social",
+        icon: "bluesky"
+      }
+    ], this.heading = "Follow EBRAINS to keep up-to-date";
+  }
+  /**
+   * Renders the component's HTML structure with links to EBRAINS social profiles.
+   * Each social network link uses the `eds-link` component with specific classes and styles.
+   */
+  render() {
+    return t("nav", { key: "907adc08d4e02f34994a057146a60b734d6ab81b", "aria-label": "Social media" }, t("p", { key: "a3620851f2e31d662a812ac74e831f023d2646a4", class: "f-ui-02" }, this.heading), t("ul", { key: "b8fece03b5ed995a9dba78cf0445a4eb46787bdc", class: "mt-12 flex gap-4" }, this.socialNetworks.map((e, i) => t("li", { key: i }, t("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: !0, "aria-label": `EBRAINS on ${e.label}`, url: e.url, icon: e.icon, intent: "strong" })))));
+  }
+};
+r.style = l;
+export {
+  r as eds_social_networks
+};

package/eds-social-networks.entry-Dp_L6Xp1.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CmWxVrp5.js"),n="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.mt-12{margin-top:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{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:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}",l=n,i=class{constructor(t){e.registerInstance(this,t),this.socialNetworks=[{label:"Twitter",url:"https://twitter.com/ebrains_eu",icon:"twitter"},{label:"Linkedin",url:"https://www.linkedin.com/company/ebrains-eu/about/",icon:"linkedin"},{label:"Facebook",url:"https://www.facebook.com/people/Ebrains_eu/100046659909324/",icon:"facebook"},{label:"Youtube",url:"https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",icon:"youtube"},{label:"Mastodon",url:"https://mastodon.social/@ebrains",icon:"mastodon"},{label:"Bluesky",url:"https://bsky.app/profile/ebrains.bsky.social",icon:"bluesky"}],this.heading="Follow EBRAINS to keep up-to-date"}render(){return e.h("nav",{key:"907adc08d4e02f34994a057146a60b734d6ab81b","aria-label":"Social media"},e.h("p",{key:"a3620851f2e31d662a812ac74e831f023d2646a4",class:"f-ui-02"},this.heading),e.h("ul",{key:"b8fece03b5ed995a9dba78cf0445a4eb46787bdc",class:"mt-12 flex gap-4"},this.socialNetworks.map((t,o)=>e.h("li",{key:o},e.h("eds-link",{"extra-class":"effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm",external:!0,"aria-label":`EBRAINS on ${t.label}`,url:t.url,icon:t.icon,intent:"strong"})))))}};i.style=l;exports.eds_social_networks=i;

package/{eds-splash-screen.entry-Dw0Ji6bZ.js → eds-splash-screen.entry-B_Ui9QHu.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-~~DM535IHr~~.js"),n=".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:200px;height:200px;margin-bottom:1rem}.content-container{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}",r=n,i=class{constructor(s){e.registerInstance(this,s),this.splash=e.createEvent(this,"splash",7),this.inverse=!1,this.initPromise=void 0,this.isVisible=!0}componentWillLoad(){this.initPromise&&this.handleInitPromise(this.initPromise)}async watchInitPromise(s){s&&this.handleInitPromise(s)}async handleInitPromise(s){try{await s,this.hideSplash()}catch(t){this.splash.emit({type:"error",message:t.message\|\|"Unknown error"})}}handleHideSplash(){this.hideSplash()}hideSplash(){this.isVisible=!1,this.splash.emit({type:"hidden",message:"Splash screen hidden successfully"})}render(){return this.isVisible?e.h(e.Host,null,e.h("div",{class:"splash-overlay",style:{background:this.inverse?"black":"var(--grey-200)"}},e.h("div",{class:"logo-container"},this.inverse?e.h("eds-logo",{orientation:"vertical",type:"color-white"}):e.h("eds-logo",{orientation:"vertical",type:"color"})),e.h("div",{class:"content-container"},e.h("eds-spinner",{size:"xs",background:"none",fullscreen:!1})))):null}static get watchers(){return{initPromise:["watchInitPromise"]}}};i.style=r;exports.eds_splash_screen=i;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CmWxVrp5.js"),n=".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:200px;height:200px;margin-bottom:1rem}.content-container{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}",r=n,i=class{constructor(s){e.registerInstance(this,s),this.splash=e.createEvent(this,"splash",7),this.inverse=!1,this.initPromise=void 0,this.isVisible=!0}componentWillLoad(){this.initPromise&&this.handleInitPromise(this.initPromise)}async watchInitPromise(s){s&&this.handleInitPromise(s)}async handleInitPromise(s){try{await s,this.hideSplash()}catch(t){this.splash.emit({type:"error",message:t.message\|\|"Unknown error"})}}handleHideSplash(){this.hideSplash()}hideSplash(){this.isVisible=!1,this.splash.emit({type:"hidden",message:"Splash screen hidden successfully"})}render(){return this.isVisible?e.h(e.Host,null,e.h("div",{class:"splash-overlay",style:{background:this.inverse?"black":"var(--grey-200)"}},e.h("div",{class:"logo-container"},this.inverse?e.h("eds-logo",{orientation:"vertical",type:"color-white"}):e.h("eds-logo",{orientation:"vertical",type:"color"})),e.h("div",{class:"content-container"},e.h("eds-spinner",{size:"xs",background:"none",fullscreen:!1})))):null}static get watchers(){return{initPromise:["watchInitPromise"]}}};i.style=r;exports.eds_splash_screen=i;

package/{eds-splash-screen.entry-BUnIKxtD.mjs → eds-splash-screen.entry-DB0gqDmU.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, c as n, h as e, H as r } from "./index-UwPjPR0d.mjs";
+import { r as t, c as n, h as e, H as r } from "./index-BEqOhpq-.mjs";
 const a = ".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:200px;height:200px;margin-bottom:1rem}.content-container{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}", o = a, l = class {
   constructor(s) {
     t(this, s), this.splash = n(this, "splash", 7), this.inverse = !1, this.initPromise = void 0, this.isVisible = !0;

package/{eds-timeline.entry-BMaUPN_o.mjs → eds-timeline.entry-DEiVdYgl.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { r, h as t, g as l } from "./index-UwPjPR0d.mjs";
+import { r, h as t, g as l } from "./index-BEqOhpq-.mjs";
 import { p as i } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
-const n = ".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.w-4{width:0.25rem}.pr-4{padding-right:0.25rem}.pl-4{padding-left:0.25rem}.w-1\\/2{width:50%}.left-1\\/2{left:50%}.transform{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-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))}.bg-strong{background-color:var(--grey-700)}.h-full{height:100%}.z-0{z-index:0}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.items-center{align-items:center}.justify-center{justify-content:center}.w-32{width:2rem}.h-32{height:2rem}.bg-accent{background-color:var(--green-500)}.rounded-full{border-radius:9999px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}", c = n, d = class {
+const n = ".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.w-4{width:0.25rem}.pr-4{padding-right:0.25rem}.pl-4{padding-left:0.25rem}.w-1\\/2{width:50%}.left-1\\/2{left:50%}.transform{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-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))}.bg-strong{background-color:var(--grey-700)}.h-full{height:100%}.z-0{z-index:0}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.items-center{align-items:center}.justify-center{justify-content:center}.w-32{width:2rem}.h-32{height:2rem}.bg-accent{background-color:var(--green-500)}.rounded-full{border-radius:9999px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}", d = n, o = class {
   constructor(e) {
     r(this, e), this.events = void 0, this.selectedEvent = null, this.parsedEvents = [];
   }
@@ -29,7 +29,7 @@ const n = ".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-righ
     this.selectedEvent = e, this.modalRef && typeof this.modalRef.open == "function" && this.modalRef.open();
   }
   render() {
-    return t("div", { key: "3abe8b96a25fa575acc503eafa345c63b0c4c971", class: "max-w-sidebar mx-auto px-4 py-8" }, t("div", { key: "23039a03d10a38aa96310be6456283b5d36041e7", class: "relative" }, t("div", { key: "2bf447e7dd77a33b953ee1c7b49c72bb3e79a938", class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), t("div", { key: "db44af20a0e09666b402e77ec739262a3506da48", class: "space-y-16" }, this.parsedEvents.map((e, a) => t("div", { class: "relative flex" }, t("div", { class: `w-1/2 ${a % 2 === 0 ? "pr-4" : ""}` }, a % 2 === 0 && t("eds-card-generic", { cardTitle: e.title, url: "#", description: e.description, "heading-level": "h2", tiny: !0, bg: !e.completed, "with-hover": "false", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })), t("div", { class: "flex items-center justify-center relative" }, e.completed ? t("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" }) : t("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" })), t("div", { class: `w-1/2 ${a % 2 !== 0 ? "pl-4" : ""}` }, a % 2 !== 0 && t("eds-card-generic", { cardTitle: e.title, url: "#", description: e.description, "heading-level": "h2", tiny: !0, bg: !e.completed, "with-hover": "false", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })))))));
+    return t("div", { key: "32a281ea95b422dce623838fb46b2baf2362618d", class: "max-w-sidebar mx-auto px-4 py-8" }, t("div", { key: "8709096bd0e6826888ded5656a68e88a60229927", class: "relative" }, t("div", { key: "41fab313fc2d44e63a5b83b90c24650e8d8de74e", class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), t("div", { key: "8b386581105a89c677fe374e8248f67bf3ec07cd", class: "space-y-16" }, this.parsedEvents.map((e, a) => t("div", { class: "relative flex" }, t("div", { class: `w-1/2 ${a % 2 === 0 ? "pr-4" : ""}` }, a % 2 === 0 && t("eds-card-generic", { cardTitle: e.title, url: "#", description: e.description, "heading-level": "h2", tiny: !0, bg: !e.completed, "with-hover": "false", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })), t("div", { class: "flex items-center justify-center relative" }, e.completed ? t("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" }) : t("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" })), t("div", { class: `w-1/2 ${a % 2 !== 0 ? "pl-4" : ""}` }, a % 2 !== 0 && t("eds-card-generic", { cardTitle: e.title, url: "#", description: e.description, "heading-level": "h2", tiny: !0, bg: !e.completed, "with-hover": "false", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })))))));
   }
   get el() {
     return l(this);
@@ -40,7 +40,7 @@ const n = ".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-righ
     };
   }
 };
-d.style = c;
+o.style = d;
 export {
-  d as eds_timeline
+  o as eds_timeline
 };

package/{eds-timeline.entry-DHGMZu2-.js → eds-timeline.entry-pOPH5Xwq.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-~~DM535IHr~~.js"),l=require("./sharedUtils-a550989c-m4pF1Vqy.js"),i=".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.w-4{width:0.25rem}.pr-4{padding-right:0.25rem}.pl-4{padding-left:0.25rem}.w-1\\/2{width:50%}.left-1\\/2{left:50%}.transform{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-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))}.bg-strong{background-color:var(--grey-700)}.h-full{height:100%}.z-0{z-index:0}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.items-center{align-items:center}.justify-center{justify-content:center}.w-32{width:2rem}.h-32{height:2rem}.bg-accent{background-color:var(--green-500)}.rounded-full{border-radius:9999px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}",n=i,r=class{constructor(e){t.registerInstance(this,e),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(e){const a=l.parseData(e);this.parsedEvents=Array.isArray(a)?a.map(s=>Object.assign(Object.assign({},s),{completed:s.completed==="true"\|\|s.completed===!0})):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach(a=>{this.emitContext(a)})}emitContext(e){const a=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(a)}handleEventClick(e){this.selectedEvent=e,this.modalRef&&typeof this.modalRef.open=="function"&&this.modalRef.open()}render(){return t.h("div",{key:"~~3abe8b96a25fa575acc503eafa345c63b0c4c971~~",class:"max-w-sidebar mx-auto px-4 py-8"},t.h("div",{key:"~~23039a03d10a38aa96310be6456283b5d36041e7~~",class:"relative"},t.h("div",{key:"~~2bf447e7dd77a33b953ee1c7b49c72bb3e79a938~~",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),t.h("div",{key:"~~db44af20a0e09666b402e77ec739262a3506da48~~",class:"space-y-16"},this.parsedEvents.map((e,a)=>t.h("div",{class:"relative flex"},t.h("div",{class:`w-1/2 ${a%2===0?"pr-4":""}`},a%2===0&&t.h("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})),t.h("div",{class:"flex items-center justify-center relative"},e.completed?t.h("div",{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}):t.h("div",{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),t.h("div",{class:`w-1/2 ${a%2!==0?"pl-4":""}`},a%2!==0&&t.h("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})))))))}get el(){return t.getElement(this)}static get watchers(){return{events:["parseEvents"]}}};r.style=n;exports.eds_timeline=r;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CmWxVrp5.js"),l=require("./sharedUtils-a550989c-m4pF1Vqy.js"),i=".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.w-4{width:0.25rem}.pr-4{padding-right:0.25rem}.pl-4{padding-left:0.25rem}.w-1\\/2{width:50%}.left-1\\/2{left:50%}.transform{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-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))}.bg-strong{background-color:var(--grey-700)}.h-full{height:100%}.z-0{z-index:0}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.items-center{align-items:center}.justify-center{justify-content:center}.w-32{width:2rem}.h-32{height:2rem}.bg-accent{background-color:var(--green-500)}.rounded-full{border-radius:9999px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}",n=i,r=class{constructor(e){t.registerInstance(this,e),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(e){const a=l.parseData(e);this.parsedEvents=Array.isArray(a)?a.map(s=>Object.assign(Object.assign({},s),{completed:s.completed==="true"\|\|s.completed===!0})):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach(a=>{this.emitContext(a)})}emitContext(e){const a=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(a)}handleEventClick(e){this.selectedEvent=e,this.modalRef&&typeof this.modalRef.open=="function"&&this.modalRef.open()}render(){return t.h("div",{key:"32a281ea95b422dce623838fb46b2baf2362618d",class:"max-w-sidebar mx-auto px-4 py-8"},t.h("div",{key:"8709096bd0e6826888ded5656a68e88a60229927",class:"relative"},t.h("div",{key:"41fab313fc2d44e63a5b83b90c24650e8d8de74e",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),t.h("div",{key:"8b386581105a89c677fe374e8248f67bf3ec07cd",class:"space-y-16"},this.parsedEvents.map((e,a)=>t.h("div",{class:"relative flex"},t.h("div",{class:`w-1/2 ${a%2===0?"pr-4":""}`},a%2===0&&t.h("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})),t.h("div",{class:"flex items-center justify-center relative"},e.completed?t.h("div",{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}):t.h("div",{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),t.h("div",{class:`w-1/2 ${a%2!==0?"pl-4":""}`},a%2!==0&&t.h("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})))))))}get el(){return t.getElement(this)}static get watchers(){return{events:["parseEvents"]}}};r.style=n;exports.eds_timeline=r;

package/{eds-toast-manager.entry-Bv30X8tV.js → eds-toast-manager.entry-C-Biyzq3.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-~~DM535IHr~~.js");class i{constructor(){this.toastManagerElement=null}init(e){this.toastManagerElement=e}show(e,s="default"){if(!this.toastManagerElement){console.error("ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.");return}const o=new CustomEvent("show-toast",{detail:{message:e,intent:s}});this.toastManagerElement.dispatchEvent(o)}}const r=new i,d=".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}",l=d,n=class{constructor(t){a.registerInstance(this,t),this.toastId=0,this.toasts=[]}connectedCallback(){r.init(this.hostElement),this.hostElement.addEventListener("show-toast",t=>{const{message:e,intent:s}=t.detail;this.addToast(e,s)})}addToast(t,e){const s=this.toastId++;this.toasts=[...this.toasts,{id:s,message:t,intent:e}]}removeToast(t){this.toasts=this.toasts.filter(e=>e.id!==t)}render(){return a.h("div",{key:"~~85027aad9484f391686c4126e984a84e8045511c~~",class:"toast-container"},this.toasts.map(t=>a.h("div",{key:t.id},a.h("eds-toast",{message:t.message,intent:t.intent,onClick:()=>this.removeToast(t.id)}))))}get hostElement(){return a.getElement(this)}};n.style=l;exports.eds_toast_manager=n;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CmWxVrp5.js");class i{constructor(){this.toastManagerElement=null}init(e){this.toastManagerElement=e}show(e,s="default"){if(!this.toastManagerElement){console.error("ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.");return}const o=new CustomEvent("show-toast",{detail:{message:e,intent:s}});this.toastManagerElement.dispatchEvent(o)}}const r=new i,d=".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}",l=d,n=class{constructor(t){a.registerInstance(this,t),this.toastId=0,this.toasts=[]}connectedCallback(){r.init(this.hostElement),this.hostElement.addEventListener("show-toast",t=>{const{message:e,intent:s}=t.detail;this.addToast(e,s)})}addToast(t,e){const s=this.toastId++;this.toasts=[...this.toasts,{id:s,message:t,intent:e}]}removeToast(t){this.toasts=this.toasts.filter(e=>e.id!==t)}render(){return a.h("div",{key:"52a933209ce89505ae72ab7f300fd052d03200ed",class:"toast-container"},this.toasts.map(t=>a.h("div",{key:t.id},a.h("eds-toast",{message:t.message,intent:t.intent,onClick:()=>this.removeToast(t.id)}))))}get hostElement(){return a.getElement(this)}};n.style=l;exports.eds_toast_manager=n;

package/{eds-toast-manager.entry-XryfFnO2.mjs → eds-toast-manager.entry-TPhTiYc3.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as a, g as i } from "./index-UwPjPR0d.mjs";
+import { r as o, h as a, g as i } from "./index-BEqOhpq-.mjs";
 class r {
   constructor() {
     this.toastManagerElement = null;
@@ -25,7 +25,7 @@ class r {
     this.toastManagerElement.dispatchEvent(n);
   }
 }
-const d = new r(), l = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}", m = l, c = class {
+const d = new r(), l = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}", m = l, h = class {
   constructor(t) {
     o(this, t), this.toastId = 0, this.toasts = [];
   }
@@ -49,13 +49,13 @@ const d = new r(), l = ".toast-container{position:fixed;top:1rem;left:50%;transf
     this.toasts = this.toasts.filter((s) => s.id !== t);
   }
   render() {
-    return a("div", { key: "85027aad9484f391686c4126e984a84e8045511c", class: "toast-container" }, this.toasts.map((t) => a("div", { key: t.id }, a("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))));
+    return a("div", { key: "52a933209ce89505ae72ab7f300fd052d03200ed", class: "toast-container" }, this.toasts.map((t) => a("div", { key: t.id }, a("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))));
   }
   get hostElement() {
     return i(this);
   }
 };
-c.style = m;
+h.style = m;
 export {
-  c as eds_toast_manager
+  h as eds_toast_manager
 };

package/{eds-trl.entry-BKzMfF-8.js → eds-trl.entry-BpZ1BGz-.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-~~DM535IHr~~.js"),i=class{constructor(e){t.registerInstance(this,e),this.applications=void 0}getParsedApplications(){let e=[];if(typeof this.applications=="string")try{e=JSON.parse(this.applications\|\|"[]")}catch(r){console.error("Invalid applications trl JSON",r),e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const r=this.getParsedApplications().map(a=>({Application:a.name,"Current TRL Stage":`TRL ${a.currentTrl}`,Progress:t.h("div",{class:"w-[200px]"},t.h("eds-progress-bar",{value:this.calculateProgress(a.currentTrl)}))})),s={Application:{format:"code"},"Current TRL Stage":{format:"text"}};return t.h("div",{key:"~~51e2ef0877ef34a3c413d8bb690d659525845a92~~",class:"container mx-auto px-4 py-8"},t.h("eds-table",{key:"~~b682cb9ce8182302b82042173fcc93aed65f7006~~","table-data":JSON.stringify(r),config:JSON.stringify(s),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};exports.eds_trl=i;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CmWxVrp5.js"),i=class{constructor(e){t.registerInstance(this,e),this.applications=void 0}getParsedApplications(){let e=[];if(typeof this.applications=="string")try{e=JSON.parse(this.applications\|\|"[]")}catch(r){console.error("Invalid applications trl JSON",r),e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const r=this.getParsedApplications().map(a=>({Application:a.name,"Current TRL Stage":`TRL ${a.currentTrl}`,Progress:t.h("div",{class:"w-[200px]"},t.h("eds-progress-bar",{value:this.calculateProgress(a.currentTrl)}))})),s={Application:{format:"code"},"Current TRL Stage":{format:"text"}};return t.h("div",{key:"f83fab1ad31bef37b5239c67e635d26d22714e3f",class:"container mx-auto px-4 py-8"},t.h("eds-table",{key:"594b47098606f772f043da8171a11d5dcbb0513f","table-data":JSON.stringify(r),config:JSON.stringify(s),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};exports.eds_trl=i;

package/eds-trl.entry-lLTRucQv.mjs ADDED Viewed

@@ -0,0 +1,34 @@
+import { r as i, h as r } from "./index-BEqOhpq-.mjs";
+const o = class {
+  constructor(t) {
+    i(this, t), this.applications = void 0;
+  }
+  getParsedApplications() {
+    let t = [];
+    if (typeof this.applications == "string")
+      try {
+        t = JSON.parse(this.applications || "[]");
+      } catch (a) {
+        console.error("Invalid applications trl JSON", a), t = [];
+      }
+    else Array.isArray(this.applications) && (t = this.applications);
+    return t;
+  }
+  calculateProgress(t) {
+    return Math.ceil(t / 9 * 100);
+  }
+  render() {
+    const a = this.getParsedApplications().map((e) => ({
+      Application: e.name,
+      "Current TRL Stage": `TRL ${e.currentTrl}`,
+      Progress: r("div", { class: "w-[200px]" }, r("eds-progress-bar", { value: this.calculateProgress(e.currentTrl) }))
+    })), s = {
+      Application: { format: "code" },
+      "Current TRL Stage": { format: "text" }
+    };
+    return r("div", { key: "f83fab1ad31bef37b5239c67e635d26d22714e3f", class: "container mx-auto px-4 py-8" }, r("eds-table", { key: "594b47098606f772f043da8171a11d5dcbb0513f", "table-data": JSON.stringify(a), config: JSON.stringify(s), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" }));
+  }
+};
+export {
+  o as eds_trl
+};

package/generated/components.d.ts CHANGED Viewed

@@ -14,6 +14,7 @@ export declare const EdsFooter: import('vue').DefineSetupFnComponent<JSX.EdsFoot
 export declare const EdsForm: import('vue').DefineSetupFnComponent<JSX.EdsForm & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsForm & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsFullscreenMenu: import('vue').DefineSetupFnComponent<JSX.EdsFullscreenMenu & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsFullscreenMenu & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsGauge: import('vue').DefineSetupFnComponent<JSX.EdsGauge & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsGauge & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsGlobalSearch: import('vue').DefineSetupFnComponent<JSX.EdsGlobalSearch & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsGlobalSearch & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsHeader: import('vue').DefineSetupFnComponent<JSX.EdsHeader & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsHeader & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsIconWrapper: import('vue').DefineSetupFnComponent<JSX.EdsIconWrapper & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsIconWrapper & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsImg: import('vue').DefineSetupFnComponent<JSX.EdsImg & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsImg & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;

package/{incorrect-use-of-colors.entry-Dq7AmLvI.js → incorrect-use-of-colors.entry-Bg_QoAyg.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-~~DM535IHr~~.js"),a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],o=[{background:"#C461FF"},{background:"#5D3DF9"}],s=[{background:"#FFA543"},{background:"#FF4D68"}],r=[{background:"#3FA9F5"},...o,...s],d=class{constructor(c){e.registerInstance(this,c)}render(){return e.h("div",{key:"~~99f72ce6be806d58cdbe053d86a07e7769e7c298~~",class:"container"},e.h("div",{key:"~~4689bc35f56681d07747158f45bed8960bd764bb~~",class:"mb-8"},e.h("eds-alert",{key:"~~bda983921ff3779dc947d13ff7b3c4f0509154ea~~",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"})),e.h("div",{key:"~~ef02b05fb6fb761cae3cc5120478d9670ae65508~~",class:"flex"},e.h("div",{key:"~~968ccc8bc1acec2856325c921d737f0ac2d0e26d~~",class:"w-full"},e.h("ul",{key:"~~aafe0547a6f6185216cf5ba08cca1e5ed97f7fb8~~",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}}))))),e.h("div",{key:"~~f8af94ee21c7ed37b177fa3b5285e9bfe76e8e46~~",class:"w-full"},e.h("ul",{key:"~~ef52e37263e0bfda9d631f7aa6abe2074cbebe78~~",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},r.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}})))))))}};exports.incorrect_use_of_colors=d;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CmWxVrp5.js"),a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],o=[{background:"#C461FF"},{background:"#5D3DF9"}],s=[{background:"#FFA543"},{background:"#FF4D68"}],r=[{background:"#3FA9F5"},...o,...s],d=class{constructor(c){e.registerInstance(this,c)}render(){return e.h("div",{key:"9822fa84b1af42bc1f1eb31bae9b60736f27c692",class:"container"},e.h("div",{key:"c67d9626f5ceba5fcde0cb279fb9d15c73166cfb",class:"mb-8"},e.h("eds-alert",{key:"898d449b311306781b323968edb0c2d7e03b0d32",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"})),e.h("div",{key:"2409916ecc2de685042d1f93f02d656270457a19",class:"flex"},e.h("div",{key:"305965230c45b879c68004ca985f8d6e9b4482ab",class:"w-full"},e.h("ul",{key:"a66a5a76d3d1d7167b0655e7a1af9310655b9881",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}}))))),e.h("div",{key:"e962b2b3bff48395983243ac2cf877d03ced85b6",class:"w-full"},e.h("ul",{key:"38a2b41471334181fc3e70dd7eaf10b957bdaada",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},r.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}})))))))}};exports.incorrect_use_of_colors=d;

package/{incorrect-use-of-colors.entry-CCB_JH3R.mjs → incorrect-use-of-colors.entry-Btlv1yy_.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as a, h as e } from "./index-UwPjPR0d.mjs";
+import { r as a, h as e } from "./index-BEqOhpq-.mjs";
 const s = [
   {
     background: "#9CE142"
@@ -29,14 +29,14 @@ const s = [
   },
   ...o,
   ...r
-], f = class {
+], n = class {
   constructor(c) {
     a(this, c);
   }
   render() {
-    return e("div", { key: "99f72ce6be806d58cdbe053d86a07e7769e7c298", class: "container" }, e("div", { key: "4689bc35f56681d07747158f45bed8960bd764bb", class: "mb-8" }, e("eds-alert", { key: "bda983921ff3779dc947d13ff7b3c4f0509154ea", message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), e("div", { key: "ef02b05fb6fb761cae3cc5120478d9670ae65508", class: "flex" }, e("div", { key: "968ccc8bc1acec2856325c921d737f0ac2d0e26d", class: "w-full" }, e("ul", { key: "aafe0547a6f6185216cf5ba08cca1e5ed97f7fb8", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, s.map((c) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: c.background } }))))), e("div", { key: "f8af94ee21c7ed37b177fa3b5285e9bfe76e8e46", class: "w-full" }, e("ul", { key: "ef52e37263e0bfda9d631f7aa6abe2074cbebe78", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, d.map((c) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: c.background } })))))));
+    return e("div", { key: "9822fa84b1af42bc1f1eb31bae9b60736f27c692", class: "container" }, e("div", { key: "c67d9626f5ceba5fcde0cb279fb9d15c73166cfb", class: "mb-8" }, e("eds-alert", { key: "898d449b311306781b323968edb0c2d7e03b0d32", message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), e("div", { key: "2409916ecc2de685042d1f93f02d656270457a19", class: "flex" }, e("div", { key: "305965230c45b879c68004ca985f8d6e9b4482ab", class: "w-full" }, e("ul", { key: "a66a5a76d3d1d7167b0655e7a1af9310655b9881", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, s.map((c) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: c.background } }))))), e("div", { key: "e962b2b3bff48395983243ac2cf877d03ced85b6", class: "w-full" }, e("ul", { key: "38a2b41471334181fc3e70dd7eaf10b957bdaada", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, d.map((c) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: c.background } })))))));
   }
 };
 export {
-  f as incorrect_use_of_colors
+  n as incorrect_use_of_colors
 };