@kelvininc/ui-components
Version:
Kelvin UI Components
1,395 lines • 376 kB
TypeScript
/* 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, ETreeItemLabelSize, 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 { 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 { EBadgeState } from "./components/badge/badge.types";
import { EAlertType } from "./components/alert/alert.types";
import { IBreadcrumbItem } from "./components/breadcrumb-item/breadcrumb-item.types";
import { IChangeMonthEvent, IChangeYearEvent, IClickDateEvent } from "./components/calendar/calendar.types";
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 { ESummaryCardType } from "./components/summary-card/summary-card.types";
import { ITabNavigationItem, ITabsNotificationDict } from "./components/tab-navigation/tab-navigation.types";
import { CustomCssClass as CustomCssClass1, EAlarmSeverity, ETooltipPosition as ETooltipPosition1 } from "./utils/types/components";
import { ETagAlarmSize } from "./components/tag-alarm/tag-alarm.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 { ITreeNodeItem } from "./components/tree/tree.types";
import { ETreeItemLabelSize as ETreeItemLabelSize1, ETreeItemState } from "./components/tree-item/tree-item.types";
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, ETreeItemLabelSize, 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 { 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 { EBadgeState } from "./components/badge/badge.types";
export { EAlertType } from "./components/alert/alert.types";
export { IBreadcrumbItem } from "./components/breadcrumb-item/breadcrumb-item.types";
export { IChangeMonthEvent, IChangeYearEvent, IClickDateEvent } from "./components/calendar/calendar.types";
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 { ESummaryCardType } from "./components/summary-card/summary-card.types";
export { ITabNavigationItem, ITabsNotificationDict } from "./components/tab-navigation/tab-navigation.types";
export { CustomCssClass as CustomCssClass1, EAlarmSeverity, ETooltipPosition as ETooltipPosition1 } from "./utils/types/components";
export { ETagAlarmSize } from "./components/tag-alarm/tag-alarm.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 { ITreeNodeItem } from "./components/tree/tree.types";
export { ETreeItemLabelSize as ETreeItemLabelSize1, ETreeItemState } from "./components/tree-item/tree-item.types";
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
*/
"calendarInputMaxDate"?: string;
/**
* (optional) calendar minimum date to be navigated format: DD-MM-YYYY HH:mm:ss
* @inheritdoc
*/
"calendarInputMinDate"?: string;
/**
* (optional) Disabled dates
* @inheritdoc
*/
"disabledDates"?: string[];
/**
* (optional) Enables the back button displayed on top
* @inheritdoc
*/
"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
*/
"headerTitle"?: string;
/**
* (optional) Initial Date
* @inheritdoc
*/
"initialDate"?: string;
/**
* (optional) Defines if the calendar is in single date or range mode
* @inheritdoc
*/
"mode"?: EAbsoluteTimePickerMode;
/**
* (optional) use to determine if the chart inputs have custom strings
* @inheritdoc
*/
"relativeTimeConfig"?: IRelativeTimeInput;
/**
* (optional) Selected dates
* @inheritdoc
*/
"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
*/
"disabled": boolean;
/**
* (optional) Disabled dates
* @inheritdoc
*/
"disabledDates"?: string[];
/**
* (optional) Dropdown positioning config
* @inheritdoc
*/
"dropdownPositionOptions"?: Partial<ComputePositionConfig>;
/**
* (optional) Title displayed on top of the component
* @inheritdoc
*/
"headerTitle"?: string;
/**
* (optional) Initial Date
* @inheritdoc
*/
"initialDate"?: string;
/**
* (optional) dropdown input config
* @inheritdoc
*/
"inputConfig"?: Partial<ITextField>;
/**
* (optional) Defines if the calendar is in single date or range mode
* @inheritdoc
*/
"mode"?: EAbsoluteTimePickerMode;
/**
* (optional) Selected dates
* @inheritdoc
*/
"selectedDates"?: SelectedTimestamp;
/**
* (Optional) Timezone of the selected dates
* @inheritdoc
*/
"timezone"?: ITimePickerTimezone;
/**
* (optional) Available Timezones
* @inheritdoc
*/
"timezones"?: ITimezoneOffset[];
/**
* (optional) Positioning of the tooltip
* @inheritdoc
*/
"tooltipPosition"?: ETooltipPosition;
}
interface KvAbsoluteTimePickerDropdownInput {
/**
* (optional) Defines if the inputs for inserting the dates are disabled.
* @inheritdoc
*/
"disabled"?: boolean;
/**
* (optional) Initial date displayed on the calendars
* @inheritdoc
*/
"initialDate"?: number;
/**
* (optional) Determines if the dropdown is open
* @inheritdoc
*/
"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
*/
"mode"?: EAbsoluteTimePickerMode1;
/**
* (optional) Selected time in timestamp
* @inheritdoc
*/
"selectedTime"?: SelectedTime | SelectedTimeState;
/**
* (optional) Timezone of the provided timestamp
* @inheritdoc
*/
"timezone"?: ITimePickerTimezone;
}
interface KvActionButton {
/**
* (optional) If `true` the button is active
* @inheritdoc
*/
"active": boolean;
/**
* (optional) If `true` the button is disabled
* @inheritdoc
*/
"disabled": boolean;
/**
* (optional) If `true` the button is of type loading
* @inheritdoc
*/
"loading": boolean;
/**
* (optional) Button's size
* @inheritdoc
*/
"size": EComponentSize;
/**
* (optional) Button's type
* @inheritdoc
*/
"type"?: EActionButtonType;
}
interface KvActionButtonIcon {
/**
* (optional) If `true` the button is active
* @inheritdoc
*/
"active": boolean;
/**
* (optional) Defines button's badge label. If set, an badge will be displayed in the end of action icon button.
* @inheritdoc
*/
"badgeLabel"?: string;
/**
* (optional) Defines button's badge type.
* @inheritdoc
*/
"badgeState"?: EBadgeState;
/**
* (optional) If `true` the button is disabled
* @inheritdoc
*/
"disabled": boolean;
/**
* (required) Button's icon symbol name
* @inheritdoc
*/
"icon": EIconName;
/**
* (optional) If `true` the button is of type loading
* @inheritdoc
*/
"loading": boolean;
/**
* (optional) Button's size
* @inheritdoc
*/
"size": EComponentSize;
/**
* (required) Button's type
* @inheritdoc
*/
"type": EActionButtonType;
}
interface KvActionButtonSplit {
/**
* (optional) If `true` the button is active
* @inheritdoc
*/
"active": boolean;
/**
* (optional) If `true` the button is disabled
* @inheritdoc
*/
"disabled": boolean;
/**
* (optional) Button's left icon symbol name
* @inheritdoc
*/
"icon"?: EIconName;
/**
* (optional) If `true` the button is of type loading
* @inheritdoc
*/
"loading": boolean;
/**
* (optional) Button's size
* @inheritdoc
*/
"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
*/
"active": boolean;
/**
* (optional) If `true` the button is disabled
* @inheritdoc
*/
"disabled": boolean;
/**
* (optional) Button's left icon symbol name
* @inheritdoc
*/
"icon"?: EIconName;
/**
* (optional) If `true` the button is of type loading
* @inheritdoc
*/
"loading": boolean;
/**
* (optional) Button's size
* @inheritdoc
*/
"size": EComponentSize;
/**
* (required) (required) Button's text
* @inheritdoc
*/
"text": string;
/**
* (optional) Button's type
* @inheritdoc
*/
"type": EActionButtonType;
}
interface KvAgree {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvAlert {
/**
* (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
*/
"showIcon"?: boolean;
/**
* (optional) Defines the size of the component, defaults to EComponentType.Large
* @inheritdoc
*/
"size"?: EComponentSize1;
/**
* (required) Defines the type of alert to show, possible values are defined in `EAlertType`
* @inheritdoc
*/
"type": EAlertType;
}
interface KvBadge {
/**
* (optional) Defines the badge state.
*/
"state": EBadgeState;
}
interface KvBoxBuild {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvBreadcrumb {
/**
* (required) List of breadcrumbs
*/
"items": IBreadcrumbItem[];
}
interface KvBreadcrumbItem {
/**
* (optional) Sets this breadcrumb styling to be the active one (usually the last one)
* @inheritdoc
*/
"active"?: boolean;
/**
* (required) 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
*/
"disableHoveringStyling"?: boolean;
/**
* (options) The disabled dates array
* @inheritdoc
*/
"disabledDates"?: string[];
/**
* (optional) Enables the next month click icon
* @inheritdoc
*/
"displayNextMonthArrow"?: boolean;
/**
* (optional) Enables the previous month click icon
* @inheritdoc
*/
"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
*/
"mode"?: EAbsoluteTimePickerMode1;
/**
* (optional) The currently selected dates
* @inheritdoc
*/
"selectedDates"?: string[];
}
interface KvCalendarDay {
/**
* (optional) If `true`, the day is with active
* @inheritdoc
*/
"active"?: boolean;
/**
* (required) Calendar day
* @inheritdoc
*/
"day": number;
/**
* (optional) If `true`, the day is disabled
* @inheritdoc
*/
"disabled"?: boolean;
/**
* (optional) If `true`, the day is in range from a start date to the current hovered day
* @inheritdoc
*/
"inRange"?: boolean;
/**
* (optional) If `true`, the day is between to selected dates
* @inheritdoc
*/
"isBetweenSelectedDates"?: boolean;
/**
* (optional) If `true` the day is the end of the range
* @inheritdoc
*/
"isRangeEndDate"?: boolean;
/**
* (optional) If `true` the day is the start of the range
* @inheritdoc
*/
"isRangeStartDate"?: boolean;
/**
* (optional) If `true`, the day is the day of `today`date
* @inheritdoc
*/
"isToday"?: boolean;
}
interface KvCheckbox {
/**
* (optional) If `true` the checkbox is with checked state. Default: false
* @inheritdoc
*/
"checked"?: boolean;
/**
* (optional) If `true` the checkbox is with disabled state. Default: false
* @inheritdoc
*/
"disabled"?: boolean;
/**
* (optional) If `true` the checkbox is with indeterminate state. Default: false
* @inheritdoc
*/
"indeterminate"?: boolean;
}
interface KvColorCircle {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvCopyToClipboard {
/**
* (required) The text to copy to the clipboard when clicking
* @inheritdoc
*/
"copiableText": string;
/**
* (optional) Object with tooltip position options
* @inheritdoc
*/
"tooltipConfig"?: Partial<ComputePositionConfig>;
/**
* (optional) Delay to show tooltip in milliseconds.
* @inheritdoc
*/
"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
*/
"dateFormat"?: string;
/**
* (optional) Date time input disabled
* @inheritdoc
*/
"disabled": boolean;
/**
* (optional) Date time focus state
* @inheritdoc
*/
"forcedFocus": boolean;
/**
* (optional) Date time input help text
* @inheritdoc
*/
"helpText": string | string[];
/**
* (optional) Similar to forcedFocus but does not emmit events
* @inheritdoc
*/
"highlighted": boolean;
/**
* (optional) Date time input name
* @inheritdoc
*/
"inputName"?: string;
/**
* (optional) Specifies if the inputs should be joined together or separated
* @inheritdoc
*/
"inputStyleType"?: EDateTimeInputTypeStyle;
/**
* (optional) Date time input label
* @inheritdoc
*/
"label"?: string;
/**
* (optional) Input left icon
* @inheritdoc
*/
"leftIcon"?: EIconName1;
/**
* (optional) Date time place holder
* @inheritdoc
*/
"placeholder"?: string;
/**
* (optional) Date time input required
* @inheritdoc
*/
"required": boolean;
/**
* (optional) Input right icon
* @inheritdoc
*/
"rightIcon"?: EIconName1;
/**
* (optional) Sets this tab item to a different styling configuration
* @inheritdoc
*/
"size": EComponentSize1;
/**
* (optional) Date time input state
* @inheritdoc
*/
"state": EValidationState;
/**
* (optional) Use a input mask when the Date time type is a Datetime (default true)
* @inheritdoc
*/
"useInputMask"?: boolean;
/**
* (optional) Date time value
* @inheritdoc
*/
"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
*/
"customClass"?: CustomCssClass;
/**
* (optional) The config to use on the tooltip that shows hovering the text
* @inheritdoc
*/
"descriptionTooltipConfig"?: Partial<ComputePositionConfig>;
/**
* (optional) The config to use on the icon toggletip
* @inheritdoc
*/
"iconToggletipConfig"?: IDescriptionListItemToggletipConfig;
/**
* (required) The array of items to display in the list
* @inheritdoc
*/
"items": IDescriptionListItem[];
}
interface KvDirtyDot {
}
interface KvDisagree {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvDropdown {
/**
* (optional) A reference to the dropdown action element
* @inheritdoc
*/
"actionElement"?: HTMLElement | null;
/**
* (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true
* @inheritdoc
*/
"clickOutsideClose"?: boolean;
/**
* (optional) If `true` clicking on the action will not open the dropdown list. Default: false
* @inheritdoc
*/
"disabled"?: boolean;
/**
* (optional) The text field options
* @inheritdoc
*/
"inputConfig"?: Partial<ITextField>;
/**
* (optional) If `true` the list is opened
* @inheritdoc
*/
"isOpen"?: boolean;
/**
* (optional) A reference to the dropdown list element
* @inheritdoc
*/
"listElement"?: HTMLElement | null;
/**
* Toggles the dropdown open state
*/
"onToggleOpenState": () => Promise<void>;
/**
* (optional) The dropdown position config options
* @inheritdoc
*/
"options"?: Partial<ComputePositionConfig>;
/**
* (optional) the dropdown list z-index (default: 9004)
* @inheritdoc
*/
"zIndex"?: number;
}
interface KvDropdownBase {
/**
* (optional) A reference to the dropdown action element
* @inheritdoc
*/
"actionElement"?: HTMLElement;
/**
* (optional) If `false` clicking outside the dropdown will not trigger state change. Default: true
* @inheritdoc
*/
"clickOutsideClose"?: boolean;
/**
* (optional) If `true` the list is opened
* @inheritdoc
*/
"isOpen"?: boolean;
/**
* (optional) A reference to the dropdown list element
* @inheritdoc
*/
"listElement"?: HTMLElement;
/**
* (optional) The dropdown position config options
* @inheritdoc
*/
"options"?: Partial<ComputePositionConfig>;
/**
* (optional) the dropdown list z-index (default: 9004)
* @inheritdoc
*/
"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
*/
"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
*/
"customClass": CustomCssClass;
}
interface KvEsAssetPlaceholder {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsCheckbox {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsComponentPlaceholder {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsError404 {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsError503 {
/**
* (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
*/
"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
*/
"customClass": CustomCssClass;
}
interface KvEsLock {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsMetadata {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsPartPlaceholder {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsSectionCell {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsSectionSomethingwentwrong {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsSectionThresholds {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsSensorPlaceholder {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsSlowy {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsSomethingwentwrong {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsTableBuild {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsTableEmpty {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvEsTableSearch {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvFeedbackForm {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvFormHelpText {
/**
* (optional) Form field help text
*/
"helpText": string | string[];
/**
* (optional) Form field state
*/
"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
*/
"customClass": CustomCssClass;
/**
* (optional) Icon custom color
*/
"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
*/
"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 KvImpact {
/**
* (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
*/
"customClass": CustomCssClass;
}
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
*/
"customClass": CustomCssClass;
}
interface KvInfoLabel {
/**
* (optional) Info label copy value
*/
"copyValue"?: string;
/**
* (optional) Info label description
*/
"description"?: string;
/**
* (optional) Info label description collapse text
*/
"descriptionCollapsedText": string;
/**
* (optional) Info label description height
*/
"descriptionHeight"?: number;
/**
* (optional) Info label description opened text
*/
"descriptionOpenedText": string;
/**
* (optional) Info label title
*/
"labelTitle"?: string;
/**
* (optional) Show text with a shadow
*/
"showTextShadow": boolean;
}
interface KvInlineEditableField {
/**
* Indicates whether the editable field is disabled.
*/
"disabled": boolean;
/**
* The maximum length of the editable field.
*/
"maxLength": number;
/**
* Resets the content of the editable field.
*/
"resetContent": () => Promise<void>;
/**
* The value of the field.
*/
"value": string;
}
interface KvInputWrapper {
/**
* Defines if the content can be seen
* @inheritdoc
*/
"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
*/
"icon"?: EIconName;
/**
* Label that is shown when the component is in Default state
* @inheritdoc
*/
"label"?: string;
}
interface KvLink {
/**
* (optional) The link to open when clicking on the tag
*/
"href"?: string;
/**
* (required) Main component label
*/
"label": string;
/**
* (optional) Description for the label
*/
"subtitle"?: string;
/**
* (optional) The link to open when clicking on the tag
*/
"target"?: EAnchorTarget;
}
interface KvLoader {
/**
* (optional) If `true` the loader is overlay
*/
"hasOverlay": boolean;
/**
* (optional) If `true` the loader is enabled
*/
"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
*/
"customClass": CustomCssClass;
/**
* (optional) Defines the modal title label
* @inheritdoc
*/
"headerTitle"?: string;
/**
* (optional) Defines if the modal shows the close button
* @inheritdoc
*/
"showCloseButton"?: boolean;
/**
* (optional) Defines if the modal has an overlay background
* @inheritdoc
*/
"showOverlay"?: boolean;
}
interface KvMultiSelectDropdown {
/**
* (optional) A reference to the dropdown action element
* @inheritdoc
*/
"actionElement"?: HTMLElement | null;
/**
* (optional) If `false` the search text field is not auto-focused. Default `true`.
* @inheritdoc
*/
"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
*/
"clickOutsideClose"?: boolean;
/**
* (optional) If `true` a selection counter is displayed
* @inheritdoc
*/
"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
*/
"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<ComputePositionConfig>;
/**
* (required) The error state for the dropdown
* @inheritdoc
*/
"errorState"?: EValidationState;
/**
* (optional) The object with the dropdown options filtered
* @inheritdoc
*/
"filteredOptions"?: ISelectMultiOptions;
/**
* Focuses the search text field
*/
"focusSearch": () => Promise<void>;
/**
* (optional) The text to display as help text
* @inheritdoc
*/
"helpText"?: string | string[];
/**
* (optional) The icon to display on the dropdown
* @inheritdoc
*/
"icon"?: EIconName;
/**
* (optional) The text field options
* @inheritdoc
*/
"inputConfig"?: Partial<ITextField>;
/**
* (optional) The size of the input
* @inheritdoc
*/
"inputSize"?: EComponentSize1;
/**
* (optional) The text to display on the dropdown label
* @inheritdoc
*/
"label"?: string;
/**
* (optional) If `true` the dropdown is loading
* @inheritdoc
*/
"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
*/
"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
*/
"options"?: ISelectMultiOptions;
/**
* (required) The text to display as the dropdown placeholder
* @inheritdoc
*/
"placeholder"?: string;
/**
* (optional) If `true` dropdown requires a value to be selected
* @inheritdoc
*/
"required"?: boolean;
/**
* (optional) The list search text field placeholder
* @inheritdoc
*/
"searchPlaceholder"?: string;
/**
* (optional) If `false` the dropdown is not searchable. Default `true`
* @inheritdoc
*/
"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
*/
"selectedOptions"?: Record<string, boolean>;
/**
* (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
*/
"shortcuts"?: boolean;
/**
* (optional) the dropdown list z-index (default: 9004)
* @inheritdoc
*/
"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
*/
"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
*/
"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
*/
"customClass": CustomCssClass;
}
interface KvNoResultsFoundDark {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvNoResultsFoundLight {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvPartyDance {
/**
* (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
*/
"customClass": CustomCssClass;
}
interface KvPortal {
/**
* (optional) if true portal content will gradually appear (default false)
* @inheritdoc
*/
"animated": boolean;
/**
* (optional) enable position auto update (default true)
* @inheritdoc
*/
"autoUpdate": boolean;
/**
* (optional) Delay to show portal in milliseconds. (default 0)
* @inheritdoc
*/
"delay"?: number;
/**
* (optional) options used to compute the portal position
* @inheritdoc
*/
"options": ComputePositionConfig;
/**
* (required) The portal id
* @inheritdo