@ebrains/vue 0.8.0-alpha.0 → 0.9.1-beta

package/{eds-tabs.entry-CxValIYM.js → eds-tabs.entry-0DJ99piw.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-QKKBbj1_.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),d=require("./index-39c58238-SQ-JC-LH.js"),s=require("./sharedUtils-a550989c-m4pF1Vqy.js"),a=`@font-face {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-RvcWEz0j.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),d=require("./index-39c58238-SQ-JC-LH.js"),s=require("./sharedUtils-a550989c-m4pF1Vqy.js"),a=`@font-face {
   font-family: "Inter";
   font-weight: 100 900;
   font-display: swap;
@@ -6282,8 +6282,8 @@ input[type="range"]::-webkit-slider-thumb {
 .m-0 {
   margin: 0rem;
 }
-.m-32 {
-  margin: 2rem;
+.m-16 {
+  margin: 1rem;
 }
 .mx-auto {
   margin-left: auto;
@@ -6311,6 +6311,9 @@ input[type="range"]::-webkit-slider-thumb {
 .-mr-16 {
   margin-right: -1rem;
 }
+.-mr-4 {
+  margin-right: -0.25rem;
+}
 .mb-10 {
   margin-bottom: 0.625rem;
 }
@@ -6500,6 +6503,9 @@ input[type="range"]::-webkit-slider-thumb {
 .h-full {
   height: 100%;
 }
+.\\!min-h-0 {
+  min-height: 0rem !important;
+}
 .\\!min-h-20 {
   min-height: 1.25rem !important;
 }
@@ -6617,11 +6623,6 @@ input[type="range"]::-webkit-slider-thumb {
 .resize {
   resize: both;
 }
-.appearance-none {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -6694,6 +6695,10 @@ input[type="range"]::-webkit-slider-thumb {
 .gap-4 {
   gap: 0.25rem;
 }
+.gap-x-1 {
+  -moz-column-gap: 0.0625rem;
+       column-gap: 0.0625rem;
+}
 .gap-x-12 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
@@ -7037,6 +7042,10 @@ input[type="range"]::-webkit-slider-thumb {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-5 {
+  padding-left: 0.3125rem;
+  padding-right: 0.3125rem;
+}
 .px-6 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
@@ -7053,10 +7062,18 @@ input[type="range"]::-webkit-slider-thumb {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.py-2 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
 .py-20 {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
 }
+.py-3 {
+  padding-top: 0.1875rem;
+  padding-bottom: 0.1875rem;
+}
 .py-4 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -7129,6 +7146,9 @@ input[type="range"]::-webkit-slider-thumb {
 .pt-32 {
   padding-top: 2rem;
 }
+.pt-4 {
+  padding-top: 0.25rem;
+}
 .pt-48 {
   padding-top: 3rem;
 }
@@ -7377,6 +7397,10 @@ input[type="range"]::-webkit-slider-thumb {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 750px) {
+  .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;
@@ -7387,6 +7411,10 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 @media (min-width: 900px) {
+  .lg\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
   .lg\\:grid-col-span-5 {
     --container-grid-columns: 5;
     grid-column: span 5 / span 5;
@@ -7399,6 +7427,22 @@ input[type="range"]::-webkit-slider-thumb {
     grid-column-start: 7;
   }
 }
+@media (min-width: 1024px) {
+  .xl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
+}
+@media (min-width: 1280px) {
+  .xxl\\:grid-col-span-2 {
+    --container-grid-columns: 2;
+    grid-column: span 2 / span 2;
+  }
+  .xxl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
+}
 .even\\:bg-inverse-softer:nth-child(even) {
   background-color: rgba(255, 255, 255, .15);
 }
@@ -7675,9 +7719,6 @@ input[type="range"]::-webkit-slider-thumb {
   .md\\:hidden {
     display: none;
   }
-  .md\\:w-\\[300px\\] {
-    width: 300px;
-  }
   .md\\:-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));
@@ -7715,9 +7756,6 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\\:hidden {
     display: none;
   }
-  .lg\\:w-\\[500px\\] {
-    width: 500px;
-  }
   .lg\\:w-auto {
     width: auto;
   }
@@ -7756,4 +7794,4 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 
-`,c=a,t=class{constructor(n){i.registerInstance(this,n),this.tab=i.createEvent(this,"tab",7),this.tabCva=d.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tab.emit({tabId:this.id,index:0})}parseTabs(){this.parsedTabs=s.parseData(this.tabs)}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(n=>n.active)}scrollToActiveTab(){var n;const e=(n=this.tabContainer)===null||n===void 0?void 0:n.querySelector("[data-tab-active]");e&&setTimeout(()=>{e.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(n,e){const r=n?"center":this.activeIndex===-1&&e===0?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:n,position:r}),style:{zIndex:`${n?this.parsedTabs.length+99:r==="left"?e:this.parsedTabs.length+1-e}`}},n?{"data-tab-active":"true"}:{})}handleTabClick(n,e){this.activeIndex=n,this.parsedTabs=this.parsedTabs.map((r,l)=>Object.assign(Object.assign({},r),{active:l===n})),this.tab.emit({tabId:this.id,index:n,name:e}),o.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(e==null?void 0:e.toLowerCase())||"",action:"click"})}render(){return i.h("div",{key:"217bdc60c3b3089fb3e16e4b18214b3ed4096118",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i.h("div",{key:"c8f10440cbc52e4b6c93c8512e011da343290e4b",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i.h("nav",{key:"cc8375d321a7116dcda08a0174ad941382d0ba43",ref:n=>this.tabContainer=n,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((n,e)=>{const r=n.active?"span":"a",l=this.getTabOptions(n.active,e);return i.h(r,Object.assign({},l,{"aria-label":n.label,"aria-current":e===this.activeIndex,onClick:()=>this.handleTabClick(e,n.label)}),n.label||n.ariaLabel)}))))}get el(){return i.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};t.style=c;exports.eds_tabs=t;
+`,c=a,t=class{constructor(n){i.registerInstance(this,n),this.tab=i.createEvent(this,"tab",7),this.tabCva=d.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.identifier=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tab.emit({tabId:this.identifier,index:0})}parseTabs(){this.parsedTabs=s.parseData(this.tabs)}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(n=>n.active)}scrollToActiveTab(){var n;const e=(n=this.tabContainer)===null||n===void 0?void 0:n.querySelector("[data-tab-active]");e&&setTimeout(()=>{e.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(n,e){const r=n?"center":this.activeIndex===-1&&e===0?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:n,position:r}),style:{zIndex:`${n?this.parsedTabs.length+99:r==="left"?e:this.parsedTabs.length+1-e}`}},n?{"data-tab-active":"true"}:{})}handleTabClick(n,e){this.activeIndex=n,this.parsedTabs=this.parsedTabs.map((r,l)=>Object.assign(Object.assign({},r),{active:l===n})),this.tab.emit({tabId:this.identifier,index:n,name:e}),o.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(e==null?void 0:e.toLowerCase())||"",action:"click"})}render(){return i.h("div",{key:"78e73af37efa96baee5b9bbd7df026f1bac8c9c5",id:`${this.identifier}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i.h("div",{key:"22b7d1dbd3463065b162985571b378a6324e0119",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i.h("nav",{key:"e8e3d55837e9be701615ff89b3efa0bda79ba235",ref:n=>this.tabContainer=n,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((n,e)=>{const r=n.active?"span":"a",l=this.getTabOptions(n.active,e);return i.h(r,Object.assign({},l,{"aria-label":n.label,"aria-current":e===this.activeIndex,onClick:()=>this.handleTabClick(e,n.label)}),n.label||n.ariaLabel)}))))}get el(){return i.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};t.style=c;exports.eds_tabs=t;

package/{eds-tabs.entry-2CrdvmEM.mjs → eds-tabs.entry-DBHkSmJZ.mjs}

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as r, g as d } from "./index-DeCYK9qM.mjs";
+import { r as t, c as o, h as r, g as d } from "./index-CMP6-ecb.mjs";
 import { s } from "./analytics-44b1416b-3vYuu4Xs.mjs";
 import { c as a } from "./index-39c58238-BwYCDOHZ.mjs";
 import { p as c } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
@@ -6286,8 +6286,8 @@ input[type="range"]::-webkit-slider-thumb {
 .m-0 {
   margin: 0rem;
 }
-.m-32 {
-  margin: 2rem;
+.m-16 {
+  margin: 1rem;
 }
 .mx-auto {
   margin-left: auto;
@@ -6315,6 +6315,9 @@ input[type="range"]::-webkit-slider-thumb {
 .-mr-16 {
   margin-right: -1rem;
 }
+.-mr-4 {
+  margin-right: -0.25rem;
+}
 .mb-10 {
   margin-bottom: 0.625rem;
 }
@@ -6504,6 +6507,9 @@ input[type="range"]::-webkit-slider-thumb {
 .h-full {
   height: 100%;
 }
+.\\!min-h-0 {
+  min-height: 0rem !important;
+}
 .\\!min-h-20 {
   min-height: 1.25rem !important;
 }
@@ -6621,11 +6627,6 @@ input[type="range"]::-webkit-slider-thumb {
 .resize {
   resize: both;
 }
-.appearance-none {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -6698,6 +6699,10 @@ input[type="range"]::-webkit-slider-thumb {
 .gap-4 {
   gap: 0.25rem;
 }
+.gap-x-1 {
+  -moz-column-gap: 0.0625rem;
+       column-gap: 0.0625rem;
+}
 .gap-x-12 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
@@ -7041,6 +7046,10 @@ input[type="range"]::-webkit-slider-thumb {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-5 {
+  padding-left: 0.3125rem;
+  padding-right: 0.3125rem;
+}
 .px-6 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
@@ -7057,10 +7066,18 @@ input[type="range"]::-webkit-slider-thumb {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.py-2 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
 .py-20 {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
 }
+.py-3 {
+  padding-top: 0.1875rem;
+  padding-bottom: 0.1875rem;
+}
 .py-4 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -7133,6 +7150,9 @@ input[type="range"]::-webkit-slider-thumb {
 .pt-32 {
   padding-top: 2rem;
 }
+.pt-4 {
+  padding-top: 0.25rem;
+}
 .pt-48 {
   padding-top: 3rem;
 }
@@ -7381,6 +7401,10 @@ input[type="range"]::-webkit-slider-thumb {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 750px) {
+  .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;
@@ -7391,6 +7415,10 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 @media (min-width: 900px) {
+  .lg\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
   .lg\\:grid-col-span-5 {
     --container-grid-columns: 5;
     grid-column: span 5 / span 5;
@@ -7403,6 +7431,22 @@ input[type="range"]::-webkit-slider-thumb {
     grid-column-start: 7;
   }
 }
+@media (min-width: 1024px) {
+  .xl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
+}
+@media (min-width: 1280px) {
+  .xxl\\:grid-col-span-2 {
+    --container-grid-columns: 2;
+    grid-column: span 2 / span 2;
+  }
+  .xxl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
+}
 .even\\:bg-inverse-softer:nth-child(even) {
   background-color: rgba(255, 255, 255, .15);
 }
@@ -7679,9 +7723,6 @@ input[type="range"]::-webkit-slider-thumb {
   .md\\:hidden {
     display: none;
   }
-  .md\\:w-\\[300px\\] {
-    width: 300px;
-  }
   .md\\:-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));
@@ -7719,9 +7760,6 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\\:hidden {
     display: none;
   }
-  .lg\\:w-\\[500px\\] {
-    width: 500px;
-  }
   .lg\\:w-auto {
     width: auto;
   }
@@ -7788,10 +7826,10 @@ input[type="range"]::-webkit-slider-thumb {
           ]
         }
       }
-    }), this.id = void 0, this.navAriaLabel = "Tabs", this.tabs = void 0, this.parsedTabs = [], this.activeIndex = -1;
+    }), this.identifier = void 0, this.navAriaLabel = "Tabs", this.tabs = void 0, this.parsedTabs = [], this.activeIndex = -1;
   }
   componentWillLoad() {
-    this.parseTabs(), this.setActiveIndex(), this.tab.emit({ tabId: this.id, index: 0 });
+    this.parseTabs(), this.setActiveIndex(), this.tab.emit({ tabId: this.identifier, index: 0 });
   }
   /**
    * Parses the `links` prop into an array of link objects.
@@ -7834,7 +7872,7 @@ input[type="range"]::-webkit-slider-thumb {
     } }, n ? { "data-tab-active": "true" } : {});
   }
   handleTabClick(n, e) {
-    this.activeIndex = n, this.parsedTabs = this.parsedTabs.map((i, l) => Object.assign(Object.assign({}, i), { active: l === n })), this.tab.emit({ tabId: this.id, index: n, name: e }), s({
+    this.activeIndex = n, this.parsedTabs = this.parsedTabs.map((i, l) => Object.assign(Object.assign({}, i), { active: l === n })), this.tab.emit({ tabId: this.identifier, index: n, name: e }), s({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: (e == null ? void 0 : e.toLowerCase()) || "",
@@ -7842,7 +7880,7 @@ input[type="range"]::-webkit-slider-thumb {
     });
   }
   render() {
-    return r("div", { key: "217bdc60c3b3089fb3e16e4b18214b3ed4096118", id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, r("div", { key: "c8f10440cbc52e4b6c93c8512e011da343290e4b", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, r("nav", { key: "cc8375d321a7116dcda08a0174ad941382d0ba43", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
+    return r("div", { key: "78e73af37efa96baee5b9bbd7df026f1bac8c9c5", id: `${this.identifier}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, r("div", { key: "22b7d1dbd3463065b162985571b378a6324e0119", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, r("nav", { key: "e8e3d55837e9be701615ff89b3efa0bda79ba235", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
       const i = n.active ? "span" : "a", l = this.getTabOptions(n.active, e);
       return r(i, Object.assign({}, l, { "aria-label": n.label, "aria-current": e === this.activeIndex, onClick: () => this.handleTabClick(e, n.label) }), n.label || n.ariaLabel);
     }))));

package/{eds-timeline.entry-CFAb5Cd0.js → eds-timeline.entry-8DYAeWK9.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-QKKBbj1_.js"),t=require("./sharedUtils-a550989c-m4pF1Vqy.js"),o=`@font-face {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-RvcWEz0j.js"),t=require("./sharedUtils-a550989c-m4pF1Vqy.js"),o=`@font-face {
   font-family: "Inter";
   font-weight: 100 900;
   font-display: swap;
@@ -6282,8 +6282,8 @@ input[type="range"]::-webkit-slider-thumb {
 .m-0 {
   margin: 0rem;
 }
-.m-32 {
-  margin: 2rem;
+.m-16 {
+  margin: 1rem;
 }
 .mx-auto {
   margin-left: auto;
@@ -6311,6 +6311,9 @@ input[type="range"]::-webkit-slider-thumb {
 .-mr-16 {
   margin-right: -1rem;
 }
+.-mr-4 {
+  margin-right: -0.25rem;
+}
 .mb-10 {
   margin-bottom: 0.625rem;
 }
@@ -6500,6 +6503,9 @@ input[type="range"]::-webkit-slider-thumb {
 .h-full {
   height: 100%;
 }
+.\\!min-h-0 {
+  min-height: 0rem !important;
+}
 .\\!min-h-20 {
   min-height: 1.25rem !important;
 }
@@ -6617,11 +6623,6 @@ input[type="range"]::-webkit-slider-thumb {
 .resize {
   resize: both;
 }
-.appearance-none {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -6694,6 +6695,10 @@ input[type="range"]::-webkit-slider-thumb {
 .gap-4 {
   gap: 0.25rem;
 }
+.gap-x-1 {
+  -moz-column-gap: 0.0625rem;
+       column-gap: 0.0625rem;
+}
 .gap-x-12 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
@@ -7037,6 +7042,10 @@ input[type="range"]::-webkit-slider-thumb {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-5 {
+  padding-left: 0.3125rem;
+  padding-right: 0.3125rem;
+}
 .px-6 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
@@ -7053,10 +7062,18 @@ input[type="range"]::-webkit-slider-thumb {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.py-2 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
 .py-20 {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
 }
+.py-3 {
+  padding-top: 0.1875rem;
+  padding-bottom: 0.1875rem;
+}
 .py-4 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -7129,6 +7146,9 @@ input[type="range"]::-webkit-slider-thumb {
 .pt-32 {
   padding-top: 2rem;
 }
+.pt-4 {
+  padding-top: 0.25rem;
+}
 .pt-48 {
   padding-top: 3rem;
 }
@@ -7377,6 +7397,10 @@ input[type="range"]::-webkit-slider-thumb {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 750px) {
+  .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;
@@ -7387,6 +7411,10 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 @media (min-width: 900px) {
+  .lg\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
   .lg\\:grid-col-span-5 {
     --container-grid-columns: 5;
     grid-column: span 5 / span 5;
@@ -7399,6 +7427,22 @@ input[type="range"]::-webkit-slider-thumb {
     grid-column-start: 7;
   }
 }
+@media (min-width: 1024px) {
+  .xl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
+}
+@media (min-width: 1280px) {
+  .xxl\\:grid-col-span-2 {
+    --container-grid-columns: 2;
+    grid-column: span 2 / span 2;
+  }
+  .xxl\\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
+}
 .even\\:bg-inverse-softer:nth-child(even) {
   background-color: rgba(255, 255, 255, .15);
 }
@@ -7675,9 +7719,6 @@ input[type="range"]::-webkit-slider-thumb {
   .md\\:hidden {
     display: none;
   }
-  .md\\:w-\\[300px\\] {
-    width: 300px;
-  }
   .md\\:-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));
@@ -7715,9 +7756,6 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\\:hidden {
     display: none;
   }
-  .lg\\:w-\\[500px\\] {
-    width: 500px;
-  }
   .lg\\:w-auto {
     width: auto;
   }
@@ -7756,4 +7794,4 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 
-`,d=o,l=class{constructor(n){e.registerInstance(this,n),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(n){const i=t.parseData(n);this.parsedEvents=Array.isArray(i)?i.map(r=>Object.assign(Object.assign({},r),{completed:r.completed==="true"||r.completed===!0})):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}handleEventClick(n){this.selectedEvent=n,this.modalRef&&typeof this.modalRef.open=="function"&&this.modalRef.open()}render(){return e.h("div",{key:"0ea4bb92b4ead41a59f3ba76beba0b72fe4d3841",class:"max-w-sidebar mx-auto px-4 py-8"},e.h("div",{key:"59cd82fcdbe7fc4bb5f73c1598988308ff3d3dba",class:"relative"},e.h("div",{key:"ad1a210b88c6fed4420e61bb4fa9e7e62fde5bcf",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),e.h("div",{key:"4d53b8f6dbdaf9d5ca26c7fe0e47f393947673a4",class:"space-y-16"},this.parsedEvents.map((n,i)=>e.h("div",{class:"relative flex"},e.h("div",{class:`w-1/2 ${i%2===0?"pr-4":""}`},i%2===0&&e.h("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)})),e.h("div",{class:"flex items-center justify-center relative"},n.completed?e.h("div",{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}):e.h("div",{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),e.h("div",{class:`w-1/2 ${i%2!==0?"pl-4":""}`},i%2!==0&&e.h("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)})))))))}get el(){return e.getElement(this)}static get watchers(){return{events:["parseEvents"]}}};l.style=d;exports.eds_timeline=l;
+`,d=o,l=class{constructor(n){e.registerInstance(this,n),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(n){const i=t.parseData(n);this.parsedEvents=Array.isArray(i)?i.map(r=>Object.assign(Object.assign({},r),{completed:r.completed==="true"||r.completed===!0})):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}handleEventClick(n){this.selectedEvent=n,this.modalRef&&typeof this.modalRef.open=="function"&&this.modalRef.open()}render(){return e.h("div",{key:"c17be7d774b926cf9010f767e4ba0eb22c127037",class:"max-w-sidebar mx-auto px-4 py-8"},e.h("div",{key:"3e026116855d9468194f6a354776c39f2ce7086d",class:"relative"},e.h("div",{key:"5046d3533850cd8a589ddbb24c3ed5c79bf85380",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),e.h("div",{key:"e1954f23d1b8f22b954b729c176bce8ba9443647",class:"space-y-16"},this.parsedEvents.map((n,i)=>e.h("div",{class:"relative flex"},e.h("div",{class:`w-1/2 ${i%2===0?"pr-4":""}`},i%2===0&&e.h("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)})),e.h("div",{class:"flex items-center justify-center relative"},n.completed?e.h("div",{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}):e.h("div",{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),e.h("div",{class:`w-1/2 ${i%2!==0?"pl-4":""}`},i%2!==0&&e.h("eds-card-generic",{cardTitle:n.title,url:"#",description:n.description,"heading-level":"h2",tiny:!0,bg:!n.completed,"with-hover":"false",tags:JSON.stringify(n.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(n)})))))))}get el(){return e.getElement(this)}static get watchers(){return{events:["parseEvents"]}}};l.style=d;exports.eds_timeline=l;