@ebrains/components 2.3.0 → 2.4.0

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

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

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

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

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as i}from"./p-271c61ff.js";import{p as o}from"./p-69c5074b.js";const r=class{constructor(i){e(this,i),this.menuClose=t(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(e){this.isMenuOpen=!!e.detail}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}componentDidLoad(){window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){window.innerWidth>=1024&&(this.isMenuOpen=!1)}get parsedLinks(){return o(this.links)}get parsedMenuLinks(){return o(this.menuLinks)}render(){return this.isMenuOpen?i("div",{class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},i("div",{class:"flex min-h-full flex-col"},i("div",{class:"w-full sticky top-0 "+(this.inverseHeader?"bg-strongest":"bg-default")},i("div",{class:"mx-auto flex items-center justify-between"},i("div",{class:"mr-auto w-[200px] h-[85px]"},i("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),i("div",{class:"px-16"},i("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),i("div",{class:"py-16 px-16"},i("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map(((e,t)=>i("eds-link",{label:e.label,key:t,url:e.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"arrow-right"})))),i("eds-block-break",null),i("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map(((e,t)=>i("eds-link",{label:e.label,key:t,url:e.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"chevron-right"})))),i("nav",{class:"mt-28 flex flex-col gap-y-8"},i("slot",null))),i("div",{class:"mt-auto"},i("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};r.style=".bg-default{background-color:var(--grey-200)}.bg-darker{background-color:var(--grey-400)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.effect-color{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:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.rounded-xs{border-radius:4px}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}";export{r as eds_fullscreen_menu}

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

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{m as c}from"./p-aefcb641.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"5f14cbe4b3ca88f7301c1561c092278b31d04326",class:this.class,innerHTML:c})}};export{e as eds_icon_menu}

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

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-271c61ff.js";const s={"1x1":"1/1","21x9":"21/9","16x9":"16/9","3x2":"3/2","4x3":"4/3","4x5":"4/5"},a=class{constructor(e){t(this,e)}render(){return e("section",{key:"83fc87fd64531611114fe47d977dc54b6af1d327",class:"w-full"},e("eds-section-core",{key:"b0b72d4f387cd48f4905c68b9f05ac3058d359c1",tag:"div","section-title":"Aspect Ratios","heading-level":"h3"},e("ul",{key:"af5677bb15a4ffb008fd90bdfdfb1b757a36e138",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(s).map((([t,s])=>e("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e("div",{class:"container ratio-box flex items-center justify-center text-center border-2 border-soft",style:{aspectRatio:s.replace("/",":"),width:"100%",maxWidth:"300px"}},e("span",{class:"text-default font-bold mr-auto"},"aspect-",t),e("span",{class:"mt-2 text-sm ml-auto"},s))))))))}};export{a as token_ratios}

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

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{b as c}from"./p-81899237.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"b42f25c9a2405c94d83c917026f376c9803058d1",class:this.class,innerHTML:c})}};export{t as eds_icon_bluesky}

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

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{v as e}from"./p-f2abe4d8.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"5725348031c6f0b6944e765b1b52e7f5759493aa",class:this.class,innerHTML:e})}};export{t as eds_icon_view}

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

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

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

@@ -1 +0,0 @@
-import{r as s,h as a}from"./p-271c61ff.js";import{f as c}from"./p-4687b64c.js";const r=class{constructor(a){s(this,a),this.class=""}render(){return a("span",{key:"8bba88cba6d29b204b4a4ceae3c41129bb6edcaa",class:this.class,innerHTML:c})}};export{r as eds_icon_facebook}

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

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-271c61ff.js";import{c as r}from"./p-4eb2cf7f.js";const a=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"a31ea2174a7c266b62264dad10c486f7dc27f043",class:this.class,innerHTML:r})}};export{a as eds_icon_clone}

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

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

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

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{t}from"./p-ba720bf3.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"747187922f5c94e96c67f5455e4ed3b8afd47885",class:this.class,innerHTML:t})}};export{e as eds_icon_thumbs_down}

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

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

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

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

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

@@ -1,104 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export interface Step {
-    title: string;
-    content?: string;
-}
-export declare class EdsSteps {
-    /**
-     * Steps data as an **array** or **JSON string** of objects:
-     * `{ title: string; content?: string }`.
-     *
-     * In static mode, all steps and their content render.
-     * In linear mode, only the active step renders its content.
-     *
-     * @default []
-     */
-    steps: string | Step[];
-    /**
-     * Stepper mode.
-     * - `static`: all steps are visible (no navigation controls)
-     * - `linear`: one step at a time with Back/Next/Finish controls
-     *
-     * @default "static"
-     */
-    type: 'static' | 'linear';
-    /**
-     * Label for the **Next** button (linear mode).
-     * @default "Next"
-     * @attr next-label
-     */
-    nextLabel: string;
-    /**
-     * Label for the **Back** button (linear mode).
-     * @default "Back"
-     * @attr back-label
-     */
-    backLabel: string;
-    /**
-     * Label for the **Finish** button on the **last step** (linear mode).
-     * @default "Finish"
-     * @attr finish-label
-     */
-    finishLabel: string;
-    /**
-     * If `true`, disables **Next/Finish** and prevents advancing.
-     * Useful for gating progression until validation passes.
-     *
-     * @default false
-     * @attr disable-next
-     */
-    disableNext: boolean | boolean[];
-    /**
-     * Semantic heading tag used for each step title.
-     * Accepted values: `"h3" | "h4" | "h5"`.
-     *
-     * @default "h4"
-     * @attr heading-level
-     */
-    headingLevel: 'h3' | 'h4' | 'h5';
-    /**
-     * Index of the currently active step (linear mode).
-     * Starts at `0`.
-     */
-    activeStep: number;
-    /**
-     * Fired whenever the active step changes.
-     * Payload: the **current step index**.
-     *
-     * @event step
-     */
-    step: EventEmitter<number>;
-    /**
-     * Fired when the user clicks **Finish** on the **last** step.
-     *
-     * @event finished
-     */
-    finished: EventEmitter<void>;
-    /**
-     * Fired when the user clicks **Next** (before advancing),
-     * with the **target** step index (current + 1).
-     *
-     * @event next
-     */
-    next: EventEmitter<number>;
-    /**
-     * Fired when the user clicks **Back** (before going back),
-     * with the **target** step index (current - 1).
-     *
-     * @event back
-     */
-    back: EventEmitter<number>;
-    /** Reference to the host element */
-    el: HTMLElement;
-    private handleTitleClick;
-    componentDidLoad(): void;
-    activeStepChanged(newValue: number): void;
-    emitContext(linkElement: HTMLElement): void;
-    private get parsedSteps();
-    private isNextDisabledFor;
-    private handleNext;
-    private handleBack;
-    /** Render the semantic heading element as a clickable control only in linear mode */
-    private renderHeading;
-    render(): any;
-}

package/dist/types/shared-ui/eds-steps-v2/eds-steps-v2.d.ts

@@ -1,84 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export interface Step {
-    title: string;
-    content?: string;
-}
-export declare class EdsStepsV2 {
-    /**
-     * JSON string or an array of step objects.
-     * Each object should have a `title` and optional `content` property.
-     */
-    steps: string | Step[];
-    /**
-     * The type of stepper:
-     * - `"static"`: shows all steps with their content.
-     * - `"linear"`: shows only one step at a time with navigation controls.
-     * @default "static"
-     */
-    type: 'static' | 'linear';
-    /** Optional image source to display above the steps. */
-    imageSrc?: string;
-    /** Optional image width for the `eds-img` component. */
-    imageWidth?: number;
-    /** If true, apply an inverse background to the container. */
-    bg: boolean;
-    /** Optional message to display inside the placeholder if no image is provided. */
-    message?: string;
-    /** Label text for the "Next" button. */
-    nextLabel: string;
-    /** Label text for the "Back" button. */
-    backLabel: string;
-    /** Label text for the "Finish" button (last step in linear mode). */
-    finishLabel: string;
-    /** If true, disables the "Next" button to block progression. */
-    disableNext: boolean;
-    /**
-     * Heading level to use for each step title.
-     * @default "h4"
-     */
-    headingLevel: 'h3' | 'h4' | 'h5';
-    /**
-     * The index of the currently active step (used in linear mode).
-     */
-    activeStep: number;
-    /**
-     * Emitted when the active step changes.
-     * @event step
-     * @payload {number} The index of the new active step.
-     */
-    step: EventEmitter<number>;
-    /**
-     * Emitted when the "Finish" button is clicked (last step in linear mode).
-     * @event finished
-     */
-    finished: EventEmitter<void>;
-    /**
-     * Emitted when the "Next" button is clicked.
-     * @event next
-     * @payload {number} The target step index.
-     */
-    next: EventEmitter<number>;
-    /**
-     * Emitted when the "Back" button is clicked.
-     * @event back
-     * @payload {number} The target step index.
-     */
-    back: EventEmitter<number>;
-    /** Reference to the host element. */
-    el: HTMLElement;
-    private handleTitleClick;
-    componentDidLoad(): void;
-    activeStepChanged(newValue: number): void;
-    emitContext(linkElement: HTMLElement): void;
-    articleClasses(): string;
-    /**
-     * Parses the steps property into an array of Step objects.
-     */
-    private get parsedSteps();
-    private handleNext;
-    private handleBack;
-    private isNextDisabledForCurrent;
-    /** Render the semantic heading element */
-    private renderHeading;
-    render(): any;
-}