@ebrains/components 0.7.0-alpha.0 → 0.8.0-alpha.0

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

@@ -1,121 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8a71b9a7.js';
-import { s as sendAnalytics } from './analytics-44b1416b.js';
-
-const edsDropdownCss = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}";
-const EdsDropdownStyle0 = edsDropdownCss;
-
-const EdsDropdown = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.dropdown = createEvent(this, "dropdown", 7);
-        this.focusableItems = [];
-        /**
-         * Toggles the visibility of the dropdown and manages focus.
-         */
-        this.handleClick = () => {
-            var _a;
-            this.isOpen = !this.isOpen;
-            if (this.isOpen) {
-                this.focusIndex = 0;
-                this.focusItem();
-            }
-            else {
-                this.closeDropdown();
-            }
-            this.dropdown.emit({ expanded: this.isOpen });
-            sendAnalytics({
-                category: 'ui-component',
-                parentContext: null,
-                tag: this.host.tagName.toLowerCase(),
-                name: ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-                action: this.isOpen ? 'expanded' : 'collapsed'
-            });
-        };
-        this.icon = 'chevron-down';
-        this.label = undefined;
-        this.rounded = false;
-        this.ariaLabel = 'Open dropdown';
-        this.asNav = true;
-        this.dropdownPos = 'left';
-        this.dropdownOffset = true;
-        this.intent = 'tertiary';
-        this.isOpen = false;
-        this.focusIndex = -1;
-    }
-    /**
-     * Closes the dropdown when a click occurs outside of it.
-     * @param {Event} e - The click event.
-     */
-    handleWindowClick(e) {
-        if (!this.host.contains(e.target)) {
-            this.closeDropdown();
-            this.dropdown.emit({ expanded: false });
-        }
-    }
-    /**
-     * Handles keyboard navigation and accessibility within the dropdown.
-     * @param {KeyboardEvent} event - The keyboard event.
-     */
-    handleKeyDown(event) {
-        if (this.isOpen) {
-            const key = event.key;
-            switch (key) {
-                case 'Tab':
-                    this.closeDropdown();
-                    this.dropdown.emit({ expanded: false });
-                    break;
-                case 'ArrowUp':
-                    event.preventDefault();
-                    this.focusIndex = (this.focusIndex - 1 + this.focusableItems.length) % this.focusableItems.length;
-                    this.focusItem();
-                    break;
-                case 'ArrowDown':
-                    event.preventDefault();
-                    this.focusIndex = (this.focusIndex + 1) % this.focusableItems.length;
-                    this.focusItem();
-                    break;
-            }
-        }
-    }
-    /**
-     * Closes the dropdown and resets focus.
-     */
-    closeDropdown() {
-        this.isOpen = false;
-        this.focusIndex = -1;
-        this.dropdown.emit({ expanded: false });
-    }
-    /**
-     * Sets focus on the currently selected item in the dropdown.
-     */
-    focusItem() {
-        var _a;
-        (_a = this.focusableItems[this.focusIndex]) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    /**
-     * Lifecycle method that runs after the component has been added to the DOM.
-     * Initializes focusable items within the dropdown.
-     */
-    componentDidLoad() {
-        var _a;
-        this.focusableItems = Array.from(((_a = this.dropdownContent) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a, button')) || []);
-    }
-    /**
-     * Renders the dropdown component and displays its content when open.
-     * @returns {JSX.Element} The rendered dropdown component.
-     */
-    render() {
-        return (h("div", { key: '3edd3453afbd52ee9e3c4d925baa46e07cfdbfc0', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: '7c69acb6d6213af2cec8c1e00c68d83a5d23d676', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), h("nav", { key: '5048b1c3cb42418736d471c2331330afef49cbc5', role: "menu", class: {
-                'shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8': true,
-                'left-4': this.dropdownPos === 'left' && this.dropdownOffset,
-                'left-0': this.dropdownPos === 'left' && !this.dropdownOffset,
-                'right-4': this.dropdownPos === 'right' && this.dropdownOffset,
-                'right-0': this.dropdownPos === 'right' && !this.dropdownOffset,
-                'rounded-lg': this.rounded
-            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, h("slot", { key: '842f316e9a7910aa8b34823e883c54c1979668d1' }))));
-    }
-    get host() { return getElement(this); }
-};
-EdsDropdown.style = EdsDropdownStyle0;
-
-export { EdsDropdown as eds_dropdown };

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

@@ -1,25 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-8a71b9a7.js';
-
-const EdsUser = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.user = undefined;
-    }
-    /**
-     * Lifecycle method that runs when the component is about to load.
-     * It initializes authentication by calling the `initAuth` method.
-     */
-    async componentWillLoad() { }
-    get initials() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const initials = `${((_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a.given_name) === null || _b === void 0 ? void 0 : _b.charAt(0)) || ''}${((_d = (_c = this.user) === null || _c === void 0 ? void 0 : _c.family_name) === null || _d === void 0 ? void 0 : _d.charAt(0)) || ''}`.toUpperCase();
-        return initials || ((_g = (_f = (_e = this.user) === null || _e === void 0 ? void 0 : _e.name) === null || _f === void 0 ? void 0 : _f.charAt(0)) === null || _g === void 0 ? void 0 : _g.toUpperCase()) || '';
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '68bc37b43d006a35e088a647d41b2257fbef25a7', class: "block" }, h("div", { key: '3f4badcb645238de9ac8aaad78e1c132407f5b0d', class: "flex items-center" }, h("eds-dropdown", { key: '7f065f82c5845fd0ebc9c6b465ac56a695a99b77', label: `Welcome, ${(_a = this.user) === null || _a === void 0 ? void 0 : _a.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("div", { key: '2b1e9279c8d4feae16bf64c15837b61b945af447', class: "min-w-[280px] p-8" }, h("div", { key: 'efa9aef50bc1eb4961e53a89f6e07cc5ff78d67b', class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, h("eds-avatar", { key: '2b78a6768ecb101138ab742d812d407e1b4fdd89', "first-name": (_b = this.user) === null || _b === void 0 ? void 0 : _b.given_name, "last-name": (_c = this.user) === null || _c === void 0 ? void 0 : _c.family_name, initials: this.initials, color: "grey", rounded: true, "initials-strong": true }), h("div", { key: 'd538dfe8df5e8af92fa204493b8b59b0d0e9f61a', class: "max-w-full" }, ((_d = this.user) === null || _d === void 0 ? void 0 : _d.name) && h("p", { key: 'a644c3cdda0ce7bf2f62438a3866692f4222efeb', class: "f-ui-01 text-default w-full text-ellipsis" }, this.user.name), ((_e = this.user) === null || _e === void 0 ? void 0 : _e.preferred_username) && (h("p", { key: '2a6cf5f0324d27ebdfd2b331e5f232c23e544ad5', class: "f-ui-03-light text-light mt-4" }, this.user.preferred_username)), ((_f = this.user) === null || _f === void 0 ? void 0 : _f.email) && h("p", { key: '02b9dd4f2999b68107eabc2c1e2a1bc3bb98f26a', class: "f-ui-03-light text-light mt-4" }, this.user.email))), h("div", { key: '3a68427dc603f0a3fb2652bfbea292eb718046dd', class: "text-default mt-16 flex w-full flex-col gap-y-8" }, h("div", { key: '3f3f617385efc57502794f78079b8486b6801425', class: "border-softer mb-10 border-b-2 pb-16" }, h("eds-link", { key: '62fbc143f710605c7d840277dc90054a1162831d', label: "My EBRAINS", "aria-label": "My EBRAINS", url: "https://www.ebrains.eu/dashboard", intent: "primary", "extra-class": "w-full", external: true })), h("eds-link", { key: 1, label: "Account Settings", url: "https://iam.ebrains.eu/auth/realms/hbp/account/", intent: "secondary", icon: "arrow-diagonal", external: true, "extra-class": "w-full" }), h("slot", { key: 'f48a4c872784b60e421fda6e48f67f4c85b101d7' })))))));
-    }
-    get hostEl() { return getElement(this); }
-};
-
-export { EdsUser as eds_user };

package/dist/esm/eds-vertical-stepper.entry.js

@@ -1,41 +0,0 @@
-import { r as registerInstance, h } from './index-8a71b9a7.js';
-
-const edsVerticalStepperCss = ":host{display:block}.stepper-container{margin:0 auto}.stepper{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:24px;counter-reset:step}.step{margin-bottom:24px}.step-label{counter-increment:step;font-size:1.25rem;font-weight:600;position:relative;margin-top:1em;margin-bottom:1em}.step-label::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.optional{font-size:0.8rem;color:#888;margin-left:8px}.step-content{margin-top:8px}.step-buttons{margin-top:12px}.step-buttons button{margin-right:8px;padding:6px 12px;font-size:0.875rem}.completed{padding:16px;border:1px solid #ddd;margin-top:16px;text-align:center}";
-const EdsVerticalStepperStyle0 = edsVerticalStepperCss;
-
-const EdsVerticalStepper = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.handleNext = () => {
-            if (this.activeStep < this.parsedSteps.length) {
-                this.activeStep = this.activeStep + 1;
-            }
-        };
-        this.handleBack = () => {
-            if (this.activeStep > 0) {
-                this.activeStep = this.activeStep - 1;
-            }
-        };
-        this.handleReset = () => {
-            this.activeStep = 0;
-        };
-        this.steps = '[]';
-        this.activeStep = 0;
-    }
-    get parsedSteps() {
-        try {
-            return JSON.parse(this.steps);
-        }
-        catch (error) {
-            //console.error('Invalid steps JSON', error);
-            return [];
-        }
-    }
-    render() {
-        const steps = this.parsedSteps;
-        return (h("div", { key: '89344ad340f9eb8d20f463d3990ec4832cbdc900', class: "stepper-container" }, h("div", { key: 'da8d7fae2b30cfc93d04d5d8c3a61d95ccf91383', class: "stepper" }, steps.map((step, index) => (h("div", { class: "step", key: index }, h("div", { class: "step-label" }, h("span", null, step.label), index === steps.length - 1 && h("span", { class: "f-ui-03 text-lightest ml-4" }, "(Last step)")), this.activeStep === index && (h("div", { class: "step-content" }, h("p", null, step.description), h("div", { class: "step-buttons" }, h("eds-button", { label: index === steps.length - 1 ? 'Finish' : 'Continue', class: "next-btn", onClick: this.handleNext }), h("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: index === 0, "extra-class": index === 0 ? 'hidden' : 'ml-8 block' })))))))), this.activeStep === steps.length && (h("div", { key: '1e3272723281d9a10603b4d1e79badfdd6591cc5', class: "" }, h("eds-alert", { key: '7cc81e7e7097891364ff9894d383fd7bb9f7fce4', intent: "success", message: "All steps completed - you're finished!" }), h("eds-button", { key: 'a4d68698fa7831c7e2b6afae435979ccac46a726', label: "Start again", onClick: this.handleReset, "extra-class": "mt-4" })))));
-    }
-};
-EdsVerticalStepper.style = EdsVerticalStepperStyle0;
-
-export { EdsVerticalStepper as eds_vertical_stepper };

package/dist/esm/formUtils-ac68474d.js

@@ -1,223 +0,0 @@
-// utils/validators.ts
-function validateField(name, value, type, required, maxLength) {
-    const errors = [];
-    if (required && !value) {
-        errors.push(`${name} is required.`);
-    }
-    if (maxLength && typeof value === 'string' && value.length > maxLength) {
-        errors.push(`${name} must be at most ${maxLength} characters.`);
-    }
-    if (type === 'email' && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value.toString())) {
-        errors.push('Invalid email format.');
-    }
-    return errors;
-}
-function validateFieldGroup(name, required, formEl) {
-    // Find all eds-input-field components that contain inputs with the given name.
-    const groupFields = Array.from(formEl.querySelectorAll('eds-input-field')).filter((edsField) => { var _a, _b; return ((_b = (_a = edsField.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`input[name="${name}"]`)) === null || _b === void 0 ? void 0 : _b.length) > 0; });
-    // Collect all input elements with the matching name inside those components.
-    const groupElements = groupFields.flatMap((edsField) => { var _a; return Array.from(((_a = edsField.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`input[name="${name}"]`)) || []); });
-    // Check if at least one input is checked.
-    const isChecked = groupElements.some((el) => el.checked);
-    const errors = [];
-    if (required && !isChecked) {
-        errors.push(`At least one option in ${name} is required.`);
-    }
-    return errors;
-}
-function validateSingleBox(name, required, formEl) {
-    var _a;
-    const errors = [];
-    // Find the eds-input-field component containing the input with the given name.
-    const edsField = Array.from(formEl.querySelectorAll('eds-input-field')).find((field) => { var _a; return (_a = field.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[name="${name}"]`); });
-    // If no such field is found and it's required, return an error.
-    if (!edsField) {
-        if (required) {
-            errors.push(`${name} is required.`);
-        }
-        return errors;
-    }
-    // Query within the component's shadow root.
-    const inputEl = (_a = edsField.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`[name="${name}"]`);
-    if (required && inputEl && !inputEl.checked) {
-        errors.push(`${name} is required.`);
-    }
-    return errors;
-}
-
-/**
- * Finds the first input element for a given field name inside eds-input-field components.
- */
-function findFieldElement(formEl, name) {
-    const elements = Array.from(formEl.querySelectorAll('eds-input-field'));
-    for (const element of elements) {
-        if (element.shadowRoot) {
-            const input = element.shadowRoot.querySelector(`[name="${name}"]`);
-            if (input) {
-                return input;
-            }
-        }
-    }
-    return null;
-}
-/**
- * Validates all fields and returns an object containing the errors and a flag indicating any errors.
- */
-function validateFormFields(parsedFields, formEl, values, 
-// eslint-disable-next-line
-isFieldVisible) {
-    const errors = {};
-    let hasError = false;
-    parsedFields.forEach((field) => {
-        // Only validate fields that are visible.
-        if (!isFieldVisible(field, values)) {
-            // If a field is hidden, clear its error.
-            delete errors[field.name];
-            return;
-        }
-        if (field.type !== 'hidden') {
-            if ((field.type === 'checkbox' || field.type === 'radio') && !field.options) {
-                // Single checkbox or radio without multiple options
-                const fieldErrors = validateSingleBox(field.name, field.required, formEl);
-                if (fieldErrors.length > 0) {
-                    errors[field.name] = fieldErrors;
-                    hasError = true;
-                }
-            }
-            else if (field.options && (field.type === 'checkbox' || field.type === 'radio')) {
-                // Checkbox or radio group with options
-                const fieldErrors = validateFieldGroup(field.name, field.required, formEl);
-                if (fieldErrors.length > 0) {
-                    errors[field.name] = fieldErrors;
-                    hasError = true;
-                }
-            }
-            else {
-                // For all other types, find the first matching element.
-                const inputEl = findFieldElement(formEl, field.name);
-                if (inputEl) {
-                    const value = inputEl.value;
-                    const fieldErrors = validateField(field.name, value, field.type, field.required, field.maxlength);
-                    if (fieldErrors.length > 0) {
-                        errors[field.name] = fieldErrors;
-                        hasError = true;
-                    }
-                }
-            }
-        }
-    });
-    return { errors, hasError };
-}
-
-/**
- * Validates a field based on its type and returns an array of error messages.
- * @param field - The field configuration object.
- * @param value - The input value (if applicable).
- * @param formEl - The form element used for DOM queries.
- */
-function validateInputField(field, value, formEl) {
-    if (field.type === 'checkbox' || field.type === 'radio') {
-        if (field.options) {
-            return validateFieldGroup(field.name, field.required, formEl);
-        }
-        return validateSingleBox(field.name, field.required, formEl);
-    }
-    return validateField(field.name, value, field.type, field.required, field.maxlength);
-}
-
-/**
- * Updates state values based on draft data and, after a delay, updates the corresponding DOM inputs.
- */
-function getFormInitData({ initData, parsedFields, currentValues, formEl, isFieldVisible }) {
-    // Pass 1: Update state for all fields.
-    const updatedValues = Object.assign({}, currentValues);
-    parsedFields.forEach((field) => {
-        const value = initData[field.name];
-        if (value !== undefined) {
-            updatedValues[field.name] = value;
-        }
-    });
-    // Pass 2: Delay DOM updates to ensure nested fields are rendered.
-    setTimeout(() => {
-        parsedFields.forEach((field) => {
-            // Only update if the field is visible.
-            if (isFieldVisible(field, updatedValues)) {
-                const value = initData[field.name];
-                if (value !== undefined) {
-                    if (field.type === 'checkbox' || field.type === 'radio') {
-                        // Query all eds-input-field components and update matching inputs.
-                        const elements = Array.from(formEl.querySelectorAll('eds-input-field'));
-                        elements.forEach((element) => {
-                            if (element.shadowRoot) {
-                                const inputs = Array.from(element.shadowRoot.querySelectorAll(`[name="${field.name}"]`));
-                                // Convert stored comma-separated value into a trimmed array.
-                                const valuesArray = value.split(',').map((v) => v.trim());
-                                inputs.forEach((inputEl) => {
-                                    // eslint-disable-next-line
-                                    inputEl.checked = valuesArray.includes(inputEl.value);
-                                });
-                            }
-                        });
-                    }
-                    else {
-                        // For non-checkbox/radio inputs, update the first matching element using findFieldElement.
-                        const inputEl = findFieldElement(formEl, field.name);
-                        if (inputEl) {
-                            inputEl.value = value;
-                        }
-                    }
-                }
-            }
-        });
-    }, 50); // A 50ms delay to allow re-render
-    return { updatedValues };
-}
-/**
- * Updates state values based on draft data and, after a delay, updates the corresponding DOM inputs.
- */
-function getFormDraftData({ draftData, parsedFields, currentValues, formEl, isFieldVisible }) {
-    // Pass 1: Update state for all fields.
-    const updatedValues = Object.assign({}, currentValues);
-    parsedFields.forEach((field) => {
-        const value = draftData[field.name];
-        if (value !== undefined) {
-            updatedValues[field.name] = value;
-        }
-    });
-    // Pass 2: Delay DOM updates to ensure nested fields are rendered.
-    setTimeout(() => {
-        parsedFields.forEach((field) => {
-            // Only update if the field is visible.
-            if (isFieldVisible(field, updatedValues)) {
-                const value = draftData[field.name];
-                if (value !== undefined) {
-                    if (field.type === 'checkbox' || field.type === 'radio') {
-                        // Query all eds-input-field components and update matching inputs.
-                        const elements = Array.from(formEl.querySelectorAll('eds-input-field'));
-                        elements.forEach((element) => {
-                            if (element.shadowRoot) {
-                                const inputs = Array.from(element.shadowRoot.querySelectorAll(`[name="${field.name}"]`));
-                                // Convert stored comma-separated value into a trimmed array.
-                                const valuesArray = value.split(',').map((v) => v.trim());
-                                inputs.forEach((inputEl) => {
-                                    // eslint-disable-next-line
-                                    inputEl.checked = valuesArray.includes(inputEl.value);
-                                });
-                            }
-                        });
-                    }
-                    else {
-                        // For non-checkbox/radio inputs, update the first matching element using findFieldElement.
-                        const inputEl = findFieldElement(formEl, field.name);
-                        if (inputEl) {
-                            inputEl.value = value;
-                        }
-                    }
-                }
-            }
-        });
-    }, 50); // A 50ms delay to allow re-render
-    return { updatedValues };
-}
-
-export { validateInputField as a, getFormDraftData as b, getFormInitData as g, validateFormFields as v };

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

@@ -1,32 +0,0 @@
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        description: {
-            control: string;
-        };
-        descClass: {
-            control: string;
-        };
-        truncate: {
-            control: string;
-        };
-        truncateLines: {
-            control: string;
-        };
-    };
-    args: {
-        description: string;
-        descClass: string;
-        truncate: boolean;
-        truncateLines: string;
-    };
-};
-export default _default;
-export declare const Default: {
-    render: (args: any) => import("lit-html").TemplateResult<1>;
-    args: {
-        description: string;
-        truncate: boolean;
-    };
-};

package/dist/types/components/eds-form/eds-form.d.ts

@@ -1,148 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-interface User {
-    token: string;
-    email: string;
-    name: string;
-    [key: string]: any;
-}
-/**
- * `EdsForm` is a comprehensive form component designed to handle form submission with validation,
- * error handling, and customizable fields. It offers several options for handling alerts and
- * success/error messages and supports various input types and configurations.
- *
- * Key Features:
- * - Configurable validation for fields, including dynamic field validation.
- * - Customizable success and error messages displayed upon submission.
- * - Optionally includes a submit button, which can display a loading state during submission.
- * - Supports file upload, hidden fields, and dynamic field parsing.
- * - Emits `formSubmitting` event when the form is submitting.
- *
- * This component is ideal for implementing complex forms with specific validation and submission behaviors.
- */
-export declare class EdsForm {
-    /**
-     * If `true`, includes the current form URL in the submission data.
-     */
-    setFormUrl?: boolean;
-    /**
-     * If `true`, includes a submit button in the form.
-     */
-    submitBtn?: boolean;
-    /**
-     * If `true`, includes a submit button in the form.
-     */
-    submitBtnLabel?: string;
-    /**
-     * The message displayed when the form submission is successful.
-     */
-    successMessage?: string;
-    /**
-     * The message displayed when the form submission fails.
-     */
-    errorMessage?: string;
-    /**
-     * The message displayed when the form submission fails.
-     */
-    submitBtnHintMessage?: string;
-    /**
-     * The API endpoint where the form data will be submitted.
-     */
-    endpoint: string;
-    /**
-     * The name of the form, used for grouping inputs and identifying the form.
-     */
-    name: string;
-    /**
-     * A JSON string representing the fields in the form.
-     * Example:
-     * ```json
-     * [
-     *   { "name": "email", "label": "Email", "type": "text", "required": true },
-     *   { "name": "password", "label": "Password", "type": "password", "required": true }
-     * ]
-     * ```
-     */
-    fields: string | any[];
-    /**
-     * Couping Auth and Submit button state
-     * Submit button's state (disabled) is coupled with the Users' auth state - if user auth true then submit btn is enabled
-     * This useful when the component is used as Survey and more types.
-     */
-    coupleAuth: boolean;
-    /**
-     * The user object containing user information.
-     * This is populated after a successful authentication.
-     */
-    user?: User;
-    /**
-     * Whether the form is in draft mode.
-     * Meaning it will attempt to post each input change invalidated.
-     */
-    draft?: boolean;
-    /**
-     * The draft data the form will attempt to populate in the provided fields.
-     */
-    draftData: {
-        [key: string]: any;
-    };
-    values: {
-        [key: string]: any;
-    };
-    /**
-     * Tracks whether the form was successfully submitted.
-     */
-    formSubmitted: boolean;
-    /**
-     * Tracks whether the form has any errors.
-     */
-    hasError: boolean;
-    /**
-     * A dictionary of field names and their corresponding error messages.
-     */
-    errors: {
-        [key: string]: string[];
-    };
-    /**
-     * Indicates whether the form is currently submitting.
-     */
-    isSubmitting: boolean;
-    /**
-     * The alert message displayed after form submission or validation.
-     */
-    alertMessage: string | null;
-    isAuthenticated: boolean;
-    parsedFields: any[];
-    form: EventEmitter<{
-        event: 'input' | 'change' | 'submit';
-        validated?: boolean;
-        field?: string;
-        value?: any;
-        message?: string;
-        success?: boolean;
-        data: any;
-    }>;
-    /**
-     * Reference to the host element.
-     */
-    el: HTMLElement;
-    private formEl;
-    componentWillLoad(): Promise<void>;
-    componentDidLoad(): Promise<void>;
-    get shouldFormAcceptDraft(): boolean;
-    get shouldFormProcessDraft(): boolean;
-    parseFields(newValue: string | any[]): void;
-    loadDraft(): void;
-    emitContext(linkElement: HTMLElement): void;
-    isFieldVisible(field: any): boolean;
-    validateForm(): void;
-    populateFormWithDraftData(draftData: {
-        [key: string]: any;
-    }): void;
-    getFormData(): FormData;
-    handleChange(e: Event, field: any): void;
-    handleInput(e: Event, field: any): void;
-    handleSubmit(e: Event): Promise<void>;
-    postFormDataWithoutValidation(): Promise<void>;
-    render(): any;
-}
-export {};

package/dist/types/components/eds-form/eds-form.stories.d.ts

@@ -1,42 +0,0 @@
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {
-        name: {
-            control: string;
-            description: string;
-            defaultValue: string;
-        };
-        endpoint: {
-            control: string;
-            description: string;
-            defaultValue: string;
-        };
-        fields: {
-            control: string;
-            description: string;
-        };
-        successMessage: {
-            control: string;
-            description: string;
-            defaultValue: string;
-        };
-        errorMessage: {
-            control: string;
-            description: string;
-            defaultValue: string;
-        };
-        submitBtn: {
-            control: string;
-            description: string;
-            defaultValue: boolean;
-        };
-        setFormUrl: {
-            control: string;
-            description: string;
-            defaultValue: boolean;
-        };
-    };
-};
-export default _default;
-export declare const Default: any;

package/dist/types/components/eds-steps/eds-vertical-stepper.d.ts

@@ -1,22 +0,0 @@
-export interface Step {
-    label: string;
-    description: string;
-}
-export declare class EdsVerticalStepper {
-    /**
-     * JSON string containing an array of steps.
-     * Example:
-     * '[
-     *   { "label": "Select campaign settings", "description": "For each ad campaign..." },
-     *   { "label": "Create an ad group", "description": "An ad group contains one or more ads..." },
-     *   { "label": "Create an ad", "description": "Try out different ad text..." }
-     * ]'
-     */
-    steps: string;
-    activeStep: number;
-    private get parsedSteps();
-    private handleNext;
-    private handleBack;
-    private handleReset;
-    render(): any;
-}