/* 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 { EAbsoluteTimePickerMode, IAbsoluteSelectedRangeDates, IRelativeTimeInput } from "./components/absolute-time-picker/absolute-time-picker.types"; import { CustomCssClass, EAbsoluteTimeError, EAbsoluteTimePickerMode as EAbsoluteTimePickerMode1, EAnchorTarget, EComponentSize as EComponentSize1, EIconName as EIconName1, EIllustrationName as EIllustrationName1, ETooltipPosition, EValidationState as EValidationState1, IIllustrationMessage, IStepBarStep as IStepBarStep1, ITextField as ITextField1, ITimePickerTimezone, ITimezoneOffset, ITooltip, SelectedTimestamp } from "./types"; import { EInputFieldType, EValidationState, ITextField } from "./components/text-field/text-field.types"; import { ComputePositionConfig } from "@floating-ui/dom"; import { IAbsoluteTimeDateTimeInputConfig, SelectedTime, SelectedTimeState } from "./components/absolute-time-picker-dropdown-input/absolute-time-picker-dropdown-input.types"; import { EActionButtonType } from "./components/action-button/action-button.types"; import { EComponentSize } from "./utils/types"; import { EIconName } from "./components/icon/icon.types"; import { EAlertType } from "./components/alert/alert.types"; import { EBadgeType } from "./components/badge/badge.types"; import { IBreadcrumbItem } from "./components/breadcrumb-item/breadcrumb-item.types"; import { IChangeMonthEvent, IChangeYearEvent, IClickDateEvent } from "./components/calendar/calendar.types"; import { Event } from "./stencil-public-runtime"; import { EDateTimeInputTypeStyle } from "./components/date-time-input/date-time-input.types"; import { IDescriptionListItem, IDescriptionListItemToggletipConfig } from "./components/description-list/description-list.types"; import { EIllustrationName } from "./components/illustration/illustration.types"; import { ISelectMultiOptions } from "./components/select-multi-options/select-multi-options.types"; import { IRadioListItem } from "./components/radio-list-item/radio-list-item.types"; import { IRelativeTimePickerOption, ITimePickerRelativeTime, ITimePickerTimezone as ITimePickerTimezone1 } from "./components/relative-time-picker/relative-time-picker.types"; import { ITimePickerTime, ITimePickerTimeState, ITimezoneOffset as ITimezoneOffset1 } from "./components/time-picker/time-picker.types"; import { IIllustrationMessage as IIllustrationMessage1 } from "./components/illustration-message/illustration-message.types"; import { EToggleState, ISelectOptionAction } from "./components/select-option/select-option.types"; import { HostAttributes } from "./stencil-public-runtime"; import { ISelectSingleOptions } from "./components/single-select-dropdown/single-select-dropdown.types"; import { IStepBarStep } from "./components/step-bar/step-bar.types"; import { ETabItemType } from "./components/tab-item/tab-item.types"; import { ITabNavigationItem } from "./components/tab-navigation/tab-navigation.types"; import { ETagColor } from "./components/tag/tag.types"; import { ETagState } from "./components/tag-status/tag-status.types"; import { ITooltip as ITooltip1 } from "./components/tooltip/tooltip.types"; import { EToasterType } from "./components/toaster/toaster.types"; import { IToggleButton } from "./components/toggle-button/toggle-button.types"; import { IToggleSwitchOption } from "./components/toggle-switch/toggle-switch.types"; import { CustomCssClass as CustomCssClass1, ETooltipPosition as ETooltipPosition1 } from "./utils/types/components"; import { RenderItemFunc } from "./components/virtualized-list/virtualized-list.types"; import { IWizardStep, StepState } from "./components/wizard/wizard.types"; export { EAbsoluteTimePickerMode, IAbsoluteSelectedRangeDates, IRelativeTimeInput } from "./components/absolute-time-picker/absolute-time-picker.types"; export { CustomCssClass, EAbsoluteTimeError, EAbsoluteTimePickerMode as EAbsoluteTimePickerMode1, EAnchorTarget, EComponentSize as EComponentSize1, EIconName as EIconName1, EIllustrationName as EIllustrationName1, ETooltipPosition, EValidationState as EValidationState1, IIllustrationMessage, IStepBarStep as IStepBarStep1, ITextField as ITextField1, ITimePickerTimezone, ITimezoneOffset, ITooltip, SelectedTimestamp } from "./types"; export { EInputFieldType, EValidationState, ITextField } from "./components/text-field/text-field.types"; export { ComputePositionConfig } from "@floating-ui/dom"; export { IAbsoluteTimeDateTimeInputConfig, SelectedTime, SelectedTimeState } from "./components/absolute-time-picker-dropdown-input/absolute-time-picker-dropdown-input.types"; export { EActionButtonType } from "./components/action-button/action-button.types"; export { EComponentSize } from "./utils/types"; export { EIconName } from "./components/icon/icon.types"; export { EAlertType } from "./components/alert/alert.types"; export { EBadgeType } from "./components/badge/badge.types"; export { IBreadcrumbItem } from "./components/breadcrumb-item/breadcrumb-item.types"; export { IChangeMonthEvent, IChangeYearEvent, IClickDateEvent } from "./components/calendar/calendar.types"; export { Event } from "./stencil-public-runtime"; export { EDateTimeInputTypeStyle } from "./components/date-time-input/date-time-input.types"; export { IDescriptionListItem, IDescriptionListItemToggletipConfig } from "./components/description-list/description-list.types"; export { EIllustrationName } from "./components/illustration/illustration.types"; export { ISelectMultiOptions } from "./components/select-multi-options/select-multi-options.types"; export { IRadioListItem } from "./components/radio-list-item/radio-list-item.types"; export { IRelativeTimePickerOption, ITimePickerRelativeTime, ITimePickerTimezone as ITimePickerTimezone1 } from "./components/relative-time-picker/relative-time-picker.types"; export { ITimePickerTime, ITimePickerTimeState, ITimezoneOffset as ITimezoneOffset1 } from "./components/time-picker/time-picker.types"; export { IIllustrationMessage as IIllustrationMessage1 } from "./components/illustration-message/illustration-message.types"; export { EToggleState, ISelectOptionAction } from "./components/select-option/select-option.types"; export { HostAttributes } from "./stencil-public-runtime"; export { ISelectSingleOptions } from "./components/single-select-dropdown/single-select-dropdown.types"; export { IStepBarStep } from "./components/step-bar/step-bar.types"; export { ETabItemType } from "./components/tab-item/tab-item.types"; export { ITabNavigationItem } from "./components/tab-navigation/tab-navigation.types"; export { ETagColor } from "./components/tag/tag.types"; export { ETagState } from "./components/tag-status/tag-status.types"; export { ITooltip as ITooltip1 } from "./components/tooltip/tooltip.types"; export { EToasterType } from "./components/toaster/toaster.types"; export { IToggleButton } from "./components/toggle-button/toggle-button.types"; export { IToggleSwitchOption } from "./components/toggle-switch/toggle-switch.types"; export { CustomCssClass as CustomCssClass1, ETooltipPosition as ETooltipPosition1 } from "./utils/types/components"; export { RenderItemFunc } from "./components/virtualized-list/virtualized-list.types"; export { IWizardStep, StepState } from "./components/wizard/wizard.types"; export namespace Components { interface KvAbsoluteTimePicker { /** * (optional) calendar maximum date to be navigated format: DD-MM-YYYY HH:mm:ss * @inheritdoc * @default CALENDAR_INPUT_MAX_DATE */ "calendarInputMaxDate"?: string; /** * (optional) calendar minimum date to be navigated format: DD-MM-YYYY HH:mm:ss * @inheritdoc * @default CALENDAR_INPUT_MIN_DATE */ "calendarInputMinDate"?: string; /** * (optional) Disabled dates * @inheritdoc * @default [] */ "disabledDates"?: string[]; /** * (optional) Enables the back button displayed on top * @inheritdoc * @default false */ "displayBackButton"?: boolean; /** * (optional) It is used to determine if the time picker as date time input error * @inheritdoc */ "error"?: EAbsoluteTimeError; /** * (optional) Title disaplayed on top of the component * @inheritdoc * @default DEFAULT_HEADER_TITLE */ "headerTitle"?: string; /** * (optional) Initial Date * @inheritdoc */ "initialDate"?: string; /** * (optional) Defines if the calendar is in single date or range mode * @inheritdoc * @default EAbsoluteTimePickerMode.Range */ "mode"?: EAbsoluteTimePickerMode; /** * (optional) use to determine if the chart inputs have custom strings * @inheritdoc */ "relativeTimeConfig"?: IRelativeTimeInput; /** * (optional) Selected dates * @inheritdoc * @default [] */ "selectedDates"?: string[]; } interface KvAbsoluteTimePickerDropdown { /** * (optional) calendar maximum date to be navigated in timestamp * @inheritdoc */ "calendarInputMaxDate"?: number; /** * (optional) calendar minimum date to be navigated in timestamp * @inheritdoc */ "calendarInputMinDate"?: number; /** * (optional) If `true` the dropdown is disabled. Default: `false`. * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) Disabled dates * @inheritdoc * @default [] */ "disabledDates"?: string[]; /** * (optional) If `true`the calendar dropdown is will be open. Default: `false` * @inheritdoc * @default false */ "dropdownOpen": boolean; /** * (optional) Dropdown positioning config * @inheritdoc * @default DEFAULT_TIME_RANGE_DROPDOWN_POSITION_OPTIONS */ "dropdownPositionOptions"?: Partial; /** * (optional) Title displayed on top of the component * @inheritdoc * @default '' */ "headerTitle"?: string; /** * (optional) Initial Date * @inheritdoc */ "initialDate"?: string; /** * (optional) dropdown input config * @inheritdoc * @default {} */ "inputConfig"?: Partial; /** * (optional) Defines if the calendar is in single date or range mode * @inheritdoc * @default EAbsoluteTimePickerMode.Single */ "mode"?: EAbsoluteTimePickerMode; /** * (optional) Selected dates * @inheritdoc * @default [] */ "selectedDates"?: SelectedTimestamp; /** * (Optional) Timezone of the selected dates * @inheritdoc */ "timezone"?: ITimePickerTimezone; /** * (optional) Available Timezones * @inheritdoc * @default getDefaultTimezones() */ "timezones"?: ITimezoneOffset[]; /** * (optional) Positioning of the tooltip * @inheritdoc * @default ETooltipPosition.BottomStart */ "tooltipPosition"?: ETooltipPosition; } interface KvAbsoluteTimePickerDropdownInput { /** * (optional) Defines if the inputs for inserting the dates are disabled. * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Customizes the "from" date-time input (also used as the single input in single mode). Merged over the built-in defaults. * @inheritdoc */ "fromInputConfig"?: IAbsoluteTimeDateTimeInputConfig; /** * (optional) Initial date displayed on the calendars * @inheritdoc */ "initialDate"?: number; /** * (optional) Determines if the dropdown is open * @inheritdoc * @default false */ "isDropdownOpen"?: boolean; /** * (optional) calendar from input minimum date * @inheritdoc */ "minimumFromInputDate"?: number; /** * (optional) calendar single input minimum date * @inheritdoc */ "minimumSingleInputDate"?: number; /** * (optional) calendar to input minimum date * @inheritdoc */ "minimumToInputDate"?: number; /** * (optional) Mode of the input: single, range * @inheritdoc * @default EAbsoluteTimePickerMode.Range */ "mode"?: EAbsoluteTimePickerMode1; /** * (optional) Number of month calendars shown in the dropdown. Minimum 1, no upper limit. Default 2. * @inheritdoc * @default DEFAULT_NUMBER_OF_CALENDARS */ "numberOfCalendars"?: number; /** * (optional) Selected time in timestamp * @inheritdoc */ "selectedTime"?: SelectedTime | SelectedTimeState; /** * (optional) Timezone of the provided timestamp * @inheritdoc * @default getDefaultTimezoneSettings() */ "timezone"?: ITimePickerTimezone; /** * (optional) Customizes the "to" date-time input (range mode only). Merged over the built-in defaults. * @inheritdoc */ "toInputConfig"?: IAbsoluteTimeDateTimeInputConfig; } interface KvActionButton { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active": boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading": boolean; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size": EComponentSize; /** * (optional) Button's type * @inheritdoc */ "type"?: EActionButtonType; } interface KvActionButtonIcon { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active": boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled": boolean; /** * (required) Button's icon symbol name * @inheritdoc */ "icon": EIconName; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading": boolean; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Small */ "size": EComponentSize; /** * (required) Button's type * @inheritdoc */ "type": EActionButtonType; } interface KvActionButtonMagic { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active": boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) Button's left icon symbol name * @inheritdoc */ "icon"?: EIconName; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading": boolean; /** * (optional) Button's right icon symbol name * @inheritdoc */ "rightIcon"?: EIconName; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size": EComponentSize; /** * (optional) Button's text * @inheritdoc */ "text"?: string; /** * (optional) Button's type * @inheritdoc */ "type": EActionButtonType; } interface KvActionButtonSplit { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active": boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) Button's left icon symbol name * @inheritdoc */ "icon"?: EIconName; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading": boolean; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size": EComponentSize; /** * (required) Right button icon symbol name * @inheritdoc */ "splitIcon": EIconName; /** * (required) (required) Button's text * @inheritdoc */ "text": string; /** * (optional) Button's type * @inheritdoc */ "type": EActionButtonType; } interface KvActionButtonText { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active": boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) Button's left icon symbol name * @inheritdoc */ "icon"?: EIconName; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading": boolean; /** * (optional) Button's right icon symbol name * @inheritdoc */ "rightIcon"?: EIconName; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size": EComponentSize; /** * (optional) Button's text * @inheritdoc */ "text"?: string; /** * (optional) Button's type * @inheritdoc */ "type": EActionButtonType; } interface KvAlert { /** * (optional) Defines if the close button should be shown, defaults to `false` * @inheritdoc * @default false */ "closable": boolean; /** * (optional) Defines the description text to show * @inheritdoc */ "description"?: string; /** * (required) Defines the label (title) text to show * @inheritdoc */ "label": string; /** * (optional) Defines if the icon should be shown, defaults to `true` * @inheritdoc * @default true */ "showIcon": boolean; /** * (optional) Defines the size of the component, defaults to EComponentType.Large * @inheritdoc * @default EComponentSize.Large */ "size": EComponentSize1; /** * (required) Defines the type of alert to show, possible values are defined in `EAlertType` * @inheritdoc */ "type": EAlertType; } interface KvBadge { /** * (optional) If `true` the badge is in disabled state. * @default false */ "disabled": boolean; /** * (optional) Defines the badge type. * @default EBadgeType.Primary */ "type": EBadgeType; } interface KvBreadcrumb { /** * (required) List of breadcrumbs * @default [] */ "items": IBreadcrumbItem[]; } interface KvBreadcrumbItem { /** * (optional) Sets this breadcrumb styling to be the active one (usually the last one) * @inheritdoc */ "active"?: boolean; /** * (optional) The text to display on the breadcrumb * @inheritdoc */ "label": string; } interface KvBreadcrumbList { } interface KvCalendar { /** * (optional) Disables the hovering styling when the dates are being selected, and when start or end date is not defined * @inheritdoc * @default false */ "disableHoveringStyling"?: boolean; /** * (options) The disabled dates array * @inheritdoc * @default [] */ "disabledDates"?: string[]; /** * (optional) Enables the next month click icon * @inheritdoc * @default true */ "displayNextMonthArrow"?: boolean; /** * (optional) Enables the previous month click icon * @inheritdoc * @default true */ "displayPreviousMonthArrow"?: boolean; /** * (optional) Defines if a date is hovered * @inheritdoc */ "hoveredDate"?: string; /** * (optional) Initial date * @inheritdoc */ "initialDate"?: string; /** * (optional) Maximum accepted date. Format: YYYY-MM-DD * @inheritdoc */ "maxDate"?: string; /** * (optional) Minimum accepted date. Format: YYYY-MM-DD * @inheritdoc */ "minDate"?: string; /** * (optional) Defines if the calendar is in single date or range mode * @inheritdoc * @default EAbsoluteTimePickerMode.Range */ "mode"?: EAbsoluteTimePickerMode1; /** * (optional) The currently selected dates * @inheritdoc * @default [] */ "selectedDates"?: string[]; } interface KvCalendarDay { /** * (optional) If `true`, the day is with active * @inheritdoc * @default false */ "active"?: boolean; /** * (required) Calendar day * @inheritdoc */ "day": number; /** * (optional) If `true`, the day is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) If `true`, the day is in range from a start date to the current hovered day * @inheritdoc * @default false */ "inRange"?: boolean; /** * (optional) If `true`, the day is between to selected dates * @inheritdoc * @default false */ "isBetweenSelectedDates"?: boolean; /** * (optional) If `true` the day is the end of the range * @inheritdoc * @default false */ "isRangeEndDate"?: boolean; /** * (optional) If `true` the day is the start of the range * @inheritdoc * @default false */ "isRangeStartDate"?: boolean; /** * (optional) If `true`, the day is the day of `today`date * @inheritdoc * @default false */ "isToday"?: boolean; } interface KvCheckbox { /** * (optional) If `true` the radio is with checked state. Default: false * @inheritdoc * @default false */ "checked"?: boolean; /** * (optional) If `true` the radio is with disabled state. Default: false * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) If `true` the checkbox is with indeterminate state. Default: false * @inheritdoc * @default false */ "indeterminate"?: boolean; /** * (optional) The label text for the radio. * @inheritdoc */ "label"?: string; /** * (optional) Sets this component item to a different styling configuration * @inheritdoc * @default EComponentSize.Small */ "size": EComponentSize1; } interface KvCopyToClipboard { /** * (required) The text to copy to the clipboard when clicking * @inheritdoc */ "copiableText": string; /** * (optional) Object with tooltip position options * @inheritdoc * @default DEFAULT_TOOLTIP_CONFIG */ "tooltipConfig"?: Partial; /** * (optional) Delay to show tooltip in milliseconds. * @inheritdoc * @default DEFAULT_TOOLTIP_DELAY */ "tooltipDelay"?: number; /** * (optional) The suffix to show on the `Copy` tooltip before copying * @inheritdoc */ "tooltipSuffix"?: string; } interface KvDateTimeInput { /** * (optional) Format of the provided date * @inheritdoc * @default DEFAULT_DATE_FORMAT */ "dateFormat"?: string; /** * (optional) Date time input disabled * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) Date time focus state * @inheritdoc * @default false */ "forcedFocus": boolean; /** * (optional) Date time input help text * @inheritdoc * @default [] */ "helpText": string | string[]; /** * (optional) Similar to forcedFocus but does not emmit events * @inheritdoc * @default false */ "highlighted": boolean; /** * (optional) Date time input name * @inheritdoc */ "inputName"?: string; /** * (optional) Specifies if the inputs should be joined together or separated * @inheritdoc * @default EDateTimeInputTypeStyle.Separated */ "inputStyleType"?: EDateTimeInputTypeStyle; /** * (optional) Date time input label * @inheritdoc */ "label"?: string; /** * (optional) Input left icon * @inheritdoc */ "leftIcon"?: EIconName1; /** * (optional) Date time place holder * @inheritdoc * @default DEFAULT_PLACEHOLDER */ "placeholder"?: string; /** * (optional) Date time input required * @inheritdoc * @default false */ "required": boolean; /** * (optional) Input right icon * @inheritdoc */ "rightIcon"?: EIconName1; /** * (optional) Sets this tab item to a different styling configuration * @inheritdoc * @default EComponentSize.Large */ "size": EComponentSize1; /** * (optional) Date time input state * @inheritdoc * @default EValidationState.None */ "state": EValidationState; /** * (optional) Use a input mask when the Date time type is a Datetime (default true) * @inheritdoc * @default false */ "useInputMask": boolean; /** * (optional) Date time value * @inheritdoc * @default '' */ "value"?: string | null; } interface KvDescriptionList { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) The config to use on the tooltip that shows hovering the text * @inheritdoc * @default DEFAULT_TEXT_TOOLTIP_CONFIG */ "descriptionTooltipConfig"?: Partial; /** * (optional) The config to use on the icon toggletip * @inheritdoc * @default DEFAULT_ICON_TOGGLETIP_CONFIG */ "iconToggletipConfig"?: IDescriptionListItemToggletipConfig; /** * (required) The array of items to display in the list * @inheritdoc */ "items": IDescriptionListItem[]; } interface KvDirtyDot { } interface KvDropdown { /** * (optional) A reference to the dropdown action element * @inheritdoc * @default null */ "actionElement"?: HTMLElement | null; /** * (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true * @inheritdoc * @default true */ "clickOutsideClose"?: boolean; /** * (optional) If `true` clicking on the action will not open the dropdown list. Default: false * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The text field options * @inheritdoc * @default {} */ "inputConfig"?: Partial; /** * (optional) If `true` the list is opened * @inheritdoc * @default false */ "isOpen"?: boolean; /** * (optional) A reference to the dropdown list element * @inheritdoc * @default null */ "listElement"?: HTMLElement | null; /** * Toggles the dropdown open state */ "onToggleOpenState": () => Promise; /** * (optional) The dropdown position config options * @inheritdoc */ "options"?: Partial; /** * (optional) the dropdown list z-index (default: 9004) * @inheritdoc * @default DEFAULT_DROPDOWN_Z_INDEX */ "zIndex"?: number; } interface KvDropdownBase { /** * (optional) A reference to the dropdown action element * @inheritdoc * @default null */ "actionElement"?: HTMLElement; /** * (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true * @inheritdoc * @default true */ "clickOutsideClose"?: boolean; /** * (optional) If `true` the list is opened * @inheritdoc * @default false */ "isOpen"?: boolean; /** * (optional) A reference to the dropdown list element * @inheritdoc * @default null */ "listElement"?: HTMLElement; /** * (optional) The dropdown position config options * @inheritdoc * @default DEFAULT_POSITION_CONFIG */ "options"?: Partial; /** * (optional) the dropdown list z-index (default: 9004) * @inheritdoc * @default DEFAULT_DROPDOWN_Z_INDEX */ "zIndex"?: number; } interface KvErrorState { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvErrorState404 { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvEsKelvinLogo { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvEsKelvinLogotype { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvFormHelpText { /** * (optional) Form field help text * @default [] */ "helpText": string | string[]; /** * (optional) Show icon. Default: false * @default false */ "showIcon": boolean; /** * (optional) Form field state * @default EValidationState.None */ "state": EValidationState1; } interface KvFormLabel { /** * (required) Form field label */ "label": string; /** * (optional) Form field required */ "required"?: boolean; } interface KvIcon { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; /** * (optional) Icon custom color * @default '' */ "customColor": string; /** * (required) Icon symbol name */ "name": EIconName; } interface KvIllustration { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (required) Illustration symbol name */ "name": EIllustrationName; } interface KvIllustrationMessage { /** * (optional) The message description to be displayed below the title. * @inheritdoc */ "description"?: string; /** * (required) The message header to be displayed below the illustration. * @inheritdoc */ "header": string; /** * (required) The illustration that will be presented. * @inheritdoc */ "illustration": EIllustrationName1; } interface KvImport { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvInfoLabel { /** * (optional) Info label copy value */ "copyValue"?: string; /** * (optional) Info label description */ "description"?: string; /** * (optional) Info label description collapse text * @default DEFAULT_DESCRIPTION_COLLAPSED_TEXT */ "descriptionCollapsedText": string; /** * (optional) Info label description height */ "descriptionHeight"?: number; /** * (optional) Info label description opened text * @default DEFAULT_DESCRIPTION_OPENED_TEXT */ "descriptionOpenedText": string; /** * (optional) Info label title */ "labelTitle"?: string; /** * (optional) Show text with a shadow * @default false */ "showTextShadow": boolean; } interface KvInlineEditableField { /** * Indicates whether the editable field is disabled. */ "disabled": boolean; /** * The maximum length of the editable field. * @default DEFAULT_MAX_LENGTH */ "maxLength": number; /** * Text displayed when the field has no value. Visible only when the slot is empty and the field is not in edit mode. Empty saves are not allowed: clearing all content and confirming reverts to the previous value. */ "placeholder"?: string; /** * Resets the content of the editable field. */ "resetContent": () => Promise; /** * The value of the field. */ "value": string; } interface KvInputWrapper { /** * Defines if the content can be seen * @inheritdoc * @default false */ "contentHidden"?: boolean; /** * Defines the state of the component * @inheritdoc */ "contentVisible": boolean; /** * Icon that is displayed when the component is hovered and is in default state * @inheritdoc * @default EIconName.Edit */ "icon": EIconName; /** * Label that is shown when the component is in Default state * @inheritdoc */ "label"?: string; } interface KvLink { /** * (optional) Defines if the link are disabled. Default: false * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The anchor's link to open when clicking * @inheritdoc */ "href"?: string; /** * (optional) Whether the link is displayed inline. Default: false * @inheritdoc * @default false */ "inline"?: boolean; /** * (required) Main component label * @inheritdoc */ "label": string; /** * (optional) The name of the icon to be rendered on the left side of the label * @inheritdoc */ "leftIcon"?: EIconName1; /** * (optional) The name of the icon to be rendered on the right side of the label * @inheritdoc */ "rightIcon"?: EIconName1; /** * (optional) Description for the label * @inheritdoc */ "subtitle"?: string; /** * (optional) The anchor's target * @inheritdoc */ "target"?: EAnchorTarget; } interface KvLoader { /** * (optional) If `true` the loader is overlay * @default false */ "hasOverlay": boolean; /** * (optional) If `true` the loader is enabled * @default false */ "isLoading": boolean; } interface KvModal { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; /** * (optional) Defines the modal title label * @inheritdoc */ "headerTitle"?: string; /** * (optional) Defines if the modal shows the close button * @inheritdoc * @default true */ "showCloseButton"?: boolean; /** * (optional) Defines if the modal has an overlay background * @inheritdoc * @default true */ "showOverlay"?: boolean; } interface KvMultiSelectDropdown { /** * (optional) A reference to the dropdown action element * @inheritdoc * @default null */ "actionElement"?: HTMLElement | null; /** * (optional) If `false` the search text field is not auto-focused. Default `true`. * @inheritdoc * @default true */ "autoFocus"?: boolean; /** * (optional) Text to display inside a badge on the right side of the displayed value * @inheritdoc */ "badge"?: string; /** * (optional) The clear selection action text * @inheritdoc */ "clearSelectionLabel"?: string; /** * (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true * @inheritdoc * @default true */ "clickOutsideClose"?: boolean; /** * (optional) If `true` a selection counter is displayed * @inheritdoc * @default true */ "counter": boolean; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) If `true` the dropdown is disabled * @inheritdoc */ "disabled"?: boolean; /** * (optional) The text to display as a prefix to `displayValue` * @inheritdoc */ "displayPrefix"?: string; /** * (optional) The text to display on the dropdown * @inheritdoc */ "displayValue"?: string; /** * (optional) The dropdown position config options * @inheritdoc */ "dropdownOptions": Partial; /** * (required) The error state for the dropdown * @inheritdoc */ "errorState"?: EValidationState; /** * (optional) Externally filtered dropdown options. When defined, these override the default local search results. * @inheritdoc */ "filteredOptions"?: ISelectMultiOptions; /** * Focuses the search text field */ "focusSearch": () => Promise; /** * (optional) The text to display as help text * @inheritdoc * @default [] */ "helpText"?: string | string[]; /** * (optional) If `true` the badge is not displayed * @inheritdoc * @default false */ "hideBadge"?: boolean; /** * (optional) The icon to display on the dropdown * @inheritdoc */ "icon"?: EIconName; /** * (optional) The text field options * @inheritdoc */ "inputConfig"?: Partial; /** * (optional) The size of the input * @inheritdoc * @default EComponentSize.Large */ "inputSize"?: EComponentSize1; /** * (optional) The text to display on the dropdown label * @inheritdoc */ "label"?: string; /** * (optional) If `true` the dropdown is loading * @inheritdoc * @default false */ "loading"?: boolean; /** * (optional) The dropdown's max-height * @inheritdoc */ "maxHeight"?: string; /** * (optional) Maximum number of items that can be selected * @inheritdoc */ "maxSelectable"?: number; /** * (optional) The dropdown's max-width * @inheritdoc */ "maxWidth"?: string; /** * (optional) The dropdown's min-height * @inheritdoc */ "minHeight"?: string; /** * (optional) The minimum amount of options required to display the search. Defaults to `15`. * @inheritdoc * @default MINIMUM_SEARCHABLE_OPTIONS */ "minSearchOptions"?: number; /** * (optional) The dropdown's min-width * @inheritdoc */ "minWidth"?: string; /** * (optional) The configuration for the "no data available" empty state illustration * @inheritdoc */ "noDataAvailableConfig"?: IIllustrationMessage; /** * (optional) The configuration for the "no results found" empty state illustration * @inheritdoc */ "noResultsFoundConfig"?: IIllustrationMessage; /** * (optional) The object with the dropdown options * @inheritdoc * @default {} */ "options"?: ISelectMultiOptions; /** * (required) The text to display as the dropdown placeholder * @inheritdoc */ "placeholder"?: string; /** * (optional) If `true` a contiguous range can be selected by shift-clicking or by holding shift while navigating. Default `true` * @inheritdoc * @default true */ "rangeSelection"?: boolean; /** * (optional) If `true` dropdown requires a value to be selected * @inheritdoc */ "required"?: boolean; /** * (optional) The debounce, in milliseconds, applied to the search value before the options are filtered locally. Set to `0` to filter on every keystroke. Defaults to `300`. * @inheritdoc * @default DEFAULT_SEARCH_DEBOUNCE_IN_MS */ "searchDebounce"?: number; /** * (optional) The list search text field placeholder * @inheritdoc */ "searchPlaceholder"?: string; /** * (optional) If `false` the dropdown is not searchable. Default `true` * @inheritdoc * @default true */ "searchable"?: boolean; /** * (optional) The selection all action text * @inheritdoc */ "selectAllLabel": string; /** * (optional) The object with indexed by the dropdown labels and its selected value * @inheritdoc * @default {} */ "selectedOptions"?: Record; /** * (optional) If `true` the list has an action to select all items * @inheritdoc * @default true */ "selectionAll": boolean; /** * (optional) If `true` dropdown items can be cleared * @inheritdoc * @default true */ "selectionClearable"?: boolean; /** * (optional) If `true` the keyboard shortcuts can be used to navigate between the dropdown results. Default `false` * @inheritdoc * @default false */ "shortcuts"?: boolean; /** * @inheritdoc * @default false */ "showShortcuts"?: boolean; /** * (optional) the dropdown list z-index (default: 9004) * @inheritdoc * @default DEFAULT_DROPDOWN_Z_INDEX */ "zIndex"?: number; } interface KvNoContentHere { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvNoDataAvailable { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvNoMatchingResults { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvNoResultsFound { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvPortal { /** * (optional) if true portal content will gradually appear (default false) * @inheritdoc * @default false */ "animated": boolean; /** * (optional) enable position auto update (default true) * @inheritdoc * @default true */ "autoUpdate": boolean; /** * (optional) Delay to show portal in milliseconds. (default 0) * @inheritdoc * @default 0 */ "delay"?: number; /** * (optional) options used to compute the portal position * @inheritdoc */ "options": ComputePositionConfig; /** * (required) The portal id * @inheritdoc * @default 'kv-portal' */ "portalId": string; /** * (required) The reference element * @inheritdoc */ "reference": HTMLElement; /** * (optional) toggles portal visibility * @inheritdoc * @default false */ "show": boolean; /** * (optional) if true it will render an arrow pointing to the opening element (default false) * @inheritdoc * @default false */ "withArrow": boolean; /** * (optional) the portal z-index (default: 9004) * @inheritdoc * @default PORTAL_Z_INDEX.show */ "zIndex": number; } interface KvRadio { /** * (optional) If `true` the radio is with checked state. Default: false * @inheritdoc * @default false */ "checked"?: boolean; /** * (optional) If `true` the radio is with disabled state. Default: false * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The label text for the radio. * @inheritdoc * @default '' */ "label"?: string; /** * (optional) Sets this component item to a different styling configuration * @inheritdoc * @default EComponentSize.Small */ "size": EComponentSize1; } interface KvRadioList { /** * (optional) The options to show up as disabled * @inheritdoc */ "disabledOptions"?: Record; /** * (optional) Form field label * @inheritdoc */ "label"?: string; /** * (required) The configuration for the buttons to render * @inheritdoc */ "options": IRadioListItem[]; /** * (optional) Form field required * @inheritdoc * @default false */ "required"?: boolean; /** * (optional) The desired selected option * @inheritdoc */ "selectedOption"?: string | number; } interface KvRadioListItem { /** * (optional) Defines if this option is checked * @inheritdoc * @default false */ "checked"?: boolean; /** * (optional) The description that can contain links in the [text](url) format * @inheritdoc */ "description"?: string; /** * (optional) Defines if this option is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (required) The label to display * @inheritdoc */ "label"?: string; /** * (required) The unique id that serves as a key for this item * @inheritdoc */ "optionId": string | number; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size": EComponentSize1; } interface KvRange { /** * (optional) Range input disabled * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) Hide value label * @inheritdoc * @default false */ "hideLabel"?: boolean; /** * (optional) Hide min and max labels * @inheritdoc * @default false */ "hideMinMaxLabel"?: boolean; /** * (required) Range maximum value * @inheritdoc */ "max": number; /** * (optional) Max label * @inheritdoc */ "maxLabel"?: string; /** * (required) Range minimum value * @inheritdoc */ "min": number; /** * (optional) Min label * @inheritdoc */ "minLabel"?: string; /** * (optional) Range value step * @inheritdoc * @default 1 */ "step"?: number; /** * (optional) Range value * @inheritdoc * @default 0 */ "value"?: number; /** * (optional) Range value formatter * @inheritdoc * @default identity */ "valueFormatter": (value: number) => string; } interface KvRelativeTimePicker { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; /** * (optional) Defines if the customize interval select option is available * @inheritdoc * @default true */ "customIntervalOptionEnabled"?: boolean; /** * (optional) Lets the timezone visible but doens't let the user change it * @inheritdoc * @default false */ "disableTimezoneSelection"?: boolean; /** * (optional) Selectable relative time options * @inheritdoc * @default DEFAULT_RELATIVE_TIME_OPTIONS_GROUPS */ "options"?: IRelativeTimePickerOption[][]; /** * (optional) Selected time range key * @inheritdoc */ "selectedTimeKey"?: string; /** * (optional) Currently selected timezone name * @inheritdoc */ "selectedTimezone"?: string; /** * (optional) Determines if the input wrapper content containing the timezone is visible if true, the dropdown will be visible; if false, the content will display the timezone title * @inheritdoc * @default false */ "timezoneContentVisible"?: boolean; /** * (optional) Defines if the timezone select option is available * @inheritdoc * @default true */ "timezoneSelectionEnabled"?: boolean; /** * (optional) List of all selectable timezones * @inheritdoc * @default getDefaultTimezones() */ "timezones"?: ITimezoneOffset1[]; } interface KvSearch { /** * (optional) Text field example values * @inheritdoc */ "examples"?: string[]; /** * Focus input */ "focusInput": () => Promise; /** * (optional) Text field focus state * @inheritdoc * @default false */ "forcedFocus": boolean; /** * (optional) Text field help text * @inheritdoc * @default [] */ "helpText": string | string[]; /** * (optional) Text field disabled * @inheritdoc * @default false */ "inputDisabled": boolean; /** * (optional) Input mask regex * @inheritdoc * @default '' */ "inputMaskRegex"?: string; /** * (optional) Text field input name * @inheritdoc */ "inputName"?: string; /** * (optional) Text field is readonly * @inheritdoc * @default false */ "inputReadonly": boolean; /** * (optional) Text field required * @inheritdoc * @default false */ "inputRequired": boolean; /** * (optional) Text field label * @inheritdoc */ "label"?: string; /** * (optional) Text field loading state * @inheritdoc * @default false */ "loading": boolean; /** * (optional) Text field maximum value * @inheritdoc */ "max"?: string | number; /** * (optional) Text field maximum number of characters required * @inheritdoc */ "maxLength"?: number; /** * (optional) Text field minimum value * @inheritdoc */ "min"?: string | number; /** * (optional) Text field minimum number of characters required * @inheritdoc */ "minLength"?: number; /** * (optional) Text field place holder * @inheritdoc * @default 'Search' */ "placeholder"?: string; /** * (optional) Sets this tab item to a different styling configuration * @inheritdoc * @default EComponentSize.Large */ "size": EComponentSize1; /** * (optional) Text field state * @inheritdoc * @default EValidationState.None */ "state": EValidationState; /** * (optional) Text field interval between legal numbers * @inheritdoc */ "step"?: string | number; /** * (optional) Text field tooltip configuration * @inheritdoc */ "tooltipConfig"?: Partial; /** * (optional) Text field type * @inheritdoc * @default EInputFieldType.Text */ "type": EInputFieldType; /** * (optional) Use a input mask when the text field type is number (default true) * @inheritdoc * @default false */ "useInputMask"?: boolean; /** * (optional) Text field value * @inheritdoc * @default '' */ "value"?: string | number | null; } interface KvSelect { /** * (optional) The clear search action text * @inheritdoc * @default CLEAR_SELECTION_LABEL */ "clearSelectionLabel"?: string; /** * Focuses the search text field */ "focusSearch": () => Promise; /** * (optional) If `true` the header label section is forced to be visible * @inheritdoc * @default false */ "hasLabelContent"?: boolean; /** * (optional) The dropdown's max-height * @inheritdoc */ "maxHeight"?: string; /** * (optional) The dropdown's max-width * @inheritdoc */ "maxWidth"?: string; /** * (optional) The dropdown's min-height * @inheritdoc */ "minHeight"?: string; /** * (optional) The dropdown's min-width * @inheritdoc */ "minWidth"?: string; /** * (optional) The list search text field placeholder * @inheritdoc */ "searchPlaceholder"?: string; /** * (optional) The search value on the list * @inheritdoc */ "searchValue"?: string; /** * (optional) If `true` the list has a search text field * @inheritdoc * @default false */ "searchable"?: boolean; /** * (optional) The selection all action text * @inheritdoc * @default SELECT_ALL_LABEL */ "selectAllLabel"?: string; /** * (optional) If `true` the list has an action to select all items * @inheritdoc * @default false */ "selectionAll"?: boolean; /** * (optional) If `true` the selection action is enabled * @inheritdoc */ "selectionAllEnabled"?: boolean; /** * (optional) If `true` the list can be cleared * @inheritdoc */ "selectionClearEnabled"?: boolean; /** * (optional) If `true` the list has an action to unselect all items * @inheritdoc * @default false */ "selectionClearable"?: boolean; } interface KvSelectCreateOption { /** * Blur the input */ "blurInput": () => Promise; /** * (optional) If `true` the input and actions will be disabled. Default: `false`. * @inheritdoc * @default false */ "disabled"?: boolean; /** * Focus the input */ "focusInput": () => Promise; /** * (optional) The text field custom config. * @inheritdoc * @default {} */ "inputConfig"?: Partial; /** * (optional) The input and actions size. Default: `small´ * @inheritdoc * @default EComponentSize.Small */ "size"?: EComponentSize1; /** * (optional) The new option value. * @inheritdoc * @default '' */ "value"?: string; } interface KvSelectMultiOptions { /** * (optional) If `true` an add option will appear at the bottom of options list. Default: `false` * @inheritdoc * @default false */ "canAddItems"?: boolean; /** * Clears the highlighted option state */ "clearHighlightedOption": () => Promise; /** * (optional) The clear selection action text * @inheritdoc */ "clearSelectionLabel"?: string; /** * Close create popup */ "closeCreatePopup": () => Promise; /** * (optional) If `true` a selection counter is displayed * @inheritdoc */ "counter"?: boolean; /** * (optional) The create form input placeholder * @inheritdoc */ "createInputPlaceholder"?: string; /** * (optional) The create new option placeholder. Default: `Add a new option` * @inheritdoc * @default DEFAULT_ADD_OPTION_PLACEHOLDER */ "createOptionPlaceholder"?: string; /** * (optional) Externally filtered dropdown options. When defined, these override the default local search results. * @inheritdoc */ "filteredOptions"?: ISelectMultiOptions; /** * Focuses the search text field */ "focusSearch": () => Promise; /** * (optional) The dropdown's max-height * @inheritdoc */ "maxHeight"?: string; /** * (optional) Maximum number of items that can be selected * @inheritdoc */ "maxSelectable"?: number; /** * (optional) The dropdown's max-width * @inheritdoc */ "maxWidth"?: string; /** * (optional) The dropdown's min-height * @inheritdoc */ "minHeight"?: string; /** * (optional) The minimum amount of options required to display the search. Defaults to `15`. * @inheritdoc * @default MINIMUM_SEARCHABLE_OPTIONS */ "minSearchOptions"?: number; /** * (optional) The dropdown's min-width * @inheritdoc */ "minWidth"?: string; /** * (optional) The configuration for the "no data available" empty state illustration * @inheritdoc * @default DEFAULT_NO_DATA_AVAILABLE_ILLUSTRATION_CONFIG */ "noDataAvailableConfig"?: IIllustrationMessage1; /** * (optional) The configuration for the "no results found" empty state illustration * @inheritdoc * @default DEFAULT_NO_RESULTS_FOUND_ILLUSTRATION_CONFIG */ "noResultsFoundConfig"?: IIllustrationMessage1; /** * (optional) The object with the dropdown options * @inheritdoc * @default {} */ "options"?: ISelectMultiOptions; /** * (optional) If `true` a contiguous range can be selected by shift-clicking or by holding shift while navigating. Default `true` * @inheritdoc * @default true */ "rangeSelection"?: boolean; /** * (optional) The debounce, in milliseconds, applied to the search value before the options are filtered locally. Set to `0` to filter on every keystroke. Defaults to `300`. * @inheritdoc * @default DEFAULT_SEARCH_DEBOUNCE_IN_MS */ "searchDebounce"?: number; /** * (optional) The list search text field placeholder * @inheritdoc */ "searchPlaceholder"?: string; /** * (optional) The search value to display * @inheritdoc */ "searchValue"?: string; /** * (optional) If `false` the dropdown is not searchable. Default `true` * @inheritdoc * @default true */ "searchable"?: boolean; /** * (optional) The selection all action text * @inheritdoc */ "selectAllLabel"?: string; /** * (optional) The object with indexed by the dropdown labels and its selected value * @inheritdoc * @default {} */ "selectedOptions"?: Record; /** * (optional) If `true` the list has an action to select all items * @inheritdoc */ "selectionAll"?: boolean; /** * (optional) If `true` dropdown items can be cleared * @inheritdoc */ "selectionClearable"?: boolean; /** * (optional) If `true` the keyboard shortcuts can be used to navigate between the dropdown results. Default `false` * @inheritdoc * @default false */ "shortcuts"?: boolean; /** * @inheritdoc * @default false */ "showShortcuts"?: boolean; } interface KvSelectOption { /** * (optional) Action to display on the right side of the item * @inheritdoc */ "action"?: ISelectOptionAction; /** * (optional) Custom attributes to be applied to the option container element * @inheritdoc * @default {} */ "customAttributes"?: Record; /** * (optional) Custom class to apply for custom styling. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) Additional style to apply for custom CSS. * @inheritdoc */ "customStyle"?: HostAttributes['style']; /** * (optional) Description of the item displayed on the right * @inheritdoc */ "description"?: string; /** * (optional) If `true` the item is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) If `true` the item is presented as a list heading. Default: `false` * @inheritdoc * @default false */ "heading"?: boolean; /** * (optional) If `true` the item is highlighted * @inheritdoc * @default false */ "highlighted"?: boolean; /** * (optional) Icon of the item displayed on the left * @inheritdoc */ "icon"?: EIconName; /** * (optional) Tooltip text to be displayed on icon hover * @inheritdoc */ "iconTooltipText"?: string; /** * (optional) If true, a dirty dot indicator will be added to left side of the option's text. * @inheritdoc * @default false */ "isDirty"?: boolean; /** * (required) The text to display on the item * @inheritdoc */ "label": string; /** * (optional) The level depth at which the option is rendered * @inheritdoc * @default 0 */ "level": number; /** * (optional) Icon of the item displayed on the right * @inheritdoc */ "rightIcon"?: EIconName; /** * (optional) Tooltip text to be displayed on right icon hover * @inheritdoc */ "rightIconTooltipText"?: string; /** * (optional) If `false` the item is only for presenting and cannot be selected. * @inheritdoc * @default true */ "selectable"?: boolean; /** * (optional) If `true` the item is selected * @inheritdoc * @default false */ "selected"?: boolean; /** * (optional) The toggle button state * @inheritdoc */ "state"?: EToggleState; /** * (optional) If `true` the item is togglable * @inheritdoc * @default false */ "togglable"?: boolean; /** * (required) The item value * @inheritdoc */ "value": string; } interface KvSelectShortcutsLabel { /** * (optional) If `true` the range selection shortcut hint is displayed. Default `false` * @default false */ "rangeSelection"?: boolean; } interface KvSingleSelectDropdown { /** * (optional) A reference to the dropdown action element * @inheritdoc * @default null */ "actionElement"?: HTMLElement | null; /** * (optional) If `false` the search text field is not auto-focused. Default `true`. * @inheritdoc * @default true */ "autoFocus"?: boolean; /** * (optional) Text to display inside a badge on the right side of the displayed value * @inheritdoc */ "badge"?: string; /** * (optional) If `true` an add option will appear at the bottom of options list. Default: `false` * @inheritdoc * @default false */ "canAddItems"?: boolean; /** * (optional) The clear selection action text * @inheritdoc * @default SINGLE_SELECT_CLEAR_SELECTION_LABEL */ "clearSelectionLabel"?: string; /** * (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true * @inheritdoc * @default true */ "clickOutsideClose"?: boolean; /** * (optional) If `true` a selection counter is displayed * @inheritdoc */ "counter"?: boolean; /** * (optional) The create form input placeholder * @inheritdoc */ "createInputPlaceholder"?: string; /** * (optional) The create new option placeholder. Default: `Add a new option` * @inheritdoc */ "createOptionPlaceholder"?: string; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) If `true` the dropdown is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The text to display as a prefix to `displayValue` * @inheritdoc */ "displayPrefix"?: string; /** * (optional) The text to display on the dropdown * @inheritdoc */ "displayValue"?: string; /** * (optional) The dropdown position config options * @inheritdoc */ "dropdownOptions": Partial; /** * (required) The error state for the dropdown * @inheritdoc * @default EValidationState.None */ "errorState"?: EValidationState; /** * (optional) Externally filtered dropdown options. When defined, these override the default local search results. * @inheritdoc */ "filteredOptions"?: ISelectSingleOptions; /** * Focuses the search text field */ "focusSearch": () => Promise; /** * (optional) The text to display as help text * @inheritdoc * @default [] */ "helpText"?: string | string[]; /** * (optional) The icon to display on the dropdown * @inheritdoc */ "icon"?: EIconName; /** * (optional) The text field options * @inheritdoc */ "inputConfig"?: Partial; /** * (optional) The size of the input * @inheritdoc * @default EComponentSize.Large */ "inputSize"?: EComponentSize1; /** * (optional) If `true` the dropdown is opened * @inheritdoc * @default false */ "isOpen"?: boolean; /** * (optional) The text to display on the dropdown label * @inheritdoc */ "label"?: string; /** * (optional) If `true` the dropdown is loading * @inheritdoc * @default false */ "loading"?: boolean; /** * (optional) The dropdown's max-height * @inheritdoc */ "maxHeight"?: string; /** * (optional) The dropdown's max-width * @inheritdoc */ "maxWidth"?: string; /** * (optional) The dropdown's min-height * @inheritdoc */ "minHeight"?: string; /** * (optional) The minimum amount of options required to display the search. Defaults to `15`. * @inheritdoc * @default MINIMUM_SEARCHABLE_OPTIONS */ "minSearchOptions"?: number; /** * (optional) The dropdown's min-width * @inheritdoc */ "minWidth"?: string; /** * (optional) The configuration for the "no data available" empty state illustration * @inheritdoc */ "noDataAvailableConfig"?: IIllustrationMessage; /** * (optional) The configuration for the "no results found" empty state illustration * @inheritdoc */ "noResultsFoundConfig"?: IIllustrationMessage; /** * (optional) The object with the dropdown options * @inheritdoc * @default {} */ "options"?: ISelectSingleOptions; /** * (required) The text to display as the dropdown placeholder * @inheritdoc */ "placeholder": string; /** * (optional) If `true` dropdown requires a value to be selected * @inheritdoc * @default false */ "required"?: boolean; /** * (optional) The debounce, in milliseconds, applied to the search value before the options are filtered locally. Set to `0` to filter on every keystroke. Defaults to `300`. * @inheritdoc * @default DEFAULT_SEARCH_DEBOUNCE_IN_MS */ "searchDebounce"?: number; /** * (optional) The list search text field placeholder * @inheritdoc */ "searchPlaceholder"?: string; /** * (optional) If `false` the dropdown is not searchable. Default `true` * @inheritdoc * @default true */ "searchable"?: boolean; /** * (optional) The selection all action text * @inheritdoc */ "selectAllLabel"?: string; /** * (optional) The value of the selected option * @inheritdoc */ "selectedOption"?: string; /** * (optional) If `true` the list has an action to select all items * @inheritdoc */ "selectionAll"?: boolean; /** * (optional) If `true` dropdown items can be cleared * @inheritdoc */ "selectionClearable"?: boolean; /** * (optional) If `true` the keyboard shortcuts can be used to navigate between the dropdown results. Default `false` * @inheritdoc * @default false */ "shortcuts"?: boolean; /** * @inheritdoc * @default false */ "showShortcuts"?: boolean; /** * (optional) the dropdown list z-index (default: 9004) * @inheritdoc * @default DEFAULT_DROPDOWN_Z_INDEX */ "zIndex"?: number; } interface KvStateIndicator { /** * (optional) State indicator color */ "color": string; /** * (optional) State indicator text */ "text": string; } interface KvStepBar { /** * (required) Defines the current step index * @inheritdoc */ "currentStep": number; /** * (optional) Defines if the progress bar should be in an error state * @inheritdoc * @default false */ "hasError": boolean; /** * (optional) Defines the label to display next to the step counter (defaults to: "Progress: ") * @inheritdoc * @default DEFAULT_LABEL */ "label": string; /** * (required) Defines the percentage of steps completed * @inheritdoc */ "progressPercentage": number; /** * (required) Defines the steps array to render * @inheritdoc */ "steps": IStepBarStep[]; } interface KvStepIndicator { /** * (optional) Defines if the step is active * @inheritdoc */ "active"?: boolean; /** * (optional) Defines if the step is interactable and emits clicks * @inheritdoc */ "enabled"?: boolean; /** * (optional) Defines if the step has an error and applies the border styling * @inheritdoc */ "hasError"?: boolean; /** * (optional) Defines if the step is the current step */ "isCurrent"?: boolean; } interface KvStepProgressBar { /** * (optional) Defines if the bar should be in an error state, setting to `true` will change the background color to the defined error color * @inheritdoc */ "hasError": boolean; /** * (required) Defines how much space the progress bar should fill * @inheritdoc */ "progressPercentage": number; } interface KvSwitchButton { /** * (optional) If `true` the button is ON. Default `false` * @inheritdoc * @default false */ "checked": boolean; /** * (optional) If `true` the button is disabled. Default `false` * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) Button's size. Default `EComponentSize.Large` * @inheritdoc * @default EComponentSize.Large */ "size": EComponentSize; } interface KvTabItem { /** * (optional) Custom attributes to be applied to the tab element * @default {} */ "customAttributes"?: Record; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) Additional style to apply for custom CSS. */ "customStyle"?: HostAttributes['style']; /** * (optional) To disable this tab * @default false */ "disabled"?: boolean; /** * (optional) Icon to show in UI for this tab */ "icon"?: EIconName1; /** * (optional) Name to show in UI for this tab */ "label"?: string; /** * (optional) To set this tab as the selected one * @default false */ "selected"?: boolean; /** * (required) A unique identifier for this tab */ "tabKey": number | string; /** * (optional) Sets this tab item to a different styling configuration * @default ETabItemType.Primary */ "type"?: ETabItemType; } interface KvTabNavigation { /** * (optional) The currently selected tab key * @inheritdoc */ "selectedTabKey"?: number | string; /** * (required) The tab items to render in this component * @inheritdoc * @default [] */ "tabs": ITabNavigationItem[]; /** * (optional) Sets the visual variant of the tab navigation * @inheritdoc * @default ETabItemType.Primary */ "type"?: ETabItemType; } interface KvTag { /** * (optional) Badge label displayed at the end of the tag */ "badgeLabel"?: string; /** * (optional) Tag color variant * @default ETagColor.Neutral */ "color": ETagColor; /** * (optional) Icon to display inside the tag */ "icon"?: EIconName; /** * (optional) Tag label */ "label"?: string; /** * (optional) Tag size variant * @default EComponentSize.Large */ "size": EComponentSize1; } interface KvTagStatus { /** * (required) Defines the icon to be displayed. * @inheritdoc */ "icon": EIconName; /** * (optional) Defines the content of the label. * @inheritdoc */ "label"?: string; /** * (required) Defines the color of the icon. * @inheritdoc */ "state": ETagState; } interface KvTakeActions { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass": CustomCssClass; } interface KvTextArea { /** * (optional) If `true` the chars counter is displayed. Default: `true` * @inheritdoc * @default true */ "counter"?: boolean; /** * (optional) If `true` the counter is always visible (not only on focus). Default: `false` * @inheritdoc * @default false */ "counterAlwaysVisible"?: boolean; /** * (optional) If `true` the text area is disabled. Default: `false`. * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) Icon to show to the left of the text field * @inheritdoc */ "icon"?: EIconName; /** * (optional) The maximum number of characters allowed * @inheritdoc */ "maxCharLength"?: number; /** * (optional) The placeholder to show in the text area * @inheritdoc */ "placeholder"?: string; /** * (optional) The text to show inside the text area * @inheritdoc */ "text"?: string; } interface KvTextField { /** * (optional) Icon that is added on the right of the input. Its clickable. * @inheritdoc */ "actionIcon"?: EIconName; /** * (optional) Text to display inside a badge on the right side of the displayed value * @inheritdoc */ "badge"?: string; /** * (optional) Additional style to apply for custom CSS. * @inheritdoc */ "customStyle"?: HostAttributes['style']; /** * (optional) Text field example values * @inheritdoc */ "examples"?: string[]; /** * (optional) Enable/disable the resize of input (default: true) * @inheritdoc * @default true */ "fitContent"?: boolean; /** * Focuses the input */ "focusInput": () => Promise; /** * (optional) Text field focus state * @inheritdoc * @default false */ "forcedFocus": boolean; /** * (optional) Text field help text * @inheritdoc * @default [] */ "helpText": string | string[]; /** * (optional) If true, the badge is not displayed * @inheritdoc * @default false */ "hideBadge"?: boolean; /** * (optional) Text field's icon symbol name * @inheritdoc */ "icon"?: EIconName; /** * (optional) Text field disabled * @inheritdoc * @default false */ "inputDisabled": boolean; /** * (optional) Input mask regex * @inheritdoc * @default '' */ "inputMaskRegex"?: string; /** * (optional) Text field input name * @inheritdoc */ "inputName"?: string; /** * (optional) Text field is readonly * @inheritdoc * @default false */ "inputReadonly": boolean; /** * (optional) Text field required * @inheritdoc * @default false */ "inputRequired": boolean; /** * (optional) If true, a dirty dot indicator will be added to right side of the displayed value. * @inheritdoc * @default false */ "isDirty"?: boolean; /** * (optional) Text field label * @inheritdoc */ "label"?: string; /** * (optional) Text field loading state * @inheritdoc * @default false */ "loading": boolean; /** * (optional) Text field maximum value * @inheritdoc */ "max"?: string | number; /** * (optional) Text field maximum number of characters required * @inheritdoc */ "maxLength"?: number; /** * (optional) Text field minimum value * @inheritdoc */ "min"?: string | number; /** * (optional) Text field minimum number of characters required * @inheritdoc */ "minLength"?: number; /** * (optional) Text field place holder * @inheritdoc * @default '' */ "placeholder"?: string; /** * (optional) Sets this tab item to a different styling configuration * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize; /** * (optional) Text field state * @inheritdoc * @default EValidationState.None */ "state": EValidationState; /** * (optional) Text field interval between legal numbers * @inheritdoc */ "step"?: string | number; /** * (optional) Text field tooltip configuration * @inheritdoc */ "tooltipConfig"?: Partial; /** * (optional) Text field type * @inheritdoc * @default EInputFieldType.Text */ "type": EInputFieldType; /** * (optional) Use a input mask when the text field type is number (default true) * @inheritdoc */ "useInputMask"?: boolean; /** * (optional) Text field value * @inheritdoc * @default '' */ "value"?: string | number | null; /** * (optional) Defines the prefix that adds context to displayed values * @inheritdoc */ "valuePrefix"?: string; } interface KvTimePicker { /** * (optional) The element the panel is positioned against, and which the click-outside check treats as "inside". Defaults to the picker's own action wrapper, which is what a projected `dropdown-action` trigger sits in * @inheritdoc * @default null */ "actionElement"?: HTMLElement | null; /** * (optional) calendar maximum date to be navigated * @inheritdoc */ "calendarInputMaxDate"?: number; /** * (optional) calendar minimum date to be navigated * @inheritdoc */ "calendarInputMinDate"?: number; /** * (optional) Defines if the custom interval calendar selects a single date or a range * @inheritdoc * @default EAbsoluteTimePickerMode.Range */ "calendarMode"?: EAbsoluteTimePickerMode1; /** * (optional) Lets the timezone visible but doesn't let the user change it * @inheritdoc * @default false */ "disableTimezoneSelection"?: boolean; /** * (optional) Defines if the dropdown is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Determines if the "Show Calendar" toggle is visible in the footer. Hiding it does not prevent `showCalendar` from being set programmatically * @inheritdoc * @default true */ "displayCalendarToggle"?: boolean; /** * (optional) Determines if the customize interval option is visible * @inheritdoc * @default true */ "displayCustomizeInterval"?: boolean; /** * (optional) Determines if the timezone dropdown is visible * @inheritdoc * @default true */ "displayTimezoneDropdown"?: boolean; /** * (optional) Dropdown possible positions * @inheritdoc * @default DEFAULT_TIME_RANGE_DROPDOWN_POSITION_OPTIONS */ "dropdownPositionOptions"?: Partial; /** * (optional) Configuration of the dropdown input * @inheritdoc * @default {} */ "inputConfig"?: Partial; /** * (optional) Defines if the dropdown panel is open. Two-way: the component assigns it as the user opens and closes the panel, and emits `dropdownStateChange` alongside * @inheritdoc * @default false */ "isOpen"?: boolean; /** * (optional) Relative time picker options * @inheritdoc * @default DEFAULT_RELATIVE_TIME_OPTIONS_GROUPS */ "relativeTimePickerOptions"?: IRelativeTimePickerOption[][]; /** * (optional) Selected time key * @inheritdoc */ "selectedTimeOption"?: ITimePickerTimeState | ITimePickerTime; /** * (optional) Determines if the show calendar toggle is enabled * @inheritdoc * @default false */ "showCalendar"?: boolean; /** * (optional) Timezones * @inheritdoc * @default getDefaultTimezones() */ "timezones"?: ITimezoneOffset[]; /** * (optional) Positioning of the tooltip * @inheritdoc * @default ETooltipPosition.TopStart */ "tooltipPosition"?: ETooltipPosition; /** * (optional) The time picker's z-index (default: 9003) * @inheritdoc * @default TIME_PICKER_PORTAL_Z_INDEX */ "zIndex"?: number; } interface KvTimePickerSelectOption { /** * (optional) Custom attributes to be applied to the option container element * @inheritdoc * @default {} */ "customAttributes"?: Record; /** * (optional) The description of the text displayed * @inheritdoc */ "description"?: string; /** * (required) The text to display on the item * @inheritdoc */ "label": string; /** * (optional) If `true` the item is selected * @inheritdoc * @default false */ "selected"?: boolean; /** * (required) The item value * @inheritdoc */ "value": string; } interface KvToaster { /** * (optional) If true the toaster has a close button * @inheritdoc * @default true */ "closable": boolean; /** * (optional) Secondary message to display * @inheritdoc */ "description"?: string; /** * (required) Main message to display * @inheritdoc */ "header": string; /** * (optional) Time to live of the toaster * @inheritdoc */ "ttl"?: number; /** * (required) Type of toaster * @inheritdoc */ "type": EToasterType; } interface KvToggleButton { /** * (optional) Sets the button as checked * @inheritdoc * @default false */ "checked"?: boolean; /** * (optional) Custom attributes to be applied to the toggle button element * @inheritdoc * @default {} */ "customAttributes"?: Record; /** * (optional) Sets the button's styling to be disabled and disables click events * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The button's icon. Only valid for toggle button icon * @inheritdoc */ "icon"?: EIconName1; /** * (optional) The button's label. Only valid for toggle button text * @inheritdoc */ "label"?: string; /** * (optional) Defines if the item click event should prevent default behaviour. * @inheritdoc * @default false */ "preventDefault"?: boolean; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Small */ "size": EComponentSize1; /** * (optional) Tooltip text * @inheritdoc */ "tooltip"?: string; /** * (required) The value to be emitted upon click events * @inheritdoc */ "value": string | number; /** * (optional) Sets if the button is a radio button * @inheritdoc * @default false */ "withRadio"?: boolean; } interface KvToggleButtonGroup { /** * (optional) List of toggle buttons * @inheritdoc * @default [] */ "buttons": IToggleButton[]; /** * (optional) Sets styling to be disabled and disables click events for all buttons * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) A record with the button's label/value and the if the respective button is disabled * @inheritdoc * @default {} */ "disabledButtons"?: Record; /** * (optional) A record with the button's label/value and the if the respective button is a radio button * @inheritdoc * @default {} */ "radioButtons"?: Record; /** * (optional) A record with the button's label/value and with if the selected value * @inheritdoc * @default {} */ "selectedButtons"?: Record; /** * (optional) Sets the size for all toggle buttons * @inheritdoc * @default EComponentSize.Small */ "size": EComponentSize1; /** * (optional) If `true` all toggle buttons will have a radio button * @inheritdoc * @default false */ "withRadio"?: boolean; } interface KvToggleSwitch { /** * (optional) If `true` all toggle buttons will be disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) A record with the button's key and its individual disabled state * @inheritdoc * @default {} */ "disabledButtons"?: Record; /** * (optional) List of toggle switch options * @inheritdoc * @default [] */ "options": IToggleSwitchOption[]; /** * (optional) Toggle switch selected option key * @inheritdoc * @default '' */ "selectedOption"?: string; /** * (optional) Sets the size for all toggle buttons * @inheritdoc * @default EComponentSize.Small */ "size": EComponentSize1; } interface KvToggleTip { /** * (optional) Array of allowed positions of toggle tip (if defined the 'position' is ignored) * @inheritdoc */ "allowedPositions"?: ETooltipPosition1[]; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass1; /** * (optional) if true it will disable clicks to open toggle tip * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) if true it will ignore outside clicks to close the toggle tip * @inheritdoc * @default false */ "isFixed"?: boolean; /** * (optional) Set open state of toggle tip, default false * @inheritdoc * @default false */ "isOpen"?: boolean; /** * (optional) Object with tooltip position options * @inheritdoc * @default DEFAULT_TOOLTIP_CONFIG */ "options"?: Partial; /** * (optional) Position of toggletip * @inheritdoc */ "position"?: ETooltipPosition1; /** * (optional) Text of toggletip * @inheritdoc */ "text"?: string; /** * (optional) if true it will render an arrow pointing to the opening element * @inheritdoc * @default false */ "withArrow"?: boolean; } interface KvTooltip { /** * (optional) Array of allowed positions of toggle tip (if defined the 'position' is ignored) * @inheritdoc */ "allowedPositions"?: ETooltipPosition[]; /** * (optional) Content element reference * @inheritdoc * @default null */ "contentElement"?: HTMLElement; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) Additional style to apply for custom CSS. * @inheritdoc */ "customStyle"?: HostAttributes['style']; /** * (optional) Delay to show tooltip in milliseconds. * @inheritdoc * @default DEFAULT_DELAY_CONFIG */ "delay"?: number; /** * (optional) Disables tooltip * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Delay to hide tooltip in milliseconds. * @inheritdoc * @default DEFAULT_HIDE_DELAY */ "hideDelay"?: number; /** * (optional) Object with tooltip position options * @inheritdoc * @default DEFAULT_POSITION_CONFIG */ "options"?: Partial; /** * (optional) Position of tooltip * @inheritdoc */ "position"?: ETooltipPosition; /** * (optional) Text of tooltip * @inheritdoc * @default '' */ "text": string; /** * (optional) Set `true` to display tooltip only when the content is truncated * @inheritdoc * @default false */ "truncate"?: boolean; /** * (optional) if true it will render an arrow pointing to the opening element (default false) * @inheritdoc * @default false */ "withArrow": boolean; } interface KvTooltipText { /** * (optional) Text of tooltip * @inheritdoc * @default '' */ "text": string; } interface KvVirtualizedList { /** * (required) Defines the given item key * @inheritdoc */ "getItemKey": (index: number) => string; /** * (required) Defines the total number of items rendered in the list * @inheritdoc */ "itemCount": number; /** * (required) Defines the estimated height in pixels of an item * @inheritdoc */ "itemHeight": number; /** * (optional) The number of items outside the viewport that are rendered. Default: `5` * @inheritdoc * @default 5 */ "overscanCount": number; /** * (required) Defines the item render function * @inheritdoc */ "renderItem": RenderItemFunc; } interface KvWizard { /** * (optional) A label to show on the last step button. Default: 'Submit' * @inheritdoc */ "completeBtnLabel"?: string; /** * (required) Defines the current step index * @inheritdoc */ "currentStep": number; /** * (optional) Defines the current step state. Only the success state allows to proceed * @inheritdoc */ "currentStepState"?: StepState; /** * (optional) Defines if the wizard navigation is disabled. Default: false * @inheritdoc * @default false */ "disabled": boolean; /** * (optional) Defines if the header should render. Default: true * @inheritdoc * @default true */ "showHeader": boolean; /** * (optional) Defines if the step bar should render. Default: true * @inheritdoc * @default true */ "showStepBar": boolean; /** * (required) Defines the wizard steps * @inheritdoc */ "steps": IWizardStep[]; } interface KvWizardFooter { /** * (optional) Defines if the `cancel` button should be enabled and interactable * @inheritdoc * @default true */ "cancelEnabled": boolean; /** * (optional) The `complete` button label * @inheritdoc * @default 'Submit' */ "completeBtnLabel": string; /** * (optional) Defines if the `complete` button should be enabled and interactable * @inheritdoc */ "completeEnabled": boolean; /** * (optional) The `complete` button tooltip * @inheritdoc */ "completeTooltip"?: string; /** * (required) Defines the current step index * @inheritdoc */ "currentStep": number; /** * (optional) Defines if the progress bar should be in an error state * @inheritdoc */ "hasError": boolean; /** * (optional) Defines the label to display next to the step counter (defaults to: "Progress: ") * @inheritdoc */ "label": string; /** * (optional) Defines if the `next` button should be enabled and interactable * @inheritdoc * @default true */ "nextEnabled": boolean; /** * (optional) The `next` button tooltip * @inheritdoc */ "nextTooltip"?: string; /** * (optional) Defines if the `previous` button should be enabled and interactable * @inheritdoc * @default true */ "prevEnabled": boolean; /** * (required) Defines the percentage of steps completed * @inheritdoc */ "progressPercentage": number; /** * (optional) A boolean that determines whether the `cancel` button should be shown * @inheritdoc */ "showCancelBtn": boolean; /** * (optional) A boolean that determines whether the `complete` button should be shown * @inheritdoc */ "showCompleteBtn": boolean; /** * (optional) A boolean that determines whether the `next` button should be shown * @inheritdoc */ "showNextBtn": boolean; /** * (optional) A boolean that determines whether the `previous` button should be shown * @inheritdoc */ "showPrevBtn": boolean; /** * (optional) Defines if the step bar should render * @inheritdoc * @default true */ "showStepBar"?: boolean; /** * (required) Defines the steps array to render * @inheritdoc */ "steps": IStepBarStep1[]; } interface KvWizardHeader { /** * (required) A description of the state (e.g the description of a step) * @inheritdoc */ "description": string; /** * (required) A title to describe a state (e.g step) * @inheritdoc */ "label": string; /** * (optional) An extra information for the step * @inheritdoc */ "tip"?: string; } } export interface KvAbsoluteTimePickerCustomEvent extends CustomEvent { detail: T; target: HTMLKvAbsoluteTimePickerElement; } export interface KvAbsoluteTimePickerDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLKvAbsoluteTimePickerDropdownElement; } export interface KvAbsoluteTimePickerDropdownInputCustomEvent extends CustomEvent { detail: T; target: HTMLKvAbsoluteTimePickerDropdownInputElement; } export interface KvActionButtonCustomEvent extends CustomEvent { detail: T; target: HTMLKvActionButtonElement; } export interface KvActionButtonIconCustomEvent extends CustomEvent { detail: T; target: HTMLKvActionButtonIconElement; } export interface KvActionButtonMagicCustomEvent extends CustomEvent { detail: T; target: HTMLKvActionButtonMagicElement; } export interface KvActionButtonSplitCustomEvent extends CustomEvent { detail: T; target: HTMLKvActionButtonSplitElement; } export interface KvActionButtonTextCustomEvent extends CustomEvent { detail: T; target: HTMLKvActionButtonTextElement; } export interface KvAlertCustomEvent extends CustomEvent { detail: T; target: HTMLKvAlertElement; } export interface KvBreadcrumbCustomEvent extends CustomEvent { detail: T; target: HTMLKvBreadcrumbElement; } export interface KvBreadcrumbItemCustomEvent extends CustomEvent { detail: T; target: HTMLKvBreadcrumbItemElement; } export interface KvBreadcrumbListCustomEvent extends CustomEvent { detail: T; target: HTMLKvBreadcrumbListElement; } export interface KvCalendarCustomEvent extends CustomEvent { detail: T; target: HTMLKvCalendarElement; } export interface KvCalendarDayCustomEvent extends CustomEvent { detail: T; target: HTMLKvCalendarDayElement; } export interface KvCheckboxCustomEvent extends CustomEvent { detail: T; target: HTMLKvCheckboxElement; } export interface KvDateTimeInputCustomEvent extends CustomEvent { detail: T; target: HTMLKvDateTimeInputElement; } export interface KvDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLKvDropdownElement; } export interface KvDropdownBaseCustomEvent extends CustomEvent { detail: T; target: HTMLKvDropdownBaseElement; } export interface KvInlineEditableFieldCustomEvent extends CustomEvent { detail: T; target: HTMLKvInlineEditableFieldElement; } export interface KvInputWrapperCustomEvent extends CustomEvent { detail: T; target: HTMLKvInputWrapperElement; } export interface KvLinkCustomEvent extends CustomEvent { detail: T; target: HTMLKvLinkElement; } export interface KvModalCustomEvent extends CustomEvent { detail: T; target: HTMLKvModalElement; } export interface KvMultiSelectDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLKvMultiSelectDropdownElement; } export interface KvPortalCustomEvent extends CustomEvent { detail: T; target: HTMLKvPortalElement; } export interface KvRadioCustomEvent extends CustomEvent { detail: T; target: HTMLKvRadioElement; } export interface KvRadioListCustomEvent extends CustomEvent { detail: T; target: HTMLKvRadioListElement; } export interface KvRadioListItemCustomEvent extends CustomEvent { detail: T; target: HTMLKvRadioListItemElement; } export interface KvRangeCustomEvent extends CustomEvent { detail: T; target: HTMLKvRangeElement; } export interface KvRelativeTimePickerCustomEvent extends CustomEvent { detail: T; target: HTMLKvRelativeTimePickerElement; } export interface KvSearchCustomEvent extends CustomEvent { detail: T; target: HTMLKvSearchElement; } export interface KvSelectCustomEvent extends CustomEvent { detail: T; target: HTMLKvSelectElement; } export interface KvSelectCreateOptionCustomEvent extends CustomEvent { detail: T; target: HTMLKvSelectCreateOptionElement; } export interface KvSelectMultiOptionsCustomEvent extends CustomEvent { detail: T; target: HTMLKvSelectMultiOptionsElement; } export interface KvSelectOptionCustomEvent extends CustomEvent { detail: T; target: HTMLKvSelectOptionElement; } export interface KvSingleSelectDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLKvSingleSelectDropdownElement; } export interface KvStepBarCustomEvent extends CustomEvent { detail: T; target: HTMLKvStepBarElement; } export interface KvStepIndicatorCustomEvent extends CustomEvent { detail: T; target: HTMLKvStepIndicatorElement; } export interface KvSwitchButtonCustomEvent extends CustomEvent { detail: T; target: HTMLKvSwitchButtonElement; } export interface KvTabItemCustomEvent extends CustomEvent { detail: T; target: HTMLKvTabItemElement; } export interface KvTabNavigationCustomEvent extends CustomEvent { detail: T; target: HTMLKvTabNavigationElement; } export interface KvTextAreaCustomEvent extends CustomEvent { detail: T; target: HTMLKvTextAreaElement; } export interface KvTextFieldCustomEvent extends CustomEvent { detail: T; target: HTMLKvTextFieldElement; } export interface KvTimePickerCustomEvent extends CustomEvent { detail: T; target: HTMLKvTimePickerElement; } export interface KvTimePickerSelectOptionCustomEvent extends CustomEvent { detail: T; target: HTMLKvTimePickerSelectOptionElement; } export interface KvToasterCustomEvent extends CustomEvent { detail: T; target: HTMLKvToasterElement; } export interface KvToggleButtonCustomEvent extends CustomEvent { detail: T; target: HTMLKvToggleButtonElement; } export interface KvToggleButtonGroupCustomEvent extends CustomEvent { detail: T; target: HTMLKvToggleButtonGroupElement; } export interface KvToggleSwitchCustomEvent extends CustomEvent { detail: T; target: HTMLKvToggleSwitchElement; } export interface KvToggleTipCustomEvent extends CustomEvent { detail: T; target: HTMLKvToggleTipElement; } export interface KvWizardCustomEvent extends CustomEvent { detail: T; target: HTMLKvWizardElement; } export interface KvWizardFooterCustomEvent extends CustomEvent { detail: T; target: HTMLKvWizardFooterElement; } declare global { interface HTMLKvAbsoluteTimePickerElementEventMap { "selectedDatesChange": IAbsoluteSelectedRangeDates; "backButtonClicked": MouseEvent; "relativeTimeConfigReset": MouseEvent; "relativeTimeConfigChange": IAbsoluteSelectedRangeDates; } interface HTMLKvAbsoluteTimePickerElement extends Components.KvAbsoluteTimePicker, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvAbsoluteTimePickerElement, ev: KvAbsoluteTimePickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvAbsoluteTimePickerElement, ev: KvAbsoluteTimePickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvAbsoluteTimePickerElement: { prototype: HTMLKvAbsoluteTimePickerElement; new (): HTMLKvAbsoluteTimePickerElement; }; interface HTMLKvAbsoluteTimePickerDropdownElementEventMap { "selectedDatesChange": [number] | [number, number]; "cancelClicked": CustomEvent; "dropdownStateChange": boolean; } interface HTMLKvAbsoluteTimePickerDropdownElement extends Components.KvAbsoluteTimePickerDropdown, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvAbsoluteTimePickerDropdownElement, ev: KvAbsoluteTimePickerDropdownCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvAbsoluteTimePickerDropdownElement, ev: KvAbsoluteTimePickerDropdownCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvAbsoluteTimePickerDropdownElement: { prototype: HTMLKvAbsoluteTimePickerDropdownElement; new (): HTMLKvAbsoluteTimePickerDropdownElement; }; interface HTMLKvAbsoluteTimePickerDropdownInputElementEventMap { "selectedTimeChange": SelectedTime; "dropdownStateChange": boolean; } interface HTMLKvAbsoluteTimePickerDropdownInputElement extends Components.KvAbsoluteTimePickerDropdownInput, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvAbsoluteTimePickerDropdownInputElement, ev: KvAbsoluteTimePickerDropdownInputCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvAbsoluteTimePickerDropdownInputElement, ev: KvAbsoluteTimePickerDropdownInputCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvAbsoluteTimePickerDropdownInputElement: { prototype: HTMLKvAbsoluteTimePickerDropdownInputElement; new (): HTMLKvAbsoluteTimePickerDropdownInputElement; }; interface HTMLKvActionButtonElementEventMap { "clickButton": MouseEvent; "focusButton": FocusEvent; "blurButton": FocusEvent; } interface HTMLKvActionButtonElement extends Components.KvActionButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvActionButtonElement, ev: KvActionButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvActionButtonElement, ev: KvActionButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvActionButtonElement: { prototype: HTMLKvActionButtonElement; new (): HTMLKvActionButtonElement; }; interface HTMLKvActionButtonIconElementEventMap { "clickButton": MouseEvent; "focusButton": FocusEvent; "blurButton": FocusEvent; } interface HTMLKvActionButtonIconElement extends Components.KvActionButtonIcon, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvActionButtonIconElement, ev: KvActionButtonIconCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvActionButtonIconElement, ev: KvActionButtonIconCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvActionButtonIconElement: { prototype: HTMLKvActionButtonIconElement; new (): HTMLKvActionButtonIconElement; }; interface HTMLKvActionButtonMagicElementEventMap { "clickButton": MouseEvent; "focusButton": FocusEvent; "blurButton": FocusEvent; } interface HTMLKvActionButtonMagicElement extends Components.KvActionButtonMagic, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvActionButtonMagicElement, ev: KvActionButtonMagicCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvActionButtonMagicElement, ev: KvActionButtonMagicCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvActionButtonMagicElement: { prototype: HTMLKvActionButtonMagicElement; new (): HTMLKvActionButtonMagicElement; }; interface HTMLKvActionButtonSplitElementEventMap { "clickLeftButton": MouseEvent; "clickRightButton": MouseEvent; "focusLeftButton": FocusEvent; "focusRightButton": FocusEvent; "blurLeftButton": FocusEvent; "blurRightButton": FocusEvent; } interface HTMLKvActionButtonSplitElement extends Components.KvActionButtonSplit, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvActionButtonSplitElement, ev: KvActionButtonSplitCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvActionButtonSplitElement, ev: KvActionButtonSplitCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvActionButtonSplitElement: { prototype: HTMLKvActionButtonSplitElement; new (): HTMLKvActionButtonSplitElement; }; interface HTMLKvActionButtonTextElementEventMap { "clickButton": MouseEvent; "focusButton": FocusEvent; "blurButton": FocusEvent; } interface HTMLKvActionButtonTextElement extends Components.KvActionButtonText, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvActionButtonTextElement, ev: KvActionButtonTextCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvActionButtonTextElement, ev: KvActionButtonTextCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvActionButtonTextElement: { prototype: HTMLKvActionButtonTextElement; new (): HTMLKvActionButtonTextElement; }; interface HTMLKvAlertElementEventMap { "clickCloseButton": MouseEvent; } interface HTMLKvAlertElement extends Components.KvAlert, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvAlertElement, ev: KvAlertCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvAlertElement, ev: KvAlertCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvAlertElement: { prototype: HTMLKvAlertElement; new (): HTMLKvAlertElement; }; interface HTMLKvBadgeElement extends Components.KvBadge, HTMLStencilElement { } var HTMLKvBadgeElement: { prototype: HTMLKvBadgeElement; new (): HTMLKvBadgeElement; }; interface HTMLKvBreadcrumbElementEventMap { "breadcrumbItemClick": IBreadcrumbItem; } interface HTMLKvBreadcrumbElement extends Components.KvBreadcrumb, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvBreadcrumbElement, ev: KvBreadcrumbCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvBreadcrumbElement, ev: KvBreadcrumbCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvBreadcrumbElement: { prototype: HTMLKvBreadcrumbElement; new (): HTMLKvBreadcrumbElement; }; interface HTMLKvBreadcrumbItemElementEventMap { "breadcrumbItemClick": IBreadcrumbItem; } interface HTMLKvBreadcrumbItemElement extends Components.KvBreadcrumbItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvBreadcrumbItemElement, ev: KvBreadcrumbItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvBreadcrumbItemElement, ev: KvBreadcrumbItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvBreadcrumbItemElement: { prototype: HTMLKvBreadcrumbItemElement; new (): HTMLKvBreadcrumbItemElement; }; interface HTMLKvBreadcrumbListElementEventMap { "breadcrumbItemClick": IBreadcrumbItem; } interface HTMLKvBreadcrumbListElement extends Components.KvBreadcrumbList, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvBreadcrumbListElement, ev: KvBreadcrumbListCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvBreadcrumbListElement, ev: KvBreadcrumbListCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvBreadcrumbListElement: { prototype: HTMLKvBreadcrumbListElement; new (): HTMLKvBreadcrumbListElement; }; interface HTMLKvCalendarElementEventMap { "changeMonth": IChangeMonthEvent; "changeYear": IChangeYearEvent; "clickDate": IClickDateEvent; "hoveredDateChange": string; } interface HTMLKvCalendarElement extends Components.KvCalendar, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvCalendarElement, ev: KvCalendarCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvCalendarElement, ev: KvCalendarCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvCalendarElement: { prototype: HTMLKvCalendarElement; new (): HTMLKvCalendarElement; }; interface HTMLKvCalendarDayElementEventMap { "clickDay": number; "mouseEnterDay": number; "mouseLeaveDay": number; } interface HTMLKvCalendarDayElement extends Components.KvCalendarDay, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvCalendarDayElement, ev: KvCalendarDayCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvCalendarDayElement, ev: KvCalendarDayCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvCalendarDayElement: { prototype: HTMLKvCalendarDayElement; new (): HTMLKvCalendarDayElement; }; interface HTMLKvCheckboxElementEventMap { "clickCheckbox": Event; } interface HTMLKvCheckboxElement extends Components.KvCheckbox, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvCheckboxElement, ev: KvCheckboxCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvCheckboxElement, ev: KvCheckboxCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvCheckboxElement: { prototype: HTMLKvCheckboxElement; new (): HTMLKvCheckboxElement; }; interface HTMLKvCopyToClipboardElement extends Components.KvCopyToClipboard, HTMLStencilElement { } var HTMLKvCopyToClipboardElement: { prototype: HTMLKvCopyToClipboardElement; new (): HTMLKvCopyToClipboardElement; }; interface HTMLKvDateTimeInputElementEventMap { "textChange": string; "dateTimeBlur": string; "inputFocus": FocusEvent; "rightIconClick": void; } interface HTMLKvDateTimeInputElement extends Components.KvDateTimeInput, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvDateTimeInputElement, ev: KvDateTimeInputCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvDateTimeInputElement, ev: KvDateTimeInputCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvDateTimeInputElement: { prototype: HTMLKvDateTimeInputElement; new (): HTMLKvDateTimeInputElement; }; interface HTMLKvDescriptionListElement extends Components.KvDescriptionList, HTMLStencilElement { } var HTMLKvDescriptionListElement: { prototype: HTMLKvDescriptionListElement; new (): HTMLKvDescriptionListElement; }; interface HTMLKvDirtyDotElement extends Components.KvDirtyDot, HTMLStencilElement { } var HTMLKvDirtyDotElement: { prototype: HTMLKvDirtyDotElement; new (): HTMLKvDirtyDotElement; }; interface HTMLKvDropdownElementEventMap { "openStateChange": boolean; "clickOutside": MouseEvent; } interface HTMLKvDropdownElement extends Components.KvDropdown, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvDropdownElement, ev: KvDropdownCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvDropdownElement, ev: KvDropdownCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvDropdownElement: { prototype: HTMLKvDropdownElement; new (): HTMLKvDropdownElement; }; interface HTMLKvDropdownBaseElementEventMap { "openStateChange": boolean; "clickOutside": MouseEvent; } interface HTMLKvDropdownBaseElement extends Components.KvDropdownBase, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvDropdownBaseElement, ev: KvDropdownBaseCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvDropdownBaseElement, ev: KvDropdownBaseCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvDropdownBaseElement: { prototype: HTMLKvDropdownBaseElement; new (): HTMLKvDropdownBaseElement; }; interface HTMLKvErrorStateElement extends Components.KvErrorState, HTMLStencilElement { } var HTMLKvErrorStateElement: { prototype: HTMLKvErrorStateElement; new (): HTMLKvErrorStateElement; }; interface HTMLKvErrorState404Element extends Components.KvErrorState404, HTMLStencilElement { } var HTMLKvErrorState404Element: { prototype: HTMLKvErrorState404Element; new (): HTMLKvErrorState404Element; }; interface HTMLKvEsKelvinLogoElement extends Components.KvEsKelvinLogo, HTMLStencilElement { } var HTMLKvEsKelvinLogoElement: { prototype: HTMLKvEsKelvinLogoElement; new (): HTMLKvEsKelvinLogoElement; }; interface HTMLKvEsKelvinLogotypeElement extends Components.KvEsKelvinLogotype, HTMLStencilElement { } var HTMLKvEsKelvinLogotypeElement: { prototype: HTMLKvEsKelvinLogotypeElement; new (): HTMLKvEsKelvinLogotypeElement; }; interface HTMLKvFormHelpTextElement extends Components.KvFormHelpText, HTMLStencilElement { } var HTMLKvFormHelpTextElement: { prototype: HTMLKvFormHelpTextElement; new (): HTMLKvFormHelpTextElement; }; interface HTMLKvFormLabelElement extends Components.KvFormLabel, HTMLStencilElement { } var HTMLKvFormLabelElement: { prototype: HTMLKvFormLabelElement; new (): HTMLKvFormLabelElement; }; interface HTMLKvIconElement extends Components.KvIcon, HTMLStencilElement { } var HTMLKvIconElement: { prototype: HTMLKvIconElement; new (): HTMLKvIconElement; }; interface HTMLKvIllustrationElement extends Components.KvIllustration, HTMLStencilElement { } var HTMLKvIllustrationElement: { prototype: HTMLKvIllustrationElement; new (): HTMLKvIllustrationElement; }; interface HTMLKvIllustrationMessageElement extends Components.KvIllustrationMessage, HTMLStencilElement { } var HTMLKvIllustrationMessageElement: { prototype: HTMLKvIllustrationMessageElement; new (): HTMLKvIllustrationMessageElement; }; interface HTMLKvImportElement extends Components.KvImport, HTMLStencilElement { } var HTMLKvImportElement: { prototype: HTMLKvImportElement; new (): HTMLKvImportElement; }; interface HTMLKvInfoLabelElement extends Components.KvInfoLabel, HTMLStencilElement { } var HTMLKvInfoLabelElement: { prototype: HTMLKvInfoLabelElement; new (): HTMLKvInfoLabelElement; }; interface HTMLKvInlineEditableFieldElementEventMap { "contentEdited": string; "contentFocused": void; "contentBlured": void; } interface HTMLKvInlineEditableFieldElement extends Components.KvInlineEditableField, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvInlineEditableFieldElement, ev: KvInlineEditableFieldCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvInlineEditableFieldElement, ev: KvInlineEditableFieldCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvInlineEditableFieldElement: { prototype: HTMLKvInlineEditableFieldElement; new (): HTMLKvInlineEditableFieldElement; }; interface HTMLKvInputWrapperElementEventMap { "contentClick": boolean; } interface HTMLKvInputWrapperElement extends Components.KvInputWrapper, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvInputWrapperElement, ev: KvInputWrapperCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvInputWrapperElement, ev: KvInputWrapperCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvInputWrapperElement: { prototype: HTMLKvInputWrapperElement; new (): HTMLKvInputWrapperElement; }; interface HTMLKvLinkElementEventMap { "labelClick": MouseEvent; } interface HTMLKvLinkElement extends Components.KvLink, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvLinkElement, ev: KvLinkCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvLinkElement, ev: KvLinkCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvLinkElement: { prototype: HTMLKvLinkElement; new (): HTMLKvLinkElement; }; interface HTMLKvLoaderElement extends Components.KvLoader, HTMLStencilElement { } var HTMLKvLoaderElement: { prototype: HTMLKvLoaderElement; new (): HTMLKvLoaderElement; }; interface HTMLKvModalElementEventMap { "clickClose": MouseEvent; "clickOverlay": MouseEvent; "escapeKeyPressed": KeyboardEvent; } interface HTMLKvModalElement extends Components.KvModal, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvModalElement, ev: KvModalCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvModalElement, ev: KvModalCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvModalElement: { prototype: HTMLKvModalElement; new (): HTMLKvModalElement; }; interface HTMLKvMultiSelectDropdownElementEventMap { "optionsSelected": Record; "searchChange": string; "clearSelection": void; "selectAll": void; "dismiss": void; "clickOutside": MouseEvent; "openStateChange": boolean; } interface HTMLKvMultiSelectDropdownElement extends Components.KvMultiSelectDropdown, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvMultiSelectDropdownElement, ev: KvMultiSelectDropdownCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvMultiSelectDropdownElement, ev: KvMultiSelectDropdownCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvMultiSelectDropdownElement: { prototype: HTMLKvMultiSelectDropdownElement; new (): HTMLKvMultiSelectDropdownElement; }; interface HTMLKvNoContentHereElement extends Components.KvNoContentHere, HTMLStencilElement { } var HTMLKvNoContentHereElement: { prototype: HTMLKvNoContentHereElement; new (): HTMLKvNoContentHereElement; }; interface HTMLKvNoDataAvailableElement extends Components.KvNoDataAvailable, HTMLStencilElement { } var HTMLKvNoDataAvailableElement: { prototype: HTMLKvNoDataAvailableElement; new (): HTMLKvNoDataAvailableElement; }; interface HTMLKvNoMatchingResultsElement extends Components.KvNoMatchingResults, HTMLStencilElement { } var HTMLKvNoMatchingResultsElement: { prototype: HTMLKvNoMatchingResultsElement; new (): HTMLKvNoMatchingResultsElement; }; interface HTMLKvNoResultsFoundElement extends Components.KvNoResultsFound, HTMLStencilElement { } var HTMLKvNoResultsFoundElement: { prototype: HTMLKvNoResultsFoundElement; new (): HTMLKvNoResultsFoundElement; }; interface HTMLKvPortalElementEventMap { "elementAppend": HTMLElement; } interface HTMLKvPortalElement extends Components.KvPortal, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvPortalElement, ev: KvPortalCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvPortalElement, ev: KvPortalCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvPortalElement: { prototype: HTMLKvPortalElement; new (): HTMLKvPortalElement; }; interface HTMLKvRadioElementEventMap { "checkedChange": Event; } interface HTMLKvRadioElement extends Components.KvRadio, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvRadioElement, ev: KvRadioCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvRadioElement, ev: KvRadioCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvRadioElement: { prototype: HTMLKvRadioElement; new (): HTMLKvRadioElement; }; interface HTMLKvRadioListElementEventMap { "optionSelected": string | number; } interface HTMLKvRadioListElement extends Components.KvRadioList, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvRadioListElement, ev: KvRadioListCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvRadioListElement, ev: KvRadioListCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvRadioListElement: { prototype: HTMLKvRadioListElement; new (): HTMLKvRadioListElement; }; interface HTMLKvRadioListItemElementEventMap { "optionClick": string | number; } interface HTMLKvRadioListItemElement extends Components.KvRadioListItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvRadioListItemElement, ev: KvRadioListItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvRadioListItemElement, ev: KvRadioListItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvRadioListItemElement: { prototype: HTMLKvRadioListItemElement; new (): HTMLKvRadioListItemElement; }; interface HTMLKvRangeElementEventMap { "valueChange": number; } interface HTMLKvRangeElement extends Components.KvRange, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvRangeElement, ev: KvRangeCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvRangeElement, ev: KvRangeCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvRangeElement: { prototype: HTMLKvRangeElement; new (): HTMLKvRangeElement; }; interface HTMLKvRelativeTimePickerElementEventMap { "selectedRelativeTimeChange": ITimePickerRelativeTime; "relativeTimeOptionClicked": ITimePickerRelativeTime; "customizeIntervalClicked": string; "timezoneChange": ITimePickerTimezone1; "timezoneInputClicked": boolean; "timezoneDropdownStateChange": boolean; } interface HTMLKvRelativeTimePickerElement extends Components.KvRelativeTimePicker, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvRelativeTimePickerElement, ev: KvRelativeTimePickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvRelativeTimePickerElement, ev: KvRelativeTimePickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvRelativeTimePickerElement: { prototype: HTMLKvRelativeTimePickerElement; new (): HTMLKvRelativeTimePickerElement; }; interface HTMLKvSearchElementEventMap { "textChange": string; "textFieldBlur": string; "textFieldFocus": string; "clickResetButton": MouseEvent; "rightActionClick": MouseEvent; "fieldClick": MouseEvent; } interface HTMLKvSearchElement extends Components.KvSearch, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvSearchElement, ev: KvSearchCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvSearchElement, ev: KvSearchCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvSearchElement: { prototype: HTMLKvSearchElement; new (): HTMLKvSearchElement; }; interface HTMLKvSelectElementEventMap { "searchChange": string; "clearSelection": void; "selectAll": void; } interface HTMLKvSelectElement extends Components.KvSelect, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvSelectElement, ev: KvSelectCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvSelectElement, ev: KvSelectCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvSelectElement: { prototype: HTMLKvSelectElement; new (): HTMLKvSelectElement; }; interface HTMLKvSelectCreateOptionElementEventMap { "clickCreate": MouseEvent | KeyboardEvent; "clickCancel": MouseEvent; "valueChanged": string; } interface HTMLKvSelectCreateOptionElement extends Components.KvSelectCreateOption, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvSelectCreateOptionElement, ev: KvSelectCreateOptionCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvSelectCreateOptionElement, ev: KvSelectCreateOptionCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvSelectCreateOptionElement: { prototype: HTMLKvSelectCreateOptionElement; new (): HTMLKvSelectCreateOptionElement; }; interface HTMLKvSelectMultiOptionsElementEventMap { "optionsSelected": Record; "optionSelected": string; "searchChange": string; "clearSelection": void; "selectAll": void; "dismiss": void; "optionCreated": string; } interface HTMLKvSelectMultiOptionsElement extends Components.KvSelectMultiOptions, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvSelectMultiOptionsElement, ev: KvSelectMultiOptionsCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvSelectMultiOptionsElement, ev: KvSelectMultiOptionsCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvSelectMultiOptionsElement: { prototype: HTMLKvSelectMultiOptionsElement; new (): HTMLKvSelectMultiOptionsElement; }; interface HTMLKvSelectOptionElementEventMap { "itemSelected": string; } interface HTMLKvSelectOptionElement extends Components.KvSelectOption, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvSelectOptionElement, ev: KvSelectOptionCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvSelectOptionElement, ev: KvSelectOptionCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvSelectOptionElement: { prototype: HTMLKvSelectOptionElement; new (): HTMLKvSelectOptionElement; }; interface HTMLKvSelectShortcutsLabelElement extends Components.KvSelectShortcutsLabel, HTMLStencilElement { } var HTMLKvSelectShortcutsLabelElement: { prototype: HTMLKvSelectShortcutsLabelElement; new (): HTMLKvSelectShortcutsLabelElement; }; interface HTMLKvSingleSelectDropdownElementEventMap { "optionSelected": string; "searchChange": string; "clearSelection": void; "dismiss": void; "clickOutside": MouseEvent; "optionCreated": string; "openStateChange": boolean; } interface HTMLKvSingleSelectDropdownElement extends Components.KvSingleSelectDropdown, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvSingleSelectDropdownElement, ev: KvSingleSelectDropdownCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvSingleSelectDropdownElement, ev: KvSingleSelectDropdownCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvSingleSelectDropdownElement: { prototype: HTMLKvSingleSelectDropdownElement; new (): HTMLKvSingleSelectDropdownElement; }; interface HTMLKvStateIndicatorElement extends Components.KvStateIndicator, HTMLStencilElement { } var HTMLKvStateIndicatorElement: { prototype: HTMLKvStateIndicatorElement; new (): HTMLKvStateIndicatorElement; }; interface HTMLKvStepBarElementEventMap { "stepClicked": number; } interface HTMLKvStepBarElement extends Components.KvStepBar, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvStepBarElement, ev: KvStepBarCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvStepBarElement, ev: KvStepBarCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvStepBarElement: { prototype: HTMLKvStepBarElement; new (): HTMLKvStepBarElement; }; interface HTMLKvStepIndicatorElementEventMap { "indicatorClicked": MouseEvent; } interface HTMLKvStepIndicatorElement extends Components.KvStepIndicator, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvStepIndicatorElement, ev: KvStepIndicatorCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvStepIndicatorElement, ev: KvStepIndicatorCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvStepIndicatorElement: { prototype: HTMLKvStepIndicatorElement; new (): HTMLKvStepIndicatorElement; }; interface HTMLKvStepProgressBarElement extends Components.KvStepProgressBar, HTMLStencilElement { } var HTMLKvStepProgressBarElement: { prototype: HTMLKvStepProgressBarElement; new (): HTMLKvStepProgressBarElement; }; interface HTMLKvSwitchButtonElementEventMap { "switchChange": boolean; } interface HTMLKvSwitchButtonElement extends Components.KvSwitchButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvSwitchButtonElement, ev: KvSwitchButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvSwitchButtonElement, ev: KvSwitchButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvSwitchButtonElement: { prototype: HTMLKvSwitchButtonElement; new (): HTMLKvSwitchButtonElement; }; interface HTMLKvTabItemElementEventMap { "tabSelected": number | string; } interface HTMLKvTabItemElement extends Components.KvTabItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvTabItemElement, ev: KvTabItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvTabItemElement, ev: KvTabItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvTabItemElement: { prototype: HTMLKvTabItemElement; new (): HTMLKvTabItemElement; }; interface HTMLKvTabNavigationElementEventMap { "tabChange": string; } interface HTMLKvTabNavigationElement extends Components.KvTabNavigation, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvTabNavigationElement, ev: KvTabNavigationCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvTabNavigationElement, ev: KvTabNavigationCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvTabNavigationElement: { prototype: HTMLKvTabNavigationElement; new (): HTMLKvTabNavigationElement; }; interface HTMLKvTagElement extends Components.KvTag, HTMLStencilElement { } var HTMLKvTagElement: { prototype: HTMLKvTagElement; new (): HTMLKvTagElement; }; interface HTMLKvTagStatusElement extends Components.KvTagStatus, HTMLStencilElement { } var HTMLKvTagStatusElement: { prototype: HTMLKvTagStatusElement; new (): HTMLKvTagStatusElement; }; interface HTMLKvTakeActionsElement extends Components.KvTakeActions, HTMLStencilElement { } var HTMLKvTakeActionsElement: { prototype: HTMLKvTakeActionsElement; new (): HTMLKvTakeActionsElement; }; interface HTMLKvTextAreaElementEventMap { "textChange": string; } interface HTMLKvTextAreaElement extends Components.KvTextArea, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvTextAreaElement, ev: KvTextAreaCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvTextAreaElement, ev: KvTextAreaCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvTextAreaElement: { prototype: HTMLKvTextAreaElement; new (): HTMLKvTextAreaElement; }; interface HTMLKvTextFieldElementEventMap { "textChange": string; "textFieldBlur": string; "textFieldFocus": string; "rightActionClick": MouseEvent; "fieldClick": MouseEvent; } interface HTMLKvTextFieldElement extends Components.KvTextField, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvTextFieldElement, ev: KvTextFieldCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvTextFieldElement, ev: KvTextFieldCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvTextFieldElement: { prototype: HTMLKvTextFieldElement; new (): HTMLKvTextFieldElement; }; interface HTMLKvTimePickerElementEventMap { "timeRangeChange": ITimePickerTime; "dropdownStateChange": boolean; "cancelClicked": CustomEvent; "showCalendarStateChange": boolean; } interface HTMLKvTimePickerElement extends Components.KvTimePicker, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvTimePickerElement, ev: KvTimePickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvTimePickerElement, ev: KvTimePickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvTimePickerElement: { prototype: HTMLKvTimePickerElement; new (): HTMLKvTimePickerElement; }; interface HTMLKvTimePickerSelectOptionElementEventMap { "itemSelected": string; } interface HTMLKvTimePickerSelectOptionElement extends Components.KvTimePickerSelectOption, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvTimePickerSelectOptionElement, ev: KvTimePickerSelectOptionCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvTimePickerSelectOptionElement, ev: KvTimePickerSelectOptionCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvTimePickerSelectOptionElement: { prototype: HTMLKvTimePickerSelectOptionElement; new (): HTMLKvTimePickerSelectOptionElement; }; interface HTMLKvToasterElementEventMap { "clickCloseButton": MouseEvent; "ttlExpired": CloseEvent; "afterOpen": void; "afterClose": void; } interface HTMLKvToasterElement extends Components.KvToaster, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvToasterElement, ev: KvToasterCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvToasterElement, ev: KvToasterCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvToasterElement: { prototype: HTMLKvToasterElement; new (): HTMLKvToasterElement; }; interface HTMLKvToggleButtonElementEventMap { "checkedChange": string | number; } interface HTMLKvToggleButtonElement extends Components.KvToggleButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvToggleButtonElement, ev: KvToggleButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvToggleButtonElement, ev: KvToggleButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvToggleButtonElement: { prototype: HTMLKvToggleButtonElement; new (): HTMLKvToggleButtonElement; }; interface HTMLKvToggleButtonGroupElementEventMap { "checkedChange": string; } interface HTMLKvToggleButtonGroupElement extends Components.KvToggleButtonGroup, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvToggleButtonGroupElement, ev: KvToggleButtonGroupCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvToggleButtonGroupElement, ev: KvToggleButtonGroupCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvToggleButtonGroupElement: { prototype: HTMLKvToggleButtonGroupElement; new (): HTMLKvToggleButtonGroupElement; }; interface HTMLKvToggleSwitchElementEventMap { "checkedChange": string; } interface HTMLKvToggleSwitchElement extends Components.KvToggleSwitch, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvToggleSwitchElement, ev: KvToggleSwitchCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvToggleSwitchElement, ev: KvToggleSwitchCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvToggleSwitchElement: { prototype: HTMLKvToggleSwitchElement; new (): HTMLKvToggleSwitchElement; }; interface HTMLKvToggleTipElementEventMap { "openStateChange": boolean; } interface HTMLKvToggleTipElement extends Components.KvToggleTip, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvToggleTipElement, ev: KvToggleTipCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvToggleTipElement, ev: KvToggleTipCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvToggleTipElement: { prototype: HTMLKvToggleTipElement; new (): HTMLKvToggleTipElement; }; interface HTMLKvTooltipElement extends Components.KvTooltip, HTMLStencilElement { } var HTMLKvTooltipElement: { prototype: HTMLKvTooltipElement; new (): HTMLKvTooltipElement; }; interface HTMLKvTooltipTextElement extends Components.KvTooltipText, HTMLStencilElement { } var HTMLKvTooltipTextElement: { prototype: HTMLKvTooltipTextElement; new (): HTMLKvTooltipTextElement; }; interface HTMLKvVirtualizedListElement extends Components.KvVirtualizedList, HTMLStencilElement { } var HTMLKvVirtualizedListElement: { prototype: HTMLKvVirtualizedListElement; new (): HTMLKvVirtualizedListElement; }; interface HTMLKvWizardElementEventMap { "goToStep": number; "completeClick": MouseEvent; "cancelClick": MouseEvent; } interface HTMLKvWizardElement extends Components.KvWizard, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvWizardElement, ev: KvWizardCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvWizardElement, ev: KvWizardCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvWizardElement: { prototype: HTMLKvWizardElement; new (): HTMLKvWizardElement; }; interface HTMLKvWizardFooterElementEventMap { "stepClick": number; "cancelClick": MouseEvent; "prevClick": MouseEvent; "nextClick": MouseEvent; "completeClick": MouseEvent; } interface HTMLKvWizardFooterElement extends Components.KvWizardFooter, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLKvWizardFooterElement, ev: KvWizardFooterCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLKvWizardFooterElement, ev: KvWizardFooterCustomEvent) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKvWizardFooterElement: { prototype: HTMLKvWizardFooterElement; new (): HTMLKvWizardFooterElement; }; interface HTMLKvWizardHeaderElement extends Components.KvWizardHeader, HTMLStencilElement { } var HTMLKvWizardHeaderElement: { prototype: HTMLKvWizardHeaderElement; new (): HTMLKvWizardHeaderElement; }; interface HTMLElementTagNameMap { "kv-absolute-time-picker": HTMLKvAbsoluteTimePickerElement; "kv-absolute-time-picker-dropdown": HTMLKvAbsoluteTimePickerDropdownElement; "kv-absolute-time-picker-dropdown-input": HTMLKvAbsoluteTimePickerDropdownInputElement; "kv-action-button": HTMLKvActionButtonElement; "kv-action-button-icon": HTMLKvActionButtonIconElement; "kv-action-button-magic": HTMLKvActionButtonMagicElement; "kv-action-button-split": HTMLKvActionButtonSplitElement; "kv-action-button-text": HTMLKvActionButtonTextElement; "kv-alert": HTMLKvAlertElement; "kv-badge": HTMLKvBadgeElement; "kv-breadcrumb": HTMLKvBreadcrumbElement; "kv-breadcrumb-item": HTMLKvBreadcrumbItemElement; "kv-breadcrumb-list": HTMLKvBreadcrumbListElement; "kv-calendar": HTMLKvCalendarElement; "kv-calendar-day": HTMLKvCalendarDayElement; "kv-checkbox": HTMLKvCheckboxElement; "kv-copy-to-clipboard": HTMLKvCopyToClipboardElement; "kv-date-time-input": HTMLKvDateTimeInputElement; "kv-description-list": HTMLKvDescriptionListElement; "kv-dirty-dot": HTMLKvDirtyDotElement; "kv-dropdown": HTMLKvDropdownElement; "kv-dropdown-base": HTMLKvDropdownBaseElement; "kv-error-state": HTMLKvErrorStateElement; "kv-error-state-404": HTMLKvErrorState404Element; "kv-es-kelvin-logo": HTMLKvEsKelvinLogoElement; "kv-es-kelvin-logotype": HTMLKvEsKelvinLogotypeElement; "kv-form-help-text": HTMLKvFormHelpTextElement; "kv-form-label": HTMLKvFormLabelElement; "kv-icon": HTMLKvIconElement; "kv-illustration": HTMLKvIllustrationElement; "kv-illustration-message": HTMLKvIllustrationMessageElement; "kv-import": HTMLKvImportElement; "kv-info-label": HTMLKvInfoLabelElement; "kv-inline-editable-field": HTMLKvInlineEditableFieldElement; "kv-input-wrapper": HTMLKvInputWrapperElement; "kv-link": HTMLKvLinkElement; "kv-loader": HTMLKvLoaderElement; "kv-modal": HTMLKvModalElement; "kv-multi-select-dropdown": HTMLKvMultiSelectDropdownElement; "kv-no-content-here": HTMLKvNoContentHereElement; "kv-no-data-available": HTMLKvNoDataAvailableElement; "kv-no-matching-results": HTMLKvNoMatchingResultsElement; "kv-no-results-found": HTMLKvNoResultsFoundElement; "kv-portal": HTMLKvPortalElement; "kv-radio": HTMLKvRadioElement; "kv-radio-list": HTMLKvRadioListElement; "kv-radio-list-item": HTMLKvRadioListItemElement; "kv-range": HTMLKvRangeElement; "kv-relative-time-picker": HTMLKvRelativeTimePickerElement; "kv-search": HTMLKvSearchElement; "kv-select": HTMLKvSelectElement; "kv-select-create-option": HTMLKvSelectCreateOptionElement; "kv-select-multi-options": HTMLKvSelectMultiOptionsElement; "kv-select-option": HTMLKvSelectOptionElement; "kv-select-shortcuts-label": HTMLKvSelectShortcutsLabelElement; "kv-single-select-dropdown": HTMLKvSingleSelectDropdownElement; "kv-state-indicator": HTMLKvStateIndicatorElement; "kv-step-bar": HTMLKvStepBarElement; "kv-step-indicator": HTMLKvStepIndicatorElement; "kv-step-progress-bar": HTMLKvStepProgressBarElement; "kv-switch-button": HTMLKvSwitchButtonElement; "kv-tab-item": HTMLKvTabItemElement; "kv-tab-navigation": HTMLKvTabNavigationElement; "kv-tag": HTMLKvTagElement; "kv-tag-status": HTMLKvTagStatusElement; "kv-take-actions": HTMLKvTakeActionsElement; "kv-text-area": HTMLKvTextAreaElement; "kv-text-field": HTMLKvTextFieldElement; "kv-time-picker": HTMLKvTimePickerElement; "kv-time-picker-select-option": HTMLKvTimePickerSelectOptionElement; "kv-toaster": HTMLKvToasterElement; "kv-toggle-button": HTMLKvToggleButtonElement; "kv-toggle-button-group": HTMLKvToggleButtonGroupElement; "kv-toggle-switch": HTMLKvToggleSwitchElement; "kv-toggle-tip": HTMLKvToggleTipElement; "kv-tooltip": HTMLKvTooltipElement; "kv-tooltip-text": HTMLKvTooltipTextElement; "kv-virtualized-list": HTMLKvVirtualizedListElement; "kv-wizard": HTMLKvWizardElement; "kv-wizard-footer": HTMLKvWizardFooterElement; "kv-wizard-header": HTMLKvWizardHeaderElement; } } declare namespace LocalJSX { interface KvAbsoluteTimePicker { /** * (optional) calendar maximum date to be navigated format: DD-MM-YYYY HH:mm:ss * @inheritdoc * @default CALENDAR_INPUT_MAX_DATE */ "calendarInputMaxDate"?: string; /** * (optional) calendar minimum date to be navigated format: DD-MM-YYYY HH:mm:ss * @inheritdoc * @default CALENDAR_INPUT_MIN_DATE */ "calendarInputMinDate"?: string; /** * (optional) Disabled dates * @inheritdoc * @default [] */ "disabledDates"?: string[]; /** * (optional) Enables the back button displayed on top * @inheritdoc * @default false */ "displayBackButton"?: boolean; /** * (optional) It is used to determine if the time picker as date time input error * @inheritdoc */ "error"?: EAbsoluteTimeError; /** * (optional) Title disaplayed on top of the component * @inheritdoc * @default DEFAULT_HEADER_TITLE */ "headerTitle"?: string; /** * (optional) Initial Date * @inheritdoc */ "initialDate"?: string; /** * (optional) Defines if the calendar is in single date or range mode * @inheritdoc * @default EAbsoluteTimePickerMode.Range */ "mode"?: EAbsoluteTimePickerMode; /** * Emitted when the back button is clicked * @inheritdoc */ "onBackButtonClicked"?: (event: KvAbsoluteTimePickerCustomEvent) => void; /** * Emitted when there is a change in the relative config * @inheritdoc */ "onRelativeTimeConfigChange"?: (event: KvAbsoluteTimePickerCustomEvent) => void; /** * Emitted when the input is clicked and it were displaying custom text * @inheritdoc */ "onRelativeTimeConfigReset"?: (event: KvAbsoluteTimePickerCustomEvent) => void; /** * Selected dates change * @inheritdoc */ "onSelectedDatesChange"?: (event: KvAbsoluteTimePickerCustomEvent) => void; /** * (optional) use to determine if the chart inputs have custom strings * @inheritdoc */ "relativeTimeConfig"?: IRelativeTimeInput; /** * (optional) Selected dates * @inheritdoc * @default [] */ "selectedDates"?: string[]; } interface KvAbsoluteTimePickerDropdown { /** * (optional) calendar maximum date to be navigated in timestamp * @inheritdoc */ "calendarInputMaxDate"?: number; /** * (optional) calendar minimum date to be navigated in timestamp * @inheritdoc */ "calendarInputMinDate"?: number; /** * (optional) If `true` the dropdown is disabled. Default: `false`. * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Disabled dates * @inheritdoc * @default [] */ "disabledDates"?: string[]; /** * (optional) If `true`the calendar dropdown is will be open. Default: `false` * @inheritdoc * @default false */ "dropdownOpen"?: boolean; /** * (optional) Dropdown positioning config * @inheritdoc * @default DEFAULT_TIME_RANGE_DROPDOWN_POSITION_OPTIONS */ "dropdownPositionOptions"?: Partial; /** * (optional) Title displayed on top of the component * @inheritdoc * @default '' */ "headerTitle"?: string; /** * (optional) Initial Date * @inheritdoc */ "initialDate"?: string; /** * (optional) dropdown input config * @inheritdoc * @default {} */ "inputConfig"?: Partial; /** * (optional) Defines if the calendar is in single date or range mode * @inheritdoc * @default EAbsoluteTimePickerMode.Single */ "mode"?: EAbsoluteTimePickerMode; /** * Cancel button clicked * @inheritdoc */ "onCancelClicked"?: (event: KvAbsoluteTimePickerDropdownCustomEvent>) => void; /** * Dropdown open state change * @inheritdoc */ "onDropdownStateChange"?: (event: KvAbsoluteTimePickerDropdownCustomEvent) => void; /** * Selected dates change * @inheritdoc */ "onSelectedDatesChange"?: (event: KvAbsoluteTimePickerDropdownCustomEvent<[number] | [number, number]>) => void; /** * (optional) Selected dates * @inheritdoc * @default [] */ "selectedDates"?: SelectedTimestamp; /** * (Optional) Timezone of the selected dates * @inheritdoc */ "timezone"?: ITimePickerTimezone; /** * (optional) Available Timezones * @inheritdoc * @default getDefaultTimezones() */ "timezones"?: ITimezoneOffset[]; /** * (optional) Positioning of the tooltip * @inheritdoc * @default ETooltipPosition.BottomStart */ "tooltipPosition"?: ETooltipPosition; } interface KvAbsoluteTimePickerDropdownInput { /** * (optional) Defines if the inputs for inserting the dates are disabled. * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Customizes the "from" date-time input (also used as the single input in single mode). Merged over the built-in defaults. * @inheritdoc */ "fromInputConfig"?: IAbsoluteTimeDateTimeInputConfig; /** * (optional) Initial date displayed on the calendars * @inheritdoc */ "initialDate"?: number; /** * (optional) Determines if the dropdown is open * @inheritdoc * @default false */ "isDropdownOpen"?: boolean; /** * (optional) calendar from input minimum date * @inheritdoc */ "minimumFromInputDate"?: number; /** * (optional) calendar single input minimum date * @inheritdoc */ "minimumSingleInputDate"?: number; /** * (optional) calendar to input minimum date * @inheritdoc */ "minimumToInputDate"?: number; /** * (optional) Mode of the input: single, range * @inheritdoc * @default EAbsoluteTimePickerMode.Range */ "mode"?: EAbsoluteTimePickerMode1; /** * (optional) Number of month calendars shown in the dropdown. Minimum 1, no upper limit. Default 2. * @inheritdoc * @default DEFAULT_NUMBER_OF_CALENDARS */ "numberOfCalendars"?: number; /** * Dropdown open state change * @inheritdoc */ "onDropdownStateChange"?: (event: KvAbsoluteTimePickerDropdownInputCustomEvent) => void; /** * Selected time change * @inheritdoc */ "onSelectedTimeChange"?: (event: KvAbsoluteTimePickerDropdownInputCustomEvent) => void; /** * (optional) Selected time in timestamp * @inheritdoc */ "selectedTime"?: SelectedTime | SelectedTimeState; /** * (optional) Timezone of the provided timestamp * @inheritdoc * @default getDefaultTimezoneSettings() */ "timezone"?: ITimePickerTimezone; /** * (optional) Customizes the "to" date-time input (range mode only). Merged over the built-in defaults. * @inheritdoc */ "toInputConfig"?: IAbsoluteTimeDateTimeInputConfig; } interface KvActionButton { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active"?: boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading"?: boolean; /** * Emitted when action button is blur * @inheritdoc */ "onBlurButton"?: (event: KvActionButtonCustomEvent) => void; /** * Emitted when action button is clicked * @inheritdoc */ "onClickButton"?: (event: KvActionButtonCustomEvent) => void; /** * Emitted when action button is focused * @inheritdoc */ "onFocusButton"?: (event: KvActionButtonCustomEvent) => void; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize; /** * (optional) Button's type * @inheritdoc */ "type"?: EActionButtonType; } interface KvActionButtonIcon { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active"?: boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (required) Button's icon symbol name * @inheritdoc */ "icon": EIconName; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading"?: boolean; /** * Emitted when action button is blur * @inheritdoc */ "onBlurButton"?: (event: KvActionButtonIconCustomEvent) => void; /** * Emitted when action button is clicked * @inheritdoc */ "onClickButton"?: (event: KvActionButtonIconCustomEvent) => void; /** * Emitted when action button is focused * @inheritdoc */ "onFocusButton"?: (event: KvActionButtonIconCustomEvent) => void; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Small */ "size"?: EComponentSize; /** * (required) Button's type * @inheritdoc */ "type": EActionButtonType; } interface KvActionButtonMagic { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active"?: boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Button's left icon symbol name * @inheritdoc */ "icon"?: EIconName; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading"?: boolean; /** * Emitted when action button is blur * @inheritdoc */ "onBlurButton"?: (event: KvActionButtonMagicCustomEvent) => void; /** * Emitted when action button is clicked * @inheritdoc */ "onClickButton"?: (event: KvActionButtonMagicCustomEvent) => void; /** * Emitted when action button is focused * @inheritdoc */ "onFocusButton"?: (event: KvActionButtonMagicCustomEvent) => void; /** * (optional) Button's right icon symbol name * @inheritdoc */ "rightIcon"?: EIconName; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize; /** * (optional) Button's text * @inheritdoc */ "text"?: string; /** * (optional) Button's type * @inheritdoc */ "type": EActionButtonType; } interface KvActionButtonSplit { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active"?: boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Button's left icon symbol name * @inheritdoc */ "icon"?: EIconName; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading"?: boolean; /** * Emitted when left button is blur * @inheritdoc */ "onBlurLeftButton"?: (event: KvActionButtonSplitCustomEvent) => void; /** * Emitted when right button is blur * @inheritdoc */ "onBlurRightButton"?: (event: KvActionButtonSplitCustomEvent) => void; /** * Emitted when left button is clicked * @inheritdoc */ "onClickLeftButton"?: (event: KvActionButtonSplitCustomEvent) => void; /** * Emitted when right button is clicked * @inheritdoc */ "onClickRightButton"?: (event: KvActionButtonSplitCustomEvent) => void; /** * Emitted when left button is focused * @inheritdoc */ "onFocusLeftButton"?: (event: KvActionButtonSplitCustomEvent) => void; /** * Emitted when right button is focused * @inheritdoc */ "onFocusRightButton"?: (event: KvActionButtonSplitCustomEvent) => void; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize; /** * (required) Right button icon symbol name * @inheritdoc */ "splitIcon": EIconName; /** * (required) (required) Button's text * @inheritdoc */ "text": string; /** * (optional) Button's type * @inheritdoc */ "type": EActionButtonType; } interface KvActionButtonText { /** * (optional) If `true` the button is active * @inheritdoc * @default false */ "active"?: boolean; /** * (optional) If `true` the button is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Button's left icon symbol name * @inheritdoc */ "icon"?: EIconName; /** * (optional) If `true` the button is of type loading * @inheritdoc * @default false */ "loading"?: boolean; /** * Emitted when action button is blur * @inheritdoc */ "onBlurButton"?: (event: KvActionButtonTextCustomEvent) => void; /** * Emitted when action button is clicked * @inheritdoc */ "onClickButton"?: (event: KvActionButtonTextCustomEvent) => void; /** * Emitted when action button is focused * @inheritdoc */ "onFocusButton"?: (event: KvActionButtonTextCustomEvent) => void; /** * (optional) Button's right icon symbol name * @inheritdoc */ "rightIcon"?: EIconName; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize; /** * (optional) Button's text * @inheritdoc */ "text"?: string; /** * (optional) Button's type * @inheritdoc */ "type": EActionButtonType; } interface KvAlert { /** * (optional) Defines if the close button should be shown, defaults to `false` * @inheritdoc * @default false */ "closable"?: boolean; /** * (optional) Defines the description text to show * @inheritdoc */ "description"?: string; /** * (required) Defines the label (title) text to show * @inheritdoc */ "label": string; /** * Emitted when the close button is clicked * @inheritdoc */ "onClickCloseButton"?: (event: KvAlertCustomEvent) => void; /** * (optional) Defines if the icon should be shown, defaults to `true` * @inheritdoc * @default true */ "showIcon"?: boolean; /** * (optional) Defines the size of the component, defaults to EComponentType.Large * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize1; /** * (required) Defines the type of alert to show, possible values are defined in `EAlertType` * @inheritdoc */ "type": EAlertType; } interface KvBadge { /** * (optional) If `true` the badge is in disabled state. * @default false */ "disabled"?: boolean; /** * (optional) Defines the badge type. * @default EBadgeType.Primary */ "type"?: EBadgeType; } interface KvBreadcrumb { /** * (required) List of breadcrumbs * @default [] */ "items"?: IBreadcrumbItem[]; /** * Emitted when the user clicks on the breadcrumb * @inheritdoc */ "onBreadcrumbItemClick"?: (event: KvBreadcrumbCustomEvent) => void; } interface KvBreadcrumbItem { /** * (optional) Sets this breadcrumb styling to be the active one (usually the last one) * @inheritdoc */ "active"?: boolean; /** * (optional) The text to display on the breadcrumb * @inheritdoc */ "label"?: string; /** * Emitted when the user clicks on the breadcrumb * @inheritdoc */ "onBreadcrumbItemClick"?: (event: KvBreadcrumbItemCustomEvent) => void; } interface KvBreadcrumbList { /** * Emitted when the user clicks on the breadcrumb * @inheritdoc */ "onBreadcrumbItemClick"?: (event: KvBreadcrumbListCustomEvent) => void; } interface KvCalendar { /** * (optional) Disables the hovering styling when the dates are being selected, and when start or end date is not defined * @inheritdoc * @default false */ "disableHoveringStyling"?: boolean; /** * (options) The disabled dates array * @inheritdoc * @default [] */ "disabledDates"?: string[]; /** * (optional) Enables the next month click icon * @inheritdoc * @default true */ "displayNextMonthArrow"?: boolean; /** * (optional) Enables the previous month click icon * @inheritdoc * @default true */ "displayPreviousMonthArrow"?: boolean; /** * (optional) Defines if a date is hovered * @inheritdoc */ "hoveredDate"?: string; /** * (optional) Initial date * @inheritdoc */ "initialDate"?: string; /** * (optional) Maximum accepted date. Format: YYYY-MM-DD * @inheritdoc */ "maxDate"?: string; /** * (optional) Minimum accepted date. Format: YYYY-MM-DD * @inheritdoc */ "minDate"?: string; /** * (optional) Defines if the calendar is in single date or range mode * @inheritdoc * @default EAbsoluteTimePickerMode.Range */ "mode"?: EAbsoluteTimePickerMode1; /** * Emitted when a month changes * @inheritdoc */ "onChangeMonth"?: (event: KvCalendarCustomEvent) => void; /** * Emitted when a year changes * @inheritdoc */ "onChangeYear"?: (event: KvCalendarCustomEvent) => void; /** * Emitted when a date is clicked * @inheritdoc */ "onClickDate"?: (event: KvCalendarCustomEvent) => void; /** * Emitted when the hovered date changes * @inheritdoc */ "onHoveredDateChange"?: (event: KvCalendarCustomEvent) => void; /** * (optional) The currently selected dates * @inheritdoc * @default [] */ "selectedDates"?: string[]; } interface KvCalendarDay { /** * (optional) If `true`, the day is with active * @inheritdoc * @default false */ "active"?: boolean; /** * (required) Calendar day * @inheritdoc */ "day": number; /** * (optional) If `true`, the day is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) If `true`, the day is in range from a start date to the current hovered day * @inheritdoc * @default false */ "inRange"?: boolean; /** * (optional) If `true`, the day is between to selected dates * @inheritdoc * @default false */ "isBetweenSelectedDates"?: boolean; /** * (optional) If `true` the day is the end of the range * @inheritdoc * @default false */ "isRangeEndDate"?: boolean; /** * (optional) If `true` the day is the start of the range * @inheritdoc * @default false */ "isRangeStartDate"?: boolean; /** * (optional) If `true`, the day is the day of `today`date * @inheritdoc * @default false */ "isToday"?: boolean; /** * Emitted when day button is clicked * @inheritdoc */ "onClickDay"?: (event: KvCalendarDayCustomEvent) => void; /** * Emitted when day button is mouse enter * @inheritdoc */ "onMouseEnterDay"?: (event: KvCalendarDayCustomEvent) => void; /** * Emitted when day button is mouse leave * @inheritdoc */ "onMouseLeaveDay"?: (event: KvCalendarDayCustomEvent) => void; } interface KvCheckbox { /** * (optional) If `true` the radio is with checked state. Default: false * @inheritdoc * @default false */ "checked"?: boolean; /** * (optional) If `true` the radio is with disabled state. Default: false * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) If `true` the checkbox is with indeterminate state. Default: false * @inheritdoc * @default false */ "indeterminate"?: boolean; /** * (optional) The label text for the radio. * @inheritdoc */ "label"?: string; /** * Emitted when the checkbox checked state changes * @inheritdoc */ "onClickCheckbox"?: (event: KvCheckboxCustomEvent) => void; /** * (optional) Sets this component item to a different styling configuration * @inheritdoc * @default EComponentSize.Small */ "size"?: EComponentSize1; } interface KvCopyToClipboard { /** * (required) The text to copy to the clipboard when clicking * @inheritdoc */ "copiableText"?: string; /** * (optional) Object with tooltip position options * @inheritdoc * @default DEFAULT_TOOLTIP_CONFIG */ "tooltipConfig"?: Partial; /** * (optional) Delay to show tooltip in milliseconds. * @inheritdoc * @default DEFAULT_TOOLTIP_DELAY */ "tooltipDelay"?: number; /** * (optional) The suffix to show on the `Copy` tooltip before copying * @inheritdoc */ "tooltipSuffix"?: string; } interface KvDateTimeInput { /** * (optional) Format of the provided date * @inheritdoc * @default DEFAULT_DATE_FORMAT */ "dateFormat"?: string; /** * (optional) Date time input disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Date time focus state * @inheritdoc * @default false */ "forcedFocus"?: boolean; /** * (optional) Date time input help text * @inheritdoc * @default [] */ "helpText"?: string | string[]; /** * (optional) Similar to forcedFocus but does not emmit events * @inheritdoc * @default false */ "highlighted"?: boolean; /** * (optional) Date time input name * @inheritdoc */ "inputName"?: string; /** * (optional) Specifies if the inputs should be joined together or separated * @inheritdoc * @default EDateTimeInputTypeStyle.Separated */ "inputStyleType"?: EDateTimeInputTypeStyle; /** * (optional) Date time input label * @inheritdoc */ "label"?: string; /** * (optional) Input left icon * @inheritdoc */ "leftIcon"?: EIconName1; /** * Emitted when date time lost focus * @inheritdoc */ "onDateTimeBlur"?: (event: KvDateTimeInputCustomEvent) => void; /** * Emitted when the input is foccused * @inheritdoc */ "onInputFocus"?: (event: KvDateTimeInputCustomEvent) => void; /** * Emitted when the right icon is clicked * @inheritdoc */ "onRightIconClick"?: (event: KvDateTimeInputCustomEvent) => void; /** * Emitted when a keyboard input occurred * @inheritdoc */ "onTextChange"?: (event: KvDateTimeInputCustomEvent) => void; /** * (optional) Date time place holder * @inheritdoc * @default DEFAULT_PLACEHOLDER */ "placeholder"?: string; /** * (optional) Date time input required * @inheritdoc * @default false */ "required"?: boolean; /** * (optional) Input right icon * @inheritdoc */ "rightIcon"?: EIconName1; /** * (optional) Sets this tab item to a different styling configuration * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize1; /** * (optional) Date time input state * @inheritdoc * @default EValidationState.None */ "state"?: EValidationState; /** * (optional) Use a input mask when the Date time type is a Datetime (default true) * @inheritdoc * @default false */ "useInputMask"?: boolean; /** * (optional) Date time value * @inheritdoc * @default '' */ "value"?: string | null; } interface KvDescriptionList { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) The config to use on the tooltip that shows hovering the text * @inheritdoc * @default DEFAULT_TEXT_TOOLTIP_CONFIG */ "descriptionTooltipConfig"?: Partial; /** * (optional) The config to use on the icon toggletip * @inheritdoc * @default DEFAULT_ICON_TOGGLETIP_CONFIG */ "iconToggletipConfig"?: IDescriptionListItemToggletipConfig; /** * (required) The array of items to display in the list * @inheritdoc */ "items": IDescriptionListItem[]; } interface KvDirtyDot { } interface KvDropdown { /** * (optional) A reference to the dropdown action element * @inheritdoc * @default null */ "actionElement"?: HTMLElement | null; /** * (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true * @inheritdoc * @default true */ "clickOutsideClose"?: boolean; /** * (optional) If `true` clicking on the action will not open the dropdown list. Default: false * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The text field options * @inheritdoc * @default {} */ "inputConfig"?: Partial; /** * (optional) If `true` the list is opened * @inheritdoc * @default false */ "isOpen"?: boolean; /** * (optional) A reference to the dropdown list element * @inheritdoc * @default null */ "listElement"?: HTMLElement | null; /** * Emitted when there's a click outside the dropdown's bondaries * @inheritdoc */ "onClickOutside"?: (event: KvDropdownCustomEvent) => void; /** * Emitted when the dropdown opens state changes * @inheritdoc */ "onOpenStateChange"?: (event: KvDropdownCustomEvent) => void; /** * (optional) The dropdown position config options * @inheritdoc */ "options"?: Partial; /** * (optional) the dropdown list z-index (default: 9004) * @inheritdoc * @default DEFAULT_DROPDOWN_Z_INDEX */ "zIndex"?: number; } interface KvDropdownBase { /** * (optional) A reference to the dropdown action element * @inheritdoc * @default null */ "actionElement"?: HTMLElement; /** * (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true * @inheritdoc * @default true */ "clickOutsideClose"?: boolean; /** * (optional) If `true` the list is opened * @inheritdoc * @default false */ "isOpen"?: boolean; /** * (optional) A reference to the dropdown list element * @inheritdoc * @default null */ "listElement"?: HTMLElement; /** * Emitted when there's a click outside the dropdown's bondaries * @inheritdoc */ "onClickOutside"?: (event: KvDropdownBaseCustomEvent) => void; /** * Emitted when the dropdown opens state changes * @inheritdoc */ "onOpenStateChange"?: (event: KvDropdownBaseCustomEvent) => void; /** * (optional) The dropdown position config options * @inheritdoc * @default DEFAULT_POSITION_CONFIG */ "options"?: Partial; /** * (optional) the dropdown list z-index (default: 9004) * @inheritdoc * @default DEFAULT_DROPDOWN_Z_INDEX */ "zIndex"?: number; } interface KvErrorState { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvErrorState404 { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvEsKelvinLogo { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvEsKelvinLogotype { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvFormHelpText { /** * (optional) Form field help text * @default [] */ "helpText"?: string | string[]; /** * (optional) Show icon. Default: false * @default false */ "showIcon"?: boolean; /** * (optional) Form field state * @default EValidationState.None */ "state"?: EValidationState1; } interface KvFormLabel { /** * (required) Form field label */ "label": string; /** * (optional) Form field required */ "required"?: boolean; } interface KvIcon { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) Icon custom color * @default '' */ "customColor"?: string; /** * (required) Icon symbol name */ "name": EIconName; } interface KvIllustration { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (required) Illustration symbol name */ "name": EIllustrationName; } interface KvIllustrationMessage { /** * (optional) The message description to be displayed below the title. * @inheritdoc */ "description"?: string; /** * (required) The message header to be displayed below the illustration. * @inheritdoc */ "header"?: string; /** * (required) The illustration that will be presented. * @inheritdoc */ "illustration"?: EIllustrationName1; } interface KvImport { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvInfoLabel { /** * (optional) Info label copy value */ "copyValue"?: string; /** * (optional) Info label description */ "description"?: string; /** * (optional) Info label description collapse text * @default DEFAULT_DESCRIPTION_COLLAPSED_TEXT */ "descriptionCollapsedText"?: string; /** * (optional) Info label description height */ "descriptionHeight"?: number; /** * (optional) Info label description opened text * @default DEFAULT_DESCRIPTION_OPENED_TEXT */ "descriptionOpenedText"?: string; /** * (optional) Info label title */ "labelTitle"?: string; /** * (optional) Show text with a shadow * @default false */ "showTextShadow"?: boolean; } interface KvInlineEditableField { /** * Indicates whether the editable field is disabled. */ "disabled"?: boolean; /** * The maximum length of the editable field. * @default DEFAULT_MAX_LENGTH */ "maxLength"?: number; /** * Emitted when the content is blurred. */ "onContentBlured"?: (event: KvInlineEditableFieldCustomEvent) => void; /** * Emitted when the content is edited. */ "onContentEdited"?: (event: KvInlineEditableFieldCustomEvent) => void; /** * Emitted when the content is focused. */ "onContentFocused"?: (event: KvInlineEditableFieldCustomEvent) => void; /** * Text displayed when the field has no value. Visible only when the slot is empty and the field is not in edit mode. Empty saves are not allowed: clearing all content and confirming reverts to the previous value. */ "placeholder"?: string; /** * The value of the field. */ "value"?: string; } interface KvInputWrapper { /** * Defines if the content can be seen * @inheritdoc * @default false */ "contentHidden"?: boolean; /** * Defines the state of the component * @inheritdoc */ "contentVisible": boolean; /** * Icon that is displayed when the component is hovered and is in default state * @inheritdoc * @default EIconName.Edit */ "icon"?: EIconName; /** * Label that is shown when the component is in Default state * @inheritdoc */ "label"?: string; /** * Event emitted when the component is clicked to display the wrapped content * @inheritdoc */ "onContentClick"?: (event: KvInputWrapperCustomEvent) => void; } interface KvLink { /** * (optional) Defines if the link are disabled. Default: false * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The anchor's link to open when clicking * @inheritdoc */ "href"?: string; /** * (optional) Whether the link is displayed inline. Default: false * @inheritdoc * @default false */ "inline"?: boolean; /** * (required) Main component label * @inheritdoc */ "label": string; /** * (optional) The name of the icon to be rendered on the left side of the label * @inheritdoc */ "leftIcon"?: EIconName1; /** * Emitted when clicking the label */ "onLabelClick"?: (event: KvLinkCustomEvent) => void; /** * (optional) The name of the icon to be rendered on the right side of the label * @inheritdoc */ "rightIcon"?: EIconName1; /** * (optional) Description for the label * @inheritdoc */ "subtitle"?: string; /** * (optional) The anchor's target * @inheritdoc */ "target"?: EAnchorTarget; } interface KvLoader { /** * (optional) If `true` the loader is overlay * @default false */ "hasOverlay"?: boolean; /** * (optional) If `true` the loader is enabled * @default false */ "isLoading"?: boolean; } interface KvModal { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) Defines the modal title label * @inheritdoc */ "headerTitle"?: string; /** * Emitted when the close button is clicked * @inheritdoc */ "onClickClose"?: (event: KvModalCustomEvent) => void; /** * Emitted when the overlay container is clicked * @inheritdoc */ "onClickOverlay"?: (event: KvModalCustomEvent) => void; /** * Emitted when the escape key is pressed * @inheritdoc */ "onEscapeKeyPressed"?: (event: KvModalCustomEvent) => void; /** * (optional) Defines if the modal shows the close button * @inheritdoc * @default true */ "showCloseButton"?: boolean; /** * (optional) Defines if the modal has an overlay background * @inheritdoc * @default true */ "showOverlay"?: boolean; } interface KvMultiSelectDropdown { /** * (optional) A reference to the dropdown action element * @inheritdoc * @default null */ "actionElement"?: HTMLElement | null; /** * (optional) If `false` the search text field is not auto-focused. Default `true`. * @inheritdoc * @default true */ "autoFocus"?: boolean; /** * (optional) Text to display inside a badge on the right side of the displayed value * @inheritdoc */ "badge"?: string; /** * (optional) The clear selection action text * @inheritdoc */ "clearSelectionLabel"?: string; /** * (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true * @inheritdoc * @default true */ "clickOutsideClose"?: boolean; /** * (optional) If `true` a selection counter is displayed * @inheritdoc * @default true */ "counter"?: boolean; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) If `true` the dropdown is disabled * @inheritdoc */ "disabled"?: boolean; /** * (optional) The text to display as a prefix to `displayValue` * @inheritdoc */ "displayPrefix"?: string; /** * (optional) The text to display on the dropdown * @inheritdoc */ "displayValue"?: string; /** * (optional) The dropdown position config options * @inheritdoc */ "dropdownOptions"?: Partial; /** * (required) The error state for the dropdown * @inheritdoc */ "errorState"?: EValidationState; /** * (optional) Externally filtered dropdown options. When defined, these override the default local search results. * @inheritdoc */ "filteredOptions"?: ISelectMultiOptions; /** * (optional) The text to display as help text * @inheritdoc * @default [] */ "helpText"?: string | string[]; /** * (optional) If `true` the badge is not displayed * @inheritdoc * @default false */ "hideBadge"?: boolean; /** * (optional) The icon to display on the dropdown * @inheritdoc */ "icon"?: EIconName; /** * (optional) The text field options * @inheritdoc */ "inputConfig"?: Partial; /** * (optional) The size of the input * @inheritdoc * @default EComponentSize.Large */ "inputSize"?: EComponentSize1; /** * (optional) The text to display on the dropdown label * @inheritdoc */ "label"?: string; /** * (optional) If `true` the dropdown is loading * @inheritdoc * @default false */ "loading"?: boolean; /** * (optional) The dropdown's max-height * @inheritdoc */ "maxHeight"?: string; /** * (optional) Maximum number of items that can be selected * @inheritdoc */ "maxSelectable"?: number; /** * (optional) The dropdown's max-width * @inheritdoc */ "maxWidth"?: string; /** * (optional) The dropdown's min-height * @inheritdoc */ "minHeight"?: string; /** * (optional) The minimum amount of options required to display the search. Defaults to `15`. * @inheritdoc * @default MINIMUM_SEARCHABLE_OPTIONS */ "minSearchOptions"?: number; /** * (optional) The dropdown's min-width * @inheritdoc */ "minWidth"?: string; /** * (optional) The configuration for the "no data available" empty state illustration * @inheritdoc */ "noDataAvailableConfig"?: IIllustrationMessage; /** * (optional) The configuration for the "no results found" empty state illustration * @inheritdoc */ "noResultsFoundConfig"?: IIllustrationMessage; /** * Emitted when the user clears the selected items * @inheritdoc */ "onClearSelection"?: (event: KvMultiSelectDropdownCustomEvent) => void; /** * Emitted when there's a click outside the dropdown's bondaries * @inheritdoc */ "onClickOutside"?: (event: KvMultiSelectDropdownCustomEvent) => void; /** * Emitted when the 'esc' key is pressed * @inheritdoc */ "onDismiss"?: (event: KvMultiSelectDropdownCustomEvent) => void; /** * Emitted when the dropdown open state changes * @inheritdoc */ "onOpenStateChange"?: (event: KvMultiSelectDropdownCustomEvent) => void; /** * Emitted when the selected options change * @inheritdoc */ "onOptionsSelected"?: (event: KvMultiSelectDropdownCustomEvent>) => void; /** * Emitted when the user interacts with the search text field * @inheritdoc */ "onSearchChange"?: (event: KvMultiSelectDropdownCustomEvent) => void; /** * Emitted when the user clicks on the all items * @inheritdoc */ "onSelectAll"?: (event: KvMultiSelectDropdownCustomEvent) => void; /** * (optional) The object with the dropdown options * @inheritdoc * @default {} */ "options"?: ISelectMultiOptions; /** * (required) The text to display as the dropdown placeholder * @inheritdoc */ "placeholder"?: string; /** * (optional) If `true` a contiguous range can be selected by shift-clicking or by holding shift while navigating. Default `true` * @inheritdoc * @default true */ "rangeSelection"?: boolean; /** * (optional) If `true` dropdown requires a value to be selected * @inheritdoc */ "required"?: boolean; /** * (optional) The debounce, in milliseconds, applied to the search value before the options are filtered locally. Set to `0` to filter on every keystroke. Defaults to `300`. * @inheritdoc * @default DEFAULT_SEARCH_DEBOUNCE_IN_MS */ "searchDebounce"?: number; /** * (optional) The list search text field placeholder * @inheritdoc */ "searchPlaceholder"?: string; /** * (optional) If `false` the dropdown is not searchable. Default `true` * @inheritdoc * @default true */ "searchable"?: boolean; /** * (optional) The selection all action text * @inheritdoc */ "selectAllLabel"?: string; /** * (optional) The object with indexed by the dropdown labels and its selected value * @inheritdoc * @default {} */ "selectedOptions"?: Record; /** * (optional) If `true` the list has an action to select all items * @inheritdoc * @default true */ "selectionAll"?: boolean; /** * (optional) If `true` dropdown items can be cleared * @inheritdoc * @default true */ "selectionClearable"?: boolean; /** * (optional) If `true` the keyboard shortcuts can be used to navigate between the dropdown results. Default `false` * @inheritdoc * @default false */ "shortcuts"?: boolean; /** * @inheritdoc * @default false */ "showShortcuts"?: boolean; /** * (optional) the dropdown list z-index (default: 9004) * @inheritdoc * @default DEFAULT_DROPDOWN_Z_INDEX */ "zIndex"?: number; } interface KvNoContentHere { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvNoDataAvailable { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvNoMatchingResults { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvNoResultsFound { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvPortal { /** * (optional) if true portal content will gradually appear (default false) * @inheritdoc * @default false */ "animated"?: boolean; /** * (optional) enable position auto update (default true) * @inheritdoc * @default true */ "autoUpdate"?: boolean; /** * (optional) Delay to show portal in milliseconds. (default 0) * @inheritdoc * @default 0 */ "delay"?: number; /** * Emitted when the element it's appended to the DOM * @inheritdoc */ "onElementAppend"?: (event: KvPortalCustomEvent) => void; /** * (optional) options used to compute the portal position * @inheritdoc */ "options"?: ComputePositionConfig; /** * (required) The portal id * @inheritdoc * @default 'kv-portal' */ "portalId"?: string; /** * (required) The reference element * @inheritdoc */ "reference"?: HTMLElement; /** * (optional) toggles portal visibility * @inheritdoc * @default false */ "show"?: boolean; /** * (optional) if true it will render an arrow pointing to the opening element (default false) * @inheritdoc * @default false */ "withArrow"?: boolean; /** * (optional) the portal z-index (default: 9004) * @inheritdoc * @default PORTAL_Z_INDEX.show */ "zIndex"?: number; } interface KvRadio { /** * (optional) If `true` the radio is with checked state. Default: false * @inheritdoc * @default false */ "checked"?: boolean; /** * (optional) If `true` the radio is with disabled state. Default: false * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The label text for the radio. * @inheritdoc * @default '' */ "label"?: string; /** * Emitted when the radio checked state changes * @inheritdoc */ "onCheckedChange"?: (event: KvRadioCustomEvent) => void; /** * (optional) Sets this component item to a different styling configuration * @inheritdoc * @default EComponentSize.Small */ "size"?: EComponentSize1; } interface KvRadioList { /** * (optional) The options to show up as disabled * @inheritdoc */ "disabledOptions"?: Record; /** * (optional) Form field label * @inheritdoc */ "label"?: string; /** * Emits when an option is selected * @inheritdoc */ "onOptionSelected"?: (event: KvRadioListCustomEvent) => void; /** * (required) The configuration for the buttons to render * @inheritdoc */ "options": IRadioListItem[]; /** * (optional) Form field required * @inheritdoc * @default false */ "required"?: boolean; /** * (optional) The desired selected option * @inheritdoc */ "selectedOption"?: string | number; } interface KvRadioListItem { /** * (optional) Defines if this option is checked * @inheritdoc * @default false */ "checked"?: boolean; /** * (optional) The description that can contain links in the [text](url) format * @inheritdoc */ "description"?: string; /** * (optional) Defines if this option is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (required) The label to display * @inheritdoc */ "label"?: string; /** * Emits when this option is clicked * @inheritdoc */ "onOptionClick"?: (event: KvRadioListItemCustomEvent) => void; /** * (required) The unique id that serves as a key for this item * @inheritdoc */ "optionId": string | number; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize1; } interface KvRange { /** * (optional) Range input disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Hide value label * @inheritdoc * @default false */ "hideLabel"?: boolean; /** * (optional) Hide min and max labels * @inheritdoc * @default false */ "hideMinMaxLabel"?: boolean; /** * (required) Range maximum value * @inheritdoc */ "max"?: number; /** * (optional) Max label * @inheritdoc */ "maxLabel"?: string; /** * (required) Range minimum value * @inheritdoc */ "min"?: number; /** * (optional) Min label * @inheritdoc */ "minLabel"?: string; /** * Emitted when the value changes * @inheritdoc */ "onValueChange"?: (event: KvRangeCustomEvent) => void; /** * (optional) Range value step * @inheritdoc * @default 1 */ "step"?: number; /** * (optional) Range value * @inheritdoc * @default 0 */ "value"?: number; /** * (optional) Range value formatter * @inheritdoc * @default identity */ "valueFormatter"?: (value: number) => string; } interface KvRelativeTimePicker { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) Defines if the customize interval select option is available * @inheritdoc * @default true */ "customIntervalOptionEnabled"?: boolean; /** * (optional) Lets the timezone visible but doens't let the user change it * @inheritdoc * @default false */ "disableTimezoneSelection"?: boolean; /** * Emitted when customize interval is clicked * @inheritdoc */ "onCustomizeIntervalClicked"?: (event: KvRelativeTimePickerCustomEvent) => void; /** * Emitted when the user clicks a relative time option. Unlike `selectedRelativeTimeChange`, this fires only on a real click — never from the periodic range refresh — and fires even when the clicked option is already selected * @inheritdoc */ "onRelativeTimeOptionClicked"?: (event: KvRelativeTimePickerCustomEvent) => void; /** * Emitted when the selected time key changes * @inheritdoc */ "onSelectedRelativeTimeChange"?: (event: KvRelativeTimePickerCustomEvent) => void; /** * Emitted when selected timezone changes * @inheritdoc */ "onTimezoneChange"?: (event: KvRelativeTimePickerCustomEvent) => void; /** * Emitted when the timezone dropdown open state changes * @inheritdoc */ "onTimezoneDropdownStateChange"?: (event: KvRelativeTimePickerCustomEvent) => void; /** * Emitted when the input wrapper containing the timezone is clicked * @inheritdoc */ "onTimezoneInputClicked"?: (event: KvRelativeTimePickerCustomEvent) => void; /** * (optional) Selectable relative time options * @inheritdoc * @default DEFAULT_RELATIVE_TIME_OPTIONS_GROUPS */ "options"?: IRelativeTimePickerOption[][]; /** * (optional) Selected time range key * @inheritdoc */ "selectedTimeKey"?: string; /** * (optional) Currently selected timezone name * @inheritdoc */ "selectedTimezone"?: string; /** * (optional) Determines if the input wrapper content containing the timezone is visible if true, the dropdown will be visible; if false, the content will display the timezone title * @inheritdoc * @default false */ "timezoneContentVisible"?: boolean; /** * (optional) Defines if the timezone select option is available * @inheritdoc * @default true */ "timezoneSelectionEnabled"?: boolean; /** * (optional) List of all selectable timezones * @inheritdoc * @default getDefaultTimezones() */ "timezones"?: ITimezoneOffset1[]; } interface KvSearch { /** * (optional) Text field example values * @inheritdoc */ "examples"?: string[]; /** * (optional) Text field focus state * @inheritdoc * @default false */ "forcedFocus"?: boolean; /** * (optional) Text field help text * @inheritdoc * @default [] */ "helpText"?: string | string[]; /** * (optional) Text field disabled * @inheritdoc * @default false */ "inputDisabled"?: boolean; /** * (optional) Input mask regex * @inheritdoc * @default '' */ "inputMaskRegex"?: string; /** * (optional) Text field input name * @inheritdoc */ "inputName"?: string; /** * (optional) Text field is readonly * @inheritdoc * @default false */ "inputReadonly"?: boolean; /** * (optional) Text field required * @inheritdoc * @default false */ "inputRequired"?: boolean; /** * (optional) Text field label * @inheritdoc */ "label"?: string; /** * (optional) Text field loading state * @inheritdoc * @default false */ "loading"?: boolean; /** * (optional) Text field maximum value * @inheritdoc */ "max"?: string | number; /** * (optional) Text field maximum number of characters required * @inheritdoc */ "maxLength"?: number; /** * (optional) Text field minimum value * @inheritdoc */ "min"?: string | number; /** * (optional) Text field minimum number of characters required * @inheritdoc */ "minLength"?: number; /** * Emitted when the reset button is clicked * @inheritdoc */ "onClickResetButton"?: (event: KvSearchCustomEvent) => void; /** * Emmited when there's a click on this element * @inheritdoc */ "onFieldClick"?: (event: KvSearchCustomEvent) => void; /** * Emitted when the right icon is clicked * @inheritdoc */ "onRightActionClick"?: (event: KvSearchCustomEvent) => void; /** * Emitted when a keyboard input occurred * @inheritdoc */ "onTextChange"?: (event: KvSearchCustomEvent) => void; /** * Emitted when text field lost focus * @inheritdoc */ "onTextFieldBlur"?: (event: KvSearchCustomEvent) => void; /** * Emitted when text field gained focus * @inheritdoc */ "onTextFieldFocus"?: (event: KvSearchCustomEvent) => void; /** * (optional) Text field place holder * @inheritdoc * @default 'Search' */ "placeholder"?: string; /** * (optional) Sets this tab item to a different styling configuration * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize1; /** * (optional) Text field state * @inheritdoc * @default EValidationState.None */ "state"?: EValidationState; /** * (optional) Text field interval between legal numbers * @inheritdoc */ "step"?: string | number; /** * (optional) Text field tooltip configuration * @inheritdoc */ "tooltipConfig"?: Partial; /** * (optional) Text field type * @inheritdoc * @default EInputFieldType.Text */ "type"?: EInputFieldType; /** * (optional) Use a input mask when the text field type is number (default true) * @inheritdoc * @default false */ "useInputMask"?: boolean; /** * (optional) Text field value * @inheritdoc * @default '' */ "value"?: string | number | null; } interface KvSelect { /** * (optional) The clear search action text * @inheritdoc * @default CLEAR_SELECTION_LABEL */ "clearSelectionLabel"?: string; /** * (optional) If `true` the header label section is forced to be visible * @inheritdoc * @default false */ "hasLabelContent"?: boolean; /** * (optional) The dropdown's max-height * @inheritdoc */ "maxHeight"?: string; /** * (optional) The dropdown's max-width * @inheritdoc */ "maxWidth"?: string; /** * (optional) The dropdown's min-height * @inheritdoc */ "minHeight"?: string; /** * (optional) The dropdown's min-width * @inheritdoc */ "minWidth"?: string; /** * Emitted when the user clears the selected items * @inheritdoc */ "onClearSelection"?: (event: KvSelectCustomEvent) => void; /** * Emitted when the user interacts with the search text field * @inheritdoc */ "onSearchChange"?: (event: KvSelectCustomEvent) => void; /** * Emitted when the user clicks on the all items * @inheritdoc */ "onSelectAll"?: (event: KvSelectCustomEvent) => void; /** * (optional) The list search text field placeholder * @inheritdoc */ "searchPlaceholder"?: string; /** * (optional) The search value on the list * @inheritdoc */ "searchValue"?: string; /** * (optional) If `true` the list has a search text field * @inheritdoc * @default false */ "searchable"?: boolean; /** * (optional) The selection all action text * @inheritdoc * @default SELECT_ALL_LABEL */ "selectAllLabel"?: string; /** * (optional) If `true` the list has an action to select all items * @inheritdoc * @default false */ "selectionAll"?: boolean; /** * (optional) If `true` the selection action is enabled * @inheritdoc */ "selectionAllEnabled"?: boolean; /** * (optional) If `true` the list can be cleared * @inheritdoc */ "selectionClearEnabled"?: boolean; /** * (optional) If `true` the list has an action to unselect all items * @inheritdoc * @default false */ "selectionClearable"?: boolean; } interface KvSelectCreateOption { /** * (optional) If `true` the input and actions will be disabled. Default: `false`. * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The text field custom config. * @inheritdoc * @default {} */ "inputConfig"?: Partial; /** * Emitted when the cancel button is pressed * @inheritdoc */ "onClickCancel"?: (event: KvSelectCreateOptionCustomEvent) => void; /** * Emitted when the create button is pressed * @inheritdoc */ "onClickCreate"?: (event: KvSelectCreateOptionCustomEvent) => void; /** * Emitted when the value changes * @inheritdoc */ "onValueChanged"?: (event: KvSelectCreateOptionCustomEvent) => void; /** * (optional) The input and actions size. Default: `small´ * @inheritdoc * @default EComponentSize.Small */ "size"?: EComponentSize1; /** * (optional) The new option value. * @inheritdoc * @default '' */ "value"?: string; } interface KvSelectMultiOptions { /** * (optional) If `true` an add option will appear at the bottom of options list. Default: `false` * @inheritdoc * @default false */ "canAddItems"?: boolean; /** * (optional) The clear selection action text * @inheritdoc */ "clearSelectionLabel"?: string; /** * (optional) If `true` a selection counter is displayed * @inheritdoc */ "counter"?: boolean; /** * (optional) The create form input placeholder * @inheritdoc */ "createInputPlaceholder"?: string; /** * (optional) The create new option placeholder. Default: `Add a new option` * @inheritdoc * @default DEFAULT_ADD_OPTION_PLACEHOLDER */ "createOptionPlaceholder"?: string; /** * (optional) Externally filtered dropdown options. When defined, these override the default local search results. * @inheritdoc */ "filteredOptions"?: ISelectMultiOptions; /** * (optional) The dropdown's max-height * @inheritdoc */ "maxHeight"?: string; /** * (optional) Maximum number of items that can be selected * @inheritdoc */ "maxSelectable"?: number; /** * (optional) The dropdown's max-width * @inheritdoc */ "maxWidth"?: string; /** * (optional) The dropdown's min-height * @inheritdoc */ "minHeight"?: string; /** * (optional) The minimum amount of options required to display the search. Defaults to `15`. * @inheritdoc * @default MINIMUM_SEARCHABLE_OPTIONS */ "minSearchOptions"?: number; /** * (optional) The dropdown's min-width * @inheritdoc */ "minWidth"?: string; /** * (optional) The configuration for the "no data available" empty state illustration * @inheritdoc * @default DEFAULT_NO_DATA_AVAILABLE_ILLUSTRATION_CONFIG */ "noDataAvailableConfig"?: IIllustrationMessage1; /** * (optional) The configuration for the "no results found" empty state illustration * @inheritdoc * @default DEFAULT_NO_RESULTS_FOUND_ILLUSTRATION_CONFIG */ "noResultsFoundConfig"?: IIllustrationMessage1; /** * Emitted when the user clears the selected items * @inheritdoc */ "onClearSelection"?: (event: KvSelectMultiOptionsCustomEvent) => void; /** * Emitted when the 'esc' key is pressed * @inheritdoc */ "onDismiss"?: (event: KvSelectMultiOptionsCustomEvent) => void; /** * Emitted when a new option is created * @inheritdoc */ "onOptionCreated"?: (event: KvSelectMultiOptionsCustomEvent) => void; /** * Emitted when an option is selected * @inheritdoc */ "onOptionSelected"?: (event: KvSelectMultiOptionsCustomEvent) => void; /** * Emitted when the selected options change * @inheritdoc */ "onOptionsSelected"?: (event: KvSelectMultiOptionsCustomEvent>) => void; /** * Emitted when the user interacts with the search text field * @inheritdoc */ "onSearchChange"?: (event: KvSelectMultiOptionsCustomEvent) => void; /** * Emitted when the user clicks on the all items * @inheritdoc */ "onSelectAll"?: (event: KvSelectMultiOptionsCustomEvent) => void; /** * (optional) The object with the dropdown options * @inheritdoc * @default {} */ "options"?: ISelectMultiOptions; /** * (optional) If `true` a contiguous range can be selected by shift-clicking or by holding shift while navigating. Default `true` * @inheritdoc * @default true */ "rangeSelection"?: boolean; /** * (optional) The debounce, in milliseconds, applied to the search value before the options are filtered locally. Set to `0` to filter on every keystroke. Defaults to `300`. * @inheritdoc * @default DEFAULT_SEARCH_DEBOUNCE_IN_MS */ "searchDebounce"?: number; /** * (optional) The list search text field placeholder * @inheritdoc */ "searchPlaceholder"?: string; /** * (optional) The search value to display * @inheritdoc */ "searchValue"?: string; /** * (optional) If `false` the dropdown is not searchable. Default `true` * @inheritdoc * @default true */ "searchable"?: boolean; /** * (optional) The selection all action text * @inheritdoc */ "selectAllLabel"?: string; /** * (optional) The object with indexed by the dropdown labels and its selected value * @inheritdoc * @default {} */ "selectedOptions"?: Record; /** * (optional) If `true` the list has an action to select all items * @inheritdoc */ "selectionAll"?: boolean; /** * (optional) If `true` dropdown items can be cleared * @inheritdoc */ "selectionClearable"?: boolean; /** * (optional) If `true` the keyboard shortcuts can be used to navigate between the dropdown results. Default `false` * @inheritdoc * @default false */ "shortcuts"?: boolean; /** * @inheritdoc * @default false */ "showShortcuts"?: boolean; } interface KvSelectOption { /** * (optional) Action to display on the right side of the item * @inheritdoc */ "action"?: ISelectOptionAction; /** * (optional) Custom attributes to be applied to the option container element * @inheritdoc * @default {} */ "customAttributes"?: Record; /** * (optional) Custom class to apply for custom styling. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) Additional style to apply for custom CSS. * @inheritdoc */ "customStyle"?: HostAttributes['style']; /** * (optional) Description of the item displayed on the right * @inheritdoc */ "description"?: string; /** * (optional) If `true` the item is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) If `true` the item is presented as a list heading. Default: `false` * @inheritdoc * @default false */ "heading"?: boolean; /** * (optional) If `true` the item is highlighted * @inheritdoc * @default false */ "highlighted"?: boolean; /** * (optional) Icon of the item displayed on the left * @inheritdoc */ "icon"?: EIconName; /** * (optional) Tooltip text to be displayed on icon hover * @inheritdoc */ "iconTooltipText"?: string; /** * (optional) If true, a dirty dot indicator will be added to left side of the option's text. * @inheritdoc * @default false */ "isDirty"?: boolean; /** * (required) The text to display on the item * @inheritdoc */ "label": string; /** * (optional) The level depth at which the option is rendered * @inheritdoc * @default 0 */ "level"?: number; /** * Emitted when the user clicks on the item * @inheritdoc */ "onItemSelected"?: (event: KvSelectOptionCustomEvent) => void; /** * (optional) Icon of the item displayed on the right * @inheritdoc */ "rightIcon"?: EIconName; /** * (optional) Tooltip text to be displayed on right icon hover * @inheritdoc */ "rightIconTooltipText"?: string; /** * (optional) If `false` the item is only for presenting and cannot be selected. * @inheritdoc * @default true */ "selectable"?: boolean; /** * (optional) If `true` the item is selected * @inheritdoc * @default false */ "selected"?: boolean; /** * (optional) The toggle button state * @inheritdoc */ "state"?: EToggleState; /** * (optional) If `true` the item is togglable * @inheritdoc * @default false */ "togglable"?: boolean; /** * (required) The item value * @inheritdoc */ "value": string; } interface KvSelectShortcutsLabel { /** * (optional) If `true` the range selection shortcut hint is displayed. Default `false` * @default false */ "rangeSelection"?: boolean; } interface KvSingleSelectDropdown { /** * (optional) A reference to the dropdown action element * @inheritdoc * @default null */ "actionElement"?: HTMLElement | null; /** * (optional) If `false` the search text field is not auto-focused. Default `true`. * @inheritdoc * @default true */ "autoFocus"?: boolean; /** * (optional) Text to display inside a badge on the right side of the displayed value * @inheritdoc */ "badge"?: string; /** * (optional) If `true` an add option will appear at the bottom of options list. Default: `false` * @inheritdoc * @default false */ "canAddItems"?: boolean; /** * (optional) The clear selection action text * @inheritdoc * @default SINGLE_SELECT_CLEAR_SELECTION_LABEL */ "clearSelectionLabel"?: string; /** * (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true * @inheritdoc * @default true */ "clickOutsideClose"?: boolean; /** * (optional) If `true` a selection counter is displayed * @inheritdoc */ "counter"?: boolean; /** * (optional) The create form input placeholder * @inheritdoc */ "createInputPlaceholder"?: string; /** * (optional) The create new option placeholder. Default: `Add a new option` * @inheritdoc */ "createOptionPlaceholder"?: string; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) If `true` the dropdown is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The text to display as a prefix to `displayValue` * @inheritdoc */ "displayPrefix"?: string; /** * (optional) The text to display on the dropdown * @inheritdoc */ "displayValue"?: string; /** * (optional) The dropdown position config options * @inheritdoc */ "dropdownOptions"?: Partial; /** * (required) The error state for the dropdown * @inheritdoc * @default EValidationState.None */ "errorState"?: EValidationState; /** * (optional) Externally filtered dropdown options. When defined, these override the default local search results. * @inheritdoc */ "filteredOptions"?: ISelectSingleOptions; /** * (optional) The text to display as help text * @inheritdoc * @default [] */ "helpText"?: string | string[]; /** * (optional) The icon to display on the dropdown * @inheritdoc */ "icon"?: EIconName; /** * (optional) The text field options * @inheritdoc */ "inputConfig"?: Partial; /** * (optional) The size of the input * @inheritdoc * @default EComponentSize.Large */ "inputSize"?: EComponentSize1; /** * (optional) If `true` the dropdown is opened * @inheritdoc * @default false */ "isOpen"?: boolean; /** * (optional) The text to display on the dropdown label * @inheritdoc */ "label"?: string; /** * (optional) If `true` the dropdown is loading * @inheritdoc * @default false */ "loading"?: boolean; /** * (optional) The dropdown's max-height * @inheritdoc */ "maxHeight"?: string; /** * (optional) The dropdown's max-width * @inheritdoc */ "maxWidth"?: string; /** * (optional) The dropdown's min-height * @inheritdoc */ "minHeight"?: string; /** * (optional) The minimum amount of options required to display the search. Defaults to `15`. * @inheritdoc * @default MINIMUM_SEARCHABLE_OPTIONS */ "minSearchOptions"?: number; /** * (optional) The dropdown's min-width * @inheritdoc */ "minWidth"?: string; /** * (optional) The configuration for the "no data available" empty state illustration * @inheritdoc */ "noDataAvailableConfig"?: IIllustrationMessage; /** * (optional) The configuration for the "no results found" empty state illustration * @inheritdoc */ "noResultsFoundConfig"?: IIllustrationMessage; /** * Emitted when the user clears the selected items * @inheritdoc */ "onClearSelection"?: (event: KvSingleSelectDropdownCustomEvent) => void; /** * Emitted when there's a click outside the dropdown's bondaries * @inheritdoc */ "onClickOutside"?: (event: KvSingleSelectDropdownCustomEvent) => void; /** * Emitted when the 'esc' key is pressed * @inheritdoc */ "onDismiss"?: (event: KvSingleSelectDropdownCustomEvent) => void; /** * Emitted when the dropdown open state changes * @inheritdoc */ "onOpenStateChange"?: (event: KvSingleSelectDropdownCustomEvent) => void; /** * Emitted when a new option is created * @inheritdoc */ "onOptionCreated"?: (event: KvSingleSelectDropdownCustomEvent) => void; /** * Emitted when an option is selected * @inheritdoc */ "onOptionSelected"?: (event: KvSingleSelectDropdownCustomEvent) => void; /** * Emitted when the user interacts with the search text field * @inheritdoc */ "onSearchChange"?: (event: KvSingleSelectDropdownCustomEvent) => void; /** * (optional) The object with the dropdown options * @inheritdoc * @default {} */ "options"?: ISelectSingleOptions; /** * (required) The text to display as the dropdown placeholder * @inheritdoc */ "placeholder"?: string; /** * (optional) If `true` dropdown requires a value to be selected * @inheritdoc * @default false */ "required"?: boolean; /** * (optional) The debounce, in milliseconds, applied to the search value before the options are filtered locally. Set to `0` to filter on every keystroke. Defaults to `300`. * @inheritdoc * @default DEFAULT_SEARCH_DEBOUNCE_IN_MS */ "searchDebounce"?: number; /** * (optional) The list search text field placeholder * @inheritdoc */ "searchPlaceholder"?: string; /** * (optional) If `false` the dropdown is not searchable. Default `true` * @inheritdoc * @default true */ "searchable"?: boolean; /** * (optional) The selection all action text * @inheritdoc */ "selectAllLabel"?: string; /** * (optional) The value of the selected option * @inheritdoc */ "selectedOption"?: string; /** * (optional) If `true` the list has an action to select all items * @inheritdoc */ "selectionAll"?: boolean; /** * (optional) If `true` dropdown items can be cleared * @inheritdoc */ "selectionClearable"?: boolean; /** * (optional) If `true` the keyboard shortcuts can be used to navigate between the dropdown results. Default `false` * @inheritdoc * @default false */ "shortcuts"?: boolean; /** * @inheritdoc * @default false */ "showShortcuts"?: boolean; /** * (optional) the dropdown list z-index (default: 9004) * @inheritdoc * @default DEFAULT_DROPDOWN_Z_INDEX */ "zIndex"?: number; } interface KvStateIndicator { /** * (optional) State indicator color */ "color"?: string; /** * (optional) State indicator text */ "text"?: string; } interface KvStepBar { /** * (required) Defines the current step index * @inheritdoc */ "currentStep": number; /** * (optional) Defines if the progress bar should be in an error state * @inheritdoc * @default false */ "hasError"?: boolean; /** * (optional) Defines the label to display next to the step counter (defaults to: "Progress: ") * @inheritdoc * @default DEFAULT_LABEL */ "label"?: string; /** * Fires when a step is clicked and emits the index * @inheritdoc */ "onStepClicked"?: (event: KvStepBarCustomEvent) => void; /** * (required) Defines the percentage of steps completed * @inheritdoc */ "progressPercentage": number; /** * (required) Defines the steps array to render * @inheritdoc */ "steps": IStepBarStep[]; } interface KvStepIndicator { /** * (optional) Defines if the step is active * @inheritdoc */ "active"?: boolean; /** * (optional) Defines if the step is interactable and emits clicks * @inheritdoc */ "enabled"?: boolean; /** * (optional) Defines if the step has an error and applies the border styling * @inheritdoc */ "hasError"?: boolean; /** * (optional) Defines if the step is the current step */ "isCurrent"?: boolean; /** * Fires when the step is clicked * @inheritdoc */ "onIndicatorClicked"?: (event: KvStepIndicatorCustomEvent) => void; } interface KvStepProgressBar { /** * (optional) Defines if the bar should be in an error state, setting to `true` will change the background color to the defined error color * @inheritdoc */ "hasError"?: boolean; /** * (required) Defines how much space the progress bar should fill * @inheritdoc */ "progressPercentage": number; } interface KvSwitchButton { /** * (optional) If `true` the button is ON. Default `false` * @inheritdoc * @default false */ "checked"?: boolean; /** * (optional) If `true` the button is disabled. Default `false` * @inheritdoc * @default false */ "disabled"?: boolean; /** * Emitted when switch's state changes * @inheritdoc */ "onSwitchChange"?: (event: KvSwitchButtonCustomEvent) => void; /** * (optional) Button's size. Default `EComponentSize.Large` * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize; } interface KvTabItem { /** * (optional) Custom attributes to be applied to the tab element * @default {} */ "customAttributes"?: Record; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) Additional style to apply for custom CSS. */ "customStyle"?: HostAttributes['style']; /** * (optional) To disable this tab * @default false */ "disabled"?: boolean; /** * (optional) Icon to show in UI for this tab */ "icon"?: EIconName1; /** * (optional) Name to show in UI for this tab */ "label"?: string; /** * Emitted when the tab is selected */ "onTabSelected"?: (event: KvTabItemCustomEvent) => void; /** * (optional) To set this tab as the selected one * @default false */ "selected"?: boolean; /** * (required) A unique identifier for this tab */ "tabKey": number | string; /** * (optional) Sets this tab item to a different styling configuration * @default ETabItemType.Primary */ "type"?: ETabItemType; } interface KvTabNavigation { /** * When the tab selection changes, emit the requested tab's key * @inheritdoc */ "onTabChange"?: (event: KvTabNavigationCustomEvent) => void; /** * (optional) The currently selected tab key * @inheritdoc */ "selectedTabKey"?: number | string; /** * (required) The tab items to render in this component * @inheritdoc * @default [] */ "tabs"?: ITabNavigationItem[]; /** * (optional) Sets the visual variant of the tab navigation * @inheritdoc * @default ETabItemType.Primary */ "type"?: ETabItemType; } interface KvTag { /** * (optional) Badge label displayed at the end of the tag */ "badgeLabel"?: string; /** * (optional) Tag color variant * @default ETagColor.Neutral */ "color"?: ETagColor; /** * (optional) Icon to display inside the tag */ "icon"?: EIconName; /** * (optional) Tag label */ "label"?: string; /** * (optional) Tag size variant * @default EComponentSize.Large */ "size"?: EComponentSize1; } interface KvTagStatus { /** * (required) Defines the icon to be displayed. * @inheritdoc */ "icon": EIconName; /** * (optional) Defines the content of the label. * @inheritdoc */ "label"?: string; /** * (required) Defines the color of the icon. * @inheritdoc */ "state": ETagState; } interface KvTakeActions { /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; } interface KvTextArea { /** * (optional) If `true` the chars counter is displayed. Default: `true` * @inheritdoc * @default true */ "counter"?: boolean; /** * (optional) If `true` the counter is always visible (not only on focus). Default: `false` * @inheritdoc * @default false */ "counterAlwaysVisible"?: boolean; /** * (optional) If `true` the text area is disabled. Default: `false`. * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Icon to show to the left of the text field * @inheritdoc */ "icon"?: EIconName; /** * (optional) The maximum number of characters allowed * @inheritdoc */ "maxCharLength"?: number; /** * Emits the current text when there's a change * @inheritdoc */ "onTextChange"?: (event: KvTextAreaCustomEvent) => void; /** * (optional) The placeholder to show in the text area * @inheritdoc */ "placeholder"?: string; /** * (optional) The text to show inside the text area * @inheritdoc */ "text"?: string; } interface KvTextField { /** * (optional) Icon that is added on the right of the input. Its clickable. * @inheritdoc */ "actionIcon"?: EIconName; /** * (optional) Text to display inside a badge on the right side of the displayed value * @inheritdoc */ "badge"?: string; /** * (optional) Additional style to apply for custom CSS. * @inheritdoc */ "customStyle"?: HostAttributes['style']; /** * (optional) Text field example values * @inheritdoc */ "examples"?: string[]; /** * (optional) Enable/disable the resize of input (default: true) * @inheritdoc * @default true */ "fitContent"?: boolean; /** * (optional) Text field focus state * @inheritdoc * @default false */ "forcedFocus"?: boolean; /** * (optional) Text field help text * @inheritdoc * @default [] */ "helpText"?: string | string[]; /** * (optional) If true, the badge is not displayed * @inheritdoc * @default false */ "hideBadge"?: boolean; /** * (optional) Text field's icon symbol name * @inheritdoc */ "icon"?: EIconName; /** * (optional) Text field disabled * @inheritdoc * @default false */ "inputDisabled"?: boolean; /** * (optional) Input mask regex * @inheritdoc * @default '' */ "inputMaskRegex"?: string; /** * (optional) Text field input name * @inheritdoc */ "inputName"?: string; /** * (optional) Text field is readonly * @inheritdoc * @default false */ "inputReadonly"?: boolean; /** * (optional) Text field required * @inheritdoc * @default false */ "inputRequired"?: boolean; /** * (optional) If true, a dirty dot indicator will be added to right side of the displayed value. * @inheritdoc * @default false */ "isDirty"?: boolean; /** * (optional) Text field label * @inheritdoc */ "label"?: string; /** * (optional) Text field loading state * @inheritdoc * @default false */ "loading"?: boolean; /** * (optional) Text field maximum value * @inheritdoc */ "max"?: string | number; /** * (optional) Text field maximum number of characters required * @inheritdoc */ "maxLength"?: number; /** * (optional) Text field minimum value * @inheritdoc */ "min"?: string | number; /** * (optional) Text field minimum number of characters required * @inheritdoc */ "minLength"?: number; /** * Emmited when there's a click on this element * @inheritdoc */ "onFieldClick"?: (event: KvTextFieldCustomEvent) => void; /** * Emitted when the right icon is clicked * @inheritdoc */ "onRightActionClick"?: (event: KvTextFieldCustomEvent) => void; /** * Emitted when a keyboard input occurred * @inheritdoc */ "onTextChange"?: (event: KvTextFieldCustomEvent) => void; /** * Emitted when text field lost focus * @inheritdoc */ "onTextFieldBlur"?: (event: KvTextFieldCustomEvent) => void; /** * Emitted when text field gained focus * @inheritdoc */ "onTextFieldFocus"?: (event: KvTextFieldCustomEvent) => void; /** * (optional) Text field place holder * @inheritdoc * @default '' */ "placeholder"?: string; /** * (optional) Sets this tab item to a different styling configuration * @inheritdoc * @default EComponentSize.Large */ "size"?: EComponentSize; /** * (optional) Text field state * @inheritdoc * @default EValidationState.None */ "state"?: EValidationState; /** * (optional) Text field interval between legal numbers * @inheritdoc */ "step"?: string | number; /** * (optional) Text field tooltip configuration * @inheritdoc */ "tooltipConfig"?: Partial; /** * (optional) Text field type * @inheritdoc * @default EInputFieldType.Text */ "type"?: EInputFieldType; /** * (optional) Use a input mask when the text field type is number (default true) * @inheritdoc */ "useInputMask"?: boolean; /** * (optional) Text field value * @inheritdoc * @default '' */ "value"?: string | number | null; /** * (optional) Defines the prefix that adds context to displayed values * @inheritdoc */ "valuePrefix"?: string; } interface KvTimePicker { /** * (optional) The element the panel is positioned against, and which the click-outside check treats as "inside". Defaults to the picker's own action wrapper, which is what a projected `dropdown-action` trigger sits in * @inheritdoc * @default null */ "actionElement"?: HTMLElement | null; /** * (optional) calendar maximum date to be navigated * @inheritdoc */ "calendarInputMaxDate"?: number; /** * (optional) calendar minimum date to be navigated * @inheritdoc */ "calendarInputMinDate"?: number; /** * (optional) Defines if the custom interval calendar selects a single date or a range * @inheritdoc * @default EAbsoluteTimePickerMode.Range */ "calendarMode"?: EAbsoluteTimePickerMode1; /** * (optional) Lets the timezone visible but doesn't let the user change it * @inheritdoc * @default false */ "disableTimezoneSelection"?: boolean; /** * (optional) Defines if the dropdown is disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Determines if the "Show Calendar" toggle is visible in the footer. Hiding it does not prevent `showCalendar` from being set programmatically * @inheritdoc * @default true */ "displayCalendarToggle"?: boolean; /** * (optional) Determines if the customize interval option is visible * @inheritdoc * @default true */ "displayCustomizeInterval"?: boolean; /** * (optional) Determines if the timezone dropdown is visible * @inheritdoc * @default true */ "displayTimezoneDropdown"?: boolean; /** * (optional) Dropdown possible positions * @inheritdoc * @default DEFAULT_TIME_RANGE_DROPDOWN_POSITION_OPTIONS */ "dropdownPositionOptions"?: Partial; /** * (optional) Configuration of the dropdown input * @inheritdoc * @default {} */ "inputConfig"?: Partial; /** * (optional) Defines if the dropdown panel is open. Two-way: the component assigns it as the user opens and closes the panel, and emits `dropdownStateChange` alongside * @inheritdoc * @default false */ "isOpen"?: boolean; /** * Emitted when cancel button is clicked * @inheritdoc */ "onCancelClicked"?: (event: KvTimePickerCustomEvent>) => void; /** * Emitted when dropdown state changes * @inheritdoc */ "onDropdownStateChange"?: (event: KvTimePickerCustomEvent) => void; /** * Emitted when show calendar button state changes * @inheritdoc */ "onShowCalendarStateChange"?: (event: KvTimePickerCustomEvent) => void; /** * Emitted when time range changes * @inheritdoc */ "onTimeRangeChange"?: (event: KvTimePickerCustomEvent) => void; /** * (optional) Relative time picker options * @inheritdoc * @default DEFAULT_RELATIVE_TIME_OPTIONS_GROUPS */ "relativeTimePickerOptions"?: IRelativeTimePickerOption[][]; /** * (optional) Selected time key * @inheritdoc */ "selectedTimeOption"?: ITimePickerTimeState | ITimePickerTime; /** * (optional) Determines if the show calendar toggle is enabled * @inheritdoc * @default false */ "showCalendar"?: boolean; /** * (optional) Timezones * @inheritdoc * @default getDefaultTimezones() */ "timezones"?: ITimezoneOffset[]; /** * (optional) Positioning of the tooltip * @inheritdoc * @default ETooltipPosition.TopStart */ "tooltipPosition"?: ETooltipPosition; /** * (optional) The time picker's z-index (default: 9003) * @inheritdoc * @default TIME_PICKER_PORTAL_Z_INDEX */ "zIndex"?: number; } interface KvTimePickerSelectOption { /** * (optional) Custom attributes to be applied to the option container element * @inheritdoc * @default {} */ "customAttributes"?: Record; /** * (optional) The description of the text displayed * @inheritdoc */ "description"?: string; /** * (required) The text to display on the item * @inheritdoc */ "label": string; /** * Emitted when the user clicks on the item * @inheritdoc */ "onItemSelected"?: (event: KvTimePickerSelectOptionCustomEvent) => void; /** * (optional) If `true` the item is selected * @inheritdoc * @default false */ "selected"?: boolean; /** * (required) The item value * @inheritdoc */ "value": string; } interface KvToaster { /** * (optional) If true the toaster has a close button * @inheritdoc * @default true */ "closable"?: boolean; /** * (optional) Secondary message to display * @inheritdoc */ "description"?: string; /** * (required) Main message to display * @inheritdoc */ "header": string; /** * Emiited after the toaster has closed * @inheritdoc */ "onAfterClose"?: (event: KvToasterCustomEvent) => void; /** * Emiited after the toaster has opened * @inheritdoc */ "onAfterOpen"?: (event: KvToasterCustomEvent) => void; /** * Emitted when close button is clicked * @inheritdoc */ "onClickCloseButton"?: (event: KvToasterCustomEvent) => void; /** * Emitted when ttl is defined and expires * @inheritdoc */ "onTtlExpired"?: (event: KvToasterCustomEvent) => void; /** * (optional) Time to live of the toaster * @inheritdoc */ "ttl"?: number; /** * (required) Type of toaster * @inheritdoc */ "type": EToasterType; } interface KvToggleButton { /** * (optional) Sets the button as checked * @inheritdoc * @default false */ "checked"?: boolean; /** * (optional) Custom attributes to be applied to the toggle button element * @inheritdoc * @default {} */ "customAttributes"?: Record; /** * (optional) Sets the button's styling to be disabled and disables click events * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) The button's icon. Only valid for toggle button icon * @inheritdoc */ "icon"?: EIconName1; /** * (optional) The button's label. Only valid for toggle button text * @inheritdoc */ "label"?: string; /** * Emits when a button is clicked * @inheritdoc */ "onCheckedChange"?: (event: KvToggleButtonCustomEvent) => void; /** * (optional) Defines if the item click event should prevent default behaviour. * @inheritdoc * @default false */ "preventDefault"?: boolean; /** * (optional) Button's size * @inheritdoc * @default EComponentSize.Small */ "size"?: EComponentSize1; /** * (optional) Tooltip text * @inheritdoc */ "tooltip"?: string; /** * (required) The value to be emitted upon click events * @inheritdoc */ "value": string | number; /** * (optional) Sets if the button is a radio button * @inheritdoc * @default false */ "withRadio"?: boolean; } interface KvToggleButtonGroup { /** * (optional) List of toggle buttons * @inheritdoc * @default [] */ "buttons"?: IToggleButton[]; /** * (optional) Sets styling to be disabled and disables click events for all buttons * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) A record with the button's label/value and the if the respective button is disabled * @inheritdoc * @default {} */ "disabledButtons"?: Record; /** * When the toggle button selection changes, emit the requested tab's key * @inheritdoc */ "onCheckedChange"?: (event: KvToggleButtonGroupCustomEvent) => void; /** * (optional) A record with the button's label/value and the if the respective button is a radio button * @inheritdoc * @default {} */ "radioButtons"?: Record; /** * (optional) A record with the button's label/value and with if the selected value * @inheritdoc * @default {} */ "selectedButtons"?: Record; /** * (optional) Sets the size for all toggle buttons * @inheritdoc * @default EComponentSize.Small */ "size"?: EComponentSize1; /** * (optional) If `true` all toggle buttons will have a radio button * @inheritdoc * @default false */ "withRadio"?: boolean; } interface KvToggleSwitch { /** * (optional) If `true` all toggle buttons will be disabled * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) A record with the button's key and its individual disabled state * @inheritdoc * @default {} */ "disabledButtons"?: Record; /** * When the toggle switch selection changes, emit the requested value * @inheritdoc */ "onCheckedChange"?: (event: KvToggleSwitchCustomEvent) => void; /** * (optional) List of toggle switch options * @inheritdoc * @default [] */ "options"?: IToggleSwitchOption[]; /** * (optional) Toggle switch selected option key * @inheritdoc * @default '' */ "selectedOption"?: string; /** * (optional) Sets the size for all toggle buttons * @inheritdoc * @default EComponentSize.Small */ "size"?: EComponentSize1; } interface KvToggleTip { /** * (optional) Array of allowed positions of toggle tip (if defined the 'position' is ignored) * @inheritdoc */ "allowedPositions"?: ETooltipPosition1[]; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass1; /** * (optional) if true it will disable clicks to open toggle tip * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) if true it will ignore outside clicks to close the toggle tip * @inheritdoc * @default false */ "isFixed"?: boolean; /** * (optional) Set open state of toggle tip, default false * @inheritdoc * @default false */ "isOpen"?: boolean; /** * Emitted when the dropdown opens state changes * @inheritdoc */ "onOpenStateChange"?: (event: KvToggleTipCustomEvent) => void; /** * (optional) Object with tooltip position options * @inheritdoc * @default DEFAULT_TOOLTIP_CONFIG */ "options"?: Partial; /** * (optional) Position of toggletip * @inheritdoc */ "position"?: ETooltipPosition1; /** * (optional) Text of toggletip * @inheritdoc */ "text"?: string; /** * (optional) if true it will render an arrow pointing to the opening element * @inheritdoc * @default false */ "withArrow"?: boolean; } interface KvTooltip { /** * (optional) Array of allowed positions of toggle tip (if defined the 'position' is ignored) * @inheritdoc */ "allowedPositions"?: ETooltipPosition[]; /** * (optional) Content element reference * @inheritdoc * @default null */ "contentElement"?: HTMLElement; /** * (optional) Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. It is also valid to provide CssClassMap with boolean logic. * @inheritdoc * @default '' */ "customClass"?: CustomCssClass; /** * (optional) Additional style to apply for custom CSS. * @inheritdoc */ "customStyle"?: HostAttributes['style']; /** * (optional) Delay to show tooltip in milliseconds. * @inheritdoc * @default DEFAULT_DELAY_CONFIG */ "delay"?: number; /** * (optional) Disables tooltip * @inheritdoc * @default false */ "disabled"?: boolean; /** * (optional) Delay to hide tooltip in milliseconds. * @inheritdoc * @default DEFAULT_HIDE_DELAY */ "hideDelay"?: number; /** * (optional) Object with tooltip position options * @inheritdoc * @default DEFAULT_POSITION_CONFIG */ "options"?: Partial; /** * (optional) Position of tooltip * @inheritdoc */ "position"?: ETooltipPosition; /** * (optional) Text of tooltip * @inheritdoc * @default '' */ "text"?: string; /** * (optional) Set `true` to display tooltip only when the content is truncated * @inheritdoc * @default false */ "truncate"?: boolean; /** * (optional) if true it will render an arrow pointing to the opening element (default false) * @inheritdoc * @default false */ "withArrow"?: boolean; } interface KvTooltipText { /** * (optional) Text of tooltip * @inheritdoc * @default '' */ "text"?: string; } interface KvVirtualizedList { /** * (required) Defines the given item key * @inheritdoc */ "getItemKey"?: (index: number) => string; /** * (required) Defines the total number of items rendered in the list * @inheritdoc */ "itemCount"?: number; /** * (required) Defines the estimated height in pixels of an item * @inheritdoc */ "itemHeight"?: number; /** * (optional) The number of items outside the viewport that are rendered. Default: `5` * @inheritdoc * @default 5 */ "overscanCount"?: number; /** * (required) Defines the item render function * @inheritdoc */ "renderItem"?: RenderItemFunc; } interface KvWizard { /** * (optional) A label to show on the last step button. Default: 'Submit' * @inheritdoc */ "completeBtnLabel"?: string; /** * (required) Defines the current step index * @inheritdoc */ "currentStep": number; /** * (optional) Defines the current step state. Only the success state allows to proceed * @inheritdoc */ "currentStepState"?: StepState; /** * (optional) Defines if the wizard navigation is disabled. Default: false * @inheritdoc * @default false */ "disabled"?: boolean; /** * Fires when a cancel button is clicked * @inheritdoc */ "onCancelClick"?: (event: KvWizardCustomEvent) => void; /** * Fires when a complete button is clicked * @inheritdoc */ "onCompleteClick"?: (event: KvWizardCustomEvent) => void; /** * Fires when it's necessary to go to a different step * @inheritdoc */ "onGoToStep"?: (event: KvWizardCustomEvent) => void; /** * (optional) Defines if the header should render. Default: true * @inheritdoc * @default true */ "showHeader"?: boolean; /** * (optional) Defines if the step bar should render. Default: true * @inheritdoc * @default true */ "showStepBar"?: boolean; /** * (required) Defines the wizard steps * @inheritdoc */ "steps": IWizardStep[]; } interface KvWizardFooter { /** * (optional) Defines if the `cancel` button should be enabled and interactable * @inheritdoc * @default true */ "cancelEnabled"?: boolean; /** * (optional) The `complete` button label * @inheritdoc * @default 'Submit' */ "completeBtnLabel"?: string; /** * (optional) Defines if the `complete` button should be enabled and interactable * @inheritdoc */ "completeEnabled"?: boolean; /** * (optional) The `complete` button tooltip * @inheritdoc */ "completeTooltip"?: string; /** * (required) Defines the current step index * @inheritdoc */ "currentStep": number; /** * (optional) Defines if the progress bar should be in an error state * @inheritdoc */ "hasError"?: boolean; /** * (optional) Defines the label to display next to the step counter (defaults to: "Progress: ") * @inheritdoc */ "label"?: string; /** * (optional) Defines if the `next` button should be enabled and interactable * @inheritdoc * @default true */ "nextEnabled"?: boolean; /** * (optional) The `next` button tooltip * @inheritdoc */ "nextTooltip"?: string; /** * Fires when the `cancel` button is clicked * @inheritdoc */ "onCancelClick"?: (event: KvWizardFooterCustomEvent) => void; /** * Fires when the `complete` button is clicked * @inheritdoc */ "onCompleteClick"?: (event: KvWizardFooterCustomEvent) => void; /** * Fires when the `next` button is clicked * @inheritdoc */ "onNextClick"?: (event: KvWizardFooterCustomEvent) => void; /** * Fires when the `previous` button is clicked * @inheritdoc */ "onPrevClick"?: (event: KvWizardFooterCustomEvent) => void; /** * Fires when a step on the step bar is clicked and emits the index * @inheritdoc */ "onStepClick"?: (event: KvWizardFooterCustomEvent) => void; /** * (optional) Defines if the `previous` button should be enabled and interactable * @inheritdoc * @default true */ "prevEnabled"?: boolean; /** * (required) Defines the percentage of steps completed * @inheritdoc */ "progressPercentage": number; /** * (optional) A boolean that determines whether the `cancel` button should be shown * @inheritdoc */ "showCancelBtn"?: boolean; /** * (optional) A boolean that determines whether the `complete` button should be shown * @inheritdoc */ "showCompleteBtn"?: boolean; /** * (optional) A boolean that determines whether the `next` button should be shown * @inheritdoc */ "showNextBtn"?: boolean; /** * (optional) A boolean that determines whether the `previous` button should be shown * @inheritdoc */ "showPrevBtn"?: boolean; /** * (optional) Defines if the step bar should render * @inheritdoc * @default true */ "showStepBar"?: boolean; /** * (required) Defines the steps array to render * @inheritdoc */ "steps": IStepBarStep1[]; } interface KvWizardHeader { /** * (required) A description of the state (e.g the description of a step) * @inheritdoc */ "description": string; /** * (required) A title to describe a state (e.g step) * @inheritdoc */ "label": string; /** * (optional) An extra information for the step * @inheritdoc */ "tip"?: string; } interface IntrinsicElements { "kv-absolute-time-picker": KvAbsoluteTimePicker; "kv-absolute-time-picker-dropdown": KvAbsoluteTimePickerDropdown; "kv-absolute-time-picker-dropdown-input": KvAbsoluteTimePickerDropdownInput; "kv-action-button": KvActionButton; "kv-action-button-icon": KvActionButtonIcon; "kv-action-button-magic": KvActionButtonMagic; "kv-action-button-split": KvActionButtonSplit; "kv-action-button-text": KvActionButtonText; "kv-alert": KvAlert; "kv-badge": KvBadge; "kv-breadcrumb": KvBreadcrumb; "kv-breadcrumb-item": KvBreadcrumbItem; "kv-breadcrumb-list": KvBreadcrumbList; "kv-calendar": KvCalendar; "kv-calendar-day": KvCalendarDay; "kv-checkbox": KvCheckbox; "kv-copy-to-clipboard": KvCopyToClipboard; "kv-date-time-input": KvDateTimeInput; "kv-description-list": KvDescriptionList; "kv-dirty-dot": KvDirtyDot; "kv-dropdown": KvDropdown; "kv-dropdown-base": KvDropdownBase; "kv-error-state": KvErrorState; "kv-error-state-404": KvErrorState404; "kv-es-kelvin-logo": KvEsKelvinLogo; "kv-es-kelvin-logotype": KvEsKelvinLogotype; "kv-form-help-text": KvFormHelpText; "kv-form-label": KvFormLabel; "kv-icon": KvIcon; "kv-illustration": KvIllustration; "kv-illustration-message": KvIllustrationMessage; "kv-import": KvImport; "kv-info-label": KvInfoLabel; "kv-inline-editable-field": KvInlineEditableField; "kv-input-wrapper": KvInputWrapper; "kv-link": KvLink; "kv-loader": KvLoader; "kv-modal": KvModal; "kv-multi-select-dropdown": KvMultiSelectDropdown; "kv-no-content-here": KvNoContentHere; "kv-no-data-available": KvNoDataAvailable; "kv-no-matching-results": KvNoMatchingResults; "kv-no-results-found": KvNoResultsFound; "kv-portal": KvPortal; "kv-radio": KvRadio; "kv-radio-list": KvRadioList; "kv-radio-list-item": KvRadioListItem; "kv-range": KvRange; "kv-relative-time-picker": KvRelativeTimePicker; "kv-search": KvSearch; "kv-select": KvSelect; "kv-select-create-option": KvSelectCreateOption; "kv-select-multi-options": KvSelectMultiOptions; "kv-select-option": KvSelectOption; "kv-select-shortcuts-label": KvSelectShortcutsLabel; "kv-single-select-dropdown": KvSingleSelectDropdown; "kv-state-indicator": KvStateIndicator; "kv-step-bar": KvStepBar; "kv-step-indicator": KvStepIndicator; "kv-step-progress-bar": KvStepProgressBar; "kv-switch-button": KvSwitchButton; "kv-tab-item": KvTabItem; "kv-tab-navigation": KvTabNavigation; "kv-tag": KvTag; "kv-tag-status": KvTagStatus; "kv-take-actions": KvTakeActions; "kv-text-area": KvTextArea; "kv-text-field": KvTextField; "kv-time-picker": KvTimePicker; "kv-time-picker-select-option": KvTimePickerSelectOption; "kv-toaster": KvToaster; "kv-toggle-button": KvToggleButton; "kv-toggle-button-group": KvToggleButtonGroup; "kv-toggle-switch": KvToggleSwitch; "kv-toggle-tip": KvToggleTip; "kv-tooltip": KvTooltip; "kv-tooltip-text": KvTooltipText; "kv-virtualized-list": KvVirtualizedList; "kv-wizard": KvWizard; "kv-wizard-footer": KvWizardFooter; "kv-wizard-header": KvWizardHeader; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "kv-absolute-time-picker": LocalJSX.KvAbsoluteTimePicker & JSXBase.HTMLAttributes; "kv-absolute-time-picker-dropdown": LocalJSX.KvAbsoluteTimePickerDropdown & JSXBase.HTMLAttributes; "kv-absolute-time-picker-dropdown-input": LocalJSX.KvAbsoluteTimePickerDropdownInput & JSXBase.HTMLAttributes; "kv-action-button": LocalJSX.KvActionButton & JSXBase.HTMLAttributes; "kv-action-button-icon": LocalJSX.KvActionButtonIcon & JSXBase.HTMLAttributes; "kv-action-button-magic": LocalJSX.KvActionButtonMagic & JSXBase.HTMLAttributes; "kv-action-button-split": LocalJSX.KvActionButtonSplit & JSXBase.HTMLAttributes; "kv-action-button-text": LocalJSX.KvActionButtonText & JSXBase.HTMLAttributes; "kv-alert": LocalJSX.KvAlert & JSXBase.HTMLAttributes; "kv-badge": LocalJSX.KvBadge & JSXBase.HTMLAttributes; "kv-breadcrumb": LocalJSX.KvBreadcrumb & JSXBase.HTMLAttributes; "kv-breadcrumb-item": LocalJSX.KvBreadcrumbItem & JSXBase.HTMLAttributes; "kv-breadcrumb-list": LocalJSX.KvBreadcrumbList & JSXBase.HTMLAttributes; "kv-calendar": LocalJSX.KvCalendar & JSXBase.HTMLAttributes; "kv-calendar-day": LocalJSX.KvCalendarDay & JSXBase.HTMLAttributes; "kv-checkbox": LocalJSX.KvCheckbox & JSXBase.HTMLAttributes; "kv-copy-to-clipboard": LocalJSX.KvCopyToClipboard & JSXBase.HTMLAttributes; "kv-date-time-input": LocalJSX.KvDateTimeInput & JSXBase.HTMLAttributes; "kv-description-list": LocalJSX.KvDescriptionList & JSXBase.HTMLAttributes; "kv-dirty-dot": LocalJSX.KvDirtyDot & JSXBase.HTMLAttributes; "kv-dropdown": LocalJSX.KvDropdown & JSXBase.HTMLAttributes; "kv-dropdown-base": LocalJSX.KvDropdownBase & JSXBase.HTMLAttributes; "kv-error-state": LocalJSX.KvErrorState & JSXBase.HTMLAttributes; "kv-error-state-404": LocalJSX.KvErrorState404 & JSXBase.HTMLAttributes; "kv-es-kelvin-logo": LocalJSX.KvEsKelvinLogo & JSXBase.HTMLAttributes; "kv-es-kelvin-logotype": LocalJSX.KvEsKelvinLogotype & JSXBase.HTMLAttributes; "kv-form-help-text": LocalJSX.KvFormHelpText & JSXBase.HTMLAttributes; "kv-form-label": LocalJSX.KvFormLabel & JSXBase.HTMLAttributes; "kv-icon": LocalJSX.KvIcon & JSXBase.HTMLAttributes; "kv-illustration": LocalJSX.KvIllustration & JSXBase.HTMLAttributes; "kv-illustration-message": LocalJSX.KvIllustrationMessage & JSXBase.HTMLAttributes; "kv-import": LocalJSX.KvImport & JSXBase.HTMLAttributes; "kv-info-label": LocalJSX.KvInfoLabel & JSXBase.HTMLAttributes; "kv-inline-editable-field": LocalJSX.KvInlineEditableField & JSXBase.HTMLAttributes; "kv-input-wrapper": LocalJSX.KvInputWrapper & JSXBase.HTMLAttributes; "kv-link": LocalJSX.KvLink & JSXBase.HTMLAttributes; "kv-loader": LocalJSX.KvLoader & JSXBase.HTMLAttributes; "kv-modal": LocalJSX.KvModal & JSXBase.HTMLAttributes; "kv-multi-select-dropdown": LocalJSX.KvMultiSelectDropdown & JSXBase.HTMLAttributes; "kv-no-content-here": LocalJSX.KvNoContentHere & JSXBase.HTMLAttributes; "kv-no-data-available": LocalJSX.KvNoDataAvailable & JSXBase.HTMLAttributes; "kv-no-matching-results": LocalJSX.KvNoMatchingResults & JSXBase.HTMLAttributes; "kv-no-results-found": LocalJSX.KvNoResultsFound & JSXBase.HTMLAttributes; "kv-portal": LocalJSX.KvPortal & JSXBase.HTMLAttributes; "kv-radio": LocalJSX.KvRadio & JSXBase.HTMLAttributes; "kv-radio-list": LocalJSX.KvRadioList & JSXBase.HTMLAttributes; "kv-radio-list-item": LocalJSX.KvRadioListItem & JSXBase.HTMLAttributes; "kv-range": LocalJSX.KvRange & JSXBase.HTMLAttributes; "kv-relative-time-picker": LocalJSX.KvRelativeTimePicker & JSXBase.HTMLAttributes; "kv-search": LocalJSX.KvSearch & JSXBase.HTMLAttributes; "kv-select": LocalJSX.KvSelect & JSXBase.HTMLAttributes; "kv-select-create-option": LocalJSX.KvSelectCreateOption & JSXBase.HTMLAttributes; "kv-select-multi-options": LocalJSX.KvSelectMultiOptions & JSXBase.HTMLAttributes; "kv-select-option": LocalJSX.KvSelectOption & JSXBase.HTMLAttributes; "kv-select-shortcuts-label": LocalJSX.KvSelectShortcutsLabel & JSXBase.HTMLAttributes; "kv-single-select-dropdown": LocalJSX.KvSingleSelectDropdown & JSXBase.HTMLAttributes; "kv-state-indicator": LocalJSX.KvStateIndicator & JSXBase.HTMLAttributes; "kv-step-bar": LocalJSX.KvStepBar & JSXBase.HTMLAttributes; "kv-step-indicator": LocalJSX.KvStepIndicator & JSXBase.HTMLAttributes; "kv-step-progress-bar": LocalJSX.KvStepProgressBar & JSXBase.HTMLAttributes; "kv-switch-button": LocalJSX.KvSwitchButton & JSXBase.HTMLAttributes; "kv-tab-item": LocalJSX.KvTabItem & JSXBase.HTMLAttributes; "kv-tab-navigation": LocalJSX.KvTabNavigation & JSXBase.HTMLAttributes; "kv-tag": LocalJSX.KvTag & JSXBase.HTMLAttributes; "kv-tag-status": LocalJSX.KvTagStatus & JSXBase.HTMLAttributes; "kv-take-actions": LocalJSX.KvTakeActions & JSXBase.HTMLAttributes; "kv-text-area": LocalJSX.KvTextArea & JSXBase.HTMLAttributes; "kv-text-field": LocalJSX.KvTextField & JSXBase.HTMLAttributes; "kv-time-picker": LocalJSX.KvTimePicker & JSXBase.HTMLAttributes; "kv-time-picker-select-option": LocalJSX.KvTimePickerSelectOption & JSXBase.HTMLAttributes; "kv-toaster": LocalJSX.KvToaster & JSXBase.HTMLAttributes; "kv-toggle-button": LocalJSX.KvToggleButton & JSXBase.HTMLAttributes; "kv-toggle-button-group": LocalJSX.KvToggleButtonGroup & JSXBase.HTMLAttributes; "kv-toggle-switch": LocalJSX.KvToggleSwitch & JSXBase.HTMLAttributes; "kv-toggle-tip": LocalJSX.KvToggleTip & JSXBase.HTMLAttributes; "kv-tooltip": LocalJSX.KvTooltip & JSXBase.HTMLAttributes; "kv-tooltip-text": LocalJSX.KvTooltipText & JSXBase.HTMLAttributes; "kv-virtualized-list": LocalJSX.KvVirtualizedList & JSXBase.HTMLAttributes; "kv-wizard": LocalJSX.KvWizard & JSXBase.HTMLAttributes; "kv-wizard-footer": LocalJSX.KvWizardFooter & JSXBase.HTMLAttributes; "kv-wizard-header": LocalJSX.KvWizardHeader & JSXBase.HTMLAttributes; } } }