@ebrains/components 0.7.0-alpha.1 → 0.9.0-beta

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/esm/token-spacing.entry.js

@@ -1,12 +0,0 @@
-import { r as registerInstance, h } from './index-8a71b9a7.js';
-
-const TokenSpacing = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: '356476122714281daec61c548440aebde6539707', class: "w-full" }, h("ul", { key: '970f3773e8974095cc033f903f064184ce2efbf7', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '09633a00f33076131e1af2c84897fc5e427cb8fe', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '0f6fa253191124f68f38e252cbdd816b2e6a4fed', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '3ea0d517cda698486a86d84b08638e0571a83cbd', class: "spacing-sample m-32 bg-darker" }, h("span", { key: '705336858b45b26fc7949af2c06c7aa0caf06521', class: "text-white" }, "Margin: 2rem / m-32")))), h("li", { key: '0f6db988457ea76155bc8d0f7aa24a6a987b0faa', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '8eefc5b4f1c1decfb77d54b03ab3fd00a303142c', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'ee398d39118bf544bc6b02b4788b53f6625af2f8', class: "spacing-sample ml-64 bg-darker" }, h("span", { key: 'dfc2b6c02727298e8d307c26b00c77cbad7c741d', class: "text-white" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'f2f058f6576c56b4785675b173a5720bc8b8b5a2', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '79b1d6d5d1a5adf9168d48f21917fd5a45921d4d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '037bc78f10b1aa70d8dd658d4d0f2f5c4689b9b4', class: "spacing-sample mt-32 bg-darker" }, h("span", { key: '44f1f4a3c85670448aa3888a28d9c977ca786f86', class: "text-white" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '7c20e01a04b1d76d4dcffc14f4df75f5021ece20', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '07a56f648b690e078b21070a55a605c02347d609', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '231c4279bdae8065ef24fec89eecb78651e04611', class: "spacing-sample p-32 bg-darker" }, h("span", { key: 'a07ed52edd29aa0aa6f6b3f246f5a9c0ae01a1d7', class: "text-white" }, "Padding: 2rem / p-32")))), h("li", { key: '9d03ce15cd0d729158e95aa57cfa16ffc198d61f', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '96166a0e3ecfd6c6a66c994964fa15bee8bde642', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '5ab66866c84be4bce570f0b88893b897e9055975', class: "spacing-sample pt-32 bg-darker" }, h("span", { key: '97a396c5d1411994f85e02da470c225a61ceecc3', class: "text-white" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '73e0a494873f0223be3631e317a0de839837c6c0', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'b6d16c13e18c51a9e458beb6a09ba8363016f78f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '31ecca8519713956f36adeab4ec9d948366ef60c', class: "spacing-sample pl-32 bg-darker" }, h("span", { key: '5be84ed80ae0f13b350a69bced77af95ab9b9a12', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
-    }
-};
-
-export { TokenSpacing as token_spacing };

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;
-}

package/dist/types/eds-docs-ui/functional/angular.d.ts

@@ -1,2 +0,0 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
-export declare const EdsDocsAngular: FunctionalComponent;

package/dist/types/eds-docs-ui/functional/installation.d.ts

@@ -1,2 +0,0 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
-export declare const EdsDocsInstallation: FunctionalComponent;

package/dist/types/eds-docs-ui/functional/overview.d.ts

@@ -1,2 +0,0 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
-export declare const EdsComponentsOverview: FunctionalComponent;

package/dist/types/eds-docs-ui/functional/react.d.ts

@@ -1,2 +0,0 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
-export declare const EdsDocsReact: FunctionalComponent;

package/dist/types/eds-docs-ui/functional/usage.d.ts

@@ -1,2 +0,0 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
-export declare const EdsDocsUsage: FunctionalComponent;

package/dist/types/eds-docs-ui/functional/vue.d.ts

@@ -1,2 +0,0 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
-export declare const EdsDocsVue: FunctionalComponent;