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

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

@@ -1,86 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-f08e4f5c.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}.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%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.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}";
-const EdsModalStyle0 = edsModalCss;
-
-const EdsModal = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.isOpen = false;
-        this.title = '';
-        this.truncate = true;
-        this.truncateLines = '1';
-    }
-    getTruncateClass() {
-        return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
-    }
-    /**
-     * Opens the modal.
-     */
-    async open() {
-        this.isOpen = true;
-        /*sendAnalytics({
-          category: 'ui-component',
-          tag: this.el.tagName.toLowerCase(),
-          name: this.title,
-          action: 'show'
-        });*/
-    }
-    /**
-     * Closes the modal.
-     */
-    async close() {
-        this.isOpen = false;
-        /*sendAnalytics({
-          category: 'ui-component',
-          tag: this.el.tagName.toLowerCase(),
-          name: this.title,
-          action: 'hide'
-        });*/
-    }
-    /**
-     * Toggles the modal open or closed.
-     */
-    async toggle() {
-        this.isOpen = !this.isOpen;
-    }
-    /**
-     * Lifecycle method that runs when the component has fully loaded.
-     * It emits a custom event for each `eds-button` element contained within the breadcrumb.
-     */
-    componentDidLoad() {
-        // Emit context for each eds-link element after the component is fully loaded
-        const btns = this.el.shadowRoot.querySelectorAll('eds-button');
-        btns.forEach((btn) => {
-            this.emitContext(btn);
-        });
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given button element.
-     * This event provides context information about the eds-modal component.
-     *
-     * @param btnElement - The link element to which the event will be dispatched.
-     */
-    emitContext(btnElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        btnElement.dispatchEvent(event);
-    }
-    render() {
-        return (index.h("div", { key: '00816ecb900bd9b68b31fdf6e48bef0223f9e10a', class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-50 flex` }, this.isOpen && (index.h("div", { key: '570fa8625f9ad4b1ea82633f11e2b289ab01b853', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
-            ,
-            onClick: () => this.close() })), index.h("div", { key: 'ff658c763e3fbc98123f13483076399966b10515', class: "max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center " }, index.h("div", { key: 'd8b72acd90cc59ab1f82384aee4e311319f75aa9', class: "flex justify-between items-center border-b-2 border-softer pb-8" }, index.h("span", { key: 'ee61fc505c5a3eb93541d3762d37f28a5a788bae', class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.title), index.h("eds-button", { key: '3832772417d05a162eb5f2c4d0733f0ee845ed1c', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), index.h("div", { key: 'f71b38be8284a37d0d198df0a9858c64202b3d91', class: "pt-8" }, index.h("slot", { key: '1f80948334e5b4e9fc00a3bf01c6fc402d8220c3' })))));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsModal.style = EdsModalStyle0;
-
-exports.eds_modal = EdsModal;

package/dist/components/p-02e2a62f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-7a8b9de5.js";const s=class{constructor(a){e(this,a),this.accent=!1,this.tags=[]}render(){return a("div",{key:"b201dc6df5e809d828a055fb5f01fe798e228361",class:"flex flex-wrap gap-y-4"},this.tags.map(((e,s)=>a("eds-tag",{key:s,intent:this.accent?"accent":"default",label:e}))))}};s.style=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";export{s as eds_card_tags}

package/dist/components/p-32f282a9.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-7a8b9de5.js";const s=class{constructor(e){t(this,e),this.frameLabel=void 0,this.urlLabel="Open in Storybook",this.errorMessage="Could not load the requested Storybook content. Please check the URL or try again later.",this.storybookUrl=void 0,this.storyPath=void 0,this.intent="strong",this.tiny=!1,this.size="auto",this.bg=!0,this.iframeError=!1}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",this.bg?"bg-inverse":"bg-default","rounded border-softer effect-focus-within relative flex grow flex-col border-2","w-full h-full"].join(" ")}getFrameHeight(){switch(this.size){case"sm":return"100px";case"md":return"200px";case"lg":return"400px";case"xl":return"700px";default:return"auto"}}async checkIframeAvailability(){try{if(!(await fetch(this.frameSrc,{method:"GET"})).ok)throw new Error("Failed to load")}catch(t){this.iframeError=!0}}componentWillLoad(){this.checkIframeAvailability()}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach((t=>{this.emitContext(t)}))}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.frameLabel}});t.dispatchEvent(e)}get storyLink(){return`${this.storybookUrl}/?path=/story/${this.storyPath}`}get frameSrc(){return`${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`}render(){return e("div",{key:"0c3a43efc1a125af5999af88c4eb071b5c3bc6c5",class:this.articleClasses()},e("div",{key:"32303d5e2c2f3b01efe1ceaf828346f873bea6b6",class:"effect-height flex items-center justify-between py-8 px-12"},e("span",{key:"75f7f6750413dad4af2ea62c12ffb994491d5d01",class:"f-ui-02"},this.frameLabel),this.iframeError?null:e("eds-link",{label:this.urlLabel,url:this.storyLink,intent:this.intent,class:"ml-auto",external:!0,disabled:!1,icon:"arrow-diagonal"})),e("div",{key:"1fd99f6eda026814910b0cd93635616b7d3ffe09",class:"border-softer border-t-2"},this.iframeError?e("div",{class:"container ml-8 mr-8 mt-16"},this.errorMessage):e("iframe",{src:this.frameSrc,width:"100%",height:this.getFrameHeight(),title:this.frameLabel,frameBorder:"0",allowFullScreen:!0})))}get el(){return i(this)}};export{s as eds_frame}

package/dist/components/p-3617841d.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,g as s}from"./p-7a8b9de5.js";const a=class{constructor(t){e(this,t),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(e){let t;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing events JSON",e),t=[]}else t=Array.isArray(e)?e:[];this.parsedEvents=Array.isArray(t)?t.map((e=>Object.assign(Object.assign({},e),{completed:"true"===e.completed||!0===e.completed}))):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach((e=>{this.emitContext(e)}))}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}handleEventClick(e){this.selectedEvent=e,this.modalRef&&"function"==typeof this.modalRef.open&&this.modalRef.open()}render(){return t("div",{key:"29e360adb412c67e7516f04671c276a12197d830",class:"max-w-sidebar mx-auto px-4 py-8"},t("div",{key:"c556578a505bfb2da435616cb1f39cb91859ec7e",class:"relative"},t("div",{key:"8e1d307b2b3b470c643ba992d8307457581e9d4f",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),t("div",{key:"7b40b6a8944aad01d01524e13056fbafeaa8a8a8",class:"space-y-16"},this.parsedEvents.map(((e,s)=>t("div",{class:"relative flex"},t("div",{class:"w-1/2 "+(s%2==0?"pr-4":"")},s%2==0&&t("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})),t("div",{class:"flex items-center justify-center relative"},t("div",e.completed?{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}:{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),t("div",{class:"w-1/2 "+(s%2!=0?"pl-4":"")},s%2!=0&&t("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)}))))))))}get el(){return s(this)}static get watchers(){return{events:["parseEvents"]}}};export{a as eds_timeline}

package/dist/components/p-373673ca.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 console.warn("Matomo is not available or not initialized."),void console.log(Object.assign({},e));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){console.log("Pushing Matomo"),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}