@ebrains/components 0.9.3-beta → 1.0.0

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

@@ -1,105 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-8a71b9a7.js';
-import { s as sendAnalytics } from './analytics-44b1416b.js';
-
-const edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.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)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-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))}.-translate-y-full{--tw-translate-y:-100%;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))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}";
-const EdsTooltipStyle0 = edsTooltipCss;
-
-const EdsTooltip = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.content = undefined;
-        this.position = 'above';
-        this.isVisible = false;
-        this.isPositioned = false;
-        this.tooltipStyle = { top: '0px', left: '0px', transform: '' };
-    }
-    /**
-     * Show the tooltip and update its position.
-     */
-    async showTooltip() {
-        var _a;
-        await this.updateTooltipPosition();
-        this.isPositioned = true;
-        this.isVisible = true;
-        sendAnalytics({
-            category: 'ui-component',
-            parentContext: null,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.content) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'hover'
-        });
-    }
-    /**
-     * Hide the tooltip.
-     */
-    hideTooltip() {
-        this.isVisible = false;
-        this.isPositioned = false; // Reset positioning when hiding
-    }
-    /**
-     * Hide the tooltip when the `Escape` key is pressed.
-     */
-    handleKeyPress(event) {
-        if (event.key === 'Escape') {
-            this.isVisible = false;
-            this.isPositioned = false; // Reset positioning when hiding
-        }
-    }
-    /**
-     * Update the tooltip's position dynamically based on the slotted element's dimensions and position.
-     */
-    updateTooltipPosition() {
-        var _a, _b;
-        const slotElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
-        if (!slotElement) {
-            return;
-        }
-        const assignedNodes = (slotElement === null || slotElement === void 0 ? void 0 : slotElement.assignedNodes({ flatten: true })) || [];
-        const targetElement = assignedNodes.find((node) => node instanceof HTMLElement);
-        if (targetElement) {
-            const targetRect = targetElement.getBoundingClientRect();
-            const tooltipElement = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[role="tooltip"]');
-            if (tooltipElement) {
-                const tooltipWidth = tooltipElement.offsetWidth;
-                const tooltipHeight = tooltipElement.offsetHeight;
-                // Calculate position based on the preferred `position` prop
-                let top = 0;
-                let left = 0;
-                switch (this.position) {
-                    case 'above':
-                        top = window.scrollY - tooltipHeight - 8; // Above with offset
-                        left = targetRect.left + targetRect.width / 2 - tooltipWidth / 2; // Centered horizontally
-                        break;
-                    case 'below':
-                        top = tooltipHeight - window.scrollY + 18; // Below with offset
-                        left = targetRect.left + targetRect.width / 2 - tooltipWidth / 2; // Centered horizontally
-                        break;
-                    /*case 'left':
-                      top = targetRect.top - window.scrollY + targetRect.height / 2 - tooltipHeight / 2; // Centered vertically
-                      left = targetRect.left - tooltipWidth - 8; // To the left with offset
-                      break;
-                    case 'right':
-                      top = targetRect.top - window.scrollY + targetRect.height / 2 - tooltipHeight / 2; // Centered vertically
-                      left = targetRect.right + 8; // To the right with offset
-                      break;*/
-                }
-                this.tooltipStyle = {
-                    top: `${top}px`,
-                    left: `${left}px`,
-                    transform: 'translateX(0)' // No additional horizontal adjustment needed
-                };
-            }
-        }
-    }
-    render() {
-        return (h("div", { key: '7bc92c002eaf263a2d10a2391f356f40e23d5998', class: "relative" }, h("slot", { key: 'cc8126196b03fd02bb17701aa4f55d4a406f685a' }), this.isVisible && this.isPositioned && this.content && (h("div", { key: '00d854649ef43b958081bbb336319a537c181574', class: "rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6", role: "tooltip", style: {
-                top: this.tooltipStyle.top,
-                left: this.tooltipStyle.left,
-                transform: this.tooltipStyle.transform
-            } }, this.content))));
-    }
-    get el() { return getElement(this); }
-};
-EdsTooltip.style = EdsTooltipStyle0;
-
-export { EdsTooltip as eds_tooltip };

package/dist/esm/toastManager-d9eee791.js

@@ -1,31 +0,0 @@
-class ToastManager {
-    constructor() {
-        this.toastManagerElement = null;
-    }
-    /**
-     * Initialize the ToastManager with a reference to the `eds-toast-manager` component.
-     */
-    init(toastManagerElement) {
-        this.toastManagerElement = toastManagerElement;
-    }
-    /**
-     * Display a toast.
-     * @param message - The message to display.
-     * @param intent - The type of the toast ('success', 'error', 'warning', 'default').
-     */
-    show(message, intent = 'default') {
-        if (!this.toastManagerElement) {
-            // eslint-disable-next-line
-            console.error('ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.');
-            return;
-        }
-        const event = new CustomEvent('show-toast', {
-            detail: { message, intent }
-        });
-        this.toastManagerElement.dispatchEvent(event);
-    }
-}
-// Export a singleton instance
-const toast = new ToastManager();
-
-export { toast as t };

package/dist/types/components/eds-cards/eds-card-composer/eds-card-wrapper/eds-card-wrapper.d.ts

@@ -1,23 +0,0 @@
-/**
- * @internal
- */
-export declare class EdsCardWrapper {
-    /**
-     * A boolean that determines whether the card should be displayed with a smaller height.
-     * If true, the card will use the 'tiny' height class.
-     */
-    tiny: boolean;
-    /**
-     * A boolean that determines whether the card should have a background color.
-     * If true, the card will have a background, otherwise it will not.
-     */
-    withBg: boolean;
-    /**
-     * A boolean that determines whether the card should display a hover effect.
-     * If true, the card will have a shadow effect and change its cursor on hover.
-     */
-    withHover: boolean;
-    el: HTMLElement;
-    private hasSlot;
-    render(): any;
-}

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

@@ -1,67 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * @internal
- */
-export declare class EdsLogin {
-    /**
-     * The URL of the Keycloak server.
-     * This is the base URL where your Keycloak instance is hosted.
-     */
-    keycloakUrl: string;
-    /**
-     * The Keycloak Realm.
-     * A realm in Keycloak is a space where you manage a set of users, roles,
-     * groups, and credentials.
-     */
-    keycloakRealm: string;
-    /**
-     * The Keycloak Client ID.
-     * The client ID represents the client application that Keycloak protects.
-     * It's configured in the Keycloak admin console and used to identify the app
-     * requesting authentication.
-     * Example: `my-client-app`
-     */
-    keycloakClientId: string;
-    authenticated: boolean;
-    user: any;
-    /**
-     * Indicates whether the Keycloak server is available.
-     */
-    serverAvailable: boolean;
-    /**
-     * Event emitted when the initKeycloak status changes.
-     */
-    keycloak: EventEmitter<{
-        init: boolean;
-    }>;
-    /**
-     * Event emitted when the authentication status changes.
-     * It emits an object {authenticated, user} indicating the new authentication status and the user's information.
-     */
-    auth: EventEmitter<{
-        authenticated: boolean;
-        user: any;
-    }>;
-    /**
-     * Lifecycle method that runs when the component is about to load.
-     * It initializes authentication by calling the `initAuth` method.
-     */
-    componentWillLoad(): Promise<void>;
-    /**
-     * Initializes the Keycloak authentication by configuring Keycloak with the provided props.
-     * Sets the `authenticated` state and `user` data if the user is authenticated.
-     * Emits `authStatusChanged` event with the authentication status.
-     */
-    initAuth(): Promise<void>;
-    /**
-     * Handles user login by invoking the Keycloak `login` function.
-     * Only triggers login if the user is not already authenticated.
-     */
-    handleLogin: () => Promise<void>;
-    /**
-     * Handles user logout by invoking the Keycloak `logout` function.
-     * Resets the `authenticated` state to `false` after logout.
-     */
-    handleLogout: () => Promise<void>;
-    render(): any;
-}