/* 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 { OdsInputValue, OdsSelectOptionClickEventDetail, OdsSelectSize, OdsSelectValidityState, OdsSelectValueChangeEventDetail } from "@ovhcloud/ods-core";
export namespace Components {
    interface OsdsSelect {
        /**
          * The corresponding aria-label describing its content
          * @see OdsSelectAttributes.ariaLabel
         */
        "ariaLabel": string | null;
        /**
          * The id to an external description
          * @see OdsSelectAttributes.ariaLabelledby
         */
        "ariaLabelledby": string;
        /**
          * erase the current selection
          * @see OdsSelectMethods.clear
         */
        "clear": () => Promise<void>;
        /**
          * the primary color of the theme
          * @see OdsSelectAttributes.color
         */
        "color": OdsThemeColorIntent.primary;
        /**
          * Its corresponding default value. It needs to match with one option so the option will be selected
          * @see OdsSelectAttributes.defaultValue
         */
        "defaultValue": OdsInputValue;
        /**
          * indicates if the select is entirely disabled. it means no interactions (hover, click, focus, etc)
          * @see OdsSelectAttributes.disabled
         */
        "disabled": boolean;
        /**
          * full width or not: see component principles
          * @see OdsSelectAttributes.flex
         */
        "flex": boolean;
        /**
          * get the validity state
          * @see OdsSelectMethods.getValidity
         */
        "getValidity": () => Promise<OdsSelectValidityState>;
        /**
          * Whether or not the select is open
         */
        "opened": boolean;
        /**
          * indicates if a value has to be selected
          * @see OdsSelectAttributes.required
         */
        "required": boolean;
        /**
          * reset the value to the initial one (default value)
          * @see OdsSelectMethods.reset
         */
        "reset": () => Promise<void>;
        /**
          * focus the element
          * @see OdsSelectMethods.setFocus
         */
        "setFocus": () => Promise<void>;
        /**
          * set tab index on the component
          * @see OdsSelectMethods.setInputTabindex
         */
        "setInputTabindex": (value: number) => Promise<void>;
        /**
          * size: see component principles
          * @see OdsSelectAttributes.size
         */
        "size": OdsSelectSize;
        /**
          * check that the select is valid or not. In case of required field, the validation will check the entered value and set the field in error if it is not fulfilled
          * @see OdsSelectMethods.setInputTabindex
         */
        "validate": () => Promise<OdsSelectValidityState>;
        /**
          * Its corresponding value. It needs to correspond to the value of the option
          * @see OdsSelectAttributes.value
         */
        "value": OdsInputValue;
    }
    interface OsdsSelectGroup {
    }
    interface OsdsSelectOption {
        /**
          * get label of the element
          * @see OdsSelectOptionMethods.getLabel
         */
        "getLabel": () => Promise<string>;
        /**
          * Whether or not it is the selected value (fetched from parent). UI only purpose
         */
        "selected"?: boolean;
        /**
          * @see OdsSelectOptionMethods.setTabIndex
         */
        "setTabIndex": (value: number) => Promise<void>;
        /**
          * @see OdsSelectOptionAttributes.value
         */
        "value": OdsInputValue;
    }
}
export interface OsdsSelectCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLOsdsSelectElement;
}
export interface OsdsSelectOptionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLOsdsSelectOptionElement;
}
declare global {
    interface HTMLOsdsSelectElement extends Components.OsdsSelect, HTMLStencilElement {
    }
    var HTMLOsdsSelectElement: {
        prototype: HTMLOsdsSelectElement;
        new (): HTMLOsdsSelectElement;
    };
    interface HTMLOsdsSelectGroupElement extends Components.OsdsSelectGroup, HTMLStencilElement {
    }
    var HTMLOsdsSelectGroupElement: {
        prototype: HTMLOsdsSelectGroupElement;
        new (): HTMLOsdsSelectGroupElement;
    };
    interface HTMLOsdsSelectOptionElement extends Components.OsdsSelectOption, HTMLStencilElement {
    }
    var HTMLOsdsSelectOptionElement: {
        prototype: HTMLOsdsSelectOptionElement;
        new (): HTMLOsdsSelectOptionElement;
    };
    interface HTMLElementTagNameMap {
        "osds-select": HTMLOsdsSelectElement;
        "osds-select-group": HTMLOsdsSelectGroupElement;
        "osds-select-option": HTMLOsdsSelectOptionElement;
    }
}
declare namespace LocalJSX {
    interface OsdsSelect {
        /**
          * The corresponding aria-label describing its content
          * @see OdsSelectAttributes.ariaLabel
         */
        "ariaLabel"?: string | null;
        /**
          * The id to an external description
          * @see OdsSelectAttributes.ariaLabelledby
         */
        "ariaLabelledby"?: string;
        /**
          * the primary color of the theme
          * @see OdsSelectAttributes.color
         */
        "color"?: OdsThemeColorIntent.primary;
        /**
          * Its corresponding default value. It needs to match with one option so the option will be selected
          * @see OdsSelectAttributes.defaultValue
         */
        "defaultValue"?: OdsInputValue;
        /**
          * indicates if the select is entirely disabled. it means no interactions (hover, click, focus, etc)
          * @see OdsSelectAttributes.disabled
         */
        "disabled"?: boolean;
        /**
          * full width or not: see component principles
          * @see OdsSelectAttributes.flex
         */
        "flex"?: boolean;
        /**
          * Event triggered on select blur
          * @see OdsSelectEvents.odsBlur
         */
        "onOdsBlur"?: (event: OsdsSelectCustomEvent<void>) => void;
        /**
          * Event triggered on select focus
          * @see OdsSelectEvents.odsFocus
         */
        "onOdsFocus"?: (event: OsdsSelectCustomEvent<void>) => void;
        /**
          * Emitted when the value has changed
          * @see OdsSelectEvents.odsValueChange
         */
        "onOdsValueChange"?: (event: OsdsSelectCustomEvent<OdsSelectValueChangeEventDetail>) => void;
        /**
          * Whether or not the select is open
         */
        "opened"?: boolean;
        /**
          * indicates if a value has to be selected
          * @see OdsSelectAttributes.required
         */
        "required"?: boolean;
        /**
          * size: see component principles
          * @see OdsSelectAttributes.size
         */
        "size"?: OdsSelectSize;
        /**
          * Its corresponding value. It needs to correspond to the value of the option
          * @see OdsSelectAttributes.value
         */
        "value"?: OdsInputValue;
    }
    interface OsdsSelectGroup {
    }
    interface OsdsSelectOption {
        /**
          * the select value changed
          * @see OdsSelectOptionEvents.odsSelectOptionClickEventDetail
         */
        "onOdsSelectOptionClick"?: (event: OsdsSelectOptionCustomEvent<OdsSelectOptionClickEventDetail>) => void;
        /**
          * @see OdsSelectOptionAttributes.value
         */
        "value"?: OdsInputValue;
    }
    interface IntrinsicElements {
        "osds-select": OsdsSelect;
        "osds-select-group": OsdsSelectGroup;
        "osds-select-option": OsdsSelectOption;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "osds-select": LocalJSX.OsdsSelect & JSXBase.HTMLAttributes<HTMLOsdsSelectElement>;
            "osds-select-group": LocalJSX.OsdsSelectGroup & JSXBase.HTMLAttributes<HTMLOsdsSelectGroupElement>;
            "osds-select-option": LocalJSX.OsdsSelectOption & JSXBase.HTMLAttributes<HTMLOsdsSelectOptionElement>;
        }
    }
}