@ebrains/components 0.9.1-beta → 0.9.3-beta

package/dist/components/p-b96fc468.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-cccacbd3.js";const o=class{constructor(a){e(this,a),this.isAuthenticated=!1}componentWillLoad(){const e=new Promise((e=>{document.addEventListener("initKeycloak",(a=>{e(a.detail)}),{once:!0})})),a=new Promise((e=>{document.addEventListener("authStatusChanged",(a=>{var o;this.isAuthenticated=null===(o=a.detail)||void 0===o?void 0:o.authenticated,e(a.detail)}),{once:!0})}));this.combinedInitPromise=Promise.all([e,a])}render(){return a("div",{key:"7b0b74c02f9fa25dc3d3e5a0fd10d8b4c3a59ffe"},a("eds-splash-screen",{key:"e1fabb47903b011c397af3a8da59130e8455280f",inverse:!0,initPromise:this.combinedInitPromise}),a("eds-login",{key:"30d8ca5116c5b8a18972df9c55bd4a947226d682","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),a("main",{key:"16ead78b24f561049fb12609b23bff028262d9d5"},a("h1",null,this.isAuthenticated?"Welcome, authenticated user!":"Please log in.")))}};export{o as eds_app_root}

package/dist/components/p-bab07ba6.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{m as r}from"./p-86bb73dc.js";const e=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"e615c57f7195878310f596124ede34304fcce5e1",class:this.class,innerHTML:r})}};export{e as eds_icon_minus}

package/dist/components/p-cd624044.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-cccacbd3.js";const c=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],s=[{background:"#3FA9F5"},{background:"#C461FF"},{background:"#5D3DF9"},{background:"#FFA543"},{background:"#FF4D68"}],d=class{constructor(a){e(this,a)}render(){return a("div",{key:"80253e3c155668ddc9ff17644feba21c6bbda657",class:"container"},a("eds-alert",{key:"6ebf1dbef8a8f24dd55b113225780d3763f240df",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"}),a("div",{key:"749dff3be5134a9f314b285c11610eea9a4f4600",class:"flex"},a("div",{key:"d46d147fb0b9fab7a7965015892de54f34d69e11",class:"w-full"},a("ul",{key:"acb6ad9453e4e1324255a021bf42e52af29eae4f",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),a("div",{key:"42dc313b4347957c970f072167173ab564a8d4c0",class:"w-full"},a("ul",{key:"89328173141957bedfe051dbba174eaa0ff903d2",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{d as incorrect_use_of_colors}

package/dist/components/p-cdc36ea8.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{c}from"./p-5d046674.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"418c8476ddb31b876a047a7e9de8841865ea5b81",class:this.class,innerHTML:c})}};export{e as eds_icon_chevron_right}

package/dist/components/p-d525ed36.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-cccacbd3.js";import{s as a}from"./p-13efafb9.js";import{p as s}from"./p-69c5074b.js";const n=class{constructor(e){t(this,e),this.currentPage=void 0,this.lastPage=void 0,this.perPage=10,this.total=0,this.url="",this.mode="default",this.prevLabel="Prev",this.nextLabel="Next",this.prevUrl="",this.nextUrl="",this.links=[]}componentWillLoad(){"default"===this.mode&&this.generateLinks()}componentDidLoad(){this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach((t=>{this.emitContext(t)}))}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}onPageOrLastPageChange(){"default"===this.mode&&this.generateLinks()}isFirstPage(){return 1===this.currentPage}isLastPage(){return this.currentPage===this.lastPage}generateLink(t){const e=this.url.includes("?");return{ariaLabel:`Page ${t}`,url:`${this.url}${e?"&":"?"}page=${t}`,label:t.toString(),current:this.currentPage===t,disabled:!1}}generateLinks(){this.lastPage&&this.lastPage>5?this.links=this.getPaginationGenerator(this.currentPage||1,this.lastPage).map((t=>"number"==typeof t?this.generateLink(t):t)):this.lastPage&&(this.links=Array.from({length:this.lastPage}).map(((t,e)=>this.generateLink(e+1))))}getPaginationGenerator(t,e){const i=[];if(e<=5)for(let t=1;t<=e;t++)i.push(t);else{i.push(1),t-1>2&&i.push("...");for(let a=Math.max(2,t-1);a<=Math.min(e-1,t+1);a++)i.push(a);t+1<e-1&&i.push("..."),i.push(e)}return i}pageResults(){return this.total>0?this.total>this.perPage?`${this.perPage*((this.currentPage||1)-1)+1} - ${this.perPage*(this.currentPage||1)>=this.total?this.total:this.perPage*(this.currentPage||1)} of ${this.total}`:`${this.total}`:""}handlePageClick(t,e){if("navigator"!==this.mode&&(t.preventDefault(),e!==this.currentPage)){this.links=this.links.map((t=>"object"==typeof t?Object.assign(Object.assign({},t),{current:parseInt(t.label)===e}):t));const t=new CustomEvent("page",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(t),this.currentPage=e}}render(){return e("div",{key:"b33415e05457ccc78ea3744a1baa9affbf38ca4a"},this.total>0&&"default"===this.mode&&e("p",{key:"e555e94a3fd13cf0d57108bd2cca3fb97cd0c688",class:"f-ui-03 text-lightest mb-28 w-full text-center"},e("span",{key:"c63f1d5aa6154a23d714c74dcd9a0a75b68df579",class:"sr-only"},"Results:"),this.pageResults()),"navigator"===this.mode||this.lastPage&&this.lastPage>1?e("nav",{"aria-label":"Pagination"},e("ul",{class:"flex items-center justify-center gap-x-8"},e("li",{class:"mr-auto"},e("eds-link",{label:this.prevLabel,url:"navigator"===this.mode?this.prevUrl||"#":this.isFirstPage()?"#":this.generateLink(this.currentPage-1).url,disabled:"navigator"===this.mode?!this.prevUrl:this.isFirstPage(),"aria-label":"Previous page",icon:"chevron-left","icon-pos":"left",size:"small","icon-small":"true",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pr-12",onClick:t=>{"default"===this.mode&&(this.isFirstPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)-1))}})),"default"===this.mode&&this.links.map(((t,i)=>e("li",{key:i,class:"f-ui-02 flex h-36 items-center justify-center"},"string"==typeof t?e("span",{class:"flex items-center justify-center"},t):e("eds-link",{url:t.url,"aria-label":t.ariaLabel,label:t.label,current:t.current,size:"small",class:"!p-8",intent:t.current?"secondary":"ghost",onClick:e=>this.handlePageClick(e,parseInt(t.label))})))),e("li",{class:"ml-auto"},e("eds-link",{label:this.nextLabel,url:"navigator"===this.mode?this.nextUrl||"#":this.isLastPage()?"#":this.generateLink(this.currentPage+1).url,disabled:"navigator"===this.mode?!this.nextUrl:this.isLastPage(),"aria-label":"Next page",size:"small","icon-small":"true",icon:"chevron-right",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors",onClick:t=>{"default"===this.mode&&(this.isLastPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)+1))}})))):null)}get hostEl(){return i(this)}static get watchers(){return{currentPage:["onPageOrLastPageChange"],lastPage:["onPageOrLastPageChange"]}}};n.style="ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{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:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}";const r=class{constructor(e){t(this,e),this.handleResize=()=>{this.updateContainerWidth()},this.data=null,this.endpoint=null,this.config={},this.rowsPerPage=10,this.paginationEnabled=!0,this.searchEnabled=!1,this.hostWidth=void 0,this.columnSize="default",this.tbData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery="",this.containerWidth=0}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.updateContainerWidth(),window.addEventListener("resize",this.handleResize),this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateContainerWidth(){this.containerWidth=this.hostWidth&&""!==this.hostWidth.trim()?Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.hostEl.parentElement.getBoundingClientRect().width:400}parseData(){try{this.tbData=s(this.data),this.totalRows=this.tbData.length,this.updateColumns(),this.currentPage=1}catch(t){console.error("Failed to parse data:",t),this.tbData=[]}}parseConfig(){try{this.parsedConfig="string"==typeof this.config?JSON.parse(this.config):this.config}catch(t){console.error("Failed to parse config:",t),this.parsedConfig={}}}async fetchData(){try{const t=await fetch(this.endpoint),e=await t.json();this.data=e}catch(t){console.error("Failed to fetch data:",t)}}setupPaginationListener(){if(!this.shouldEnablePagination())return;const t=this.hostEl.shadowRoot.querySelector("eds-pagination");t&&!t.hasAttribute("listener-attached")&&(t.addEventListener("page",(t=>this.handlePageChange(t.detail))),t.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tbData.filter((t=>Object.values(t).some((t=>t.toString().toLowerCase().includes(this.searchQuery.toLowerCase())))))}getPaginatedRows(){const t=this.getFilteredRows();this.totalRows=t.length;const e=(this.currentPage-1)*this.rowsPerPage;return t.slice(e,e+this.rowsPerPage)}handlePageChange(t){this.currentPage=t,a({category:"ui-component",parentContext:null,tag:`${this.hostEl.tagName.toLowerCase()}/eds-pagination`,name:`${t}`||"",action:"page"})}handleSearch(t){this.searchQuery=t.target.value,this.currentPage=1}renderCell(t,i){var a;const s=null===(a=this.parsedConfig[i])||void 0===a?void 0:a.format;return"uppercase"===s?null==t?void 0:t.toString().toUpperCase():"svg"===s?e("div",{innerHTML:t}):"bold"===s?e("strong",null,t):"code"===s?e("code",null,t):t}shouldEnablePagination(){return this.paginationEnabled&&this.totalRows>this.rowsPerPage}updateColumns(){this.columns=this.tbData.length>0?Object.keys(this.tbData[0]):[]}getVisibleColumnsCount(){return this.columns.filter((t=>{var e;return!(null===(e=this.parsedConfig[t])||void 0===e?void 0:e.hidden)})).length}divisionFactor(){let t=1;return"medium"===this.columnSize?t=2:"large"===this.columnSize&&(t=4),t}render(){const t=this.hostWidth&&""!==this.hostWidth.trim()?Number(this.hostWidth):this.containerWidth||400,i=this.getVisibleColumnsCount(),a=i>0?Math.floor(t/i*this.divisionFactor()):100,s=this.getPaginatedRows(),n=Math.ceil(this.totalRows/this.rowsPerPage);return e("div",{key:"43add2309d8e2c85c98676709cd87fc07e4de017"},this.searchEnabled&&e("div",{key:"1213d8aaa8a2402bd1705e03375d17f570877d5e"},e("eds-input-field",{key:1,name:"search","aria-label":"Search",type:"text",placeholder:"Search...",onInput:t=>this.handleSearch(t)})),e("div",{key:"a2ec6392ed99a527e4de46a9018bc1ea9b383ecb",class:"mt-20"},e("table",{key:"ef79ce872f0cb1439dd6a7987f24cac005ac23ea",class:"block overflow-x-auto mt-6 p-0"},e("thead",{key:"0853a09e45f748b4bc85e319cbb08efd97426617"},e("tr",{key:"64e114ae3661a027e9ab744ba45801d98f2faee9",class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map((t=>{var i;return!(null===(i=this.parsedConfig[t])||void 0===i?void 0:i.hidden)&&e("th",{class:"m-0 py-8 border border-softer f-ui-02 break-words",style:{minWidth:a-4+"px"}},t)})))),e("tbody",{key:"1afd468551bab11221bbfc70d0f19f4e105e7432"},s.map((t=>e("tr",{class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map((i=>{var s;return!(null===(s=this.parsedConfig[i])||void 0===s?void 0:s.hidden)&&e("td",{class:"text-center border border-softer m-0 py-8 f-ui-2 break-words",style:{minWidth:a-4+"px"}},this.renderCell(t[i],i))})))))))),this.shouldEnablePagination()&&e("div",{key:"c415ded700580eec2464a72a1659bd8be5bcacb3",class:"mt-20"},e("eds-pagination",{key:"81088574b7c7fd254e07761ceed6cd1d69c2f2ed",currentPage:this.currentPage,lastPage:n,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"]}}};r.style="table{text-indent:0;border-color:inherit;border-collapse:collapse;}.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}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.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)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}";export{n as eds_pagination,r as eds_table}

package/dist/components/p-dbcf1f0e.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{t as r}from"./p-373119b3.js";const t=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"cd91bfb2003e955cfb02b5efc28e13b54cc3b7e6",class:this.class,innerHTML:r})}};export{t as eds_icon_twitter}

package/dist/components/p-dcc08064.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{u as c}from"./p-46d0716d.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"15fa7c4b7d2dea5740d0926bb1ff6490b23667f8",class:this.class,innerHTML:c})}};export{t as eds_icon_user}

package/dist/components/p-eebf7ebf.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{s as r}from"./p-b822abb7.js";const e=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"e0e594e8a715e0cbaf87280f2b4c55b017dc07ba",class:this.class,innerHTML:r})}};export{e as eds_icon_success}

package/dist/components/p-efc73304.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{p as r}from"./p-cdf19579.js";const a=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"75a9d03500e01cc9d5f7b19a5afd2491ad2e6fee",class:this.class,innerHTML:r})}};export{a as eds_icon_plus}

package/dist/components/p-f13e9ab1.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{t as r}from"./p-c776b6f8.js";const t=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"d7f5361ec8f863891c79de15966d546bae782c0a",class:this.class,innerHTML:r})}};export{t as eds_icon_thumbs_up}

package/dist/components/p-f4ce515a.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as a}from"./p-cccacbd3.js";import{s as r}from"./p-13efafb9.js";const i=class{constructor(e){t(this,e),this.isOpen=!1,this.heading="",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"md:left-1/2 top-20 md:-translate-x-1/2";case"bottom":return"md:left-1/2 bottom-20 md:-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";default:return"md:left-1/2 top-1/2 md:-translate-x-1/2 -translate-y-1/2"}}async open(){var t;this.isOpen=!0,r({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(t=this.heading)||void 0===t?void 0:t.toLowerCase())||"",action:"opened"})}async close(){var t;this.isOpen=!1,r({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(t=this.heading)||void 0===t?void 0:t.toLowerCase())||"",action:"closed"})}async toggle(){this.isOpen=!this.isOpen}handleGlobalOpen(){this.open()}handleGlobalClose(){this.close()}handleKeyDown(t){this.isOpen&&"Escape"===t.key&&this.close()}render(){const t=`modal-title-${this.el.tagName.toLowerCase()}`;return e("div",{key:"3965b74182a1015d34ebc0d5692ab89de44774e6",id:"eds-modal",class:(this.isOpen?"block":"hidden")+" fixed inset-0 z-9999999 flex",role:"dialog","aria-modal":"true","aria-labelledby":t},this.isOpen&&e("div",{key:"c0df46234deb0945ba266e8f36a0b3944bd6d7bd",class:"fixed inset-0 bg-dark bg-opacity-90",onClick:()=>this.close()}),e("div",{key:"7fd65a4651ca67101b3a3e08ffd439070ccb8a96",class:`container max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center`},e("div",{key:"80102734c692934c486fd2e2d707286dd5660c69",class:"flex justify-between items-center border-b-2 border-softer pb-8"},e("span",{key:"b98138881f6eb4ee1fad3614eda4c91e5349b563",id:t,class:`f-heading-04 text-lighter ${this.getTruncateClass()}`},this.heading),e("eds-button",{key:"82f08e8ec6cbcb291c5d984ae97622d364bff5d0",intent:"tertiary",icon:"close","aria-label":"Close modal",onClick:()=>this.close(),"extra-class":"ml-8"})),e("div",{key:"2ea2fc21a8b734c40b1de4a20025a50f7369d375",class:"pt-8"},e("slot",{key:"ca0fa40b4076af9eea37c6b088d26751173e815c"}))))}get el(){return a(this)}};i.style=".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}.z-50{z-index:50}.z-9999999{z-index:9999999}.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}@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))}.md\\:gap-y-12{row-gap:0.75rem}}";export{i as eds_modal}

package/dist/esm/eds-modal.entry.js

@@ -1,105 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-8a71b9a7.js';
-import { s as sendAnalytics } from './analytics-44b1416b.js';
-
-const edsModalCss = ".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}.z-50{z-index:50}.z-9999999{z-index:9999999}.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}@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))}.md\\:gap-y-12{row-gap:0.75rem}}";
-const EdsModalStyle0 = edsModalCss;
-
-const EdsModal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isOpen = false;
-        this.heading = '';
-        this.truncate = true;
-        this.truncateLines = '1';
-        this.position = 'middle';
-    }
-    getTruncateClass() {
-        return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
-    }
-    /**
-     * Returns the Tailwind CSS classes to position the modal based on the `position` prop.
-     *
-     * @private
-     * @returns {string} The concatenated CSS classes for modal positioning.
-     */
-    getModalPositionClasses() {
-        switch (this.position) {
-            case 'top':
-                return 'md:left-1/2 top-20 md:-translate-x-1/2';
-            case 'bottom':
-                return 'md:left-1/2 bottom-20 md:-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 'md:left-1/2 top-1/2 md:-translate-x-1/2 -translate-y-1/2';
-        }
-    }
-    /**
-     * Opens the modal.
-     */
-    async open() {
-        var _a;
-        this.isOpen = true;
-        sendAnalytics({
-            category: 'ui-component',
-            parentContext: null,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'opened'
-        });
-    }
-    /**
-     * Closes the modal.
-     */
-    async close() {
-        var _a;
-        this.isOpen = false;
-        sendAnalytics({
-            category: 'ui-component',
-            parentContext: null,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'closed'
-        });
-    }
-    /**
-     * Toggles the modal open or closed.
-     */
-    async toggle() {
-        this.isOpen = !this.isOpen;
-    }
-    /**
-     * Listens for global custom events to open the modal.
-     */
-    handleGlobalOpen() {
-        this.open();
-    }
-    /**
-     * Listens for global custom events to close the modal.
-     */
-    handleGlobalClose() {
-        this.close();
-    }
-    /**
-     * Closes the modal when the Escape key is pressed.
-     */
-    handleKeyDown(event) {
-        if (this.isOpen && event.key === 'Escape') {
-            this.close();
-        }
-    }
-    render() {
-        // Generate a unique id for the title so we can reference it for aria-labelledby.
-        const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
-        return (h("div", { key: '3965b74182a1015d34ebc0d5692ab89de44774e6', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (h("div", { key: 'c0df46234deb0945ba266e8f36a0b3944bd6d7bd', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
-            ,
-            onClick: () => this.close() })), h("div", { key: '7fd65a4651ca67101b3a3e08ffd439070ccb8a96', class: `container max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center` }, h("div", { key: '80102734c692934c486fd2e2d707286dd5660c69', class: "flex justify-between items-center border-b-2 border-softer pb-8" }, h("span", { key: 'b98138881f6eb4ee1fad3614eda4c91e5349b563', id: titleId, class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.heading), h("eds-button", { key: '82f08e8ec6cbcb291c5d984ae97622d364bff5d0', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), h("div", { key: '2ea2fc21a8b734c40b1de4a20025a50f7369d375', class: "pt-8" }, h("slot", { key: 'ca0fa40b4076af9eea37c6b088d26751173e815c' })))));
-    }
-    get el() { return getElement(this); }
-};
-EdsModal.style = EdsModalStyle0;
-
-export { EdsModal as eds_modal };

package/dist/types/shared-ui/eds-login/eds-login.stories.d.ts

@@ -1,33 +0,0 @@
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        keycloakUrl: {
-            control: string;
-            description: string;
-        };
-        keycloakRealm: {
-            control: string;
-            description: string;
-        };
-        keycloakClientId: {
-            control: string;
-            description: string;
-        };
-    };
-    args: {
-        keycloakUrl: string;
-        keycloakRealm: string;
-        keycloakClientId: string;
-    };
-    parameters: {};
-};
-export default _default;
-export declare const Default: {
-    render: (args: any) => string;
-    args: {
-        keycloakUrl: string;
-        keycloakRealm: string;
-        keycloakClientId: string;
-    };
-};