@ebrains/vue 0.3.0-alpha.0 → 0.5.0-alpha.0

package/eds-icon-menu.entry-5RRmRTxa.mjs

@@ -0,0 +1,13 @@
+import { r as e, h as r } from "./index-C-Gy1Lax.mjs";
+import { m as c } from "./menu-340ea948-BpnYX3gY.mjs";
+const a = class {
+  constructor(s) {
+    e(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "0084602c8e870b70caa66479f71bed3bd0cce94e", class: this.class, innerHTML: c });
+  }
+};
+export {
+  a as eds_icon_menu
+};

package/eds-icon-menu.entry-BVU8htgo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),n=require("./menu-340ea948-ZdelWVw3.js"),c=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"0084602c8e870b70caa66479f71bed3bd0cce94e",class:this.class,innerHTML:n.menu})}};exports.eds_icon_menu=c;

package/eds-icon-more.entry-KE6_EsAg.mjs

@@ -0,0 +1,13 @@
+import { r, h as c } from "./index-C-Gy1Lax.mjs";
+import { m as e } from "./more-4449d549-rI9hOpEp.mjs";
+const n = class {
+  constructor(s) {
+    r(this, s), this.class = "";
+  }
+  render() {
+    return c("span", { key: "dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4", class: this.class, innerHTML: e });
+  }
+};
+export {
+  n as eds_icon_more
+};

package/{eds-icon-more.entry-C-v0Cjp9.js → eds-icon-more.entry-lossstHZ.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),r=require("./more-4449d549-D4HA1cRq.js"),c=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"0f7d61104f8f2b0a83c5b60a6ce81c6ab91ecb9c",class:this.class,innerHTML:r.more})}};exports.eds_icon_more=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),r=require("./more-4449d549-D4HA1cRq.js"),c=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4",class:this.class,innerHTML:r.more})}};exports.eds_icon_more=c;

package/eds-icon-search.entry-Dg0wabdP.mjs

@@ -0,0 +1,13 @@
+import { r as c, h as r } from "./index-C-Gy1Lax.mjs";
+import { s as a } from "./search-fbcd79c2-rfV0PlHP.mjs";
+const n = class {
+  constructor(s) {
+    c(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "42acc730afd956c2884b0789b3ea37ccf323630b", class: this.class, innerHTML: a });
+  }
+};
+export {
+  n as eds_icon_search
+};

package/eds-icon-search.entry-DiYaxnYX.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),s=require("./search-fbcd79c2-BMxCaeEk.js"),r=class{constructor(c){e.registerInstance(this,c),this.class=""}render(){return e.h("span",{key:"42acc730afd956c2884b0789b3ea37ccf323630b",class:this.class,innerHTML:s.search})}};exports.eds_icon_search=r;

package/{eds-icon-success.entry-DSukl_w-.js → eds-icon-success.entry-CRu9Ssdi.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-Dvww9rdy.js"),c=require("./success-443809da-BUEhLsAD.js"),r=class{constructor(e){s.registerInstance(this,e),this.class=""}render(){return s.h("span",{key:"15e428fd72496249adfe372847d5c683cd3412b1",class:this.class,innerHTML:c.success})}};exports.eds_icon_success=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-D_kZU_4I.js"),c=require("./success-443809da-BUEhLsAD.js"),r=class{constructor(e){s.registerInstance(this,e),this.class=""}render(){return s.h("span",{key:"8b5d4cfeedf6d7e9bea48d7ba892527d484c858d",class:this.class,innerHTML:c.success})}};exports.eds_icon_success=r;

package/eds-icon-success.entry-_fWfddhX.mjs

@@ -0,0 +1,13 @@
+import { r as c, h as e } from "./index-C-Gy1Lax.mjs";
+import { s as r } from "./success-443809da-BD23vltm.mjs";
+const n = class {
+  constructor(s) {
+    c(this, s), this.class = "";
+  }
+  render() {
+    return e("span", { key: "8b5d4cfeedf6d7e9bea48d7ba892527d484c858d", class: this.class, innerHTML: r });
+  }
+};
+export {
+  n as eds_icon_success
+};

package/eds-icon-twitter.entry-B4xPE3Vz.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),c=require("./twitter-ac21b505-DDdHS4hB.js"),s=class{constructor(t){e.registerInstance(this,t),this.class=""}render(){return e.h("span",{key:"a06ab2e79a1ec7603244ec09649ccc2c9ea1950c",class:this.class,innerHTML:c.twitter})}};exports.eds_icon_twitter=s;

package/eds-icon-twitter.entry-DHFpeStb.mjs

@@ -0,0 +1,13 @@
+import { r as t, h as r } from "./index-C-Gy1Lax.mjs";
+import { t as c } from "./twitter-ac21b505-CGWVGWM9.mjs";
+const i = class {
+  constructor(s) {
+    t(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "a06ab2e79a1ec7603244ec09649ccc2c9ea1950c", class: this.class, innerHTML: c });
+  }
+};
+export {
+  i as eds_icon_twitter
+};

package/eds-icon-user.entry-BOv2lInW.mjs

@@ -0,0 +1,13 @@
+import { r, h as e } from "./index-C-Gy1Lax.mjs";
+import { u as t } from "./user-71ebdc15-CoHlCtJg.mjs";
+const a = class {
+  constructor(s) {
+    r(this, s), this.class = "";
+  }
+  render() {
+    return e("span", { key: "cb31d12146ff577195650b502f51005092404a30", class: this.class, innerHTML: t });
+  }
+};
+export {
+  a as eds_icon_user
+};

package/eds-icon-user.entry-DkRLDrdp.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),r=require("./user-71ebdc15-BBKQbcQD.js"),t=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"cb31d12146ff577195650b502f51005092404a30",class:this.class,innerHTML:r.user})}};exports.eds_icon_user=t;

package/eds-icon-youtube.entry-CRRGbDsw.mjs

@@ -0,0 +1,13 @@
+import { r as e, h as r } from "./index-C-Gy1Lax.mjs";
+import { y as t } from "./youtube-efbfbdc4-BfySbfjR.mjs";
+const c = class {
+  constructor(s) {
+    e(this, s), this.class = "";
+  }
+  render() {
+    return r("span", { key: "4eba69bfec926b7a3490feee15b5947a8ab8a7b9", class: this.class, innerHTML: t });
+  }
+};
+export {
+  c as eds_icon_youtube
+};

package/eds-icon-youtube.entry-DL5fWU8k.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),t=require("./youtube-efbfbdc4-BLTH1Jl9.js"),r=class{constructor(s){e.registerInstance(this,s),this.class=""}render(){return e.h("span",{key:"4eba69bfec926b7a3490feee15b5947a8ab8a7b9",class:this.class,innerHTML:t.youtube})}};exports.eds_icon_youtube=r;

package/{eds-input_7.entry-BV0VagCj.js → eds-input_7.entry-BZ9afXqe.js}

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-Dvww9rdy.js"),o=require("./toastManager-d9eee791-DvR_vUPI.js"),s=class{constructor(e){n.registerInstance(this,e),this.changeEvent=n.createEvent(this,"changeEvent",7),this.handleInput=i=>{const r=i.target;this.innerVal=r.value,this.maxLength&&this.type==="textarea"&&(this.maxLengthReached=r.value.length>=this.maxLength),this.changeEvent.emit(i)},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.checked=void 0,this.type="text",this.required=!1,this.value=void 0,this.icon=void 0,this.maxLength=void 0,this.options=[],this.extraClass=void 0,this.innerVal="",this.maxLengthReached=!1}onValueChanged(e){this.innerVal=e}componentWillLoad(){this.value?this.innerVal=this.value:this.type==="select"&&this.options.length>0&&(this.innerVal=this.options[0].value)}getInputElement(){return this.el.querySelector("input")}render(){const e=!!this.icon,i=this.hasMessage||this.error?`${this.name}-error`:"";return n.h("div",{key:"aed6c5b0bc70ed712c74041b1bafce771c0da2d3",class:"relative flex items-center"},this.type==="textarea"?n.h("textarea",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,class:`min-h-80 input input-textarea ${e?"input-with-icon":""} ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}):this.type==="select"?n.h("select",{id:this.inputId||this.name,name:this.name,required:this.required,disabled:this.disabled,class:`input input-select ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,onInput:this.handleInput,onChange:this.handleInput},this.options.map(r=>n.h("option",{value:r.value,selected:r.value===this.innerVal,key:r.value},r.label))):n.h("input",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,type:this.type,checked:["radio","checkbox"].includes(this.type)?this.checked:void 0,class:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-D_kZU_4I.js"),o=require("./toastManager-d9eee791-DvR_vUPI.js"),s=class{constructor(e){n.registerInstance(this,e),this.changeEvent=n.createEvent(this,"changeEvent",7),this.handleInput=i=>{const r=i.target;this.innerVal=r.value,this.maxLength&&this.type==="textarea"&&(this.maxLengthReached=r.value.length>=this.maxLength),this.changeEvent.emit(i)},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.checked=void 0,this.type="text",this.required=!1,this.value=void 0,this.icon=void 0,this.maxLength=void 0,this.options=[],this.extraClass=void 0,this.innerVal="",this.maxLengthReached=!1}onValueChanged(e){this.innerVal=e}componentWillLoad(){this.value?this.innerVal=this.value:this.type==="select"&&this.options.length>0&&(this.innerVal=this.options[0].value)}getInputElement(){return this.el.querySelector("input")}render(){const e=!!this.icon,i=this.hasMessage||this.error?`${this.name}-error`:"";return n.h("div",{key:"e67c7566fe5a1574d6ff0fff61178b163c5881f9",class:"relative flex items-center"},this.type==="textarea"?n.h("textarea",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,class:`min-h-80 input input-textarea ${e?"input-with-icon":""} ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}):this.type==="select"?n.h("select",{id:this.inputId||this.name,name:this.name,required:this.required,disabled:this.disabled,class:`input input-select ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,onInput:this.handleInput,onChange:this.handleInput},this.options.map(r=>n.h("option",{value:r.value,selected:r.value===this.innerVal,key:r.value},r.label))):n.h("input",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,type:this.type,checked:["radio","checkbox"].includes(this.type)?this.checked:void 0,class:`
               ${this.extraClass||""} 
               input ${this.type==="radio"?"input-radio":this.type==="checkbox"?"input-checkbox":""}
               ${e&&this.type!=="radio"&&this.type!=="checkbox"?"input-icon pl-36":""} 
               ${this.error?"input-error":""}
-              `,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}),this.maxLength&&this.type==="textarea"&&n.h("span",{key:"2a95bcd05820c60e428c9e5de3cc2c3fc6ceb3db",class:`input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached?"input-counter-error":""}`},this.maxLength),this.icon&&n.h("eds-icon-wrapper",{key:"d20b1b17f45c77e1e7ad63ca5cb12db777074601",class:`absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled,"text-lightest"}`,icon:this.icon}))}get el(){return n.getElement(this)}static get watchers(){return{value:["onValueChanged"]}}},a=`@font-face {
+              `,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}),this.maxLength&&this.type==="textarea"&&n.h("span",{key:"35bc563715e65073898259d12b4ef2c467b14439",class:`input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached?"input-counter-error":""}`},this.maxLength),this.icon&&n.h("eds-icon-wrapper",{key:"54cab667a1b8b1bb906c2359cdbd2fb23171ba8b",class:`absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled,"text-lightest"}`,icon:this.icon}))}get el(){return n.getElement(this)}static get watchers(){return{value:["onValueChanged"]}}},a=`@font-face {
   font-family: "Inter";
   font-weight: 100 900;
   font-display: swap;
@@ -7164,4 +7164,4 @@ input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
             appearance: none; /* Ensure the thumb can be styled */
 }
-`,c=a,d=class{constructor(e){n.registerInstance(this,e),this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.onChange=void 0,this.onInput=void 0,this.type="text",this.required=!1,this.label=void 0,this.hint=void 0,this.icon=void 0,this.link=void 0,this.message=void 0,this.error=!1,this.checked=void 0,this.errorMessage=void 0,this.value=void 0,this.maxLength=void 0,this.options=void 0}get parsedOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options=="string")try{return JSON.parse(this.options)}catch{return console.warn("Invalid options format"),[]}return[]}render(){const e={name:this.name,id:this.inputId,placeholder:this.placeholder,disabled:this.disabled,onChange:this.onChange,onInput:this.onInput,type:this.type,required:this.required,value:this.value,error:this.error,icon:this.icon,checked:this.checked};return n.h("div",{key:"e1e4c68a8ca48b9526217b1c1eeaecbf3c73a652",class:"space-y-8"},this.type==="checkbox"||this.type==="radio"?this.parsedOptions.length>0?n.h("fieldset",{class:"space-y-4 mt-8"},n.h("div",{class:"flex justify-between"},this.label&&n.h("eds-input-label",{name:this.inputId||this.name,label:this.label,required:this.required}),this.hint&&n.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.parsedOptions.map(i=>n.h("div",{class:"flex items-center gap-x-2",key:i.value},n.h("eds-input",Object.assign({},e,{value:i.value})),n.h("eds-input-label",{name:`${this.name}-${i.value}`,label:i.label})))):n.h("div",{class:"flex items-center gap-x-8"},n.h("eds-input",Object.assign({},e)),this.label&&n.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required})):n.h("div",null,n.h("div",{class:"flex justify-between"},this.label&&n.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required}),this.hint&&n.h("p",{class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.type==="select"?n.h("eds-input-select",Object.assign({},e,{options:this.parsedOptions})):this.type==="file"?n.h("input",{type:"file",id:this.inputId||this.name,name:this.name,onChange:this.onChange,disabled:this.disabled,required:this.required}):this.type==="search"?n.h("eds-input-search",{name:"search-box"}):this.type==="range"?(()=>{var i,r,l;const t=this.parsedOptions;return n.h("eds-input-range",{min:(i=t[0])===null||i===void 0?void 0:i.value,max:(r=t[1])===null||r===void 0?void 0:r.value,step:(l=t[2])===null||l===void 0?void 0:l.value,name:"range-slider"})})():n.h("eds-input",Object.assign({},e))),n.h("eds-input-footer",{key:"7c283d5b193f179cdefbb011862358e3c92685c5",name:this.name,message:this.message,"error-message":this.errorMessage,error:this.error,link:this.link}))}};d.style=c;const g=class{constructor(e){n.registerInstance(this,e),this.name=void 0,this.errorMessage=void 0,this.message=void 0,this.error=!1,this.link=void 0}render(){return n.h("div",{key:"9ce8da179446c0302754f1285b3733d928da042f",class:"space-y-4"},this.error&&this.errorMessage&&n.h("div",{key:"aab7e8ded78e48864b2245603c3987a6ec3f3959",id:`error_${this.name}`,class:"text-error flex items-center"},n.h("eds-icon-wrapper",{key:"152a06328c6cbb40f0d52310ac3ce761de21a26c",icon:"warning"}),n.h("p",{key:"658825aa4649ad83a150a0dc92d37f1b078de4c3",class:"f-ui-04 ml-4",innerHTML:this.errorMessage})),this.message&&n.h("p",{key:"378ae9ef876e087f66302547958af4543262a441",id:`desc_${this.name}`,class:"f-ui-05 text-lighter",innerHTML:this.message}),this.link&&n.h("a",{key:"cd396f03bdbd12a47544a44de17cfce35b8d206a",href:this.link.url,class:"f-ui-05 effect-color hover:text-lighter underline underline-offset-4"},this.link.label))}},x=class{constructor(e){n.registerInstance(this,e),this.label=void 0,this.name=void 0,this.required=!1,this.disabled=!1}render(){return n.h("label",{key:"d83f8267317c2d5ef500460e938b166c0e6517b1",htmlFor:this.name,class:`input-label ${this.disabled?"text-lighter":""}`},this.label,this.required&&n.h("span",{key:"85ad9e44af342c191d8aa7aeb7e4c6288c544d6d"},n.h("span",{key:"b350ee023f80bc9d5f24ef2fac9f74b2461d27b9","aria-hidden":"true"},"*"),n.h("span",{key:"af55a83d8998ac70817cb2f7cebfb74f276a6387",class:"sr-only"},"required")))}},h=class{constructor(e){n.registerInstance(this,e),this.onInput=i=>{const r=i.target;this.sliderVal=parseInt(r.value,10)},this.name=void 0,this.inputId="range",this.disabled=!1,this.required=!1,this.min=0,this.max=100,this.step=1,this.sliderVal=this.max%2===0?this.max/2:Math.ceil(this.max/2)}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return n.h("div",{key:"8927f714cae6dd2237202190eade7b31cc7adc03",class:"relative flex flex-col items-start space-y-2"},n.h("input",{key:"1b3ba13453992c84e00d3b3261a9d2008f45634f",id:this.inputId||this.name,name:this.name,min:this.min,max:this.max,step:this.step,value:this.sliderVal,required:this.required,disabled:this.disabled,type:"range",class:"w-full py-6 input",onInput:this.onInput}),n.h("p",{key:"e04c275e51710ae09eec1603911446e1e65bf648",id:`desc_${this.name}`,class:"block f-ui-05 text-lighter"},"Current value: ",this.sliderVal))}get el(){return n.getElement(this)}},b=class{constructor(e){n.registerInstance(this,e),this.onInput=i=>{console.log("on input:",i)},this.onChange=i=>{console.log("on change:",i.target.value)},this.name=void 0,this.inputId="search",this.placeholder="Search...",this.value=void 0,this.disabled=!1,this.required=!1}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return n.h("div",{key:"4a6a629fcaefa3ec3bbfb577e1a1f85e8d4f0ee0",class:"relative flex items-center"},n.h("eds-icon-wrapper",{key:"7cb203fabdf6f1160d95d7ca125f0ca33affd1c6",icon:"search",class:"absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest"}),n.h("input",{key:"fe32c40b6e438526b8ef6a74783a6455fb91a467",id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.value||"",required:this.required,disabled:this.disabled,type:"search",class:"search-input w-full py-6 input input-icon pl-36",onInput:this.onInput,onChange:this.onChange}))}get el(){return n.getElement(this)}},f=class{constructor(e){n.registerInstance(this,e),this.changeEvent=n.createEvent(this,"changeEvent",7),this.handleChange=i=>{const r=i.target;this.changeEvent.emit(r.value)},this.inputId=void 0,this.name=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.required=!1,this.options=[],this.labelKey="label",this.valueKey="value",this.value=void 0,this.dynamicOptions=[],this.loading=!1,this.dynamicValueKey="value",this.dynamicLabelKey="label"}componentWillLoad(){this.loadOptions()}async loadOptions(){if(this.options&&this.options.length>0&&this.options[0].endpoint){const e=this.options[0],i=e.endpoint;this.dynamicValueKey=e.value||"value",this.dynamicLabelKey=e.label||"label",this.loading=!0;try{const r=await fetch(i);r.ok||o.toast.show(`<eds-input-select> HTTP error! Status: ${r.status}`,"error");const l=await r.json();this.dynamicOptions=l}catch(r){o.toast.show(`<eds-input-select> Error fetching dynamic options ${r}`,"error")}finally{this.loading=!1}}else this.dynamicOptions=this.options,this.dynamicValueKey=this.valueKey,this.dynamicLabelKey=this.labelKey}render(){return n.h("div",{key:"0b45eaae992171cd9795f7bf01883b0f3efbcc13",class:"relative"},n.h("select",{key:"0ee8bccb24f7bd65e9347c0b79905154db39dca7",id:this.inputId||this.name,name:this.name,class:`input invalid:text-lightest pr-32 ${this.error?"input-error":""}`,"aria-invalid":this.error?"true":"false","aria-describedby":this.hasMessage||this.error?`${this.name}-error`:"",disabled:this.disabled||this.loading,required:this.required,onChange:this.handleChange},n.h("option",{key:"b1b53dcf8dd3155e8dba28327f05b4725a013435",value:"",disabled:!0,hidden:!0},this.loading?"Loading options...":`Please select ${this.name}`),this.dynamicOptions.map((e,i)=>n.h("option",{key:i,value:e[this.dynamicValueKey]},e[this.dynamicLabelKey]))),n.h("span",{key:"3f652e7ed7570b602565af3f0e3c5c91506e4089",class:`bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled||this.loading?"text-lightest bg-transparent":""}`},n.h("eds-icon-wrapper",{key:"2237727060af6286c346f749d2e8e3f7f86c7c70",class:"w-20 h-20",icon:"chevron-right"})))}static get watchers(){return{options:["loadOptions"]}}};exports.eds_input=s;exports.eds_input_field=d;exports.eds_input_footer=g;exports.eds_input_label=x;exports.eds_input_range=h;exports.eds_input_search=b;exports.eds_input_select=f;
+`,c=a,d=class{constructor(e){n.registerInstance(this,e),this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.onChange=void 0,this.onInput=void 0,this.type="text",this.required=!1,this.label=void 0,this.hint=void 0,this.icon=void 0,this.link=void 0,this.message=void 0,this.error=!1,this.checked=void 0,this.errorMessage=void 0,this.value=void 0,this.maxLength=void 0,this.options=void 0}get parsedOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options=="string")try{return JSON.parse(this.options)}catch{return console.warn("Invalid options format"),[]}return[]}render(){const e={name:this.name,id:this.inputId,placeholder:this.placeholder,disabled:this.disabled,onChange:this.onChange,onInput:this.onInput,type:this.type,required:this.required,value:this.value,error:this.error,icon:this.icon,checked:this.checked};return n.h("div",{key:"6c2e228bc3940212ad4df6ed99bdd69b99342afb",class:"space-y-8"},this.type==="checkbox"||this.type==="radio"?this.parsedOptions.length>0?n.h("fieldset",{class:"space-y-4 mt-8"},n.h("div",{class:"flex justify-between"},this.label&&n.h("eds-input-label",{name:this.inputId||this.name,label:this.label,required:this.required}),this.hint&&n.h("p",{id:`${this.name}-hint`,class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.parsedOptions.map(i=>n.h("div",{class:"flex items-center gap-x-2",key:i.value},n.h("eds-input",Object.assign({},e,{value:i.value})),n.h("eds-input-label",{name:`${this.name}-${i.value}`,label:i.label})))):n.h("div",{class:"flex items-center gap-x-8"},n.h("eds-input",Object.assign({},e)),this.label&&n.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required})):n.h("div",null,n.h("div",{class:"flex justify-between"},this.label&&n.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required}),this.hint&&n.h("p",{id:`${this.name}-hint`,class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.type==="select"?n.h("eds-input-select",Object.assign({},e,{options:this.parsedOptions})):this.type==="file"?n.h("input",{type:"file",id:this.inputId||this.name,name:this.name,onChange:this.onChange,disabled:this.disabled,required:this.required}):this.type==="search"?n.h("eds-input-search",{name:"search-box"}):this.type==="range"?(()=>{var i,r,l;const t=this.parsedOptions;return n.h("eds-input-range",{min:(i=t[0])===null||i===void 0?void 0:i.value,max:(r=t[1])===null||r===void 0?void 0:r.value,step:(l=t[2])===null||l===void 0?void 0:l.value,name:"range-slider"})})():n.h("eds-input",Object.assign({},e))),n.h("eds-input-footer",{key:"16f2dd9061fc779b081c973e25d1bf9fb26fcf8b",id:`${this.name}-footer`,name:this.name,message:this.message,"error-message":this.errorMessage,error:this.error,link:this.link}))}};d.style=c;const g=class{constructor(e){n.registerInstance(this,e),this.name=void 0,this.errorMessage=void 0,this.message=void 0,this.error=!1,this.link=void 0}render(){return n.h("div",{key:"c088f6c9bf4c3ca1efce1a1ff41ece8d4f8a6756",class:"space-y-4"},this.error&&this.errorMessage&&n.h("div",{key:"7404a329f2b5da7f9444f986178c5e4dbbe838ad",id:`error_${this.name}`,class:"text-error flex items-center"},n.h("eds-icon-wrapper",{key:"8f9d83b1d8dda824cac17d9c2ce3cb6cc5a58945",icon:"warning"}),n.h("p",{key:"f223076bc18088e264b4888d18bb9673f803d875",class:"f-ui-04 ml-4",innerHTML:this.errorMessage})),this.message&&n.h("p",{key:"40bdbc35ba4985802177d7f9b2c44f893e4cb40c",id:`desc_${this.name}`,class:"f-ui-05 text-lighter",innerHTML:this.message}),this.link&&n.h("a",{key:"e6297a49f63ce2ab14bac8df0186fb42fab4416d",href:this.link.url,class:"f-ui-05 effect-color hover:text-lighter underline underline-offset-4"},this.link.label))}},x=class{constructor(e){n.registerInstance(this,e),this.label=void 0,this.name=void 0,this.required=!1,this.disabled=!1}render(){return n.h("label",{key:"38be7206acfad300657a99218c3138e91069d710",htmlFor:this.name,class:`input-label ${this.disabled?"text-lighter":""}`},this.label,this.required&&n.h("span",{key:"1e80610f66d51a1c46918086bb5b5153c0e35a3c"},n.h("span",{key:"83d15d62c0539f1847746b4a2b9c9971b4852da8","aria-hidden":"true"},"*"),n.h("span",{key:"3f45f5a436c41cf7e55570a2abe8844c8daa7525",class:"sr-only"},"required")))}},h=class{constructor(e){n.registerInstance(this,e),this.onInput=i=>{const r=i.target;this.sliderVal=parseInt(r.value,10)},this.name=void 0,this.inputId="range",this.disabled=!1,this.required=!1,this.min=0,this.max=100,this.step=1,this.sliderVal=this.max%2===0?this.max/2:Math.ceil(this.max/2)}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return n.h("div",{key:"6a70b857cfbeb152e6f099b6dfc91cc9fec5bf11",class:"relative flex flex-col items-start space-y-2"},n.h("input",{key:"da4c0158b1d33804404f4373b3c55c53b5b2f53b",id:this.inputId||this.name,name:this.name,min:this.min,max:this.max,step:this.step,value:this.sliderVal,required:this.required,disabled:this.disabled,type:"range",class:"w-full py-6 input",onInput:this.onInput}),n.h("p",{key:"66bc2e755e4eb38015e32441599a9f9bade7c679",id:`desc_${this.name}`,class:"block f-ui-05 text-lighter"},"Current value: ",this.sliderVal))}get el(){return n.getElement(this)}},b=class{constructor(e){n.registerInstance(this,e),this.onInput=i=>{console.log("on input:",i)},this.onChange=i=>{console.log("on change:",i.target.value)},this.name=void 0,this.inputId="search",this.placeholder="Search...",this.value=void 0,this.disabled=!1,this.required=!1}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return n.h("div",{key:"df7ee546beed6eedfba5a19e0fdf349d9aaece90",class:"relative flex items-center"},n.h("eds-icon-wrapper",{key:"4663fdd0a9ba4eace47dc90f9c7f50fc2e6f7925",icon:"search",class:"absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest"}),n.h("input",{key:"e3e72f3dea068cbab3d398de36dd09e4a7f1ce93",id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.value||"",required:this.required,disabled:this.disabled,type:"search",class:"search-input w-full py-6 input input-icon pl-36",onInput:this.onInput,onChange:this.onChange}))}get el(){return n.getElement(this)}},f=class{constructor(e){n.registerInstance(this,e),this.changeEvent=n.createEvent(this,"changeEvent",7),this.handleChange=i=>{const r=i.target;this.changeEvent.emit(r.value)},this.inputId=void 0,this.name=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.required=!1,this.options=[],this.labelKey="label",this.valueKey="value",this.value=void 0,this.dynamicOptions=[],this.loading=!1,this.dynamicValueKey="value",this.dynamicLabelKey="label",this.hasFetched=!1}componentWillLoad(){this.loadOptions()}async loadOptions(){if(this.options&&this.options.length>0&&this.options[0].endpoint){if(this.hasFetched)return;const e=this.options[0],i=e.endpoint;this.dynamicValueKey=e.value||"value",this.dynamicLabelKey=e.label||"label",this.loading=!0;try{const r=await fetch(i);r.ok||o.toast.show(`<eds-input-select> HTTP error! Status: ${r.status}`,"error");const l=await r.json();this.dynamicOptions=l,this.hasFetched=!0}catch(r){o.toast.show(`<eds-input-select> Error fetching dynamic options ${r}`,"error")}finally{this.loading=!1}}else this.dynamicOptions=this.options,this.dynamicValueKey=this.valueKey,this.dynamicLabelKey=this.labelKey}getValueByPath(e,i){return i.split(".").reduce((r,l)=>r&&r[l],e)}render(){return n.h("div",{key:"c1469a270fa5e775ac4d17f1c7e259d02477d7a2",class:"relative"},n.h("select",{key:"3aab6ec60d386e51ce27c1cfc26059132d96957f",id:this.inputId||this.name,name:this.name,class:`input invalid:text-lightest pr-32 ${this.error?"input-error":""}`,"aria-invalid":this.error?"true":"false","aria-describedby":this.hasMessage||this.error?`${this.name}-error`:"",disabled:this.disabled||this.loading,required:this.required,onChange:this.handleChange},n.h("option",{key:"ee3aa20ed1b99bddd7bafa3aac43f3c06db07b8f",value:"",disabled:!0,hidden:!0},this.loading?"Loading options...":`Please select ${this.name}`),this.dynamicOptions.map((e,i)=>n.h("option",{key:i,value:this.getValueByPath(e,this.dynamicValueKey)},this.getValueByPath(e,this.dynamicLabelKey)))),n.h("span",{key:"7e70051ac49efd053f00521b51ad19e88cf5cdb7",class:`bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled||this.loading?"text-lightest bg-transparent":""}`},n.h("eds-icon-wrapper",{key:"2ef2d0d744216a1f931ac0bfe1058f54c9af4402",class:"w-20 h-20",icon:"chevron-right"})))}static get watchers(){return{options:["loadOptions"]}}};exports.eds_input=s;exports.eds_input_field=d;exports.eds_input_footer=g;exports.eds_input_label=x;exports.eds_input_range=h;exports.eds_input_search=b;exports.eds_input_select=f;

package/{eds-input_7.entry-CRNkC-uR.mjs → eds-input_7.entry-WvoE_Mue.mjs}

@@ -1,8 +1,8 @@
-import { r as l, c as a, h as n, g as d } from "./index-Dg2DO7q4.mjs";
+import { r as t, c as a, h as n, g as d } from "./index-C-Gy1Lax.mjs";
 import { t as s } from "./toastManager-d9eee791-CEYNwx25.mjs";
 const f = class {
   constructor(e) {
-    l(this, e), this.changeEvent = a(this, "changeEvent", 7), this.handleInput = (i) => {
+    t(this, e), this.changeEvent = a(this, "changeEvent", 7), this.handleInput = (i) => {
       const r = i.target;
       this.innerVal = r.value, this.maxLength && this.type === "textarea" && (this.maxLengthReached = r.value.length >= this.maxLength), this.changeEvent.emit(i);
     }, this.name = void 0, this.inputId = void 0, this.placeholder = void 0, this.disabled = !1, this.hasMessage = !1, this.error = !1, this.checked = void 0, this.type = "text", this.required = !1, this.value = void 0, this.icon = void 0, this.maxLength = void 0, this.options = [], this.extraClass = void 0, this.innerVal = "", this.maxLengthReached = !1;
@@ -18,12 +18,12 @@ const f = class {
   }
   render() {
     const e = !!this.icon, i = this.hasMessage || this.error ? `${this.name}-error` : "";
-    return n("div", { key: "aed6c5b0bc70ed712c74041b1bafce771c0da2d3", class: "relative flex items-center" }, this.type === "textarea" ? n("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${e ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? n("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((r) => n("option", { value: r.value, selected: r.value === this.innerVal, key: r.value }, r.label))) : n("input", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0, class: `
+    return n("div", { key: "e67c7566fe5a1574d6ff0fff61178b163c5881f9", class: "relative flex items-center" }, this.type === "textarea" ? n("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${e ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? n("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((r) => n("option", { value: r.value, selected: r.value === this.innerVal, key: r.value }, r.label))) : n("input", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0, class: `
               ${this.extraClass || ""} 
               input ${this.type === "radio" ? "input-radio" : this.type === "checkbox" ? "input-checkbox" : ""}
               ${e && this.type !== "radio" && this.type !== "checkbox" ? "input-icon pl-36" : ""} 
               ${this.error ? "input-error" : ""}
-              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }), this.maxLength && this.type === "textarea" && n("span", { key: "2a95bcd05820c60e428c9e5de3cc2c3fc6ceb3db", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && n("eds-icon-wrapper", { key: "d20b1b17f45c77e1e7ad63ca5cb12db777074601", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
+              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }), this.maxLength && this.type === "textarea" && n("span", { key: "35bc563715e65073898259d12b4ef2c467b14439", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && n("eds-icon-wrapper", { key: "54cab667a1b8b1bb906c2359cdbd2fb23171ba8b", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
   }
   get el() {
     return d(this);
@@ -7196,7 +7196,7 @@ input[type="range"]::-webkit-slider-thumb {
 }
 `, g = c, x = class {
   constructor(e) {
-    l(this, e), this.name = void 0, this.inputId = void 0, this.placeholder = void 0, this.disabled = !1, this.onChange = void 0, this.onInput = void 0, this.type = "text", this.required = !1, this.label = void 0, this.hint = void 0, this.icon = void 0, this.link = void 0, this.message = void 0, this.error = !1, this.checked = void 0, this.errorMessage = void 0, this.value = void 0, this.maxLength = void 0, this.options = void 0;
+    t(this, e), this.name = void 0, this.inputId = void 0, this.placeholder = void 0, this.disabled = !1, this.onChange = void 0, this.onInput = void 0, this.type = "text", this.required = !1, this.label = void 0, this.hint = void 0, this.icon = void 0, this.link = void 0, this.message = void 0, this.error = !1, this.checked = void 0, this.errorMessage = void 0, this.value = void 0, this.maxLength = void 0, this.options = void 0;
   }
   get parsedOptions() {
     if (Array.isArray(this.options))
@@ -7224,31 +7224,31 @@ input[type="range"]::-webkit-slider-thumb {
       icon: this.icon,
       checked: this.checked
     };
-    return n("div", { key: "e1e4c68a8ca48b9526217b1c1eeaecbf3c73a652", class: "space-y-8" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? n("fieldset", { class: "space-y-4 mt-8" }, n("div", { class: "flex justify-between" }, this.label && n("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && n("p", { class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((i) => n("div", { class: "flex items-center gap-x-2", key: i.value }, n("eds-input", Object.assign({}, e, { value: i.value })), n("eds-input-label", { name: `${this.name}-${i.value}`, label: i.label })))) : n("div", { class: "flex items-center gap-x-8" }, n("eds-input", Object.assign({}, e)), this.label && n("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : n("div", null, n("div", { class: "flex justify-between" }, this.label && n("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && n("p", { class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? n("eds-input-select", Object.assign({}, e, { options: this.parsedOptions })) : this.type === "file" ? n("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChange, disabled: this.disabled, required: this.required }) : this.type === "search" ? n("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
-      var i, r, t;
+    return n("div", { key: "6c2e228bc3940212ad4df6ed99bdd69b99342afb", class: "space-y-8" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? n("fieldset", { class: "space-y-4 mt-8" }, n("div", { class: "flex justify-between" }, this.label && n("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && n("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((i) => n("div", { class: "flex items-center gap-x-2", key: i.value }, n("eds-input", Object.assign({}, e, { value: i.value })), n("eds-input-label", { name: `${this.name}-${i.value}`, label: i.label })))) : n("div", { class: "flex items-center gap-x-8" }, n("eds-input", Object.assign({}, e)), this.label && n("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : n("div", null, n("div", { class: "flex justify-between" }, this.label && n("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && n("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? n("eds-input-select", Object.assign({}, e, { options: this.parsedOptions })) : this.type === "file" ? n("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChange, disabled: this.disabled, required: this.required }) : this.type === "search" ? n("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
+      var i, r, l;
       const o = this.parsedOptions;
-      return n("eds-input-range", { min: (i = o[0]) === null || i === void 0 ? void 0 : i.value, max: (r = o[1]) === null || r === void 0 ? void 0 : r.value, step: (t = o[2]) === null || t === void 0 ? void 0 : t.value, name: "range-slider" });
-    })() : n("eds-input", Object.assign({}, e))), n("eds-input-footer", { key: "7c283d5b193f179cdefbb011862358e3c92685c5", name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link }));
+      return n("eds-input-range", { min: (i = o[0]) === null || i === void 0 ? void 0 : i.value, max: (r = o[1]) === null || r === void 0 ? void 0 : r.value, step: (l = o[2]) === null || l === void 0 ? void 0 : l.value, name: "range-slider" });
+    })() : n("eds-input", Object.assign({}, e))), n("eds-input-footer", { key: "16f2dd9061fc779b081c973e25d1bf9fb26fcf8b", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link }));
   }
 };
 x.style = g;
 const m = class {
   constructor(e) {
-    l(this, e), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
+    t(this, e), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
   }
   render() {
-    return n("div", { key: "9ce8da179446c0302754f1285b3733d928da042f", class: "space-y-4" }, this.error && this.errorMessage && n("div", { key: "aab7e8ded78e48864b2245603c3987a6ec3f3959", id: `error_${this.name}`, class: "text-error flex items-center" }, n("eds-icon-wrapper", { key: "152a06328c6cbb40f0d52310ac3ce761de21a26c", icon: "warning" }), n("p", { key: "658825aa4649ad83a150a0dc92d37f1b078de4c3", class: "f-ui-04 ml-4", innerHTML: this.errorMessage })), this.message && n("p", { key: "378ae9ef876e087f66302547958af4543262a441", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && n("a", { key: "cd396f03bdbd12a47544a44de17cfce35b8d206a", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
+    return n("div", { key: "c088f6c9bf4c3ca1efce1a1ff41ece8d4f8a6756", class: "space-y-4" }, this.error && this.errorMessage && n("div", { key: "7404a329f2b5da7f9444f986178c5e4dbbe838ad", id: `error_${this.name}`, class: "text-error flex items-center" }, n("eds-icon-wrapper", { key: "8f9d83b1d8dda824cac17d9c2ce3cb6cc5a58945", icon: "warning" }), n("p", { key: "f223076bc18088e264b4888d18bb9673f803d875", class: "f-ui-04 ml-4", innerHTML: this.errorMessage })), this.message && n("p", { key: "40bdbc35ba4985802177d7f9b2c44f893e4cb40c", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && n("a", { key: "e6297a49f63ce2ab14bac8df0186fb42fab4416d", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
   }
 }, p = class {
   constructor(e) {
-    l(this, e), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
+    t(this, e), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
   }
   render() {
-    return n("label", { key: "d83f8267317c2d5ef500460e938b166c0e6517b1", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && n("span", { key: "85ad9e44af342c191d8aa7aeb7e4c6288c544d6d" }, n("span", { key: "b350ee023f80bc9d5f24ef2fac9f74b2461d27b9", "aria-hidden": "true" }, "*"), n("span", { key: "af55a83d8998ac70817cb2f7cebfb74f276a6387", class: "sr-only" }, "required")));
+    return n("label", { key: "38be7206acfad300657a99218c3138e91069d710", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && n("span", { key: "1e80610f66d51a1c46918086bb5b5153c0e35a3c" }, n("span", { key: "83d15d62c0539f1847746b4a2b9c9971b4852da8", "aria-hidden": "true" }, "*"), n("span", { key: "3f45f5a436c41cf7e55570a2abe8844c8daa7525", class: "sr-only" }, "required")));
   }
 }, u = class {
   constructor(e) {
-    l(this, e), this.onInput = (i) => {
+    t(this, e), this.onInput = (i) => {
       const r = i.target;
       this.sliderVal = parseInt(r.value, 10);
     }, this.name = void 0, this.inputId = "range", this.disabled = !1, this.required = !1, this.min = 0, this.max = 100, this.step = 1, this.sliderVal = this.max % 2 === 0 ? this.max / 2 : Math.ceil(this.max / 2);
@@ -7260,8 +7260,8 @@ const m = class {
     return this.inputElement;
   }
   render() {
-    return n("div", { key: "8927f714cae6dd2237202190eade7b31cc7adc03", class: "relative flex flex-col items-start space-y-2" }, n("input", {
-      key: "1b3ba13453992c84e00d3b3261a9d2008f45634f",
+    return n("div", { key: "6a70b857cfbeb152e6f099b6dfc91cc9fec5bf11", class: "relative flex flex-col items-start space-y-2" }, n("input", {
+      key: "da4c0158b1d33804404f4373b3c55c53b5b2f53b",
       id: this.inputId || this.name,
       name: this.name,
       min: this.min,
@@ -7274,14 +7274,14 @@ const m = class {
       class: "w-full py-6 input",
       //aria-describedby={describedBy}
       onInput: this.onInput
-    }), n("p", { key: "e04c275e51710ae09eec1603911446e1e65bf648", id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal));
+    }), n("p", { key: "66bc2e755e4eb38015e32441599a9f9bade7c679", id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal));
   }
   get el() {
     return d(this);
   }
 }, y = class {
   constructor(e) {
-    l(this, e), this.onInput = (i) => {
+    t(this, e), this.onInput = (i) => {
       console.log("on input:", i);
     }, this.onChange = (i) => {
       console.log("on change:", i.target.value);
@@ -7294,8 +7294,8 @@ const m = class {
     return this.inputElement;
   }
   render() {
-    return n("div", { key: "4a6a629fcaefa3ec3bbfb577e1a1f85e8d4f0ee0", class: "relative flex items-center" }, n("eds-icon-wrapper", { key: "7cb203fabdf6f1160d95d7ca125f0ca33affd1c6", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest" }), n("input", {
-      key: "fe32c40b6e438526b8ef6a74783a6455fb91a467",
+    return n("div", { key: "df7ee546beed6eedfba5a19e0fdf349d9aaece90", class: "relative flex items-center" }, n("eds-icon-wrapper", { key: "4663fdd0a9ba4eace47dc90f9c7f50fc2e6f7925", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest" }), n("input", {
+      key: "e3e72f3dea068cbab3d398de36dd09e4a7f1ce93",
       id: this.inputId || this.name,
       name: this.name,
       placeholder: this.placeholder,
@@ -7314,10 +7314,10 @@ const m = class {
   }
 }, v = class {
   constructor(e) {
-    l(this, e), this.changeEvent = a(this, "changeEvent", 7), this.handleChange = (i) => {
+    t(this, e), this.changeEvent = a(this, "changeEvent", 7), this.handleChange = (i) => {
       const r = i.target;
       this.changeEvent.emit(r.value);
-    }, this.inputId = void 0, this.name = void 0, this.placeholder = void 0, this.disabled = !1, this.hasMessage = !1, this.error = !1, this.required = !1, this.options = [], this.labelKey = "label", this.valueKey = "value", this.value = void 0, this.dynamicOptions = [], this.loading = !1, this.dynamicValueKey = "value", this.dynamicLabelKey = "label";
+    }, this.inputId = void 0, this.name = void 0, this.placeholder = void 0, this.disabled = !1, this.hasMessage = !1, this.error = !1, this.required = !1, this.options = [], this.labelKey = "label", this.valueKey = "value", this.value = void 0, this.dynamicOptions = [], this.loading = !1, this.dynamicValueKey = "value", this.dynamicLabelKey = "label", this.hasFetched = !1;
   }
   componentWillLoad() {
     this.loadOptions();
@@ -7333,13 +7333,15 @@ const m = class {
    */
   async loadOptions() {
     if (this.options && this.options.length > 0 && this.options[0].endpoint) {
+      if (this.hasFetched)
+        return;
       const e = this.options[0], i = e.endpoint;
       this.dynamicValueKey = e.value || "value", this.dynamicLabelKey = e.label || "label", this.loading = !0;
       try {
         const r = await fetch(i);
         r.ok || s.show(`<eds-input-select> HTTP error! Status: ${r.status}`, "error");
-        const t = await r.json();
-        this.dynamicOptions = t;
+        const l = await r.json();
+        this.dynamicOptions = l, this.hasFetched = !0;
       } catch (r) {
         s.show(`<eds-input-select> Error fetching dynamic options ${r}`, "error");
       } finally {
@@ -7348,8 +7350,11 @@ const m = class {
     } else
       this.dynamicOptions = this.options, this.dynamicValueKey = this.valueKey, this.dynamicLabelKey = this.labelKey;
   }
+  getValueByPath(e, i) {
+    return i.split(".").reduce((r, l) => r && r[l], e);
+  }
   render() {
-    return n("div", { key: "0b45eaae992171cd9795f7bf01883b0f3efbcc13", class: "relative" }, n("select", { key: "0ee8bccb24f7bd65e9347c0b79905154db39dca7", id: this.inputId || this.name, name: this.name, class: `input invalid:text-lightest pr-32 ${this.error ? "input-error" : ""}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": this.hasMessage || this.error ? `${this.name}-error` : "", disabled: this.disabled || this.loading, required: this.required, onChange: this.handleChange }, n("option", { key: "b1b53dcf8dd3155e8dba28327f05b4725a013435", value: "", disabled: !0, hidden: !0 }, this.loading ? "Loading options..." : `Please select ${this.name}`), this.dynamicOptions.map((e, i) => n("option", { key: i, value: e[this.dynamicValueKey] }, e[this.dynamicLabelKey]))), n("span", { key: "3f652e7ed7570b602565af3f0e3c5c91506e4089", class: `bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled || this.loading ? "text-lightest bg-transparent" : ""}` }, n("eds-icon-wrapper", { key: "2237727060af6286c346f749d2e8e3f7f86c7c70", class: "w-20 h-20", icon: "chevron-right" })));
+    return n("div", { key: "c1469a270fa5e775ac4d17f1c7e259d02477d7a2", class: "relative" }, n("select", { key: "3aab6ec60d386e51ce27c1cfc26059132d96957f", id: this.inputId || this.name, name: this.name, class: `input invalid:text-lightest pr-32 ${this.error ? "input-error" : ""}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": this.hasMessage || this.error ? `${this.name}-error` : "", disabled: this.disabled || this.loading, required: this.required, onChange: this.handleChange }, n("option", { key: "ee3aa20ed1b99bddd7bafa3aac43f3c06db07b8f", value: "", disabled: !0, hidden: !0 }, this.loading ? "Loading options..." : `Please select ${this.name}`), this.dynamicOptions.map((e, i) => n("option", { key: i, value: this.getValueByPath(e, this.dynamicValueKey) }, this.getValueByPath(e, this.dynamicLabelKey)))), n("span", { key: "7e70051ac49efd053f00521b51ad19e88cf5cdb7", class: `bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled || this.loading ? "text-lightest bg-transparent" : ""}` }, n("eds-icon-wrapper", { key: "2ef2d0d744216a1f931ac0bfe1058f54c9af4402", class: "w-20 h-20", icon: "chevron-right" })));
   }
   static get watchers() {
     return {

package/eds-login.entry-BRWK6otG.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),t=require("./keycloak-d502ec16-m7LwS-Gh.js"),a=require("./toastManager-d9eee791-DvR_vUPI.js"),r=class{constructor(i){e.registerInstance(this,i),this.authStatusChanged=e.createEvent(this,"authStatusChanged",7),this.handleLogin=async()=>{if(!this.authenticated)try{await t.login(),a.toast.show("You are authenticated","success")}catch(s){a.toast.show(s.message,"error")}},this.handleLogout=async()=>{try{await t.logout()}catch(s){a.toast.show(s.message,"error")}this.authenticated=!1,this.user=null},this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.authenticated=!1,this.user=null}async componentWillLoad(){if(!this.keycloakUrl||!this.keycloakRealm||!this.keycloakClientId){console.error("Keycloak configuration props are missing.");return}await this.initAuth()}async initAuth(){try{await t.initKeycloak({url:this.keycloakUrl,realm:this.keycloakRealm,clientId:this.keycloakClientId},!0),t.isAuthenticated()&&(this.user=t.getUser(),this.authenticated=!0,this.authStatusChanged.emit({authenticated:this.authenticated,user:this.user}))}catch(i){a.toast.show(i.message,"error")}}render(){return e.h("div",{key:"cd30a135920ae77959330a43a8544bb9c231986e",class:"block"},!this.authenticated&&e.h("eds-button",{key:"98fa63c46b063a67c215ff9160c6dfbfee2265f7",label:"Login",intent:"primary","extra-class":"text-default","aria-label":"Login",triggerClick:this.handleLogin.bind(this)}))}};exports.eds_login=r;

package/eds-login.entry-C0eOhlEq.mjs

@@ -0,0 +1,58 @@
+import { r as i, c as r, h as s } from "./index-C-Gy1Lax.mjs";
+import { l as n, a as h, i as o, b as c, g as l } from "./keycloak-d502ec16-Ce0iGqyk.mjs";
+import { t } from "./toastManager-d9eee791-CEYNwx25.mjs";
+const g = class {
+  constructor(e) {
+    i(this, e), this.authStatusChanged = r(this, "authStatusChanged", 7), this.handleLogin = async () => {
+      if (!this.authenticated)
+        try {
+          await n(), t.show("You are authenticated", "success");
+        } catch (a) {
+          t.show(a.message, "error");
+        }
+    }, this.handleLogout = async () => {
+      try {
+        await h();
+      } catch (a) {
+        t.show(a.message, "error");
+      }
+      this.authenticated = !1, this.user = null;
+    }, this.keycloakUrl = void 0, this.keycloakRealm = void 0, this.keycloakClientId = void 0, this.authenticated = !1, this.user = null;
+  }
+  /**
+   * Lifecycle method that runs when the component is about to load.
+   * It initializes authentication by calling the `initAuth` method.
+   */
+  async componentWillLoad() {
+    if (!this.keycloakUrl || !this.keycloakRealm || !this.keycloakClientId) {
+      console.error("Keycloak configuration props are missing.");
+      return;
+    }
+    await this.initAuth();
+  }
+  /**
+   * Initializes the Keycloak authentication by configuring Keycloak with the provided props.
+   * Sets the `authenticated` state and `user` data if the user is authenticated.
+   * Emits `authStatusChanged` event with the authentication status.
+   */
+  async initAuth() {
+    try {
+      await o({
+        url: this.keycloakUrl,
+        realm: this.keycloakRealm,
+        clientId: this.keycloakClientId
+      }, !0), c() && (this.user = l(), this.authenticated = !0, this.authStatusChanged.emit({
+        authenticated: this.authenticated,
+        user: this.user
+      }));
+    } catch (e) {
+      t.show(e.message, "error");
+    }
+  }
+  render() {
+    return s("div", { key: "cd30a135920ae77959330a43a8544bb9c231986e", class: "block" }, !this.authenticated && s("eds-button", { key: "98fa63c46b063a67c215ff9160c6dfbfee2265f7", label: "Login", intent: "primary", "extra-class": "text-default", "aria-label": "Login", triggerClick: this.handleLogin.bind(this) }));
+  }
+};
+export {
+  g as eds_login
+};

package/{eds-logo-variations.entry-U65PDVhE.js → eds-logo-variations.entry-BnB25dDH.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("logo-variations-horizontal",null);case 1:return e.h("logo-variations-vertical",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"9d6ce0e75030d6e636aab423181b0ce999f6f1b0",class:"container"},this.renderContent())}};exports.eds_logo_variations=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("logo-variations-horizontal",null);case 1:return e.h("logo-variations-vertical",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"0494cbb3e7b4902e91a0c78c691bc3405b9f11cc",class:"container"},this.renderContent())}};exports.eds_logo_variations=n;

package/eds-logo-variations.entry-Cw44vuQE.mjs

@@ -0,0 +1,22 @@
+import { r as e, h as t } from "./index-C-Gy1Lax.mjs";
+const a = class {
+  constructor(n) {
+    e(this, n), this.tabIndex = void 0;
+  }
+  renderContent() {
+    switch (this.tabIndex) {
+      case 0:
+        return t("logo-variations-horizontal", null);
+      case 1:
+        return t("logo-variations-vertical", null);
+      default:
+        return t("p", null, "Content not available.");
+    }
+  }
+  render() {
+    return t("div", { key: "0494cbb3e7b4902e91a0c78c691bc3405b9f11cc", class: "container" }, this.renderContent());
+  }
+};
+export {
+  a as eds_logo_variations
+};

package/eds-matomo-notice.entry-BpwE1vQ3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D_kZU_4I.js"),a=require("./toastManager-d9eee791-DvR_vUPI.js"),n=require("./analytics-1cde8e4a-B_MD-9qW.js"),i=".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.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))}.md\\:-translate-y-1\\/2{--tw-translate-y:-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))}}",l=i,o=class{constructor(e){t.registerInstance(this,e),this.title="Analytics Consent",this.description="We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.",this.showNotice=!0}componentWillLoad(){this.checkConsentCookie()}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(s=>{this.emitContext(s)})}emitContext(e){const s=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(s)}checkConsentCookie(){const e=document.cookie.split("; ").find(r=>r.startsWith("mtm_consent=")),s=sessionStorage.getItem("matomo-deferred");this.showNotice=!e&&!s}optInAnalytics(){n.matomoOptIn(),a.toast.show("You have opted in to analytics.","success"),this.hideNotice()}deferDecision(){sessionStorage.setItem("matomo-deferred","true"),a.toast.show("You can decide later.","warning"),this.hideNotice()}hideNotice(){this.showNotice=!1}render(){return this.showNotice?t.h("div",{class:"fixed bottom-0 p-8 z-10 grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"},t.h("eds-accordion",{title:this.title,description:this.description,switchBg:!0,expanded:!0},t.h("div",{class:"flex items-center gap-4"},t.h("eds-button",{intent:"primary",label:"Yes, I agree","aria-label":"Opt-in for analytics",onClick:()=>this.optInAnalytics()}),t.h("eds-button",{intent:"ghost",label:"Ask me later","aria-label":"Defer analytics decision",onClick:()=>this.deferDecision()})))):null}get el(){return t.getElement(this)}};o.style=l;exports.eds_matomo_notice=o;

package/{eds-matomo-notice.entry-y5SvHzsZ.mjs → eds-matomo-notice.entry-DsLbzeqQ.mjs}

@@ -1,6 +1,6 @@
-import { r, h as s, g as n } from "./index-Dg2DO7q4.mjs";
+import { r, h as s, g as n } from "./index-C-Gy1Lax.mjs";
 import { t as a } from "./toastManager-d9eee791-CEYNwx25.mjs";
-import { m as i } from "./color-0ba8ed56-D-UJpBQL.mjs";
+import { m as i } from "./analytics-1cde8e4a-BDRcCMlV.mjs";
 const l = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.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))}.md\\:-translate-y-1\\/2{--tw-translate-y:-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))}}", c = l, d = class {
   constructor(t) {
     r(this, t), this.title = "Analytics Consent", this.description = "We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.", this.showNotice = !0;

package/eds-modal.entry-B9gXEOjT.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D_kZU_4I.js"),a=require("./analytics-1cde8e4a-B_MD-9qW.js"),i=".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-20{top:1.25rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.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}",o=i,r=class{constructor(e){t.registerInstance(this,e),this.isOpen=!1,this.title="",this.truncate=!0,this.truncateLines="1",this.position="middle"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}getModalPositionClasses(){switch(this.position){case"top":return"left-1/2 top-20 -translate-x-1/2";case"bottom":return"left-1/2 bottom-20 -translate-x-1/2";case"left":return"left-20 top-1/2 -translate-y-1/2";case"right":return"right-20 top-1/2 -translate-y-1/2";case"middle":default:return"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"}}async open(){var e;this.isOpen=!0,a.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((e=this.title)===null||e===void 0?void 0:e.toLowerCase())||"",action:"opened"})}async close(){var e;this.isOpen=!1,a.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((e=this.title)===null||e===void 0?void 0:e.toLowerCase())||"",action:"closed"})}async toggle(){this.isOpen=!this.isOpen}handleKeyDown(e){this.isOpen&&e.key==="Escape"&&this.close()}render(){const e=`modal-title-${this.el.tagName.toLowerCase()}`;return t.h("div",{key:"cd976fb0cd0c0663279dcd4dbd5823e26b6c32f7",class:`${this.isOpen?"block":"hidden"} fixed inset-0 z-50 flex`,role:"dialog","aria-modal":"true","aria-labelledby":e},this.isOpen&&t.h("div",{key:"40a2febed5d0ec15d5370183c97cfd05abd72007",class:"fixed inset-0 bg-dark bg-opacity-90",onClick:()=>this.close()}),t.h("div",{key:"50f2c23d80a2007aca4d0a8911816141e43b71ee",class:`max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center`},t.h("div",{key:"e1cba5879bc488a99b896c48c8a780336b2195e7",class:"flex justify-between items-center border-b-2 border-softer pb-8"},t.h("span",{key:"8f018e3d2890346d23e7dcb115676051048bcacb",id:e,class:`f-heading-04 text-lighter ${this.getTruncateClass()}`},this.title),t.h("eds-button",{key:"4ae4013dd45573648817ac95ee4370ed615aa6a0",intent:"tertiary",icon:"close","aria-label":"Close modal",onClick:()=>this.close(),"extra-class":"ml-8"})),t.h("div",{key:"ac4e3d8f273d04ad02e0123c23b36b89bfc89db2",class:"pt-8"},t.h("slot",{key:"60917e9f750bfd7948e580acc817cffe6424608a"}))))}get el(){return t.getElement(this)}};r.style=o;exports.eds_modal=r;