@ebrains/components 1.3.0 → 1.4.0

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

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-88c8039f.js');
-const index$1 = require('./index-ab9fbefe.js');
-
-const edsToastCss = ".relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.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)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),\n        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}";
-const EdsToastStyle0 = edsToastCss;
-
-const toastStyles = index$1.cva(['relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md'], {
-    variants: {
-        intent: {
-            default: 'bg-dark text-light',
-            success: 'bg-success text-dark',
-            error: 'bg-error text-light',
-            warning: 'bg-warning text-dark'
-        }
-    },
-    defaultVariants: {
-        intent: 'default'
-    }
-});
-const EdsToast = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Dismisses the toast.
-         */
-        this.dismissToast = () => {
-            this.visible = false;
-        };
-        this.message = undefined;
-        this.intent = 'default';
-        this.duration = undefined;
-        this.visible = true;
-    }
-    componentDidLoad() {
-        const btn = this.el.shadowRoot.querySelector('eds-button');
-        this.emitContext(btn);
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given button element.
-     * This event provides context information about the toast 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);
-    }
-    connectedCallback() {
-        if (this.duration && this.duration > 0) {
-            this.dismissTimeout = setTimeout(this.dismissToast, this.duration);
-        }
-    }
-    disconnectedCallback() {
-        // Clear the timeout when the component is removed
-        clearTimeout(this.dismissTimeout);
-    }
-    render() {
-        if (!this.visible) {
-            return null;
-        }
-        const classes = toastStyles({ intent: this.intent });
-        return (index.h("div", { class: classes, role: "alert", "aria-live": "assertive" }, index.h("div", { class: "flex items-center justify-between gap-4" }, index.h("span", { class: "f-ui-01" }, this.message), index.h("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" }))));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsToast.style = EdsToastStyle0;
-
-exports.eds_toast = EdsToast;

package/dist/components/p-326d9e55.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as r}from"./p-28ae3f3a.js";import{c as i}from"./p-112122d6.js";const a=i(["relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md"],{variants:{intent:{default:"bg-dark text-light",success:"bg-success text-dark",error:"bg-error text-light",warning:"bg-warning text-dark"}},defaultVariants:{intent:"default"}}),o=class{constructor(e){t(this,e),this.dismissToast=()=>{this.visible=!1},this.message=void 0,this.intent="default",this.duration=void 0,this.visible=!0}componentDidLoad(){const t=this.el.shadowRoot.querySelector("eds-button");this.emitContext(t)}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}connectedCallback(){this.duration&&this.duration>0&&(this.dismissTimeout=setTimeout(this.dismissToast,this.duration))}disconnectedCallback(){clearTimeout(this.dismissTimeout)}render(){if(!this.visible)return null;const t=a({intent:this.intent});return e("div",{class:t,role:"alert","aria-live":"assertive"},e("div",{class:"flex items-center justify-between gap-4"},e("span",{class:"f-ui-01"},this.message),e("eds-button",{intent:"tertiary",icon:"close","aria-label":"Close Toast",onClick:()=>this.dismissToast(),"extra-class":"ml-8"})))}get el(){return r(this)}};o.style=".relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.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)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),\n        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}";export{o as eds_toast}