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

package/correct-use-of-colors.entry-BcZ8MzKb.mjs

@@ -0,0 +1,59 @@
+import { r as c, h as e } from "./index-xVeSZU9j.mjs";
+const s = [
+  {
+    background: "#9CE142"
+  },
+  {
+    background: "#00C959"
+  },
+  {
+    background: "#00A595"
+  }
+], a = [
+  {
+    background: "#141414"
+  },
+  {
+    background: "#383838"
+  },
+  {
+    background: "#CCCCCC"
+  },
+  {
+    background: "#E6E6E6"
+  },
+  {
+    background: "#FFFFFF"
+  }
+], d = [
+  {
+    background: "#3FA9F5"
+  },
+  {
+    background: "#0644F4"
+  }
+], t = [
+  {
+    background: "#C461FF"
+  },
+  {
+    background: "#5D3DF9"
+  }
+], o = [
+  {
+    background: "#FFA543"
+  },
+  {
+    background: "#FF4D68"
+  }
+], n = class {
+  constructor(l) {
+    c(this, l);
+  }
+  render() {
+    return e("div", { key: "966cb542b868e89c3f2538548e8a1ca8e20ea8d8", class: "container" }, e("p", { key: "3c595ffa9a2de45b681924354486309004d4ceaf", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "1d1fded0f8cf78cec9e364e5b6844598b55f3f86", label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "abae691bb80eca1019f97375997b1aa6a577ba8b", label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "251e6d8ad16d70974b67fa044d53abd1be79ccac", class: "flex" }, e("div", { key: "de5b9b6720aababb693421663c52db85cee1b5fc", class: "w-full" }, e("ul", { key: "a61f669f45c2f9d3b53d87bacc222a4274f93d34", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, s.map((l) => 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: l.background } }))))), e("div", { key: "e7787d0ae843d7767ecac3267f11325dcfecf948", class: "w-full" }, e("ul", { key: "0d740ad8178c88175939d32a4f84d518f587e43a", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, a.map((l) => 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: l.background } })))))), e("p", { key: "6c59b2c574f5039baafd91a2939fbbb307732500", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "03e9ca7b0831c2b1d1908001324a38147ecea835", label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "021affd3b5db00ccb5ef0d51de4552c5d3a11f44", label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "b7a5c4c10adab099c57ed70c0d2186d791aa70ec", class: "flex" }, e("div", { key: "3732c49a47158c206e1b40fc5425e555487ec757", class: "w-full" }, e("ul", { key: "54a5d35510bd77397d1418aa2638cf310534e986", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, t.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } }))))), e("div", { key: "048de44bd69a7b6ecefe3188d76821e4d5145620", class: "w-full" }, e("ul", { key: "e3f8cadce4b9a575e1d844958cfccf20a19db681", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, a.map((l) => 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: l.background } })))))), e("p", { key: "14d7f9c88ae769d6feb2a8344f8b45b40d4ae095", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "810bdfa6fd175f9d483129b70bbae469051e0e0d", label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "fb8a9712f8e1ae1cffbb85c79f7e9c2657f867db", label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "1df0919bb4c75ee251d7f5c8cf95bb2e2e990242", class: "flex" }, e("div", { key: "5a898462aa680267f4ac35aefb98e60b7f486c63", class: "w-full" }, e("ul", { key: "ad6f3e6ccde7d225be344efbc176064fc89aa796", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, d.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } }))))), e("div", { key: "8dd6e01b989c8589be6b553c85f0512c268ac369", class: "w-full" }, e("ul", { key: "c36937d99efd585c4e8a37b80de5bce82374186c", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, a.map((l) => 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: l.background } })))))), e("p", { key: "452c68d1c797de34e531d7c734d350fcc36ae2f2", class: "f-body-01" }, "This guide demonstrates the correct usage of the", e("eds-link", { key: "17453c9d78c20583c989281672c0f41bbe8d036f", label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", e("eds-link", { key: "3e78eb924b6a857674d50d4a209e4843f76e5fc3", label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), e("div", { key: "ae3e2a703633013f632df3a75f45ec932ce5e13b", class: "flex" }, e("div", { key: "4a0f256fa355dcbd6d6fc0e95e81a6c2821c917d", class: "w-full" }, e("ul", { key: "8aaf611ed9b87b86d0c1b47b1e37cb01989838b2", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, o.map((l) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: l.background } }))))), e("div", { key: "112e50da1627a671fbca843111becf51cd02ebc5", class: "w-full" }, e("ul", { key: "14033bd08a9d16bd0b6cfe8b87acc2a841c48a29", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, a.map((l) => 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: l.background } })))))));
+  }
+};
+export {
+  n as correct_use_of_colors
+};

package/{eds-docs-palettes.entry-CvUsZJGt.js → docs-palettes.entry-BoEjXr5K.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-QKKBbj1_.js"),l=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("color-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("color-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("color-support-palette",null));case 1:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("gradient-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("gradient-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("gradient-support-palette",null));default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"480cc269ee31de61190b4ae7502c3c17e673c3f9",class:"container"},this.renderContent())}};exports.eds_docs_palettes=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cHrGUVDM.js"),l=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("color-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("color-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("color-support-palette",null));case 1:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("gradient-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("gradient-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("gradient-support-palette",null));default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"f985628b9ea3f02a511e2facbda99b54f0723acf",class:"container"},this.renderContent())}};exports.docs_palettes=l;

package/{eds-docs-palettes.entry-DF_rAbne.mjs → docs-palettes.entry-CkVHcQbL.mjs}

@@ -1,4 +1,4 @@
-import { r as l, h as e } from "./index-DeCYK9qM.mjs";
+import { r as l, h as e } from "./index-xVeSZU9j.mjs";
 const r = class {
   constructor(t) {
     l(this, t), this.tabIndex = void 0;
@@ -14,9 +14,9 @@ const r = class {
     }
   }
   render() {
-    return e("div", { key: "480cc269ee31de61190b4ae7502c3c17e673c3f9", class: "container" }, this.renderContent());
+    return e("div", { key: "f985628b9ea3f02a511e2facbda99b54f0723acf", class: "container" }, this.renderContent());
   }
 };
 export {
-  r as eds_docs_palettes
+  r as docs_palettes
 };

package/{eds-docs-tokens.entry-C3AfntXW.js → docs-tokens.entry-C22LSw0P.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-QKKBbj1_.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("token-list",{show:"background"});case 1:return e.h("token-list",{show:"text"});case 2:return e.h("token-list",{show:"border"});case 3:return e.h("token-radii",null);case 4:return e.h("token-list",{show:"outline"});case 5:return e.h("token-shadows",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"64ee8c20ec7dca1ea1a742ef53f0315c81107ead",class:"container"},this.renderContent())}};exports.eds_docs_tokens=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cHrGUVDM.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("token-list",{show:"background"});case 1:return e.h("token-list",{show:"text"});case 2:return e.h("token-list",{show:"border"});case 3:return e.h("token-radii",null);case 4:return e.h("token-list",{show:"outline"});case 5:return e.h("token-shadows",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"29810a0ace60d2e5a0fc84d6715fc2fc89d6187f",class:"container"},this.renderContent())}};exports.docs_tokens=n;

package/{eds-docs-tokens.entry-gPy71iZA.mjs → docs-tokens.entry-D38mtdPC.mjs}

@@ -1,5 +1,5 @@
-import { r as n, h as e } from "./index-DeCYK9qM.mjs";
-const r = class {
+import { r as n, h as e } from "./index-xVeSZU9j.mjs";
+const s = class {
   constructor(t) {
     n(this, t), this.tabIndex = void 0;
   }
@@ -22,9 +22,9 @@ const r = class {
     }
   }
   render() {
-    return e("div", { key: "64ee8c20ec7dca1ea1a742ef53f0315c81107ead", class: "container" }, this.renderContent());
+    return e("div", { key: "29810a0ace60d2e5a0fc84d6715fc2fc89d6187f", class: "container" }, this.renderContent());
   }
 };
 export {
-  r as eds_docs_tokens
+  s as docs_tokens
 };

package/eds-accordion.entry-B25YfdGD.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cHrGUVDM.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),a="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}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.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)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}",r=a,n=class{constructor(t){e.registerInstance(this,t),this.accordion=e.createEvent(this,"accordion",7),this.handleClick=()=>{var i;this.isExpanded=!this.isExpanded,this.accordion.emit(this.isExpanded),this.setPanelHeight(),o.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((i=this.title)===null||i===void 0?void 0:i.toLowerCase())||"",action:this.isExpanded?"expanded":"collapsed"})},this.setPanelHeight=()=>{this.childContentRef&&(this.shortContent=this.wrapperRef.scrollWidth>830&&!this.description?this.childContentRef.scrollHeight<=80:this.childContentRef.scrollHeight<=20,this.panelHeight=this.isExpanded&&!this.shortContent?this.childContentRef.scrollHeight:0),this.headerRef&&(this.headerHeight=this.headerRef.scrollHeight-30)},this.title=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1,this.headerHeight=0}componentDidLoad(){this.setPanelHeight(),window.addEventListener("resize",this.setPanelHeight)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){return e.h("div",{key:"db04fa9db1f53e95a7ac758656b32e75281f5749",ref:t=>this.wrapperRef=t,class:`flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+          ${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"} 
+          ${this.switchBg?"hover:bg-inverse":""}
+          ${this.description?"min-h-56":""}`},e.h("h3",{key:"a6fc54388e0eab3ddfb81dfb5907c55a1d6d40e1",ref:t=>this.headerRef=t,class:"mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40"},this.title),e.h("div",{key:"96a1e4ae2849300e6cd3c737357a7e6e9a0439d5",class:"ml-auto"},e.h("eds-button",{key:"ca53eed446f9bc7a96182da9e9e3a45b1c63dba2",id:"toggleAccordion",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-label":"Toggle accordion","aria-controls":"accordionSection",class:"effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none",onClick:this.handleClick,icon:"chevron-down"})),e.h("div",{key:"2e1c52759fa07ecf63fed47f79c0384a79cd81c6",class:"w-full",style:Number.isFinite(this.headerHeight)?{marginTop:`${this.headerHeight}px`}:{}},this.description?e.h("span",{class:`text-light ${!this.isExpanded&&this.clampText?"line-clamp-1":""}`},this.description):null,e.h("section",{key:"6ca819b2d9cb989f0942b98f32cd7243771b6ae9",id:"accordionSection",role:"region","aria-labelledby":"accordionHeader","aria-hidden":!this.isExpanded,class:`z-1 effect-height relative h-0 w-full ${!this.isExpanded&&this.clampText?"overflow-hidden":""}`,style:{height:this.isExpanded?"auto":"0"}},e.h("div",{key:"aa33297747aca21c3b3ed33eb3eabc2998192aeb",ref:t=>this.childContentRef=t,class:"accordion-content effect-color pt-4","aria-hidden":!this.isExpanded},e.h("span",{key:"af5b6e2218419a3c95e21e7e432696b073b7752b",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"2a9d1ef2d2537c831b28fbecb02a6125a1412019"}))))))}get el(){return e.getElement(this)}};n.style=r;exports.eds_accordion=n;

package/eds-accordion.entry-ivh1zjpt.mjs

@@ -0,0 +1,48 @@
+import { r as n, c as a, h as e, g as o } from "./index-xVeSZU9j.mjs";
+import { s as r } from "./analytics-44b1416b-3vYuu4Xs.mjs";
+const d = "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}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.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)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}", s = d, l = class {
+  constructor(i) {
+    n(this, i), this.accordion = a(this, "accordion", 7), this.handleClick = () => {
+      var t;
+      this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), r({
+        category: "ui-component",
+        parentContext: null,
+        tag: this.el.tagName.toLowerCase(),
+        name: ((t = this.title) === null || t === void 0 ? void 0 : t.toLowerCase()) || "",
+        action: this.isExpanded ? "expanded" : "collapsed"
+      });
+    }, this.setPanelHeight = () => {
+      this.childContentRef && (this.shortContent = this.wrapperRef.scrollWidth > 830 && !this.description ? this.childContentRef.scrollHeight <= 80 : this.childContentRef.scrollHeight <= 20, this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0), this.headerRef && (this.headerHeight = this.headerRef.scrollHeight - 30);
+    }, this.title = void 0, this.description = void 0, this.switchBg = !0, this.expanded = !1, this.clampText = !0, this.isExpanded = this.expanded, this.panelHeight = 0, this.shortContent = !1, this.headerHeight = 0;
+  }
+  /**
+   * Lifecycle method that sets up the initial panel height and adds a resize event listener
+   * to recalculate height on window resize.
+   */
+  componentDidLoad() {
+    this.setPanelHeight(), window.addEventListener("resize", this.setPanelHeight);
+  }
+  /**
+   * Lifecycle method that cleans up the resize event listener when the component is removed.
+   */
+  disconnectedCallback() {
+    window.removeEventListener("resize", this.setPanelHeight);
+  }
+  /**
+   * Renders the accordion structure, including header, content, description, and any slotted content.
+   * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
+   */
+  render() {
+    return e("div", { key: "db04fa9db1f53e95a7ac758656b32e75281f5749", ref: (i) => this.wrapperRef = i, class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+          ${this.switchBg && this.isExpanded ? "bg-inverse" : "bg-default"} 
+          ${this.switchBg ? "hover:bg-inverse" : ""}
+          ${this.description ? "min-h-56" : ""}` }, e("h3", { key: "a6fc54388e0eab3ddfb81dfb5907c55a1d6d40e1", ref: (i) => this.headerRef = i, class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.title), e("div", { key: "96a1e4ae2849300e6cd3c737357a7e6e9a0439d5", class: "ml-auto" }, e("eds-button", { key: "ca53eed446f9bc7a96182da9e9e3a45b1c63dba2", id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: "effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none", onClick: this.handleClick, icon: "chevron-down" })), e("div", { key: "2e1c52759fa07ecf63fed47f79c0384a79cd81c6", class: "w-full", style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? e("span", { class: `text-light ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description) : null, e("section", { key: "6ca819b2d9cb989f0942b98f32cd7243771b6ae9", id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? "overflow-hidden" : ""}`, style: { height: this.isExpanded ? "auto" : "0" } }, e("div", { key: "aa33297747aca21c3b3ed33eb3eabc2998192aeb", ref: (i) => this.childContentRef = i, class: "accordion-content effect-color pt-4", "aria-hidden": !this.isExpanded }, e("span", { key: "af5b6e2218419a3c95e21e7e432696b073b7752b", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, e("slot", { key: "2a9d1ef2d2537c831b28fbecb02a6125a1412019" }))))));
+  }
+  get el() {
+    return o(this);
+  }
+};
+l.style = s;
+export {
+  l as eds_accordion
+};

package/{eds-alert.entry-C7iR6Wau.js → eds-alert.entry-C0p3qeqh.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-QKKBbj1_.js"),r=require("./index-39c58238-SQ-JC-LH.js"),o=`:root {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cHrGUVDM.js"),r=require("./index-39c58238-SQ-JC-LH.js"),o=`:root {
   font-optical-sizing: auto;
 }
 

package/{eds-alert.entry-DHikCbw_.mjs → eds-alert.entry-DOCbYqvG.mjs}

@@ -1,4 +1,4 @@
-import { r as i, h as t, g as r } from "./index-DeCYK9qM.mjs";
+import { r as i, h as t, g as r } from "./index-xVeSZU9j.mjs";
 import { c as o } from "./index-39c58238-BwYCDOHZ.mjs";
 const a = `:root {
   font-optical-sizing: auto;

package/{eds-app-root.entry-YPigXe8_.mjs → eds-app-root.entry-AYVIYcb1.mjs}

@@ -1,5 +1,5 @@
-import { r as o, h as e } from "./index-DeCYK9qM.mjs";
-const d = class {
+import { r as o, h as e } from "./index-xVeSZU9j.mjs";
+const c = class {
   constructor(i) {
     o(this, i), this.isAuthenticated = !1;
   }
@@ -17,9 +17,9 @@ const d = class {
     this.combinedInitPromise = Promise.all([i, n]);
   }
   render() {
-    return e("div", { key: "ae36da9eecddc6661ce0ae79df2c768a4a9a4de9" }, e("eds-splash-screen", { key: "20e1ed89330f803be474c84f4d1892cc1282c034", inverse: !0, initPromise: this.combinedInitPromise }), e("eds-login", { key: "81c05a3d3751563ddf5dff9d305ef9ff93a6e699", "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), e("main", { key: "8686c5b0c3553f167593763677fa4282561bc055" }, this.isAuthenticated ? e("h1", null, "Welcome, authenticated user!") : e("h1", null, "Please log in.")));
+    return e("div", { key: "7b0b74c02f9fa25dc3d3e5a0fd10d8b4c3a59ffe" }, e("eds-splash-screen", { key: "e1fabb47903b011c397af3a8da59130e8455280f", inverse: !0, initPromise: this.combinedInitPromise }), e("eds-login", { key: "30d8ca5116c5b8a18972df9c55bd4a947226d682", "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), e("main", { key: "16ead78b24f561049fb12609b23bff028262d9d5" }, this.isAuthenticated ? e("h1", null, "Welcome, authenticated user!") : e("h1", null, "Please log in.")));
   }
 };
 export {
-  d as eds_app_root
+  c as eds_app_root
 };

package/{eds-app-root.entry-rafdbiL3.js → eds-app-root.entry-DfPrDdc_.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-QKKBbj1_.js"),c=class{constructor(i){e.registerInstance(this,i),this.isAuthenticated=!1}componentWillLoad(){const i=new Promise(a=>{document.addEventListener("initKeycloak",t=>{a(t.detail)},{once:!0})}),s=new Promise(a=>{document.addEventListener("authStatusChanged",t=>{var n;this.isAuthenticated=(n=t.detail)===null||n===void 0?void 0:n.authenticated,a(t.detail)},{once:!0})});this.combinedInitPromise=Promise.all([i,s])}render(){return e.h("div",{key:"ae36da9eecddc6661ce0ae79df2c768a4a9a4de9"},e.h("eds-splash-screen",{key:"20e1ed89330f803be474c84f4d1892cc1282c034",inverse:!0,initPromise:this.combinedInitPromise}),e.h("eds-login",{key:"81c05a3d3751563ddf5dff9d305ef9ff93a6e699","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),e.h("main",{key:"8686c5b0c3553f167593763677fa4282561bc055"},this.isAuthenticated?e.h("h1",null,"Welcome, authenticated user!"):e.h("h1",null,"Please log in.")))}};exports.eds_app_root=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cHrGUVDM.js"),o=class{constructor(i){e.registerInstance(this,i),this.isAuthenticated=!1}componentWillLoad(){const i=new Promise(a=>{document.addEventListener("initKeycloak",t=>{a(t.detail)},{once:!0})}),s=new Promise(a=>{document.addEventListener("authStatusChanged",t=>{var n;this.isAuthenticated=(n=t.detail)===null||n===void 0?void 0:n.authenticated,a(t.detail)},{once:!0})});this.combinedInitPromise=Promise.all([i,s])}render(){return e.h("div",{key:"7b0b74c02f9fa25dc3d3e5a0fd10d8b4c3a59ffe"},e.h("eds-splash-screen",{key:"e1fabb47903b011c397af3a8da59130e8455280f",inverse:!0,initPromise:this.combinedInitPromise}),e.h("eds-login",{key:"30d8ca5116c5b8a18972df9c55bd4a947226d682","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),e.h("main",{key:"16ead78b24f561049fb12609b23bff028262d9d5"},this.isAuthenticated?e.h("h1",null,"Welcome, authenticated user!"):e.h("h1",null,"Please log in.")))}};exports.eds_app_root=o;