@ebrains/vue 0.9.3-beta → 1.1.0

package/{eds-accordion.entry-Ct4upGzD.mjs → eds-accordion.entry-DUOVoYgQ.mjs}

@@ -1,10 +1,10 @@
-import { r as n, c as o, h as e, g as a } from "./index-l365C9dI.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 {
+import { r as n, c as o, h as e, g as r } from "./index-BLyMQVPx.mjs";
+import { s as a } from "./analytics-d99780e3-Bay18Oil.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-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 = o(this, "accordion", 7), this.handleClick = () => {
       var t;
-      this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), r({
+      this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), a({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -33,13 +33,13 @@ const d = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{
    * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
    */
   render() {
-    return e("div", { key: "d2fcce2468130200dd1516902a203c4ca8ae543f", ref: (i) => this.wrapperRef = i, class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+    return e("div", { key: "addeb5f79d497efcd3eab9f849890adf48a5e275", 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: "f59a85e886736b483f6a311a00426340a36dcb71", ref: (i) => this.headerRef = i, class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), e("div", { key: "9fe1d99f46f3c066bbb1e8f4ef695fe87e8fad54", class: "ml-auto" }, e("eds-button", { key: "4d4c16a958df05f1e773fe74fa49647fc94766c7", 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: "5d84ffe8032834575d165f7a5e097539de73350f", 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: "1813aea1369b8883cd45088799f9715cf8fc0556", 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: "a9a95adbb819530f426045c55ca1a02f3a778f0a", ref: (i) => this.childContentRef = i, class: "accordion-content effect-color pt-4", "aria-hidden": !this.isExpanded }, e("span", { key: "2518e3243e0bd199061ac255922d661e0558bdc8", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, e("slot", { key: "3f3ab74926e7e45d4aacc4c7003c05be3c6b82c3" }))))));
+          ${this.description ? "min-h-56" : ""}` }, e("h3", { key: "c522c074c205e471f9e95991a03f703bec8d3219", ref: (i) => this.headerRef = i, class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), e("div", { key: "5ee474856bf9a3cdc732c27c6fccb68c24e0dc3b", class: "ml-auto" }, e("eds-button", { key: "a274b1d82f30607f61103433aa6ceb745464f530", 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: "69a638f2dc3c5ebff95fc4049c47abd4884b13ad", 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: "820f39174c6e6d42e7c4407a2a4175fb077f86ac", 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: "3d9ea33856d350434d26c07ddc9d230e28d8c344", ref: (i) => this.childContentRef = i, class: "accordion-content effect-color pt-4", "aria-hidden": !this.isExpanded }, e("span", { key: "1d0761d7894d5ba4d7c7f5051031857555ce0b0c", class: `${!this.isExpanded && this.clampText ? "line-clamp-2" : ""}` }, e("slot", { key: "ed31f44736a8ce85a7df4216b2f90c2ca7d9b873" }))))));
   }
   get el() {
-    return a(this);
+    return r(this);
   }
 };
 l.style = s;

package/{eds-accordion.entry-D5Qn9bWB.js → eds-accordion.entry-DcBD8nlx.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7ljGsgwC.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),r="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}",a=r,n=class{constructor(i){e.registerInstance(this,i),this.accordion=e.createEvent(this,"accordion",7),this.handleClick=()=>{var t;this.isExpanded=!this.isExpanded,this.accordion.emit(this.isExpanded),this.setPanelHeight(),o.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((t=this.heading)===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.heading=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:"d2fcce2468130200dd1516902a203c4ca8ae543f",ref:i=>this.wrapperRef=i,class:`flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BLX1G7Jb.js"),o=require("./analytics-d99780e3-DgvAss6l.js"),r="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-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}",a=r,n=class{constructor(i){e.registerInstance(this,i),this.accordion=e.createEvent(this,"accordion",7),this.handleClick=()=>{var t;this.isExpanded=!this.isExpanded,this.accordion.emit(this.isExpanded),this.setPanelHeight(),o.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((t=this.heading)===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.heading=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:"addeb5f79d497efcd3eab9f849890adf48a5e275",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.h("h3",{key:"f59a85e886736b483f6a311a00426340a36dcb71",ref:i=>this.headerRef=i,class:"mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40"},this.heading),e.h("div",{key:"9fe1d99f46f3c066bbb1e8f4ef695fe87e8fad54",class:"ml-auto"},e.h("eds-button",{key:"4d4c16a958df05f1e773fe74fa49647fc94766c7",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:"5d84ffe8032834575d165f7a5e097539de73350f",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:"1813aea1369b8883cd45088799f9715cf8fc0556",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:"a9a95adbb819530f426045c55ca1a02f3a778f0a",ref:i=>this.childContentRef=i,class:"accordion-content effect-color pt-4","aria-hidden":!this.isExpanded},e.h("span",{key:"2518e3243e0bd199061ac255922d661e0558bdc8",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"3f3ab74926e7e45d4aacc4c7003c05be3c6b82c3"}))))))}get el(){return e.getElement(this)}};n.style=a;exports.eds_accordion=n;
+          ${this.description?"min-h-56":""}`},e.h("h3",{key:"c522c074c205e471f9e95991a03f703bec8d3219",ref:i=>this.headerRef=i,class:"mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40"},this.heading),e.h("div",{key:"5ee474856bf9a3cdc732c27c6fccb68c24e0dc3b",class:"ml-auto"},e.h("eds-button",{key:"a274b1d82f30607f61103433aa6ceb745464f530",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:"69a638f2dc3c5ebff95fc4049c47abd4884b13ad",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:"820f39174c6e6d42e7c4407a2a4175fb077f86ac",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:"3d9ea33856d350434d26c07ddc9d230e28d8c344",ref:i=>this.childContentRef=i,class:"accordion-content effect-color pt-4","aria-hidden":!this.isExpanded},e.h("span",{key:"1d0761d7894d5ba4d7c7f5051031857555ce0b0c",class:`${!this.isExpanded&&this.clampText?"line-clamp-2":""}`},e.h("slot",{key:"ed31f44736a8ce85a7df4216b2f90c2ca7d9b873"}))))))}get el(){return e.getElement(this)}};n.style=a;exports.eds_accordion=n;

package/eds-alert.entry-D5Itlbb1.mjs

@@ -0,0 +1,251 @@
+import { r, h as t, g as i } from "./index-BLyMQVPx.mjs";
+import { c as a } from "./index-39c58238-BwYCDOHZ.mjs";
+const o = `*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: currentColor;
+}
+
+p {
+  margin: 0;
+}
+
+.f-ui-01 {
+  font-family: var(--f-ui-01-fontFamily);
+  font-weight: var(--f-ui-01-fontWeight);
+  font-size: var(--f-ui-01-fontSize);
+  line-height: var(--f-ui-01-lineHeight);
+  letter-spacing: var(--f-ui-01-letterSpacing);
+}
+
+.border-inside {
+  position: relative;
+
+  &::after {
+    pointer-events: none;
+  }
+
+  &::after {
+    position: absolute;
+  }
+
+  &::after {
+    inset: 0rem;
+  }
+
+  &::after {
+    z-index: 1;
+  }
+
+  &::after {
+    border-radius: 8px;
+  }
+
+  &::after {
+    border-width: 1px;
+  }
+
+  &::after {
+    border-width: 2px;
+  }
+
+  &::after {
+    border-color: rgba(0, 0, 0, .1);
+  }
+
+  &::after {
+    content: '';
+  }
+}
+
+.flex {
+  display: flex;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.gap-x-12 {
+  -moz-column-gap: 0.75rem;
+  column-gap: 0.75rem;
+}
+
+.space-y-12> :not([hidden])~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
+.rounded-lg {
+  border-radius: 16px;
+}
+
+.bg-dark {
+  background-color: var(--grey-300);
+}
+
+.bg-error {
+  background-color: var(--red-200);
+}
+
+.bg-success {
+  background-color: var(--green-200);
+}
+
+.bg-warning {
+  background-color: var(--yellow-200);
+}
+
+.p-16 {
+  padding: 1rem;
+}
+
+.p-20 {
+  padding: 1.25rem;
+}
+
+.px-12 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-20 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.py-12 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.py-20 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.py-8 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.pr-12 {
+  padding-right: 0.75rem;
+}
+
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+[class*=underline-] {
+  text-decoration-line: underline;
+}
+
+.after\\:rounded-lg::after {
+  border-radius: 16px;
+}
+
+.after\\:border-softest::after {
+  border-color: rgba(0, 0, 0, .05);
+}`, s = o, d = a(["w-full bg-dark"], {
+  variants: {
+    intent: {
+      default: "",
+      warning: "bg-warning",
+      error: "bg-error",
+      success: "bg-success"
+    },
+    brd: {
+      rounded: "rounded-lg border-inside after:border-softest after:rounded-lg",
+      normal: ""
+    },
+    direction: {
+      vertical: "space-y-12",
+      horizontal: "flex flex-row items-center justify-between gap-x-12"
+    },
+    withBtn: {
+      false: "",
+      true: ""
+    }
+  },
+  compoundVariants: [
+    {
+      direction: "horizontal",
+      withBtn: !0,
+      class: "px-20 pr-12 py-12"
+    },
+    {
+      direction: "horizontal",
+      withBtn: !1,
+      class: "p-20"
+    },
+    {
+      direction: "vertical",
+      withBtn: !0,
+      class: "p-16"
+    },
+    {
+      direction: "vertical",
+      withBtn: !1,
+      class: "px-12 py-20"
+    }
+  ],
+  defaultVariants: {
+    intent: "default",
+    brd: "rounded",
+    direction: "horizontal"
+  }
+}), l = class {
+  constructor(n) {
+    r(this, n), this.message = void 0, this.pressableLabel = void 0, this.pressableUrl = void 0, this.direction = "horizontal", this.intent = "default", this.brd = "rounded", this.withBtn = !1;
+  }
+  componentWillLoad() {
+    this.withBtn = !!this.pressableLabel;
+  }
+  componentDidLoad() {
+    var n;
+    const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelector("eds-link");
+    e && this.emitContext(e);
+  }
+  emitContext(n) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    n.dispatchEvent(e);
+  }
+  render() {
+    return t("div", { key: "5252aca583e87d8c3249c501e55368e340ef0d64", class: d({
+      intent: this.intent,
+      brd: this.brd,
+      direction: this.direction,
+      withBtn: this.withBtn
+    }), role: "alert" }, t("p", { key: "bb23c94e802ec5e287a2b8619277e83de173b498", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && (this.pressableUrl ? t("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: !0 }) : null));
+  }
+  get el() {
+    return i(this);
+  }
+};
+l.style = s;
+export {
+  l as eds_alert
+};

package/eds-alert.entry-DEUTt8yK.js

@@ -0,0 +1,165 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BLX1G7Jb.js"),i=require("./index-39c58238-SQ-JC-LH.js"),a=`*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: currentColor;
+}
+
+p {
+  margin: 0;
+}
+
+.f-ui-01 {
+  font-family: var(--f-ui-01-fontFamily);
+  font-weight: var(--f-ui-01-fontWeight);
+  font-size: var(--f-ui-01-fontSize);
+  line-height: var(--f-ui-01-lineHeight);
+  letter-spacing: var(--f-ui-01-letterSpacing);
+}
+
+.border-inside {
+  position: relative;
+
+  &::after {
+    pointer-events: none;
+  }
+
+  &::after {
+    position: absolute;
+  }
+
+  &::after {
+    inset: 0rem;
+  }
+
+  &::after {
+    z-index: 1;
+  }
+
+  &::after {
+    border-radius: 8px;
+  }
+
+  &::after {
+    border-width: 1px;
+  }
+
+  &::after {
+    border-width: 2px;
+  }
+
+  &::after {
+    border-color: rgba(0, 0, 0, .1);
+  }
+
+  &::after {
+    content: '';
+  }
+}
+
+.flex {
+  display: flex;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.gap-x-12 {
+  -moz-column-gap: 0.75rem;
+  column-gap: 0.75rem;
+}
+
+.space-y-12> :not([hidden])~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
+.rounded-lg {
+  border-radius: 16px;
+}
+
+.bg-dark {
+  background-color: var(--grey-300);
+}
+
+.bg-error {
+  background-color: var(--red-200);
+}
+
+.bg-success {
+  background-color: var(--green-200);
+}
+
+.bg-warning {
+  background-color: var(--yellow-200);
+}
+
+.p-16 {
+  padding: 1rem;
+}
+
+.p-20 {
+  padding: 1.25rem;
+}
+
+.px-12 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-20 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.py-12 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.py-20 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.py-8 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.pr-12 {
+  padding-right: 0.75rem;
+}
+
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+[class*=underline-] {
+  text-decoration-line: underline;
+}
+
+.after\\:rounded-lg::after {
+  border-radius: 16px;
+}
+
+.after\\:border-softest::after {
+  border-color: rgba(0, 0, 0, .05);
+}`,o=a,s=i.cva(["w-full bg-dark"],{variants:{intent:{default:"",warning:"bg-warning",error:"bg-error",success:"bg-success"},brd:{rounded:"rounded-lg border-inside after:border-softest after:rounded-lg",normal:""},direction:{vertical:"space-y-12",horizontal:"flex flex-row items-center justify-between gap-x-12"},withBtn:{false:"",true:""}},compoundVariants:[{direction:"horizontal",withBtn:!0,class:"px-20 pr-12 py-12"},{direction:"horizontal",withBtn:!1,class:"p-20"},{direction:"vertical",withBtn:!0,class:"p-16"},{direction:"vertical",withBtn:!1,class:"px-12 py-20"}],defaultVariants:{intent:"default",brd:"rounded",direction:"horizontal"}}),r=class{constructor(n){e.registerInstance(this,n),this.message=void 0,this.pressableLabel=void 0,this.pressableUrl=void 0,this.direction="horizontal",this.intent="default",this.brd="rounded",this.withBtn=!1}componentWillLoad(){this.withBtn=!!this.pressableLabel}componentDidLoad(){var n;const t=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelector("eds-link");t&&this.emitContext(t)}emitContext(n){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(t)}render(){return e.h("div",{key:"5252aca583e87d8c3249c501e55368e340ef0d64",class:s({intent:this.intent,brd:this.brd,direction:this.direction,withBtn:this.withBtn}),role:"alert"},e.h("p",{key:"bb23c94e802ec5e287a2b8619277e83de173b498",class:"f-ui-01 py-8",innerHTML:this.message}),this.withBtn&&(this.pressableUrl?e.h("eds-link",{class:"eds-alert-link",label:this.pressableLabel,url:this.pressableUrl,intent:"secondary",external:!0}):null))}get el(){return e.getElement(this)}};r.style=o;exports.eds_alert=r;

package/{eds-app-root.entry-C-CwU-8Y.js → eds-app-root.entry-CIXLfod1.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7ljGsgwC.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:"e17896f68a7a987b73756e1a0d572f48272ae65f"},e.h("eds-splash-screen",{key:"f269a92c479b27c1c3d4fa199889770dfc98e0e1",inverse:!0,initPromise:this.combinedInitPromise}),e.h("eds-login",{key:"271e28d665f9676d9a75c8537553f29bbdab6651","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),e.h("main",{key:"fbcbec5f93e57b450936e8df1a35da1cc6493175"},this.isAuthenticated?e.h("h1",null,"Welcome, authenticated user!"):e.h("h1",null,"Please log in.")))}};exports.eds_app_root=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BLX1G7Jb.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:"f7ff644cea84bfc78190afcfa33f1f6d6c6de29a"},e.h("eds-splash-screen",{key:"5e04f163eafe8f0d55394b8f508386bac013907e",inverse:!0,initPromise:this.combinedInitPromise}),e.h("eds-login",{key:"94c9dc0546e48fe8f9e6fc17fde9dcbf75fbe3bc","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),e.h("main",{key:"975cfb32924ecf0a4bb7d8f4788792eae500e166"},this.isAuthenticated?e.h("h1",null,"Welcome, authenticated user!"):e.h("h1",null,"Please log in.")))}};exports.eds_app_root=c;

package/{eds-app-root.entry-DPM5X6uN.mjs → eds-app-root.entry-DdTcthz6.mjs}

@@ -1,4 +1,4 @@
-import { r as o, h as e } from "./index-l365C9dI.mjs";
+import { r as o, h as e } from "./index-BLyMQVPx.mjs";
 const d = class {
   constructor(i) {
     o(this, i), this.isAuthenticated = !1;
@@ -17,7 +17,7 @@ const d = class {
     this.combinedInitPromise = Promise.all([i, n]);
   }
   render() {
-    return e("div", { key: "e17896f68a7a987b73756e1a0d572f48272ae65f" }, e("eds-splash-screen", { key: "f269a92c479b27c1c3d4fa199889770dfc98e0e1", inverse: !0, initPromise: this.combinedInitPromise }), e("eds-login", { key: "271e28d665f9676d9a75c8537553f29bbdab6651", "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), e("main", { key: "fbcbec5f93e57b450936e8df1a35da1cc6493175" }, this.isAuthenticated ? e("h1", null, "Welcome, authenticated user!") : e("h1", null, "Please log in.")));
+    return e("div", { key: "f7ff644cea84bfc78190afcfa33f1f6d6c6de29a" }, e("eds-splash-screen", { key: "5e04f163eafe8f0d55394b8f508386bac013907e", inverse: !0, initPromise: this.combinedInitPromise }), e("eds-login", { key: "94c9dc0546e48fe8f9e6fc17fde9dcbf75fbe3bc", "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), e("main", { key: "975cfb32924ecf0a4bb7d8f4788792eae500e166" }, this.isAuthenticated ? e("h1", null, "Welcome, authenticated user!") : e("h1", null, "Please log in.")));
   }
 };
 export {