@supersoniks/concorde 2.0.7 → 3.0.0

package/core/mixins/Fetcher.js

@@ -1,242 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import "@supersoniks/concorde/core/components/ui/button/button";
-import { SonicToast } from "@supersoniks/concorde/core/components/ui/toast/toast";
-import API from "@supersoniks/concorde/core/utils/api";
-import Objects from "@supersoniks/concorde/core/utils/Objects";
-import { PublisherManager } from "@supersoniks/concorde/utils";
-import { property } from "lit/decorators.js";
-const fetchersInError = new Set();
-export const invalidateFetchersInError = () => {
-    const fetchersInErrorCopy = new Set(fetchersInError);
-    fetchersInError.clear();
-    for (const fetcher of fetchersInErrorCopy) {
-        fetcher._fetchData();
-    }
-};
-const errorsListeners = new Set();
-export const onFetchError = (errorListener) => {
-    errorsListeners.add(errorListener);
-};
-export const offFetchError = (errorListener) => {
-    errorsListeners.delete(errorListener);
-};
-const dispatchFetchError = (apiResponse) => {
-    for (const listener of errorsListeners) {
-        listener(apiResponse);
-    }
-};
-const Fetcher = (superClass, propsType) => {
-    propsType;
-    class FetcherElement extends superClass {
-        constructor(...args) {
-            super();
-            this.api = null;
-            /**
-             * Après le chargement des données on traverse l'objet reçu en fonctione de la cible exprimées dans cette propriété avec la dot syntaxe.
-             * C'est cette donnée cible qui est injectée dans les pros et donc disponible via le publisher disponible globalement via PublisherManager.get(dataProvider)
-             */
-            this.key = "";
-            /**
-             * isFirstLoad vaut true jusqu'au premier chargement de données
-             */
-            this.isFirstLoad = true;
-            /**
-             * isLoading vaut true pendant le chargement des données
-             */
-            this.isLoading = false;
-            /**
-             * IObserver est l'intersection observer qui permet de charger les données au scroll si l'attribut lazyload est renseigné
-             */
-            this.iObserver = null;
-            /**
-             * On peut désactiver le fetch programmatiquement via cette propriété.
-             * Cela est le cas pour le composant sonic-list qui ne fetch que si l'attribut fetch est renseigné
-             */
-            this.isFetchEnabled = true;
-            /**
-             * Result of the fetch
-             */
-            this.fetchedData = null;
-            this._endPoint = "";
-            this.requestId = 0;
-            this.refetchEveryMs = 0;
-            args;
-            this.dataProvider = "";
-        }
-        get props() {
-            return super.props;
-        }
-        set props(value) {
-            super.props = value;
-        }
-        set endPoint(value) {
-            this._endPoint = value;
-            if (this.isConnected)
-                this._fetchData();
-        }
-        get endPoint() {
-            return this._endPoint;
-        }
-        /**
-         *
-         * C'est ici que les données sont chargées via l'utilitaire API
-         * Elles sont ensuite injectées dans le publisher en accord avec la cible définie dans la propriété key
-         * Un Toast est affiché si le chargement échoue
-         */
-        async _fetchData() {
-            this.requestUpdate();
-            if (!this.isFetchEnabled)
-                return;
-            this.api = new API(this.getApiConfiguration());
-            if (!this.api)
-                return;
-            // if (!this.dataProvider) return;
-            this.dispatchEvent(new CustomEvent("loading", { detail: this }));
-            if (this.getAttribute("localStorage") === "enabled") {
-                await PublisherManager.getInstance().isLocalStrorageReady;
-            }
-            if (!this.isConnected)
-                return;
-            const headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
-            this.isLoading = true;
-            if (Objects.isObject(this.props) && Object.keys(this.props || {}).length > 0 && this.isFirstLoad) {
-                window.requestAnimationFrame(() => {
-                    this.dispatchEvent(new CustomEvent("load", { detail: this }));
-                    this.isFirstLoad = false;
-                    this.isLoading = false;
-                });
-            }
-            let data = await this.api.get(this.endPoint || this.dataProvider || "", headerData);
-            this.fetchedData = data;
-            if (this.api.lastResult && !this.api.lastResult.ok) {
-                fetchersInError.add(this);
-                dispatchFetchError(this.api.lastResult);
-            }
-            if (!this.isConnected) {
-                return;
-            }
-            if (!data) {
-                // Cela n'arrive normalement que lorsque l'on quitte une page pendant un fetch on n'affiche donc pas de message
-                this.isLoading = false;
-                if (this.refetchEveryMs && this.isConnected) {
-                    this.refetchTimeOutId = setTimeout(() => this._fetchData(), this.refetchEveryMs);
-                }
-                return;
-            }
-            else if (data._sonic_http_response_ && !data._sonic_http_response_.ok && Object.keys(data).length === 1) {
-                // Si data ne contient que la réponse HTTP, avec un statut not ok, on affiche un message
-                SonicToast.add({ text: "Network Error", status: "error" });
-            }
-            if (this.key) {
-                const response = data._sonic_http_response_;
-                /* preserveOtherKeys s'exprime lorsque le paramètre "key" est défini
-                 * Conserve les autres propriétés de l'objet reçu, en plus des propriétés définies sous "key"
-                 */
-                const path = this.key.split(".");
-                data = Objects.traverse(data, path, this.hasAttribute("preserveOtherKeys"));
-                if (data && Objects.isObject(data) && response)
-                    data._sonic_http_response_ = response;
-            }
-            this.props = data;
-            this.dispatchEvent(new CustomEvent("load", { detail: this }));
-            this.isFirstLoad = false;
-            this.isLoading = false;
-            if (this.refetchEveryMs && this.isConnected) {
-                this.refetchTimeOutId = setTimeout(() => this._fetchData(), this.refetchEveryMs);
-            }
-        }
-        disconnectedCallback() {
-            super.disconnectedCallback();
-            this.publisher?.offInvalidate(this.onInvalidate);
-            clearTimeout(this.refetchTimeOutId);
-            this.isFirstLoad = false;
-        }
-        connectedCallback() {
-            // this.noShadowDom = "";
-            this.lazyLoad = this.lazyLoad !== undefined ? this.lazyLoad : this.hasAttribute("lazyload");
-            super.connectedCallback();
-            if (!this.isFetchEnabled) {
-                return;
-            }
-            this.key = this.key != "" ? this.key : this.getAttribute("key");
-            if (this.props) {
-                this.publisher.set(this.props);
-            }
-            this.onInvalidate = () => this._fetchData();
-            this.publisher?.onInvalidate(this.onInvalidate);
-            if (!this.lazyLoad) {
-                this._fetchData();
-            }
-            else {
-                this.handleLazyLoad();
-            }
-        }
-        handleLazyLoad() {
-            if (!this.lazyLoad) {
-                return;
-            }
-            const rect = this.getBoundingClientRect();
-            if (rect.x < window.innerWidth && rect.right > 0 && rect.y < window.innerHeight && rect.right > 0) {
-                this._fetchData();
-                return;
-            }
-            const boundsRatio = parseFloat(this.getAttribute("lazyBoundsRatio") || "1");
-            const options = {
-                root: null,
-                rootMargin: Math.max(window.innerWidth * boundsRatio, window.innerHeight * boundsRatio) + "px",
-                threshold: 0.9,
-            };
-            this.iObserver = new IntersectionObserver((entries) => this.onIntersection(entries), options);
-            let elt = (this.shadowRoot ? this.shadowRoot.children[0] : this.children[0]);
-            if (elt?.nodeName.toLocaleLowerCase() == "slot")
-                elt = elt.children[0];
-            if (!elt || elt.nodeName.toLocaleLowerCase() == "template") {
-                elt = document.createElement("span");
-                const style = elt.style;
-                /**
-                 * !!! Pas de position absolute ici si on veut que le composant soit au bon endroit dans la page pour l'intersection observer
-                 * En effest sinon il vpeut remonter en congugaison avec le style display="contents"
-                 */
-                style.pointerEvents = "none";
-                this.lazyLoadSpan = elt;
-                this.appendChild(elt);
-            }
-            if (elt) {
-                this.iObserver.observe(elt);
-            }
-            else if (this.isFirstLoad) {
-                this._fetchData();
-            }
-        }
-        onIntersection(entries) {
-            for (const e of entries) {
-                if (e.isIntersecting && this.isFirstLoad) {
-                    this._fetchData();
-                    this.lazyLoadSpan?.remove();
-                    this.lazyLoadSpan = undefined;
-                    this.iObserver?.disconnect();
-                    break;
-                }
-            }
-        }
-    }
-    __decorate([
-        property()
-    ], FetcherElement.prototype, "props", null);
-    __decorate([
-        property({ type: String })
-    ], FetcherElement.prototype, "endPoint", null);
-    __decorate([
-        property()
-    ], FetcherElement.prototype, "requestId", void 0);
-    __decorate([
-        property({ type: Number })
-    ], FetcherElement.prototype, "refetchEveryMs", void 0);
-    return FetcherElement; //as Constructor<SubscriberInterface> & T;
-};
-export default Fetcher;

package/core/mixins/FormCheckable.d.ts

@@ -1,88 +0,0 @@
-import { FormElementInterface } from "@supersoniks/concorde/core/mixins/FormElement";
-import { MixinArgsType } from "../_types/types";
-type Constructor<T> = new (...args: MixinArgsType[]) => T;
-declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T) => {
-    new (...args: MixinArgsType[]): {
-        /**
-         *  Voir  la mixin FormElement.
-         */
-        _value: string | null;
-        value: string | null;
-        forceAutoFill: boolean;
-        /**
-         * comme radio,mais peut être désélectionné après sélection
-         */
-        unique: true | null;
-        /**
-          Active le mode radio
-         */
-        radio: true | null;
-        unCheckOnDisconnect: boolean;
-        /**
-         * propriété checked avec des caractéristiques similaire à un input html classique.
-         */
-        _checked: true | null | "indeterminate";
-        checked: true | "indeterminate" | null;
-        validateFormElement(): void;
-        checksAll(): boolean;
-        setCheckedValue(checked: true | null | "indeterminate"): void;
-        handleChange(): void;
-        /**
-         * Voir la mixin FormElement
-         * Le comportement est ici modifié fonction de son mode (checkbox, radio, unique)
-         */
-        getValueForFormPublisher(): any;
-        /**
-         * Voir la mixin FormElement
-         * Le comportement est modifié de la manière suivante :
-         * L'état du composant (checked) est mis à jour en fonction de la valeur fournie par le publisher associé au composant / en fonction de sont mode (radio, unique)
-         */
-        setFormValueFromPublisher(value: string | Array<string | null> | null): void;
-        getCheckAllPublisher(): any;
-        updateAllChecked: () => void;
-        onChecksAllRequest: (value: string) => void;
-        disconnectedCallback(): void;
-        connectedCallback(): void;
-        getFormPublisher(): any;
-        updateDataValue(): void;
-        handleBlur(e?: Event | undefined): void;
-        setValueFromPublisher(value: string | object | string[] | null | undefined): void;
-        focus?: (() => void) | undefined;
-        shadowRoot?: ShadowRoot | undefined;
-        error: boolean;
-        autofocus: boolean;
-        required: boolean;
-        disabled: true | null;
-        formDataProvider: string;
-        ariaLabelledby?: string | undefined;
-        ariaLabel?: string | undefined;
-        _name: string;
-        name: string;
-        props: import("../_types/types").CoreJSType;
-        propertyMap: object;
-        isConnected: boolean;
-        children: HTMLCollection;
-        appendChild(node: Node): Node;
-        getAncestorAttributeValue(attributeName: string): string;
-        hasAncestorAttribute(attributeName: string): boolean;
-        querySelectorAll(selector: string): NodeListOf<Element>;
-        publisher: any;
-        dataProvider: string | null;
-        noShadowDom: string | null;
-        debug: HTMLElement | null;
-        defferedDebug: boolean | null;
-        displayContents: boolean;
-        dispatchEvent(event: Event): void;
-        setAttribute(name: string, value: string): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        removeAttribute(name: string): void;
-        initPublisher(): void;
-        getApiConfiguration(): import("../utils/api").APIConfiguration;
-        requestUpdate(): void;
-        getAttribute(name: string): string;
-        hasAttribute(attributeName: string): boolean;
-        getBoundingClientRect(): DOMRect;
-    };
-} & T;
-export default Form;

package/core/mixins/FormCheckable.js

@@ -1,306 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { property } from "lit/decorators.js";
-import { PublisherManager } from "@supersoniks/concorde/utils";
-const Form = (superClass) => {
-    /**
-     * FormCheckable ajoute un comportement de sélection (checked) a tout FormElement qui utilise cette mixin.
-     * Il est notamment utilisé par sonic-checkbox, sonic-radio et sonic-button
-     * * Par défaut le fonctionnement est celui d'une checkbox classique.
-     * * Dans ce cas, a la sélection, formPublisher[this.name] = [this.value, ...autres valeurs d'élémen,ts sélectionnés ayant le même nom];
-     * * En activant le mode radio à l'aide du flag dédié, un seul FormElement ayant la même propriété name peut être sélectionné à la fois.
-     * * Dans ce cas, a la sélection, formPublisher[this.name] = this.value;
-     */
-    class FormCheckable extends superClass {
-        constructor() {
-            super(...arguments);
-            /**
-             *  Voir  la mixin FormElement.
-             */
-            this._value = "";
-            this.forceAutoFill = false;
-            /**
-             * comme radio,mais peut être désélectionné après sélection
-             */
-            this.unique = null;
-            /**
-              Active le mode radio
-             */
-            this.radio = null;
-            this.unCheckOnDisconnect = false;
-            /**
-             * propriété checked avec des caractéristiques similaire à un input html classique.
-             */
-            this._checked = null;
-            this.updateAllChecked = () => {
-                const name = this.getAttribute("name");
-                const checkAllPublisher = this.getCheckAllPublisher();
-                const formPublisher = this.getFormPublisher();
-                if (!checkAllPublisher?.hasCheckAll.get()) {
-                    return;
-                }
-                if (!this.checksAll() && checkAllPublisher && formPublisher && name) {
-                    if (!formPublisher[this.name].get().length) {
-                        checkAllPublisher.checkMode = "noneChecked";
-                        return;
-                    }
-                    else if (this.checked === null) {
-                        checkAllPublisher.checkMode = "someUnchecked";
-                    }
-                    else if (checkAllPublisher.checkMode.get() == "noneChecked" || checkAllPublisher.checkMode.get() == null) {
-                        checkAllPublisher.checkMode = "someUnchecked";
-                    }
-                    const currentValues = formPublisher[name].get();
-                    const allValues = checkAllPublisher.values.get();
-                    if (allValues && allValues.length) {
-                        let checkedCount = allValues.length;
-                        for (const p of allValues) {
-                            if (currentValues.indexOf(p) == -1) {
-                                checkedCount -= 1;
-                            }
-                        }
-                        if (checkedCount == allValues.length) {
-                            checkAllPublisher.checkMode = "allChecked";
-                        }
-                        if (checkedCount == 0) {
-                            checkAllPublisher.checkMode = "noneChecked";
-                        }
-                    }
-                    if (allValues.indexOf(this.value) == -1) {
-                        this.checked = null;
-                    }
-                }
-            };
-            this.onChecksAllRequest = (value) => {
-                this.removeAttribute("allChecked");
-                this.removeAttribute("indeterminate");
-                if (value == "allChecked") {
-                    this.checked = true;
-                    this.setAttribute("allChecked", "");
-                }
-                if (value == "noneChecked") {
-                    this.checked = null;
-                }
-                if (value == "someUnchecked") {
-                    if (this.checksAll())
-                        this.checked = "indeterminate";
-                    this.setAttribute("indeterminate", "");
-                }
-            };
-        }
-        get value() {
-            return this._value;
-        }
-        set value(newValue) {
-            if (this.value == newValue)
-                return;
-            if (this.hasAttribute("value") && !this.forceAutoFill)
-                newValue = this.getAttribute("value");
-            if (this._value == newValue)
-                return;
-            if (newValue == null)
-                return;
-            this._value = newValue;
-            if (!this.value)
-                return;
-            // On check l'élément si il est cheched dans le formPublisher
-            const formPublisher = this.getFormPublisher();
-            if (formPublisher && this.name) {
-                let currentValue = formPublisher[this.name].get();
-                if (this.radio || this.unique) {
-                    this.checked = currentValue == newValue ? true : null;
-                }
-                if (!Array.isArray(currentValue)) {
-                    currentValue = [];
-                }
-                if (currentValue.indexOf(newValue) != -1)
-                    this.checked = true;
-            }
-            //On mets à jour la valeur dans la donnée si l'élément est checked
-            if (this.checked == true)
-                this.updateDataValue();
-            this.requestUpdate();
-        }
-        get checked() {
-            return this._checked;
-        }
-        set checked(checked) {
-            this.setCheckedValue(checked);
-            if (this.checksAll()) {
-                const checkAllPublisher = this.getCheckAllPublisher();
-                if (checkAllPublisher) {
-                    if (this.checked === true)
-                        checkAllPublisher.checkMode = "allChecked";
-                    else if (this.checked === null) {
-                        checkAllPublisher.checkMode = "noneChecked";
-                        const formPublisher = this.getFormPublisher();
-                        if (formPublisher) {
-                            formPublisher[this.name] = [];
-                        }
-                    }
-                }
-            }
-            this.requestUpdate();
-        }
-        validateFormElement() {
-            const input = this.shadowRoot?.querySelector("input");
-            if (!input || input.checkValidity())
-                return;
-            const formPublisher = this.getFormPublisher();
-            if (formPublisher) {
-                const value = formPublisher[this.name].get();
-                if ((this.unique || this.radio) && value !== null && value.toString().length > 0)
-                    return;
-                formPublisher.isFormValid = false;
-                input.reportValidity();
-            }
-        }
-        checksAll() {
-            return this.hasAttribute("checksAll");
-        }
-        setCheckedValue(checked) {
-            if (this._checked == checked)
-                return;
-            this._checked = checked;
-            this.updateDataValue();
-            this.requestUpdate();
-            setTimeout(() => this.updateAllChecked(), 1);
-            // Désactivation du checked sur le publisher
-            // Pas sur de l'utilité mais provoque un bug
-            // if (this.publisher && !this.radio && !this.unique) {
-            //   this.publisher.checked = this._checked;
-            // }
-        }
-        handleChange() {
-            const newCheckedValue = this.checked === true ? (!this.radio ? null : true) : true;
-            this.checked = newCheckedValue;
-            const event = new Event("change");
-            this.dispatchEvent(event);
-        }
-        /**
-         * Voir la mixin FormElement
-         * Le comportement est ici modifié fonction de son mode (checkbox, radio, unique)
-         */
-        getValueForFormPublisher() {
-            const formPublisher = this.getFormPublisher();
-            if (!formPublisher)
-                return null;
-            let currentValue = formPublisher[this.name].get();
-            if (this.radio) {
-                return this.checked === true && this.value != null ? this.value : currentValue;
-            }
-            if (this.unique) {
-                return this.checked === true && this.value != null ? this.value : null;
-            }
-            if (!Array.isArray(currentValue)) {
-                currentValue = [];
-            }
-            currentValue = currentValue.slice(0);
-            const idx = currentValue.indexOf(this.value);
-            if (this.checked === true && idx === -1 && !this.checksAll())
-                currentValue.push(this.value);
-            if (this.checked === null && idx !== -1) {
-                currentValue.splice(idx, 1);
-            }
-            return currentValue;
-        }
-        /**
-         * Voir la mixin FormElement
-         * Le comportement est modifié de la manière suivante :
-         * L'état du composant (checked) est mis à jour en fonction de la valeur fournie par le publisher associé au composant / en fonction de sont mode (radio, unique)
-         */
-        setFormValueFromPublisher(value) {
-            if (this.unique || this.radio) {
-                this.checked = this.value == value ? true : null;
-                return;
-            }
-            if (!Array.isArray(value))
-                value = [];
-            if (this.checksAll()) {
-                return;
-            }
-            this.checked = value.indexOf(this.value) !== -1 ? true : null;
-        }
-        getCheckAllPublisher() {
-            if (!this.formDataProvider)
-                this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-            const formDataProvider = this.formDataProvider;
-            const name = this.getAttribute("name");
-            if (!formDataProvider || !name) {
-                return null;
-            }
-            return PublisherManager.get(formDataProvider + "/" + name + "/_available_values_");
-        }
-        disconnectedCallback() {
-            super.disconnectedCallback();
-            const checkAllPublisher = this.getCheckAllPublisher();
-            if (checkAllPublisher) {
-                checkAllPublisher.checkMode.offAssign(this.onChecksAllRequest);
-                if (!this.checksAll()) {
-                    const values = checkAllPublisher.values.get().slice(0);
-                    const idx = values.indexOf(this.value);
-                    if (idx != -1) {
-                        values.splice(idx, 1);
-                        checkAllPublisher.values = values;
-                    }
-                }
-            }
-            setTimeout(() => this.updateAllChecked(), 1);
-        }
-        connectedCallback() {
-            super.connectedCallback();
-            const formPublisher = this.getFormPublisher();
-            if (formPublisher && this.name) {
-                const publisherValueForName = formPublisher[this.name].get();
-                if (publisherValueForName &&
-                    Array.isArray(publisherValueForName) &&
-                    publisherValueForName.indexOf(this.value) !== -1) {
-                    this.checked = true;
-                }
-            }
-            const checkAllPublisher = this.getCheckAllPublisher();
-            if (checkAllPublisher) {
-                checkAllPublisher.checkMode.onAssign(this.onChecksAllRequest);
-                if (this.checksAll()) {
-                    checkAllPublisher.hasCheckAll = true;
-                }
-                if (!checkAllPublisher.values.get()) {
-                    checkAllPublisher.values = [];
-                }
-                if (!this.checksAll()) {
-                    checkAllPublisher.values = [...checkAllPublisher.values.get(), this.value];
-                }
-            }
-            if (!this.hasAttribute("checked")) {
-                return;
-            }
-            if (!this.publisher || this.publisher.get().checked !== false) {
-                setTimeout(() => (this.checked = true), 1);
-            }
-        }
-    }
-    __decorate([
-        property()
-    ], FormCheckable.prototype, "value", null);
-    __decorate([
-        property()
-    ], FormCheckable.prototype, "forceAutoFill", void 0);
-    __decorate([
-        property({ type: Boolean })
-    ], FormCheckable.prototype, "unique", void 0);
-    __decorate([
-        property({ type: Boolean })
-    ], FormCheckable.prototype, "radio", void 0);
-    __decorate([
-        property({ type: Boolean })
-    ], FormCheckable.prototype, "unCheckOnDisconnect", void 0);
-    __decorate([
-        property()
-    ], FormCheckable.prototype, "checked", null);
-    return FormCheckable;
-};
-export default Form;

package/core/mixins/FormElement.d.ts

@@ -1,32 +0,0 @@
-import { SubscriberInterface } from "@supersoniks/concorde/core/mixins/Subscriber";
-import { PublisherInterface, CoreJSType } from "../_types/types";
-import { MixinArgsType } from "../_types/types";
-type Constructor<T> = new (...args: MixinArgsType[]) => T;
-type FormElementValue = string | string[] | object | null | undefined;
-export interface FormElementInterface extends SubscriberInterface {
-    getFormPublisher(): PublisherInterface;
-    updateDataValue(): void;
-    handleChange(e?: Event): void;
-    handleBlur(e?: Event): void;
-    getValueForFormPublisher(): FormElementValue;
-    setValueFromPublisher(value: FormElementValue): void;
-    validateFormElement(): void;
-    focus?: () => void;
-    forceAutoFill: boolean;
-    shadowRoot?: ShadowRoot;
-    error: boolean;
-    autofocus: boolean;
-    required: boolean;
-    disabled: true | null;
-    formDataProvider: string;
-    ariaLabelledby?: string;
-    ariaLabel?: string;
-    _value: FormElementValue;
-    get value(): FormElementValue;
-    set value(value: FormElementValue);
-    _name: string;
-    get name(): string;
-    set name(value: string);
-}
-declare const Form: <T extends Constructor<SubscriberInterface<CoreJSType>>>(superClass: T) => Constructor<FormElementInterface> & T;
-export default Form;