/* eslint-disable */ /* tslint:disable */ /** * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; import { OdsThemeColorIntent } from "@ovhcloud/ods-theming"; import { OdsErrorStateControl, OdsFormControl, OdsFormForbiddenValues, OdsIconName, OdsInputSize, OdsInputType, OdsInputValidityState, OdsInputValue, OdsInputValueChangeEventDetail } from "@ovhcloud/ods-core"; export namespace Components { interface OsdsInput { /** * @see OdsInputAttributes.ariaLabel */ "ariaLabel": HTMLElement['ariaLabel']; /** * ID of the element that labels the input * @see OdsInputAttributes.ariaLabelledby */ "ariaLabelledby"?: string; /** * empty the value * @see OdsInputMethods.clear */ "clear": () => Promise; /** * Ability to clear the input value * @see OdsInputAttributes.clearable */ "clearable"?: boolean; /** * Main color of the input: see component principles * @see OdsInputAttributes.color */ "color"?: OdsThemeColorIntent; /** * Indicates if the input is contrasted or not: see component principles * @see OdsInputAttributes.contrasted */ "contrasted"?: boolean; /** * Default value of the input * @see OdsInputAttributes.defaultValue */ "defaultValue": OdsInputValue; /** * Indicates if the input is disabled or not: see component principles * @see OdsInputAttributes.disabled */ "disabled"?: boolean; /** * Indicates if the input shows error or not * @see OdsInputAttributes.error */ "error"?: boolean; /** * Controls the error state of the input * @see OdsInputAttributes.errorStateControl */ "errorStateControl"?: OdsErrorStateControl; /** * Indicates if the input is full width or not: see component principles * @see OdsInputAttributes.flex */ "flex"?: boolean; /** * List of forbidden values for the input * @see OdsInputAttributes.forbiddenValues */ "forbiddenValues": OdsFormForbiddenValues; /** * Control object of the form the input belongs to * @see OdsInputAttributes.formControl */ "formControl"?: OdsFormControl; /** * get the validity state * @see OdsInputMethods.getValidity */ "getValidity": () => Promise; /** * hide or display the value * @see OdsInputMethods.hide */ "hide": () => Promise; /** * Icon to be used in the input field * @see OdsInputAttributes.icon */ "icon"?: OdsIconName; /** * Label of the input field * @see OdsInputAttributes.label */ "label"?: string; /** * Indicates if the input is in loading state or not * @see OdsInputAttributes.loading */ "loading"?: boolean; /** * Indicates if the input is masked or not * @see OdsInputAttributes.masked */ "masked"?: boolean; /** * Maximum value for the input (type number) * @see OdsInputAttributes.max */ "max"?: number; /** * Minimum value for the input (type number) * @see OdsInputAttributes.min */ "min"?: number; /** * Name of the input field * @see OdsInputAttributes.name */ "name"?: string; /** * Placeholder text for the input * @see OdsInputAttributes.placeholder */ "placeholder"?: string; /** * Indicates if the input is read-only or not * @see OdsInputAttributes.readOnly */ "readOnly"?: boolean; /** * Indicates if the input is required or not * @see OdsInputAttributes.required */ "required"?: boolean; /** * restore the value to the initial state * @see OdsInputMethods.reset */ "reset": () => Promise; /** * active the focus on the input in order to let the user write something * @see OdsInputMethods.setFocus */ "setFocus": () => Promise; /** * set a custom tab index for easier navigation * @see OdsInputMethods.setInputTabindex */ "setInputTabindex": (value: number) => Promise; /** * Size of the input: see component principles * @see OdsInputAttributes.size */ "size"?: OdsInputSize; /** * Step value for the input * @see OdsInputAttributes.step */ "step"?: number; /** * @see OdsInputMethods.stepDown */ "stepDown": () => Promise; /** * @see OdsInputMethods.stepUp */ "stepUp": () => Promise; /** * Type of the input field * @see OdsInputAttributes.type */ "type": OdsInputType; /** * Current value of the input * @see OdsInputAttributes.value */ "value": OdsInputValue; } } export interface OsdsInputCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsInputElement; } declare global { interface HTMLOsdsInputElement extends Components.OsdsInput, HTMLStencilElement { } var HTMLOsdsInputElement: { prototype: HTMLOsdsInputElement; new (): HTMLOsdsInputElement; }; interface HTMLElementTagNameMap { "osds-input": HTMLOsdsInputElement; } } declare namespace LocalJSX { interface OsdsInput { /** * @see OdsInputAttributes.ariaLabel */ "ariaLabel"?: HTMLElement['ariaLabel']; /** * ID of the element that labels the input * @see OdsInputAttributes.ariaLabelledby */ "ariaLabelledby"?: string; /** * Ability to clear the input value * @see OdsInputAttributes.clearable */ "clearable"?: boolean; /** * Main color of the input: see component principles * @see OdsInputAttributes.color */ "color"?: OdsThemeColorIntent; /** * Indicates if the input is contrasted or not: see component principles * @see OdsInputAttributes.contrasted */ "contrasted"?: boolean; /** * Default value of the input * @see OdsInputAttributes.defaultValue */ "defaultValue"?: OdsInputValue; /** * Indicates if the input is disabled or not: see component principles * @see OdsInputAttributes.disabled */ "disabled"?: boolean; /** * Indicates if the input shows error or not * @see OdsInputAttributes.error */ "error"?: boolean; /** * Controls the error state of the input * @see OdsInputAttributes.errorStateControl */ "errorStateControl"?: OdsErrorStateControl; /** * Indicates if the input is full width or not: see component principles * @see OdsInputAttributes.flex */ "flex"?: boolean; /** * List of forbidden values for the input * @see OdsInputAttributes.forbiddenValues */ "forbiddenValues"?: OdsFormForbiddenValues; /** * Control object of the form the input belongs to * @see OdsInputAttributes.formControl */ "formControl"?: OdsFormControl; /** * Icon to be used in the input field * @see OdsInputAttributes.icon */ "icon"?: OdsIconName; /** * Label of the input field * @see OdsInputAttributes.label */ "label"?: string; /** * Indicates if the input is in loading state or not * @see OdsInputAttributes.loading */ "loading"?: boolean; /** * Indicates if the input is masked or not * @see OdsInputAttributes.masked */ "masked"?: boolean; /** * Maximum value for the input (type number) * @see OdsInputAttributes.max */ "max"?: number; /** * Minimum value for the input (type number) * @see OdsInputAttributes.min */ "min"?: number; /** * Name of the input field * @see OdsInputAttributes.name */ "name"?: string; /** * @see OdsInputEvents.odsInputBlur */ "onOdsInputBlur"?: (event: OsdsInputCustomEvent) => void; /** * Event triggered on input blur * @see OdsInputEvents.odsInputFocus */ "onOdsInputFocus"?: (event: OsdsInputCustomEvent) => void; /** * the input value changed * @see OdsInputEvents.odsValueChange */ "onOdsValueChange"?: (event: OsdsInputCustomEvent) => void; /** * Placeholder text for the input * @see OdsInputAttributes.placeholder */ "placeholder"?: string; /** * Indicates if the input is read-only or not * @see OdsInputAttributes.readOnly */ "readOnly"?: boolean; /** * Indicates if the input is required or not * @see OdsInputAttributes.required */ "required"?: boolean; /** * Size of the input: see component principles * @see OdsInputAttributes.size */ "size"?: OdsInputSize; /** * Step value for the input * @see OdsInputAttributes.step */ "step"?: number; /** * Type of the input field * @see OdsInputAttributes.type */ "type"?: OdsInputType; /** * Current value of the input * @see OdsInputAttributes.value */ "value"?: OdsInputValue; } interface IntrinsicElements { "osds-input": OsdsInput; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "osds-input": LocalJSX.OsdsInput & JSXBase.HTMLAttributes; } } }