@ebrains/components 0.4.0-alpha.0 → 0.5.0-alpha.0

package/dist/components/p-8c56e39a.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-7a8b9de5.js";import{c as e}from"./p-8983de37.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"365ad476b1be9c708e73598cad1dd42a908fa1cd",class:this.class,innerHTML:e})}};export{a as eds_icon_close}

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

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

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

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-7a8b9de5.js";import{y as e}from"./p-ecbb679f.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"ecd12a21c5797f93f7d8abe67803b27862967b2f",class:this.class,innerHTML:e})}};export{t as eds_icon_youtube}

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

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-7a8b9de5.js";import{s as a}from"./p-b86a4985.js";import"./p-112122d6.js";const s=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("pageChange",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(t),this.currentPage=e}}render(){return e("div",{key:"584e0918b070eac25a7c4bfceff59b000b60076c"},this.total>0&&"default"===this.mode&&e("p",{key:"c688bd8e1f1d15904fc274454093f03213f59e38",class:"f-ui-03 text-lightest mb-28 w-full text-center"},e("span",{key:"c2472919bad41f76e26d518da27509e545ed9db6",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"]}}};s.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 n=class{constructor(e){t(this,e),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.tableData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery=""}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}parseData(){try{this.tableData="string"==typeof this.data?JSON.parse(this.data):this.data||[],this.totalRows=this.tableData.length,this.updateColumns(),this.currentPage=1}catch(t){console.error("Failed to parse data:",t),this.tableData=[]}}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("pageChange",(t=>this.handlePageChange(t.detail))),t.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tableData.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.tableData.length>0?Object.keys(this.tableData[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.getPaginatedRows(),i=Math.ceil(this.totalRows/this.rowsPerPage),a=this.getVisibleColumnsCount(),s=this.hostWidth&&""!==this.hostWidth.trim()?Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.hostEl.parentElement.getBoundingClientRect().width:this.hostEl.getRootNode().host instanceof HTMLElement?this.hostEl.getRootNode().host.getBoundingClientRect().width:400,n=a>0?Math.floor(s/a*this.divisionFactor()):100;return e("div",{key:"69fd87330d2049eeb91751c781c7aa753fa89883"},this.searchEnabled&&e("div",{key:"2f9680dd17b852b140fe560f7979e1dd58236c5a"},e("eds-input-field",{key:1,name:"search","aria-label":"Search",type:"text",placeholder:"Search...",onInput:t=>this.handleSearch(t)})),e("div",{key:"d67edb24308e526a3e860a90250d58cf8bfee9c8",class:"mt-20"},e("table",{key:"9a2ef219110e459ac670a0f9c2e62c600f6b5acd",class:"block overflow-x-auto mt-6 p-0"},e("thead",{key:"81bae222447e805d06642dda19903d5bf99f2b01"},e("tr",{key:"582d7ea661823b81ccdf3adc9769fe53cf56f04c",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:`${n}px`}},t)})))),e("tbody",{key:"ce7f87e665c394c5e9f2201ef2658e888ea07948"},t.map((t=>e("tr",{class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map((i=>{var a;return!(null===(a=this.parsedConfig[i])||void 0===a?void 0:a.hidden)&&e("td",{class:"text-center border border-softer m-0 py-8 f-ui-2 break-words",style:{minWidth:`${n}px`}},this.renderCell(t[i],i))})))))))),this.shouldEnablePagination()&&e("div",{key:"0fe6aed0d03c3aa491cd1bb17cd3bdc1e35372a0",class:"mt-20"},e("eds-pagination",{key:"5192f3f4b2ee93d5864d1afed3341a122c826d97",currentPage:this.currentPage,lastPage:i,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"]}}};n.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{s as eds_pagination,n as eds_table}

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

@@ -1 +0,0 @@
-import{h as e,r as n}from"./p-7a8b9de5.js";const t=()=>e("div",{class:"static-content container"},e("h2",null,"Load the module"),e("p",null,"Integrating EDSs components to a project without a JavaScript framework is straight forward. If you’re working on a simple HTML page, you can start using the components immediately by adding the tags below to the"," ",e("code",null,"head"),"."),e("eds-code-block",{code:"<script type='module'>\n  import { defineCustomElements } from 'https://unpkg.com/@ebrains/components@latest/loader/index.js'; \n  // Define custom elements\n  defineCustomElements(window);\n<\/script>",language:"javascript","copy-label":"Copy Code"}),e("h2",null,"Load the styles"),e("p",null,"To directly use the produced css framework with a few predefined custom utility classes, add the tag below to the"," ",e("code",null,"head")),e("eds-code-block",{code:'<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@latest/styles/output.css"/>',language:"css","copy-label":"Copy Code"}),e("div",{class:"my-4"},e("eds-alert",{message:"Note that, loading the predefined CSS framework above, automatically loads the fonts so you can skip loading them separately.",intent:"warning"})),e("h2",null,"Load the fonts"),e("p",null,"To load the webfonts, add the tag below to the ",e("code",null,"head")),e("eds-code-block",{code:'<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@0.0.1/styles/base/fonts.css"/>',language:"css","copy-label":"Copy Code"}),e("h2",null,"Component Usage"),e("p",null,"Once included, components can be used in your markup like any other regular HTML elements:"),e("eds-code-block",{code:'<eds-button \n  label="my bytton" \n  intent="primary">\n</eds-button>',language:"html","copy-label":"Copy Code"})),a=()=>e("div",null,e("p",null,"Before proceeding, ensure that Node.js is installed on your machine—you can download the latest version from the official website. If your project doesn’t already use npm and you plan to integrate EBRAINS Components, you'll need to create a package.json file by running npm init and following the on-screen instructions."),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/components",language:"html","copy-label":"Copy Code"})),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/assets",language:"html","copy-label":"Copy Code"})),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/react",language:"html","copy-label":"Copy Code"}))),s=()=>e("div",null,e("h2",null,"React Wrappers"),e("p",null,"Learn how to use our components in a React Application.Simple install the package below and check out the examples"),e("div",{class:"my-8"},e("eds-code-block",{code:"npm install @ebrains/react",language:"javascript","copy-label":"Copy Code"})),e("eds-section-core",{"section-title":"Example React App","heading-level":"h3"},e("eds-code-block",{code:'\nimport { EdsHeader } from "@ebrains/react";\n\ninterface User {\n  firstname: string;\n  lastname: string;\n}\n\ninterface AuthStatus {\n  authenticated: boolean;\n  user: User | null;\n}\n\nimport { useEffect, useState } from "react";\n\nexport function App() {\n\n  const [authStatus, setAuthStatus] = useState<AuthStatus>({\n    authenticated: false,\n    user: null,\n  });\n  \n  const [activeTabIndex, setActiveTabIndex] = useState<number>(0);\n\n  // Use useEffect to render Stencil components dynamically after the component mounts\n  useEffect(() => {\n    \n    const handleAuthStatusChange = (event: CustomEvent) => {\n      console.log(event.detail);\n      setAuthStatus(event.detail); // Set the entire object\n    };\n\n    const handleTabChange = (\n      event: CustomEvent<{ index: number; name: string }>,\n    ) => {\n      console.log(event.detail);\n      setActiveTabIndex(event.detail.index);\n    };\n\n    document.addEventListener(\n      "authStatusChanged",\n      handleAuthStatusChange as EventListener,\n    );\n    document.addEventListener("tabChange", handleTabChange as EventListener);\n\n    return () => {\n      document.removeEventListener(\n        "authStatusChanged",\n        handleAuthStatusChange as EventListener,\n      );\n      document.removeEventListener(\n        "tabChange",\n        handleTabChange as EventListener,\n      );\n    };\n  }, []); // Empty dependency array ensures this runs only once after mounting\n\n  return (\n    <div id="main">\n      <EdsHeader\n        home-url="/"\n        user-feature={false}\n        keycloak-url="http://localhost:8080"\n        keycloak-realm="nigeor-realm"\n        keycloak-client-id="stencil-app"\n        links="[\n            { "label": "About", "url": "/about" },\n            { "label": "Focus Areas", "url": "/focus-areas" },\n            { "label": "News & Events", "url": "/news-and-events" },\n            { "label": "Contact", "url": "/contact" }\n          ]"\n      ></EdsHeader>\n\n      <div> \n        User is{" "} {authStatus.authenticated ? "authenticated" : "not authenticated"}\n      </div>\n      {authStatus.user && <div>Welcome, {authStatus.user.firstname}</div>}\n      </div>\n    </div>\n  );\n}\n\nexport default App;\n',language:"javascript","copy-label":"Copy Code"}))),o=()=>e("div",null,e("h2",null,"Vue Wrappers"),e("p",null,"Learn how to use our components in a Vue Application."),e("p",null,"Simply install the latest version of our NPM package."),e("eds-code-block",{code:"npm install @ebrains/vue",language:"javascript","copy-label":"Copy Code"}),e("p",null,'Our NPM package already includes the custom elements definitions. However, you can use the components as they are by simply importing and executing the initialization command in your "main.ts" file.'),e("eds-code-block",{code:"import { defineCustomElements } from '@ebrains/components/loader';\ndefineCustomElements();",language:"javascript","copy-label":"Copy Code"}),e("h2",null,"Passing Properties to Custom Elements Using the ",e("b",null,".prop")," Modifier in Vue Wrappers"),e("p",null,"When using Vue wrappers for Stencil components (or any custom elements), you might encounter issues with property names being altered due to HTML’s attribute handling. By default, Vue binds values as HTML attributes, and HTML attributes are case-insensitive. This means that camelCase property names can be transformed into lowercase strings, which can prevent your component from receiving the correct data."),e("h3",null,"How to Use the ",e("b",null,".prop")," Modifier"),e("p",null,"When using Vue wrappers, you can pass properties with the .prop modifier by adding it to your binding expression. Here’s an example of how to do it:"),e("div",{class:"mt-8"},e("eds-alert",{message:"This may lead to issues because Vue binds these as attributes .",intent:"error"})),e("eds-code-block",{code:'<EdsAlert\n  message="This is a default informational alert."\n  intent="default"\n  :pressableLabel="Press Me"\n  :pressableUrl="https://ebrains.eu"\n></EdsAlert>',language:"javascript","copy-label":"Copy Code"}),e("div",{class:"mt-8"},e("eds-alert",{message:"Use the .prop modifier to ensure properties are passed correctly.",intent:"success"})),e("eds-code-block",{code:'<EdsAlert\n  message="This is a default informational alert."\n  intent="default"\n  :pressableLabel.prop="Press Me"\n  :pressableUrl.prop="https://ebrains.eu"\n></EdsAlert>',language:"javascript","copy-label":"Copy Code"}),e("p",null,"Using the ",e("b",null,".prop")," modifier in Vue ensures that the data you pass to your custom elements is received as intended. It prevents Vue (and the browser) from transforming camelCase property names into lowercase attributes, thereby maintaining the correct data mapping in your Stencil components."),e("eds-section-core",{"section-title":"Example Vue App","heading-level":"h3"},e("eds-code-block",{code:'\n<template>\n  <EdsHeader \n    :inverseHeader.prop="true"\n    :menuEnabled.prop="true">\n  </EdsHeader>\n</template>\n\n<script>\n\nimport { EdsHeader } from "@ebrains/vue";\n\nexport default {\n  name: "App",\n  components: {\n    EdsHeader,\n  }\n};\n<\/script>\n',language:"javascript","copy-label":"Copy Code"}))),l=()=>e("div",null,e("h2",null,"Angular Wrappers"),e("p",null,"Learn how to use our components in a Angular Application."),e("eds-code-block",{code:"npm install @ebrains/angular",language:"javascript","copy-label":"Copy Code"}),e("p",null,"Define the custom elements"),e("eds-code-block",{code:"import { defineCustomElements } from '@ebrains/components/loader';\ndefineCustomElements();",language:"javascript","copy-label":"Copy Code"}),e("p",null,"Angular Custom Elements Schema"),e("eds-code-block",{code:'import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";',language:"javascript","copy-label":"Copy Code"}),e("eds-section-core",{"section-title":"Example Angular App","heading-level":"h3"},e("eds-code-block",{code:'\n<div class="container">\n  <eds-breadcrumb\n    intent="tertiary"\n    items="[\n      { "label": "Home", "url": "#" },\n      { "label": "Products", "url": "#" },\n    ]">\n  </eds-breadcrumb>\n  <eds-footer></eds-footer>\n</div>',language:"javascript","copy-label":"Copy Code"}))),r=class{constructor(e){n(this,e),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e(t,null);case 1:return e(a,null);case 2:return e(s,null);case 3:return e(o,null);case 4:return e(l,null);default:return e("p",null,"Content not available.")}}render(){return e("div",{key:"ce34514ab73daa5baa011bda56a13d6197f8bfd0",class:"container"},this.renderContent())}};export{r as eds_components_section}

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

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-7a8b9de5.js";const c=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],s=[{background:"#3FA9F5"},{background:"#C461FF"},{background:"#5D3DF9"},{background:"#FFA543"},{background:"#FF4D68"}],l=class{constructor(a){e(this,a)}render(){return a("div",{key:"2e660e9a788e46e68d6695ae8aa475bbb1ca395e",class:"container"},a("eds-alert",{key:"1dc4552a33d88055a3a0c33eeb18c53a8379039a",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"}),a("div",{key:"fd6bf7f0205422b1bd3ceb3f8374d5a9a73aaca0",class:"flex"},a("div",{key:"dae745447f5e9792136f059b1dcfc868e473dfd5",class:"w-full"},a("ul",{key:"daeec7514f4027ec3f688f05fb4f1e027b846a81",class:"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:"1ca202afa9384e78e3ed9c0674e06c51184d3a5a",class:"w-full"},a("ul",{key:"7bdef2e7d64f3c5553193d127bac69ee89a93686",class:"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{l as incorrect_use_of_colors}

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

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-7a8b9de5.js";const r=class{constructor(e){t(this,e),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e("logo-variations-horizontal",null);case 1:return e("logo-variations-vertical",null);default:return e("p",null,"Content not available.")}}render(){return e("div",{key:"9d6ce0e75030d6e636aab423181b0ce999f6f1b0",class:"container"},this.renderContent())}};export{r as eds_logo_variations}

package/dist/components/p-b86a4985.js

@@ -1 +0,0 @@
-import{c as e}from"./p-112122d6.js";function o(){return"undefined"!=typeof window&&void 0!==window._paq}function t(e){var t;if(!o())return void console.warn("Matomo is not available or not initialized.");const a=[];(null===(t=e.parentContext)||void 0===t?void 0:t.componentName)&&a.push(e.parentContext.componentName),a.push(e.tag||"unknown-tag"),a.push(e.name||"unknown-name");const r=a.join("/");!function(e,...t){o()?window._paq.push([e,...t]):console.warn("Matomo is not available or not initialized.")}("trackEvent",e.category,e.action,r),console.log(Object.assign({},e))}function a(){o()&&(window._paq.push(["rememberConsentGiven"]),console.log("User has opted in to tracking"))}JSON.stringify([{label:"About",url:"/about"},{label:"Focus Areas",url:"/focus-areas"},{label:"News & Events",url:"/news-and-events"},{label:"Contact",url:"/contact"}]),JSON.stringify([{label:"Home",url:"#",active:!0,ariaLabel:"Home Tab"},{label:"Profile",url:"#",active:!1,ariaLabel:"Profile Tab"},{label:"Settings",url:"#",active:!1,ariaLabel:"Settings Tab"}]),JSON.stringify([{title:"Card 1",description:"Description 1",tags:"tag1, tag2",url:"/link1"},{title:"Card 2",description:"Description 2",tags:"tag3",url:"/link2"}]),JSON.stringify([{label:"Home",url:"/"},{label:"Products",url:"/products"},{label:"Electronics",url:"/products/electronics"},{label:"Laptops",url:"/products/electronics/laptops"}]),JSON.stringify([{name:"username",label:"Username",type:"text",required:!0,maxlength:10},{name:"email",label:"Email",type:"email",required:!0},{name:"number",label:"Number",type:"number",required:!0},{name:"password",label:"Password",type:"password",required:!0,maxlength:50},{name:"date",label:"Date",type:"date",required:!0},{name:"file",label:"File",type:"file",required:!1},{name:"hiddenField",type:"hidden",value:"hiddenValue"},{name:"bio",label:"Biography",type:"textarea",required:!0,maxlength:300},{name:"role",label:"Role",type:"select",required:!0,options:[{label:"Admin",value:"admin"},{label:"Editor",value:"editor"},{label:"Viewer",value:"viewer"}]},{name:"preferences",type:"checkbox",label:"Select your preferences",options:[{value:"option1",label:"Option 1"},{value:"option2",label:"Option 2"},{value:"option3",label:"Option 3"}],required:!0},{name:"gender",type:"radio",label:"Select your gender",options:[{value:"female",label:"Female"},{value:"male",label:"Male"}],required:!0},{name:"newsletter",label:"newsletter",type:"checkbox",value:"subscribe",required:!0},{name:"range",label:"Range bar",type:"range",min:"0",max:"10",step:"1",required:!0}]),JSON.stringify([{type:"image/webp",srcset:"https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 1080w"},{type:"image/jpeg",srcset:"https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1080w"}]),JSON.stringify([{Property:"username",Type:"string",Required:"Yes"},{Property:"password",Type:"string",Required:"Yes"},{Property:"email",Type:"string",Required:"No"}]),JSON.stringify({Type:{format:"uppercase"},Property:{format:"code"},Required:{hidden:!0}});const r=e([],{variants:{color:["green","yellow","among-blue","purple"].reduce(((e,o)=>Object.assign(Object.assign({},e),{[o]:""})),{}),direction:{top:"",bottom:""},pseudo:{true:"before:effect-opacity effect-bg-behind",false:""},hover:{true:"before:opacity-0 hover:before:opacity-100",false:""}},compoundVariants:[{color:"green",direction:"top",pseudo:!0,className:"before:bg-gradient-01-top"},{color:"green",pseudo:!0,direction:"bottom",className:"before:bg-gradient-01-bottom"},{color:"green",direction:"top",pseudo:!1,className:"bg-gradient-01-top"},{color:"green",pseudo:!1,direction:"bottom",className:"bg-gradient-01-bottom"},{color:"yellow",direction:"top",pseudo:!0,className:"before:bg-gradient-02-top"},{color:"yellow",direction:"bottom",pseudo:!0,className:"before:bg-gradient-02-bottom"},{color:"yellow",direction:"top",pseudo:!1,className:"bg-gradient-02-top"},{color:"yellow",direction:"bottom",pseudo:!1,className:"bg-gradient-02-bottom"},{color:"purple",direction:"top",pseudo:!0,class:"before:bg-gradient-03-top"},{color:"purple",direction:"bottom",pseudo:!0,class:"before:bg-gradient-03-bottom"},{color:"purple",direction:"top",pseudo:!1,class:"bg-gradient-03-top"},{color:"purple",direction:"bottom",pseudo:!1,class:"bg-gradient-03-bottom"},{color:"among-blue",direction:"top",pseudo:!0,class:"before:bg-gradient-04-top"},{color:"among-blue",direction:"bottom",pseudo:!0,class:"before:bg-gradient-04-bottom"},{color:"among-blue",direction:"top",pseudo:!1,class:"bg-gradient-04-top"},{color:"among-blue",direction:"bottom",pseudo:!1,class:"bg-gradient-04-bottom"}],defaultVariants:{direction:"top",pseudo:!0}});export{r as g,a as m,t as s}

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

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

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

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-7a8b9de5.js";import{g as r}from"./p-50e27321.js";const e=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"5a91cfc15c4dec2b50ce57fb0f1d6cc8f57b03e8",class:this.class,innerHTML:r})}};export{e as eds_icon_gitlab}

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

@@ -1 +0,0 @@
-import{r as e,h as s}from"./p-7a8b9de5.js";import{e as r}from"./p-0e6d43c5.js";const t=class{constructor(s){e(this,s),this.class=""}render(){return s("span",{key:"cc6e5f7d7333ff7ed4a6f716e0ee90806fa782f9",class:this.class,innerHTML:r})}};export{t as eds_icon_eu}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-7a8b9de5.js";const r=class{constructor(i){t(this,i),this.ratingChange=e(this,"ratingChange",7),this.stars=5,this.label="Rate your experience",this.textMapping=["Very Poor","Poor","Average","Good","Excellent"],this.selectedRating=0}get parsedMappings(){if("object"==typeof this.textMapping)return this.textMapping;if("string"==typeof this.textMapping)try{return JSON.parse(this.textMapping)}catch(t){return console.error("Error parsing textMapping prop:",t),[]}return[]}handleClick(t){this.selectedRating=t,this.ratingChange.emit(t)}render(){return i("div",{key:"c9147c2635f091d93f329d2b56a5fee8dce9126c",class:"relative w-full flex flex-col"},i("span",{key:"39a84bc3d9bcd4b729a35737c883eca7144d13ac",class:"f-body-01"},this.label),i("div",{key:"3cb84acf399cac0b23393c71df2f2b36aab4f43e",class:"stars"},Array.from({length:this.stars},((t,e)=>i("span",{class:{star:!0,filled:e<this.selectedRating},onClick:()=>this.handleClick(e+1)},"★")))),this.selectedRating>0&&this.parsedMappings[this.selectedRating-1]&&i("span",{key:"60605ec21b542825da0dad629fc1618d9cf63b25",class:"f-ui-04 text-lighter"},this.parsedMappings[this.selectedRating-1]))}};r.style=":host{display:inline-block;font-size:2rem}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}";export{r as eds_rating}

package/dist/components/p-c9c417de.js

@@ -1 +0,0 @@
-function n(o){if(!(this instanceof n))throw new Error("The 'Keycloak' constructor must be invoked with 'new'.");if("string"!=typeof o&&!t(o))throw new Error("The 'Keycloak' constructor must be provided with a configuration object, or a URL to a JSON configuration file.");if(t(o)){const n="oidcProvider"in o?["clientId"]:["url","realm","clientId"];for(const e of n)if(!o[e])throw new Error(`The configuration object is missing the required '${e}' property.`)}var r,i,a=this,c=[],u={enable:!0,callbackList:[],interval:5};a.didInitialize=!1;var s=!0,l=O(console.info),f=O(console.warn);function d(){return void 0!==a.authServerUrl?"/"==a.authServerUrl.charAt(a.authServerUrl.length-1)?a.authServerUrl+"realms/"+encodeURIComponent(a.realm):a.authServerUrl+"/realms/"+encodeURIComponent(a.realm):void 0}function p(n,e){var t=n.code,o=n.error,r=n.prompt,i=(new Date).getTime();if(n.kc_action_status&&a.onActionUpdate&&a.onActionUpdate(n.kc_action_status,n.kc_action),o)if("none"!=r)if(n.error_description&&"authentication_expired"===n.error_description)a.login(n.loginOptions);else{var c={error:o,error_description:n.error_description};a.onAuthError&&a.onAuthError(c),e&&e.setError(c)}else e&&e.setSuccess();else if("standard"!=a.flow&&(n.access_token||n.id_token)&&p(n.access_token,null,n.id_token,!0),"implicit"!=a.flow&&t){var u="code="+t+"&grant_type=authorization_code",f=a.endpoints.token(),d=new XMLHttpRequest;d.open("POST",f,!0),d.setRequestHeader("Content-type","application/x-www-form-urlencoded"),u+="&client_id="+encodeURIComponent(a.clientId),u+="&redirect_uri="+n.redirectUri,n.pkceCodeVerifier&&(u+="&code_verifier="+n.pkceCodeVerifier),d.withCredentials=!0,d.onreadystatechange=function(){if(4==d.readyState)if(200==d.status){var n=JSON.parse(d.responseText);p(n.access_token,n.refresh_token,n.id_token,"standard"===a.flow),b()}else a.onAuthError&&a.onAuthError(),e&&e.setError()},d.send(u)}function p(t,o,r,c){v(t,o,r,i=(i+(new Date).getTime())/2),s&&a.idTokenParsed&&a.idTokenParsed.nonce!=n.storedNonce?(l("[KEYCLOAK] Invalid nonce, clearing token"),a.clearToken(),e&&e.setError()):c&&(a.onAuthSuccess&&a.onAuthSuccess(),e&&e.setSuccess())}}function w(n){return 0==n.status&&n.responseText&&n.responseURL.startsWith("file:")}function v(n,t,o,r){if(a.tokenTimeoutHandle&&(clearTimeout(a.tokenTimeoutHandle),a.tokenTimeoutHandle=null),t?(a.refreshToken=t,a.refreshTokenParsed=e(t)):(delete a.refreshToken,delete a.refreshTokenParsed),o?(a.idToken=o,a.idTokenParsed=e(o)):(delete a.idToken,delete a.idTokenParsed),n){if(a.token=n,a.tokenParsed=e(n),a.sessionId=a.tokenParsed.sid,a.authenticated=!0,a.subject=a.tokenParsed.sub,a.realmAccess=a.tokenParsed.realm_access,a.resourceAccess=a.tokenParsed.resource_access,r&&(a.timeSkew=Math.floor(r/1e3)-a.tokenParsed.iat),null!=a.timeSkew&&(l("[KEYCLOAK] Estimated time difference between browser and server is "+a.timeSkew+" seconds"),a.onTokenExpired)){var i=1e3*(a.tokenParsed.exp-(new Date).getTime()/1e3+a.timeSkew);l("[KEYCLOAK] Token expires in "+Math.round(i/1e3)+" s"),i<=0?a.onTokenExpired():a.tokenTimeoutHandle=setTimeout(a.onTokenExpired,i)}}else delete a.token,delete a.tokenParsed,delete a.subject,delete a.realmAccess,delete a.resourceAccess,a.authenticated=!1}function h(){if("undefined"==typeof crypto||void 0===crypto.randomUUID)throw new Error("Web Crypto API is not available.");return crypto.randomUUID()}function k(n){var e=function(n){var e;switch(a.flow){case"standard":e=["code","state","session_state","kc_action_status","kc_action","iss"];break;case"implicit":e=["access_token","token_type","id_token","state","session_state","expires_in","kc_action_status","kc_action","iss"];break;case"hybrid":e=["access_token","token_type","id_token","code","state","session_state","expires_in","kc_action_status","kc_action","iss"]}e.push("error"),e.push("error_description"),e.push("error_uri");var t,o,r=n.indexOf("?"),i=n.indexOf("#");if("query"===a.responseMode&&-1!==r?(t=n.substring(0,r),""!==(o=m(n.substring(r+1,-1!==i?i:n.length),e)).paramsString&&(t+="?"+o.paramsString),-1!==i&&(t+=n.substring(i))):"fragment"===a.responseMode&&-1!==i&&(t=n.substring(0,i),""!==(o=m(n.substring(i+1),e)).paramsString&&(t+="#"+o.paramsString)),o&&o.oauthParams)if("standard"===a.flow||"hybrid"===a.flow){if((o.oauthParams.code||o.oauthParams.error)&&o.oauthParams.state)return o.oauthParams.newUrl=t,o.oauthParams}else if("implicit"===a.flow&&(o.oauthParams.access_token||o.oauthParams.error)&&o.oauthParams.state)return o.oauthParams.newUrl=t,o.oauthParams}(n);if(e){var t=i.get(e.state);return t&&(e.valid=!0,e.redirectUri=t.redirectUri,e.storedNonce=t.nonce,e.prompt=t.prompt,e.pkceCodeVerifier=t.pkceCodeVerifier,e.loginOptions=t.loginOptions),e}}function m(n,e){for(var t=n.split("&"),o={paramsString:"",oauthParams:{}},r=0;r<t.length;r++){var i=t[r].indexOf("="),a=t[r].slice(0,i);-1!==e.indexOf(a)?o.oauthParams[a]=t[r].slice(i+1):(""!==o.paramsString&&(o.paramsString+="&"),o.paramsString+=t[r])}return o}function y(){var n={setSuccess:function(e){n.resolve(e)},setError:function(e){n.reject(e)}};return n.promise=new Promise((function(e,t){n.resolve=e,n.reject=t})),n}function g(){var n=y();if(!u.enable)return n.setSuccess(),n.promise;if(u.iframe)return n.setSuccess(),n.promise;var e=document.createElement("iframe");u.iframe=e,e.onload=function(){var e=a.endpoints.authorize();u.iframeOrigin="/"===e.charAt(0)?window.location.origin?window.location.origin:window.location.protocol+"//"+window.location.hostname+(window.location.port?":"+window.location.port:""):e.substring(0,e.indexOf("/",8)),n.setSuccess()};var t=a.endpoints.checkSessionIframe();return e.setAttribute("src",t),e.setAttribute("sandbox","allow-storage-access-by-user-activation allow-scripts allow-same-origin"),e.setAttribute("title","keycloak-session-iframe"),e.style.display="none",document.body.appendChild(e),window.addEventListener("message",(function(n){if(n.origin===u.iframeOrigin&&u.iframe.contentWindow===n.source&&("unchanged"==n.data||"changed"==n.data||"error"==n.data)){"unchanged"!=n.data&&a.clearToken();for(var e=u.callbackList.splice(0,u.callbackList.length),t=e.length-1;t>=0;--t){var o=e[t];"error"==n.data?o.setError():o.setSuccess("unchanged"==n.data)}}}),!1),n.promise}function b(){u.enable&&a.token&&setTimeout((function(){_().then((function(n){n&&b()}))}),1e3*u.interval)}function _(){var n=y();if(u.iframe&&u.iframeOrigin){var e=a.clientId+" "+(a.sessionId?a.sessionId:"");u.callbackList.push(n),1==u.callbackList.length&&u.iframe.contentWindow.postMessage(e,u.iframeOrigin)}else n.setSuccess();return n.promise}function I(n){if(!n||"default"==n)return{login:async function(n){return window.location.assign(await a.createLoginUrl(n)),y().promise},logout:async function(n){if("GET"===(n?.logoutMethod??a.logoutMethod))return void window.location.replace(a.createLogoutUrl(n));const e=a.createLogoutUrl(n),t=await fetch(e,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id_token_hint:a.idToken,client_id:a.clientId,post_logout_redirect_uri:r.redirectUri(n,!1)})});if(t.redirected)window.location.href=t.url;else{if(!t.ok)throw new Error("Logout failed, request returned an error code.");window.location.reload()}},register:function(n){return window.location.assign(a.createRegisterUrl(n)),y().promise},accountManagement:function(){var n=a.createAccountUrl();if(void 0===n)throw"Not supported by the OIDC server";return window.location.href=n,y().promise},redirectUri:function(n){return n&&n.redirectUri?n.redirectUri:a.redirectUri?a.redirectUri:location.href}};if("cordova"==n){u.enable=!1;var e=function(n,e,t){return window.cordova&&window.cordova.InAppBrowser?window.cordova.InAppBrowser.open(n,e,t):window.open(n,e,t)},t=function(n){var e=function(n){return n&&n.cordovaOptions?Object.keys(n.cordovaOptions).reduce((function(e,t){return e[t]=n.cordovaOptions[t],e}),{}):{}}(n);return e.location="no",n&&"none"==n.prompt&&(e.hidden="yes"),function(n){return Object.keys(n).reduce((function(e,t){return e.push(t+"="+n[t]),e}),[]).join(",")}(e)},o=function(){return a.redirectUri||"http://localhost"};return{login:async function(n){var r=y(),i=t(n),c=await a.createLoginUrl(n),u=e(c,"_blank",i),s=!1,l=!1,f=function(){l=!0,u.close()};return u.addEventListener("loadstart",(function(n){0==n.url.indexOf(o())&&(p(k(n.url),r),f(),s=!0)})),u.addEventListener("loaderror",(function(n){s||(0==n.url.indexOf(o())?(p(k(n.url),r),f(),s=!0):(r.setError(),f()))})),u.addEventListener("exit",(function(){l||r.setError({reason:"closed_by_user"})})),r.promise},logout:function(n){var t,r=y(),i=a.createLogoutUrl(n),c=e(i,"_blank","location=no,hidden=yes,clearcache=yes");return c.addEventListener("loadstart",(function(n){0==n.url.indexOf(o())&&c.close()})),c.addEventListener("loaderror",(function(n){0==n.url.indexOf(o())||(t=!0),c.close()})),c.addEventListener("exit",(function(){t?r.setError():(a.clearToken(),r.setSuccess())})),r.promise},register:function(n){var r=y(),i=a.createRegisterUrl(),c=t(n),u=e(i,"_blank",c);return u.addEventListener("loadstart",(function(n){0==n.url.indexOf(o())&&(u.close(),p(k(n.url),r))})),r.promise},accountManagement:function(){var n=a.createAccountUrl();if(void 0===n)throw"Not supported by the OIDC server";var t=e(n,"_blank","location=no");t.addEventListener("loadstart",(function(n){0==n.url.indexOf(o())&&t.close()}))},redirectUri:function(){return o()}}}if("cordova-native"==n)return u.enable=!1,{login:async function(n){var e=y(),t=await a.createLoginUrl(n);return universalLinks.subscribe("keycloak",(function(n){universalLinks.unsubscribe("keycloak"),window.cordova.plugins.browsertab.close(),p(k(n.url),e)})),window.cordova.plugins.browsertab.openUrl(t),e.promise},logout:function(n){var e=y(),t=a.createLogoutUrl(n);return universalLinks.subscribe("keycloak",(function(){universalLinks.unsubscribe("keycloak"),window.cordova.plugins.browsertab.close(),a.clearToken(),e.setSuccess()})),window.cordova.plugins.browsertab.openUrl(t),e.promise},register:function(n){var e=y(),t=a.createRegisterUrl(n);return universalLinks.subscribe("keycloak",(function(n){universalLinks.unsubscribe("keycloak"),window.cordova.plugins.browsertab.close(),p(k(n.url),e)})),window.cordova.plugins.browsertab.openUrl(t),e.promise},accountManagement:function(){var n=a.createAccountUrl();if(void 0===n)throw"Not supported by the OIDC server";window.cordova.plugins.browsertab.openUrl(n)},redirectUri:function(n){return n&&n.redirectUri?n.redirectUri:a.redirectUri?a.redirectUri:"http://localhost"}};throw"invalid adapter type: "+n}globalThis.isSecureContext||f("[KEYCLOAK] Keycloak JS must be used in a 'secure context' to function properly as it relies on browser APIs that are otherwise not available.\nContinuing to run your application insecurely will lead to unexpected behavior and breakage.\n\nFor more information see: https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts"),a.init=function(n){if(a.didInitialize)throw new Error("A 'Keycloak' instance can only be initialized once.");if(a.didInitialize=!0,a.authenticated=!1,i=function(){try{return new C}catch(n){}return new S}(),r=n&&["default","cordova","cordova-native"].indexOf(n.adapter)>-1?I(n.adapter):n&&"object"==typeof n.adapter?n.adapter:window.Cordova||window.cordova?I("cordova"):I(),n){if(void 0!==n.useNonce&&(s=n.useNonce),void 0!==n.checkLoginIframe&&(u.enable=n.checkLoginIframe),n.checkLoginIframeInterval&&(u.interval=n.checkLoginIframeInterval),"login-required"===n.onLoad&&(a.loginRequired=!0),n.responseMode){if("query"!==n.responseMode&&"fragment"!==n.responseMode)throw"Invalid value for responseMode";a.responseMode=n.responseMode}if(n.flow){switch(n.flow){case"standard":a.responseType="code";break;case"implicit":a.responseType="id_token token";break;case"hybrid":a.responseType="code id_token token";break;default:throw"Invalid value for flow"}a.flow=n.flow}if(null!=n.timeSkew&&(a.timeSkew=n.timeSkew),n.redirectUri&&(a.redirectUri=n.redirectUri),n.silentCheckSsoRedirectUri&&(a.silentCheckSsoRedirectUri=n.silentCheckSsoRedirectUri),a.silentCheckSsoFallback="boolean"!=typeof n.silentCheckSsoFallback||n.silentCheckSsoFallback,void 0!==n.pkceMethod){if("S256"!==n.pkceMethod&&!1!==n.pkceMethod)throw new TypeError(`Invalid value for pkceMethod', expected 'S256' or false but got ${n.pkceMethod}.`);a.pkceMethod=n.pkceMethod}else a.pkceMethod="S256";a.enableLogging="boolean"==typeof n.enableLogging&&n.enableLogging,a.logoutMethod="POST"===n.logoutMethod?"POST":"GET","string"==typeof n.scope&&(a.scope=n.scope),"string"==typeof n.acrValues&&(a.acrValues=n.acrValues),a.messageReceiveTimeout="number"==typeof n.messageReceiveTimeout&&n.messageReceiveTimeout>0?n.messageReceiveTimeout:1e4}a.responseMode||(a.responseMode="fragment"),a.responseType||(a.responseType="code",a.flow="standard");var e=y(),t=y();t.promise.then((function(){a.onReady&&a.onReady(a.authenticated),e.setSuccess(a.authenticated)})).catch((function(n){e.setError(n)}));var c=function(){var n,e=y();function t(n){a.endpoints=n?{authorize:function(){return n.authorization_endpoint},token:function(){return n.token_endpoint},logout:function(){if(!n.end_session_endpoint)throw"Not supported by the OIDC server";return n.end_session_endpoint},checkSessionIframe:function(){if(!n.check_session_iframe)throw"Not supported by the OIDC server";return n.check_session_iframe},register:function(){throw'Redirection to "Register user" page not supported in standard OIDC mode'},userinfo:function(){if(!n.userinfo_endpoint)throw"Not supported by the OIDC server";return n.userinfo_endpoint}}:{authorize:function(){return d()+"/protocol/openid-connect/auth"},token:function(){return d()+"/protocol/openid-connect/token"},logout:function(){return d()+"/protocol/openid-connect/logout"},checkSessionIframe:function(){return d()+"/protocol/openid-connect/login-status-iframe.html"},thirdPartyCookiesIframe:function(){return d()+"/protocol/openid-connect/3p-cookies/step1.html"},register:function(){return d()+"/protocol/openid-connect/registrations"},userinfo:function(){return d()+"/protocol/openid-connect/userinfo"}}}if("string"==typeof o&&(n=o),n)(i=new XMLHttpRequest).open("GET",n,!0),i.setRequestHeader("Accept","application/json"),i.onreadystatechange=function(){if(4==i.readyState)if(200==i.status||w(i)){var n=JSON.parse(i.responseText);a.authServerUrl=n["auth-server-url"],a.realm=n.realm,a.clientId=n.resource,t(null),e.setSuccess()}else e.setError()},i.send();else{a.clientId=o.clientId;var r,i,c=o.oidcProvider;c?"string"==typeof c?(r="/"==c.charAt(c.length-1)?c+".well-known/openid-configuration":c+"/.well-known/openid-configuration",(i=new XMLHttpRequest).open("GET",r,!0),i.setRequestHeader("Accept","application/json"),i.onreadystatechange=function(){4==i.readyState&&(200==i.status||w(i)?(t(JSON.parse(i.responseText)),e.setSuccess()):e.setError())},i.send()):(t(c),e.setSuccess()):(a.authServerUrl=o.url,a.realm=o.realm,t(null),e.setSuccess())}return e.promise}();function l(){var e=function(e){e||(r.prompt="none"),n&&n.locale&&(r.locale=n.locale),a.login(r).then((function(){t.setSuccess()})).catch((function(n){t.setError(n)}))},o=async function(){var n=document.createElement("iframe"),e=await a.createLoginUrl({prompt:"none",redirectUri:a.silentCheckSsoRedirectUri});n.setAttribute("src",e),n.setAttribute("sandbox","allow-storage-access-by-user-activation allow-scripts allow-same-origin"),n.setAttribute("title","keycloak-silent-check-sso"),n.style.display="none",document.body.appendChild(n);var o=function(e){e.origin===window.location.origin&&n.contentWindow===e.source&&(p(k(e.data),t),document.body.removeChild(n),window.removeEventListener("message",o))};window.addEventListener("message",o)},r={};switch(n.onLoad){case"check-sso":u.enable?g().then((function(){_().then((function(n){n?t.setSuccess():a.silentCheckSsoRedirectUri?o():e(!1)})).catch((function(n){t.setError(n)}))})):a.silentCheckSsoRedirectUri?o():e(!1);break;case"login-required":e(!0);break;default:throw"Invalid value for onLoad"}}function h(){var e=k(window.location.href);if(e&&window.history.replaceState(window.history.state,null,e.newUrl),e&&e.valid)return g().then((function(){p(e,t)})).catch((function(n){t.setError(n)}));n?n.token&&n.refreshToken?(v(n.token,n.refreshToken,n.idToken),u.enable?g().then((function(){_().then((function(n){n?(a.onAuthSuccess&&a.onAuthSuccess(),t.setSuccess(),b()):t.setSuccess()})).catch((function(n){t.setError(n)}))})):a.updateToken(-1).then((function(){a.onAuthSuccess&&a.onAuthSuccess(),t.setSuccess()})).catch((function(e){a.onAuthError&&a.onAuthError(),n.onLoad?l():t.setError(e)}))):n.onLoad?l():t.setSuccess():t.setSuccess()}return c.then((function(){(function(){var n=y();if(u.enable||a.silentCheckSsoRedirectUri){var e=document.createElement("iframe");e.setAttribute("src",a.endpoints.thirdPartyCookiesIframe()),e.setAttribute("sandbox","allow-storage-access-by-user-activation allow-scripts allow-same-origin"),e.setAttribute("title","keycloak-3p-check-iframe"),e.style.display="none",document.body.appendChild(e);var t=function(o){e.contentWindow===o.source&&("supported"!==o.data&&"unsupported"!==o.data||("unsupported"===o.data&&(f("[KEYCLOAK] Your browser is blocking access to 3rd-party cookies, this means:\n\n - It is not possible to retrieve tokens without redirecting to the Keycloak server (a.k.a. no support for silent authentication).\n - It is not possible to automatically detect changes to the session status (such as the user logging out in another tab).\n\nFor more information see: https://www.keycloak.org/docs/latest/securing_apps/#_modern_browsers"),u.enable=!1,a.silentCheckSsoFallback&&(a.silentCheckSsoRedirectUri=!1)),document.body.removeChild(e),window.removeEventListener("message",t),n.setSuccess()))};window.addEventListener("message",t,!1)}else n.setSuccess();return function(n,e){var t=null,o=new Promise((function(n,o){t=setTimeout((function(){o({error:"Timeout when waiting for 3rd party check iframe message."})}),e)}));return Promise.race([n,o]).finally((function(){clearTimeout(t)}))}(n.promise,a.messageReceiveTimeout)})().then(h).catch((function(n){e.setError(n)}))})),c.catch((function(n){e.setError(n)})),e.promise},a.login=function(n){return r.login(n)},a.createLoginUrl=async function(n){var e,t=h(),o=h(),c=r.redirectUri(n),u={state:t,nonce:o,redirectUri:encodeURIComponent(c),loginOptions:n};n&&n.prompt&&(u.prompt=n.prompt),e=n&&"register"==n.action?a.endpoints.register():a.endpoints.authorize();var l=n&&n.scope||a.scope;l?-1===l.indexOf("openid")&&(l="openid "+l):l="openid";var f=e+"?client_id="+encodeURIComponent(a.clientId)+"&redirect_uri="+encodeURIComponent(c)+"&state="+encodeURIComponent(t)+"&response_mode="+encodeURIComponent(a.responseMode)+"&response_type="+encodeURIComponent(a.responseType)+"&scope="+encodeURIComponent(l);if(s&&(f=f+"&nonce="+encodeURIComponent(o)),n&&n.prompt&&(f+="&prompt="+encodeURIComponent(n.prompt)),n&&"number"==typeof n.maxAge&&(f+="&max_age="+encodeURIComponent(n.maxAge)),n&&n.loginHint&&(f+="&login_hint="+encodeURIComponent(n.loginHint)),n&&n.idpHint&&(f+="&kc_idp_hint="+encodeURIComponent(n.idpHint)),n&&n.action&&"register"!=n.action&&(f+="&kc_action="+encodeURIComponent(n.action)),n&&n.locale&&(f+="&ui_locales="+encodeURIComponent(n.locale)),n&&n.acr){var d=JSON.stringify({id_token:{acr:n.acr}});f+="&claims="+encodeURIComponent(d)}if((n&&n.acrValues||a.acrValues)&&(f+="&acr_values="+encodeURIComponent(n.acrValues||a.acrValues)),a.pkceMethod)try{const n=function(n,e){for(var t=function(n){if("undefined"==typeof crypto||void 0===crypto.getRandomValues)throw new Error("Web Crypto API is not available.");return crypto.getRandomValues(new Uint8Array(n))}(n),o=new Array(n),r=0;r<n;r++)o[r]=e.charCodeAt(t[r]%62);return String.fromCharCode.apply(null,o)}(96,"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"),e=await async function(n,e){if("S256"!==n)throw new TypeError(`Invalid value for 'pkceMethod', expected 'S256' but got '${n}'.`);return function(n){const e=String.fromCodePoint(...n);return btoa(e)}(new Uint8Array(await async function(n){const e=(new TextEncoder).encode(n);if("undefined"==typeof crypto||void 0===crypto.subtle)throw new Error("Web Crypto API is not available.");return await crypto.subtle.digest("SHA-256",e)}(e))).replace(/\+/g,"-").replace(/\//g,"_").replace(/\=/g,"")}(a.pkceMethod,n);u.pkceCodeVerifier=n,f+="&code_challenge="+e,f+="&code_challenge_method="+a.pkceMethod}catch(n){throw new Error("Failed to generate PKCE challenge.",{cause:n})}return i.add(u),f},a.logout=function(n){return r.logout(n)},a.createLogoutUrl=function(n){if("POST"===(n?.logoutMethod??a.logoutMethod))return a.endpoints.logout();var e=a.endpoints.logout()+"?client_id="+encodeURIComponent(a.clientId)+"&post_logout_redirect_uri="+encodeURIComponent(r.redirectUri(n,!1));return a.idToken&&(e+="&id_token_hint="+encodeURIComponent(a.idToken)),e},a.register=function(n){return r.register(n)},a.createRegisterUrl=async function(n){return n||(n={}),n.action="register",await a.createLoginUrl(n)},a.createAccountUrl=function(n){var e=d(),t=void 0;return void 0!==e&&(t=e+"/account?referrer="+encodeURIComponent(a.clientId)+"&referrer_uri="+encodeURIComponent(r.redirectUri(n))),t},a.accountManagement=function(){return r.accountManagement()},a.hasRealmRole=function(n){var e=a.realmAccess;return!!e&&e.roles.indexOf(n)>=0},a.hasResourceRole=function(n,e){if(!a.resourceAccess)return!1;var t=a.resourceAccess[e||a.clientId];return!!t&&t.roles.indexOf(n)>=0},a.loadUserProfile=function(){var n=d()+"/account",e=new XMLHttpRequest;e.open("GET",n,!0),e.setRequestHeader("Accept","application/json"),e.setRequestHeader("Authorization","bearer "+a.token);var t=y();return e.onreadystatechange=function(){4==e.readyState&&(200==e.status?(a.profile=JSON.parse(e.responseText),t.setSuccess(a.profile)):t.setError())},e.send(),t.promise},a.loadUserInfo=function(){var n=a.endpoints.userinfo(),e=new XMLHttpRequest;e.open("GET",n,!0),e.setRequestHeader("Accept","application/json"),e.setRequestHeader("Authorization","bearer "+a.token);var t=y();return e.onreadystatechange=function(){4==e.readyState&&(200==e.status?(a.userInfo=JSON.parse(e.responseText),t.setSuccess(a.userInfo)):t.setError())},e.send(),t.promise},a.isTokenExpired=function(n){if(!a.tokenParsed||!a.refreshToken&&"implicit"!=a.flow)throw"Not authenticated";if(null==a.timeSkew)return l("[KEYCLOAK] Unable to determine if token is expired as timeskew is not set"),!0;var e=a.tokenParsed.exp-Math.ceil((new Date).getTime()/1e3)+a.timeSkew;if(n){if(isNaN(n))throw"Invalid minValidity";e-=n}return e<0},a.updateToken=function(n){var e=y();if(!a.refreshToken)return e.setError(),e.promise;n=n||5;var t=function(){var t=!1;if(-1==n?(t=!0,l("[KEYCLOAK] Refreshing token: forced refresh")):a.tokenParsed&&!a.isTokenExpired(n)||(t=!0,l("[KEYCLOAK] Refreshing token: token expired")),t){var o="grant_type=refresh_token&refresh_token="+a.refreshToken,r=a.endpoints.token();if(c.push(e),1==c.length){var i=new XMLHttpRequest;i.open("POST",r,!0),i.setRequestHeader("Content-type","application/x-www-form-urlencoded"),i.withCredentials=!0,o+="&client_id="+encodeURIComponent(a.clientId);var u=(new Date).getTime();i.onreadystatechange=function(){if(4==i.readyState)if(200==i.status){l("[KEYCLOAK] Token refreshed"),u=(u+(new Date).getTime())/2;var n=JSON.parse(i.responseText);v(n.access_token,n.refresh_token,n.id_token,u),a.onAuthRefreshSuccess&&a.onAuthRefreshSuccess();for(var e=c.pop();null!=e;e=c.pop())e.setSuccess(!0)}else for(f("[KEYCLOAK] Failed to refresh token"),400==i.status&&a.clearToken(),a.onAuthRefreshError&&a.onAuthRefreshError(),e=c.pop();null!=e;e=c.pop())e.setError(!0)},i.send(o)}}else e.setSuccess(!1)};return u.enable?_().then((function(){t()})).catch((function(n){e.setError(n)})):t(),e.promise},a.clearToken=function(){a.token&&(v(null,null,null),a.onAuthLogout&&a.onAuthLogout(),a.loginRequired&&a.login())};var C=function(){if(!(this instanceof C))return new C;function n(){for(var n=(new Date).getTime(),e=0;e<localStorage.length;e++){var t=localStorage.key(e);if(t&&0==t.indexOf("kc-callback-")){var o=localStorage.getItem(t);if(o)try{var r=JSON.parse(o).expires;(!r||r<n)&&localStorage.removeItem(t)}catch(n){localStorage.removeItem(t)}}}}localStorage.setItem("kc-test","test"),localStorage.removeItem("kc-test"),this.get=function(e){if(e){var t="kc-callback-"+e,o=localStorage.getItem(t);return o&&(localStorage.removeItem(t),o=JSON.parse(o)),n(),o}},this.add=function(e){n();var t="kc-callback-"+e.state;e.expires=(new Date).getTime()+36e5,localStorage.setItem(t,JSON.stringify(e))}},S=function(){if(!(this instanceof S))return new S;var n=this;n.get=function(n){if(n){var r=t("kc-callback-"+n);return o("kc-callback-"+n,"",e(-100)),r?JSON.parse(r):void 0}},n.add=function(n){o("kc-callback-"+n.state,JSON.stringify(n),e(60))},n.removeItem=function(n){o(n,"",e(-100))};var e=function(n){var e=new Date;return e.setTime(e.getTime()+60*n*1e3),e},t=function(n){for(var e=n+"=",t=document.cookie.split(";"),o=0;o<t.length;o++){for(var r=t[o];" "==r.charAt(0);)r=r.substring(1);if(0==r.indexOf(e))return r.substring(e.length,r.length)}return""},o=function(n,e,t){var o=n+"="+e+"; expires="+t.toUTCString()+"; ";document.cookie=o}};function O(n){return function(){a.enableLogging&&n.apply(console,Array.prototype.slice.call(arguments))}}}function e(n){const[e,t]=n.split(".");if("string"!=typeof t)throw new Error("Unable to decode token, payload not found.");let o;try{o=function(n){let e=n.replaceAll("-","+").replaceAll("_","/");switch(e.length%4){case 0:break;case 2:e+="==";break;case 3:e+="=";break;default:throw new Error("Input is not of the correct length.")}try{return function(n){return decodeURIComponent(atob(n).replace(/(.)/g,((n,e)=>{let t=e.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(e)}catch(n){return atob(e)}}(t)}catch(n){throw new Error("Unable to decode token, payload is not a valid Base64URL value.",{cause:n})}try{return JSON.parse(o)}catch(n){throw new Error("Unable to decode token, payload is not a valid JSON value.",{cause:n})}}function t(n){return"object"==typeof n&&null!==n}let o=null;function r(e,t=!0){return o||(o=new n({url:e.url,realm:e.realm,clientId:e.clientId})),o.init({onLoad:t?"check-sso":"login-required",checkLoginIframe:!1}).then((n=>n)).catch((n=>(console.error("Failed to initialize Keycloak:",n),!1)))}function i(){return(null==o?void 0:o.authenticated)&&(null==o?void 0:o.idTokenParsed)?{fullname:o.idTokenParsed.name,email:o.idTokenParsed.email,lastname:o.idTokenParsed.family_name,firstname:o.idTokenParsed.given_name,username:o.idTokenParsed.preferred_username,background:"grey",token:o.token,sub:o.idTokenParsed.sub}:{}}function a(){o?o.login():console.error("Keycloak is not initialized.")}function c(){o?o.logout():console.error("Keycloak is not initialized.")}function u(){return!!(null==o?void 0:o.authenticated)}async function s(n){try{const e=await fetch(n,{method:"HEAD",mode:"no-cors"});return e.ok||"opaque"===e.type}catch(n){return!1}}export{c as a,u as b,s as c,i as g,r as i,a as l}

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

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-7a8b9de5.js";import{f as e}from"./p-4687b64c.js";const o=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"f859db4f8b6679e138e6d72d1d0f5e5bd1bcf997",class:this.class,innerHTML:e})}};export{o as eds_icon_facebook}

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

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-7a8b9de5.js";import{h as d}from"./p-2692f93d.js";const o=class{constructor(a){e(this,a)}render(){return a("ul",{key:"e2fbd7802c153f970a457011a5dcaf3163d6290f",class:"container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},a("span",{key:"07d6a5b930dd8ae652e63310c4232e8c3e6858b2",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"5d3dd01a67f41f839e79aa3d449ba319dcc0209c",class:"example"},a("div",{key:"6b51ea71b6b4072ec6c66223a4f92c1232e8691a",class:"bg-dark "},a("div",{key:"03a476635bc1112f1ea2d4ed10df0415ead7f0f8",class:"no-other-bg-color logo",innerHTML:d})),a("p",{key:"084116335e9f8ed4c9d2a04a9551097dc2a53c4a",class:"f-ui-02"},"Do not use with backgrounds that make legibility difficult"))),a("span",{key:"e67f1bdeee28928f4f6f8fb5d1e0b59160edd949",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"b0e909eb57a6771b32a93dd0932ef5b848a19ff2",class:"example"},a("div",{key:"19bc9f29ddbffd1c308cb429100f0af3d58237a1",class:"no-other-color p-16"},a("div",{key:"301c5cb926b9ad167f1ba096f99a874577617fb1",class:"logo non-brand-color",innerHTML:d})),a("p",{key:"b41ab53c2af9efeafb46d41a515eba2f801d49e4",class:"f-ui-02"},"Do not apply other colors"))),a("span",{key:"826ae54f62c5a3880adf1833dbc19bbb9e1ec6f2",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"092d5fc3176845532ecf577c66d6e3a349ebfe45",class:"example"},a("div",{key:"1d1d3cc86e728fc21f898c59ff1511c5fa728f9f",class:"bg-light p-16"},a("div",{key:"df05102398d3de9916a23d0998529d8ca8a66257",class:"logo distorted",innerHTML:d})),a("p",{key:"377e38a762855d563d087eb275481de6a17ddbbb",class:"f-ui-02"},"Do not deform the logo"))),a("span",{key:"766c4ea568c8bf2fa1efa207ff5f602e5128aef3",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"cf4e883370c0ee284167bea7f2c0c603932d1682",class:"example"},a("div",{key:"de160646456f91316bf966db6568c20ff382dd3b",class:"bg-white p-16"},a("div",{key:"5aa03093e5e483547919eaeca58643e54a286405",class:"logo effects",innerHTML:d})),a("p",{key:"aa65e295008001d6fe2b2168d8f7f43a770ec8e3",class:"f-ui-02"},"Do not apply effects"))),a("span",{key:"d0eb2536e430b6e9fdb9a37d638d5c31ee81e205",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"43ec87b4632c2709404aff9d3e7bbcb2910426ca",class:"example"},a("div",{key:"36cd6dc2b23070e5c7fdfc09444d3ccbb8681216",class:"bg-white p-16"},a("div",{key:"a1077b322d113220e05ee3edce627c60547cb49a",class:"logo rotated",innerHTML:d})),a("p",{key:"86c384f5cf362d16bd6ac5ac8448e3e0d591fa18",class:"f-ui-02"},"Do not rotate the logo"))),a("span",{key:"b267f6024a4e7bad6348d323606922888db5264b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"0bd0c5d62e454ce133a187e7d3917afc0c26c551",class:"example"},a("div",{key:"71e4c1681cfbb64970237b410e0925a0f22e1141",class:"bg-light p-16"},a("div",{key:"01ab5d75102b9f476fecebcc31c975f6d4720c12",class:"logo outlined",innerHTML:d})),a("p",{key:"0734a049d710d1f6406989668f60da1249e29c7b",class:"f-ui-02"},"Do not apply outlines"))),a("span",{key:"830b7b2a8cdf6dfc7f395dc92db42fbe626a7ae4",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"}),a("span",{key:"ca40bb4ea839eacf62e93f7fbec41f076f7b12a6",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},a("div",{key:"641a963ba81294eefe8fc00dd0a3bdca91af94a2",class:"example"},a("div",{key:"70691be08e9081899fb2928d5d287aaebef3b399",class:"bg-accent p-16"},a("div",{key:"556135fd6596b530bf959bb9984641f185cd9f96",class:"text-inverse",innerHTML:d})),a("p",{key:"7eaded302e41fc1d04f2033add829dfaba6e8012",class:"f-ui-02"},"Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))}};o.style=".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}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-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)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}";export{o as logo_wrong_usage}

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

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-7a8b9de5.js";import{m as r}from"./p-aefcb641.js";const a=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"9d15be28017eb074a69846a2a639861de997130b",class:this.class,innerHTML:r})}};export{a as eds_icon_menu}

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

@@ -1 +0,0 @@
-import{r as e,h as t,g as s}from"./p-7a8b9de5.js";import{s as i,g as d}from"./p-b86a4985.js";import"./p-112122d6.js";const c=class{constructor(t){e(this,t),this.image=void 0,this.editorialTitle=void 0,this.headingLevel="h3",this.categoryTitle=void 0,this.color=void 0,this.bgOnHover=!1,this.vertical=!1,this.titleProject=void 0,this.url=void 0,this.parsedImage=null}componentWillLoad(){if(this.image)try{this.parsedImage=JSON.parse(this.image)}catch(e){}}handleClick(e){var t;e.preventDefault(),i({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null===(t=this.titleProject)||void 0===t?void 0:t.toLowerCase())||"",action:"click"})}render(){var e;const s=["min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",this.color?d({color:this.color,hover:this.bgOnHover,class:"before:border-2 before:rounded-lg before:border-softest"}):"bg-default",this.bgOnHover&&this.color?"effect-background bg-default focus-within:bg-transparent hover:bg-transparent":"effect-background hover:bg-default",this.vertical?"flex-col gap-y-16":"flex-col gap-x-16 gap-y-12 lg:flex-row"].join(" "),i=this.vertical?"":"max-w-120 @md:max-w-192 order-first w-full lg:order-last";return t("article",{key:"6af49754300ded8748ac3f40175e262480054969",class:s,onClick:e=>this.handleClick(e)},t("div",{key:"91e8501312957c44d9dc075f2ec3a9e5a5d425cb",class:"flex grow flex-col "+(this.vertical?"min-h-156":"")},t("div",{key:"44e3cf2d67255bb5669b6c721741ed060ba599e7",class:"lg:max-w-[720px]"},t("eds-card-title",{key:"0cf1d124b975e4d7223bab58db0d5861d348ceb2","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.titleProject,url:this.url}),this.editorialTitle&&t("span",{key:"85e1158691ae876bc0f3c6d0c5557f394ae935cb",class:"block "+(this.vertical?"f-ui-02":"mt-4 f-heading-06")},this.editorialTitle)),this.categoryTitle&&t("div",{key:"9ffdc9f14709600b623c3a5f878b2700864ced79",class:"mt-auto flex items-center gap-x-12 pt-12"},(null===(e=this.categoryTitle)||void 0===e?void 0:e.length)&&t("eds-tag",{key:"ecc5e55430df355c13420add9969855d1d54c27f",label:this.categoryTitle}))),this.parsedImage&&t("div",{key:"97de7a06a13d9843cb18fe4eb19303f436e2ce16",class:i},t("div",{key:"532d3c8252316a68976b4587c3d5b63167c0c598",class:"aspect-1x1 w-full"},t("eds-img",Object.assign({key:"37ee3dbbc99ec8c9139b0a89f9c725768eac5f6d",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return s(this)}};export{c as eds_card_project}

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

@@ -1 +0,0 @@
-import{r as t,h as r}from"./p-7a8b9de5.js";import{c as s}from"./p-112122d6.js";const a=class{constructor(r){t(this,r),this.tabCva=s(["cursor-pointer","text-gray-700","hover:text-black","focus:outline-none","focus-visible:ring"],{variants:{active:{true:"border-blue-500 font-bold text-blue-600",false:"border-transparent"}},defaultVariants:{active:!1}}),this.label=void 0,this.url=void 0,this.active=!1,this.ariaLabel=void 0}render(){return r("a",{key:"ba4c995637d8d305249f018a0451775f45907716","aria-label":this.label,"aria-current":this.active,class:this.tabCva({active:this.active})},this.label)}};export{a as eds_tab}

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

@@ -1 +0,0 @@
-import{r,h as s}from"./p-7a8b9de5.js";import{a}from"./p-c8e7c854.js";const c=class{constructor(s){r(this,s),this.class=""}render(){return s("span",{key:"6d704324784e6c3d9c221dcaf83bd86a8a6a94ab",class:this.class,innerHTML:a})}};export{c as eds_icon_arrow_right}

package/dist/esm/color-bb472c37.js

@@ -1,338 +0,0 @@
-import { c as cva } from './index-39c58238.js';
-
-[
-    ['eds-header', {
-            'home-url': '/',
-            'user-feature': 'false',
-            'keycloak-url': 'http://localhost:8080',
-            'keycloak-realm': 'nigeor-realm',
-            'keycloak-client-id': 'stencil-app',
-            links: JSON.stringify([
-                { label: 'About', url: '/about' },
-                { label: 'Focus Areas', url: '/focus-areas' },
-                { label: 'News & Events', url: '/news-and-events' },
-                { label: 'Contact', url: '/contact' },
-            ]),
-        }],
-    ['eds-block-break', {}],
-    ['eds-footer', {}],
-    ['eds-block-break', {}],
-    ['eds-tabs', {
-            tabs: JSON.stringify([
-                { label: 'Home', url: '#', active: true, ariaLabel: 'Home Tab' },
-                { label: 'Profile', url: '#', active: false, ariaLabel: 'Profile Tab' },
-                { label: 'Settings', url: '#', active: false, ariaLabel: 'Settings Tab' },
-            ]),
-        }],
-    ['eds-block-break', {}],
-    ['eds-card-section', {
-            cards: JSON.stringify([
-                { title: 'Card 1', description: 'Description 1', tags: 'tag1, tag2', url: '/link1' },
-                { title: 'Card 2', description: 'Description 2', tags: 'tag3', url: '/link2' },
-            ]),
-            cols: '4',
-        }],
-    ['eds-block-break', {}],
-    ['eds-link', {
-            label: 'Main Link Click Me',
-            url: 'https://example.com',
-            intent: 'primary'
-        }],
-    ['eds-block-break', {}],
-    ['eds-avatar', { 'first-name': 'John', 'last-name': 'Doe' }],
-    ['eds-block-break', {}],
-    ['eds-breadcrumb', {
-            items: JSON.stringify([
-                { label: 'Home', url: '/' },
-                { label: 'Products', url: '/products' },
-                { label: 'Electronics', url: '/products/electronics' },
-                { label: 'Laptops', url: '/products/electronics/laptops' },
-            ]),
-            intent: 'primary',
-        }],
-    ['eds-block-break', {}],
-    ['eds-card-generic', {
-            'card-title': 'The Future of AI in Healthcare',
-            url: 'https://example.com/ai-healthcare',
-            description: 'Explore how AI is transforming the healthcare industry with cutting-edge technologies and research.',
-            avatar: 'https://files.ebrains.eu/img/686e0edc-f3be-4d79-aa02-373c32c08d65/ebrains-logo-high-resolution.png?fit=max&q=80&fm=webp&crop=879%2C879%2C597%2C0&w=200',
-            'short-abbreviation': 'AI',
-            'heading-level': 'h2',
-            tags: 'Technology,AI,Healthcare',
-            tiny: 'false',
-            bg: 'true',
-            'with-hover': 'true',
-        }],
-    ['eds-block-break', {}],
-    ['eds-code-block', {
-            code: 'Hello',
-            language: 'javascript',
-        }],
-    ['eds-block-break', {}],
-    ['eds-dropdown', {
-            'aria-label': 'More options',
-            'rounded-btn': 'true',
-            'dropdown-pos': 'right',
-            'dropdown-offset': 'true',
-        }],
-    ['eds-block-break', {}],
-    ['eds-form', {
-            name: 'extended-form',
-            endpoint: 'http://127.0.0.1:5000/api/data',
-            fields: JSON.stringify([
-                { name: 'username', label: 'Username', type: 'text', required: true, maxlength: 10 },
-                { name: 'email', label: 'Email', type: 'email', required: true },
-                { name: 'number', label: 'Number', type: 'number', required: true },
-                { name: 'password', label: 'Password', type: 'password', required: true, maxlength: 50 },
-                { name: 'date', label: 'Date', type: 'date', required: true },
-                { name: 'file', label: 'File', type: 'file', required: false },
-                { name: 'hiddenField', type: 'hidden', value: 'hiddenValue' },
-                { name: 'bio', label: 'Biography', type: 'textarea', required: true, maxlength: 300 },
-                { name: 'role', label: 'Role', type: 'select', required: true, options: [
-                        { label: 'Admin', value: 'admin' },
-                        { label: 'Editor', value: 'editor' },
-                        { label: 'Viewer', value: 'viewer' },
-                    ] },
-                { name: 'preferences', type: 'checkbox', label: 'Select your preferences', options: [
-                        { value: 'option1', label: 'Option 1' },
-                        { value: 'option2', label: 'Option 2' },
-                        { value: 'option3', label: 'Option 3' },
-                    ], required: true },
-                { name: 'gender', type: 'radio', label: 'Select your gender', options: [
-                        { value: 'female', label: 'Female' },
-                        { value: 'male', label: 'Male' },
-                    ], required: true },
-                { name: 'newsletter', label: 'newsletter', type: 'checkbox', value: 'subscribe', required: true },
-                { name: 'range', label: 'Range bar', type: 'range', min: '0', max: '10', step: '1', required: true },
-            ]),
-            'success-message': 'Form submitted successfully!',
-            'error-message': 'Please fix the errors in the form.',
-            'submit-btn': 'true',
-            'small-alert': 'false',
-            'set-form-url': 'true',
-        }],
-    ['eds-block-break', {}],
-    ['eds-img', {
-            src: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg',
-            alt: 'EBRAINS Bernstein Conference',
-            width: '400',
-            height: '225',
-            srcset: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1080w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1440w',
-            sizes: '(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 33vw',
-            formats: JSON.stringify([
-                { type: 'image/webp', srcset: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 1080w' },
-                { type: 'image/jpeg', srcset: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1080w' },
-            ]),
-            lazyload: 'true',
-            'with-bg': 'true',
-        }],
-    ['eds-block-break', {}],
-    ['eds-input-field', {
-            name: 'username',
-            'input-id': 'username',
-            label: 'Username',
-            placeholder: 'Enter your username',
-            required: 'true',
-            hint: 'Your unique username',
-            message: 'This field is required',
-            'error-message': 'Invalid username',
-            type: 'text',
-        }],
-    ['eds-block-break', {}],
-    ['eds-pagination', {
-            'current-page': '1',
-            'last-page': '10',
-            'per-page': '5',
-            total: '50',
-            mode: 'default',
-        }],
-    ['eds-block-break', {}],
-    ['eds-progress-bar', { value: '75' }],
-    ['eds-table', {
-            data: JSON.stringify([
-                { Property: 'username', Type: 'string', Required: 'Yes' },
-                { Property: 'password', Type: 'string', Required: 'Yes' },
-                { Property: 'email', Type: 'string', Required: 'No' },
-            ]),
-            config: JSON.stringify({
-                Type: { format: 'uppercase' },
-                Property: { format: 'code' },
-                Required: { hidden: true },
-            }),
-        }],
-    ['eds-block-break', {}],
-    ['eds-tag', { label: 'Default Tag', intent: 'default' }],
-];
-
-// Helper function to check if Matomo is initialized
-function isMatomoAvailable() {
-    return typeof window !== 'undefined' && typeof window._paq !== 'undefined';
-}
-// General function to push data to Matomo
-function pushToMatomo(action, ...args) {
-    //console.log('Pushing Matomo')
-    if (isMatomoAvailable()) {
-        window._paq.push([action, ...args]);
-    }
-    else {
-        console.warn('Matomo is not available or not initialized.');
-    }
-}
-// Function to send analytics data
-function sendAnalytics(eventData) {
-    var _a;
-    if (!isMatomoAvailable()) {
-        console.warn('Matomo is not available or not initialized.');
-        //console.log({ ...eventData });
-        return;
-    }
-    // Conditionally build the name field
-    const nameParts = [];
-    if ((_a = eventData.parentContext) === null || _a === void 0 ? void 0 : _a.componentName) {
-        nameParts.push(eventData.parentContext.componentName);
-    }
-    nameParts.push(eventData.tag || 'unknown-tag');
-    nameParts.push(eventData.name || 'unknown-name');
-    const name = nameParts.join('/');
-    //console.log('trackEvent', eventData.category, eventData.action, name)
-    pushToMatomo('trackEvent', eventData.category, eventData.action, name);
-    console.log(Object.assign({}, eventData));
-}
-// Function to opt-in the user
-function matomoOptIn() {
-    if (isMatomoAvailable()) {
-        window._paq.push(['rememberConsentGiven']);
-        console.log('User has opted in to tracking');
-    }
-}
-
-const GRADIANT_TOKENS = ['green', 'yellow', 'among-blue', 'purple'];
-const gradientBGColorVariants = cva([], {
-    variants: {
-        color: GRADIANT_TOKENS.reduce((acc, token) => (Object.assign(Object.assign({}, acc), { [token]: '' })), {}),
-        direction: {
-            top: '',
-            bottom: ''
-        },
-        pseudo: {
-            true: 'before:effect-opacity effect-bg-behind',
-            false: ''
-        },
-        hover: {
-            true: 'before:opacity-0 hover:before:opacity-100',
-            false: ''
-        }
-    },
-    compoundVariants: [
-        // region GREEN
-        {
-            color: 'green',
-            direction: 'top',
-            pseudo: true,
-            className: 'before:bg-gradient-01-top'
-        },
-        {
-            color: 'green',
-            pseudo: true,
-            direction: 'bottom',
-            className: 'before:bg-gradient-01-bottom'
-        },
-        {
-            color: 'green',
-            direction: 'top',
-            pseudo: false,
-            className: 'bg-gradient-01-top'
-        },
-        {
-            color: 'green',
-            pseudo: false,
-            direction: 'bottom',
-            className: 'bg-gradient-01-bottom'
-        },
-        // endregion
-        // region YELLOW
-        {
-            color: 'yellow',
-            direction: 'top',
-            pseudo: true,
-            className: 'before:bg-gradient-02-top'
-        },
-        {
-            color: 'yellow',
-            direction: 'bottom',
-            pseudo: true,
-            className: 'before:bg-gradient-02-bottom'
-        },
-        {
-            color: 'yellow',
-            direction: 'top',
-            pseudo: false,
-            className: 'bg-gradient-02-top'
-        },
-        {
-            color: 'yellow',
-            direction: 'bottom',
-            pseudo: false,
-            className: 'bg-gradient-02-bottom'
-        },
-        // endregion
-        // region PURPLE
-        {
-            color: 'purple',
-            direction: 'top',
-            pseudo: true,
-            class: 'before:bg-gradient-03-top'
-        },
-        {
-            color: 'purple',
-            direction: 'bottom',
-            pseudo: true,
-            class: 'before:bg-gradient-03-bottom'
-        },
-        {
-            color: 'purple',
-            direction: 'top',
-            pseudo: false,
-            class: 'bg-gradient-03-top'
-        },
-        {
-            color: 'purple',
-            direction: 'bottom',
-            pseudo: false,
-            class: 'bg-gradient-03-bottom'
-        },
-        // endregion
-        // region AMONG-BLUE
-        {
-            color: 'among-blue',
-            direction: 'top',
-            pseudo: true,
-            class: 'before:bg-gradient-04-top'
-        },
-        {
-            color: 'among-blue',
-            direction: 'bottom',
-            pseudo: true,
-            class: 'before:bg-gradient-04-bottom'
-        },
-        {
-            color: 'among-blue',
-            direction: 'top',
-            pseudo: false,
-            class: 'bg-gradient-04-top'
-        },
-        {
-            color: 'among-blue',
-            direction: 'bottom',
-            pseudo: false,
-            class: 'bg-gradient-04-bottom'
-        }
-        // endregion
-    ],
-    defaultVariants: {
-        direction: 'top',
-        pseudo: true
-    }
-});
-
-export { gradientBGColorVariants as g, matomoOptIn as m, sendAnalytics as s };