/* 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 { ODS_COUNTRY_ISO_CODE, ODS_PERIOD_ISO_CODE, OdsAccordion, OdsAccordionSize, OdsBreadcrumbAttributeItem, OdsButtonSize, OdsButtonType, OdsButtonVariant, OdsCartManagerFooter, OdsCartManagerSection, OdsCartRounded, OdsCartSize, OdsCheckboxAttributeCbk, OdsCheckboxButtonSize, OdsCheckboxCheckedChangeEventDetail, OdsCheckboxFocusChangeEventDetail, OdsCheckboxUpdatingChangeEventDetail, OdsChipSize, OdsChipVariant, OdsCodeSize, OdsDividerSize, OdsErrorStateControl, OdsFormControl, OdsFormForbiddenValues, OdsHTMLAnchorElementRel, OdsHTMLAnchorElementTarget, OdsI18nHook, OdsIconName, OdsIconSize, OdsInputSize, OdsInputType, OdsInputValidityState, OdsInputValue, OdsInputValueChangeEventDetail, OdsLinkReferrerpolicy, OdsLocationTileVariant, OdsMessageType, OdsPaginationChangedEventDetail, OdsProgressBar, OdsRadio, OdsRadioButtonSize, OdsRadioCheckedChangeEventDetail, OdsRadioCheckingChangeEventDetail, OdsRangeValidityState, OdsRangeValue, OdsRangeValueChangeEventDetail, OdsSelectOptionClickEventDetail, OdsSelectSize, OdsSelectValidityState, OdsSelectValueChangeEventDetail, OdsSkeletonSize, OdsSpinnerMode, OdsSpinnerSize, OdsSwitchChangedEventDetail, OdsSwitchSize, OdsSwitchVariant, OdsTabItemSelectEventDetail, OdsTabsChangeEventDetail, OdsTabsSize, OdsTileSize, OdsTileVariant, OdsTooltipVariant } from "@ovhcloud/ods-core"; export namespace Components { interface OsdsAccordion { /** * main color: see component principles * @see OdsAccordionAttributes.color */ "color"?: OdsThemeColorIntent; /** * contrasted or not: see component principles * @see OdsAccordionAttributes.contrasted */ "contrasted"?: boolean; /** * disabled: see component principles * @see OdsAccordionAttributes.disabled */ "disabled"?: boolean; /** * opened or not * @see OdsAccordionAttributes.opened */ "opened"?: boolean; /** * size: see component principles * @see OdsAccordionAttributes.size */ "size"?: OdsAccordionSize; } interface OsdsAccordionGroup { /** * @see OdsAccordionGroupMethods.registerAccordion */ "registerAccordion": (accordion: HTMLElement & OdsAccordion) => Promise; /** * @see OdsAccordionGroupMethods.unRegisterAccordion */ "unRegisterAccordion": (accordion: HTMLElement & OdsAccordion) => Promise; } interface OsdsBreadcrumb { /** * contrasted or not: see component principles * @see OdsBreadcrumbAttributes.contrasted */ "contrasted"?: boolean; /** * List of breadcrumb items to display * @see OdsBreadcrumbAttributes.items */ "items": OdsBreadcrumbAttributeItem[] | string; } interface OsdsBreadcrumbItem { /** * contrasted or not: see component principles * @see OdsBreadcrumbItemAttributes.contrasted */ "contrasted"?: boolean; /** * Item link to redirect to * @see OdsBreadcrumbItemAttributes.href */ "href": string; /** * Icon to display * @see OdsBreadcrumbItemAttributes.icon */ "icon"?: OdsIconName; "isCollapsed": boolean; "isExpandableItem": boolean; "isLast": boolean; /** * Text to display * @see OdsBreadcrumbItemAttributes.label */ "label"?: string; } interface OsdsButton { /** * use a circle shape * @see OdsButtonAttributes.circle */ "circle"?: boolean | undefined; /** * main color: see component principles * @see OdsButtonAttributes.color */ "color"?: OdsThemeColorIntent; /** * contrasted or not: see component principles * @see OdsButtonAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * disabled or not: see component principles * @see OdsButtonAttributes.disabled */ "disabled"?: boolean | undefined; /** * Button with href as download source * @see OdsButtonAttributes.rel */ "download"?: HTMLAnchorElement['download']; /** * full width or not: see component principles * @see OdsButtonAttributes.flex */ "flex"?: boolean | undefined; /** * use a button as a link with `` element * @see OdsButtonAttributes.href */ "href"?: string; /** * Button with href relationship * @see OdsButtonAttributes.rel */ "rel"?: OdsHTMLAnchorElementRel; /** * size: see component principles * @see OdsButtonAttributes.size */ "size"?: OdsButtonSize; /** * link target if we are in a link-mode (using `href` attribute) * @see OdsButtonAttributes.target */ "target"?: OdsHTMLAnchorElementTarget; /** * type of the vanilla button * @see OdsButtonAttributes.type */ "type"?: OdsButtonType; /** * used design aspect * @see OdsButtonAttributes.variant */ "variant"?: OdsButtonVariant; } interface OsdsCart { /** * is the cart is collapsed (if collapsible) * @see OdsCartAttributes.collapsed */ "collapsed"?: boolean; /** * is the cart can be collapsed in a smaller view * @see OdsCartAttributes.collapsible */ "collapsible"?: boolean; /** * full width or not: see component principles * @see OdsCartAttributes.flex */ "flex"?: boolean; /** * get the number of cart items detected in the DOM * @see OdsCartMethods.getItemQuantity */ "getItemQuantity": () => Promise; /** * Render manually the cart in order to refresh the component. * @see OdsCartMethods.refresh */ "refresh": () => Promise; /** * rounds corners of cart's outer border edge * @see OdsCartAttributes.rounded */ "rounded"?: OdsCartRounded; /** * size: see component principles * @see OdsCartAttributes.size */ "size"?: OdsCartSize; } interface OsdsCartFooter { } interface OsdsCartFooterItem { } interface OsdsCartHeader { /** * @see OdsCartHeaderAttributes.headerTitle */ "headerTitle"?: string; /** * Render manually the cart header in order to refresh the component. * @see OdsCartHeaderMethods.refresh */ "refresh": () => Promise; } interface OsdsCartItem { } interface OsdsCartItemOption { } interface OsdsCartManager { /** * full width or not: see component principles * @see OdsCartManagerAttributes.flex */ "flex"?: boolean; /** * describe what the footer is made of * @see OdsCartManagerAttributes.footer */ "footer"?: OdsCartManagerFooter; /** * get the number of item flagged as product * @see OdsCartManagerMethods.getProductQuantity */ "getProductQuantity": () => Promise; /** * get the total amount of the cart * @see OdsCartManagerMethods.getTotalAmount */ "getTotalAmount": () => Promise; /** * internationalisation system connector * @see OdsCartManagerAttributes.i18n */ "i18n"?: OdsI18nHook; /** * ISO period code that describe the duration of a periodical payment * @see OdsCartManagerAttributes.period */ "period"?: ODS_PERIOD_ISO_CODE; /** * Sections made of one item and multiple options * @see OdsCartManagerAttributes.sections */ "sections": OdsCartManagerSection[]; /** * size: see component principles * @see OdsCartManagerAttributes.size */ "size"?: OdsCartSize; /** * is the cart display the Value Added Tax * @see OdsCartManagerAttributes.vatMode */ "vatMode"?: boolean; } interface OsdsCartSection { } interface OsdsCartTotal { } interface OsdsCheckbox { /** * afterSave input allows to set a function that returns a promise. It is called after each time an update was performed and allowing to manage pessimistic update strategy * @see OdsCheckboxAttributes.afterSave */ "afterSave"?: OdsCheckboxAttributeCbk; /** * The corresponding aria-label describing its content * @see OdsCheckboxAttributes.ariaLabel */ "ariaLabel": string | null; /** * The id to an external description * @see OdsCheckboxAttributes.ariaLabelledby */ "ariaLabelledby"?: string | undefined; /** * beforeSave input allows to set a function that returns a promise. It is called before each time an update will be performed and allowing to manage pessimistic update strategy * @see OdsCheckboxAttributes.beforeSave */ "beforeSave"?: OdsCheckboxAttributeCbk; /** * The checked status of the checkbox * @see OdsCheckboxAttributes.checked */ "checked": boolean; /** * indicate if the checkbox is entirely disabled. it means no interactions (hover, click, focus, etc) * @see OdsCheckboxAttributes.disabled */ "disabled": boolean; /** * is the checkbox is currently focused * @see OdsCheckboxAttributes.hasFocus */ "hasFocus": boolean; /** * The corresponding label * @see OdsCheckboxAttributes.label */ "label"?: string; /** * name used for the input element. useful for browser and posting forms * @see OdsCheckboxAttributes.name */ "name"?: string; /** * save input allows to set a function that returns a promise. It is called before each time an update is performed and allowing to manage pessimistic update strategy. the checked state will be updated just after the call. * @see OdsCheckboxAttributes.save */ "save"?: OdsCheckboxAttributeCbk; /** * programmatically set the focus on the checkbox. this method has to call OdsCheckboxController.setFocus * @see OdsCheckboxMethods.setFocus */ "setFocus": () => Promise; /** * set the tab index. this method has to call OdsCheckboxController.setTabindex * @see OdsCheckboxMethods.setTabindex */ "setTabindex": (index: number) => Promise; /** * update status indicating if the checked state is being modified. `updating` will be `true` until `beforeSave` or `save` are processed. it is used in `pessimistic` update * @see OdsCheckboxAttributes.updating */ "updating": boolean; /** * Its corresponding value * @see OdsCheckboxAttributes.value */ "value": string; } interface OsdsCheckboxButton { /** * The checked status of the checkbox button * @see OdsCheckboxButtonAttributes.checked */ "checked"?: boolean | undefined; /** * @see OdsCheckboxButtonAttributes.checking */ "checking"?: boolean | undefined; /** * The color theme * @see OdsCheckboxButtonAttributes.color */ "color"?: OdsThemeColorIntent; /** * Prevent the user from clicking on the radio button * @see OdsCheckboxButtonAttributes.disabled */ "disabled"?: boolean | undefined; /** * Display a focus style (only if interactive) * @see OdsCheckboxButtonAttributes.hasFocus */ "hasFocus"?: boolean | undefined; /** * The indeterminate status of the checkbox button (override checked status) * @see OdsCheckboxButtonAttributes.indeterminate */ "indeterminate"?: boolean | undefined; /** * Display an interactive style when clicking or hovering the radio button * @see OdsCheckboxButtonAttributes.interactive */ "interactive"?: boolean | undefined; /** * Size of the radio button * @see OdsCheckboxButtonAttributes.label */ "size"?: OdsCheckboxButtonSize; } interface OsdsChip { /** * Chip color theme * @see OdsChipAttributes.color */ "color"?: OdsThemeColorIntent; /** * Chip is in contrasterd mode or not * @see OdsChipAttributes.contrasted */ "contrasted"?: boolean; /** * Chip is disabled or not * @see OdsChipAttributes.disabled */ "disabled"?: boolean; /** * Chip as flex * @see OdsChipAttributes.flex */ "flex"?: boolean; /** * If the chip can be removed or not * @see OdsChipAttributes.removable */ "removable"?: boolean; /** * If the chip can be selected or not * @see OdsChipAttributes.selectable */ "selectable"?: boolean; /** * Chip size * @see OdsChipAttributes.size */ "size"?: OdsChipSize; /** * Chip variant * @see OdsChipAttributes.variant */ "variant"?: OdsChipVariant; } interface OsdsCode { /** * main color: see component principles * @see OdsCodeAttributes.color */ "color"?: OdsThemeColorIntent; /** * contrasted or not: see component principles * @see OdsCodeAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * size: see component principles * @see OdsCodeAttributes.size */ "size"?: OdsCodeSize; } interface OsdsCollapsible { /** * opened or not */ "opened"?: boolean; } interface OsdsContentAddon { } interface OsdsDivider { /** * Divider color theme * @see OdsDividerAttributes.color */ "color"?: OdsThemeColorIntent; /** * Divider design as contrasted version * @see OdsDividerAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * Divider has a separator or not * @see OdsDividerAttributes.separator */ "separator"?: boolean | undefined; /** * Divider size * @see OdsDividerAttributes.size */ "size"?: OdsDividerSize; } interface OsdsFlag { /** * override the `ODS` directory path of the assets. if not set, the configured path in `ODS` will be used. * @see OdsFlagAttributes.assetPath */ "assetPath": string | undefined; /** * Flag ISO country code * @see OdsFlagAttributes.iso */ "iso": ODS_COUNTRY_ISO_CODE | undefined; /** * allow to lazy load the content only when it's visible * @see OdsFlagAttributes.lazy */ "lazy": boolean; /** * override with custom src to the svg file. * @see OdsFlagAttributes.src */ "src": string | undefined; } interface OsdsIcon { /** * Icon ARIA name * @see OdsIconAttributes.ariaName */ "ariaName": string; /** * Icon color theme * @see OdsIconAttributes.color */ "color"?: OdsThemeColorIntent; /** * Icon if contrasted or not * @see OdsIconAttributes.contrasted */ "contrasted"?: boolean; /** * Icon if hoverabled or not * @see OdsIconAttributes.hoverable */ "hoverable"?: boolean; /** * Icon name * @see OdsIconAttributes.name */ "name"?: OdsIconName; /** * Icon size * @see OdsIconAttributes.size */ "size"?: OdsIconSize; } 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; } interface OsdsLink { /** * Link color theme * @see OdsLinkAttributes.color */ "color"?: OdsThemeColorIntent; /** * Link design as contrasted version * @see OdsLinkAttributes.contrasted */ "contrasted"?: boolean; /** * Link should be disabled or not * @see OdsLinkAttributes.disabled */ "disabled"?: boolean; /** * Link as download source * @see OdsLinkAttributes.download */ "download"?: HTMLAnchorElement['download']; /** * Link URL * @see OdsLinkAttributes.href */ "href"?: string; /** * Link referrer policy * @see OdsLinkAttributes.referrerpolicy */ "referrerpolicy"?: OdsLinkReferrerpolicy; /** * Link relationship * @see OdsLinkAttributes.rel */ "rel"?: OdsHTMLAnchorElementRel; /** * Link target type If href is set the default value `_self` is set * @see OdsLinkAttributes.target */ "target"?: OdsHTMLAnchorElementTarget; /** * Link type (for download source) * @see OdsLinkAttributes.type */ "type"?: string; } interface OsdsLocationTile { /** * If the tile is checked or not * @see OdsLocationTileAttributes.checked */ "checked": boolean; /** * awaiting a change of checked state * @see OdsLocationTileAttributes.checking */ "checking": boolean; /** * Tile color theme * @see OdsLocationTileAttributes.color */ "color"?: OdsThemeColorIntent; /** * Tile color theme * @see OdsLocationTileAttributes.disabled */ "disabled": boolean; /** * Tile as flex * @see OdsLocationTileAttributes.flex */ "flex": boolean | undefined; /** * indicate if the location tile has to be displayed in focused state * @see OdsLocationTileAttributes.hasFocus */ "hasFocus": boolean; /** * If the tile can be checked or not * @see OdsLocationTileAttributes.interactive */ "interactive": boolean | undefined; /** * Tile country iso code * @see OdsLocationTileAttributes.iso */ "iso"?: ODS_COUNTRY_ISO_CODE; /** * Tile size * @see OdsLocationTileAttributes.size */ "size"?: OdsTileSize; /** * Tile variant * @see OdsLocationTileAttributes.variant */ "variant"?: OdsLocationTileVariant; } interface OsdsMessage { /** * Message color theme * @see OdsMessageAttributes.color */ "color"?: OdsThemeColorIntent; /** * Message is in contrasterd mode or not * @see OdsMessageAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * Message as flex * @see OdsMessageAttributes.flex */ "flex"?: boolean | undefined; /** * The icon prefix * @see OdsMessageAttributes.icon */ "icon"?: OdsIconName; /** * If the message can be removed or not * @see OdsMessageAttributes.removable */ "removable"?: boolean | undefined; /** * The message type * @see OdsMessageAttributes.type */ "type"?: OdsMessageType; } interface OsdsPagination { /** * Its corresponding current page. * @see OdsPaginationAttributes.current */ "current": number; /** * indicates if the pagination is entirely disabled. it means no interactions (hover, click, focus, etc) * @see OdsPaginationAttributes.disabled */ "disabled": boolean; /** * The label of the tooltip on the arrow next * @see OdsPaginationAttributes.labelTooltipNext */ "labelTooltipNext": string; /** * The label of the tooltip on the arrow previous * @see OdsPaginationAttributes.labelTooltipPrevious */ "labelTooltipPrevious": string; /** * set page index on the component * @see OdsPaginationMethods.setPageIndex */ "setPageIndex": (current: number) => Promise; /** * The total number of items. * @see OdsPaginationAttributes.totalItems */ "totalItems"?: number; /** * The total amount of pages. * @see OdsPaginationAttributes.totalPages */ "totalPages": number; } interface OsdsPopover { /** * Close the surface * @see OdsPopoverMethods.closeSurface */ "closeSurface": () => Promise; } interface OsdsPopoverContent { } interface OsdsProgressBar { /** * Sets the maximum value the progress can reach * @see OdsProgressBarAttributes.max */ "max"?: OdsProgressBar['max']; /** * The value of the progress bar * @see OdsProgressBarAttributes.value */ "value"?: OdsProgressBar['value']; } interface OsdsQuantity { /** * Quantity is disabled or not * @see OdsQuantityAttributes.disabled */ "disabled"?: boolean; } interface OsdsRadio { /** * @see OdsRadioAttributes.afterSave */ "afterSave"?: (({ checked, value }: { checked: boolean; value: string; }) => Promise) | undefined; /** * The corresponding aria-label describing its content * @see OdsRadioAttributes.ariaLabel */ "ariaLabel": string | null; /** * The id to an external description * @see OdsRadioAttributes.ariaLabelledby */ "ariaLabelledby"?: string | undefined; /** * @see OdsRadioAttributes.beforeSave */ "beforeSave"?: (({ checked, value }: { checked: boolean; value: string; }) => Promise) | undefined; /** * The checked status of the radio * @see OdsRadioAttributes.checked */ "checked": boolean; /** * is in state of awaiting the checked change * @see OdsRadioAttributes.checking */ "checking": boolean; /** * Radio should be disabled or not * @see OdsRadioAttributes.disabled */ "disabled": boolean; /** * The radio corresponding label * @see OdsRadioAttributes.label */ "label"?: string; /** * The name corresponding to its parent radio group * @see OdsRadioAttributes.name */ "name"?: string; /** * save input allow to set a function that returns a promise. It is called before each time an update is performed and allowing to manage pessimistic update strategy * @see OdsRadioAttributes.save */ "save"?: (({ checked, value }: { checked: boolean; value: string; }) => Promise) | undefined; /** * Set the tab index. useful between radio-group and radio * @see OdsRadioMethods.setButtonTabindex */ "setButtonTabindex": (value: number) => Promise; /** * set the focus. useful between radio-group and radio * @see OdsRadioMethods.setFocus */ "setFocus": () => Promise; /** * update the state according to the different attributes (checking, checked, etc). useful between radio-group and radio * @see OdsRadioMethods.updateState */ "updateState": (checking?: boolean) => Promise; /** * Its corresponding value * @see OdsRadioAttributes.value */ "value": string; } interface OsdsRadioButton { /** * The checked status of the radio button * @see OdsRadioButtonAttributes.checked */ "checked"?: boolean | undefined; /** * @see OdsRadioButtonAttributes.checking */ "checking"?: boolean | undefined; /** * The color theme * @see OdsRadioButtonAttributes.color */ "color"?: OdsThemeColorIntent; /** * Prevent the user from clicking on the radio button * @see OdsRadioButtonAttributes.disabled */ "disabled"?: boolean | undefined; /** * Display a focus style (only if interactive) * @see OdsRadioButtonAttributes.hasFocus */ "hasFocus"?: boolean | undefined; /** * Display an interactive style when clicking or hovering the radio button * @see OdsRadioButtonAttributes.interactive */ "interactive"?: boolean | undefined; /** * Size of the radio button * @see OdsRadioButtonAttributes.size */ "size"?: OdsRadioButtonSize; } interface OsdsRadioGroup { /** * @see OdsRadioGroupAttributes.afterSave */ "afterSave"?: (({ value }: { value: string; }) => Promise) | undefined; /** * @see OdsRadioGroupAttributes.beforeSave */ "beforeSave"?: (({ value }: { value: string; }) => Promise) | undefined; /** * Radio-group should be disabled or not * @see OdsRadioGroupAttributes.disabled */ "disabled": boolean; /** * @see OdsRadioGroupMethods.getRadios */ "getRadios": () => Promise<(HTMLElement & OdsRadio)[]>; /** * @see OdsRadioGroupAttributes.name */ "name": string; /** * called when a radio component is instanced * @see OdsRadioGroupMethods.registerRadio */ "registerRadio": (radio: (HTMLElement & OdsRadio)) => Promise; /** * If the radio selection is required or not * @see OdsRadioGroupAttributes.required */ "required": boolean | undefined; /** * save input allow to set a function that returns a promise. It is called before each time an update is performed and allowing to manage pessimistic update strategy * @see OdsRadioGroupAttributes.save */ "save"?: (({ value }: { value: string; }) => Promise) | undefined; /** * called when a radio component is destroyed * @see OdsRadioGroupMethods.unregisterRadio */ "unregisterRadio": (radio: (HTMLElement & OdsRadio)) => Promise; /** * @see OdsRadioGroupMethods.updateState */ "updateState": ({ newValue, checked, checking }: { newValue: string; checked: boolean; checking: boolean; }) => Promise; /** * @see OdsRadioGroupAttributes.value */ "value": string; } interface OsdsRange { /** * Range color theme * @see OdsRangeAttributes.color */ "color"?: OdsThemeColorIntent; /** * Indicate if the range is entirely disabled. It means no interaction is possible (hover, click, focus, etc) * @see OdsRangeAttributes.disabled */ "disabled"?: boolean; /** * If the range is in error or not * @see OdsRangeAttributes.error */ "error"?: boolean; /** * Check range error state * @see OdsRangeAttributes.errorStateControl */ "errorStateControl"?: OdsErrorStateControl; /** * Flex unit for range width * @see OdsRangeAttributes.flex */ "flex"?: boolean; /** * The range forbidden values * @see OdsRangeAttributes.forbiddenValues */ "forbiddenValues": OdsFormForbiddenValues; /** * The form control for range * @see OdsRangeAttributes.formControl */ "formControl"?: OdsFormControl; /** * get the validity state * @see OdsRangeMethods.getValidity */ "getValidity": () => Promise; /** * The range maximum value * @see OdsRangeAttributes.max */ "max"?: number; /** * The range minimum value * @see OdsRangeAttributes.min */ "min"?: number; /** * The range step value * @see OdsRangeAttributes.step */ "step"?: number; /** * The range value * @see OdsRangeAttributes.value */ "value": OdsRangeValue; } 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; /** * 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; /** * 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; /** * focus the element * @see OdsSelectMethods.setFocus */ "setFocus": () => Promise; /** * set tab index on the component * @see OdsSelectMethods.setInputTabindex */ "setInputTabindex": (value: number) => Promise; /** * 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; /** * 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; /** * Whether or not it is the selected value (fetched from parent). UI only purpose */ "selected"?: boolean; /** * @see OdsSelectOptionMethods.setTabIndex */ "setTabIndex": (value: number) => Promise; /** * @see OdsSelectOptionAttributes.value */ "value": OdsInputValue; } interface OsdsSkeleton { /** * Wether or not skeleton size fill its parent * @see OdsSkeletonAttributes.flex */ "flex"?: boolean; /** * Wether or not skeleton size is randomized * @see OdsSkeletonAttributes.randomized */ "randomized"?: boolean; /** * Skeleton size * @see OdsSkeletonAttributes.size */ "size"?: OdsSkeletonSize; } interface OsdsSpinner { /** * contrasted or not: see component principles * @see OdsSpinnerAttributes.contrasted */ "contrasted"?: boolean; /** * full width or not: see component principles * @see OdsSpinnerAttributes.flex */ "flex"?: boolean; /** * choose between infinite or progress spinner (infinite only for now) * @see OdsSpinnerAttributes.mode */ "mode"?: OdsSpinnerMode; /** * size: see component principles * @see OdsSpinnerAttributes.size */ "size"?: OdsSpinnerSize; } interface OsdsSwitch { /** * main color: see component principles */ "color"?: OdsThemeColorIntent; /** * contrasted or not: see component principles */ "contrasted"?: boolean; /** * disabled: see component principles */ "disabled"?: boolean; /** * size: see component principles */ "size"?: OdsSwitchSize; /** * used design aspect */ "variant"?: OdsSwitchVariant; } interface OsdsSwitchItem { /** * The checked status of the SwitchItem */ "checked": boolean; /** * set the focus on the switch item */ "setFocus": () => Promise; /** * Its corresponding value */ "value": HTMLInputElement['value']; } interface OsdsTabBar { } interface OsdsTabBarItem { /** * is this tab item is selected or not * @see OdsTabBarItemAttributes.active */ "active": boolean; /** * is in contrasted mode or not * @see OdsTabBarItemAttributes.contrasted */ "contrasted": boolean; /** * The tab is disabled or not * @see OdsTabBarItemAttributes.disabled */ "disabled": boolean; /** * The panel of the corresponding Tab * @see OdsTabBarItemAttributes.panel */ "panel": string; /** * select the panel by emitting * @see OdsTabBarItemBehavior.select */ "select": () => Promise; } interface OsdsTabPanel { /** * is the panel is active or nor * @see OdsTabPanelAttributes.active */ "active": boolean; /** * identifier name of the panel * @see OdsTabPanelAttributes.name */ "name": string; } interface OsdsTabs { /** * The tab is contrasted * @see OdsTabsAttributes.contrasted */ "contrasted": boolean; /** * Tabs active panel * @see OdsTabsAttributes.panel */ "panel": string; /** * Tabs size * @see OdsTabsAttributes.size */ "size": OdsTabsSize; } interface OsdsTile { /** * If the tile is selected or not * @see OdsTileAttributes.checked */ "checked": boolean; /** * awaiting a change of checked state * @see OdsTileAttributes.checking */ "checking": boolean; /** * Tile color theme * @see OdsTileAttributes.color */ "color"?: OdsThemeColorIntent; /** * @see OdsTileAttributes.disabled */ "disabled": boolean; /** * @see OdsTileAttributes.flex */ "flex"?: boolean; /** * indicate if the tile has to be displayed in focused state * @see OdsTileAttributes.hasFocus */ "hasFocus": boolean; /** * If the tile can have hoverable pseudo-classes or not * @see OdsTileAttributes.hoverable */ "hoverable"?: boolean; /** * loading content state * @see OdsTileAttributes.loading */ "loading": boolean; /** * If the tile is rounded or not * @see OdsTileAttributes.rounded */ "rounded"?: boolean; /** * Tile size * @see OdsTileAttributes.size */ "size"?: OdsTileSize; /** * Tile variant * @see OdsTileAttributes.variant */ "variant"?: OdsTileVariant; } interface OsdsToggle { /** * Toggle is checked or not * @see OdsToggleAttributes.checked */ "checked"?: boolean | undefined; /** * Awaiting a change of checked state * @see OdsToggleAttributes.checking */ "checking"?: boolean | undefined; /** * Toggle color theme * @see OdsToggleAttributes.color */ "color"?: OdsThemeColorIntent; /** * Toggle is in contrasted mode or not * @see OdsToggleAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * Toggle is disabled or not * @see OdsToggleAttributes.disabled */ "disabled"?: boolean | undefined; /** * If the toggle can have interactive pseudo-classes or not * @see OdsToggleAttributes.interactive */ "interactive"?: boolean | undefined; } interface OsdsTooltip { /** * Close the surface * @see OdsTooltipMethods.closeSurface */ "closeSurface": () => Promise; /** * set tab index on the component * @see OdsTooltipMethods.setTabindex */ "setTabindex": (value: number) => Promise; /** * with or without visible tip: see component principles * @see OdsTooltipAttributes.variant */ "variant"?: OdsTooltipVariant; } interface OsdsTooltipContent { } } export interface OsdsAccordionCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsAccordionElement; } export interface OsdsBreadcrumbItemCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsBreadcrumbItemElement; } export interface OsdsCheckboxCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsCheckboxElement; } export interface OsdsCodeCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsCodeElement; } export interface OsdsCollapsibleCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsCollapsibleElement; } export interface OsdsInputCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsInputElement; } export interface OsdsMessageCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsMessageElement; } export interface OsdsPaginationCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsPaginationElement; } export interface OsdsRadioCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsRadioElement; } export interface OsdsRadioGroupCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsRadioGroupElement; } export interface OsdsRangeCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsRangeElement; } export interface OsdsSelectCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsSelectElement; } export interface OsdsSelectOptionCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsSelectOptionElement; } export interface OsdsSwitchCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsSwitchElement; } export interface OsdsTabBarItemCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsTabBarItemElement; } export interface OsdsTabsCustomEvent extends CustomEvent { detail: T; target: HTMLOsdsTabsElement; } declare global { interface HTMLOsdsAccordionElement extends Components.OsdsAccordion, HTMLStencilElement { } var HTMLOsdsAccordionElement: { prototype: HTMLOsdsAccordionElement; new (): HTMLOsdsAccordionElement; }; interface HTMLOsdsAccordionGroupElement extends Components.OsdsAccordionGroup, HTMLStencilElement { } var HTMLOsdsAccordionGroupElement: { prototype: HTMLOsdsAccordionGroupElement; new (): HTMLOsdsAccordionGroupElement; }; interface HTMLOsdsBreadcrumbElement extends Components.OsdsBreadcrumb, HTMLStencilElement { } var HTMLOsdsBreadcrumbElement: { prototype: HTMLOsdsBreadcrumbElement; new (): HTMLOsdsBreadcrumbElement; }; interface HTMLOsdsBreadcrumbItemElement extends Components.OsdsBreadcrumbItem, HTMLStencilElement { } var HTMLOsdsBreadcrumbItemElement: { prototype: HTMLOsdsBreadcrumbItemElement; new (): HTMLOsdsBreadcrumbItemElement; }; interface HTMLOsdsButtonElement extends Components.OsdsButton, HTMLStencilElement { } var HTMLOsdsButtonElement: { prototype: HTMLOsdsButtonElement; new (): HTMLOsdsButtonElement; }; interface HTMLOsdsCartElement extends Components.OsdsCart, HTMLStencilElement { } var HTMLOsdsCartElement: { prototype: HTMLOsdsCartElement; new (): HTMLOsdsCartElement; }; interface HTMLOsdsCartFooterElement extends Components.OsdsCartFooter, HTMLStencilElement { } var HTMLOsdsCartFooterElement: { prototype: HTMLOsdsCartFooterElement; new (): HTMLOsdsCartFooterElement; }; interface HTMLOsdsCartFooterItemElement extends Components.OsdsCartFooterItem, HTMLStencilElement { } var HTMLOsdsCartFooterItemElement: { prototype: HTMLOsdsCartFooterItemElement; new (): HTMLOsdsCartFooterItemElement; }; interface HTMLOsdsCartHeaderElement extends Components.OsdsCartHeader, HTMLStencilElement { } var HTMLOsdsCartHeaderElement: { prototype: HTMLOsdsCartHeaderElement; new (): HTMLOsdsCartHeaderElement; }; interface HTMLOsdsCartItemElement extends Components.OsdsCartItem, HTMLStencilElement { } var HTMLOsdsCartItemElement: { prototype: HTMLOsdsCartItemElement; new (): HTMLOsdsCartItemElement; }; interface HTMLOsdsCartItemOptionElement extends Components.OsdsCartItemOption, HTMLStencilElement { } var HTMLOsdsCartItemOptionElement: { prototype: HTMLOsdsCartItemOptionElement; new (): HTMLOsdsCartItemOptionElement; }; interface HTMLOsdsCartManagerElement extends Components.OsdsCartManager, HTMLStencilElement { } var HTMLOsdsCartManagerElement: { prototype: HTMLOsdsCartManagerElement; new (): HTMLOsdsCartManagerElement; }; interface HTMLOsdsCartSectionElement extends Components.OsdsCartSection, HTMLStencilElement { } var HTMLOsdsCartSectionElement: { prototype: HTMLOsdsCartSectionElement; new (): HTMLOsdsCartSectionElement; }; interface HTMLOsdsCartTotalElement extends Components.OsdsCartTotal, HTMLStencilElement { } var HTMLOsdsCartTotalElement: { prototype: HTMLOsdsCartTotalElement; new (): HTMLOsdsCartTotalElement; }; interface HTMLOsdsCheckboxElement extends Components.OsdsCheckbox, HTMLStencilElement { } var HTMLOsdsCheckboxElement: { prototype: HTMLOsdsCheckboxElement; new (): HTMLOsdsCheckboxElement; }; interface HTMLOsdsCheckboxButtonElement extends Components.OsdsCheckboxButton, HTMLStencilElement { } var HTMLOsdsCheckboxButtonElement: { prototype: HTMLOsdsCheckboxButtonElement; new (): HTMLOsdsCheckboxButtonElement; }; interface HTMLOsdsChipElement extends Components.OsdsChip, HTMLStencilElement { } var HTMLOsdsChipElement: { prototype: HTMLOsdsChipElement; new (): HTMLOsdsChipElement; }; interface HTMLOsdsCodeElement extends Components.OsdsCode, HTMLStencilElement { } var HTMLOsdsCodeElement: { prototype: HTMLOsdsCodeElement; new (): HTMLOsdsCodeElement; }; interface HTMLOsdsCollapsibleElement extends Components.OsdsCollapsible, HTMLStencilElement { } var HTMLOsdsCollapsibleElement: { prototype: HTMLOsdsCollapsibleElement; new (): HTMLOsdsCollapsibleElement; }; interface HTMLOsdsContentAddonElement extends Components.OsdsContentAddon, HTMLStencilElement { } var HTMLOsdsContentAddonElement: { prototype: HTMLOsdsContentAddonElement; new (): HTMLOsdsContentAddonElement; }; interface HTMLOsdsDividerElement extends Components.OsdsDivider, HTMLStencilElement { } var HTMLOsdsDividerElement: { prototype: HTMLOsdsDividerElement; new (): HTMLOsdsDividerElement; }; interface HTMLOsdsFlagElement extends Components.OsdsFlag, HTMLStencilElement { } var HTMLOsdsFlagElement: { prototype: HTMLOsdsFlagElement; new (): HTMLOsdsFlagElement; }; interface HTMLOsdsIconElement extends Components.OsdsIcon, HTMLStencilElement { } var HTMLOsdsIconElement: { prototype: HTMLOsdsIconElement; new (): HTMLOsdsIconElement; }; interface HTMLOsdsInputElement extends Components.OsdsInput, HTMLStencilElement { } var HTMLOsdsInputElement: { prototype: HTMLOsdsInputElement; new (): HTMLOsdsInputElement; }; interface HTMLOsdsLinkElement extends Components.OsdsLink, HTMLStencilElement { } var HTMLOsdsLinkElement: { prototype: HTMLOsdsLinkElement; new (): HTMLOsdsLinkElement; }; interface HTMLOsdsLocationTileElement extends Components.OsdsLocationTile, HTMLStencilElement { } var HTMLOsdsLocationTileElement: { prototype: HTMLOsdsLocationTileElement; new (): HTMLOsdsLocationTileElement; }; interface HTMLOsdsMessageElement extends Components.OsdsMessage, HTMLStencilElement { } var HTMLOsdsMessageElement: { prototype: HTMLOsdsMessageElement; new (): HTMLOsdsMessageElement; }; interface HTMLOsdsPaginationElement extends Components.OsdsPagination, HTMLStencilElement { } var HTMLOsdsPaginationElement: { prototype: HTMLOsdsPaginationElement; new (): HTMLOsdsPaginationElement; }; interface HTMLOsdsPopoverElement extends Components.OsdsPopover, HTMLStencilElement { } var HTMLOsdsPopoverElement: { prototype: HTMLOsdsPopoverElement; new (): HTMLOsdsPopoverElement; }; interface HTMLOsdsPopoverContentElement extends Components.OsdsPopoverContent, HTMLStencilElement { } var HTMLOsdsPopoverContentElement: { prototype: HTMLOsdsPopoverContentElement; new (): HTMLOsdsPopoverContentElement; }; interface HTMLOsdsProgressBarElement extends Components.OsdsProgressBar, HTMLStencilElement { } var HTMLOsdsProgressBarElement: { prototype: HTMLOsdsProgressBarElement; new (): HTMLOsdsProgressBarElement; }; interface HTMLOsdsQuantityElement extends Components.OsdsQuantity, HTMLStencilElement { } var HTMLOsdsQuantityElement: { prototype: HTMLOsdsQuantityElement; new (): HTMLOsdsQuantityElement; }; interface HTMLOsdsRadioElement extends Components.OsdsRadio, HTMLStencilElement { } var HTMLOsdsRadioElement: { prototype: HTMLOsdsRadioElement; new (): HTMLOsdsRadioElement; }; interface HTMLOsdsRadioButtonElement extends Components.OsdsRadioButton, HTMLStencilElement { } var HTMLOsdsRadioButtonElement: { prototype: HTMLOsdsRadioButtonElement; new (): HTMLOsdsRadioButtonElement; }; interface HTMLOsdsRadioGroupElement extends Components.OsdsRadioGroup, HTMLStencilElement { } var HTMLOsdsRadioGroupElement: { prototype: HTMLOsdsRadioGroupElement; new (): HTMLOsdsRadioGroupElement; }; interface HTMLOsdsRangeElement extends Components.OsdsRange, HTMLStencilElement { } var HTMLOsdsRangeElement: { prototype: HTMLOsdsRangeElement; new (): HTMLOsdsRangeElement; }; 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 HTMLOsdsSkeletonElement extends Components.OsdsSkeleton, HTMLStencilElement { } var HTMLOsdsSkeletonElement: { prototype: HTMLOsdsSkeletonElement; new (): HTMLOsdsSkeletonElement; }; interface HTMLOsdsSpinnerElement extends Components.OsdsSpinner, HTMLStencilElement { } var HTMLOsdsSpinnerElement: { prototype: HTMLOsdsSpinnerElement; new (): HTMLOsdsSpinnerElement; }; interface HTMLOsdsSwitchElement extends Components.OsdsSwitch, HTMLStencilElement { } var HTMLOsdsSwitchElement: { prototype: HTMLOsdsSwitchElement; new (): HTMLOsdsSwitchElement; }; interface HTMLOsdsSwitchItemElement extends Components.OsdsSwitchItem, HTMLStencilElement { } var HTMLOsdsSwitchItemElement: { prototype: HTMLOsdsSwitchItemElement; new (): HTMLOsdsSwitchItemElement; }; interface HTMLOsdsTabBarElement extends Components.OsdsTabBar, HTMLStencilElement { } var HTMLOsdsTabBarElement: { prototype: HTMLOsdsTabBarElement; new (): HTMLOsdsTabBarElement; }; interface HTMLOsdsTabBarItemElement extends Components.OsdsTabBarItem, HTMLStencilElement { } var HTMLOsdsTabBarItemElement: { prototype: HTMLOsdsTabBarItemElement; new (): HTMLOsdsTabBarItemElement; }; interface HTMLOsdsTabPanelElement extends Components.OsdsTabPanel, HTMLStencilElement { } var HTMLOsdsTabPanelElement: { prototype: HTMLOsdsTabPanelElement; new (): HTMLOsdsTabPanelElement; }; interface HTMLOsdsTabsElement extends Components.OsdsTabs, HTMLStencilElement { } var HTMLOsdsTabsElement: { prototype: HTMLOsdsTabsElement; new (): HTMLOsdsTabsElement; }; interface HTMLOsdsTileElement extends Components.OsdsTile, HTMLStencilElement { } var HTMLOsdsTileElement: { prototype: HTMLOsdsTileElement; new (): HTMLOsdsTileElement; }; interface HTMLOsdsToggleElement extends Components.OsdsToggle, HTMLStencilElement { } var HTMLOsdsToggleElement: { prototype: HTMLOsdsToggleElement; new (): HTMLOsdsToggleElement; }; interface HTMLOsdsTooltipElement extends Components.OsdsTooltip, HTMLStencilElement { } var HTMLOsdsTooltipElement: { prototype: HTMLOsdsTooltipElement; new (): HTMLOsdsTooltipElement; }; interface HTMLOsdsTooltipContentElement extends Components.OsdsTooltipContent, HTMLStencilElement { } var HTMLOsdsTooltipContentElement: { prototype: HTMLOsdsTooltipContentElement; new (): HTMLOsdsTooltipContentElement; }; interface HTMLElementTagNameMap { "osds-accordion": HTMLOsdsAccordionElement; "osds-accordion-group": HTMLOsdsAccordionGroupElement; "osds-breadcrumb": HTMLOsdsBreadcrumbElement; "osds-breadcrumb-item": HTMLOsdsBreadcrumbItemElement; "osds-button": HTMLOsdsButtonElement; "osds-cart": HTMLOsdsCartElement; "osds-cart-footer": HTMLOsdsCartFooterElement; "osds-cart-footer-item": HTMLOsdsCartFooterItemElement; "osds-cart-header": HTMLOsdsCartHeaderElement; "osds-cart-item": HTMLOsdsCartItemElement; "osds-cart-item-option": HTMLOsdsCartItemOptionElement; "osds-cart-manager": HTMLOsdsCartManagerElement; "osds-cart-section": HTMLOsdsCartSectionElement; "osds-cart-total": HTMLOsdsCartTotalElement; "osds-checkbox": HTMLOsdsCheckboxElement; "osds-checkbox-button": HTMLOsdsCheckboxButtonElement; "osds-chip": HTMLOsdsChipElement; "osds-code": HTMLOsdsCodeElement; "osds-collapsible": HTMLOsdsCollapsibleElement; "osds-content-addon": HTMLOsdsContentAddonElement; "osds-divider": HTMLOsdsDividerElement; "osds-flag": HTMLOsdsFlagElement; "osds-icon": HTMLOsdsIconElement; "osds-input": HTMLOsdsInputElement; "osds-link": HTMLOsdsLinkElement; "osds-location-tile": HTMLOsdsLocationTileElement; "osds-message": HTMLOsdsMessageElement; "osds-pagination": HTMLOsdsPaginationElement; "osds-popover": HTMLOsdsPopoverElement; "osds-popover-content": HTMLOsdsPopoverContentElement; "osds-progress-bar": HTMLOsdsProgressBarElement; "osds-quantity": HTMLOsdsQuantityElement; "osds-radio": HTMLOsdsRadioElement; "osds-radio-button": HTMLOsdsRadioButtonElement; "osds-radio-group": HTMLOsdsRadioGroupElement; "osds-range": HTMLOsdsRangeElement; "osds-select": HTMLOsdsSelectElement; "osds-select-group": HTMLOsdsSelectGroupElement; "osds-select-option": HTMLOsdsSelectOptionElement; "osds-skeleton": HTMLOsdsSkeletonElement; "osds-spinner": HTMLOsdsSpinnerElement; "osds-switch": HTMLOsdsSwitchElement; "osds-switch-item": HTMLOsdsSwitchItemElement; "osds-tab-bar": HTMLOsdsTabBarElement; "osds-tab-bar-item": HTMLOsdsTabBarItemElement; "osds-tab-panel": HTMLOsdsTabPanelElement; "osds-tabs": HTMLOsdsTabsElement; "osds-tile": HTMLOsdsTileElement; "osds-toggle": HTMLOsdsToggleElement; "osds-tooltip": HTMLOsdsTooltipElement; "osds-tooltip-content": HTMLOsdsTooltipContentElement; } } declare namespace LocalJSX { interface OsdsAccordion { /** * main color: see component principles * @see OdsAccordionAttributes.color */ "color"?: OdsThemeColorIntent; /** * contrasted or not: see component principles * @see OdsAccordionAttributes.contrasted */ "contrasted"?: boolean; /** * disabled: see component principles * @see OdsAccordionAttributes.disabled */ "disabled"?: boolean; /** * Event triggered on accordion toggle * @see OdsAccordionEvents.odsAccordionToggle */ "onOdsAccordionToggle"?: (event: OsdsAccordionCustomEvent) => void; /** * opened or not * @see OdsAccordionAttributes.opened */ "opened"?: boolean; /** * size: see component principles * @see OdsAccordionAttributes.size */ "size"?: OdsAccordionSize; } interface OsdsAccordionGroup { } interface OsdsBreadcrumb { /** * contrasted or not: see component principles * @see OdsBreadcrumbAttributes.contrasted */ "contrasted"?: boolean; /** * List of breadcrumb items to display * @see OdsBreadcrumbAttributes.items */ "items"?: OdsBreadcrumbAttributeItem[] | string; } interface OsdsBreadcrumbItem { /** * contrasted or not: see component principles * @see OdsBreadcrumbItemAttributes.contrasted */ "contrasted"?: boolean; /** * Item link to redirect to * @see OdsBreadcrumbItemAttributes.href */ "href"?: string; /** * Icon to display * @see OdsBreadcrumbItemAttributes.icon */ "icon"?: OdsIconName; /** * Text to display * @see OdsBreadcrumbItemAttributes.label */ "label"?: string; /** * Event triggered on collapsed item click * @see OdsBreadcrumbItemEvents.odsBreadcrumbItemCollapsedClick */ "onOdsBreadcrumbItemCollapsedClick"?: (event: OsdsBreadcrumbItemCustomEvent) => void; } interface OsdsButton { /** * use a circle shape * @see OdsButtonAttributes.circle */ "circle"?: boolean | undefined; /** * main color: see component principles * @see OdsButtonAttributes.color */ "color"?: OdsThemeColorIntent; /** * contrasted or not: see component principles * @see OdsButtonAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * disabled or not: see component principles * @see OdsButtonAttributes.disabled */ "disabled"?: boolean | undefined; /** * Button with href as download source * @see OdsButtonAttributes.rel */ "download"?: HTMLAnchorElement['download']; /** * full width or not: see component principles * @see OdsButtonAttributes.flex */ "flex"?: boolean | undefined; /** * use a button as a link with `` element * @see OdsButtonAttributes.href */ "href"?: string; /** * Button with href relationship * @see OdsButtonAttributes.rel */ "rel"?: OdsHTMLAnchorElementRel; /** * size: see component principles * @see OdsButtonAttributes.size */ "size"?: OdsButtonSize; /** * link target if we are in a link-mode (using `href` attribute) * @see OdsButtonAttributes.target */ "target"?: OdsHTMLAnchorElementTarget; /** * type of the vanilla button * @see OdsButtonAttributes.type */ "type"?: OdsButtonType; /** * used design aspect * @see OdsButtonAttributes.variant */ "variant"?: OdsButtonVariant; } interface OsdsCart { /** * is the cart is collapsed (if collapsible) * @see OdsCartAttributes.collapsed */ "collapsed"?: boolean; /** * is the cart can be collapsed in a smaller view * @see OdsCartAttributes.collapsible */ "collapsible"?: boolean; /** * full width or not: see component principles * @see OdsCartAttributes.flex */ "flex"?: boolean; /** * rounds corners of cart's outer border edge * @see OdsCartAttributes.rounded */ "rounded"?: OdsCartRounded; /** * size: see component principles * @see OdsCartAttributes.size */ "size"?: OdsCartSize; } interface OsdsCartFooter { } interface OsdsCartFooterItem { } interface OsdsCartHeader { /** * @see OdsCartHeaderAttributes.headerTitle */ "headerTitle"?: string; } interface OsdsCartItem { } interface OsdsCartItemOption { } interface OsdsCartManager { /** * full width or not: see component principles * @see OdsCartManagerAttributes.flex */ "flex"?: boolean; /** * describe what the footer is made of * @see OdsCartManagerAttributes.footer */ "footer"?: OdsCartManagerFooter; /** * internationalisation system connector * @see OdsCartManagerAttributes.i18n */ "i18n"?: OdsI18nHook; /** * ISO period code that describe the duration of a periodical payment * @see OdsCartManagerAttributes.period */ "period"?: ODS_PERIOD_ISO_CODE; /** * Sections made of one item and multiple options * @see OdsCartManagerAttributes.sections */ "sections"?: OdsCartManagerSection[]; /** * size: see component principles * @see OdsCartManagerAttributes.size */ "size"?: OdsCartSize; /** * is the cart display the Value Added Tax * @see OdsCartManagerAttributes.vatMode */ "vatMode"?: boolean; } interface OsdsCartSection { } interface OsdsCartTotal { } interface OsdsCheckbox { /** * afterSave input allows to set a function that returns a promise. It is called after each time an update was performed and allowing to manage pessimistic update strategy * @see OdsCheckboxAttributes.afterSave */ "afterSave"?: OdsCheckboxAttributeCbk; /** * The corresponding aria-label describing its content * @see OdsCheckboxAttributes.ariaLabel */ "ariaLabel"?: string | null; /** * The id to an external description * @see OdsCheckboxAttributes.ariaLabelledby */ "ariaLabelledby"?: string | undefined; /** * beforeSave input allows to set a function that returns a promise. It is called before each time an update will be performed and allowing to manage pessimistic update strategy * @see OdsCheckboxAttributes.beforeSave */ "beforeSave"?: OdsCheckboxAttributeCbk; /** * The checked status of the checkbox * @see OdsCheckboxAttributes.checked */ "checked"?: boolean; /** * indicate if the checkbox is entirely disabled. it means no interactions (hover, click, focus, etc) * @see OdsCheckboxAttributes.disabled */ "disabled"?: boolean; /** * is the checkbox is currently focused * @see OdsCheckboxAttributes.hasFocus */ "hasFocus"?: boolean; /** * The corresponding label * @see OdsCheckboxAttributes.label */ "label"?: string; /** * name used for the input element. useful for browser and posting forms * @see OdsCheckboxAttributes.name */ "name"?: string; /** * Event triggered on checkbox blur * @see OdsCheckboxEvents.odsBlur */ "onOdsBlur"?: (event: OsdsCheckboxCustomEvent) => void; /** * the checked state changed * @see OdsCheckboxEvents.odsCheckedChange */ "onOdsCheckedChange"?: (event: OsdsCheckboxCustomEvent) => void; /** * Event triggered on checkbox focus * @see OdsCheckboxEvents.odsFocus */ "onOdsFocus"?: (event: OsdsCheckboxCustomEvent) => void; /** * the checked state is being changed * @see OdsCheckboxEvents.odsUpdatingChange */ "onOdsUpdatingChange"?: (event: OsdsCheckboxCustomEvent) => void; /** * save input allows to set a function that returns a promise. It is called before each time an update is performed and allowing to manage pessimistic update strategy. the checked state will be updated just after the call. * @see OdsCheckboxAttributes.save */ "save"?: OdsCheckboxAttributeCbk; /** * update status indicating if the checked state is being modified. `updating` will be `true` until `beforeSave` or `save` are processed. it is used in `pessimistic` update * @see OdsCheckboxAttributes.updating */ "updating"?: boolean; /** * Its corresponding value * @see OdsCheckboxAttributes.value */ "value"?: string; } interface OsdsCheckboxButton { /** * The checked status of the checkbox button * @see OdsCheckboxButtonAttributes.checked */ "checked"?: boolean | undefined; /** * @see OdsCheckboxButtonAttributes.checking */ "checking"?: boolean | undefined; /** * The color theme * @see OdsCheckboxButtonAttributes.color */ "color"?: OdsThemeColorIntent; /** * Prevent the user from clicking on the radio button * @see OdsCheckboxButtonAttributes.disabled */ "disabled"?: boolean | undefined; /** * Display a focus style (only if interactive) * @see OdsCheckboxButtonAttributes.hasFocus */ "hasFocus"?: boolean | undefined; /** * The indeterminate status of the checkbox button (override checked status) * @see OdsCheckboxButtonAttributes.indeterminate */ "indeterminate"?: boolean | undefined; /** * Display an interactive style when clicking or hovering the radio button * @see OdsCheckboxButtonAttributes.interactive */ "interactive"?: boolean | undefined; /** * Size of the radio button * @see OdsCheckboxButtonAttributes.label */ "size"?: OdsCheckboxButtonSize; } interface OsdsChip { /** * Chip color theme * @see OdsChipAttributes.color */ "color"?: OdsThemeColorIntent; /** * Chip is in contrasterd mode or not * @see OdsChipAttributes.contrasted */ "contrasted"?: boolean; /** * Chip is disabled or not * @see OdsChipAttributes.disabled */ "disabled"?: boolean; /** * Chip as flex * @see OdsChipAttributes.flex */ "flex"?: boolean; /** * If the chip can be removed or not * @see OdsChipAttributes.removable */ "removable"?: boolean; /** * If the chip can be selected or not * @see OdsChipAttributes.selectable */ "selectable"?: boolean; /** * Chip size * @see OdsChipAttributes.size */ "size"?: OdsChipSize; /** * Chip variant * @see OdsChipAttributes.variant */ "variant"?: OdsChipVariant; } interface OsdsCode { /** * main color: see component principles * @see OdsCodeAttributes.color */ "color"?: OdsThemeColorIntent; /** * contrasted or not: see component principles * @see OdsCodeAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * Event triggered on code content copy * @see OdsCodeEvents.odsCodeCopy */ "onOdsCodeCopy"?: (event: OsdsCodeCustomEvent) => void; /** * size: see component principles * @see OdsCodeAttributes.size */ "size"?: OdsCodeSize; } interface OsdsCollapsible { /** * Event triggered on collapsible toggle * @see OdsCollapsibleEvents.odsCollapsibleToggle */ "onOdsCollapsibleToggle"?: (event: OsdsCollapsibleCustomEvent) => void; /** * opened or not */ "opened"?: boolean; } interface OsdsContentAddon { } interface OsdsDivider { /** * Divider color theme * @see OdsDividerAttributes.color */ "color"?: OdsThemeColorIntent; /** * Divider design as contrasted version * @see OdsDividerAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * Divider has a separator or not * @see OdsDividerAttributes.separator */ "separator"?: boolean | undefined; /** * Divider size * @see OdsDividerAttributes.size */ "size"?: OdsDividerSize; } interface OsdsFlag { /** * override the `ODS` directory path of the assets. if not set, the configured path in `ODS` will be used. * @see OdsFlagAttributes.assetPath */ "assetPath"?: string | undefined; /** * Flag ISO country code * @see OdsFlagAttributes.iso */ "iso"?: ODS_COUNTRY_ISO_CODE | undefined; /** * allow to lazy load the content only when it's visible * @see OdsFlagAttributes.lazy */ "lazy"?: boolean; /** * override with custom src to the svg file. * @see OdsFlagAttributes.src */ "src"?: string | undefined; } interface OsdsIcon { /** * Icon ARIA name * @see OdsIconAttributes.ariaName */ "ariaName"?: string; /** * Icon color theme * @see OdsIconAttributes.color */ "color"?: OdsThemeColorIntent; /** * Icon if contrasted or not * @see OdsIconAttributes.contrasted */ "contrasted"?: boolean; /** * Icon if hoverabled or not * @see OdsIconAttributes.hoverable */ "hoverable"?: boolean; /** * Icon name * @see OdsIconAttributes.name */ "name"?: OdsIconName; /** * Icon size * @see OdsIconAttributes.size */ "size"?: OdsIconSize; } 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 OsdsLink { /** * Link color theme * @see OdsLinkAttributes.color */ "color"?: OdsThemeColorIntent; /** * Link design as contrasted version * @see OdsLinkAttributes.contrasted */ "contrasted"?: boolean; /** * Link should be disabled or not * @see OdsLinkAttributes.disabled */ "disabled"?: boolean; /** * Link as download source * @see OdsLinkAttributes.download */ "download"?: HTMLAnchorElement['download']; /** * Link URL * @see OdsLinkAttributes.href */ "href"?: string; /** * Link referrer policy * @see OdsLinkAttributes.referrerpolicy */ "referrerpolicy"?: OdsLinkReferrerpolicy; /** * Link relationship * @see OdsLinkAttributes.rel */ "rel"?: OdsHTMLAnchorElementRel; /** * Link target type If href is set the default value `_self` is set * @see OdsLinkAttributes.target */ "target"?: OdsHTMLAnchorElementTarget; /** * Link type (for download source) * @see OdsLinkAttributes.type */ "type"?: string; } interface OsdsLocationTile { /** * If the tile is checked or not * @see OdsLocationTileAttributes.checked */ "checked"?: boolean; /** * awaiting a change of checked state * @see OdsLocationTileAttributes.checking */ "checking"?: boolean; /** * Tile color theme * @see OdsLocationTileAttributes.color */ "color"?: OdsThemeColorIntent; /** * Tile color theme * @see OdsLocationTileAttributes.disabled */ "disabled"?: boolean; /** * Tile as flex * @see OdsLocationTileAttributes.flex */ "flex"?: boolean | undefined; /** * indicate if the location tile has to be displayed in focused state * @see OdsLocationTileAttributes.hasFocus */ "hasFocus"?: boolean; /** * If the tile can be checked or not * @see OdsLocationTileAttributes.interactive */ "interactive"?: boolean | undefined; /** * Tile country iso code * @see OdsLocationTileAttributes.iso */ "iso"?: ODS_COUNTRY_ISO_CODE; /** * Tile size * @see OdsLocationTileAttributes.size */ "size"?: OdsTileSize; /** * Tile variant * @see OdsLocationTileAttributes.variant */ "variant"?: OdsLocationTileVariant; } interface OsdsMessage { /** * Message color theme * @see OdsMessageAttributes.color */ "color"?: OdsThemeColorIntent; /** * Message is in contrasterd mode or not * @see OdsMessageAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * Message as flex * @see OdsMessageAttributes.flex */ "flex"?: boolean | undefined; /** * The icon prefix * @see OdsMessageAttributes.icon */ "icon"?: OdsIconName; /** * Event triggered on removable icon click * @see OdsMessageEvents.odsRemoveClick */ "onOdsRemoveClick"?: (event: OsdsMessageCustomEvent) => void; /** * If the message can be removed or not * @see OdsMessageAttributes.removable */ "removable"?: boolean | undefined; /** * The message type * @see OdsMessageAttributes.type */ "type"?: OdsMessageType; } interface OsdsPagination { /** * Its corresponding current page. * @see OdsPaginationAttributes.current */ "current"?: number; /** * indicates if the pagination is entirely disabled. it means no interactions (hover, click, focus, etc) * @see OdsPaginationAttributes.disabled */ "disabled"?: boolean; /** * The label of the tooltip on the arrow next * @see OdsPaginationAttributes.labelTooltipNext */ "labelTooltipNext"?: string; /** * The label of the tooltip on the arrow previous * @see OdsPaginationAttributes.labelTooltipPrevious */ "labelTooltipPrevious"?: string; /** * Emitted when the value has changed * @see OdsPaginationEvents.odsPaginationChanged */ "onOdsPaginationChanged"?: (event: OsdsPaginationCustomEvent) => void; /** * The total number of items. * @see OdsPaginationAttributes.totalItems */ "totalItems"?: number; /** * The total amount of pages. * @see OdsPaginationAttributes.totalPages */ "totalPages"?: number; } interface OsdsPopover { } interface OsdsPopoverContent { } interface OsdsProgressBar { /** * Sets the maximum value the progress can reach * @see OdsProgressBarAttributes.max */ "max"?: OdsProgressBar['max']; /** * The value of the progress bar * @see OdsProgressBarAttributes.value */ "value"?: OdsProgressBar['value']; } interface OsdsQuantity { /** * Quantity is disabled or not * @see OdsQuantityAttributes.disabled */ "disabled"?: boolean; } interface OsdsRadio { /** * @see OdsRadioAttributes.afterSave */ "afterSave"?: (({ checked, value }: { checked: boolean; value: string; }) => Promise) | undefined; /** * The corresponding aria-label describing its content * @see OdsRadioAttributes.ariaLabel */ "ariaLabel"?: string | null; /** * The id to an external description * @see OdsRadioAttributes.ariaLabelledby */ "ariaLabelledby"?: string | undefined; /** * @see OdsRadioAttributes.beforeSave */ "beforeSave"?: (({ checked, value }: { checked: boolean; value: string; }) => Promise) | undefined; /** * The checked status of the radio * @see OdsRadioAttributes.checked */ "checked"?: boolean; /** * is in state of awaiting the checked change * @see OdsRadioAttributes.checking */ "checking"?: boolean; /** * Radio should be disabled or not * @see OdsRadioAttributes.disabled */ "disabled"?: boolean; /** * The radio corresponding label * @see OdsRadioAttributes.label */ "label"?: string; /** * The name corresponding to its parent radio group * @see OdsRadioAttributes.name */ "name"?: string; /** * Event triggered on radio blur * @see OdsRadioEvents.odsBlur */ "onOdsBlur"?: (event: OsdsRadioCustomEvent) => void; /** * the checked state changed * @see OdsRadioEvents.odsCheckedChange */ "onOdsCheckedChange"?: (event: OsdsRadioCustomEvent) => void; /** * the checked state is being changed * @see OdsRadioEvents.odsCheckingChange */ "onOdsCheckingChange"?: (event: OsdsRadioCustomEvent) => void; /** * Event triggered on radio focus * @see OdsRadioEvents.odsFocus */ "onOdsFocus"?: (event: OsdsRadioCustomEvent) => void; /** * the radio value changed * @see OdsRadioEvents.odsValueChange */ "onOdsValueChange"?: (event: OsdsRadioCustomEvent<{ checked: boolean, value: string }>) => void; /** * save input allow to set a function that returns a promise. It is called before each time an update is performed and allowing to manage pessimistic update strategy * @see OdsRadioAttributes.save */ "save"?: (({ checked, value }: { checked: boolean; value: string; }) => Promise) | undefined; /** * Its corresponding value * @see OdsRadioAttributes.value */ "value"?: string; } interface OsdsRadioButton { /** * The checked status of the radio button * @see OdsRadioButtonAttributes.checked */ "checked"?: boolean | undefined; /** * @see OdsRadioButtonAttributes.checking */ "checking"?: boolean | undefined; /** * The color theme * @see OdsRadioButtonAttributes.color */ "color"?: OdsThemeColorIntent; /** * Prevent the user from clicking on the radio button * @see OdsRadioButtonAttributes.disabled */ "disabled"?: boolean | undefined; /** * Display a focus style (only if interactive) * @see OdsRadioButtonAttributes.hasFocus */ "hasFocus"?: boolean | undefined; /** * Display an interactive style when clicking or hovering the radio button * @see OdsRadioButtonAttributes.interactive */ "interactive"?: boolean | undefined; /** * Size of the radio button * @see OdsRadioButtonAttributes.size */ "size"?: OdsRadioButtonSize; } interface OsdsRadioGroup { /** * @see OdsRadioGroupAttributes.afterSave */ "afterSave"?: (({ value }: { value: string; }) => Promise) | undefined; /** * @see OdsRadioGroupAttributes.beforeSave */ "beforeSave"?: (({ value }: { value: string; }) => Promise) | undefined; /** * Radio-group should be disabled or not * @see OdsRadioGroupAttributes.disabled */ "disabled"?: boolean; /** * @see OdsRadioGroupAttributes.name */ "name"?: string; /** * @see OdsRadioGroupEvents.odsDisabledChange */ "onOdsDisabledChange"?: (event: OsdsRadioGroupCustomEvent<{ value: boolean }>) => void; /** * Emitted when the value has changed. * @see OdsRadioGroupEvents.odsValueChange */ "onOdsValueChange"?: (event: OsdsRadioGroupCustomEvent<{ newValue?: string, previousValue?: string }>) => void; /** * If the radio selection is required or not * @see OdsRadioGroupAttributes.required */ "required"?: boolean | undefined; /** * save input allow to set a function that returns a promise. It is called before each time an update is performed and allowing to manage pessimistic update strategy * @see OdsRadioGroupAttributes.save */ "save"?: (({ value }: { value: string; }) => Promise) | undefined; /** * @see OdsRadioGroupAttributes.value */ "value"?: string; } interface OsdsRange { /** * Range color theme * @see OdsRangeAttributes.color */ "color"?: OdsThemeColorIntent; /** * Indicate if the range is entirely disabled. It means no interaction is possible (hover, click, focus, etc) * @see OdsRangeAttributes.disabled */ "disabled"?: boolean; /** * If the range is in error or not * @see OdsRangeAttributes.error */ "error"?: boolean; /** * Check range error state * @see OdsRangeAttributes.errorStateControl */ "errorStateControl"?: OdsErrorStateControl; /** * Flex unit for range width * @see OdsRangeAttributes.flex */ "flex"?: boolean; /** * The range forbidden values * @see OdsRangeAttributes.forbiddenValues */ "forbiddenValues"?: OdsFormForbiddenValues; /** * The form control for range * @see OdsRangeAttributes.formControl */ "formControl"?: OdsFormControl; /** * The range maximum value * @see OdsRangeAttributes.max */ "max"?: number; /** * The range minimum value * @see OdsRangeAttributes.min */ "min"?: number; /** * the range value changed * @see OdsRangeEvents.odsValueChange */ "onOdsValueChange"?: (event: OsdsRangeCustomEvent) => void; /** * The range step value * @see OdsRangeAttributes.step */ "step"?: number; /** * The range value * @see OdsRangeAttributes.value */ "value"?: OdsRangeValue; } 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; /** * Event triggered on select focus * @see OdsSelectEvents.odsFocus */ "onOdsFocus"?: (event: OsdsSelectCustomEvent) => void; /** * Emitted when the value has changed * @see OdsSelectEvents.odsValueChange */ "onOdsValueChange"?: (event: OsdsSelectCustomEvent) => 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) => void; /** * @see OdsSelectOptionAttributes.value */ "value"?: OdsInputValue; } interface OsdsSkeleton { /** * Wether or not skeleton size fill its parent * @see OdsSkeletonAttributes.flex */ "flex"?: boolean; /** * Wether or not skeleton size is randomized * @see OdsSkeletonAttributes.randomized */ "randomized"?: boolean; /** * Skeleton size * @see OdsSkeletonAttributes.size */ "size"?: OdsSkeletonSize; } interface OsdsSpinner { /** * contrasted or not: see component principles * @see OdsSpinnerAttributes.contrasted */ "contrasted"?: boolean; /** * full width or not: see component principles * @see OdsSpinnerAttributes.flex */ "flex"?: boolean; /** * choose between infinite or progress spinner (infinite only for now) * @see OdsSpinnerAttributes.mode */ "mode"?: OdsSpinnerMode; /** * size: see component principles * @see OdsSpinnerAttributes.size */ "size"?: OdsSpinnerSize; } interface OsdsSwitch { /** * main color: see component principles */ "color"?: OdsThemeColorIntent; /** * contrasted or not: see component principles */ "contrasted"?: boolean; /** * disabled: see component principles */ "disabled"?: boolean; /** * Event triggered on accordion toggle */ "onOdsSwitchChanged"?: (event: OsdsSwitchCustomEvent) => void; /** * size: see component principles */ "size"?: OdsSwitchSize; /** * used design aspect */ "variant"?: OdsSwitchVariant; } interface OsdsSwitchItem { /** * The checked status of the SwitchItem */ "checked"?: boolean; /** * Its corresponding value */ "value"?: HTMLInputElement['value']; } interface OsdsTabBar { } interface OsdsTabBarItem { /** * is this tab item is selected or not * @see OdsTabBarItemAttributes.active */ "active"?: boolean; /** * is in contrasted mode or not * @see OdsTabBarItemAttributes.contrasted */ "contrasted"?: boolean; /** * The tab is disabled or not * @see OdsTabBarItemAttributes.disabled */ "disabled"?: boolean; /** * @see OdsTabBarItemEvents.odsTabItemSelectEvent */ "onOdsTabItemSelectEvent"?: (event: OsdsTabBarItemCustomEvent) => void; /** * The panel of the corresponding Tab * @see OdsTabBarItemAttributes.panel */ "panel"?: string; } interface OsdsTabPanel { /** * is the panel is active or nor * @see OdsTabPanelAttributes.active */ "active"?: boolean; /** * identifier name of the panel * @see OdsTabPanelAttributes.name */ "name"?: string; } interface OsdsTabs { /** * The tab is contrasted * @see OdsTabsAttributes.contrasted */ "contrasted"?: boolean; /** * @see OdsTabsEvents.odsTabsChanged */ "onOdsTabsChanged"?: (event: OsdsTabsCustomEvent) => void; /** * Tabs active panel * @see OdsTabsAttributes.panel */ "panel"?: string; /** * Tabs size * @see OdsTabsAttributes.size */ "size"?: OdsTabsSize; } interface OsdsTile { /** * If the tile is selected or not * @see OdsTileAttributes.checked */ "checked"?: boolean; /** * awaiting a change of checked state * @see OdsTileAttributes.checking */ "checking"?: boolean; /** * Tile color theme * @see OdsTileAttributes.color */ "color"?: OdsThemeColorIntent; /** * @see OdsTileAttributes.disabled */ "disabled"?: boolean; /** * @see OdsTileAttributes.flex */ "flex"?: boolean; /** * indicate if the tile has to be displayed in focused state * @see OdsTileAttributes.hasFocus */ "hasFocus"?: boolean; /** * If the tile can have hoverable pseudo-classes or not * @see OdsTileAttributes.hoverable */ "hoverable"?: boolean; /** * loading content state * @see OdsTileAttributes.loading */ "loading"?: boolean; /** * If the tile is rounded or not * @see OdsTileAttributes.rounded */ "rounded"?: boolean; /** * Tile size * @see OdsTileAttributes.size */ "size"?: OdsTileSize; /** * Tile variant * @see OdsTileAttributes.variant */ "variant"?: OdsTileVariant; } interface OsdsToggle { /** * Toggle is checked or not * @see OdsToggleAttributes.checked */ "checked"?: boolean | undefined; /** * Awaiting a change of checked state * @see OdsToggleAttributes.checking */ "checking"?: boolean | undefined; /** * Toggle color theme * @see OdsToggleAttributes.color */ "color"?: OdsThemeColorIntent; /** * Toggle is in contrasted mode or not * @see OdsToggleAttributes.contrasted */ "contrasted"?: boolean | undefined; /** * Toggle is disabled or not * @see OdsToggleAttributes.disabled */ "disabled"?: boolean | undefined; /** * If the toggle can have interactive pseudo-classes or not * @see OdsToggleAttributes.interactive */ "interactive"?: boolean | undefined; } interface OsdsTooltip { /** * with or without visible tip: see component principles * @see OdsTooltipAttributes.variant */ "variant"?: OdsTooltipVariant; } interface OsdsTooltipContent { } interface IntrinsicElements { "osds-accordion": OsdsAccordion; "osds-accordion-group": OsdsAccordionGroup; "osds-breadcrumb": OsdsBreadcrumb; "osds-breadcrumb-item": OsdsBreadcrumbItem; "osds-button": OsdsButton; "osds-cart": OsdsCart; "osds-cart-footer": OsdsCartFooter; "osds-cart-footer-item": OsdsCartFooterItem; "osds-cart-header": OsdsCartHeader; "osds-cart-item": OsdsCartItem; "osds-cart-item-option": OsdsCartItemOption; "osds-cart-manager": OsdsCartManager; "osds-cart-section": OsdsCartSection; "osds-cart-total": OsdsCartTotal; "osds-checkbox": OsdsCheckbox; "osds-checkbox-button": OsdsCheckboxButton; "osds-chip": OsdsChip; "osds-code": OsdsCode; "osds-collapsible": OsdsCollapsible; "osds-content-addon": OsdsContentAddon; "osds-divider": OsdsDivider; "osds-flag": OsdsFlag; "osds-icon": OsdsIcon; "osds-input": OsdsInput; "osds-link": OsdsLink; "osds-location-tile": OsdsLocationTile; "osds-message": OsdsMessage; "osds-pagination": OsdsPagination; "osds-popover": OsdsPopover; "osds-popover-content": OsdsPopoverContent; "osds-progress-bar": OsdsProgressBar; "osds-quantity": OsdsQuantity; "osds-radio": OsdsRadio; "osds-radio-button": OsdsRadioButton; "osds-radio-group": OsdsRadioGroup; "osds-range": OsdsRange; "osds-select": OsdsSelect; "osds-select-group": OsdsSelectGroup; "osds-select-option": OsdsSelectOption; "osds-skeleton": OsdsSkeleton; "osds-spinner": OsdsSpinner; "osds-switch": OsdsSwitch; "osds-switch-item": OsdsSwitchItem; "osds-tab-bar": OsdsTabBar; "osds-tab-bar-item": OsdsTabBarItem; "osds-tab-panel": OsdsTabPanel; "osds-tabs": OsdsTabs; "osds-tile": OsdsTile; "osds-toggle": OsdsToggle; "osds-tooltip": OsdsTooltip; "osds-tooltip-content": OsdsTooltipContent; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "osds-accordion": LocalJSX.OsdsAccordion & JSXBase.HTMLAttributes; "osds-accordion-group": LocalJSX.OsdsAccordionGroup & JSXBase.HTMLAttributes; "osds-breadcrumb": LocalJSX.OsdsBreadcrumb & JSXBase.HTMLAttributes; "osds-breadcrumb-item": LocalJSX.OsdsBreadcrumbItem & JSXBase.HTMLAttributes; "osds-button": LocalJSX.OsdsButton & JSXBase.HTMLAttributes; "osds-cart": LocalJSX.OsdsCart & JSXBase.HTMLAttributes; "osds-cart-footer": LocalJSX.OsdsCartFooter & JSXBase.HTMLAttributes; "osds-cart-footer-item": LocalJSX.OsdsCartFooterItem & JSXBase.HTMLAttributes; "osds-cart-header": LocalJSX.OsdsCartHeader & JSXBase.HTMLAttributes; "osds-cart-item": LocalJSX.OsdsCartItem & JSXBase.HTMLAttributes; "osds-cart-item-option": LocalJSX.OsdsCartItemOption & JSXBase.HTMLAttributes; "osds-cart-manager": LocalJSX.OsdsCartManager & JSXBase.HTMLAttributes; "osds-cart-section": LocalJSX.OsdsCartSection & JSXBase.HTMLAttributes; "osds-cart-total": LocalJSX.OsdsCartTotal & JSXBase.HTMLAttributes; "osds-checkbox": LocalJSX.OsdsCheckbox & JSXBase.HTMLAttributes; "osds-checkbox-button": LocalJSX.OsdsCheckboxButton & JSXBase.HTMLAttributes; "osds-chip": LocalJSX.OsdsChip & JSXBase.HTMLAttributes; "osds-code": LocalJSX.OsdsCode & JSXBase.HTMLAttributes; "osds-collapsible": LocalJSX.OsdsCollapsible & JSXBase.HTMLAttributes; "osds-content-addon": LocalJSX.OsdsContentAddon & JSXBase.HTMLAttributes; "osds-divider": LocalJSX.OsdsDivider & JSXBase.HTMLAttributes; "osds-flag": LocalJSX.OsdsFlag & JSXBase.HTMLAttributes; "osds-icon": LocalJSX.OsdsIcon & JSXBase.HTMLAttributes; "osds-input": LocalJSX.OsdsInput & JSXBase.HTMLAttributes; "osds-link": LocalJSX.OsdsLink & JSXBase.HTMLAttributes; "osds-location-tile": LocalJSX.OsdsLocationTile & JSXBase.HTMLAttributes; "osds-message": LocalJSX.OsdsMessage & JSXBase.HTMLAttributes; "osds-pagination": LocalJSX.OsdsPagination & JSXBase.HTMLAttributes; "osds-popover": LocalJSX.OsdsPopover & JSXBase.HTMLAttributes; "osds-popover-content": LocalJSX.OsdsPopoverContent & JSXBase.HTMLAttributes; "osds-progress-bar": LocalJSX.OsdsProgressBar & JSXBase.HTMLAttributes; "osds-quantity": LocalJSX.OsdsQuantity & JSXBase.HTMLAttributes; "osds-radio": LocalJSX.OsdsRadio & JSXBase.HTMLAttributes; "osds-radio-button": LocalJSX.OsdsRadioButton & JSXBase.HTMLAttributes; "osds-radio-group": LocalJSX.OsdsRadioGroup & JSXBase.HTMLAttributes; "osds-range": LocalJSX.OsdsRange & JSXBase.HTMLAttributes; "osds-select": LocalJSX.OsdsSelect & JSXBase.HTMLAttributes; "osds-select-group": LocalJSX.OsdsSelectGroup & JSXBase.HTMLAttributes; "osds-select-option": LocalJSX.OsdsSelectOption & JSXBase.HTMLAttributes; "osds-skeleton": LocalJSX.OsdsSkeleton & JSXBase.HTMLAttributes; "osds-spinner": LocalJSX.OsdsSpinner & JSXBase.HTMLAttributes; "osds-switch": LocalJSX.OsdsSwitch & JSXBase.HTMLAttributes; "osds-switch-item": LocalJSX.OsdsSwitchItem & JSXBase.HTMLAttributes; "osds-tab-bar": LocalJSX.OsdsTabBar & JSXBase.HTMLAttributes; "osds-tab-bar-item": LocalJSX.OsdsTabBarItem & JSXBase.HTMLAttributes; "osds-tab-panel": LocalJSX.OsdsTabPanel & JSXBase.HTMLAttributes; "osds-tabs": LocalJSX.OsdsTabs & JSXBase.HTMLAttributes; "osds-tile": LocalJSX.OsdsTile & JSXBase.HTMLAttributes; "osds-toggle": LocalJSX.OsdsToggle & JSXBase.HTMLAttributes; "osds-tooltip": LocalJSX.OsdsTooltip & JSXBase.HTMLAttributes; "osds-tooltip-content": LocalJSX.OsdsTooltipContent & JSXBase.HTMLAttributes; } } }