UNPKG

@lion/form-core

Version:

Form-core contains all essential building blocks for creating form fields and fieldsets

40 lines (39 loc) 3.29 kB
declare const LionField_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@lion/core/types/SlotMixinTypes").SlotHost> & Pick<typeof import("@lion/core/types/SlotMixinTypes").SlotHost, "prototype"> & Pick<typeof LitElement, "prototype" | "_$litElement$" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "shadowRootOptions"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/index.js").ValidateHost> & Pick<typeof import("../types/index.js").ValidateHost, "prototype" | "validationTypes"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/FormControlMixinTypes.js").FormControlHost> & Pick<typeof import("../types/FormControlMixinTypes.js").FormControlHost, "prototype" | "properties" | "styles"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/index.js").SyncUpdatableHost> & Pick<typeof import("../types/index.js").SyncUpdatableHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("@lion/core/types/DisabledMixinTypes").DisabledHost> & Pick<typeof import("@lion/core/types/DisabledMixinTypes").DisabledHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost> & Pick<typeof import("@open-wc/scoped-elements/src/types").ScopedElementsHost, "prototype" | "shadowRootOptions" | "scopedElements"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/FormatMixinTypes.js").FormatHost> & Pick<typeof import("../types/FormatMixinTypes.js").FormatHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/FocusMixinTypes.js").FocusHost> & Pick<typeof import("../types/FocusMixinTypes.js").FocusHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/InteractionStateMixinTypes.js").InteractionStateHost> & Pick<typeof import("../types/InteractionStateMixinTypes.js").InteractionStateHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("../types/index.js").FormRegisteringHost> & Pick<typeof import("../types/index.js").FormRegisteringHost, "prototype">; /** * `LionField`: wraps <input>, <textarea>, <select> and other interactable elements. * Also it would follow a nice hierarchy: lion-form -> lion-fieldset -> lion-field * * Note: We don't support placeholders, because we have a helper text and * placeholders confuse the user with accessibility needs. * * Please see the docs for in depth information. * * @example * <lion-field name="myName"> * <label slot="label">My Input</label> * <input type="text" slot="input"> * </lion-field> * * @customElement lion-field */ export class LionField extends LionField_base { /** @type {any} */ _initialModelValue: any; /** * Dispatches custom bubble event * @protected */ protected _onChange(): void; /** * Resets modelValue to initial value. * Interaction states are cleared */ reset(): void; /** * Clears modelValue. * Interaction states are not cleared (use resetInteractionState for this) */ clear(): void; } import { LitElement } from "@lion/core"; export {};