@supersoniks/concorde 2.0.6 → 3.0.0

package/core/components/ui/form/input-autocomplete/input-autocomplete.d.ts

@@ -1,136 +0,0 @@
-import { LitElement } from "lit";
-import "@supersoniks/concorde/core/components/ui/form/input/input";
-import "@supersoniks/concorde/core/components/ui/pop/pop";
-import "@supersoniks/concorde/core/components/functional/queue/queue";
-import "@supersoniks/concorde/core/components/ui/menu/menu-item";
-import { Size } from "../../_css/size";
-import { ResizeController } from "@lit-labs/observers/resize-controller.js";
-type ListItem = Record<string, string>;
-declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../../mixins/TemplatesContainer").TemplatesContainerInterface) & {
-    new (...args: any[]): {
-        validateFormElement(): void;
-        forceAutoFill: boolean;
-        _type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
-        type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
-        _description?: string | undefined;
-        description: string | undefined;
-        _label?: string | undefined;
-        label: string | undefined;
-        status: "error" | "default" | "success" | "warning" | "info";
-        tabindex?: number | undefined;
-        autocomplete?: "url" | "name" | "off" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "language" | "nickname" | "organization-title" | "cc-additional-name" | "bday" | "sex" | "impp" | "photo" | undefined;
-        getFormPublisher(): any;
-        updateDataValue(): void;
-        handleChange(e?: Event | undefined): void;
-        handleBlur(e?: Event | undefined): void;
-        getValueForFormPublisher(): string | object | string[] | null | undefined;
-        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;
-        _value: string | object | string[] | null | undefined;
-        value: string | object | string[] | null | 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;
-        connectedCallback(): void;
-        requestUpdate(): void;
-        getAttribute(name: string): string;
-        hasAttribute(attributeName: string): boolean;
-        disconnectedCallback(): void;
-        getBoundingClientRect(): DOMRect;
-    };
-} & (new (...args: any[]) => import("../../../../mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
-/**
- * Input avec autocomplete. Propose des valeurs à partir d'un sonic-queue.
- * L'input permet de filtrer les choix de valeurs dans le sonic-pop.
- * La valeur de cet input est ensuite retransmit au premier via un dataProvider.
- */
-export declare class InputAutocomplete extends InputAutocomplete_base {
-    static styles: import("lit").CSSResult[];
-    /**
-     * Possibles mutualisation avec text
-     */
-    size: Size;
-    placeholder: string;
-    filteredFields: string;
-    readonly: boolean | null;
-    dataProviderExpression: string;
-    select?: boolean;
-    key: string;
-    /** The parameter name to use in dataProviderExpression route */
-    searchParameter: string;
-    /** The property name to search in the dataProviderExpression result, use "_self" if result is a string list */
-    propertyName: string;
-    slotInputPrefixNodes: Array<Node>;
-    hasInputPrefix: boolean;
-    _resizeController: ResizeController<unknown>;
-    /**
-     * Les dataProviders
-     */
-    private searchDataProvider;
-    private initSearchDataProvider;
-    private queueDataProvider;
-    private initQueueDataProvider;
-    private lastValidSearch;
-    private searchPublisher?;
-    private countPublisher?;
-    private initCountPublisher?;
-    private formValuePublisher?;
-    /**
-     * Les fonctions de gestion
-     */
-    hasSlotOrProps(): void;
-    /**
-     * Run when the formDataProvider's field is updated
-     *
-     * @param value
-     */
-    private updateSearchParameter;
-    private initSearchParameter;
-    private selectListItem;
-    private findSearchedItem;
-    private findSelection;
-    private setSearchFromSelection;
-    private updateActiveSelection;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * @param queueDataProvider
-     * @param itemFinder
-     * @param itemMutator
-     *
-     * @return bool|undefined True if item found, false otherwise, undefined if result is not a list
-     */
-    queryQueueListItem(queueDataProvider: string, itemFinder: (listItem: ListItem) => boolean, itemMutator: (listItem: ListItem) => void): boolean | undefined;
-    setSelectionRange(start: number, end: number): void;
-    handleHide(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};

package/core/components/ui/form/input-autocomplete/input-autocomplete.js

@@ -1,296 +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 { html, LitElement, css, nothing } from "lit";
-import { customElement, property, queryAssignedNodes, state } from "lit/decorators.js";
-import { FormInput, FormElement, Subscriber, TemplatesContainer } from "@supersoniks/concorde/mixins";
-import "@supersoniks/concorde/core/components/ui/form/input/input";
-import "@supersoniks/concorde/core/components/ui/pop/pop";
-import "@supersoniks/concorde/core/components/functional/queue/queue";
-import "@supersoniks/concorde/core/components/ui/menu/menu-item";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { PublisherManager } from "@supersoniks/concorde/utils";
-import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
-import { ResizeController } from "@lit-labs/observers/resize-controller.js";
-/**
- * Input avec autocomplete. Propose des valeurs à partir d'un sonic-queue.
- * L'input permet de filtrer les choix de valeurs dans le sonic-pop.
- * La valeur de cet input est ensuite retransmit au premier via un dataProvider.
- */
-let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormInput(FormElement(Subscriber(LitElement)))) {
-    constructor() {
-        super(...arguments);
-        /**
-         * Possibles mutualisation avec text
-         */
-        this.size = "md";
-        this.placeholder = "";
-        this.filteredFields = "";
-        this.readonly = null;
-        this.dataProviderExpression = "";
-        this.key = "";
-        /** The parameter name to use in dataProviderExpression route */
-        this.searchParameter = "";
-        /** The property name to search in the dataProviderExpression result, use "_self" if result is a string list */
-        this.propertyName = "";
-        this.hasInputPrefix = false;
-        this._resizeController = new ResizeController(this, {});
-        /**
-         * Les dataProviders
-         */
-        this.searchDataProvider = "";
-        this.initSearchDataProvider = "";
-        this.queueDataProvider = "";
-        this.initQueueDataProvider = "";
-        this.lastValidSearch = "";
-        /**
-         * Run when the formDataProvider's field is updated
-         *
-         * @param value
-         */
-        this.updateSearchParameter = (value) => {
-            if (value == "") {
-                this.lastValidSearch = "";
-                return;
-            }
-            const found = this.queryQueueListItem(this.queueDataProvider, this.findSelection, this.setSearchFromSelection);
-            // Si la liste de this.queueDataProvider est bien initialisée, mais qu'aucun item ne correspond à la recherche
-            // On affiche quand même la valeur dans le champ de recherche, car il provient directement du formDataProvider
-            if (found === false) {
-                this.lastValidSearch = value;
-                this.searchPublisher?.set(this.lastValidSearch);
-            }
-        };
-        this.initSearchParameter = () => {
-            this.queryQueueListItem(this.initQueueDataProvider, this.findSelection, this.setSearchFromSelection);
-        };
-        this.selectListItem = (listItem) => {
-            const value = this.propertyName === "_self" ? listItem : listItem[this.propertyName || this.name];
-            this.formValuePublisher?.set(value);
-        };
-        this.findSearchedItem = (listItem) => {
-            const value = this.propertyName === "_self" ? listItem : listItem[this.propertyName || this.searchParameter || this.name];
-            return value == this.searchPublisher?.get();
-        };
-        this.findSelection = (listItem) => {
-            const value = this.propertyName === "_self" ? listItem : listItem[this.propertyName || this.name];
-            return value == this.value;
-        };
-        this.setSearchFromSelection = (listItem) => {
-            this.lastValidSearch = this.propertyName === "_self" ? listItem : listItem[this.propertyName || this.searchParameter || this.name];
-            this.searchPublisher?.set(this.lastValidSearch);
-        };
-        this.updateActiveSelection = () => {
-            this.queryQueueListItem(this.queueDataProvider, this.findSearchedItem, this.selectListItem);
-            if (!this.select && this.lastValidSearch && this.lastValidSearch != this.searchPublisher?.get() && this.formValuePublisher?.get()) {
-                this.formValuePublisher?.set("");
-            }
-        };
-    }
-    /**
-     * Les fonctions de gestion
-     */
-    hasSlotOrProps() {
-        this.hasInputPrefix = !!this.slotInputPrefixNodes?.length;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        /**
-         * Nom de la valeur de recherche
-         * Si non défini, on utilise name
-         **/
-        const searchParameter = this.searchParameter || this.name;
-        /**
-         * Nommage des différents dataProviders utilisés
-         */
-        const formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-        // Create unique provider name with formProvider name + input name
-        const dpPrefix = formDataProvider + "__" + this.name + "__autocomplete";
-        this.initSearchDataProvider = `${dpPrefix}_init_search__`;
-        this.initQueueDataProvider = `${dpPrefix}_init_queue__`;
-        this.searchDataProvider = `${dpPrefix}_search__`;
-        this.queueDataProvider = `${dpPrefix}_queue__`;
-        /**
-         * Les publishers utilisés plusieurs fois dans la classe son miss en propriétés privées de la classe
-         */
-        const getPublisher = PublisherManager.get;
-        this.searchPublisher = getPublisher(this.searchDataProvider)[searchParameter];
-        this.formValuePublisher = getPublisher(formDataProvider)[this.name];
-        this.countPublisher = getPublisher(this.queueDataProvider).resultCount;
-        this.initCountPublisher = getPublisher(this.initQueueDataProvider).resultCount;
-        /**
-         * Si une valeur est fourrnie a l'initialisation, un queue spécifique appelle le service avec le name founi en paramètre
-         * Pour récupérer la valeur de searchParameter correspondante et renseigner l'input
-         **/
-        if (this.value) {
-            PublisherManager.get(this.initSearchDataProvider)[this.name] = this.value;
-        }
-        this.initCountPublisher?.onAssign(this.initSearchParameter);
-        /**
-         * Lorsque la sélection change, on met à jour la valeur de recherche
-         */
-        this.formValuePublisher?.onAssign(this.updateSearchParameter);
-        /**
-         * Lorsque La valeur de recherche change, que le composant n'est pas en mode select
-         * et qu'elle est différente de la derniere recherche valide on désactive la selection
-         */
-        this.countPublisher?.onAssign(this.updateActiveSelection);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.initCountPublisher?.offAssign(this.initSearchParameter);
-        this.formValuePublisher?.offAssign(this.updateSearchParameter);
-        this.countPublisher?.offAssign(this.updateActiveSelection);
-        const getPublisher = PublisherManager.get;
-        getPublisher(this.initSearchDataProvider).delete();
-        getPublisher(this.initQueueDataProvider).delete();
-        getPublisher(this.searchDataProvider).delete();
-        getPublisher(this.queueDataProvider).delete();
-    }
-    /**
-     * @param queueDataProvider
-     * @param itemFinder
-     * @param itemMutator
-     *
-     * @return bool|undefined True if item found, false otherwise, undefined if result is not a list
-     */
-    queryQueueListItem(queueDataProvider, itemFinder, itemMutator) {
-        const queuePublisher = PublisherManager.get(queueDataProvider);
-        let listItem;
-        const listsDescriptors = queuePublisher.get();
-        if (!Array.isArray(listsDescriptors))
-            return;
-        for (const listDescriptor of listsDescriptors) {
-            const list = PublisherManager.get(listDescriptor.dataProvider).get();
-            if (!Array.isArray(list))
-                continue;
-            listItem = list.find(itemFinder);
-            if (listItem) {
-                break;
-            }
-        }
-        if (listItem) {
-            itemMutator(listItem);
-            return true;
-        }
-        return false;
-    }
-    setSelectionRange(start, end) {
-        this.querySelector("sonic-input")?.setSelectionRange(start, end);
-    }
-    handleHide() {
-        if (!this.select)
-            return;
-        if (this.searchPublisher?.get() == "") {
-            this.lastValidSearch = "";
-            this.formValuePublisher?.set("");
-            return;
-        }
-        this.searchPublisher?.set(this.lastValidSearch);
-    }
-    render() {
-        return html `
-      <sonic-pop noToggle style="display:block;" @hide=${this.handleHide}>
-        <sonic-input
-          dataProvider="${this.initSearchDataProvider + Math.random()}"
-          formDataProvider="${this.searchDataProvider}"
-          type="search"
-          data-keyboard-nav="${this.getAttribute("data-keyboard-nav") || ""}"
-          label="${ifDefined(this.label)}"
-          description="${ifDefined(this.description)}"
-          name="${ifDefined(this.searchParameter || this.name)}"
-          placeholder="${ifDefined(this.placeholder)}"
-          ?readonly="${this.readonly}"
-          autocomplete="off"
-          clearable
-          inlineContent
-          size=${this.size}
-        >
-          <slot name="prefix" slot="prefix" @slotchange=${this.hasSlotOrProps}></slot>
-
-          ${this.select
-            ? html ` <sonic-icon slot="suffix" class="select-chevron" name="nav-arrow-down" .size=${this.size}></sonic-icon> `
-            : nothing}
-        </sonic-input>
-        <sonic-menu slot="content" class="custom-scroll" style="${this.offsetWidth ? `width: ${this.offsetWidth}px` : ""}">
-          <sonic-queue
-            dataProvider="${this.queueDataProvider}"
-            filteredFields=${this.filteredFields}
-            dataProviderExpression="${this.dataProviderExpression}"
-            dataFilterProvider="${this.searchDataProvider}"
-            key="${this.key}"
-            .templates=${this.templateList}
-            displayContents
-          >
-          </sonic-queue>
-          <sonic-queue
-            noLazyload
-            noLoader
-            dataProvider="${this.initQueueDataProvider}"
-            filteredFields=${this.filteredFields}
-            dataProviderExpression="${this.dataProviderExpression}"
-            dataFilterProvider="${this.initSearchDataProvider}"
-            key="${this.key}"
-            displayContents
-          >
-          </sonic-queue>
-        </sonic-menu>
-      </sonic-pop>
-    `;
-    }
-};
-InputAutocomplete.styles = [
-    customScroll,
-    css `
-      :host {
-        display: block;
-      }
-
-      sonic-menu {
-        display: block;
-        max-height: clamp(12rem, 20vh, 20rem);
-        min-width: 14rem;
-        width: 100%;
-      }
-    `,
-];
-__decorate([
-    property({ type: String })
-], InputAutocomplete.prototype, "size", void 0);
-__decorate([
-    property({ type: String })
-], InputAutocomplete.prototype, "placeholder", void 0);
-__decorate([
-    property()
-], InputAutocomplete.prototype, "filteredFields", void 0);
-__decorate([
-    property({ type: Boolean })
-], InputAutocomplete.prototype, "readonly", void 0);
-__decorate([
-    property({ type: String })
-], InputAutocomplete.prototype, "dataProviderExpression", void 0);
-__decorate([
-    property({ type: Boolean })
-], InputAutocomplete.prototype, "select", void 0);
-__decorate([
-    property({ type: String })
-], InputAutocomplete.prototype, "key", void 0);
-__decorate([
-    property({ type: String })
-], InputAutocomplete.prototype, "searchParameter", void 0);
-__decorate([
-    property({ type: String })
-], InputAutocomplete.prototype, "propertyName", void 0);
-__decorate([
-    queryAssignedNodes({ slot: "prefix", flatten: true })
-], InputAutocomplete.prototype, "slotInputPrefixNodes", void 0);
-__decorate([
-    state()
-], InputAutocomplete.prototype, "hasInputPrefix", void 0);
-InputAutocomplete = __decorate([
-    customElement("sonic-input-autocomplete")
-], InputAutocomplete);
-export { InputAutocomplete };

package/core/components/ui/form/radio/radio.d.ts

@@ -1,12 +0,0 @@
-import { Checkbox } from "@supersoniks/concorde/core/components/ui/form/checkbox/checkbox";
-/**
- * ### Le composant sonic-radio étend sonic-checkbox en assignant sa propriété radio à true.
- *
- * * Le type d'input html utilisé passe également de checkbox à radio.
- * * Le comportement est donc similaire à un bouton radio classique mais avec les fonctionnalités de sonic-checkbox (ie : Subscriber / FormElement / FormCheckable).
- */
-export declare class Radio extends Checkbox {
-    static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
-    constructor();
-    connectedCallback(): void;
-}

package/core/components/ui/form/radio/radio.js

@@ -1,50 +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 { css } from "lit";
-import { customElement } from "lit/decorators.js";
-import { Checkbox } from "@supersoniks/concorde/core/components/ui/form/checkbox/checkbox";
-const tagName = "sonic-radio";
-/**
- * ### Le composant sonic-radio étend sonic-checkbox en assignant sa propriété radio à true.
- *
- * * Le type d'input html utilisé passe également de checkbox à radio.
- * * Le comportement est donc similaire à un bouton radio classique mais avec les fonctionnalités de sonic-checkbox (ie : Subscriber / FormElement / FormCheckable).
- */
-let Radio = class Radio extends Checkbox {
-    constructor() {
-        super();
-        this.radio = true;
-    }
-    connectedCallback() {
-        // this.iconName = "circle-small";
-        // this.iconPrefix = "solid";
-        super.connectedCallback();
-        this.type = "radio";
-    }
-};
-Radio.styles = [
-    Checkbox.styles,
-    css `
-      :host input {
-        border-radius: 50%;
-      }
-      :host sonic-icon {
-        border-radius: 50%;
-        overflow: hidden;
-        background-color: var(--sc-primary-content);
-        line-height: 0;
-        display: block;
-        font-size: 1em;
-        height: 0.6em;
-        width: 0.6em;
-      }
-    `,
-];
-Radio = __decorate([
-    customElement(tagName)
-], Radio);
-export { Radio };

package/core/components/ui/form/select/select.d.ts

@@ -1,58 +0,0 @@
-import { LitElement, PropertyValues } from "lit";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-import { Size } from "@supersoniks/concorde/core/components/ui/_css/size";
-import { DirectiveResult } from "lit/async-directive";
-export type SelectOption = {
-    value?: string;
-    wording?: string | DirectiveResult;
-    selected?: boolean;
-    hasAttribute?: (value: string) => boolean;
-} & Record<string, string>;
-declare const Select_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
-/**
- * #### FormElement :
- * * La propriété value est remplie automatiquement a l'aide de l'attribut name renseigné, ceci en prenant la valeur de la propriété du même nom dans les données du dataprovider associé.
- * * Par défault lorsque l'on édite l'input, la valeur est également mise à jour via le même dataprovider
- * * On peut cependant décider de mettre à jour la donnée à une autre adresse en renseigne l'attribut *formDataProvider*.
- * * Par conséquent on peut par exemple le lier à un composant *queue* (via sa propriété *dataFilterProvider*) de manière à appeller en auto une api avec des filtres.
- */
-export declare class Select extends Select_base {
-    static styles: import("lit").CSSResult[];
-    valueKey: string;
-    wordingKey: string;
-    multiple: boolean;
-    size?: Size;
-    selectSize?: number;
-    status: "default" | "success" | "error" | "warning" | "info";
-    private _options;
-    set options(options: Array<SelectOption>);
-    get options(): Array<SelectOption>;
-    hasDoneFirstUpdate: boolean;
-    protected firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
-    _value: string;
-    set value(value: string);
-    get value(): string;
-    updateFormPublisherValue(): void;
-    connectedCallback(): void;
-    updateOptions: () => void;
-    forceAutoFill: boolean;
-    _description?: string;
-    get description(): string | undefined;
-    set description(value: string | undefined);
-    _label?: string;
-    get label(): string | undefined;
-    set label(value: string | undefined);
-    slotLabelNodes: Array<Node>;
-    slotDescriptionNodes: Array<Node>;
-    slotSuffixNodes: Array<Node>;
-    slotPrefixNodes: Array<Node>;
-    hasDescription: boolean;
-    hasLabel: boolean;
-    hasSuffix: boolean;
-    hasPrefix: boolean;
-    willUpdate(changedProperties: PropertyValues): void;
-    hasSlotOrProps(): void;
-    validateFormElement(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};