@ebrains/vue 0.9.2-beta → 1.0.0

package/eds-card-project.entry-Cd7tP9g4.mjs

@@ -0,0 +1,170 @@
+import { r as i, h as t, g as s } from "./index-BvZ-fq9l.mjs";
+import { s as l } from "./analytics-d99780e3-Bay18Oil.mjs";
+import { c } from "./index-39c58238-BwYCDOHZ.mjs";
+const d = ["green", "yellow", "among-blue", "purple"], n = c([], {
+  variants: {
+    color: d.reduce((e, o) => Object.assign(Object.assign({}, e), { [o]: "" }), {}),
+    direction: {
+      top: "",
+      bottom: ""
+    },
+    pseudo: {
+      true: "before:effect-opacity effect-bg-behind",
+      false: ""
+    },
+    hover: {
+      true: "before:opacity-0 hover:before:opacity-100",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    // region GREEN
+    {
+      color: "green",
+      direction: "top",
+      pseudo: !0,
+      class: "before:bg-gradient-01-top"
+    },
+    {
+      color: "green",
+      pseudo: !0,
+      direction: "bottom",
+      class: "before:bg-gradient-01-bottom"
+    },
+    {
+      color: "green",
+      direction: "top",
+      pseudo: !1,
+      class: "bg-gradient-01-top"
+    },
+    {
+      color: "green",
+      pseudo: !1,
+      direction: "bottom",
+      class: "bg-gradient-01-bottom"
+    },
+    // endregion
+    // region YELLOW
+    {
+      color: "yellow",
+      direction: "top",
+      pseudo: !0,
+      class: "before:bg-gradient-02-top"
+    },
+    {
+      color: "yellow",
+      direction: "bottom",
+      pseudo: !0,
+      class: "before:bg-gradient-02-bottom"
+    },
+    {
+      color: "yellow",
+      direction: "top",
+      pseudo: !1,
+      class: "bg-gradient-02-top"
+    },
+    {
+      color: "yellow",
+      direction: "bottom",
+      pseudo: !1,
+      class: "bg-gradient-02-bottom"
+    },
+    // endregion
+    // region PURPLE
+    {
+      color: "purple",
+      direction: "top",
+      pseudo: !0,
+      class: "before:bg-gradient-03-top"
+    },
+    {
+      color: "purple",
+      direction: "bottom",
+      pseudo: !0,
+      class: "before:bg-gradient-03-bottom"
+    },
+    {
+      color: "purple",
+      direction: "top",
+      pseudo: !1,
+      class: "bg-gradient-03-top"
+    },
+    {
+      color: "purple",
+      direction: "bottom",
+      pseudo: !1,
+      class: "bg-gradient-03-bottom"
+    },
+    // endregion
+    // region AMONG-BLUE
+    {
+      color: "among-blue",
+      direction: "top",
+      pseudo: !0,
+      class: "before:bg-gradient-04-top"
+    },
+    {
+      color: "among-blue",
+      direction: "bottom",
+      pseudo: !0,
+      class: "before:bg-gradient-04-bottom"
+    },
+    {
+      color: "among-blue",
+      direction: "top",
+      pseudo: !1,
+      class: "bg-gradient-04-top"
+    },
+    {
+      color: "among-blue",
+      direction: "bottom",
+      pseudo: !1,
+      class: "bg-gradient-04-bottom"
+    }
+    // endregion
+  ],
+  defaultVariants: {
+    direction: "top",
+    pseudo: !0
+  }
+}), p = class {
+  constructor(e) {
+    i(this, e), this.image = void 0, this.editorialTitle = void 0, this.headingLevel = "h3", this.categoryTitle = void 0, this.color = void 0, this.bgOnHover = !1, this.vertical = !1, this.titleProject = void 0, this.url = void 0, this.parsedImage = null;
+  }
+  componentWillLoad() {
+    if (this.image)
+      try {
+        this.parsedImage = JSON.parse(this.image);
+      } catch {
+      }
+  }
+  handleClick(e) {
+    var o;
+    e.preventDefault(), l({
+      category: "ui-component",
+      tag: this.el.tagName.toLowerCase(),
+      name: ((o = this.titleProject) === null || o === void 0 ? void 0 : o.toLowerCase()) || "",
+      action: "click"
+    });
+  }
+  render() {
+    var e;
+    const o = [
+      "min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",
+      this.color ? n({
+        color: this.color,
+        hover: this.bgOnHover,
+        class: "before:border-2 before:rounded-lg before:border-softest"
+      }) : "bg-default",
+      this.bgOnHover && this.color ? "effect-background bg-default focus-within:bg-transparent hover:bg-transparent" : "effect-background hover:bg-default",
+      this.vertical ? "flex-col gap-y-16" : "flex-col gap-x-16 gap-y-12 lg:flex-row"
+    ].join(" "), r = this.vertical ? "" : "max-w-120 @md:max-w-192 order-first w-full lg:order-last";
+    return t("article", { key: "7a69b9f5fc30ce389267a064e82aa2cf78b676d1", class: o, onClick: (a) => this.handleClick(a) }, t("div", { key: "8495c7b6655418741b1d208f06f003d4ec2eaf79", class: `flex grow flex-col ${this.vertical ? "min-h-156" : ""}` }, t("div", { key: "803b274d099072e055c484e818732a48ff27ebab", class: "lg:max-w-[720px]" }, t("eds-card-title", { key: "18b1d058c9d92e3df264c5f60cec0adc8f14f19e", "heading-level": this.headingLevel, titleClass: this.image ? "f-ui-01" : void 0, "card-title": this.titleProject, url: this.url }), this.editorialTitle && t("span", { key: "1854001686cae69c50a97ed50534ae4329d3017a", class: `block ${this.vertical ? "f-ui-02" : "mt-4 f-heading-06"}` }, this.editorialTitle)), this.categoryTitle && t("div", { key: "a5e741ce22ace338988a1a0d6f0d5c2740eb685b", class: "mt-auto flex items-center gap-x-12 pt-12" }, ((e = this.categoryTitle) === null || e === void 0 ? void 0 : e.length) && t("eds-tag", { key: "c1136aef565b3a35bee7d7c254434b6c06f3cf65", label: this.categoryTitle }))), this.parsedImage && t("div", { key: "531cb24eafadd52397a138735436e0501b45cf76", class: r }, t("div", { key: "c692a10bfa0032d4e43fe35090e38dde3e0401f3", class: "aspect-1x1 w-full" }, t("eds-img", Object.assign({ key: "490983736b4cd9de3b2cfbafe11be15802746afe", sizes: this.vertical ? this.parsedImage.sizes || "" : "192px" }, this.parsedImage)))));
+  }
+  get el() {
+    return s(this);
+  }
+};
+export {
+  p as eds_card_project
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),i=require("./analytics-d99780e3-DgvAss6l.js"),s=require("./index-39c58238-SQ-JC-LH.js"),l=["green","yellow","among-blue","purple"],c=s.cva([],{variants:{color:l.reduce((t,o)=>Object.assign(Object.assign({},t),{[o]:""}),{}),direction:{top:"",bottom:""},pseudo:{true:"before:effect-opacity effect-bg-behind",false:""},hover:{true:"before:opacity-0 hover:before:opacity-100",false:""}},compoundVariants:[{color:"green",direction:"top",pseudo:!0,class:"before:bg-gradient-01-top"},{color:"green",pseudo:!0,direction:"bottom",class:"before:bg-gradient-01-bottom"},{color:"green",direction:"top",pseudo:!1,class:"bg-gradient-01-top"},{color:"green",pseudo:!1,direction:"bottom",class:"bg-gradient-01-bottom"},{color:"yellow",direction:"top",pseudo:!0,class:"before:bg-gradient-02-top"},{color:"yellow",direction:"bottom",pseudo:!0,class:"before:bg-gradient-02-bottom"},{color:"yellow",direction:"top",pseudo:!1,class:"bg-gradient-02-top"},{color:"yellow",direction:"bottom",pseudo:!1,class:"bg-gradient-02-bottom"},{color:"purple",direction:"top",pseudo:!0,class:"before:bg-gradient-03-top"},{color:"purple",direction:"bottom",pseudo:!0,class:"before:bg-gradient-03-bottom"},{color:"purple",direction:"top",pseudo:!1,class:"bg-gradient-03-top"},{color:"purple",direction:"bottom",pseudo:!1,class:"bg-gradient-03-bottom"},{color:"among-blue",direction:"top",pseudo:!0,class:"before:bg-gradient-04-top"},{color:"among-blue",direction:"bottom",pseudo:!0,class:"before:bg-gradient-04-bottom"},{color:"among-blue",direction:"top",pseudo:!1,class:"bg-gradient-04-top"},{color:"among-blue",direction:"bottom",pseudo:!1,class:"bg-gradient-04-bottom"}],defaultVariants:{direction:"top",pseudo:!0}}),d=class{constructor(t){e.registerInstance(this,t),this.image=void 0,this.editorialTitle=void 0,this.headingLevel="h3",this.categoryTitle=void 0,this.color=void 0,this.bgOnHover=!1,this.vertical=!1,this.titleProject=void 0,this.url=void 0,this.parsedImage=null}componentWillLoad(){if(this.image)try{this.parsedImage=JSON.parse(this.image)}catch{}}handleClick(t){var o;t.preventDefault(),i.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:((o=this.titleProject)===null||o===void 0?void 0:o.toLowerCase())||"",action:"click"})}render(){var t;const o=["min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",this.color?c({color:this.color,hover:this.bgOnHover,class:"before:border-2 before:rounded-lg before:border-softest"}):"bg-default",this.bgOnHover&&this.color?"effect-background bg-default focus-within:bg-transparent hover:bg-transparent":"effect-background hover:bg-default",this.vertical?"flex-col gap-y-16":"flex-col gap-x-16 gap-y-12 lg:flex-row"].join(" "),r=this.vertical?"":"max-w-120 @md:max-w-192 order-first w-full lg:order-last";return e.h("article",{key:"7a69b9f5fc30ce389267a064e82aa2cf78b676d1",class:o,onClick:a=>this.handleClick(a)},e.h("div",{key:"8495c7b6655418741b1d208f06f003d4ec2eaf79",class:`flex grow flex-col ${this.vertical?"min-h-156":""}`},e.h("div",{key:"803b274d099072e055c484e818732a48ff27ebab",class:"lg:max-w-[720px]"},e.h("eds-card-title",{key:"18b1d058c9d92e3df264c5f60cec0adc8f14f19e","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.titleProject,url:this.url}),this.editorialTitle&&e.h("span",{key:"1854001686cae69c50a97ed50534ae4329d3017a",class:`block ${this.vertical?"f-ui-02":"mt-4 f-heading-06"}`},this.editorialTitle)),this.categoryTitle&&e.h("div",{key:"a5e741ce22ace338988a1a0d6f0d5c2740eb685b",class:"mt-auto flex items-center gap-x-12 pt-12"},((t=this.categoryTitle)===null||t===void 0?void 0:t.length)&&e.h("eds-tag",{key:"c1136aef565b3a35bee7d7c254434b6c06f3cf65",label:this.categoryTitle}))),this.parsedImage&&e.h("div",{key:"531cb24eafadd52397a138735436e0501b45cf76",class:r},e.h("div",{key:"c692a10bfa0032d4e43fe35090e38dde3e0401f3",class:"aspect-1x1 w-full"},e.h("eds-img",Object.assign({key:"490983736b4cd9de3b2cfbafe11be15802746afe",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return e.getElement(this)}};exports.eds_card_project=d;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CJvr9v3B.js"),l=require("./sharedUtils-a550989c-m4pF1Vqy.js"),e='ol,ul,menu{list-style:none;margin:0;padding:0}.w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-4[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1)::before{inset-inline-start:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+4)::before{inset-inline-end:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)~*::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+4)::after{border-inline-end-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+4)::after{top:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)::after{bottom:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)~li::after{bottom:0}.grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.md\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}',a=e,i=class{constructor(r){n.registerInstance(this,r),this.cards=[],this.occupyCols=1}get parsedCards(){return l.parseData(this.cards)}render(){return n.h("section",{key:"eb64be830a5a1b752fadd0a8a76be9240b70cfe8",class:"w-full"},n.h("ul",{key:"d4eb8d8492a67f7491535953e0e37172fc9e09ff",class:"grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16"},this.parsedCards.map(r=>n.h("li",{class:`grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col`},n.h("eds-card-generic",{cardTitle:r.title,description:r.description,avatar:r.avatar,headingLevel:r.headingLevel,tags:r.tags,url:r.url,bg:r.bg,tiny:r.tiny,image:r.image,withHover:r.withHover})))))}};i.style=a;exports.eds_card_section=i;

package/eds-card-section.entry-CQLG4D0D.mjs

@@ -0,0 +1,30 @@
+import { r as i, h as n } from "./index-BvZ-fq9l.mjs";
+import { p as l } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+const e = 'ol,ul,menu{list-style:none;margin:0;padding:0}.w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-4[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1)::before{inset-inline-start:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+4)::before{inset-inline-end:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)~*::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+4)::after{border-inline-end-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+4)::after{top:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)::after{bottom:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)~li::after{bottom:0}.grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.md\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}', a = e, d = class {
+  constructor(r) {
+    i(this, r), this.cards = [], this.occupyCols = 1;
+  }
+  /**
+   * Parses the `cards` JSON string prop into an array of card objects.
+   * If parsing fails, returns an empty array.
+   *
+   * @returns {any[]} An array of parsed card objects.
+   */
+  get parsedCards() {
+    return l(this.cards);
+  }
+  /**
+   * Renders the card section as a grid layout.
+   * Each parsed card object is mapped to an `<eds-card-generic>` component,
+   * displaying card details such as title, description, avatar, etc.
+   *
+   * @returns {JSX.Element} The rendered section containing a list of cards.
+   */
+  render() {
+    return n("section", { key: "eb64be830a5a1b752fadd0a8a76be9240b70cfe8", class: "w-full" }, n("ul", { key: "d4eb8d8492a67f7491535953e0e37172fc9e09ff", class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((r) => n("li", { class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col` }, n("eds-card-generic", { cardTitle: r.title, description: r.description, avatar: r.avatar, headingLevel: r.headingLevel, tags: r.tags, url: r.url, bg: r.bg, tiny: r.tiny, image: r.image, withHover: r.withHover })))));
+  }
+};
+d.style = a;
+export {
+  d as eds_card_section
+};

package/eds-card-tags.entry-BKuk3O8k.mjs

@@ -0,0 +1,13 @@
+import { r as t, h as s } from "./index-BvZ-fq9l.mjs";
+const r = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}", c = r, d = class {
+  constructor(a) {
+    t(this, a), this.accent = !1, this.tags = [];
+  }
+  render() {
+    return s("div", { key: "7547e8ffafc22884fb26e7b5cd1da49e588fc590", class: "flex flex-wrap gap-y-4" }, this.tags.map((a, e) => s("eds-tag", { key: e, intent: this.accent ? "accent" : "default", label: a })));
+  }
+};
+d.style = c;
+export {
+  d as eds_card_tags
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CJvr9v3B.js"),r=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}",c=r,a=class{constructor(e){s.registerInstance(this,e),this.accent=!1,this.tags=[]}render(){return s.h("div",{key:"7547e8ffafc22884fb26e7b5cd1da49e588fc590",class:"flex flex-wrap gap-y-4"},this.tags.map((e,t)=>s.h("eds-tag",{key:t,intent:this.accent?"accent":"default",label:e})))}};a.style=c;exports.eds_card_tags=a;

package/eds-card-tool.entry-DpfInwr3.mjs

@@ -0,0 +1,56 @@
+import { r, h as t, g as s } from "./index-BvZ-fq9l.mjs";
+import { s as o } from "./analytics-d99780e3-Bay18Oil.mjs";
+const a = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}", n = a, l = class {
+  constructor(e) {
+    r(this, e), this.cardTitle = void 0, this.url = void 0, this.description = void 0, this.image = void 0, this.avatar = void 0, this.shortAbbreviation = void 0, this.headingLevel = "h5", this.tags = "", this.tiny = !1, this.bg = !0, this.withHover = !0, this.external = !1, this.hierarchy = !0;
+  }
+  /**
+   * Parses the `tags` prop into an array of link objects.
+   * Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
+   *
+   * @returns {any[]} Array of parsed link objects
+   */
+  get parsedTags() {
+    if (typeof this.tags == "object")
+      return this.tags;
+    if (typeof this.tags == "string")
+      try {
+        return JSON.parse(this.tags);
+      } catch (e) {
+        return console.error("Error parsing links prop:", e), [];
+      }
+    return [];
+  }
+  componentWillLoad() {
+  }
+  parseTags() {
+    return this.tags.split(",");
+  }
+  articleClasses() {
+    return [
+      this.tiny ? "min-h-120" : "min-h-156",
+      this.bg ? "bg-inverse" : "bg-default",
+      this.withHover ? "effect-shadow hover:shadow-hover cursor-pointer" : "",
+      "border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"
+    ].join(" ");
+  }
+  handleClick() {
+    var e;
+    o({
+      category: "ui-component",
+      tag: this.el.tagName.toLowerCase(),
+      name: ((e = this.cardTitle) === null || e === void 0 ? void 0 : e.toLowerCase()) || "",
+      action: "click"
+    });
+  }
+  render() {
+    return t("article", { key: "b3f0c0f3588304fb36f1c395b69b723edbfa8c95", class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, t("eds-card-title", { key: "12f9d1363b3d171912eb00117d99056065fbcb33", "heading-level": this.headingLevel, titleClass: this.image ? "f-ui-01" : void 0, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && t("eds-card-desc", { key: "780c4b035e0fff1911ee4b8b04a0729cd182d877", class: "mt-8", "truncate-lines": "3", description: this.description }), this.image ? t("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 }) : this.avatar || this.shortAbbreviation ? t("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation }) : null, t("div", { key: "a6878ba6bb2086a334282b10750234f4251c6334", class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((e, i) => t("eds-tag", { key: i, intent: e.style, label: e.label }))));
+  }
+  get el() {
+    return s(this);
+  }
+};
+l.style = n;
+export {
+  l as eds_card_tool
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CJvr9v3B.js"),s=require("./analytics-d99780e3-DgvAss6l.js"),o=".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}",a=o,i=class{constructor(e){t.registerInstance(this,e),this.cardTitle=void 0,this.url=void 0,this.description=void 0,this.image=void 0,this.avatar=void 0,this.shortAbbreviation=void 0,this.headingLevel="h5",this.tags="",this.tiny=!1,this.bg=!0,this.withHover=!0,this.external=!1,this.hierarchy=!0}get parsedTags(){if(typeof this.tags=="object")return this.tags;if(typeof this.tags=="string")try{return JSON.parse(this.tags)}catch(e){return console.error("Error parsing links prop:",e),[]}return[]}componentWillLoad(){}parseTags(){return this.tags.split(",")}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",this.bg?"bg-inverse":"bg-default",this.withHover?"effect-shadow hover:shadow-hover cursor-pointer":"","border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"].join(" ")}handleClick(){var e;s.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:((e=this.cardTitle)===null||e===void 0?void 0:e.toLowerCase())||"",action:"click"})}render(){return t.h("article",{key:"b3f0c0f3588304fb36f1c395b69b723edbfa8c95",class:`${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,onClick:()=>this.handleClick()},t.h("eds-card-title",{key:"12f9d1363b3d171912eb00117d99056065fbcb33","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,"external-link":this.external,hierarchy:this.hierarchy}),this.description&&t.h("eds-card-desc",{key:"780c4b035e0fff1911ee4b8b04a0729cd182d877",class:"mt-8","truncate-lines":"3",description:this.description}),this.image?t.h("eds-img",{src:this.image,alt:"Sample Image",width:200,height:150}):this.avatar||this.shortAbbreviation?t.h("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,t.h("div",{key:"a6878ba6bb2086a334282b10750234f4251c6334",class:"flex flex-wrap gap-y-4"},this.parsedTags.map((e,r)=>t.h("eds-tag",{key:r,intent:e.style,label:e.label}))))}get el(){return t.getElement(this)}};i.style=a;exports.eds_card_tool=i;