/* 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 { ActionCardVariant } from "./components/action-card/action-card.types"; import { IxTheme } from "./components/utils/theme-switcher"; import { Breakpoint } from "./components/utils/breakpoints"; import { AppSwitchConfiguration } from "./components/utils/application-layout/context"; import { BlindVariant } from "./components/blind/blind.types"; import { AnchorTarget } from "./components/button/button.interface"; import { ButtonVariant } from "./components/button/button"; import { CardVariant } from "./components/card/card.types"; import { CardAccordionExpandChangeEvent, CardAccordionVariant } from "./components/card-accordion/card-accordion.types"; import { FilterState } from "./components/category-filter/filter-state"; import { LogicalFilterOperator } from "./components/category-filter/logical-filter-operator"; import { InputState } from "./components/category-filter/input-state"; import { ColumnSize } from "./components/col/col.types"; import { ContentHeaderVariant } from "./components/content-header/content-header.types"; import { CssGridTemplateType } from "./components/css-grid/css-grid.types"; import { ButtonVariant as ButtonVariant1 } from "./components/button/button"; import { DateDropdownOption, DateRangeChangeEvent } from "./components/date-dropdown/date-dropdown.types"; import { DateInputValidityState } from "./components/date-input/date-input.types"; import { DateTimeCardCorners } from "./components/date-time-card/date-time-card.types"; import { DateChangeEvent } from "./components/date-picker/date-picker.events"; import { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datetime-picker/datetime-picker.types"; import { ElementReference } from "./components/utils/element-reference"; import { CloseBehavior } from "./components/dropdown/dropdown-controller"; import { AlignedPlacement, Side } from "./components/dropdown/placement"; import { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button.types"; import { EmptyStateLayout } from "./components/empty-state/empty-state.types"; import { MakeRef } from "./components/utils/make-ref"; import { FlipTileVariant } from "./components/flip-tile/flip-tile.types"; import { IconButtonVariant } from "./components/icon-button/icon-button.types"; import { KeyValueLabelPosition } from "./components/key-value/key-value.types"; import { CustomCloseEvent, CustomLabelChangeEvent } from "./components/utils/menu-tabs/menu-tabs-utils"; import { IxModalSize } from "./components/modal/modal.types"; import { BorderlessChangedEvent, Composition, ExpandedChangedEvent, HideOnCollapseChangedEvent, SlotChangedEvent, VariantChangedEvent } from "./components/pane/pane.types"; import { ProgressIndicatorSize, ProgressIndicatorStatus } from "./components/progress-indicator/progress-indicator.types"; import { PushCardVariant } from "./components/push-card/push-card.types"; import { SliderMarker } from "./components/slider/slider.types"; import { SplitButtonVariant } from "./components/split-button/split-button.types"; import { TabClickDetail } from "./components/tab-item/tab-item.types"; import { TextareaResizeBehavior } from "./components/input/textarea.types"; import { TimeInputValidityState } from "./components/time-input/time-input.types"; import { TimePickerCorners } from "./components/time-picker/time-picker.types"; import { ToastConfig, ToastType } from "./components/toast/toast-utils"; import { ShowToastResult } from "./components/toast/toast-container.types"; import { ToggleButtonVariant } from "./components/toggle-button/toggle-button"; import { ElementReference as ElementReference1 } from "./components.d"; import { Element } from "./stencil-public-runtime"; import { TreeContext, TreeItemContext, TreeModel, UpdateCallback } from "./components/tree/tree-model"; import { RefreshTreeOptions } from "./components/tree/tree.types"; import { TextDecoration, TypographyColors, TypographyFormat } from "./components/typography/typography.types"; import { UploadFileState } from "./components/upload/upload-file-state"; export { ActionCardVariant } from "./components/action-card/action-card.types"; export { IxTheme } from "./components/utils/theme-switcher"; export { Breakpoint } from "./components/utils/breakpoints"; export { AppSwitchConfiguration } from "./components/utils/application-layout/context"; export { BlindVariant } from "./components/blind/blind.types"; export { AnchorTarget } from "./components/button/button.interface"; export { ButtonVariant } from "./components/button/button"; export { CardVariant } from "./components/card/card.types"; export { CardAccordionExpandChangeEvent, CardAccordionVariant } from "./components/card-accordion/card-accordion.types"; export { FilterState } from "./components/category-filter/filter-state"; export { LogicalFilterOperator } from "./components/category-filter/logical-filter-operator"; export { InputState } from "./components/category-filter/input-state"; export { ColumnSize } from "./components/col/col.types"; export { ContentHeaderVariant } from "./components/content-header/content-header.types"; export { CssGridTemplateType } from "./components/css-grid/css-grid.types"; export { ButtonVariant as ButtonVariant1 } from "./components/button/button"; export { DateDropdownOption, DateRangeChangeEvent } from "./components/date-dropdown/date-dropdown.types"; export { DateInputValidityState } from "./components/date-input/date-input.types"; export { DateTimeCardCorners } from "./components/date-time-card/date-time-card.types"; export { DateChangeEvent } from "./components/date-picker/date-picker.events"; export { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datetime-picker/datetime-picker.types"; export { ElementReference } from "./components/utils/element-reference"; export { CloseBehavior } from "./components/dropdown/dropdown-controller"; export { AlignedPlacement, Side } from "./components/dropdown/placement"; export { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button.types"; export { EmptyStateLayout } from "./components/empty-state/empty-state.types"; export { MakeRef } from "./components/utils/make-ref"; export { FlipTileVariant } from "./components/flip-tile/flip-tile.types"; export { IconButtonVariant } from "./components/icon-button/icon-button.types"; export { KeyValueLabelPosition } from "./components/key-value/key-value.types"; export { CustomCloseEvent, CustomLabelChangeEvent } from "./components/utils/menu-tabs/menu-tabs-utils"; export { IxModalSize } from "./components/modal/modal.types"; export { BorderlessChangedEvent, Composition, ExpandedChangedEvent, HideOnCollapseChangedEvent, SlotChangedEvent, VariantChangedEvent } from "./components/pane/pane.types"; export { ProgressIndicatorSize, ProgressIndicatorStatus } from "./components/progress-indicator/progress-indicator.types"; export { PushCardVariant } from "./components/push-card/push-card.types"; export { SliderMarker } from "./components/slider/slider.types"; export { SplitButtonVariant } from "./components/split-button/split-button.types"; export { TabClickDetail } from "./components/tab-item/tab-item.types"; export { TextareaResizeBehavior } from "./components/input/textarea.types"; export { TimeInputValidityState } from "./components/time-input/time-input.types"; export { TimePickerCorners } from "./components/time-picker/time-picker.types"; export { ToastConfig, ToastType } from "./components/toast/toast-utils"; export { ShowToastResult } from "./components/toast/toast-container.types"; export { ToggleButtonVariant } from "./components/toggle-button/toggle-button"; export { ElementReference as ElementReference1 } from "./components.d"; export { Element } from "./stencil-public-runtime"; export { TreeContext, TreeItemContext, TreeModel, UpdateCallback } from "./components/tree/tree-model"; export { RefreshTreeOptions } from "./components/tree/tree.types"; export { TextDecoration, TypographyColors, TypographyFormat } from "./components/typography/typography.types"; export { UploadFileState } from "./components/upload/upload-file-state"; export namespace Components { interface IxActionCard { /** * ARIA label for the card * @since 3.2.0 */ "ariaLabelCard"?: string; /** * ARIA label for the icon * @since 3.2.0 */ "ariaLabelIcon"?: string; /** * Card heading */ "heading"?: string; /** * Card icon * @default undefined */ "icon": string | undefined; /** * If true, disables hover and active styles and changes cursor to default * @default false */ "passive": boolean; /** * Card selection * @default false */ "selected": boolean; /** * Card subheading */ "subheading"?: string; /** * Card variant * @default 'outline' */ "variant": ActionCardVariant; } interface IxApplication { /** * Define application switch configuration */ "appSwitchConfig"?: AppSwitchConfiguration; /** * Supported layouts * @default ['sm', 'md', 'lg'] */ "breakpoints": Breakpoint[]; /** * Change the responsive layout of the menu structure */ "forceBreakpoint": Breakpoint | undefined; /** * Application theme */ "theme"?: IxTheme; /** * Use the system appearance dark or light * @default false */ "themeSystemAppearance": boolean; } interface IxApplicationHeader { /** * The app icon will be shown as the first element inside the header. It will be hidden on smaller screens. * @since 4.0.0 */ "appIcon"?: string; /** * Alt text for the app icon * @since 4.0.0 */ "appIconAlt"?: string; /** * Render subtle outline around app icon to ensure proper contrast. * @since 4.0.0 * @default false */ "appIconOutline": boolean; /** * ARIA label for the app switch icon button * @since 3.2.0 */ "ariaLabelAppSwitchIconButton"?: string; /** * ARIA label for the menu expand icon button * @since 3.2.0 * @deprecated This prop is no longer used as the menu expand button is hidden from screen readers. Will be removed in 5.0.0 */ "ariaLabelMenuExpandIconButton"?: string; /** * ARIA label for the more menu icon button * @since 3.2.0 */ "ariaLabelMoreMenuIconButton"?: string; /** * Company logo will be show on the left side of the application name. It will be hidden on smaller screens. * @since 4.0.0 */ "companyLogo"?: string; /** * Alt text for the company logo * @since 4.0.0 */ "companyLogoAlt"?: string; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Hides the bottom border of the header * @since 4.0.0 * @default false */ "hideBottomBorder": boolean; /** * Application name */ "name"?: string; /** * Define a suffix which will be displayed next to the application name * @since 4.0.0 */ "nameSuffix"?: string; /** * Controls the visibility of the menu toggle button based on the context of the application header. When the application header is utilized outside the application frame, the menu toggle button is displayed. Conversely, if the header is within the application frame, this property is ineffective. * @default false */ "showMenu"?: boolean; } interface IxApplicationSidebar { } interface IxApplicationSwitchModal { "config"?: AppSwitchConfiguration; } interface IxAvatar { /** * Accessibility label for the image Will be set as aria-label on the nested HTML img element * @deprecated Set the native `aria-label` on the ix-avatar host element. Will be removed in 5.0.0 */ "a11yLabel"?: string; /** * aria-label for the tooltip * @since 4.0.0 */ "ariaLabelTooltip"?: string; /** * Optional description text that will be displayed underneath the username. Note: Only working if avatar is part of the ix-application-header */ "extra"?: string; /** * Display an avatar image */ "image"?: string; /** * Display the initials of the user. Will be overwritten by image */ "initials"?: string; /** * Text to display in a tooltip when hovering over the avatar * @since 4.0.0 */ "tooltipText"?: string; /** * If set an info card displaying the username will be placed inside the dropdown. Note: Only working if avatar is part of the ix-application-header */ "username"?: string; } interface IxBlind { /** * Collapsed state * @default false */ "collapsed": boolean; /** * Optional icon to be displayed next to the header label */ "icon"?: string; /** * Label of blind */ "label"?: string; /** * Secondary label inside blind header */ "sublabel"?: string; /** * Blind variant * @default 'filled' */ "variant": BlindVariant; } interface IxBreadcrumb { /** * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list with conditionally hidden previous items * @default 'previous' */ "ariaLabelPreviousButton": string; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Items will be accessible through a dropdown * @default [] */ "nextItems": string[]; /** * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover) * @default false */ "subtle": boolean; /** * Excess items will get hidden inside of dropdown * @default 9 */ "visibleItemCount": number; } interface IxBreadcrumbItem { /** * ARIA label for the button Will be set as aria-label for the nested HTML button element * @since 3.2.0 */ "ariaLabelButton"?: string; /** * @default false */ "hideChevron": boolean; /** * URL for the button link. When provided, the button will render as an anchor tag. * @since 4.0.0 */ "href"?: string; /** * Icon to be displayed next ot the label */ "icon"?: string; /** * @default false */ "invisible": boolean; /** * @default false */ "isDropdownTrigger": boolean; /** * Breadcrumb label */ "label"?: string; /** * Specifies the relationship between the current document and the linked document when href is provided. * @since 4.0.0 */ "rel"?: string; /** * @default false */ "subtle": boolean; /** * Specifies where to open the linked document when href is provided. * @since 4.0.0 * @default '_self' */ "target"?: AnchorTarget; } interface IxButton { /** * @default 'center' */ "alignment": 'center' | 'start'; /** * ARIA label for the button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelButton"?: string; /** * Disable the button * @default false */ "disabled": boolean; /** * Provide a form element ID to automatically submit the from if the button is pressed. Only works in combination with type="submit". * @since 3.1.0 */ "form"?: string; /** * URL for the button link. When provided, the button will render as an anchor tag. * @since 4.0.0 */ "href"?: string; /** * Icon name */ "icon"?: string; /** * Icon name for the right side of the button * @since 4.0.0 */ "iconRight"?: string; /** * @default '24' */ "iconSize": '12' | '16' | '24'; /** * Loading button * @default false */ "loading": boolean; /** * Specifies the relationship between the current document and the linked document when href is provided. * @since 4.0.0 */ "rel"?: string; /** * Specifies where to open the linked document when href is provided. * @since 4.0.0 * @default '_self' */ "target"?: AnchorTarget; /** * Type of the button * @default 'button' */ "type": 'button' | 'submit'; /** * Button variant * @default 'primary' */ "variant": ButtonVariant; } interface IxCard { /** * If true, disables hover and active styles and changes cursor to default * @default false */ "passive": boolean; /** * Show card in selected state * @default false */ "selected": boolean; /** * Card variant * @default 'outline' */ "variant": CardVariant; } interface IxCardAccordion { /** * ARIA label for the card's expand button. Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelExpandButton"?: string; /** * Collapse the card * @default false */ "collapse": boolean; /** * Show accordion with different color variants * @since 4.0.0 * @default 'outline' */ "variant": CardAccordionVariant; } interface IxCardContent { } interface IxCardList { /** * ARIA label for the card's expand button. Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelExpandButton"?: string; /** * Collapse the list * @default false */ "collapse": boolean; /** * Hide the show all button * @default false */ "hideShowAll": boolean; /** * i18n More cards available * @default 'There are more cards available' */ "i18nMoreCards": string; /** * i18n Show all button * @default 'Show all' */ "i18nShowAll": string; /** * Name the card list */ "label"?: string; /** * List style * @default 'stack' */ "listStyle": 'stack' | 'scroll'; /** * Maximal visible cards * @default 12 */ "maxVisibleCards": number; /** * Overwrite the default show all count. */ "showAllCount"?: number; /** * Suppress the overflow handling of child elements * @default false */ "suppressOverflowHandling": boolean; } interface IxCardTitle { } interface IxCategoryFilter { /** * ARIA label for the filter input Will be set as aria-label on the nested HTML input element * @since 3.2.0 */ "ariaLabelFilterInput"?: string; /** * ARIA label for the operator button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelOperatorButton"?: string; /** * ARIA label for the reset button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelResetButton"?: string; /** * Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from. */ "categories"?: { [id: string]: { label: string; options: string[]; }; }; /** * If true the filter will be in disabled state * @default false */ "disabled": boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * A set of search criteria to populate the component with. */ "filterState"?: FilterState; /** * Allows to hide the icon inside the text input. Defaults to false * @default false */ "hideIcon": boolean; /** * i18n label for 'Filter by text' * @default 'Filter by text' */ "i18nPlainText": string; /** * The icon next to the actual text input Defaults to 'search' */ "icon"?: string; /** * i18n * @default 'Categories' */ "labelCategories": string; /** * In certain use cases some categories may not be available for selection anymore. To allow proper display of set filters with these categories this ID to label mapping can be populated. Configuration object hash used to supply labels to the filter chips in the input field. Each ID maps to a string representing the label to display. * @default {} */ "nonSelectableCategories"?: { [id: string]: string; }; /** * Placeholder text to be displayed in an empty input field. */ "placeholder"?: string; /** * If true the filter will be in readonly mode * @default false */ "readonly": boolean; /** * If set categories will always be filtered via the respective logical operator. Toggling of the operator will not be available to the user. */ "staticOperator"?: LogicalFilterOperator; /** * A list of strings that will be supplied as type-ahead suggestions not tied to any categories. */ "suggestions"?: string[]; /** * If set to true, prevents that a single category can be set more than once. An already set category will not appear in the category dropdown if set to true. * @default false */ "uniqueCategories": boolean; } /** * @form-ready */ interface IxCheckbox { /** * Checked state of the checkbox component * @default false */ "checked": boolean; /** * Disabled state of the checkbox component * @default false */ "disabled": boolean; "getAssociatedFormElement": () => Promise; "hasValidValue": () => Promise; /** * Indeterminate state of the checkbox component * @default false */ "indeterminate": boolean; "isTouched": () => Promise; /** * Label for the checkbox component */ "label"?: string; /** * Name of the checkbox component */ "name"?: string; /** * Required state of the checkbox component. If true, checkbox needs to be checked to be valid * @default false */ "required": boolean; /** * Value of the checkbox component * @default 'on' */ "value": string; } /** * @form-ready */ interface IxCheckboxGroup { /** * Alignment of the checkboxes in the group * @default 'column' */ "direction": 'row' | 'column'; "hasValidValue": () => Promise; /** * Optional helper text displayed below the checkbox group */ "helperText"?: string; /** * Info text for the checkbox group */ "infoText"?: string; /** * Error text for the checkbox group */ "invalidText"?: string; "isTouched": () => Promise; /** * Label for the checkbox group */ "label"?: string; /** * @default false */ "required": boolean; /** * Show helper, info, warning, error and valid text as tooltip * @default false */ "showTextAsTooltip": boolean; /** * Valid text for the checkbox group */ "validText"?: string; /** * Warning text for the checkbox group */ "warningText"?: string; } interface IxChip { /** * ARIA label for the close button Will be set as aria-label on the nested HTML button element * @default 'Close chip' */ "ariaLabelCloseButton"?: string; /** * Custom background color. Only has an effect on chips with `variant='custom'` */ "background": string | undefined; /** * Center the content of the chip. Set to false to disable centering. * @since 3.2.0 * @default false */ "centerContent": boolean; /** * Custom font and icon color. Only has an effect on chips with `variant='custom'` */ "chipColor": string | undefined; /** * Show close icon * @default false */ "closable": boolean; /** * Show icon */ "icon"?: string; /** * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present. * @default false */ "inactive": boolean; /** * Show chip with outline style * @default false */ "outline": boolean; /** * Display a tooltip. By default, no tooltip will be displayed. Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text. * @since 3.0.0 * @default false */ "tooltipText": string | boolean; /** * Chip variant * @default 'primary' */ "variant": | 'primary' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'custom'; } interface IxCol { /** * Size of the column */ "size"?: ColumnSize; /** * Size of the column for lg screens */ "sizeLg"?: ColumnSize; /** * Size of the column for md screens */ "sizeMd"?: ColumnSize; /** * Size of the column for sm screens */ "sizeSm"?: ColumnSize; } interface IxContent { } interface IxContentHeader { /** * Display a back button * @default false */ "hasBackButton": boolean; /** * Subtitle of Header * @default undefined */ "headerSubtitle": string | undefined; /** * Title of Header */ "headerTitle"?: string; /** * Variant of content header * @default 'primary' */ "variant": ContentHeaderVariant; } interface IxCssGrid { /** * Define css grid template */ "templates"?: Partial>; } interface IxCssGridItem { /** * Grid item name */ "itemName": string; } interface IxCustomField { /** * Show text below the field component which show additional information */ "helperText"?: string; /** * Info text for the field component */ "infoText"?: string; /** * Error text for the field component */ "invalidText"?: string; /** * Label for the field component */ "label"?: string; /** * A value is required or must be checked for the form to be submittable * @default false */ "required": boolean; /** * Show helper, info, warning, error and valid text as tooltip */ "showTextAsTooltip"?: boolean; /** * Valid text for the field component */ "validText"?: string; /** * Warning text for the field component */ "warningText"?: string; } interface IxDateDropdown { /** * ARIA label for the dropdown Will be set as aria-label on the nested HTML button element that will trigger the dropdown */ "ariaLabelDropdownButton"?: string; /** * Controls whether custom date range selection is disabled in the component. When set to 'false', the user can select a custom date range using the date picker. When set to 'true', only predefined time date ranges are available for selection. * @default false */ "customRangeDisabled": boolean; /** * Used to set the initial select date range as well as the button name, if not set or no according date range label is found, nothing will be selected * @default 'custom' */ "dateRangeId": string; /** * An array of predefined date range options for the date picker. Each option is an object with a label describing the range and a function that returns the start and end dates of the range as a DateRangeOption object. Example format: { id: 'some unique id', label: 'Name of the range', from: undefined, to: '2023/03/29' }, // ... other predefined date range options ... * @default [] */ "dateRangeOptions": DateDropdownOption[]; /** * Disable the button that opens the dropdown containing the date picker. * @default false */ "disabled": boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'yyyy/LL/dd' */ "format": string; /** * Picker date. If the picker is in range mode this property is the start date. If set to `null` no default start date will be pre-selected. Format is based on `format` * @default '' */ "from": string; /** * Retrieves the currently selected date range from the component. This method returns the selected date range as a `DateChangeEvent` object. */ "getDateRange": () => Promise; /** * Text for custom dropdown item. Will be used for translation. * @default 'Custom...' */ "i18nCustomItem": string; /** * Text for the done button. Will be used for translation. * @default 'Done' */ "i18nDone": string; /** * Text for the done button. Will be used for translation. * @default 'No range set' */ "i18nNoRange": string; /** * Loading button * @default false */ "loading": boolean; /** * Locale identifier (e.g. 'en' or 'de'). */ "locale"?: string; /** * The latest date that can be selected by the date picker. If not set there will be no restriction. * @default '' */ "maxDate": string; /** * The earliest date that can be selected by the date picker. If not set there will be no restriction. * @default '' */ "minDate": string; /** * Shows week numbers displayed on the left side of the date picker * @since 3.0.0 * @default false */ "showWeekNumbers": boolean; /** * If true disables date range selection (from/to). * @default false */ "singleSelection": boolean; /** * Picker date. If the picker is in range mode this property is the end date. If the picker is not in range mode leave this value `null` Format is based on `format` * @default '' */ "to": string; /** * @default DateTime.now().toISO() */ "today": string; /** * Button variant * @default 'primary' */ "variant": ButtonVariant1; /** * The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday. * @default 0 */ "weekStartIndex": number; } /** * @form-ready */ interface IxDateInput { /** * ARIA label for the calendar icon button. Will be set as aria-label on the nested HTML button element. * @since 3.2.0 * @default 'Open calendar' */ "ariaLabelCalendarButton"?: string; /** * ARIA label for the next month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Next month' */ "ariaLabelNextMonthButton"?: string; /** * ARIA label for the previous month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Previous month' */ "ariaLabelPreviousMonthButton"?: string; /** * Disabled attribute. * @default false */ "disabled": boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Focuses the input field */ "focusInput": () => Promise; /** * Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'yyyy/LL/dd' */ "format": string; "getAssociatedFormElement": () => Promise; /** * Get the native input element */ "getNativeInputElement": () => Promise; "getValidityState": () => Promise; "hasValidValue": () => Promise; /** * Helper text below the input field. */ "helperText"?: string; /** * I18n string for the error message when the date is not parsable. * @default 'Date is not valid' */ "i18nErrorDateUnparsable": string; /** * Info text below the input field. */ "infoText"?: string; /** * Error text below the input field. */ "invalidText"?: string; /** * Returns whether the text field has been touched. */ "isTouched": () => Promise; /** * Label of the input field. */ "label"?: string; /** * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events. */ "locale"?: string; /** * The latest date that can be selected by the date input/picker. If not set there will be no restriction. * @default '' */ "maxDate": string; /** * The earliest date that can be selected by the date input/picker. If not set there will be no restriction. * @default '' */ "minDate": string; /** * Name of the input element. */ "name"?: string; /** * Placeholder of the input element. */ "placeholder"?: string; /** * Readonly attribute. * @default false */ "readonly": boolean; /** * Required attribute. */ "required"?: boolean; /** * Show text as tooltip. */ "showTextAsTooltip"?: boolean; /** * Shows week numbers displayed on the left side of the date picker. * @since 3.0.0 * @default false */ "showWeekNumbers": boolean; /** * If false, pressing Enter will submit the form (if inside a form). Set to true to suppress submit on Enter. * @default false */ "suppressSubmitOnEnter": boolean; /** * Text alignment within the date input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input. * @default 'start' */ "textAlignment": 'start' | 'end'; /** * Valid text below the input field. */ "validText"?: string; /** * Value of the input element. * @default '' */ "value"?: string; /** * Warning text below the input field. */ "warningText"?: string; /** * The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday. * @default 0 */ "weekStartIndex": number; } interface IxDatePicker { /** * ARIA label for the next month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Next month' */ "ariaLabelNextMonthButton"?: string; /** * ARIA label for the previous month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Previous month' */ "ariaLabelPreviousMonthButton"?: string; /** * Corner style. * @default 'rounded' */ "corners": DateTimeCardCorners; /** * @default false */ "embedded": boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'yyyy/LL/dd' */ "format": string; /** * The selected starting date. If the date picker is not in range mode, this is the selected date. Format has to match the `format` property. */ "from": string | undefined; /** * Get the currently selected date or range. The object returned contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`. */ "getCurrentDate": () => Promise; /** * Text of the date select button. * @default 'Done' */ "i18nDone": string; /** * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events. */ "locale"?: string; /** * The latest date that can be selected by the date picker. If not set there will be no restriction. * @default '' */ "maxDate": string; /** * The earliest date that can be selected by the date picker. If not set there will be no restriction. * @default '' */ "minDate": string; /** * Shows week numbers displayed on the left side of the date picker. * @since 3.0.0 * @default false */ "showWeekNumbers": boolean; /** * If true, disables date range selection (from/to). * @default false */ "singleSelection": boolean; /** * The selected end date. If the date picker is not in range mode, this property has no impact. Format has to match the `format` property. */ "to": string | undefined; /** * @default DateTime.now().toISO() */ "today": string; /** * The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday. * @default 0 */ "weekStartIndex": number; } interface IxDateTimeCard { /** * Set corners style * @default 'rounded' */ "corners": DateTimeCardCorners; "embedded"?: boolean; /** * Display footer * @default false */ "hasFooter": boolean; /** * Hide header * @default false */ "hideHeader": boolean; /** * Timepicker specific styling * @default false */ "timePickerAppearance": boolean; } interface IxDatetimePicker { /** * ARIA label for the next month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Next month' */ "ariaLabelNextMonthButton"?: string; /** * ARIA label for the previous month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Previous month' */ "ariaLabelPreviousMonthButton"?: string; /** * Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'yyyy/LL/dd' */ "dateFormat": string; /** * The selected starting date. If the picker is not in range mode, this is the selected date. Format has to match the `dateFormat` property. */ "from"?: string; /** * Text of the date select button. * @default 'Done' */ "i18nDone": string; /** * Top label of the time picker. * @since 3.0.0 * @default 'Time' */ "i18nTime": string; /** * Locale identifier (e.g. 'en' or 'de'). See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. */ "locale"?: string; /** * The latest date that can be selected. If not set there will be no restriction. */ "maxDate"?: string; /** * The earliest date that can be selected. If not set there will be no restriction. */ "minDate"?: string; /** * Show AM/PM time reference control. * @default false */ "showTimeReference": boolean; /** * Shows week numbers displayed on the left side of the date picker. * @since 3.0.0 * @default false */ "showWeekNumbers": boolean; /** * If true, disables date range selection (from/to). * @default false */ "singleSelection": boolean; /** * Selected time value for the embedded time picker. Format has to match the `timeFormat` property. */ "time"?: string; /** * Time format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'HH:mm:ss' */ "timeFormat": string; /** * Time reference (AM or PM). */ "timeReference"?: 'AM' | 'PM'; /** * The selected end date. If the picker is not in range mode, this property has no impact. Format has to match the `dateFormat` property. */ "to"?: string; /** * The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday. * @default 0 */ "weekStartIndex": number; } interface IxDivider { } /** * @deprecated Will be removed with 5.0.0, use ix-pane as successor */ interface IxDrawer { /** * ARIA label for the close icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Close drawer' */ "ariaLabelCloseButton"?: string; /** * Fired in case of an outside click during drawer showed state * @default true */ "closeOnClickOutside": boolean; /** * Render the drawer with maximum height * @default false */ "fullHeight": boolean; /** * Max width interpreted as REM * @default 28 */ "maxWidth": number; /** * Min width interpreted as REM * @default 16 */ "minWidth": number; /** * Show or hide the drawer * @default false */ "show": boolean; /** * Toggle or define show state of drawer * @param show Overwrite toggle state with boolean */ "toggleDrawer": (show?: boolean) => Promise; /** * Width interpreted as REM if not set to 'auto' * @default this.minWidth */ "width": number | 'auto'; } interface IxDropdown { /** * Define an anchor element */ "anchor"?: ElementReference; /** * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown. If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior. * @default 'both' */ "closeBehavior": CloseBehavior; /** * @default false */ "discoverAllSubmenus": boolean; "discoverSubmenu": () => Promise; /** * Enable Popover API rendering for top-layer positioning. * @default false in v4.x, will default to true in v5.0.0 */ "enableTopLayer": boolean; /** * An optional header shown at the top of the dropdown */ "header"?: string; /** * @default false */ "ignoreRelatedSubmenu": boolean; /** * Move dropdown along main axis of alignment */ "offset"?: { mainAxis?: number; crossAxis?: number; alignmentAxis?: number; }; "overwriteDropdownStyle"?: (delegate: { dropdownRef: HTMLElement; triggerRef?: HTMLElement; }) => Promise>; /** * Placement of the dropdown * @default 'bottom-start' */ "placement": AlignedPlacement; /** * Position strategy * @default 'fixed' */ "positioningStrategy": 'absolute' | 'fixed'; /** * Show dropdown * @default false */ "show": boolean; /** * Suppress the automatic placement of the dropdown. * @default false */ "suppressAutomaticPlacement": boolean; /** * @default false */ "suppressOverflowBehavior": boolean; /** * Define an element that triggers the dropdown. A trigger can either be a string that will be interpreted as id attribute or a DOM element. */ "trigger"?: ElementReference; /** * Update position of dropdown */ "updatePosition": () => Promise; } interface IxDropdownButton { /** * ARIA label for the dropdown button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelDropdownButton"?: string; /** * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown. * @default 'both' */ "closeBehavior": 'inside' | 'outside' | 'both' | boolean; /** * Disable button * @default false */ "disabled": boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Button icon */ "icon"?: string; /** * Set label */ "label"?: string; /** * Placement of the dropdown */ "placement"?: AlignedPlacement; /** * Button variant * @default 'primary' */ "variant": DropdownButtonVariant; } interface IxDropdownHeader { /** * Display name of the header */ "label"?: string; } interface IxDropdownItem { /** * ARIA label for the item's button Will be set as aria-label for the nested HTML button element * @since 3.2.0 */ "ariaLabelButton"?: string; /** * ARIA label for the icon */ "ariaLabelIcon"?: string; /** * Whether the item is checked or not. If true a checkmark will mark the item as checked. * @default false */ "checked": boolean; /** * Disable item and remove event listeners * @default false */ "disabled": boolean; "emitItemClick": () => Promise; "getDropdownItemElement": () => Promise; /** * Display hover state * @default false */ "hover": boolean; /** * Icon of dropdown item */ "icon"?: string; /** * @default false */ "isSubMenu": boolean; /** * Label of dropdown item */ "label"?: string; /** * @default false */ "suppressChecked": boolean; } interface IxDropdownQuickActions { } interface IxEmptyState { /** * Optional empty state action */ "action"?: string; /** * ARIA label for the empty state icon * @since 3.2.0 */ "ariaLabelEmptyStateIcon"?: string; /** * Empty state header */ "header": string; /** * Optional empty state icon */ "icon"?: string; /** * Optional empty state layout - one of 'large', 'compact' or 'compactBreak' * @default 'large' */ "layout": EmptyStateLayout; /** * Optional empty state sub header */ "subHeader"?: string; } interface IxEventList { /** * Animate state change transitions. Defaults to 'false'. * @default false */ "animated": boolean; /** * Display a chevron icon in list items. Defaults to 'false' * @default false */ "chevron": boolean; /** * Make event-list items more compact * @default false */ "compact": boolean; /** * Determines the height of list items. This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value. In case a number is supplied it will get converted to rem internally. Defaults to 'S'. * @default 'S' */ "itemHeight": 'S' | 'L' | number; } interface IxEventListItem { /** * Show chevron on right side of the event list item * @default false */ "chevron": boolean; /** * Disable event list item * @default false */ "disabled": boolean; /** * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm` {@link https://ix.siemens.io/docs/styles/colors} */ "itemColor"?: string; /** * Show event list item as selected * @default false */ "selected": boolean; /** * Variant of the event list item * @since 4.0.0 * @default 'outline' */ "variant": 'outline' | 'filled'; } interface IxExpandingSearch { /** * ARIA label for the clear icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Clear search' */ "ariaLabelClearIconButton"?: string; /** * ARIA label for the search icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelSearchIconButton"?: string; /** * ARIA label for the search input Will be set as aria-label on the nested HTML input element * @since 3.2.0 * @default 'Search input' */ "ariaLabelSearchInput"?: string; /** * If true the search field will fill all available horizontal space of it's parent container when expanded. * @default false */ "fullWidth": boolean; /** * Search icon */ "icon"?: string; /** * Placeholder text * @default 'Enter text here' */ "placeholder": string; /** * Default value * @default '' */ "value": string; /** * button variant * @default 'tertiary' */ "variant": ButtonVariant1; } interface IxFieldLabel { "controlRef"?: | MakeRef | MakeRef | MakeRef; /** * The id of the form element that the label is associated with */ "htmlFor"?: string; /** * @default false */ "isInvalid": boolean; /** * A value is required or must be checked for the form to be submittable */ "required"?: boolean; } interface IxFieldWrapper { /** * The control element that the label is associated with */ "controlRef"?: | MakeRef | MakeRef | MakeRef; /** * Show text below the field component */ "helperText"?: string; /** * The id of the form element that the label is associated with */ "htmlForLabel"?: string; /** * Info text for the field component */ "infoText"?: string; /** * Error text for the field component */ "invalidText"?: string; /** * Is the field component info * @default false */ "isInfo": boolean; /** * Is the field component invalid * @default false */ "isInvalid": boolean; /** * Is the field component valid * @default false */ "isValid": boolean; /** * Is the field component warning * @default false */ "isWarning": boolean; /** * Label for the field component */ "label"?: string; /** * Show label as required * @default false */ "required": boolean; /** * Show helper, error, info, warning text as tooltip * @default false */ "showTextAsTooltip": boolean; /** * Valid text for the field component */ "validText"?: string; /** * Warning text for the field component */ "warningText"?: string; } interface IxFilterChip { /** * ARIA label for the close icon button Will be set as aria-label on the nested HTML button element */ "ariaLabelCloseIconButton"?: string; /** * If true the filter chip will be in disabled state * @default false */ "disabled": boolean; /** * If true the filter chip will be in readonly mode * @default false */ "readonly": boolean; } interface IxFlipTile { /** * ARIA label for the eye icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelEyeIconButton"?: string; /** * Height interpreted as REM * @default 15.125 */ "height": number | 'auto'; /** * Index of the currently visible content * @since 3.0.0 * @default 0 */ "index": number; /** * Variation of the Flip * @since 4.0.0 * @default 'filled' */ "variant": FlipTileVariant; /** * Width interpreted as REM * @default 16 */ "width": number | 'auto'; } interface IxFlipTileContent { /** * Controls the visibility of the content * @default false */ "contentVisible": boolean; } interface IxGroup { /** * Expand the group if the header is clicked * @default false */ "expandOnHeaderClick": boolean; /** * Whether the group is expanded or collapsed. Defaults to false. * @default false */ "expanded": boolean; /** * Group header */ "header"?: string; /** * The index of the selected group entry. If undefined no group item is selected. */ "index"?: number; /** * Whether the group is selected. * @default false */ "selected": boolean; /** * Group header subtitle */ "subHeader"?: string; /** * Prevent header from being selectable * @default false */ "suppressHeaderSelection": boolean; } interface IxGroupContextMenu { } interface IxGroupItem { /** * ARIA label for the icon */ "ariaLabelIcon"?: string; /** * Disable the group item. The elements tabindex attribute will get set accordingly. If false tabindex will be 0, -1 otherwise. * @default false */ "disabled": boolean; /** * @default false */ "groupFooter": boolean; /** * Group item icon */ "icon"?: string; /** * Index */ "index"?: number; /** * Group item secondary text */ "secondaryText"?: string; /** * Show selected state * @default false */ "selected": boolean; /** * Supress the selection of the group * @default false */ "suppressSelection": boolean; /** * Group item text */ "text"?: string; } interface IxHelperText { /** * Show text below the field component */ "helperText"?: string; /** * The id of the form element that the label is associated with */ "htmlFor"?: string; /** * Info text for the field component */ "infoText"?: string; /** * Error text for the field component */ "invalidText"?: string; /** * Valid text for the field component */ "validText"?: string; /** * Warning text for the field component */ "warningText"?: string; } interface IxIconButton { /** * Accessibility label for the icon button Will be set as aria-label on the nested HTML button element * @deprecated Set the native `aria-label` on the ix-icon-button host element. Will be removed in 5.0.0 */ "a11yLabel"?: string; /** * Disabled * @default false */ "disabled": boolean; /** * Icon name */ "icon"?: string; /** * Color of icon in button */ "iconColor"?: string; /** * Loading button * @default false */ "loading": boolean; /** * Button in oval shape * @default false */ "oval": boolean; /** * Size of icon in button * @default '24' */ "size": '24' | '16' | '12'; /** * Type of the button * @default 'button' */ "type": 'button' | 'submit'; /** * Variant of button * @default 'subtle-primary' */ "variant": IconButtonVariant; } interface IxIconToggleButton { /** * ARIA label for the icon button Will be set for the native HTML button element * @since 3.2.0 */ "ariaLabelIconButton"?: string; /** * Disable the button * @default false */ "disabled": boolean; /** * Button with no background or outline * @default false */ "ghost": boolean; /** * Icon name */ "icon"?: string; /** * Loading button * @default false */ "loading": boolean; /** * Outline button * @default false */ "outline": boolean; /** * Button in oval shape * @since 3.1.0 * @default false */ "oval": boolean; /** * Show button as pressed * @default false */ "pressed": boolean; /** * Size of icon in button * @default '24' */ "size": '24' | '16' | '12'; /** * Button variant. * @default 'subtle-primary' */ "variant": ButtonVariant1; } /** * @form-ready */ interface IxInput { /** * The allowed characters pattern for the text field. */ "allowedCharactersPattern"?: string; /** * Specifies whether the text field is disabled. * @default false */ "disabled": boolean; /** * Focuses the input field */ "focusInput": () => Promise; "getAssociatedFormElement": () => Promise; /** * Returns the native input element used in the text field. */ "getNativeInputElement": () => Promise; /** * Returns the validity state of the input field. */ "getValidityState": () => Promise; "hasValidValue": () => Promise; /** * The helper text for the text field. */ "helperText"?: string; /** * The info text for the text field. */ "infoText"?: string; /** * The error text for the text field. */ "invalidText"?: string; /** * Returns whether the text field has been touched. */ "isTouched": () => Promise; /** * The label for the text field. */ "label"?: string; /** * The maximum length of the text field. */ "maxLength"?: number; /** * The minimum length of the text field. */ "minLength"?: number; /** * The name of the text field. */ "name"?: string; /** * The pattern for the text field. */ "pattern"?: string; /** * The placeholder text for the text field. */ "placeholder"?: string; /** * Specifies whether the text field is readonly. * @default false */ "readonly": boolean; /** * Specifies whether the text field is required. * @default false */ "required": boolean; /** * Specifies whether to show the text as a tooltip. */ "showTextAsTooltip"?: boolean; /** * If false, pressing Enter will submit the form (if inside a form). Set to true to suppress submit on Enter. * @default false */ "suppressSubmitOnEnter": boolean; /** * Text alignment within the input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input. * @default 'start' */ "textAlignment": 'start' | 'end'; /** * The type of the text field. Possible values are 'text', 'email', or 'password'. * @default 'text' */ "type": 'text' | 'email' | 'password' | 'tel' | 'url'; /** * The valid text for the text field. */ "validText"?: string; /** * The value of the text field. * @default '' */ "value": string; /** * The warning text for the text field. */ "warningText"?: string; } /** * @deprecated Since 3.0.0. Will be removed with 5.0.0 * Not maintained anymore. * Use the 'ix-input' component instead */ interface IxInputGroup { } interface IxKeyValue { /** * ARIA label for the icon * @since 3.2.0 */ "ariaLabelIcon"?: string; /** * Optional key value icon */ "icon"?: string; /** * Key value label */ "label": string; /** * Optional key value label position - 'top' or 'left' * @default 'top' */ "labelPosition": KeyValueLabelPosition; /** * Optional key value text value */ "value"?: string; } interface IxKeyValueList { /** * Optional striped key value list style * @default false */ "striped": boolean; } interface IxKpi { /** * ARIA label for the alarm icon * @since 3.2.0 */ "ariaLabelAlarmIcon"?: string; /** * ARIA label for the warning icon * @since 3.2.0 */ "ariaLabelWarningIcon"?: string; "label"?: string; /** * @default 'horizontal' */ "orientation": 'horizontal' | 'vertical'; /** * @default 'neutral' */ "state": 'neutral' | 'warning' | 'alarm'; "unit"?: string; "value"?: string | number; } interface IxLayoutAuto { /** * Defines the layout of the form. * @default [ { minWidth: '0', columns: 1 }, { minWidth: '48em', columns: 2 }, ] */ "layout": { minWidth: string; columns: number; }[]; } interface IxLayoutGrid { /** * Overwrite the default number of columns. Choose between 2 and 12 columns. * @default 12 */ "columns": number; /** * Grid gap * @default '24' */ "gap": '8' | '12' | '16' | '24'; /** * The grid will not have any horizontal padding * @default false */ "noMargin": boolean; } interface IxLinkButton { /** * Disable the link button * @default false */ "disabled": boolean; /** * Specifies where to open the link https://www.w3schools.com/html/html_links.asp * @default '_self' */ "target": '_self' | '_blank' | '_parent' | '_top'; /** * Url for the link button */ "url"?: string; } interface IxMenu { /** * Should only be set if you use ix-menu standalone * @default '' */ "applicationDescription": string; /** * Should only be set if you use ix-menu standalone */ "applicationName"?: string; /** * @default false */ "enableMapExpand": boolean; /** * Show toggle between light and dark variant. Only if the provided theme have implemented both! * @default false */ "enableToggleTheme": boolean; /** * Toggle the expand state of the menu * @default false */ "expand": boolean; /** * i18n label for 'Collapse' button * @default 'Collapse' */ "i18nCollapse": string; /** * i18n label for 'Expand' button * @default ' Expand' */ "i18nExpand": string; /** * Accessibility i18n label for the burger menu of the sidebar * @deprecated Since 4.2.0. Will be removed in 5.0.0. The expand button is now hidden from screen readers with aria-hidden="true". * @default 'Expand sidebar' */ "i18nExpandSidebar": string; /** * i18n label for 'About & legal information' button * @default 'About & legal information' */ "i18nLegal": string; /** * i18n label for 'Settings' button * @default 'Settings' */ "i18nSettings": string; /** * i18n label for 'Toggle theme' button * @default 'Toggle theme' */ "i18nToggleTheme": string; /** * Menu stays pinned to the left * @default false */ "pinned": boolean; /** * Is about tab visible * @default false */ "showAbout": boolean; /** * Is settings tab visible * @default false */ "showSettings": boolean; /** * If set the menu will be expanded initially. This will only take effect at the breakpoint 'lg'. * @default false */ "startExpanded": boolean; /** * Toggle About tabs * @param show */ "toggleAbout": (show: boolean) => Promise; /** * Toggle map sidebar expand * @param show */ "toggleMapExpand": (show?: boolean) => Promise; /** * Toggle menu * @param show */ "toggleMenu": (show?: boolean) => Promise; /** * Toggle Settings tabs * @param show */ "toggleSettings": (show: boolean) => Promise; } interface IxMenuAbout { /** * Active tab */ "activeTabLabel"?: string; /** * Aria label for close button * @default 'Close About' */ "ariaLabelCloseButton": string; /** * Content of the header * @default 'About & legal information' */ "label": string; /** * @default false */ "show": boolean; } interface IxMenuAboutItem { /** * About Item label */ "label"?: string; } interface IxMenuAboutNews { /** * Subtitle of the about news */ "aboutItemLabel"?: string; /** * @default false */ "expanded": boolean; /** * i18n label for 'Show more' button * @default 'Show more' */ "i18nShowMore": string; /** * Title of the about news */ "label"?: string; /** * Show about news * @default false */ "show": boolean; } interface IxMenuAvatar { /** * aria-label for the tooltip * @since 4.3.0. */ "ariaLabelTooltip"?: string; /** * Second line of text */ "bottom"?: string; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Control the visibility of the logout button * @default false */ "hideLogoutButton": boolean; /** * i18n label for 'Logout' button * @default 'Logout' */ "i18nLogout": string; /** * Display a avatar image */ "image"?: string; /** * Display the initials of the user. Will be overwritten by image */ "initials"?: string; /** * Tooltip text to display on hover. If not set, the 'top' property (user name) will be used as the default tooltip text. * @since 4.3.0. */ "tooltipText"?: string; /** * First line of text */ "top"?: string; } interface IxMenuAvatarItem { "getDropdownItemElement": () => Promise; /** * Avatar dropdown icon */ "icon"?: string; /** * Avatar dropdown label */ "label"?: string; } interface IxMenuCategory { /** * Icon of the category */ "icon"?: string; /** * Display name of the category */ "label"?: string; /** * Show notification count on the category */ "notifications"?: number; /** * Will be shown as tooltip text, if not provided menu text content will be used. * @since 4.0.0 */ "tooltipText"?: string; } interface IxMenuExpandIcon { /** * Controls which icon is displayed */ "breakpoint"?: Breakpoint; /** * Whether the menu expand icon displays the expanded state or not * @default false */ "expanded": boolean; /** * Accessibility label for the menu expand icon * @deprecated This prop is no longer used as the component is hidden from screen readers (aria-hidden="true"). Will be removed in 5.0.0 * @default 'Expand' */ "ixAriaLabel"?: string; /** * Display as pinned * @default false */ "pinned": boolean; } interface IxMenuItem { /** * State to display active * @default false */ "active": boolean; /** * Caution: this is no longer working. Please use slot="bottom" instead. Place tab on bottom * @default false */ "bottom": boolean; /** * Disable tab and remove event handlers * @default false */ "disabled": boolean; /** * Move the Tab to a top position. * @default false */ "home": boolean; /** * URL for the button link. When provided, the button will render as an anchor tag. * @since 4.0.0 */ "href"?: string; /** * Name of the icon you want to display. Icon names can be resolved from the documentation {@link https://ix.siemens.io/docs/icon-library/icons} */ "icon"?: string; /** * @default false */ "isCategory": boolean; /** * Label of the menu item. Will also be used as tooltip text */ "label"?: string; /** * Show notification count on tab */ "notifications"?: number; /** * Specifies the relationship between the current document and the linked document when href is provided. * @since 4.0.0 */ "rel"?: string; /** * Specifies where to open the linked document when href is provided. * @since 4.0.0 * @default '_self' */ "target"?: AnchorTarget; /** * Will be shown as tooltip text, if not provided menu text content will be used. * @since 4.0.0 */ "tooltipText"?: string; } interface IxMenuSettings { /** * Active tab */ "activeTabLabel"?: string; /** * Aria label for close button * @default 'Close Settings' */ "ariaLabelCloseButton": string; /** * Label of first tab * @default 'Settings' */ "label": string; /** * @default false */ "show": boolean; } interface IxMenuSettingsItem { /** * Settings Item label */ "label"?: string; } interface IxMessageBar { /** * If true, close button is disabled and alert cannot be dismissed by the user * @default false */ "persistent": boolean; /** * Specifies the type of the alert. * @default 'info' */ "type": | 'alarm' | 'critical' | 'warning' | 'success' | 'info' | 'neutral' | 'primary'; } interface IxModal { /** * Is called before the modal is dismissed. - Return `true` to proceed in dismissing the modal - Return `false` to abort in dismissing the modal */ "beforeDismiss"?: (reason?: unknown) => boolean | Promise; /** * Centered modal * @default false */ "centered": boolean; /** * Close the dialog */ "closeModal": (reason: T) => Promise; /** * Dismiss modal on backdrop click * @default false */ "closeOnBackdropClick": boolean; /** * Should the modal animation be disabled * @default false */ "disableAnimation": boolean; /** * If set to true the modal cannot be closed by pressing the Escape key * @default false */ "disableEscapeClose": boolean; /** * Dismiss the dialog */ "dismissModal": (reason?: T) => Promise; /** * Hide the backdrop behind the modal dialog * @default false */ "hideBackdrop": boolean; /** * Show the dialog */ "showModal": () => Promise; /** * Modal size * @default '360' */ "size": IxModalSize; } interface IxModalContent { } interface IxModalFooter { } interface IxModalHeader { /** * ARIA label for the close icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Close modal' */ "ariaLabelCloseIconButton"?: string; /** * ARIA label for the icon */ "ariaLabelIcon"?: string; /** * Hide the close button * @default false */ "hideClose": boolean; /** * Icon of the Header */ "icon"?: string; /** * Icon color */ "iconColor"?: string; } interface IxModalLoading { } /** * @form-ready */ interface IxNumberInput { /** * If true, the valueChange event will return null instead of 0 for an empty input state. This property will be removed in 5.0.0 and this behaviour will be default. * @since 4.1.0 * @default false */ "allowEmptyValueChange": boolean; /** * The allowed characters pattern for the input field */ "allowedCharactersPattern"?: string; /** * Disables the input field * @default false */ "disabled": boolean; /** * Focuses the input field */ "focusInput": () => Promise; "getAssociatedFormElement": () => Promise; /** * Returns the native input element used under the hood */ "getNativeInputElement": () => Promise; "hasValidValue": () => Promise; /** * The helper text for the input field */ "helperText"?: string; /** * The info text for the input field */ "infoText"?: string; /** * The error text for the input field */ "invalidText"?: string; /** * Returns true if the input field has been touched */ "isTouched": () => Promise; /** * The label for the input field */ "label"?: string; /** * The maximum value for the input field */ "max"?: string | number; /** * The minimum value for the input field */ "min"?: string | number; /** * name of the input element */ "name"?: string; /** * The pattern for the input field */ "pattern"?: string; /** * placeholder of the input element */ "placeholder"?: string; /** * Indicates if the field is read-only * @default false */ "readonly": boolean; /** * Indicates if the field is required. When required, empty values (undefined) are not accepted. * @default false */ "required": boolean; /** * Indicates if the stepper buttons should be shown */ "showStepperButtons"?: boolean; /** * Indicates if the text should be shown as a tooltip */ "showTextAsTooltip"?: boolean; /** * Step value to increment or decrement the input value. Default step value is 1. * @default 1 */ "step"?: string | number; /** * If false, pressing Enter will submit the form (if inside a form). Set to true to suppress submit on Enter. * @default false */ "suppressSubmitOnEnter": boolean; /** * Text alignment within the number input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input. * @default 'end' */ "textAlignment": 'start' | 'end'; /** * The valid text for the input field */ "validText"?: string; /** * The value of the input field. Supports numeric values, scientific notation (1E6, 1E-6), or undefined for empty. * @default 0 */ "value"?: number; /** * The warning text for the input field */ "warningText"?: string; } interface IxPagination { /** * Advanced mode * @default false */ "advanced": boolean; /** * ARIA label for the chevron left icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Previous page' */ "ariaLabelChevronLeftIconButton"?: string; /** * ARIA label for the chevron right icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Next page' */ "ariaLabelChevronRightIconButton"?: string; /** * ARIA label for the page selection input Will be set as aria-label on the nested HTML input element * @since 4.1.0 * @default 'Page selection input' */ "ariaLabelPageSelection": string; /** * Total number of pages * @default 0 */ "count": number; /** * Hide item count in advanced mode * @default false */ "hideItemCount": boolean; /** * i18n label for 'Items' * @default 'Items' */ "i18nItems": string; /** * i18n label for 'of' * @default 'of' */ "i18nOf": string; /** * i18n label for 'Page' * @default 'Page' */ "i18nPage": string; /** * Number of items shown at once. Can only be changed in advanced mode. * @default 15 */ "itemCount": number; /** * Custom item count options for advanced mode. Provide an array of positive numbers to display in the items per page dropdown. * @since 4.4.0 * @default [10, 15, 20, 40, 100] */ "itemCountOptions": number[]; /** * Zero based index of currently selected page * @default 0 */ "selectedPage": number; } interface IxPane { /** * ARIA label close or collapse button */ "ariaLabelCollapseCloseButton"?: string; /** * ARIA label for the icon */ "ariaLabelIcon"?: string; /** * Toggle the border of the pane. Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false. * @default false */ "borderless": boolean; /** * If true, the pane will close when clicking outside of it * @default false */ "closeOnClickOutside": boolean; /** * Defines the position of the pane inside it's container. Inside a pane layout this property will automatically be set to the name of slot the pane is assigned to. * @default 'top' */ "composition": Composition; /** * State of the pane * @default false */ "expanded": boolean; /** * Title of the side panel */ "heading"?: string; /** * Define if the pane should have a collapsed state * @default false */ "hideOnCollapse": boolean; /** * Name of the icon */ "icon"?: string; /** * @default false */ "ignoreLayoutSettings": boolean; /** * @default false */ "isMobile": boolean; /** * The maximum size of the sidebar, when it is expanded * @default '240px' */ "size": | '240px' | '320px' | '360px' | '480px' | '600px' | '33%' | '50%'; /** * Variant of the side pane. Defaults to the variant attribute of the pane layout. If used standalone it defaults to inline. * @default 'inline' */ "variant": 'floating' | 'inline'; } interface IxPaneLayout { /** * Set the default border state for all panes in the layout * @default false */ "borderless": boolean; /** * Choose the layout of the panes. When set to 'full-vertical' the vertical panes (left, right) will get the full height. When set to 'full-horizontal' the horizontal panes (top, bottom) will get the full width. * @default 'full-vertical' */ "layout": 'full-vertical' | 'full-horizontal'; /** * Set the default variant for all panes in the layout * @default 'inline' */ "variant": 'floating' | 'inline'; } interface IxPill { /** * Align pill content left * @default false */ "alignLeft": boolean; /** * ARIA label for the icon * @since 3.2.0 */ "ariaLabelIcon"?: string; /** * Custom color for pill. Only working for `variant='custom'` */ "background": string | undefined; /** * Show icon */ "icon"?: string; /** * Show pill as outline * @default false */ "outline": boolean; /** * Custom font color for pill. Only working for `variant='custom'` */ "pillColor": string | undefined; /** * Display a tooltip. By default, no tooltip will be displayed. Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text. * @since 3.0.0 * @default false */ "tooltipText": string | boolean; /** * Pill variant * @default 'primary' */ "variant": | 'primary' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'custom'; } /** * @since 3.2.0 */ interface IxProgressIndicator { /** * The helper text for the progress indicator. */ "helperText"?: string; /** * The label for the progress indicator. */ "label"?: string; /** * The maximum value of the progress indicator. * @default 100 */ "max": number; /** * The minimum value of the progress indicator. * @default 0 */ "min": number; /** * Show the helper text as a tooltip * @default false */ "showTextAsTooltip": boolean; /** * The size of the progress indicator. * @default 'md' */ "size": ProgressIndicatorSize; /** * The state of the progress indicator. This is used to indicate the current state of the progress indicator. * @default 'default' */ "status": ProgressIndicatorStatus; /** * The text alignment for the helper text. Can be 'left', 'center', or 'right'. * @default 'left' */ "textAlignment": 'left' | 'center' | 'right'; /** * The type of progress indicator to use. * @default 'linear' */ "type": 'linear' | 'circular'; /** * The value of the progress indicator. * @default 0 */ "value": number; } interface IxPushCard { /** * ARIA label for the icon * @since 3.2.0 */ "ariaLabelIcon"?: string; /** * Expand the card * @default false */ "expanded": boolean; /** * Card heading */ "heading"?: string; /** * Card icon */ "icon"?: string; /** * Card KPI value */ "notification"?: string; /** * If true, disables hover and active styles and changes cursor to default * @default false */ "passive": boolean; /** * Card subheading */ "subheading"?: string; /** * Card variant * @default 'outline' */ "variant": PushCardVariant; } /** * @form-ready */ interface IxRadio { /** * Checked state of the radio component * @default false */ "checked": boolean; /** * Disabled state of the radio component * @default false */ "disabled": boolean; "getAssociatedFormElement": () => Promise; "hasValidValue": () => Promise; /** * Label for the radio component */ "label"?: string; /** * Name of the radio component */ "name"?: string; /** * Requires the radio component and its group to be checked for the form to be submittable * @since 3.0.0 * @default false */ "required": boolean; "setCheckedState": (newChecked: boolean) => Promise; /** * Value of the radio component */ "value"?: string; } /** * @form-ready */ interface IxRadioGroup { /** * Alignment of the radio buttons in the group * @default 'column' */ "direction": 'column' | 'row'; "hasValidValue": () => Promise; /** * Show text below the field component */ "helperText"?: string; /** * Info text for the field component */ "infoText"?: string; /** * Error text for the field component */ "invalidText"?: string; "isTouched": () => Promise; /** * Label for the field component */ "label"?: string; /** * Required state of the checkbox component * @default false */ "required"?: boolean; "setCheckedToNextItem": (currentRadio: HTMLIxRadioElement, forward?: boolean) => Promise; /** * Show helper, info, warning, error and valid text as tooltip */ "showTextAsTooltip"?: boolean; /** * Valid text for the field component */ "validText"?: string; /** * Value of the radiobutton group component */ "value"?: string; /** * Warning text for the field component */ "warningText"?: string; } interface IxRow { } /** * @form-ready */ interface IxSelect { /** * Show clear button * @default false */ "allowClear": boolean; /** * ARIA label for the chevron down icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelChevronDownIconButton"?: string; /** * ARIA label for the clear icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Clear selection' */ "ariaLabelClearIconButton"?: string; /** * Show "all" chip when all items are selected in multiple mode * @default false */ "collapseMultipleSelection": boolean; /** * If true the select will be in disabled state * @default false */ "disabled": boolean; /** * The maximum width of the dropdown element with value and unit (e.g. "200px" or "12.5rem"). By default the maximum width of the dropdown element is set to 100%. */ "dropdownMaxWidth"?: string; /** * The width of the dropdown element with value and unit (e.g. "200px" or "12.5rem"). */ "dropdownWidth"?: string; /** * Select is extendable * @default false */ "editable": boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Focuses the input field */ "focusInput": () => Promise; "getAssociatedFormElement": () => Promise; /** * Returns the native input element used in the component. */ "getNativeInputElement": () => Promise; "hasValidValue": () => Promise; /** * Helper text for the select component */ "helperText"?: string; /** * Hide list header * @default false */ "hideListHeader": boolean; /** * Chip label for all selected items in multiple mode. * @default 'All' */ "i18nAllSelected": string; /** * Information inside of dropdown if no items where found with current filter text * @default 'No matches' */ "i18nNoMatches": string; /** * Input field placeholder * @default 'Select an option' */ "i18nPlaceholder": string; /** * Input field placeholder for editable select * @default 'Type of select option' */ "i18nPlaceholderEditable": string; /** * Select list header * @default 'Select an option' */ "i18nSelectListHeader": string; /** * Info text for the select component */ "infoText"?: string; /** * Error text for the select component */ "invalidText"?: string; /** * Check if the input field has been touched. */ "isTouched": () => Promise; /** * Label for the select component */ "label"?: string; /** * Selection mode * @default 'single' */ "mode": 'single' | 'multiple'; /** * A string that represents the element's name attribute, containing a name that identifies the element when submitting the form. */ "name"?: string; /** * If true the select will be in readonly mode * @default false */ "readonly": boolean; /** * A Boolean attribute indicating that an option with a non-empty string value must be selected * @default false */ "required": boolean; /** * Show helper, error, info, warning text as tooltip */ "showTextAsTooltip"?: boolean; /** * Valid text for the select component */ "validText"?: string; /** * Current selected value. This corresponds to the value property of ix-select-items * @default '' */ "value": string | string[]; /** * Warning text for the select component */ "warningText"?: string; } interface IxSelectItem { "getDropdownItemElement": () => Promise; /** * @default false */ "hover": boolean; /** * Displayed name of the item */ "label"?: string; /** * @param event */ "onItemClick": (event?: CustomEvent) => Promise; /** * Flag indicating whether the item is selected * @default false */ "selected": boolean; /** * The value of the item. Important: The select component uses string values to handle selection and will call toString() on this value. Therefor a string should be passed to value to prevent unexpected behavior. */ "value": string; } /** * @form-ready */ interface IxSlider { /** * Show control as disabled * @default false */ "disabled": boolean; /** * Show error state and message * @deprecated Will be removed in 5.0.0. Use invalid class instead. */ "error"?: boolean | string; "hasValidValue": () => Promise; /** * Show text below the field component * @since 4.3.0 */ "helperText"?: string; /** * Info text for the field component * @since 4.3.0 */ "infoText"?: string; /** * Error text for the field component * @since 4.3.0 */ "invalidText"?: string; "isTouched": () => Promise; /** * Label for the field component * @since 4.3.0 */ "label"?: string; /** * Define tick marker on the slider. Marker has to be within slider min/max */ "marker"?: SliderMarker; /** * Maximum slider value * @default 100 */ "max": number; /** * Minimum slider value * @default 0 */ "min": number; /** * Show helper, info, warning, error and valid text as tooltip * @since 4.3.0 * @default false */ "showTextAsTooltip": boolean; /** * Legal number intervals {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step} * @default 1 */ "step": number; /** * Show a trace line * @default false */ "trace": boolean; /** * Define the start point of the trace line * @default 0 */ "traceReference": number; /** * Valid text for the field component * @since 4.3.0 */ "validText"?: string; /** * Current value of the slider * @default 0 */ "value": number; /** * Warning text for the field component * @since 4.3.0 */ "warningText"?: string; } interface IxSpinner { /** * @default false */ "hideTrack": boolean; /** * Size of spinner * @default 'medium' */ "size": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large'; /** * Variant of spinner * @default 'secondary' */ "variant": 'primary' | 'secondary'; } interface IxSplitButton { /** * ARIA label for the button (use if no label and icon button) * @since 3.2.0 */ "ariaLabelButton"?: string; /** * ARIA label for the split icon button * @since 3.2.0 */ "ariaLabelSplitIconButton"?: string; /** * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown. * @default 'both' */ "closeBehavior": CloseBehavior; /** * Disables only the main button while keeping the dropdown trigger enabled * @since 4.1.0 * @default false */ "disableButton": boolean; /** * Disables only the dropdown trigger while keeping the main button enabled * @since 4.1.0 * @default false */ "disableDropdownButton": boolean; /** * Disabled * @default false */ "disabled": boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Button icon */ "icon"?: string; /** * Button label */ "label"?: string; /** * Placement of the dropdown * @default 'bottom-start' */ "placement": AlignedPlacement; /** * Icon of the button on the right */ "splitIcon"?: string; /** * Color variant of button * @default 'primary' */ "variant": SplitButtonVariant; } interface IxTabItem { /** * Set counter value */ "counter"?: number; /** * Set disabled tab * @default false */ "disabled": boolean; /** * Set icon only tab * @default false */ "icon": boolean; /** * Set layout width style * @default 'auto' */ "layout": 'auto' | 'stretched'; /** * Set selected placement * @default 'bottom' */ "placement": 'bottom' | 'top'; /** * Set rounded tab * @default false */ "rounded": boolean; /** * Set selected tab * @default false */ "selected": boolean; /** * Set small size tab * @default false */ "small": boolean; } interface IxTabs { /** * ARIA label for the chevron left icon button * @since 3.2.0 * @default 'Scroll tabs left' */ "ariaLabelChevronLeftIconButton": string; /** * ARIA label for the chevron right icon button * @since 3.2.0 * @default 'Scroll tabs right' */ "ariaLabelChevronRightIconButton": string; /** * Set layout width style * @default 'auto' */ "layout": 'auto' | 'stretched'; /** * Set placement style * @default 'bottom' */ "placement": 'bottom' | 'top'; /** * Set rounded tabs * @default false */ "rounded": boolean; /** * Set default selected tab by index * @default 0 */ "selected": number; /** * Set tab items to small size * @default false */ "small": boolean; } /** * @form-ready */ interface IxTextarea { /** * Determines if the textarea field is disabled. * @default false */ "disabled": boolean; /** * Focuses the input field */ "focusInput": () => Promise; "getAssociatedFormElement": () => Promise; /** * Get the native textarea element. */ "getNativeInputElement": () => Promise; "hasValidValue": () => Promise; /** * The helper text for the textarea field. */ "helperText"?: string; /** * The info text for the textarea field. */ "infoText"?: string; /** * The error text for the textarea field. */ "invalidText"?: string; /** * Check if the textarea field has been touched. */ "isTouched": () => Promise; /** * The label for the textarea field. */ "label"?: string; /** * The maximum length of the textarea field. */ "maxLength"?: number; /** * The minimum length of the textarea field. */ "minLength"?: number; /** * The name of the textarea field. */ "name"?: string; /** * The placeholder text for the textarea field. */ "placeholder"?: string; /** * Determines if the textarea field is readonly. * @default false */ "readonly": boolean; /** * Determines if the textarea field is required. * @default false */ "required": boolean; /** * Determines the resize behavior of the textarea field. Resizing can be enabled in one direction, both directions or completely disabled. * @default 'both' */ "resizeBehavior": TextareaResizeBehavior; /** * Determines if the text should be displayed as a tooltip. */ "showTextAsTooltip"?: boolean; /** * The width of the textarea specified by number of characters. Will be overridden by `textareaWidth` prop if both are set. */ "textareaCols"?: number; /** * The height of the textarea field (e.g. "52px"). Will take precedence over `textareaRows` prop if both are set. */ "textareaHeight"?: string; /** * The height of the textarea specified by number of rows. Will be overridden by `textareaHeight` prop if both are set. */ "textareaRows"?: number; /** * The width of the textarea field (e.g. "200px"). Will take precedence over `textareaCols` prop if both are set. */ "textareaWidth"?: string; /** * The valid text for the textarea field. */ "validText"?: string; /** * The value of the textarea field. * @default '' */ "value": string; /** * The warning text for the textarea field. */ "warningText"?: string; } interface IxTile { /** * Size of the tile - one of 'small', 'medium' or 'large' * @default 'medium' */ "size": 'small' | 'medium' | 'big'; } /** * @since 3.2.0 * @form-ready */ interface IxTimeInput { /** * Disabled attribute. * @default false */ "disabled": boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer": boolean; /** * Focuses the input field */ "focusInput": () => Promise; /** * Format of time string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'TT' */ "format": string; "getAssociatedFormElement": () => Promise; /** * Get the native input element */ "getNativeInputElement": () => Promise; "getValidityState": () => Promise; "hasValidValue": () => Promise; /** * Helper text below the input field. */ "helperText"?: string; /** * Hides the header of the picker. * @since 4.0.0 * @default false */ "hideHeader": boolean; /** * Interval for hour selection. * @default 1 */ "hourInterval": number; /** * I18n string for the error message when the time is not parsable. * @default 'Time is not valid' */ "i18nErrorTimeUnparsable": string; /** * Text for the time picker hour column header. * @default 'hr' */ "i18nHourColumnHeader": string; /** * Text for the time picker millisecond column header. * @default 'ms' */ "i18nMillisecondColumnHeader": string; /** * Text for the time picker minute column header. * @default 'min' */ "i18nMinuteColumnHeader": string; /** * Text for the time picker second column header. * @default 'sec' */ "i18nSecondColumnHeader": string; /** * Text of the time picker confirm button. * @default 'Confirm' */ "i18nSelectTime": string; /** * Text for the time picker top label. * @default 'Time' */ "i18nTime": string; /** * Info text below the input field. */ "infoText"?: string; /** * Error text below the input field. */ "invalidText"?: string; /** * Returns whether the text field has been touched. */ "isTouched": () => Promise; /** * Label of the input field. */ "label"?: string; /** * Interval for millisecond selection. * @default 100 */ "millisecondInterval": number; /** * Interval for minute selection. * @default 1 */ "minuteInterval": number; /** * Name of the input element. */ "name"?: string; /** * Placeholder of the input element. */ "placeholder"?: string; /** * Readonly attribute. * @default false */ "readonly": boolean; /** * Required attribute. */ "required"?: boolean; /** * Interval for second selection. * @default 1 */ "secondInterval": number; /** * Show text as tooltip. */ "showTextAsTooltip"?: boolean; /** * If false, pressing Enter will submit the form (if inside a form). Set to true to suppress submit on Enter. * @default false */ "suppressSubmitOnEnter": boolean; /** * Text alignment within the time input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input. * @default 'start' */ "textAlignment": 'start' | 'end'; /** * Valid text below the input field. */ "validText"?: string; /** * Value of the input element. * @default '' */ "value": string; /** * Warning text below the input field. */ "warningText"?: string; } interface IxTimePicker { /** * Corner style. * @default 'rounded' */ "corners": TimePickerCorners; /** * @default false */ "dateTimePickerAppearance": boolean; /** * Embedded style (for use in other components). * @default false */ "embedded": boolean; /** * Format of time string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. Note: Formats that combine date and time (like f or F) are not supported. Timestamp tokens x and X are not supported either. * @default 'TT' */ "format": string; /** * Get the current time based on the wanted format */ "getCurrentTime": () => Promise; /** * Hides the header of the picker. * @since 3.2.0 * @default false */ "hideHeader": boolean; /** * Interval for hour selection. * @since 3.2.0 * @default HOUR_INTERVAL_DEFAULT */ "hourInterval": number; /** * Text of the time confirm button. * @default CONFIRM_BUTTON_DEFAULT */ "i18nConfirmTime": string; /** * Text for the top header. * @default HEADER_DEFAULT */ "i18nHeader": string; /** * Text for the hour column header. * @default 'hr' */ "i18nHourColumnHeader": string; /** * Text for the millisecond column header. * @default 'ms' */ "i18nMillisecondColumnHeader": string; /** * Text for the minute column header. * @default 'min' */ "i18nMinuteColumnHeader": string; /** * Text for the second column header. * @default 'sec' */ "i18nSecondColumnHeader": string; /** * Interval for millisecond selection. * @since 3.2.0 * @default MILLISECOND_INTERVAL_DEFAULT */ "millisecondInterval": number; /** * Interval for minute selection. * @since 3.2.0 * @default MINUTE_INTERVAL_DEFAULT */ "minuteInterval": number; /** * Interval for second selection. * @since 3.2.0 * @default SECOND_INTERVAL_DEFAULT */ "secondInterval": number; /** * Selected time value. Format has to match the `format` property. */ "time"?: string; } interface IxToast { /** * ARIA label for the close icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Close toast' */ "ariaLabelCloseIconButton"?: string; /** * Autoclose title after delay * @default 5000 */ "autoCloseDelay": number; /** * Allows to hide the icon in the toast. * @default false */ "hideIcon": boolean; /** * Icon of toast */ "icon"?: string; /** * Icon color of toast */ "iconColor"?: string; /** * Returns whether the toast is currently paused (auto-close is paused). */ "isPaused": () => Promise; /** * Pause the toast's auto-close progress bar and timer. */ "pause": () => Promise; /** * Autoclose behavior * @default false */ "preventAutoClose": boolean; /** * Resume the toast's auto-close progress bar and timer if previously paused. */ "resume": () => Promise; /** * Toast title */ "toastTitle"?: string; /** * Toast type * @default 'info' */ "type": ToastType; } interface IxToastContainer { /** * @default 'toast-container' */ "containerClass": string; /** * @default 'toast-container' */ "containerId": string; /** * @default 'bottom-right' */ "position": 'bottom-right' | 'top-right'; /** * Display a toast message * @param config */ "showToast": (config: ToastConfig) => Promise; } /** * @form-ready */ interface IxToggle { /** * Whether the slide-toggle element is checked or not. * @default false */ "checked": boolean; /** * Whether the slide-toggle element is disabled or not. * @default false */ "disabled": boolean; "getAssociatedFormElement": () => Promise; "hasValidValue": () => Promise; /** * Hide `on` and `off` text * @default false */ "hideText": boolean; /** * If true the control is in indeterminate state * @default false */ "indeterminate": boolean; "isTouched": () => Promise; /** * Name of the checkbox component */ "name"?: string; /** * Required state of the checkbox component. If true, checkbox needs to be checked to be valid * @default false */ "required": boolean; /** * Text for indeterminate state * @default 'Mixed' */ "textIndeterminate": string; /** * Text for off state * @default 'Off' */ "textOff": string; /** * Text for on state * @default 'On' */ "textOn": string; /** * Value of the checkbox component * @default 'on' */ "value": string; } interface IxToggleButton { /** * ARIA label that will be set on the native HTML button element * @since 3.2.0 */ "ariaLabelButton"?: string; /** * Disable the button * @default false */ "disabled": boolean; /** * Icon name */ "icon"?: string; /** * Icon name for the right side of the button * @since 4.0.0 */ "iconRight"?: string; /** * Loading button * @default false */ "loading": boolean; /** * Show button as pressed * @default false */ "pressed": boolean; /** * Button variant. * @default 'subtle-primary' */ "variant": ToggleButtonVariant; } interface IxTooltip { /** * @default false */ "animationFrame": boolean; /** * CSS selector for hover trigger element e.g. `for="[data-my-custom-select]"` */ "for"?: ElementReference | ElementReference[]; /** * @default 50 */ "hideDelay": number; "hideTooltip": (hideDelay?: number) => Promise; /** * Define if the user can access the tooltip via mouse. * @default false */ "interactive": boolean; /** * Initial placement of the tooltip. If the selected placement doesn't have enough space, the tooltip will be repositioned to another location. * @default 'top' */ "placement": 'top' | 'right' | 'bottom' | 'left'; /** * @default 0 */ "showDelay": number; "showTooltip": (anchorElement: Element) => Promise; /** * Title of the tooltip */ "titleContent"?: string; } interface IxTree { /** * Selection and collapsed state management * @default {} */ "context": TreeContext; /** * Mark items as dirty. This will force the list to re-render the items with the given ids. */ "markItemsAsDirty": (ids: string[]) => Promise; /** * Tree model * @default {} */ "model": TreeModel; /** * Refresh the list. This will re-render the list with the current model and context. */ "refreshTree": (options?: RefreshTreeOptions) => Promise; /** * Render function of tree items */ "renderItem"?: ( index: number, data: T, dataList: Array, context: TreeContext, update: (callback: UpdateCallback) => void ) => HTMLElement; /** * Initial root element will not be rendered * @default 'root' */ "root": string; /** * Enable to toggle items by click on the item * @since 3.0.0 */ "toggleOnItemClick"?: boolean; } interface IxTreeItem { /** * ARIA label for the chevron icon */ "ariaLabelChevronIcon"?: string; /** * Context */ "context"?: TreeItemContext; /** * Has tree item children * @default false */ "hasChildren": boolean; /** * Text */ "text"?: string; } interface IxTypography { /** * Display text bold * @default false */ "bold": boolean; /** * Text format */ "format"?: TypographyFormat; /** * Text color based on theme variables */ "textColor"?: TypographyColors; /** * Text decoration * @default 'none' */ "textDecoration": TextDecoration; } interface IxUpload { /** * The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload). See {@link https://www.w3schools.com/tags/att_input_accept.asp} */ "accept"?: string; /** * Disable all input events * @default false */ "disabled": boolean; /** * Text for disabled state * @default 'File upload currently not possible.' */ "i18nUploadDisabled": string; /** * Label for upload file button * @default 'Upload file…' */ "i18nUploadFile": string; /** * Will be used by state = UploadFileState.LOADING * @default 'Checking files…' */ "loadingText": string; /** * Whether the text should wrap to more than one line * @default false */ "multiline": boolean; /** * If multiple is true the user can drop or select multiple files * @default false */ "multiple": boolean; /** * Will be used by state = UploadFileState.SELECT_FILE * @default '+ Drag files here or…' */ "selectFileText": string; /** * Set files * @param obj */ "setFilesToUpload": (obj: any) => Promise; /** * After a file is uploaded you can set the upload component to a defined state * @default UploadFileState.SELECT_FILE */ "state": UploadFileState; /** * Will be used by state = UploadFileState.UPLOAD_FAILED * @default 'Upload failed. Please try again.' */ "uploadFailedText": string; /** * Will be used by state = UploadFileState.UPLOAD_SUCCESSED * @default 'Upload successful' */ "uploadSuccessText": string; } /** * @deprecated Since 3.0.0. Will be removed with 5.0.0 * Not maintained anymore. */ interface IxValidationTooltip { /** * Message of the tooltip */ "message"?: string; /** * Placement of the tooltip * @default 'top' */ "placement": Side; /** * Suppress the automatic placement of the dropdown. * @default false */ "suppressAutomaticPlacement": boolean; } interface IxWorkflowStep { /** * Activate navigation click * @default false */ "clickable": boolean; /** * Set disabled * @default false */ "disabled": boolean; /** * Activate navigation click * @default 'undefined' */ "position": 'first' | 'last' | 'single' | 'undefined'; /** * Set selected * @default false */ "selected": boolean; /** * Set status * @default 'open' */ "status": 'open' | 'success' | 'done' | 'warning' | 'error'; /** * Select orientation * @default false */ "vertical": boolean; } interface IxWorkflowSteps { /** * Activate navigation click * @default false */ "clickable": boolean; /** * Activate navigation click * @default 0 */ "selectedIndex": number; /** * Select orientation * @default false */ "vertical": boolean; } } export interface IxApplicationHeaderCustomEvent extends CustomEvent { detail: T; target: HTMLIxApplicationHeaderElement; } export interface IxBlindCustomEvent extends CustomEvent { detail: T; target: HTMLIxBlindElement; } export interface IxBreadcrumbCustomEvent extends CustomEvent { detail: T; target: HTMLIxBreadcrumbElement; } export interface IxBreadcrumbItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxBreadcrumbItemElement; } export interface IxCardAccordionCustomEvent extends CustomEvent { detail: T; target: HTMLIxCardAccordionElement; } export interface IxCardListCustomEvent extends CustomEvent { detail: T; target: HTMLIxCardListElement; } export interface IxCategoryFilterCustomEvent extends CustomEvent { detail: T; target: HTMLIxCategoryFilterElement; } export interface IxCheckboxCustomEvent extends CustomEvent { detail: T; target: HTMLIxCheckboxElement; } export interface IxChipCustomEvent extends CustomEvent { detail: T; target: HTMLIxChipElement; } export interface IxContentHeaderCustomEvent extends CustomEvent { detail: T; target: HTMLIxContentHeaderElement; } export interface IxDateDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLIxDateDropdownElement; } export interface IxDateInputCustomEvent extends CustomEvent { detail: T; target: HTMLIxDateInputElement; } export interface IxDatePickerCustomEvent extends CustomEvent { detail: T; target: HTMLIxDatePickerElement; } export interface IxDatetimePickerCustomEvent extends CustomEvent { detail: T; target: HTMLIxDatetimePickerElement; } export interface IxDrawerCustomEvent extends CustomEvent { detail: T; target: HTMLIxDrawerElement; } export interface IxDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLIxDropdownElement; } export interface IxDropdownItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxDropdownItemElement; } export interface IxEmptyStateCustomEvent extends CustomEvent { detail: T; target: HTMLIxEmptyStateElement; } export interface IxEventListItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxEventListItemElement; } export interface IxExpandingSearchCustomEvent extends CustomEvent { detail: T; target: HTMLIxExpandingSearchElement; } export interface IxFilterChipCustomEvent extends CustomEvent { detail: T; target: HTMLIxFilterChipElement; } export interface IxFlipTileCustomEvent extends CustomEvent { detail: T; target: HTMLIxFlipTileElement; } export interface IxGroupCustomEvent extends CustomEvent { detail: T; target: HTMLIxGroupElement; } export interface IxGroupItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxGroupItemElement; } export interface IxIconToggleButtonCustomEvent extends CustomEvent { detail: T; target: HTMLIxIconToggleButtonElement; } export interface IxInputCustomEvent extends CustomEvent { detail: T; target: HTMLIxInputElement; } export interface IxMenuCustomEvent extends CustomEvent { detail: T; target: HTMLIxMenuElement; } export interface IxMenuAboutCustomEvent extends CustomEvent { detail: T; target: HTMLIxMenuAboutElement; } export interface IxMenuAboutItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxMenuAboutItemElement; } export interface IxMenuAboutNewsCustomEvent extends CustomEvent { detail: T; target: HTMLIxMenuAboutNewsElement; } export interface IxMenuAvatarCustomEvent extends CustomEvent { detail: T; target: HTMLIxMenuAvatarElement; } export interface IxMenuAvatarItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxMenuAvatarItemElement; } export interface IxMenuCategoryCustomEvent extends CustomEvent { detail: T; target: HTMLIxMenuCategoryElement; } export interface IxMenuSettingsCustomEvent extends CustomEvent { detail: T; target: HTMLIxMenuSettingsElement; } export interface IxMenuSettingsItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxMenuSettingsItemElement; } export interface IxMessageBarCustomEvent extends CustomEvent { detail: T; target: HTMLIxMessageBarElement; } export interface IxModalCustomEvent extends CustomEvent { detail: T; target: HTMLIxModalElement; } export interface IxModalHeaderCustomEvent extends CustomEvent { detail: T; target: HTMLIxModalHeaderElement; } export interface IxNumberInputCustomEvent extends CustomEvent { detail: T; target: HTMLIxNumberInputElement; } export interface IxPaginationCustomEvent extends CustomEvent { detail: T; target: HTMLIxPaginationElement; } export interface IxPaneCustomEvent extends CustomEvent { detail: T; target: HTMLIxPaneElement; } export interface IxRadioCustomEvent extends CustomEvent { detail: T; target: HTMLIxRadioElement; } export interface IxRadioGroupCustomEvent extends CustomEvent { detail: T; target: HTMLIxRadioGroupElement; } export interface IxSelectCustomEvent extends CustomEvent { detail: T; target: HTMLIxSelectElement; } export interface IxSelectItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxSelectItemElement; } export interface IxSliderCustomEvent extends CustomEvent { detail: T; target: HTMLIxSliderElement; } export interface IxSplitButtonCustomEvent extends CustomEvent { detail: T; target: HTMLIxSplitButtonElement; } export interface IxTabItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxTabItemElement; } export interface IxTabsCustomEvent extends CustomEvent { detail: T; target: HTMLIxTabsElement; } export interface IxTextareaCustomEvent extends CustomEvent { detail: T; target: HTMLIxTextareaElement; } export interface IxTimeInputCustomEvent extends CustomEvent { detail: T; target: HTMLIxTimeInputElement; } export interface IxTimePickerCustomEvent extends CustomEvent { detail: T; target: HTMLIxTimePickerElement; } export interface IxToastCustomEvent extends CustomEvent { detail: T; target: HTMLIxToastElement; } export interface IxToggleCustomEvent extends CustomEvent { detail: T; target: HTMLIxToggleElement; } export interface IxToggleButtonCustomEvent extends CustomEvent { detail: T; target: HTMLIxToggleButtonElement; } export interface IxTreeCustomEvent extends CustomEvent { detail: T; target: HTMLIxTreeElement; } export interface IxTreeItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxTreeItemElement; } export interface IxUploadCustomEvent extends CustomEvent { detail: T; target: HTMLIxUploadElement; } export interface IxWorkflowStepCustomEvent extends CustomEvent { detail: T; target: HTMLIxWorkflowStepElement; } export interface IxWorkflowStepsCustomEvent extends CustomEvent { detail: T; target: HTMLIxWorkflowStepsElement; } declare global { interface HTMLIxActionCardElement extends Components.IxActionCard, HTMLStencilElement { } var HTMLIxActionCardElement: { prototype: HTMLIxActionCardElement; new (): HTMLIxActionCardElement; }; interface HTMLIxApplicationElement extends Components.IxApplication, HTMLStencilElement { } var HTMLIxApplicationElement: { prototype: HTMLIxApplicationElement; new (): HTMLIxApplicationElement; }; interface HTMLIxApplicationHeaderElementEventMap { "menuToggle": boolean; "openAppSwitch": void; } interface HTMLIxApplicationHeaderElement extends Components.IxApplicationHeader, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxApplicationHeaderElement, ev: IxApplicationHeaderCustomEvent) => 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: HTMLIxApplicationHeaderElement, ev: IxApplicationHeaderCustomEvent) => 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 HTMLIxApplicationHeaderElement: { prototype: HTMLIxApplicationHeaderElement; new (): HTMLIxApplicationHeaderElement; }; interface HTMLIxApplicationSidebarElement extends Components.IxApplicationSidebar, HTMLStencilElement { } var HTMLIxApplicationSidebarElement: { prototype: HTMLIxApplicationSidebarElement; new (): HTMLIxApplicationSidebarElement; }; interface HTMLIxApplicationSwitchModalElement extends Components.IxApplicationSwitchModal, HTMLStencilElement { } var HTMLIxApplicationSwitchModalElement: { prototype: HTMLIxApplicationSwitchModalElement; new (): HTMLIxApplicationSwitchModalElement; }; interface HTMLIxAvatarElement extends Components.IxAvatar, HTMLStencilElement { } var HTMLIxAvatarElement: { prototype: HTMLIxAvatarElement; new (): HTMLIxAvatarElement; }; interface HTMLIxBlindElementEventMap { "collapsedChange": boolean; } interface HTMLIxBlindElement extends Components.IxBlind, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxBlindElement, ev: IxBlindCustomEvent) => 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: HTMLIxBlindElement, ev: IxBlindCustomEvent) => 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 HTMLIxBlindElement: { prototype: HTMLIxBlindElement; new (): HTMLIxBlindElement; }; interface HTMLIxBreadcrumbElementEventMap { "itemClick": string; "nextClick": { event: UIEvent; item: string }; } interface HTMLIxBreadcrumbElement extends Components.IxBreadcrumb, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxBreadcrumbElement, ev: IxBreadcrumbCustomEvent) => 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: HTMLIxBreadcrumbElement, ev: IxBreadcrumbCustomEvent) => 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 HTMLIxBreadcrumbElement: { prototype: HTMLIxBreadcrumbElement; new (): HTMLIxBreadcrumbElement; }; interface HTMLIxBreadcrumbItemElementEventMap { "itemClick": string; } interface HTMLIxBreadcrumbItemElement extends Components.IxBreadcrumbItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxBreadcrumbItemElement, ev: IxBreadcrumbItemCustomEvent) => 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: HTMLIxBreadcrumbItemElement, ev: IxBreadcrumbItemCustomEvent) => 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 HTMLIxBreadcrumbItemElement: { prototype: HTMLIxBreadcrumbItemElement; new (): HTMLIxBreadcrumbItemElement; }; interface HTMLIxButtonElement extends Components.IxButton, HTMLStencilElement { } var HTMLIxButtonElement: { prototype: HTMLIxButtonElement; new (): HTMLIxButtonElement; }; interface HTMLIxCardElement extends Components.IxCard, HTMLStencilElement { } var HTMLIxCardElement: { prototype: HTMLIxCardElement; new (): HTMLIxCardElement; }; interface HTMLIxCardAccordionElementEventMap { "accordionExpand": CardAccordionExpandChangeEvent; } interface HTMLIxCardAccordionElement extends Components.IxCardAccordion, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxCardAccordionElement, ev: IxCardAccordionCustomEvent) => 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: HTMLIxCardAccordionElement, ev: IxCardAccordionCustomEvent) => 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 HTMLIxCardAccordionElement: { prototype: HTMLIxCardAccordionElement; new (): HTMLIxCardAccordionElement; }; interface HTMLIxCardContentElement extends Components.IxCardContent, HTMLStencilElement { } var HTMLIxCardContentElement: { prototype: HTMLIxCardContentElement; new (): HTMLIxCardContentElement; }; interface HTMLIxCardListElementEventMap { "collapseChanged": boolean; "showAllClick": { nativeEvent: MouseEvent; }; "showMoreCardClick": { nativeEvent: MouseEvent; }; } interface HTMLIxCardListElement extends Components.IxCardList, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxCardListElement, ev: IxCardListCustomEvent) => 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: HTMLIxCardListElement, ev: IxCardListCustomEvent) => 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 HTMLIxCardListElement: { prototype: HTMLIxCardListElement; new (): HTMLIxCardListElement; }; interface HTMLIxCardTitleElement extends Components.IxCardTitle, HTMLStencilElement { } var HTMLIxCardTitleElement: { prototype: HTMLIxCardTitleElement; new (): HTMLIxCardTitleElement; }; interface HTMLIxCategoryFilterElementEventMap { "categoryChanged": string; "inputChanged": InputState; "filterChanged": FilterState; "filterCleared": void; } interface HTMLIxCategoryFilterElement extends Components.IxCategoryFilter, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxCategoryFilterElement, ev: IxCategoryFilterCustomEvent) => 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: HTMLIxCategoryFilterElement, ev: IxCategoryFilterCustomEvent) => 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 HTMLIxCategoryFilterElement: { prototype: HTMLIxCategoryFilterElement; new (): HTMLIxCategoryFilterElement; }; interface HTMLIxCheckboxElementEventMap { "checkedChange": boolean; "valueChange": string; "ixBlur": void; } /** * @form-ready */ interface HTMLIxCheckboxElement extends Components.IxCheckbox, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxCheckboxElement, ev: IxCheckboxCustomEvent) => 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: HTMLIxCheckboxElement, ev: IxCheckboxCustomEvent) => 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 HTMLIxCheckboxElement: { prototype: HTMLIxCheckboxElement; new (): HTMLIxCheckboxElement; }; /** * @form-ready */ interface HTMLIxCheckboxGroupElement extends Components.IxCheckboxGroup, HTMLStencilElement { } var HTMLIxCheckboxGroupElement: { prototype: HTMLIxCheckboxGroupElement; new (): HTMLIxCheckboxGroupElement; }; interface HTMLIxChipElementEventMap { "closeChip": any; } interface HTMLIxChipElement extends Components.IxChip, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxChipElement, ev: IxChipCustomEvent) => 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: HTMLIxChipElement, ev: IxChipCustomEvent) => 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 HTMLIxChipElement: { prototype: HTMLIxChipElement; new (): HTMLIxChipElement; }; interface HTMLIxColElement extends Components.IxCol, HTMLStencilElement { } var HTMLIxColElement: { prototype: HTMLIxColElement; new (): HTMLIxColElement; }; interface HTMLIxContentElement extends Components.IxContent, HTMLStencilElement { } var HTMLIxContentElement: { prototype: HTMLIxContentElement; new (): HTMLIxContentElement; }; interface HTMLIxContentHeaderElementEventMap { "backButtonClick": void; } interface HTMLIxContentHeaderElement extends Components.IxContentHeader, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxContentHeaderElement, ev: IxContentHeaderCustomEvent) => 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: HTMLIxContentHeaderElement, ev: IxContentHeaderCustomEvent) => 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 HTMLIxContentHeaderElement: { prototype: HTMLIxContentHeaderElement; new (): HTMLIxContentHeaderElement; }; interface HTMLIxCssGridElement extends Components.IxCssGrid, HTMLStencilElement { } var HTMLIxCssGridElement: { prototype: HTMLIxCssGridElement; new (): HTMLIxCssGridElement; }; interface HTMLIxCssGridItemElement extends Components.IxCssGridItem, HTMLStencilElement { } var HTMLIxCssGridItemElement: { prototype: HTMLIxCssGridItemElement; new (): HTMLIxCssGridItemElement; }; interface HTMLIxCustomFieldElement extends Components.IxCustomField, HTMLStencilElement { } var HTMLIxCustomFieldElement: { prototype: HTMLIxCustomFieldElement; new (): HTMLIxCustomFieldElement; }; interface HTMLIxDateDropdownElementEventMap { "dateRangeChange": DateRangeChangeEvent; } interface HTMLIxDateDropdownElement extends Components.IxDateDropdown, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxDateDropdownElement, ev: IxDateDropdownCustomEvent) => 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: HTMLIxDateDropdownElement, ev: IxDateDropdownCustomEvent) => 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 HTMLIxDateDropdownElement: { prototype: HTMLIxDateDropdownElement; new (): HTMLIxDateDropdownElement; }; interface HTMLIxDateInputElementEventMap { "valueChange": string | undefined; "validityStateChange": DateInputValidityState; "ixFocus": void; "ixBlur": void; "ixChange": string | undefined; } /** * @form-ready */ interface HTMLIxDateInputElement extends Components.IxDateInput, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxDateInputElement, ev: IxDateInputCustomEvent) => 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: HTMLIxDateInputElement, ev: IxDateInputCustomEvent) => 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 HTMLIxDateInputElement: { prototype: HTMLIxDateInputElement; new (): HTMLIxDateInputElement; }; interface HTMLIxDatePickerElementEventMap { "dateChange": DateChangeEvent; "dateRangeChange": DateChangeEvent; "dateSelect": DateChangeEvent; } interface HTMLIxDatePickerElement extends Components.IxDatePicker, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxDatePickerElement, ev: IxDatePickerCustomEvent) => 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: HTMLIxDatePickerElement, ev: IxDatePickerCustomEvent) => 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 HTMLIxDatePickerElement: { prototype: HTMLIxDatePickerElement; new (): HTMLIxDatePickerElement; }; interface HTMLIxDateTimeCardElement extends Components.IxDateTimeCard, HTMLStencilElement { } var HTMLIxDateTimeCardElement: { prototype: HTMLIxDateTimeCardElement; new (): HTMLIxDateTimeCardElement; }; interface HTMLIxDatetimePickerElementEventMap { "timeChange": string; "dateChange": DateTimeDateChangeEvent; "dateSelect": DateTimeSelectEvent; } interface HTMLIxDatetimePickerElement extends Components.IxDatetimePicker, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxDatetimePickerElement, ev: IxDatetimePickerCustomEvent) => 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: HTMLIxDatetimePickerElement, ev: IxDatetimePickerCustomEvent) => 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 HTMLIxDatetimePickerElement: { prototype: HTMLIxDatetimePickerElement; new (): HTMLIxDatetimePickerElement; }; interface HTMLIxDividerElement extends Components.IxDivider, HTMLStencilElement { } var HTMLIxDividerElement: { prototype: HTMLIxDividerElement; new (): HTMLIxDividerElement; }; interface HTMLIxDrawerElementEventMap { "open": any; "drawerClose": any; } /** * @deprecated Will be removed with 5.0.0, use ix-pane as successor */ interface HTMLIxDrawerElement extends Components.IxDrawer, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxDrawerElement, ev: IxDrawerCustomEvent) => 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: HTMLIxDrawerElement, ev: IxDrawerCustomEvent) => 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 HTMLIxDrawerElement: { prototype: HTMLIxDrawerElement; new (): HTMLIxDrawerElement; }; interface HTMLIxDropdownElementEventMap { "showChanged": boolean; } interface HTMLIxDropdownElement extends Components.IxDropdown, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxDropdownElement, ev: IxDropdownCustomEvent) => 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: HTMLIxDropdownElement, ev: IxDropdownCustomEvent) => 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 HTMLIxDropdownElement: { prototype: HTMLIxDropdownElement; new (): HTMLIxDropdownElement; }; interface HTMLIxDropdownButtonElement extends Components.IxDropdownButton, HTMLStencilElement { } var HTMLIxDropdownButtonElement: { prototype: HTMLIxDropdownButtonElement; new (): HTMLIxDropdownButtonElement; }; interface HTMLIxDropdownHeaderElement extends Components.IxDropdownHeader, HTMLStencilElement { } var HTMLIxDropdownHeaderElement: { prototype: HTMLIxDropdownHeaderElement; new (): HTMLIxDropdownHeaderElement; }; interface HTMLIxDropdownItemElementEventMap { "itemClick": HTMLIxDropdownItemElement; } interface HTMLIxDropdownItemElement extends Components.IxDropdownItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxDropdownItemElement, ev: IxDropdownItemCustomEvent) => 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: HTMLIxDropdownItemElement, ev: IxDropdownItemCustomEvent) => 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 HTMLIxDropdownItemElement: { prototype: HTMLIxDropdownItemElement; new (): HTMLIxDropdownItemElement; }; interface HTMLIxDropdownQuickActionsElement extends Components.IxDropdownQuickActions, HTMLStencilElement { } var HTMLIxDropdownQuickActionsElement: { prototype: HTMLIxDropdownQuickActionsElement; new (): HTMLIxDropdownQuickActionsElement; }; interface HTMLIxEmptyStateElementEventMap { "actionClick": void; } interface HTMLIxEmptyStateElement extends Components.IxEmptyState, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxEmptyStateElement, ev: IxEmptyStateCustomEvent) => 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: HTMLIxEmptyStateElement, ev: IxEmptyStateCustomEvent) => 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 HTMLIxEmptyStateElement: { prototype: HTMLIxEmptyStateElement; new (): HTMLIxEmptyStateElement; }; interface HTMLIxEventListElement extends Components.IxEventList, HTMLStencilElement { } var HTMLIxEventListElement: { prototype: HTMLIxEventListElement; new (): HTMLIxEventListElement; }; interface HTMLIxEventListItemElementEventMap { "itemClick": any; } interface HTMLIxEventListItemElement extends Components.IxEventListItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxEventListItemElement, ev: IxEventListItemCustomEvent) => 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: HTMLIxEventListItemElement, ev: IxEventListItemCustomEvent) => 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 HTMLIxEventListItemElement: { prototype: HTMLIxEventListItemElement; new (): HTMLIxEventListItemElement; }; interface HTMLIxExpandingSearchElementEventMap { "valueChange": string; } interface HTMLIxExpandingSearchElement extends Components.IxExpandingSearch, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxExpandingSearchElement, ev: IxExpandingSearchCustomEvent) => 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: HTMLIxExpandingSearchElement, ev: IxExpandingSearchCustomEvent) => 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 HTMLIxExpandingSearchElement: { prototype: HTMLIxExpandingSearchElement; new (): HTMLIxExpandingSearchElement; }; interface HTMLIxFieldLabelElement extends Components.IxFieldLabel, HTMLStencilElement { } var HTMLIxFieldLabelElement: { prototype: HTMLIxFieldLabelElement; new (): HTMLIxFieldLabelElement; }; interface HTMLIxFieldWrapperElement extends Components.IxFieldWrapper, HTMLStencilElement { } var HTMLIxFieldWrapperElement: { prototype: HTMLIxFieldWrapperElement; new (): HTMLIxFieldWrapperElement; }; interface HTMLIxFilterChipElementEventMap { "closeClick": void; } interface HTMLIxFilterChipElement extends Components.IxFilterChip, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxFilterChipElement, ev: IxFilterChipCustomEvent) => 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: HTMLIxFilterChipElement, ev: IxFilterChipCustomEvent) => 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 HTMLIxFilterChipElement: { prototype: HTMLIxFilterChipElement; new (): HTMLIxFilterChipElement; }; interface HTMLIxFlipTileElementEventMap { "toggle": number; } interface HTMLIxFlipTileElement extends Components.IxFlipTile, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxFlipTileElement, ev: IxFlipTileCustomEvent) => 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: HTMLIxFlipTileElement, ev: IxFlipTileCustomEvent) => 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 HTMLIxFlipTileElement: { prototype: HTMLIxFlipTileElement; new (): HTMLIxFlipTileElement; }; interface HTMLIxFlipTileContentElement extends Components.IxFlipTileContent, HTMLStencilElement { } var HTMLIxFlipTileContentElement: { prototype: HTMLIxFlipTileContentElement; new (): HTMLIxFlipTileContentElement; }; interface HTMLIxGroupElementEventMap { "selectGroup": boolean; "selectItem": number; "expandedChanged": boolean; } interface HTMLIxGroupElement extends Components.IxGroup, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxGroupElement, ev: IxGroupCustomEvent) => 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: HTMLIxGroupElement, ev: IxGroupCustomEvent) => 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 HTMLIxGroupElement: { prototype: HTMLIxGroupElement; new (): HTMLIxGroupElement; }; interface HTMLIxGroupContextMenuElement extends Components.IxGroupContextMenu, HTMLStencilElement { } var HTMLIxGroupContextMenuElement: { prototype: HTMLIxGroupContextMenuElement; new (): HTMLIxGroupContextMenuElement; }; interface HTMLIxGroupItemElementEventMap { "selectedChanged": HTMLIxGroupItemElement; } interface HTMLIxGroupItemElement extends Components.IxGroupItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxGroupItemElement, ev: IxGroupItemCustomEvent) => 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: HTMLIxGroupItemElement, ev: IxGroupItemCustomEvent) => 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 HTMLIxGroupItemElement: { prototype: HTMLIxGroupItemElement; new (): HTMLIxGroupItemElement; }; interface HTMLIxHelperTextElement extends Components.IxHelperText, HTMLStencilElement { } var HTMLIxHelperTextElement: { prototype: HTMLIxHelperTextElement; new (): HTMLIxHelperTextElement; }; interface HTMLIxIconButtonElement extends Components.IxIconButton, HTMLStencilElement { } var HTMLIxIconButtonElement: { prototype: HTMLIxIconButtonElement; new (): HTMLIxIconButtonElement; }; interface HTMLIxIconToggleButtonElementEventMap { "pressedChange": boolean; } interface HTMLIxIconToggleButtonElement extends Components.IxIconToggleButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxIconToggleButtonElement, ev: IxIconToggleButtonCustomEvent) => 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: HTMLIxIconToggleButtonElement, ev: IxIconToggleButtonCustomEvent) => 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 HTMLIxIconToggleButtonElement: { prototype: HTMLIxIconToggleButtonElement; new (): HTMLIxIconToggleButtonElement; }; interface HTMLIxInputElementEventMap { "valueChange": string; "validityStateChange": ValidityState; "ixBlur": void; "ixChange": string; } /** * @form-ready */ interface HTMLIxInputElement extends Components.IxInput, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxInputElement, ev: IxInputCustomEvent) => 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: HTMLIxInputElement, ev: IxInputCustomEvent) => 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 HTMLIxInputElement: { prototype: HTMLIxInputElement; new (): HTMLIxInputElement; }; /** * @deprecated Since 3.0.0. Will be removed with 5.0.0 * Not maintained anymore. * Use the 'ix-input' component instead */ interface HTMLIxInputGroupElement extends Components.IxInputGroup, HTMLStencilElement { } var HTMLIxInputGroupElement: { prototype: HTMLIxInputGroupElement; new (): HTMLIxInputGroupElement; }; interface HTMLIxKeyValueElement extends Components.IxKeyValue, HTMLStencilElement { } var HTMLIxKeyValueElement: { prototype: HTMLIxKeyValueElement; new (): HTMLIxKeyValueElement; }; interface HTMLIxKeyValueListElement extends Components.IxKeyValueList, HTMLStencilElement { } var HTMLIxKeyValueListElement: { prototype: HTMLIxKeyValueListElement; new (): HTMLIxKeyValueListElement; }; interface HTMLIxKpiElement extends Components.IxKpi, HTMLStencilElement { } var HTMLIxKpiElement: { prototype: HTMLIxKpiElement; new (): HTMLIxKpiElement; }; interface HTMLIxLayoutAutoElement extends Components.IxLayoutAuto, HTMLStencilElement { } var HTMLIxLayoutAutoElement: { prototype: HTMLIxLayoutAutoElement; new (): HTMLIxLayoutAutoElement; }; interface HTMLIxLayoutGridElement extends Components.IxLayoutGrid, HTMLStencilElement { } var HTMLIxLayoutGridElement: { prototype: HTMLIxLayoutGridElement; new (): HTMLIxLayoutGridElement; }; interface HTMLIxLinkButtonElement extends Components.IxLinkButton, HTMLStencilElement { } var HTMLIxLinkButtonElement: { prototype: HTMLIxLinkButtonElement; new (): HTMLIxLinkButtonElement; }; interface HTMLIxMenuElementEventMap { "expandChange": boolean; "mapExpandChange": boolean; "openAppSwitch": void; "openSettings": void; "openAbout": void; } interface HTMLIxMenuElement extends Components.IxMenu, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMenuElement, ev: IxMenuCustomEvent) => 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: HTMLIxMenuElement, ev: IxMenuCustomEvent) => 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 HTMLIxMenuElement: { prototype: HTMLIxMenuElement; new (): HTMLIxMenuElement; }; interface HTMLIxMenuAboutElementEventMap { "tabChange": string; "close": CustomCloseEvent; } interface HTMLIxMenuAboutElement extends Components.IxMenuAbout, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMenuAboutElement, ev: IxMenuAboutCustomEvent) => 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: HTMLIxMenuAboutElement, ev: IxMenuAboutCustomEvent) => 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 HTMLIxMenuAboutElement: { prototype: HTMLIxMenuAboutElement; new (): HTMLIxMenuAboutElement; }; interface HTMLIxMenuAboutItemElementEventMap { "labelChange": CustomLabelChangeEvent; } interface HTMLIxMenuAboutItemElement extends Components.IxMenuAboutItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMenuAboutItemElement, ev: IxMenuAboutItemCustomEvent) => 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: HTMLIxMenuAboutItemElement, ev: IxMenuAboutItemCustomEvent) => 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 HTMLIxMenuAboutItemElement: { prototype: HTMLIxMenuAboutItemElement; new (): HTMLIxMenuAboutItemElement; }; interface HTMLIxMenuAboutNewsElementEventMap { "showMore": MouseEvent; "closePopover": void; } interface HTMLIxMenuAboutNewsElement extends Components.IxMenuAboutNews, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMenuAboutNewsElement, ev: IxMenuAboutNewsCustomEvent) => 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: HTMLIxMenuAboutNewsElement, ev: IxMenuAboutNewsCustomEvent) => 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 HTMLIxMenuAboutNewsElement: { prototype: HTMLIxMenuAboutNewsElement; new (): HTMLIxMenuAboutNewsElement; }; interface HTMLIxMenuAvatarElementEventMap { "logoutClick": any; } interface HTMLIxMenuAvatarElement extends Components.IxMenuAvatar, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMenuAvatarElement, ev: IxMenuAvatarCustomEvent) => 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: HTMLIxMenuAvatarElement, ev: IxMenuAvatarCustomEvent) => 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 HTMLIxMenuAvatarElement: { prototype: HTMLIxMenuAvatarElement; new (): HTMLIxMenuAvatarElement; }; interface HTMLIxMenuAvatarItemElementEventMap { "itemClick": MouseEvent; } interface HTMLIxMenuAvatarItemElement extends Components.IxMenuAvatarItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMenuAvatarItemElement, ev: IxMenuAvatarItemCustomEvent) => 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: HTMLIxMenuAvatarItemElement, ev: IxMenuAvatarItemCustomEvent) => 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 HTMLIxMenuAvatarItemElement: { prototype: HTMLIxMenuAvatarItemElement; new (): HTMLIxMenuAvatarItemElement; }; interface HTMLIxMenuCategoryElementEventMap { "closeOtherCategories": any; } interface HTMLIxMenuCategoryElement extends Components.IxMenuCategory, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMenuCategoryElement, ev: IxMenuCategoryCustomEvent) => 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: HTMLIxMenuCategoryElement, ev: IxMenuCategoryCustomEvent) => 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 HTMLIxMenuCategoryElement: { prototype: HTMLIxMenuCategoryElement; new (): HTMLIxMenuCategoryElement; }; interface HTMLIxMenuExpandIconElement extends Components.IxMenuExpandIcon, HTMLStencilElement { } var HTMLIxMenuExpandIconElement: { prototype: HTMLIxMenuExpandIconElement; new (): HTMLIxMenuExpandIconElement; }; interface HTMLIxMenuItemElement extends Components.IxMenuItem, HTMLStencilElement { } var HTMLIxMenuItemElement: { prototype: HTMLIxMenuItemElement; new (): HTMLIxMenuItemElement; }; interface HTMLIxMenuSettingsElementEventMap { "tabChange": string; "close": CustomCloseEvent; } interface HTMLIxMenuSettingsElement extends Components.IxMenuSettings, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMenuSettingsElement, ev: IxMenuSettingsCustomEvent) => 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: HTMLIxMenuSettingsElement, ev: IxMenuSettingsCustomEvent) => 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 HTMLIxMenuSettingsElement: { prototype: HTMLIxMenuSettingsElement; new (): HTMLIxMenuSettingsElement; }; interface HTMLIxMenuSettingsItemElementEventMap { "labelChange": CustomLabelChangeEvent; } interface HTMLIxMenuSettingsItemElement extends Components.IxMenuSettingsItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMenuSettingsItemElement, ev: IxMenuSettingsItemCustomEvent) => 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: HTMLIxMenuSettingsItemElement, ev: IxMenuSettingsItemCustomEvent) => 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 HTMLIxMenuSettingsItemElement: { prototype: HTMLIxMenuSettingsItemElement; new (): HTMLIxMenuSettingsItemElement; }; interface HTMLIxMessageBarElementEventMap { "closedChange": any; "closeAnimationCompleted": any; } interface HTMLIxMessageBarElement extends Components.IxMessageBar, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxMessageBarElement, ev: IxMessageBarCustomEvent) => 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: HTMLIxMessageBarElement, ev: IxMessageBarCustomEvent) => 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 HTMLIxMessageBarElement: { prototype: HTMLIxMessageBarElement; new (): HTMLIxMessageBarElement; }; interface HTMLIxModalElementEventMap { "dialogClose": any; "dialogDismiss": any; } interface HTMLIxModalElement extends Components.IxModal, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxModalElement, ev: IxModalCustomEvent) => 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: HTMLIxModalElement, ev: IxModalCustomEvent) => 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 HTMLIxModalElement: { prototype: HTMLIxModalElement; new (): HTMLIxModalElement; }; interface HTMLIxModalContentElement extends Components.IxModalContent, HTMLStencilElement { } var HTMLIxModalContentElement: { prototype: HTMLIxModalContentElement; new (): HTMLIxModalContentElement; }; interface HTMLIxModalFooterElement extends Components.IxModalFooter, HTMLStencilElement { } var HTMLIxModalFooterElement: { prototype: HTMLIxModalFooterElement; new (): HTMLIxModalFooterElement; }; interface HTMLIxModalHeaderElementEventMap { "closeClick": MouseEvent; } interface HTMLIxModalHeaderElement extends Components.IxModalHeader, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxModalHeaderElement, ev: IxModalHeaderCustomEvent) => 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: HTMLIxModalHeaderElement, ev: IxModalHeaderCustomEvent) => 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 HTMLIxModalHeaderElement: { prototype: HTMLIxModalHeaderElement; new (): HTMLIxModalHeaderElement; }; interface HTMLIxModalLoadingElement extends Components.IxModalLoading, HTMLStencilElement { } var HTMLIxModalLoadingElement: { prototype: HTMLIxModalLoadingElement; new (): HTMLIxModalLoadingElement; }; interface HTMLIxNumberInputElementEventMap { "valueChange": number; "validityStateChange": ValidityState; "ixBlur": void; "ixChange": number; } /** * @form-ready */ interface HTMLIxNumberInputElement extends Components.IxNumberInput, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxNumberInputElement, ev: IxNumberInputCustomEvent) => 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: HTMLIxNumberInputElement, ev: IxNumberInputCustomEvent) => 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 HTMLIxNumberInputElement: { prototype: HTMLIxNumberInputElement; new (): HTMLIxNumberInputElement; }; interface HTMLIxPaginationElementEventMap { "pageSelected": number; "itemCountChanged": number; } interface HTMLIxPaginationElement extends Components.IxPagination, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxPaginationElement, ev: IxPaginationCustomEvent) => 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: HTMLIxPaginationElement, ev: IxPaginationCustomEvent) => 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 HTMLIxPaginationElement: { prototype: HTMLIxPaginationElement; new (): HTMLIxPaginationElement; }; interface HTMLIxPaneElementEventMap { "expandedChanged": ExpandedChangedEvent; "variantChanged": VariantChangedEvent; "borderlessChanged": BorderlessChangedEvent; "hideOnCollapseChanged": HideOnCollapseChangedEvent; "slotChanged": SlotChangedEvent; } interface HTMLIxPaneElement extends Components.IxPane, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxPaneElement, ev: IxPaneCustomEvent) => 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: HTMLIxPaneElement, ev: IxPaneCustomEvent) => 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 HTMLIxPaneElement: { prototype: HTMLIxPaneElement; new (): HTMLIxPaneElement; }; interface HTMLIxPaneLayoutElement extends Components.IxPaneLayout, HTMLStencilElement { } var HTMLIxPaneLayoutElement: { prototype: HTMLIxPaneLayoutElement; new (): HTMLIxPaneLayoutElement; }; interface HTMLIxPillElement extends Components.IxPill, HTMLStencilElement { } var HTMLIxPillElement: { prototype: HTMLIxPillElement; new (): HTMLIxPillElement; }; /** * @since 3.2.0 */ interface HTMLIxProgressIndicatorElement extends Components.IxProgressIndicator, HTMLStencilElement { } var HTMLIxProgressIndicatorElement: { prototype: HTMLIxProgressIndicatorElement; new (): HTMLIxProgressIndicatorElement; }; interface HTMLIxPushCardElement extends Components.IxPushCard, HTMLStencilElement { } var HTMLIxPushCardElement: { prototype: HTMLIxPushCardElement; new (): HTMLIxPushCardElement; }; interface HTMLIxRadioElementEventMap { "checkedChange": boolean; "valueChange": string; "ixBlur": void; } /** * @form-ready */ interface HTMLIxRadioElement extends Components.IxRadio, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxRadioElement, ev: IxRadioCustomEvent) => 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: HTMLIxRadioElement, ev: IxRadioCustomEvent) => 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 HTMLIxRadioElement: { prototype: HTMLIxRadioElement; new (): HTMLIxRadioElement; }; interface HTMLIxRadioGroupElementEventMap { "valueChange": string; } /** * @form-ready */ interface HTMLIxRadioGroupElement extends Components.IxRadioGroup, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxRadioGroupElement, ev: IxRadioGroupCustomEvent) => 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: HTMLIxRadioGroupElement, ev: IxRadioGroupCustomEvent) => 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 HTMLIxRadioGroupElement: { prototype: HTMLIxRadioGroupElement; new (): HTMLIxRadioGroupElement; }; interface HTMLIxRowElement extends Components.IxRow, HTMLStencilElement { } var HTMLIxRowElement: { prototype: HTMLIxRowElement; new (): HTMLIxRowElement; }; interface HTMLIxSelectElementEventMap { "valueChange": string | string[]; "inputChange": string; "addItem": string; "ixBlur": void; } /** * @form-ready */ interface HTMLIxSelectElement extends Components.IxSelect, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxSelectElement, ev: IxSelectCustomEvent) => 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: HTMLIxSelectElement, ev: IxSelectCustomEvent) => 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 HTMLIxSelectElement: { prototype: HTMLIxSelectElement; new (): HTMLIxSelectElement; }; interface HTMLIxSelectItemElementEventMap { "itemClick": string; } interface HTMLIxSelectItemElement extends Components.IxSelectItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxSelectItemElement, ev: IxSelectItemCustomEvent) => 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: HTMLIxSelectItemElement, ev: IxSelectItemCustomEvent) => 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 HTMLIxSelectItemElement: { prototype: HTMLIxSelectItemElement; new (): HTMLIxSelectItemElement; }; interface HTMLIxSliderElementEventMap { "valueChange": number; } /** * @form-ready */ interface HTMLIxSliderElement extends Components.IxSlider, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxSliderElement, ev: IxSliderCustomEvent) => 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: HTMLIxSliderElement, ev: IxSliderCustomEvent) => 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 HTMLIxSliderElement: { prototype: HTMLIxSliderElement; new (): HTMLIxSliderElement; }; interface HTMLIxSpinnerElement extends Components.IxSpinner, HTMLStencilElement { } var HTMLIxSpinnerElement: { prototype: HTMLIxSpinnerElement; new (): HTMLIxSpinnerElement; }; interface HTMLIxSplitButtonElementEventMap { "buttonClick": MouseEvent; } interface HTMLIxSplitButtonElement extends Components.IxSplitButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxSplitButtonElement, ev: IxSplitButtonCustomEvent) => 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: HTMLIxSplitButtonElement, ev: IxSplitButtonCustomEvent) => 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 HTMLIxSplitButtonElement: { prototype: HTMLIxSplitButtonElement; new (): HTMLIxSplitButtonElement; }; interface HTMLIxTabItemElementEventMap { "tabClick": TabClickDetail; } interface HTMLIxTabItemElement extends Components.IxTabItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxTabItemElement, ev: IxTabItemCustomEvent) => 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: HTMLIxTabItemElement, ev: IxTabItemCustomEvent) => 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 HTMLIxTabItemElement: { prototype: HTMLIxTabItemElement; new (): HTMLIxTabItemElement; }; interface HTMLIxTabsElementEventMap { "selectedChange": number; } interface HTMLIxTabsElement extends Components.IxTabs, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxTabsElement, ev: IxTabsCustomEvent) => 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: HTMLIxTabsElement, ev: IxTabsCustomEvent) => 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 HTMLIxTabsElement: { prototype: HTMLIxTabsElement; new (): HTMLIxTabsElement; }; interface HTMLIxTextareaElementEventMap { "valueChange": string; "validityStateChange": ValidityState; "ixBlur": void; "ixChange": string; } /** * @form-ready */ interface HTMLIxTextareaElement extends Components.IxTextarea, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxTextareaElement, ev: IxTextareaCustomEvent) => 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: HTMLIxTextareaElement, ev: IxTextareaCustomEvent) => 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 HTMLIxTextareaElement: { prototype: HTMLIxTextareaElement; new (): HTMLIxTextareaElement; }; interface HTMLIxTileElement extends Components.IxTile, HTMLStencilElement { } var HTMLIxTileElement: { prototype: HTMLIxTileElement; new (): HTMLIxTileElement; }; interface HTMLIxTimeInputElementEventMap { "valueChange": string; "validityStateChange": TimeInputValidityState; "ixFocus": void; "ixBlur": void; "ixChange": string; } /** * @since 3.2.0 * @form-ready */ interface HTMLIxTimeInputElement extends Components.IxTimeInput, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxTimeInputElement, ev: IxTimeInputCustomEvent) => 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: HTMLIxTimeInputElement, ev: IxTimeInputCustomEvent) => 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 HTMLIxTimeInputElement: { prototype: HTMLIxTimeInputElement; new (): HTMLIxTimeInputElement; }; interface HTMLIxTimePickerElementEventMap { "timeSelect": string; "timeChange": string; } interface HTMLIxTimePickerElement extends Components.IxTimePicker, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxTimePickerElement, ev: IxTimePickerCustomEvent) => 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: HTMLIxTimePickerElement, ev: IxTimePickerCustomEvent) => 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 HTMLIxTimePickerElement: { prototype: HTMLIxTimePickerElement; new (): HTMLIxTimePickerElement; }; interface HTMLIxToastElementEventMap { "closeToast": any; } interface HTMLIxToastElement extends Components.IxToast, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxToastElement, ev: IxToastCustomEvent) => 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: HTMLIxToastElement, ev: IxToastCustomEvent) => 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 HTMLIxToastElement: { prototype: HTMLIxToastElement; new (): HTMLIxToastElement; }; interface HTMLIxToastContainerElement extends Components.IxToastContainer, HTMLStencilElement { } var HTMLIxToastContainerElement: { prototype: HTMLIxToastContainerElement; new (): HTMLIxToastContainerElement; }; interface HTMLIxToggleElementEventMap { "checkedChange": boolean; "valueChange": string; "ixBlur": void; } /** * @form-ready */ interface HTMLIxToggleElement extends Components.IxToggle, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxToggleElement, ev: IxToggleCustomEvent) => 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: HTMLIxToggleElement, ev: IxToggleCustomEvent) => 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 HTMLIxToggleElement: { prototype: HTMLIxToggleElement; new (): HTMLIxToggleElement; }; interface HTMLIxToggleButtonElementEventMap { "pressedChange": boolean; } interface HTMLIxToggleButtonElement extends Components.IxToggleButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxToggleButtonElement, ev: IxToggleButtonCustomEvent) => 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: HTMLIxToggleButtonElement, ev: IxToggleButtonCustomEvent) => 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 HTMLIxToggleButtonElement: { prototype: HTMLIxToggleButtonElement; new (): HTMLIxToggleButtonElement; }; interface HTMLIxTooltipElement extends Components.IxTooltip, HTMLStencilElement { } var HTMLIxTooltipElement: { prototype: HTMLIxTooltipElement; new (): HTMLIxTooltipElement; }; interface HTMLIxTreeElementEventMap { "contextChange": TreeContext; "nodeToggled": { id: string; isExpanded: boolean }; "nodeClicked": string; "nodeRemoved": any; } interface HTMLIxTreeElement extends Components.IxTree, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxTreeElement, ev: IxTreeCustomEvent) => 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: HTMLIxTreeElement, ev: IxTreeCustomEvent) => 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 HTMLIxTreeElement: { prototype: HTMLIxTreeElement; new (): HTMLIxTreeElement; }; interface HTMLIxTreeItemElementEventMap { "toggle": void; "itemClick": void; } interface HTMLIxTreeItemElement extends Components.IxTreeItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxTreeItemElement, ev: IxTreeItemCustomEvent) => 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: HTMLIxTreeItemElement, ev: IxTreeItemCustomEvent) => 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 HTMLIxTreeItemElement: { prototype: HTMLIxTreeItemElement; new (): HTMLIxTreeItemElement; }; interface HTMLIxTypographyElement extends Components.IxTypography, HTMLStencilElement { } var HTMLIxTypographyElement: { prototype: HTMLIxTypographyElement; new (): HTMLIxTypographyElement; }; interface HTMLIxUploadElementEventMap { "filesChanged": Array; } interface HTMLIxUploadElement extends Components.IxUpload, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxUploadElement, ev: IxUploadCustomEvent) => 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: HTMLIxUploadElement, ev: IxUploadCustomEvent) => 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 HTMLIxUploadElement: { prototype: HTMLIxUploadElement; new (): HTMLIxUploadElement; }; /** * @deprecated Since 3.0.0. Will be removed with 5.0.0 * Not maintained anymore. */ interface HTMLIxValidationTooltipElement extends Components.IxValidationTooltip, HTMLStencilElement { } var HTMLIxValidationTooltipElement: { prototype: HTMLIxValidationTooltipElement; new (): HTMLIxValidationTooltipElement; }; interface HTMLIxWorkflowStepElementEventMap { "selectedChanged": HTMLIxWorkflowStepElement; } interface HTMLIxWorkflowStepElement extends Components.IxWorkflowStep, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxWorkflowStepElement, ev: IxWorkflowStepCustomEvent) => 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: HTMLIxWorkflowStepElement, ev: IxWorkflowStepCustomEvent) => 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 HTMLIxWorkflowStepElement: { prototype: HTMLIxWorkflowStepElement; new (): HTMLIxWorkflowStepElement; }; interface HTMLIxWorkflowStepsElementEventMap { "stepSelected": number; } interface HTMLIxWorkflowStepsElement extends Components.IxWorkflowSteps, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxWorkflowStepsElement, ev: IxWorkflowStepsCustomEvent) => 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: HTMLIxWorkflowStepsElement, ev: IxWorkflowStepsCustomEvent) => 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 HTMLIxWorkflowStepsElement: { prototype: HTMLIxWorkflowStepsElement; new (): HTMLIxWorkflowStepsElement; }; interface HTMLElementTagNameMap { "ix-action-card": HTMLIxActionCardElement; "ix-application": HTMLIxApplicationElement; "ix-application-header": HTMLIxApplicationHeaderElement; "ix-application-sidebar": HTMLIxApplicationSidebarElement; "ix-application-switch-modal": HTMLIxApplicationSwitchModalElement; "ix-avatar": HTMLIxAvatarElement; "ix-blind": HTMLIxBlindElement; "ix-breadcrumb": HTMLIxBreadcrumbElement; "ix-breadcrumb-item": HTMLIxBreadcrumbItemElement; "ix-button": HTMLIxButtonElement; "ix-card": HTMLIxCardElement; "ix-card-accordion": HTMLIxCardAccordionElement; "ix-card-content": HTMLIxCardContentElement; "ix-card-list": HTMLIxCardListElement; "ix-card-title": HTMLIxCardTitleElement; "ix-category-filter": HTMLIxCategoryFilterElement; "ix-checkbox": HTMLIxCheckboxElement; "ix-checkbox-group": HTMLIxCheckboxGroupElement; "ix-chip": HTMLIxChipElement; "ix-col": HTMLIxColElement; "ix-content": HTMLIxContentElement; "ix-content-header": HTMLIxContentHeaderElement; "ix-css-grid": HTMLIxCssGridElement; "ix-css-grid-item": HTMLIxCssGridItemElement; "ix-custom-field": HTMLIxCustomFieldElement; "ix-date-dropdown": HTMLIxDateDropdownElement; "ix-date-input": HTMLIxDateInputElement; "ix-date-picker": HTMLIxDatePickerElement; "ix-date-time-card": HTMLIxDateTimeCardElement; "ix-datetime-picker": HTMLIxDatetimePickerElement; "ix-divider": HTMLIxDividerElement; "ix-drawer": HTMLIxDrawerElement; "ix-dropdown": HTMLIxDropdownElement; "ix-dropdown-button": HTMLIxDropdownButtonElement; "ix-dropdown-header": HTMLIxDropdownHeaderElement; "ix-dropdown-item": HTMLIxDropdownItemElement; "ix-dropdown-quick-actions": HTMLIxDropdownQuickActionsElement; "ix-empty-state": HTMLIxEmptyStateElement; "ix-event-list": HTMLIxEventListElement; "ix-event-list-item": HTMLIxEventListItemElement; "ix-expanding-search": HTMLIxExpandingSearchElement; "ix-field-label": HTMLIxFieldLabelElement; "ix-field-wrapper": HTMLIxFieldWrapperElement; "ix-filter-chip": HTMLIxFilterChipElement; "ix-flip-tile": HTMLIxFlipTileElement; "ix-flip-tile-content": HTMLIxFlipTileContentElement; "ix-group": HTMLIxGroupElement; "ix-group-context-menu": HTMLIxGroupContextMenuElement; "ix-group-item": HTMLIxGroupItemElement; "ix-helper-text": HTMLIxHelperTextElement; "ix-icon-button": HTMLIxIconButtonElement; "ix-icon-toggle-button": HTMLIxIconToggleButtonElement; "ix-input": HTMLIxInputElement; "ix-input-group": HTMLIxInputGroupElement; "ix-key-value": HTMLIxKeyValueElement; "ix-key-value-list": HTMLIxKeyValueListElement; "ix-kpi": HTMLIxKpiElement; "ix-layout-auto": HTMLIxLayoutAutoElement; "ix-layout-grid": HTMLIxLayoutGridElement; "ix-link-button": HTMLIxLinkButtonElement; "ix-menu": HTMLIxMenuElement; "ix-menu-about": HTMLIxMenuAboutElement; "ix-menu-about-item": HTMLIxMenuAboutItemElement; "ix-menu-about-news": HTMLIxMenuAboutNewsElement; "ix-menu-avatar": HTMLIxMenuAvatarElement; "ix-menu-avatar-item": HTMLIxMenuAvatarItemElement; "ix-menu-category": HTMLIxMenuCategoryElement; "ix-menu-expand-icon": HTMLIxMenuExpandIconElement; "ix-menu-item": HTMLIxMenuItemElement; "ix-menu-settings": HTMLIxMenuSettingsElement; "ix-menu-settings-item": HTMLIxMenuSettingsItemElement; "ix-message-bar": HTMLIxMessageBarElement; "ix-modal": HTMLIxModalElement; "ix-modal-content": HTMLIxModalContentElement; "ix-modal-footer": HTMLIxModalFooterElement; "ix-modal-header": HTMLIxModalHeaderElement; "ix-modal-loading": HTMLIxModalLoadingElement; "ix-number-input": HTMLIxNumberInputElement; "ix-pagination": HTMLIxPaginationElement; "ix-pane": HTMLIxPaneElement; "ix-pane-layout": HTMLIxPaneLayoutElement; "ix-pill": HTMLIxPillElement; "ix-progress-indicator": HTMLIxProgressIndicatorElement; "ix-push-card": HTMLIxPushCardElement; "ix-radio": HTMLIxRadioElement; "ix-radio-group": HTMLIxRadioGroupElement; "ix-row": HTMLIxRowElement; "ix-select": HTMLIxSelectElement; "ix-select-item": HTMLIxSelectItemElement; "ix-slider": HTMLIxSliderElement; "ix-spinner": HTMLIxSpinnerElement; "ix-split-button": HTMLIxSplitButtonElement; "ix-tab-item": HTMLIxTabItemElement; "ix-tabs": HTMLIxTabsElement; "ix-textarea": HTMLIxTextareaElement; "ix-tile": HTMLIxTileElement; "ix-time-input": HTMLIxTimeInputElement; "ix-time-picker": HTMLIxTimePickerElement; "ix-toast": HTMLIxToastElement; "ix-toast-container": HTMLIxToastContainerElement; "ix-toggle": HTMLIxToggleElement; "ix-toggle-button": HTMLIxToggleButtonElement; "ix-tooltip": HTMLIxTooltipElement; "ix-tree": HTMLIxTreeElement; "ix-tree-item": HTMLIxTreeItemElement; "ix-typography": HTMLIxTypographyElement; "ix-upload": HTMLIxUploadElement; "ix-validation-tooltip": HTMLIxValidationTooltipElement; "ix-workflow-step": HTMLIxWorkflowStepElement; "ix-workflow-steps": HTMLIxWorkflowStepsElement; } } declare namespace LocalJSX { type OneOf = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never }; interface IxActionCard { /** * ARIA label for the card * @since 3.2.0 */ "ariaLabelCard"?: string; /** * ARIA label for the icon * @since 3.2.0 */ "ariaLabelIcon"?: string; /** * Card heading */ "heading"?: string; /** * Card icon * @default undefined */ "icon"?: string | undefined; /** * If true, disables hover and active styles and changes cursor to default * @default false */ "passive"?: boolean; /** * Card selection * @default false */ "selected"?: boolean; /** * Card subheading */ "subheading"?: string; /** * Card variant * @default 'outline' */ "variant"?: ActionCardVariant; } interface IxApplication { /** * Define application switch configuration */ "appSwitchConfig"?: AppSwitchConfiguration; /** * Supported layouts * @default ['sm', 'md', 'lg'] */ "breakpoints"?: Breakpoint[]; /** * Change the responsive layout of the menu structure */ "forceBreakpoint"?: Breakpoint | undefined; /** * Application theme */ "theme"?: IxTheme; /** * Use the system appearance dark or light * @default false */ "themeSystemAppearance"?: boolean; } interface IxApplicationHeader { /** * The app icon will be shown as the first element inside the header. It will be hidden on smaller screens. * @since 4.0.0 */ "appIcon"?: string; /** * Alt text for the app icon * @since 4.0.0 */ "appIconAlt"?: string; /** * Render subtle outline around app icon to ensure proper contrast. * @since 4.0.0 * @default false */ "appIconOutline"?: boolean; /** * ARIA label for the app switch icon button * @since 3.2.0 */ "ariaLabelAppSwitchIconButton"?: string; /** * ARIA label for the menu expand icon button * @since 3.2.0 * @deprecated This prop is no longer used as the menu expand button is hidden from screen readers. Will be removed in 5.0.0 */ "ariaLabelMenuExpandIconButton"?: string; /** * ARIA label for the more menu icon button * @since 3.2.0 */ "ariaLabelMoreMenuIconButton"?: string; /** * Company logo will be show on the left side of the application name. It will be hidden on smaller screens. * @since 4.0.0 */ "companyLogo"?: string; /** * Alt text for the company logo * @since 4.0.0 */ "companyLogoAlt"?: string; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * Hides the bottom border of the header * @since 4.0.0 * @default false */ "hideBottomBorder"?: boolean; /** * Application name */ "name"?: string; /** * Define a suffix which will be displayed next to the application name * @since 4.0.0 */ "nameSuffix"?: string; /** * Event emitted when the menu toggle button is clicked */ "onMenuToggle"?: (event: IxApplicationHeaderCustomEvent) => void; /** * Event emitted when the app switch button is clicked * @since 3.0.0 */ "onOpenAppSwitch"?: (event: IxApplicationHeaderCustomEvent) => void; /** * Controls the visibility of the menu toggle button based on the context of the application header. When the application header is utilized outside the application frame, the menu toggle button is displayed. Conversely, if the header is within the application frame, this property is ineffective. * @default false */ "showMenu"?: boolean; } interface IxApplicationSidebar { } interface IxApplicationSwitchModal { } interface IxAvatar { /** * Accessibility label for the image Will be set as aria-label on the nested HTML img element * @deprecated Set the native `aria-label` on the ix-avatar host element. Will be removed in 5.0.0 */ "a11yLabel"?: string; /** * aria-label for the tooltip * @since 4.0.0 */ "ariaLabelTooltip"?: string; /** * Optional description text that will be displayed underneath the username. Note: Only working if avatar is part of the ix-application-header */ "extra"?: string; /** * Display an avatar image */ "image"?: string; /** * Display the initials of the user. Will be overwritten by image */ "initials"?: string; /** * Text to display in a tooltip when hovering over the avatar * @since 4.0.0 */ "tooltipText"?: string; /** * If set an info card displaying the username will be placed inside the dropdown. Note: Only working if avatar is part of the ix-application-header */ "username"?: string; } interface IxBlind { /** * Collapsed state * @default false */ "collapsed"?: boolean; /** * Optional icon to be displayed next to the header label */ "icon"?: string; /** * Label of blind */ "label"?: string; /** * Collapsed state changed */ "onCollapsedChange"?: (event: IxBlindCustomEvent) => void; /** * Secondary label inside blind header */ "sublabel"?: string; /** * Blind variant * @default 'filled' */ "variant"?: BlindVariant; } interface IxBreadcrumb { /** * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list with conditionally hidden previous items * @default 'previous' */ "ariaLabelPreviousButton"?: string; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * Items will be accessible through a dropdown * @default [] */ "nextItems"?: string[]; /** * Crumb item clicked event */ "onItemClick"?: (event: IxBreadcrumbCustomEvent) => void; /** * Next item clicked event */ "onNextClick"?: (event: IxBreadcrumbCustomEvent<{ event: UIEvent; item: string }>) => void; /** * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover) * @default false */ "subtle"?: boolean; /** * Excess items will get hidden inside of dropdown * @default 9 */ "visibleItemCount"?: number; } interface IxBreadcrumbItem { /** * ARIA label for the button Will be set as aria-label for the nested HTML button element * @since 3.2.0 */ "ariaLabelButton"?: string; /** * URL for the button link. When provided, the button will render as an anchor tag. * @since 4.0.0 */ "href"?: string; /** * Icon to be displayed next ot the label */ "icon"?: string; /** * Breadcrumb label */ "label"?: string; /** * Specifies the relationship between the current document and the linked document when href is provided. * @since 4.0.0 */ "rel"?: string; /** * Specifies where to open the linked document when href is provided. * @since 4.0.0 * @default '_self' */ "target"?: AnchorTarget; } interface IxButton { /** * ARIA label for the button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelButton"?: string; /** * Disable the button * @default false */ "disabled"?: boolean; /** * Provide a form element ID to automatically submit the from if the button is pressed. Only works in combination with type="submit". * @since 3.1.0 */ "form"?: string; /** * URL for the button link. When provided, the button will render as an anchor tag. * @since 4.0.0 */ "href"?: string; /** * Icon name */ "icon"?: string; /** * Icon name for the right side of the button * @since 4.0.0 */ "iconRight"?: string; /** * Loading button * @default false */ "loading"?: boolean; /** * Specifies the relationship between the current document and the linked document when href is provided. * @since 4.0.0 */ "rel"?: string; /** * Specifies where to open the linked document when href is provided. * @since 4.0.0 * @default '_self' */ "target"?: AnchorTarget; /** * Type of the button * @default 'button' */ "type"?: 'button' | 'submit'; /** * Button variant * @default 'primary' */ "variant"?: ButtonVariant; } interface IxCard { /** * If true, disables hover and active styles and changes cursor to default * @default false */ "passive"?: boolean; /** * Show card in selected state * @default false */ "selected"?: boolean; /** * Card variant * @default 'outline' */ "variant"?: CardVariant; } interface IxCardAccordion { /** * ARIA label for the card's expand button. Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelExpandButton"?: string; /** * Collapse the card * @default false */ "collapse"?: boolean; /** * Show accordion with different color variants * @since 4.0.0 * @default 'outline' */ "variant"?: CardAccordionVariant; } interface IxCardContent { } interface IxCardList { /** * ARIA label for the card's expand button. Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelExpandButton"?: string; /** * Collapse the list * @default false */ "collapse"?: boolean; /** * Hide the show all button * @default false */ "hideShowAll"?: boolean; /** * i18n More cards available * @default 'There are more cards available' */ "i18nMoreCards"?: string; /** * i18n Show all button * @default 'Show all' */ "i18nShowAll"?: string; /** * Name the card list */ "label"?: string; /** * List style * @default 'stack' */ "listStyle"?: 'stack' | 'scroll'; /** * Fire event when the collapse state is changed by the user */ "onCollapseChanged"?: (event: IxCardListCustomEvent) => void; /** * Fire event when the collapse state is changed by the user */ "onShowAllClick"?: (event: IxCardListCustomEvent<{ nativeEvent: MouseEvent; }>) => void; /** * Fire event when the show more card is clicked. */ "onShowMoreCardClick"?: (event: IxCardListCustomEvent<{ nativeEvent: MouseEvent; }>) => void; /** * Overwrite the default show all count. */ "showAllCount"?: number; /** * Suppress the overflow handling of child elements * @default false */ "suppressOverflowHandling"?: boolean; } interface IxCardTitle { } interface IxCategoryFilter { /** * ARIA label for the filter input Will be set as aria-label on the nested HTML input element * @since 3.2.0 */ "ariaLabelFilterInput"?: string; /** * ARIA label for the operator button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelOperatorButton"?: string; /** * ARIA label for the reset button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelResetButton"?: string; /** * Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from. */ "categories"?: { [id: string]: { label: string; options: string[]; }; }; /** * If true the filter will be in disabled state * @default false */ "disabled"?: boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * A set of search criteria to populate the component with. */ "filterState"?: FilterState; /** * Allows to hide the icon inside the text input. Defaults to false * @default false */ "hideIcon"?: boolean; /** * i18n label for 'Filter by text' * @default 'Filter by text' */ "i18nPlainText"?: string; /** * The icon next to the actual text input Defaults to 'search' */ "icon"?: string; /** * i18n * @default 'Categories' */ "labelCategories"?: string; /** * In certain use cases some categories may not be available for selection anymore. To allow proper display of set filters with these categories this ID to label mapping can be populated. Configuration object hash used to supply labels to the filter chips in the input field. Each ID maps to a string representing the label to display. * @default {} */ "nonSelectableCategories"?: { [id: string]: string; }; /** * Event dispatched whenever a category gets selected in the dropdown */ "onCategoryChanged"?: (event: IxCategoryFilterCustomEvent) => void; /** * Event dispatched whenever the filter state changes. */ "onFilterChanged"?: (event: IxCategoryFilterCustomEvent) => void; /** * Event dispatched whenever the filter gets cleared. */ "onFilterCleared"?: (event: IxCategoryFilterCustomEvent) => void; /** * Event dispatched whenever the text input changes. */ "onInputChanged"?: (event: IxCategoryFilterCustomEvent) => void; /** * Placeholder text to be displayed in an empty input field. */ "placeholder"?: string; /** * If true the filter will be in readonly mode * @default false */ "readonly"?: boolean; /** * If set categories will always be filtered via the respective logical operator. Toggling of the operator will not be available to the user. */ "staticOperator"?: LogicalFilterOperator; /** * A list of strings that will be supplied as type-ahead suggestions not tied to any categories. */ "suggestions"?: string[]; /** * If set to true, prevents that a single category can be set more than once. An already set category will not appear in the category dropdown if set to true. * @default false */ "uniqueCategories"?: boolean; } /** * @form-ready */ interface IxCheckbox { /** * Checked state of the checkbox component * @default false */ "checked"?: boolean; /** * Disabled state of the checkbox component * @default false */ "disabled"?: boolean; /** * The `id` of a `
` element to associate this element with. */ "form"?: string; /** * Indeterminate state of the checkbox component * @default false */ "indeterminate"?: boolean; /** * Label for the checkbox component */ "label"?: string; /** * Name of the checkbox component */ "name"?: string; /** * Event emitted when the checked state of the checkbox changes */ "onCheckedChange"?: (event: IxCheckboxCustomEvent) => void; /** * Event emitted when the checkbox is blurred */ "onIxBlur"?: (event: IxCheckboxCustomEvent) => void; /** * Event emitted when the value of the checkbox changes */ "onValueChange"?: (event: IxCheckboxCustomEvent) => void; /** * Required state of the checkbox component. If true, checkbox needs to be checked to be valid * @default false */ "required"?: boolean; /** * Value of the checkbox component * @default 'on' */ "value"?: string; } /** * @form-ready */ interface IxCheckboxGroup { /** * Alignment of the checkboxes in the group * @default 'column' */ "direction"?: 'row' | 'column'; /** * Optional helper text displayed below the checkbox group */ "helperText"?: string; /** * Info text for the checkbox group */ "infoText"?: string; /** * Error text for the checkbox group */ "invalidText"?: string; /** * Label for the checkbox group */ "label"?: string; /** * Show helper, info, warning, error and valid text as tooltip * @default false */ "showTextAsTooltip"?: boolean; /** * Valid text for the checkbox group */ "validText"?: string; /** * Warning text for the checkbox group */ "warningText"?: string; } interface IxChip { /** * ARIA label for the close button Will be set as aria-label on the nested HTML button element * @default 'Close chip' */ "ariaLabelCloseButton"?: string; /** * Custom background color. Only has an effect on chips with `variant='custom'` */ "background"?: string | undefined; /** * Center the content of the chip. Set to false to disable centering. * @since 3.2.0 * @default false */ "centerContent"?: boolean; /** * Custom font and icon color. Only has an effect on chips with `variant='custom'` */ "chipColor"?: string | undefined; /** * Show close icon * @default false */ "closable"?: boolean; /** * Show icon */ "icon"?: string; /** * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present. * @default false */ "inactive"?: boolean; /** * Fire event if close button is clicked */ "onCloseChip"?: (event: IxChipCustomEvent) => void; /** * Show chip with outline style * @default false */ "outline"?: boolean; /** * Display a tooltip. By default, no tooltip will be displayed. Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text. * @since 3.0.0 * @default false */ "tooltipText"?: string | boolean; /** * Chip variant * @default 'primary' */ "variant"?: | 'primary' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'custom'; } interface IxCol { /** * Size of the column */ "size"?: ColumnSize; /** * Size of the column for lg screens */ "sizeLg"?: ColumnSize; /** * Size of the column for md screens */ "sizeMd"?: ColumnSize; /** * Size of the column for sm screens */ "sizeSm"?: ColumnSize; } interface IxContent { } interface IxContentHeader { /** * Display a back button * @default false */ "hasBackButton"?: boolean; /** * Subtitle of Header * @default undefined */ "headerSubtitle"?: string | undefined; /** * Title of Header */ "headerTitle"?: string; /** * Triggered when back button is clicked */ "onBackButtonClick"?: (event: IxContentHeaderCustomEvent) => void; /** * Variant of content header * @default 'primary' */ "variant"?: ContentHeaderVariant; } interface IxCssGrid { /** * Define css grid template */ "templates"?: Partial>; } interface IxCssGridItem { /** * Grid item name */ "itemName": string; } interface IxCustomField { /** * Show text below the field component which show additional information */ "helperText"?: string; /** * Info text for the field component */ "infoText"?: string; /** * Error text for the field component */ "invalidText"?: string; /** * Label for the field component */ "label"?: string; /** * A value is required or must be checked for the form to be submittable * @default false */ "required"?: boolean; /** * Show helper, info, warning, error and valid text as tooltip */ "showTextAsTooltip"?: boolean; /** * Valid text for the field component */ "validText"?: string; /** * Warning text for the field component */ "warningText"?: string; } interface IxDateDropdown { /** * ARIA label for the dropdown Will be set as aria-label on the nested HTML button element that will trigger the dropdown */ "ariaLabelDropdownButton"?: string; /** * Controls whether custom date range selection is disabled in the component. When set to 'false', the user can select a custom date range using the date picker. When set to 'true', only predefined time date ranges are available for selection. * @default false */ "customRangeDisabled"?: boolean; /** * Used to set the initial select date range as well as the button name, if not set or no according date range label is found, nothing will be selected * @default 'custom' */ "dateRangeId"?: string; /** * An array of predefined date range options for the date picker. Each option is an object with a label describing the range and a function that returns the start and end dates of the range as a DateRangeOption object. Example format: { id: 'some unique id', label: 'Name of the range', from: undefined, to: '2023/03/29' }, // ... other predefined date range options ... * @default [] */ "dateRangeOptions"?: DateDropdownOption[]; /** * Disable the button that opens the dropdown containing the date picker. * @default false */ "disabled"?: boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'yyyy/LL/dd' */ "format"?: string; /** * Picker date. If the picker is in range mode this property is the start date. If set to `null` no default start date will be pre-selected. Format is based on `format` * @default '' */ "from"?: string; /** * Text for custom dropdown item. Will be used for translation. * @default 'Custom...' */ "i18nCustomItem"?: string; /** * Text for the done button. Will be used for translation. * @default 'Done' */ "i18nDone"?: string; /** * Text for the done button. Will be used for translation. * @default 'No range set' */ "i18nNoRange"?: string; /** * Loading button * @default false */ "loading"?: boolean; /** * Locale identifier (e.g. 'en' or 'de'). */ "locale"?: string; /** * The latest date that can be selected by the date picker. If not set there will be no restriction. * @default '' */ "maxDate"?: string; /** * The earliest date that can be selected by the date picker. If not set there will be no restriction. * @default '' */ "minDate"?: string; /** * EventEmitter for date range change events. This event is emitted when the date range changes within the component. The event payload contains information about the selected date range. */ "onDateRangeChange"?: (event: IxDateDropdownCustomEvent) => void; /** * Shows week numbers displayed on the left side of the date picker * @since 3.0.0 * @default false */ "showWeekNumbers"?: boolean; /** * If true disables date range selection (from/to). * @default false */ "singleSelection"?: boolean; /** * Picker date. If the picker is in range mode this property is the end date. If the picker is not in range mode leave this value `null` Format is based on `format` * @default '' */ "to"?: string; /** * Button variant * @default 'primary' */ "variant"?: ButtonVariant1; /** * The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday. * @default 0 */ "weekStartIndex"?: number; } /** * @form-ready */ interface IxDateInput { /** * ARIA label for the calendar icon button. Will be set as aria-label on the nested HTML button element. * @since 3.2.0 * @default 'Open calendar' */ "ariaLabelCalendarButton"?: string; /** * ARIA label for the next month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Next month' */ "ariaLabelNextMonthButton"?: string; /** * ARIA label for the previous month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Previous month' */ "ariaLabelPreviousMonthButton"?: string; /** * Disabled attribute. * @default false */ "disabled"?: boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'yyyy/LL/dd' */ "format"?: string; /** * Helper text below the input field. */ "helperText"?: string; /** * I18n string for the error message when the date is not parsable. * @default 'Date is not valid' */ "i18nErrorDateUnparsable"?: string; /** * Info text below the input field. */ "infoText"?: string; /** * Error text below the input field. */ "invalidText"?: string; /** * Label of the input field. */ "label"?: string; /** * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events. */ "locale"?: string; /** * The latest date that can be selected by the date input/picker. If not set there will be no restriction. * @default '' */ "maxDate"?: string; /** * The earliest date that can be selected by the date input/picker. If not set there will be no restriction. * @default '' */ "minDate"?: string; /** * Name of the input element. */ "name"?: string; /** * Change event. Emitted when the date input loses focus and the value has changed. * @since 4.4.0 */ "onIxChange"?: (event: IxDateInputCustomEvent) => void; /** * Validation state change event. Emitted when the validation state changes. */ "onValidityStateChange"?: (event: IxDateInputCustomEvent) => void; /** * Value change event. Emitted when the input value changes. */ "onValueChange"?: (event: IxDateInputCustomEvent) => void; /** * Placeholder of the input element. */ "placeholder"?: string; /** * Readonly attribute. * @default false */ "readonly"?: boolean; /** * Required attribute. */ "required"?: boolean; /** * Show text as tooltip. */ "showTextAsTooltip"?: boolean; /** * Shows week numbers displayed on the left side of the date picker. * @since 3.0.0 * @default false */ "showWeekNumbers"?: boolean; /** * If false, pressing Enter will submit the form (if inside a form). Set to true to suppress submit on Enter. * @default false */ "suppressSubmitOnEnter"?: boolean; /** * Text alignment within the date input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input. * @default 'start' */ "textAlignment"?: 'start' | 'end'; /** * Valid text below the input field. */ "validText"?: string; /** * Value of the input element. * @default '' */ "value"?: string; /** * Warning text below the input field. */ "warningText"?: string; /** * The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday. * @default 0 */ "weekStartIndex"?: number; } interface IxDatePicker { /** * ARIA label for the next month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Next month' */ "ariaLabelNextMonthButton"?: string; /** * ARIA label for the previous month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Previous month' */ "ariaLabelPreviousMonthButton"?: string; /** * Corner style. * @default 'rounded' */ "corners"?: DateTimeCardCorners; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'yyyy/LL/dd' */ "format"?: string; /** * The selected starting date. If the date picker is not in range mode, this is the selected date. Format has to match the `format` property. */ "from"?: string | undefined; /** * Text of the date select button. * @default 'Done' */ "i18nDone"?: string; /** * Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events. */ "locale"?: string; /** * The latest date that can be selected by the date picker. If not set there will be no restriction. * @default '' */ "maxDate"?: string; /** * The earliest date that can be selected by the date picker. If not set there will be no restriction. * @default '' */ "minDate"?: string; /** * Emitted when the date selection changes. The `DateChangeEvent` contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`. Note: Since 2.0.0 `dateChange` does not dispatch detail property as `string` */ "onDateChange"?: (event: IxDatePickerCustomEvent) => void; /** * Date range change event. Emitted when the date range selection changes and the component is in range mode. The `DateChangeEvent` contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`. */ "onDateRangeChange"?: (event: IxDatePickerCustomEvent) => void; /** * Date selection event. Emitted when the selection is confirmed via the date select button. The `DateChangeEvent` contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`. */ "onDateSelect"?: (event: IxDatePickerCustomEvent) => void; /** * Shows week numbers displayed on the left side of the date picker. * @since 3.0.0 * @default false */ "showWeekNumbers"?: boolean; /** * If true, disables date range selection (from/to). * @default false */ "singleSelection"?: boolean; /** * The selected end date. If the date picker is not in range mode, this property has no impact. Format has to match the `format` property. */ "to"?: string | undefined; /** * The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday. * @default 0 */ "weekStartIndex"?: number; } interface IxDateTimeCard { /** * Set corners style * @default 'rounded' */ "corners"?: DateTimeCardCorners; /** * Display footer * @default false */ "hasFooter"?: boolean; /** * Hide header * @default false */ "hideHeader"?: boolean; /** * Timepicker specific styling * @default false */ "timePickerAppearance"?: boolean; } interface IxDatetimePicker { /** * ARIA label for the next month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Next month' */ "ariaLabelNextMonthButton"?: string; /** * ARIA label for the previous month icon button. Will be set as aria-label on the nested HTML button element. * @default 'Previous month' */ "ariaLabelPreviousMonthButton"?: string; /** * Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'yyyy/LL/dd' */ "dateFormat"?: string; /** * The selected starting date. If the picker is not in range mode, this is the selected date. Format has to match the `dateFormat` property. */ "from"?: string; /** * Text of the date select button. * @default 'Done' */ "i18nDone"?: string; /** * Top label of the time picker. * @since 3.0.0 * @default 'Time' */ "i18nTime"?: string; /** * Locale identifier (e.g. 'en' or 'de'). See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. */ "locale"?: string; /** * The latest date that can be selected. If not set there will be no restriction. */ "maxDate"?: string; /** * The earliest date that can be selected. If not set there will be no restriction. */ "minDate"?: string; /** * Date change event. Emitted when the date changes in the embedded date picker. */ "onDateChange"?: (event: IxDatetimePickerCustomEvent) => void; /** * Datetime selection event. Emitted when the user confirms the selection. */ "onDateSelect"?: (event: IxDatetimePickerCustomEvent) => void; /** * Time change event. Emitted when the time changes in the embedded time picker. */ "onTimeChange"?: (event: IxDatetimePickerCustomEvent) => void; /** * Show AM/PM time reference control. * @default false */ "showTimeReference"?: boolean; /** * Shows week numbers displayed on the left side of the date picker. * @since 3.0.0 * @default false */ "showWeekNumbers"?: boolean; /** * If true, disables date range selection (from/to). * @default false */ "singleSelection"?: boolean; /** * Selected time value for the embedded time picker. Format has to match the `timeFormat` property. */ "time"?: string; /** * Time format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'HH:mm:ss' */ "timeFormat"?: string; /** * Time reference (AM or PM). */ "timeReference"?: 'AM' | 'PM'; /** * The selected end date. If the picker is not in range mode, this property has no impact. Format has to match the `dateFormat` property. */ "to"?: string; /** * The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday. * @default 0 */ "weekStartIndex"?: number; } interface IxDivider { } /** * @deprecated Will be removed with 5.0.0, use ix-pane as successor */ interface IxDrawer { /** * ARIA label for the close icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Close drawer' */ "ariaLabelCloseButton"?: string; /** * Fired in case of an outside click during drawer showed state * @default true */ "closeOnClickOutside"?: boolean; /** * Render the drawer with maximum height * @default false */ "fullHeight"?: boolean; /** * Max width interpreted as REM * @default 28 */ "maxWidth"?: number; /** * Min width interpreted as REM * @default 16 */ "minWidth"?: number; /** * Fire event after drawer is close */ "onDrawerClose"?: (event: IxDrawerCustomEvent) => void; /** * Fire event after drawer is open */ "onOpen"?: (event: IxDrawerCustomEvent) => void; /** * Show or hide the drawer * @default false */ "show"?: boolean; /** * Width interpreted as REM if not set to 'auto' * @default this.minWidth */ "width"?: number | 'auto'; } interface IxDropdown { /** * Define an anchor element */ "anchor"?: ElementReference; /** * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown. If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior. * @default 'both' */ "closeBehavior"?: CloseBehavior; /** * Enable Popover API rendering for top-layer positioning. * @default false in v4.x, will default to true in v5.0.0 */ "enableTopLayer"?: boolean; /** * An optional header shown at the top of the dropdown */ "header"?: string; /** * Fire event after visibility of dropdown has changed */ "onShowChanged"?: (event: IxDropdownCustomEvent) => void; /** * Placement of the dropdown * @default 'bottom-start' */ "placement"?: AlignedPlacement; /** * Position strategy * @default 'fixed' */ "positioningStrategy"?: 'absolute' | 'fixed'; /** * Show dropdown * @default false */ "show"?: boolean; /** * Suppress the automatic placement of the dropdown. * @default false */ "suppressAutomaticPlacement"?: boolean; /** * Define an element that triggers the dropdown. A trigger can either be a string that will be interpreted as id attribute or a DOM element. */ "trigger"?: ElementReference; } interface IxDropdownButton { /** * ARIA label for the dropdown button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelDropdownButton"?: string; /** * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown. * @default 'both' */ "closeBehavior"?: 'inside' | 'outside' | 'both' | boolean; /** * Disable button * @default false */ "disabled"?: boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * Button icon */ "icon"?: string; /** * Set label */ "label"?: string; /** * Placement of the dropdown */ "placement"?: AlignedPlacement; /** * Button variant * @default 'primary' */ "variant"?: DropdownButtonVariant; } interface IxDropdownHeader { /** * Display name of the header */ "label"?: string; } interface IxDropdownItem { /** * ARIA label for the item's button Will be set as aria-label for the nested HTML button element * @since 3.2.0 */ "ariaLabelButton"?: string; /** * ARIA label for the icon */ "ariaLabelIcon"?: string; /** * Whether the item is checked or not. If true a checkmark will mark the item as checked. * @default false */ "checked"?: boolean; /** * Disable item and remove event listeners * @default false */ "disabled"?: boolean; /** * Display hover state * @default false */ "hover"?: boolean; /** * Icon of dropdown item */ "icon"?: string; /** * Label of dropdown item */ "label"?: string; } interface IxDropdownQuickActions { } interface IxEmptyState { /** * Optional empty state action */ "action"?: string; /** * ARIA label for the empty state icon * @since 3.2.0 */ "ariaLabelEmptyStateIcon"?: string; /** * Empty state header */ "header": string; /** * Optional empty state icon */ "icon"?: string; /** * Optional empty state layout - one of 'large', 'compact' or 'compactBreak' * @default 'large' */ "layout"?: EmptyStateLayout; /** * Empty state action click event */ "onActionClick"?: (event: IxEmptyStateCustomEvent) => void; /** * Optional empty state sub header */ "subHeader"?: string; } interface IxEventList { /** * Animate state change transitions. Defaults to 'false'. * @default false */ "animated"?: boolean; /** * Display a chevron icon in list items. Defaults to 'false' * @default false */ "chevron"?: boolean; /** * Make event-list items more compact * @default false */ "compact"?: boolean; /** * Determines the height of list items. This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value. In case a number is supplied it will get converted to rem internally. Defaults to 'S'. * @default 'S' */ "itemHeight"?: 'S' | 'L' | number; } interface IxEventListItem { /** * Show chevron on right side of the event list item * @default false */ "chevron"?: boolean; /** * Disable event list item * @default false */ "disabled"?: boolean; /** * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm` {@link https://ix.siemens.io/docs/styles/colors} */ "itemColor"?: string; /** * Event list item click */ "onItemClick"?: (event: IxEventListItemCustomEvent) => void; /** * Show event list item as selected * @default false */ "selected"?: boolean; /** * Variant of the event list item * @since 4.0.0 * @default 'outline' */ "variant"?: 'outline' | 'filled'; } interface IxExpandingSearch { /** * ARIA label for the clear icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Clear search' */ "ariaLabelClearIconButton"?: string; /** * ARIA label for the search icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelSearchIconButton"?: string; /** * ARIA label for the search input Will be set as aria-label on the nested HTML input element * @since 3.2.0 * @default 'Search input' */ "ariaLabelSearchInput"?: string; /** * If true the search field will fill all available horizontal space of it's parent container when expanded. * @default false */ "fullWidth"?: boolean; /** * Search icon */ "icon"?: string; /** * Value changed */ "onValueChange"?: (event: IxExpandingSearchCustomEvent) => void; /** * Placeholder text * @default 'Enter text here' */ "placeholder"?: string; /** * Default value * @default '' */ "value"?: string; /** * button variant * @default 'tertiary' */ "variant"?: ButtonVariant1; } interface IxFieldLabel { /** * The id of the form element that the label is associated with */ "htmlFor"?: string; /** * A value is required or must be checked for the form to be submittable */ "required"?: boolean; } interface IxFieldWrapper { /** * The control element that the label is associated with */ "controlRef"?: | MakeRef | MakeRef | MakeRef; /** * Show text below the field component */ "helperText"?: string; /** * The id of the form element that the label is associated with */ "htmlForLabel"?: string; /** * Info text for the field component */ "infoText"?: string; /** * Error text for the field component */ "invalidText"?: string; /** * Is the field component info * @default false */ "isInfo"?: boolean; /** * Is the field component invalid * @default false */ "isInvalid"?: boolean; /** * Is the field component valid * @default false */ "isValid"?: boolean; /** * Is the field component warning * @default false */ "isWarning"?: boolean; /** * Label for the field component */ "label"?: string; /** * Show label as required * @default false */ "required"?: boolean; /** * Show helper, error, info, warning text as tooltip * @default false */ "showTextAsTooltip"?: boolean; /** * Valid text for the field component */ "validText"?: string; /** * Warning text for the field component */ "warningText"?: string; } interface IxFilterChip { /** * ARIA label for the close icon button Will be set as aria-label on the nested HTML button element */ "ariaLabelCloseIconButton"?: string; /** * If true the filter chip will be in disabled state * @default false */ "disabled"?: boolean; /** * Close clicked */ "onCloseClick"?: (event: IxFilterChipCustomEvent) => void; /** * If true the filter chip will be in readonly mode * @default false */ "readonly"?: boolean; } interface IxFlipTile { /** * ARIA label for the eye icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelEyeIconButton"?: string; /** * Height interpreted as REM * @default 15.125 */ "height"?: number | 'auto'; /** * Index of the currently visible content * @since 3.0.0 * @default 0 */ "index"?: number; /** * Event emitted when the index changes * @since 3.0.0 */ "onToggle"?: (event: IxFlipTileCustomEvent) => void; /** * Variation of the Flip * @since 4.0.0 * @default 'filled' */ "variant"?: FlipTileVariant; /** * Width interpreted as REM * @default 16 */ "width"?: number | 'auto'; } interface IxFlipTileContent { } interface IxGroup { /** * Expand the group if the header is clicked * @default false */ "expandOnHeaderClick"?: boolean; /** * Whether the group is expanded or collapsed. Defaults to false. * @default false */ "expanded"?: boolean; /** * Group header */ "header"?: string; /** * The index of the selected group entry. If undefined no group item is selected. */ "index"?: number; /** * Group expanded */ "onExpandedChanged"?: (event: IxGroupCustomEvent) => void; /** * Emits when whole group gets selected. */ "onSelectGroup"?: (event: IxGroupCustomEvent) => void; /** * Emits when group item gets selected. */ "onSelectItem"?: (event: IxGroupCustomEvent) => void; /** * Whether the group is selected. * @default false */ "selected"?: boolean; /** * Group header subtitle */ "subHeader"?: string; /** * Prevent header from being selectable * @default false */ "suppressHeaderSelection"?: boolean; } interface IxGroupContextMenu { } interface IxGroupItem { /** * ARIA label for the icon */ "ariaLabelIcon"?: string; /** * Disable the group item. The elements tabindex attribute will get set accordingly. If false tabindex will be 0, -1 otherwise. * @default false */ "disabled"?: boolean; /** * Group item icon */ "icon"?: string; /** * Index */ "index"?: number; /** * Selection changed */ "onSelectedChanged"?: (event: IxGroupItemCustomEvent) => void; /** * Group item secondary text */ "secondaryText"?: string; /** * Show selected state * @default false */ "selected"?: boolean; /** * Supress the selection of the group * @default false */ "suppressSelection"?: boolean; /** * Group item text */ "text"?: string; } interface IxHelperText { /** * Show text below the field component */ "helperText"?: string; /** * The id of the form element that the label is associated with */ "htmlFor"?: string; /** * Info text for the field component */ "infoText"?: string; /** * Error text for the field component */ "invalidText"?: string; /** * Valid text for the field component */ "validText"?: string; /** * Warning text for the field component */ "warningText"?: string; } interface IxIconButton { /** * Accessibility label for the icon button Will be set as aria-label on the nested HTML button element * @deprecated Set the native `aria-label` on the ix-icon-button host element. Will be removed in 5.0.0 */ "a11yLabel"?: string; /** * Disabled * @default false */ "disabled"?: boolean; /** * Icon name */ "icon"?: string; /** * Color of icon in button */ "iconColor"?: string; /** * Loading button * @default false */ "loading"?: boolean; /** * Button in oval shape * @default false */ "oval"?: boolean; /** * Size of icon in button * @default '24' */ "size"?: '24' | '16' | '12'; /** * Type of the button * @default 'button' */ "type"?: 'button' | 'submit'; /** * Variant of button * @default 'subtle-primary' */ "variant"?: IconButtonVariant; } interface IxIconToggleButton { /** * ARIA label for the icon button Will be set for the native HTML button element * @since 3.2.0 */ "ariaLabelIconButton"?: string; /** * Disable the button * @default false */ "disabled"?: boolean; /** * Button with no background or outline * @default false */ "ghost"?: boolean; /** * Icon name */ "icon"?: string; /** * Loading button * @default false */ "loading"?: boolean; /** * Pressed change event */ "onPressedChange"?: (event: IxIconToggleButtonCustomEvent) => void; /** * Outline button * @default false */ "outline"?: boolean; /** * Button in oval shape * @since 3.1.0 * @default false */ "oval"?: boolean; /** * Show button as pressed * @default false */ "pressed"?: boolean; /** * Size of icon in button * @default '24' */ "size"?: '24' | '16' | '12'; /** * Button variant. * @default 'subtle-primary' */ "variant"?: ButtonVariant1; } /** * @form-ready */ interface IxInput { /** * The allowed characters pattern for the text field. */ "allowedCharactersPattern"?: string; /** * Specifies whether the text field is disabled. * @default false */ "disabled"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * The helper text for the text field. */ "helperText"?: string; /** * The info text for the text field. */ "infoText"?: string; /** * The error text for the text field. */ "invalidText"?: string; /** * The label for the text field. */ "label"?: string; /** * The maximum length of the text field. */ "maxLength"?: number; /** * The minimum length of the text field. */ "minLength"?: number; /** * The name of the text field. */ "name"?: string; /** * Event emitted when the text field loses focus. */ "onIxBlur"?: (event: IxInputCustomEvent) => void; /** * Event emitted when the text field loses focus and the value has changed. * @since 4.4.0 */ "onIxChange"?: (event: IxInputCustomEvent) => void; /** * Event emitted when the validity state of the text field changes. */ "onValidityStateChange"?: (event: IxInputCustomEvent) => void; /** * Event emitted when the value of the text field changes. */ "onValueChange"?: (event: IxInputCustomEvent) => void; /** * The pattern for the text field. */ "pattern"?: string; /** * The placeholder text for the text field. */ "placeholder"?: string; /** * Specifies whether the text field is readonly. * @default false */ "readonly"?: boolean; /** * Specifies whether the text field is required. * @default false */ "required"?: boolean; /** * Specifies whether to show the text as a tooltip. */ "showTextAsTooltip"?: boolean; /** * If false, pressing Enter will submit the form (if inside a form). Set to true to suppress submit on Enter. * @default false */ "suppressSubmitOnEnter"?: boolean; /** * Text alignment within the input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input. * @default 'start' */ "textAlignment"?: 'start' | 'end'; /** * The type of the text field. Possible values are 'text', 'email', or 'password'. * @default 'text' */ "type"?: 'text' | 'email' | 'password' | 'tel' | 'url'; /** * The valid text for the text field. */ "validText"?: string; /** * The value of the text field. * @default '' */ "value"?: string; /** * The warning text for the text field. */ "warningText"?: string; } /** * @deprecated Since 3.0.0. Will be removed with 5.0.0 * Not maintained anymore. * Use the 'ix-input' component instead */ interface IxInputGroup { } interface IxKeyValue { /** * ARIA label for the icon * @since 3.2.0 */ "ariaLabelIcon"?: string; /** * Optional key value icon */ "icon"?: string; /** * Key value label */ "label": string; /** * Optional key value label position - 'top' or 'left' * @default 'top' */ "labelPosition"?: KeyValueLabelPosition; /** * Optional key value text value */ "value"?: string; } interface IxKeyValueList { /** * Optional striped key value list style * @default false */ "striped"?: boolean; } interface IxKpi { /** * ARIA label for the alarm icon * @since 3.2.0 */ "ariaLabelAlarmIcon"?: string; /** * ARIA label for the warning icon * @since 3.2.0 */ "ariaLabelWarningIcon"?: string; "label"?: string; /** * @default 'horizontal' */ "orientation"?: 'horizontal' | 'vertical'; /** * @default 'neutral' */ "state"?: 'neutral' | 'warning' | 'alarm'; "unit"?: string; "value"?: string | number; } interface IxLayoutAuto { /** * Defines the layout of the form. * @default [ { minWidth: '0', columns: 1 }, { minWidth: '48em', columns: 2 }, ] */ "layout"?: { minWidth: string; columns: number; }[]; } interface IxLayoutGrid { /** * Overwrite the default number of columns. Choose between 2 and 12 columns. * @default 12 */ "columns"?: number; /** * Grid gap * @default '24' */ "gap"?: '8' | '12' | '16' | '24'; /** * The grid will not have any horizontal padding * @default false */ "noMargin"?: boolean; } interface IxLinkButton { /** * Disable the link button * @default false */ "disabled"?: boolean; /** * Specifies where to open the link https://www.w3schools.com/html/html_links.asp * @default '_self' */ "target"?: '_self' | '_blank' | '_parent' | '_top'; /** * Url for the link button */ "url"?: string; } interface IxMenu { /** * Should only be set if you use ix-menu standalone * @default '' */ "applicationDescription"?: string; /** * Should only be set if you use ix-menu standalone */ "applicationName"?: string; /** * Show toggle between light and dark variant. Only if the provided theme have implemented both! * @default false */ "enableToggleTheme"?: boolean; /** * Toggle the expand state of the menu * @default false */ "expand"?: boolean; /** * i18n label for 'Collapse' button * @default 'Collapse' */ "i18nCollapse"?: string; /** * i18n label for 'Expand' button * @default ' Expand' */ "i18nExpand"?: string; /** * Accessibility i18n label for the burger menu of the sidebar * @deprecated Since 4.2.0. Will be removed in 5.0.0. The expand button is now hidden from screen readers with aria-hidden="true". * @default 'Expand sidebar' */ "i18nExpandSidebar"?: string; /** * i18n label for 'About & legal information' button * @default 'About & legal information' */ "i18nLegal"?: string; /** * i18n label for 'Settings' button * @default 'Settings' */ "i18nSettings"?: string; /** * i18n label for 'Toggle theme' button * @default 'Toggle theme' */ "i18nToggleTheme"?: string; /** * Menu expanded */ "onExpandChange"?: (event: IxMenuCustomEvent) => void; /** * Map Sidebar expanded */ "onMapExpandChange"?: (event: IxMenuCustomEvent) => void; /** * Event emitted when the about button is clicked * @since 3.0.0 */ "onOpenAbout"?: (event: IxMenuCustomEvent) => void; /** * Event emitted when the app switch button is clicked * @since 3.0.0 */ "onOpenAppSwitch"?: (event: IxMenuCustomEvent) => void; /** * Event emitted when the settings button is clicked * @since 3.0.0 */ "onOpenSettings"?: (event: IxMenuCustomEvent) => void; /** * Menu stays pinned to the left * @default false */ "pinned"?: boolean; /** * Is about tab visible * @default false */ "showAbout"?: boolean; /** * Is settings tab visible * @default false */ "showSettings"?: boolean; /** * If set the menu will be expanded initially. This will only take effect at the breakpoint 'lg'. * @default false */ "startExpanded"?: boolean; } interface IxMenuAbout { /** * Active tab */ "activeTabLabel"?: string; /** * Aria label for close button * @default 'Close About' */ "ariaLabelCloseButton"?: string; /** * Content of the header * @default 'About & legal information' */ "label"?: string; /** * About and Legal closed */ "onClose"?: (event: IxMenuAboutCustomEvent) => void; /** * Active tab changed * @since 3.0.0 */ "onTabChange"?: (event: IxMenuAboutCustomEvent) => void; } interface IxMenuAboutItem { /** * About Item label */ "label"?: string; /** * Label changed */ "onLabelChange"?: (event: IxMenuAboutItemCustomEvent) => void; } interface IxMenuAboutNews { /** * Subtitle of the about news */ "aboutItemLabel"?: string; /** * i18n label for 'Show more' button * @default 'Show more' */ "i18nShowMore"?: string; /** * Title of the about news */ "label"?: string; /** * Popover closed */ "onClosePopover"?: (event: IxMenuAboutNewsCustomEvent) => void; /** * Show More button is pressed */ "onShowMore"?: (event: IxMenuAboutNewsCustomEvent) => void; /** * Show about news * @default false */ "show"?: boolean; } interface IxMenuAvatar { /** * aria-label for the tooltip * @since 4.3.0. */ "ariaLabelTooltip"?: string; /** * Second line of text */ "bottom"?: string; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * Control the visibility of the logout button * @default false */ "hideLogoutButton"?: boolean; /** * i18n label for 'Logout' button * @default 'Logout' */ "i18nLogout"?: string; /** * Display a avatar image */ "image"?: string; /** * Display the initials of the user. Will be overwritten by image */ "initials"?: string; /** * Logout click */ "onLogoutClick"?: (event: IxMenuAvatarCustomEvent) => void; /** * Tooltip text to display on hover. If not set, the 'top' property (user name) will be used as the default tooltip text. * @since 4.3.0. */ "tooltipText"?: string; /** * First line of text */ "top"?: string; } interface IxMenuAvatarItem { /** * Avatar dropdown icon */ "icon"?: string; /** * Avatar dropdown label */ "label"?: string; /** * Avatar dropdown item clicked */ "onItemClick"?: (event: IxMenuAvatarItemCustomEvent) => void; } interface IxMenuCategory { /** * Icon of the category */ "icon"?: string; /** * Display name of the category */ "label"?: string; /** * Show notification count on the category */ "notifications"?: number; /** * Will be shown as tooltip text, if not provided menu text content will be used. * @since 4.0.0 */ "tooltipText"?: string; } interface IxMenuExpandIcon { /** * Controls which icon is displayed */ "breakpoint"?: Breakpoint; /** * Whether the menu expand icon displays the expanded state or not * @default false */ "expanded"?: boolean; /** * Accessibility label for the menu expand icon * @deprecated This prop is no longer used as the component is hidden from screen readers (aria-hidden="true"). Will be removed in 5.0.0 * @default 'Expand' */ "ixAriaLabel"?: string; /** * Display as pinned * @default false */ "pinned"?: boolean; } interface IxMenuItem { /** * State to display active * @default false */ "active"?: boolean; /** * Caution: this is no longer working. Please use slot="bottom" instead. Place tab on bottom * @default false */ "bottom"?: boolean; /** * Disable tab and remove event handlers * @default false */ "disabled"?: boolean; /** * Move the Tab to a top position. * @default false */ "home"?: boolean; /** * URL for the button link. When provided, the button will render as an anchor tag. * @since 4.0.0 */ "href"?: string; /** * Name of the icon you want to display. Icon names can be resolved from the documentation {@link https://ix.siemens.io/docs/icon-library/icons} */ "icon"?: string; /** * Label of the menu item. Will also be used as tooltip text */ "label"?: string; /** * Show notification count on tab */ "notifications"?: number; /** * Specifies the relationship between the current document and the linked document when href is provided. * @since 4.0.0 */ "rel"?: string; /** * Specifies where to open the linked document when href is provided. * @since 4.0.0 * @default '_self' */ "target"?: AnchorTarget; /** * Will be shown as tooltip text, if not provided menu text content will be used. * @since 4.0.0 */ "tooltipText"?: string; } interface IxMenuSettings { /** * Active tab */ "activeTabLabel"?: string; /** * Aria label for close button * @default 'Close Settings' */ "ariaLabelCloseButton"?: string; /** * Label of first tab * @default 'Settings' */ "label"?: string; /** * Popover closed */ "onClose"?: (event: IxMenuSettingsCustomEvent) => void; /** * Active tab changed * @since 3.0.0 */ "onTabChange"?: (event: IxMenuSettingsCustomEvent) => void; } interface IxMenuSettingsItem { /** * Settings Item label */ "label"?: string; /** * Label changed */ "onLabelChange"?: (event: IxMenuSettingsItemCustomEvent) => void; } interface IxMessageBar { /** * An event emitted when the close animation is completed */ "onCloseAnimationCompleted"?: (event: IxMessageBarCustomEvent) => void; /** * An event emitted when the close button is clicked */ "onClosedChange"?: (event: IxMessageBarCustomEvent) => void; /** * If true, close button is disabled and alert cannot be dismissed by the user * @default false */ "persistent"?: boolean; /** * Specifies the type of the alert. * @default 'info' */ "type"?: | 'alarm' | 'critical' | 'warning' | 'success' | 'info' | 'neutral' | 'primary'; } interface IxModal { /** * Is called before the modal is dismissed. - Return `true` to proceed in dismissing the modal - Return `false` to abort in dismissing the modal */ "beforeDismiss"?: (reason?: unknown) => boolean | Promise; /** * Centered modal * @default false */ "centered"?: boolean; /** * Dismiss modal on backdrop click * @default false */ "closeOnBackdropClick"?: boolean; /** * Should the modal animation be disabled * @default false */ "disableAnimation"?: boolean; /** * If set to true the modal cannot be closed by pressing the Escape key * @default false */ "disableEscapeClose"?: boolean; /** * Hide the backdrop behind the modal dialog * @default false */ "hideBackdrop"?: boolean; /** * Dialog close */ "onDialogClose"?: (event: IxModalCustomEvent) => void; /** * Dialog cancel */ "onDialogDismiss"?: (event: IxModalCustomEvent) => void; /** * Modal size * @default '360' */ "size"?: IxModalSize; } interface IxModalContent { } interface IxModalFooter { } interface IxModalHeader { /** * ARIA label for the close icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Close modal' */ "ariaLabelCloseIconButton"?: string; /** * ARIA label for the icon */ "ariaLabelIcon"?: string; /** * Hide the close button * @default false */ "hideClose"?: boolean; /** * Icon of the Header */ "icon"?: string; /** * Icon color */ "iconColor"?: string; /** * Emits when close icon is clicked and closes the modal Can be prevented, in which case only the event is triggered, and the modal remains open */ "onCloseClick"?: (event: IxModalHeaderCustomEvent) => void; } interface IxModalLoading { } /** * @form-ready */ interface IxNumberInput { /** * If true, the valueChange event will return null instead of 0 for an empty input state. This property will be removed in 5.0.0 and this behaviour will be default. * @since 4.1.0 * @default false */ "allowEmptyValueChange"?: boolean; /** * The allowed characters pattern for the input field */ "allowedCharactersPattern"?: string; /** * Disables the input field * @default false */ "disabled"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * The helper text for the input field */ "helperText"?: string; /** * The info text for the input field */ "infoText"?: string; /** * The error text for the input field */ "invalidText"?: string; /** * The label for the input field */ "label"?: string; /** * The maximum value for the input field */ "max"?: string | number; /** * The minimum value for the input field */ "min"?: string | number; /** * name of the input element */ "name"?: string; /** * Event emitted when the input field loses focus */ "onIxBlur"?: (event: IxNumberInputCustomEvent) => void; /** * Event emitted when the input field loses focus and the value has changed * @since 4.4.0 */ "onIxChange"?: (event: IxNumberInputCustomEvent) => void; /** * Event emitted when the validity state of the input field changes */ "onValidityStateChange"?: (event: IxNumberInputCustomEvent) => void; /** * Event emitted when the value of the input field changes */ "onValueChange"?: (event: IxNumberInputCustomEvent) => void; /** * The pattern for the input field */ "pattern"?: string; /** * placeholder of the input element */ "placeholder"?: string; /** * Indicates if the field is read-only * @default false */ "readonly"?: boolean; /** * Indicates if the field is required. When required, empty values (undefined) are not accepted. * @default false */ "required"?: boolean; /** * Indicates if the stepper buttons should be shown */ "showStepperButtons"?: boolean; /** * Indicates if the text should be shown as a tooltip */ "showTextAsTooltip"?: boolean; /** * Step value to increment or decrement the input value. Default step value is 1. * @default 1 */ "step"?: string | number; /** * If false, pressing Enter will submit the form (if inside a form). Set to true to suppress submit on Enter. * @default false */ "suppressSubmitOnEnter"?: boolean; /** * Text alignment within the number input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input. * @default 'end' */ "textAlignment"?: 'start' | 'end'; /** * The valid text for the input field */ "validText"?: string; /** * The value of the input field. Supports numeric values, scientific notation (1E6, 1E-6), or undefined for empty. * @default 0 */ "value"?: number; /** * The warning text for the input field */ "warningText"?: string; } interface IxPagination { /** * Advanced mode * @default false */ "advanced"?: boolean; /** * ARIA label for the chevron left icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Previous page' */ "ariaLabelChevronLeftIconButton"?: string; /** * ARIA label for the chevron right icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Next page' */ "ariaLabelChevronRightIconButton"?: string; /** * ARIA label for the page selection input Will be set as aria-label on the nested HTML input element * @since 4.1.0 * @default 'Page selection input' */ "ariaLabelPageSelection"?: string; /** * Total number of pages * @default 0 */ "count"?: number; /** * Hide item count in advanced mode * @default false */ "hideItemCount"?: boolean; /** * i18n label for 'Items' * @default 'Items' */ "i18nItems"?: string; /** * i18n label for 'of' * @default 'of' */ "i18nOf"?: string; /** * i18n label for 'Page' * @default 'Page' */ "i18nPage"?: string; /** * Number of items shown at once. Can only be changed in advanced mode. * @default 15 */ "itemCount"?: number; /** * Custom item count options for advanced mode. Provide an array of positive numbers to display in the items per page dropdown. * @since 4.4.0 * @default [10, 15, 20, 40, 100] */ "itemCountOptions"?: number[]; /** * Item count change event */ "onItemCountChanged"?: (event: IxPaginationCustomEvent) => void; /** * Page selection event */ "onPageSelected"?: (event: IxPaginationCustomEvent) => void; /** * Zero based index of currently selected page * @default 0 */ "selectedPage"?: number; } interface IxPane { /** * ARIA label close or collapse button */ "ariaLabelCollapseCloseButton"?: string; /** * ARIA label for the icon */ "ariaLabelIcon"?: string; /** * Toggle the border of the pane. Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false. * @default false */ "borderless"?: boolean; /** * If true, the pane will close when clicking outside of it * @default false */ "closeOnClickOutside"?: boolean; /** * Defines the position of the pane inside it's container. Inside a pane layout this property will automatically be set to the name of slot the pane is assigned to. * @default 'top' */ "composition"?: Composition; /** * State of the pane * @default false */ "expanded"?: boolean; /** * Title of the side panel */ "heading"?: string; /** * Define if the pane should have a collapsed state * @default false */ "hideOnCollapse"?: boolean; /** * Name of the icon */ "icon"?: string; /** * This event is triggered when the variant of the pane is changed */ "onBorderlessChanged"?: (event: IxPaneCustomEvent) => void; /** * This event is triggered when the pane either expands or contracts */ "onExpandedChanged"?: (event: IxPaneCustomEvent) => void; /** * This event is triggered when the variant of the pane is changed */ "onVariantChanged"?: (event: IxPaneCustomEvent) => void; /** * The maximum size of the sidebar, when it is expanded * @default '240px' */ "size"?: | '240px' | '320px' | '360px' | '480px' | '600px' | '33%' | '50%'; /** * Variant of the side pane. Defaults to the variant attribute of the pane layout. If used standalone it defaults to inline. * @default 'inline' */ "variant"?: 'floating' | 'inline'; } interface IxPaneLayout { /** * Set the default border state for all panes in the layout * @default false */ "borderless"?: boolean; /** * Choose the layout of the panes. When set to 'full-vertical' the vertical panes (left, right) will get the full height. When set to 'full-horizontal' the horizontal panes (top, bottom) will get the full width. * @default 'full-vertical' */ "layout"?: 'full-vertical' | 'full-horizontal'; /** * Set the default variant for all panes in the layout * @default 'inline' */ "variant"?: 'floating' | 'inline'; } interface IxPill { /** * Align pill content left * @default false */ "alignLeft"?: boolean; /** * ARIA label for the icon * @since 3.2.0 */ "ariaLabelIcon"?: string; /** * Custom color for pill. Only working for `variant='custom'` */ "background"?: string | undefined; /** * Show icon */ "icon"?: string; /** * Show pill as outline * @default false */ "outline"?: boolean; /** * Custom font color for pill. Only working for `variant='custom'` */ "pillColor"?: string | undefined; /** * Display a tooltip. By default, no tooltip will be displayed. Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text. * @since 3.0.0 * @default false */ "tooltipText"?: string | boolean; /** * Pill variant * @default 'primary' */ "variant"?: | 'primary' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'custom'; } /** * @since 3.2.0 */ interface IxProgressIndicator { /** * The helper text for the progress indicator. */ "helperText"?: string; /** * The label for the progress indicator. */ "label"?: string; /** * The maximum value of the progress indicator. * @default 100 */ "max"?: number; /** * The minimum value of the progress indicator. * @default 0 */ "min"?: number; /** * Show the helper text as a tooltip * @default false */ "showTextAsTooltip"?: boolean; /** * The size of the progress indicator. * @default 'md' */ "size"?: ProgressIndicatorSize; /** * The state of the progress indicator. This is used to indicate the current state of the progress indicator. * @default 'default' */ "status"?: ProgressIndicatorStatus; /** * The text alignment for the helper text. Can be 'left', 'center', or 'right'. * @default 'left' */ "textAlignment"?: 'left' | 'center' | 'right'; /** * The type of progress indicator to use. * @default 'linear' */ "type"?: 'linear' | 'circular'; /** * The value of the progress indicator. * @default 0 */ "value"?: number; } interface IxPushCard { /** * ARIA label for the icon * @since 3.2.0 */ "ariaLabelIcon"?: string; /** * Expand the card * @default false */ "expanded"?: boolean; /** * Card heading */ "heading"?: string; /** * Card icon */ "icon"?: string; /** * Card KPI value */ "notification"?: string; /** * If true, disables hover and active styles and changes cursor to default * @default false */ "passive"?: boolean; /** * Card subheading */ "subheading"?: string; /** * Card variant * @default 'outline' */ "variant"?: PushCardVariant; } /** * @form-ready */ interface IxRadio { /** * Checked state of the radio component * @default false */ "checked"?: boolean; /** * Disabled state of the radio component * @default false */ "disabled"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * Label for the radio component */ "label"?: string; /** * Name of the radio component */ "name"?: string; /** * Event emitted when the checked state of the radio changes */ "onCheckedChange"?: (event: IxRadioCustomEvent) => void; /** * Event emitted when the radio is blurred */ "onIxBlur"?: (event: IxRadioCustomEvent) => void; /** * Event emitted when the value of the radio changes */ "onValueChange"?: (event: IxRadioCustomEvent) => void; /** * Requires the radio component and its group to be checked for the form to be submittable * @since 3.0.0 * @default false */ "required"?: boolean; /** * Value of the radio component */ "value"?: string; } /** * @form-ready */ interface IxRadioGroup { /** * Alignment of the radio buttons in the group * @default 'column' */ "direction"?: 'column' | 'row'; /** * Show text below the field component */ "helperText"?: string; /** * Info text for the field component */ "infoText"?: string; /** * Error text for the field component */ "invalidText"?: string; /** * Label for the field component */ "label"?: string; /** * Event emitted when the value of the radiobutton group changes */ "onValueChange"?: (event: IxRadioGroupCustomEvent) => void; /** * Show helper, info, warning, error and valid text as tooltip */ "showTextAsTooltip"?: boolean; /** * Valid text for the field component */ "validText"?: string; /** * Value of the radiobutton group component */ "value"?: string; /** * Warning text for the field component */ "warningText"?: string; } interface IxRow { } /** * @form-ready */ interface IxSelect { /** * Show clear button * @default false */ "allowClear"?: boolean; /** * ARIA label for the chevron down icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 */ "ariaLabelChevronDownIconButton"?: string; /** * ARIA label for the clear icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Clear selection' */ "ariaLabelClearIconButton"?: string; /** * Show "all" chip when all items are selected in multiple mode * @default false */ "collapseMultipleSelection"?: boolean; /** * If true the select will be in disabled state * @default false */ "disabled"?: boolean; /** * The maximum width of the dropdown element with value and unit (e.g. "200px" or "12.5rem"). By default the maximum width of the dropdown element is set to 100%. */ "dropdownMaxWidth"?: string; /** * The width of the dropdown element with value and unit (e.g. "200px" or "12.5rem"). */ "dropdownWidth"?: string; /** * Select is extendable * @default false */ "editable"?: boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * Helper text for the select component */ "helperText"?: string; /** * Hide list header * @default false */ "hideListHeader"?: boolean; /** * Chip label for all selected items in multiple mode. * @default 'All' */ "i18nAllSelected"?: string; /** * Information inside of dropdown if no items where found with current filter text * @default 'No matches' */ "i18nNoMatches"?: string; /** * Input field placeholder * @default 'Select an option' */ "i18nPlaceholder"?: string; /** * Input field placeholder for editable select * @default 'Type of select option' */ "i18nPlaceholderEditable"?: string; /** * Select list header * @default 'Select an option' */ "i18nSelectListHeader"?: string; /** * Info text for the select component */ "infoText"?: string; /** * Error text for the select component */ "invalidText"?: string; /** * Label for the select component */ "label"?: string; /** * Selection mode * @default 'single' */ "mode"?: 'single' | 'multiple'; /** * A string that represents the element's name attribute, containing a name that identifies the element when submitting the form. */ "name"?: string; /** * Item added to selection */ "onAddItem"?: (event: IxSelectCustomEvent) => void; /** * Event dispatched whenever the text input changes. */ "onInputChange"?: (event: IxSelectCustomEvent) => void; /** * Blur input */ "onIxBlur"?: (event: IxSelectCustomEvent) => void; /** * Value changed */ "onValueChange"?: (event: IxSelectCustomEvent) => void; /** * If true the select will be in readonly mode * @default false */ "readonly"?: boolean; /** * A Boolean attribute indicating that an option with a non-empty string value must be selected * @default false */ "required"?: boolean; /** * Show helper, error, info, warning text as tooltip */ "showTextAsTooltip"?: boolean; /** * Valid text for the select component */ "validText"?: string; /** * Current selected value. This corresponds to the value property of ix-select-items * @default '' */ "value"?: string | string[]; /** * Warning text for the select component */ "warningText"?: string; } interface IxSelectItem { /** * Displayed name of the item */ "label"?: string; /** * Item clicked */ "onItemClick"?: (event: IxSelectItemCustomEvent) => void; /** * Flag indicating whether the item is selected * @default false */ "selected"?: boolean; /** * The value of the item. Important: The select component uses string values to handle selection and will call toString() on this value. Therefor a string should be passed to value to prevent unexpected behavior. */ "value": string; } /** * @form-ready */ interface IxSlider { /** * Show control as disabled * @default false */ "disabled"?: boolean; /** * Show error state and message * @deprecated Will be removed in 5.0.0. Use invalid class instead. */ "error"?: boolean | string; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * Show text below the field component * @since 4.3.0 */ "helperText"?: string; /** * Info text for the field component * @since 4.3.0 */ "infoText"?: string; /** * Error text for the field component * @since 4.3.0 */ "invalidText"?: string; /** * Label for the field component * @since 4.3.0 */ "label"?: string; /** * Define tick marker on the slider. Marker has to be within slider min/max */ "marker"?: SliderMarker; /** * Maximum slider value * @default 100 */ "max"?: number; /** * Minimum slider value * @default 0 */ "min"?: number; /** * The name of the element, used when submitting an HTML form. */ "name"?: string; /** * Will emit the value when it changes */ "onValueChange"?: (event: IxSliderCustomEvent) => void; /** * Show helper, info, warning, error and valid text as tooltip * @since 4.3.0 * @default false */ "showTextAsTooltip"?: boolean; /** * Legal number intervals {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step} * @default 1 */ "step"?: number; /** * Show a trace line * @default false */ "trace"?: boolean; /** * Define the start point of the trace line * @default 0 */ "traceReference"?: number; /** * Valid text for the field component * @since 4.3.0 */ "validText"?: string; /** * Current value of the slider * @default 0 */ "value"?: number; /** * Warning text for the field component * @since 4.3.0 */ "warningText"?: string; } interface IxSpinner { /** * Size of spinner * @default 'medium' */ "size"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large'; /** * Variant of spinner * @default 'secondary' */ "variant"?: 'primary' | 'secondary'; } interface IxSplitButton { /** * ARIA label for the button (use if no label and icon button) * @since 3.2.0 */ "ariaLabelButton"?: string; /** * ARIA label for the split icon button * @since 3.2.0 */ "ariaLabelSplitIconButton"?: string; /** * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown. * @default 'both' */ "closeBehavior"?: CloseBehavior; /** * Disables only the main button while keeping the dropdown trigger enabled * @since 4.1.0 * @default false */ "disableButton"?: boolean; /** * Disables only the dropdown trigger while keeping the main button enabled * @since 4.1.0 * @default false */ "disableDropdownButton"?: boolean; /** * Disabled * @default false */ "disabled"?: boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * Button icon */ "icon"?: string; /** * Button label */ "label"?: string; /** * Button clicked */ "onButtonClick"?: (event: IxSplitButtonCustomEvent) => void; /** * Placement of the dropdown * @default 'bottom-start' */ "placement"?: AlignedPlacement; /** * Icon of the button on the right */ "splitIcon"?: string; /** * Color variant of button * @default 'primary' */ "variant"?: SplitButtonVariant; } interface IxTabItem { /** * Set counter value */ "counter"?: number; /** * Set disabled tab * @default false */ "disabled"?: boolean; /** * Set icon only tab * @default false */ "icon"?: boolean; /** * Set layout width style * @default 'auto' */ "layout"?: 'auto' | 'stretched'; /** * Emitted when the tab is clicked. */ "onTabClick"?: (event: IxTabItemCustomEvent) => void; /** * Set selected placement * @default 'bottom' */ "placement"?: 'bottom' | 'top'; /** * Set rounded tab * @default false */ "rounded"?: boolean; /** * Set selected tab * @default false */ "selected"?: boolean; /** * Set small size tab * @default false */ "small"?: boolean; } interface IxTabs { /** * ARIA label for the chevron left icon button * @since 3.2.0 * @default 'Scroll tabs left' */ "ariaLabelChevronLeftIconButton"?: string; /** * ARIA label for the chevron right icon button * @since 3.2.0 * @default 'Scroll tabs right' */ "ariaLabelChevronRightIconButton"?: string; /** * Set layout width style * @default 'auto' */ "layout"?: 'auto' | 'stretched'; /** * Tab selection event. Event detail is the zero-based tab index. Fires when the user selects a tab, or when the tab list changes and the selected index is adjusted. Not emitted when `selected` is set from outside. */ "onSelectedChange"?: (event: IxTabsCustomEvent) => void; /** * Set placement style * @default 'bottom' */ "placement"?: 'bottom' | 'top'; /** * Set rounded tabs * @default false */ "rounded"?: boolean; /** * Set default selected tab by index * @default 0 */ "selected"?: number; /** * Set tab items to small size * @default false */ "small"?: boolean; } /** * @form-ready */ interface IxTextarea { /** * Determines if the textarea field is disabled. * @default false */ "disabled"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * The helper text for the textarea field. */ "helperText"?: string; /** * The info text for the textarea field. */ "infoText"?: string; /** * The error text for the textarea field. */ "invalidText"?: string; /** * The label for the textarea field. */ "label"?: string; /** * The maximum length of the textarea field. */ "maxLength"?: number; /** * The minimum length of the textarea field. */ "minLength"?: number; /** * The name of the textarea field. */ "name"?: string; /** * Event emitted when the textarea field loses focus. */ "onIxBlur"?: (event: IxTextareaCustomEvent) => void; /** * Event emitted when the textarea field loses focus and the value has changed. * @since 4.4.0 */ "onIxChange"?: (event: IxTextareaCustomEvent) => void; /** * Event emitted when the validity state of the textarea field changes. */ "onValidityStateChange"?: (event: IxTextareaCustomEvent) => void; /** * Event emitted when the value of the textarea field changes. */ "onValueChange"?: (event: IxTextareaCustomEvent) => void; /** * The placeholder text for the textarea field. */ "placeholder"?: string; /** * Determines if the textarea field is readonly. * @default false */ "readonly"?: boolean; /** * Determines if the textarea field is required. * @default false */ "required"?: boolean; /** * Determines the resize behavior of the textarea field. Resizing can be enabled in one direction, both directions or completely disabled. * @default 'both' */ "resizeBehavior"?: TextareaResizeBehavior; /** * Determines if the text should be displayed as a tooltip. */ "showTextAsTooltip"?: boolean; /** * The width of the textarea specified by number of characters. Will be overridden by `textareaWidth` prop if both are set. */ "textareaCols"?: number; /** * The height of the textarea field (e.g. "52px"). Will take precedence over `textareaRows` prop if both are set. */ "textareaHeight"?: string; /** * The height of the textarea specified by number of rows. Will be overridden by `textareaHeight` prop if both are set. */ "textareaRows"?: number; /** * The width of the textarea field (e.g. "200px"). Will take precedence over `textareaCols` prop if both are set. */ "textareaWidth"?: string; /** * The valid text for the textarea field. */ "validText"?: string; /** * The value of the textarea field. * @default '' */ "value"?: string; /** * The warning text for the textarea field. */ "warningText"?: string; } interface IxTile { /** * Size of the tile - one of 'small', 'medium' or 'large' * @default 'medium' */ "size"?: 'small' | 'medium' | 'big'; } /** * @since 3.2.0 * @form-ready */ interface IxTimeInput { /** * Disabled attribute. * @default false */ "disabled"?: boolean; /** * Enable Popover API rendering for dropdown. * @default false * @since 4.3.0 */ "enableTopLayer"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * Format of time string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. * @default 'TT' */ "format"?: string; /** * Helper text below the input field. */ "helperText"?: string; /** * Hides the header of the picker. * @since 4.0.0 * @default false */ "hideHeader"?: boolean; /** * Interval for hour selection. * @default 1 */ "hourInterval"?: number; /** * I18n string for the error message when the time is not parsable. * @default 'Time is not valid' */ "i18nErrorTimeUnparsable"?: string; /** * Text for the time picker hour column header. * @default 'hr' */ "i18nHourColumnHeader"?: string; /** * Text for the time picker millisecond column header. * @default 'ms' */ "i18nMillisecondColumnHeader"?: string; /** * Text for the time picker minute column header. * @default 'min' */ "i18nMinuteColumnHeader"?: string; /** * Text for the time picker second column header. * @default 'sec' */ "i18nSecondColumnHeader"?: string; /** * Text of the time picker confirm button. * @default 'Confirm' */ "i18nSelectTime"?: string; /** * Text for the time picker top label. * @default 'Time' */ "i18nTime"?: string; /** * Info text below the input field. */ "infoText"?: string; /** * Error text below the input field. */ "invalidText"?: string; /** * Label of the input field. */ "label"?: string; /** * Interval for millisecond selection. * @default 100 */ "millisecondInterval"?: number; /** * Interval for minute selection. * @default 1 */ "minuteInterval"?: number; /** * Name of the input element. */ "name"?: string; /** * Change event. Emitted when the time input loses focus and the value has changed. * @since 4.4.0 */ "onIxChange"?: (event: IxTimeInputCustomEvent) => void; /** * Validation state change event. Emitted when the validation state changes. */ "onValidityStateChange"?: (event: IxTimeInputCustomEvent) => void; /** * Value change event. Emitted when the input value changes. */ "onValueChange"?: (event: IxTimeInputCustomEvent) => void; /** * Placeholder of the input element. */ "placeholder"?: string; /** * Readonly attribute. * @default false */ "readonly"?: boolean; /** * Required attribute. */ "required"?: boolean; /** * Interval for second selection. * @default 1 */ "secondInterval"?: number; /** * Show text as tooltip. */ "showTextAsTooltip"?: boolean; /** * If false, pressing Enter will submit the form (if inside a form). Set to true to suppress submit on Enter. * @default false */ "suppressSubmitOnEnter"?: boolean; /** * Text alignment within the time input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input. * @default 'start' */ "textAlignment"?: 'start' | 'end'; /** * Valid text below the input field. */ "validText"?: string; /** * Value of the input element. * @default '' */ "value"?: string; /** * Warning text below the input field. */ "warningText"?: string; } interface IxTimePicker { /** * Corner style. * @default 'rounded' */ "corners"?: TimePickerCorners; /** * Embedded style (for use in other components). * @default false */ "embedded"?: boolean; /** * Format of time string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens. Note: Formats that combine date and time (like f or F) are not supported. Timestamp tokens x and X are not supported either. * @default 'TT' */ "format"?: string; /** * Hides the header of the picker. * @since 3.2.0 * @default false */ "hideHeader"?: boolean; /** * Interval for hour selection. * @since 3.2.0 * @default HOUR_INTERVAL_DEFAULT */ "hourInterval"?: number; /** * Text of the time confirm button. * @default CONFIRM_BUTTON_DEFAULT */ "i18nConfirmTime"?: string; /** * Text for the top header. * @default HEADER_DEFAULT */ "i18nHeader"?: string; /** * Text for the hour column header. * @default 'hr' */ "i18nHourColumnHeader"?: string; /** * Text for the millisecond column header. * @default 'ms' */ "i18nMillisecondColumnHeader"?: string; /** * Text for the minute column header. * @default 'min' */ "i18nMinuteColumnHeader"?: string; /** * Text for the second column header. * @default 'sec' */ "i18nSecondColumnHeader"?: string; /** * Interval for millisecond selection. * @since 3.2.0 * @default MILLISECOND_INTERVAL_DEFAULT */ "millisecondInterval"?: number; /** * Interval for minute selection. * @since 3.2.0 * @default MINUTE_INTERVAL_DEFAULT */ "minuteInterval"?: number; /** * Time change event. Emitted when the selected time changes while interacting with the picker. */ "onTimeChange"?: (event: IxTimePickerCustomEvent) => void; /** * Time event. Emitted when the user confirms the selected time. */ "onTimeSelect"?: (event: IxTimePickerCustomEvent) => void; /** * Interval for second selection. * @since 3.2.0 * @default SECOND_INTERVAL_DEFAULT */ "secondInterval"?: number; /** * Selected time value. Format has to match the `format` property. */ "time"?: string; } interface IxToast { /** * ARIA label for the close icon button Will be set as aria-label on the nested HTML button element * @since 3.2.0 * @default 'Close toast' */ "ariaLabelCloseIconButton"?: string; /** * Autoclose title after delay * @default 5000 */ "autoCloseDelay"?: number; /** * Allows to hide the icon in the toast. * @default false */ "hideIcon"?: boolean; /** * Icon of toast */ "icon"?: string; /** * Icon color of toast */ "iconColor"?: string; /** * Toast closed */ "onCloseToast"?: (event: IxToastCustomEvent) => void; /** * Autoclose behavior * @default false */ "preventAutoClose"?: boolean; /** * Toast title */ "toastTitle"?: string; /** * Toast type * @default 'info' */ "type"?: ToastType; } interface IxToastContainer { /** * @default 'toast-container' */ "containerClass"?: string; /** * @default 'toast-container' */ "containerId"?: string; /** * @default 'bottom-right' */ "position"?: 'bottom-right' | 'top-right'; } /** * @form-ready */ interface IxToggle { /** * Whether the slide-toggle element is checked or not. * @default false */ "checked"?: boolean; /** * Whether the slide-toggle element is disabled or not. * @default false */ "disabled"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * Hide `on` and `off` text * @default false */ "hideText"?: boolean; /** * If true the control is in indeterminate state * @default false */ "indeterminate"?: boolean; /** * Name of the checkbox component */ "name"?: string; /** * An event will be dispatched each time the slide-toggle changes its value. */ "onCheckedChange"?: (event: IxToggleCustomEvent) => void; /** * An event will be dispatched each time the toggle is blurred. */ "onIxBlur"?: (event: IxToggleCustomEvent) => void; /** * Required state of the checkbox component. If true, checkbox needs to be checked to be valid * @default false */ "required"?: boolean; /** * Text for indeterminate state * @default 'Mixed' */ "textIndeterminate"?: string; /** * Text for off state * @default 'Off' */ "textOff"?: string; /** * Text for on state * @default 'On' */ "textOn"?: string; /** * Value of the checkbox component * @default 'on' */ "value"?: string; } interface IxToggleButton { /** * ARIA label that will be set on the native HTML button element * @since 3.2.0 */ "ariaLabelButton"?: string; /** * Disable the button * @default false */ "disabled"?: boolean; /** * Icon name */ "icon"?: string; /** * Icon name for the right side of the button * @since 4.0.0 */ "iconRight"?: string; /** * Loading button * @default false */ "loading"?: boolean; /** * Pressed change event */ "onPressedChange"?: (event: IxToggleButtonCustomEvent) => void; /** * Show button as pressed * @default false */ "pressed"?: boolean; /** * Button variant. * @default 'subtle-primary' */ "variant"?: ToggleButtonVariant; } interface IxTooltip { /** * CSS selector for hover trigger element e.g. `for="[data-my-custom-select]"` */ "for"?: ElementReference | ElementReference[]; /** * Define if the user can access the tooltip via mouse. * @default false */ "interactive"?: boolean; /** * Initial placement of the tooltip. If the selected placement doesn't have enough space, the tooltip will be repositioned to another location. * @default 'top' */ "placement"?: 'top' | 'right' | 'bottom' | 'left'; /** * Title of the tooltip */ "titleContent"?: string; } interface IxTree { /** * Selection and collapsed state management * @default {} */ "context"?: TreeContext; /** * Tree model * @default {} */ "model"?: TreeModel; /** * Context changed */ "onContextChange"?: (event: IxTreeCustomEvent) => void; /** * Node clicked event */ "onNodeClicked"?: (event: IxTreeCustomEvent) => void; /** * Emits removed nodes */ "onNodeRemoved"?: (event: IxTreeCustomEvent) => void; /** * Node toggled event */ "onNodeToggled"?: (event: IxTreeCustomEvent<{ id: string; isExpanded: boolean }>) => void; /** * Render function of tree items */ "renderItem"?: ( index: number, data: T, dataList: Array, context: TreeContext, update: (callback: UpdateCallback) => void ) => HTMLElement; /** * Initial root element will not be rendered * @default 'root' */ "root"?: string; /** * Enable to toggle items by click on the item * @since 3.0.0 */ "toggleOnItemClick"?: boolean; } interface IxTreeItem { /** * ARIA label for the chevron icon */ "ariaLabelChevronIcon"?: string; /** * Context */ "context"?: TreeItemContext; /** * Has tree item children * @default false */ "hasChildren"?: boolean; /** * Click on item not on the expand/collapse icon */ "onItemClick"?: (event: IxTreeItemCustomEvent) => void; /** * Expand/Collapsed toggled */ "onToggle"?: (event: IxTreeItemCustomEvent) => void; /** * Text */ "text"?: string; } interface IxTypography { /** * Display text bold * @default false */ "bold"?: boolean; /** * Text format */ "format"?: TypographyFormat; /** * Text color based on theme variables */ "textColor"?: TypographyColors; /** * Text decoration * @default 'none' */ "textDecoration"?: TextDecoration; } interface IxUpload { /** * The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload). See {@link https://www.w3schools.com/tags/att_input_accept.asp} */ "accept"?: string; /** * Disable all input events * @default false */ "disabled"?: boolean; /** * Text for disabled state * @default 'File upload currently not possible.' */ "i18nUploadDisabled"?: string; /** * Label for upload file button * @default 'Upload file…' */ "i18nUploadFile"?: string; /** * Will be used by state = UploadFileState.LOADING * @default 'Checking files…' */ "loadingText"?: string; /** * Whether the text should wrap to more than one line * @default false */ "multiline"?: boolean; /** * If multiple is true the user can drop or select multiple files * @default false */ "multiple"?: boolean; /** * You get an array of Files after drop-action or browse action is finished */ "onFilesChanged"?: (event: IxUploadCustomEvent>) => void; /** * Will be used by state = UploadFileState.SELECT_FILE * @default '+ Drag files here or…' */ "selectFileText"?: string; /** * After a file is uploaded you can set the upload component to a defined state * @default UploadFileState.SELECT_FILE */ "state"?: UploadFileState; /** * Will be used by state = UploadFileState.UPLOAD_FAILED * @default 'Upload failed. Please try again.' */ "uploadFailedText"?: string; /** * Will be used by state = UploadFileState.UPLOAD_SUCCESSED * @default 'Upload successful' */ "uploadSuccessText"?: string; } /** * @deprecated Since 3.0.0. Will be removed with 5.0.0 * Not maintained anymore. */ interface IxValidationTooltip { /** * Message of the tooltip */ "message"?: string; /** * Placement of the tooltip * @default 'top' */ "placement"?: Side; /** * Suppress the automatic placement of the dropdown. * @default false */ "suppressAutomaticPlacement"?: boolean; } interface IxWorkflowStep { /** * Activate navigation click * @default false */ "clickable"?: boolean; /** * Set disabled * @default false */ "disabled"?: boolean; /** * Set selected * @default false */ "selected"?: boolean; /** * Set status * @default 'open' */ "status"?: 'open' | 'success' | 'done' | 'warning' | 'error'; /** * Select orientation * @default false */ "vertical"?: boolean; } interface IxWorkflowSteps { /** * Activate navigation click * @default false */ "clickable"?: boolean; /** * On step selected event */ "onStepSelected"?: (event: IxWorkflowStepsCustomEvent) => void; /** * Activate navigation click * @default 0 */ "selectedIndex"?: number; /** * Select orientation * @default false */ "vertical"?: boolean; } interface IxActionCardAttributes { "variant": ActionCardVariant; "icon": string | undefined; "ariaLabelIcon": string; "heading": string; "subheading": string; "selected": boolean; "ariaLabelCard": string; "passive": boolean; } interface IxApplicationAttributes { "theme": IxTheme; "themeSystemAppearance": boolean; "forceBreakpoint": Breakpoint | undefined; } interface IxApplicationHeaderAttributes { "name": string; "nameSuffix": string; "companyLogo": string; "companyLogoAlt": string; "appIcon": string; "appIconAlt": string; "appIconOutline": boolean; "hideBottomBorder": boolean; "showMenu": boolean; "ariaLabelMenuExpandIconButton": string; "ariaLabelAppSwitchIconButton": string; "ariaLabelMoreMenuIconButton": string; "enableTopLayer": boolean; } interface IxAvatarAttributes { "a11yLabel": string; "image": string; "initials": string; "username": string; "extra": string; "tooltipText": string; "ariaLabelTooltip": string; } interface IxBlindAttributes { "collapsed": boolean; "label": string; "sublabel": string; "icon": string; "variant": BlindVariant; } interface IxBreadcrumbAttributes { "visibleItemCount": number; "subtle": boolean; "ariaLabelPreviousButton": string; "enableTopLayer": boolean; } interface IxBreadcrumbItemAttributes { "ariaLabelButton": string; "label": string; "icon": string; "href": string; "target": AnchorTarget; "rel": string; } interface IxButtonAttributes { "ariaLabelButton": string; "variant": ButtonVariant; "disabled": boolean; "type": 'button' | 'submit'; "loading": boolean; "form": string; "icon": string; "iconRight": string; "href": string; "target": AnchorTarget; "rel": string; } interface IxCardAttributes { "variant": CardVariant; "selected": boolean; "passive": boolean; } interface IxCardAccordionAttributes { "ariaLabelExpandButton": string; "collapse": boolean; "variant": CardAccordionVariant; } interface IxCardListAttributes { "ariaLabelExpandButton": string; "label": string; "collapse": boolean; "listStyle": 'stack' | 'scroll'; "showAllCount": number; "suppressOverflowHandling": boolean; "hideShowAll": boolean; "i18nShowAll": string; "i18nMoreCards": string; } interface IxCategoryFilterAttributes { "disabled": boolean; "readonly": boolean; "placeholder": string; "icon": string; "hideIcon": boolean; "staticOperator": LogicalFilterOperator; "uniqueCategories": boolean; "labelCategories": string; "i18nPlainText": string; "ariaLabelResetButton": string; "ariaLabelOperatorButton": string; "ariaLabelFilterInput": string; "enableTopLayer": boolean; } interface IxCheckboxAttributes { "name": string; "value": string; "label": string; "checked": boolean; "disabled": boolean; "indeterminate": boolean; "required": boolean; } interface IxCheckboxGroupAttributes { "helperText": string; "label": string; "direction": 'row' | 'column'; "invalidText": string; "infoText": string; "validText": string; "warningText": string; "showTextAsTooltip": boolean; } interface IxChipAttributes { "variant": | 'primary' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'custom'; "inactive": boolean; "closable": boolean; "icon": string; "background": string | undefined; "chipColor": string | undefined; "outline": boolean; "tooltipText": string; "centerContent": boolean; "ariaLabelCloseButton": string; } interface IxColAttributes { "size": ColumnSize; "sizeSm": ColumnSize; "sizeMd": ColumnSize; "sizeLg": ColumnSize; } interface IxContentHeaderAttributes { "variant": ContentHeaderVariant; "headerTitle": string; "headerSubtitle": string | undefined; "hasBackButton": boolean; } interface IxCssGridItemAttributes { "itemName": string; } interface IxCustomFieldAttributes { "required": boolean; "label": string; "helperText": string; "infoText": string; "warningText": string; "invalidText": string; "validText": string; "showTextAsTooltip": boolean; } interface IxDateDropdownAttributes { "disabled": boolean; "format": string; "singleSelection": boolean; "from": string; "to": string; "minDate": string; "maxDate": string; "dateRangeId": string; "variant": ButtonVariant; "loading": boolean; "showWeekNumbers": boolean; "ariaLabelDropdownButton": string; "customRangeDisabled": boolean; "locale": string; "weekStartIndex": number; "i18nCustomItem": string; "i18nDone": string; "i18nNoRange": string; "enableTopLayer": boolean; } interface IxDateInputAttributes { "name": string; "placeholder": string; "value": string; "minDate": string; "maxDate": string; "locale": string; "format": string; "required": boolean; "helperText": string; "label": string; "ariaLabelCalendarButton": string; "invalidText": string; "readonly": boolean; "disabled": boolean; "infoText": string; "warningText": string; "validText": string; "showTextAsTooltip": boolean; "i18nErrorDateUnparsable": string; "showWeekNumbers": boolean; "weekStartIndex": number; "ariaLabelPreviousMonthButton": string; "ariaLabelNextMonthButton": string; "suppressSubmitOnEnter": boolean; "textAlignment": 'start' | 'end'; "enableTopLayer": boolean; } interface IxDatePickerAttributes { "format": string; "singleSelection": boolean; "corners": DateTimeCardCorners; "from": string | undefined; "to": string | undefined; "minDate": string; "maxDate": string; "i18nDone": string; "ariaLabelPreviousMonthButton": string; "ariaLabelNextMonthButton": string; "weekStartIndex": number; "locale": string; "showWeekNumbers": boolean; "enableTopLayer": boolean; } interface IxDateTimeCardAttributes { "timePickerAppearance": boolean; "hideHeader": boolean; "hasFooter": boolean; "corners": DateTimeCardCorners; } interface IxDatetimePickerAttributes { "singleSelection": boolean; "minDate": string; "maxDate": string; "dateFormat": string; "timeFormat": string; "from": string; "to": string; "time": string; "showTimeReference": boolean; "timeReference": 'AM' | 'PM'; "i18nDone": string; "i18nTime": string; "ariaLabelPreviousMonthButton": string; "ariaLabelNextMonthButton": string; "weekStartIndex": number; "locale": string; "showWeekNumbers": boolean; } interface IxDrawerAttributes { "show": boolean; "closeOnClickOutside": boolean; "fullHeight": boolean; "minWidth": number; "maxWidth": number; "width": string; "ariaLabelCloseButton": string; } interface IxDropdownAttributes { "suppressAutomaticPlacement": boolean; "show": boolean; "trigger": ElementReference; "anchor": ElementReference; "closeBehavior": string; "placement": AlignedPlacement; "positioningStrategy": 'absolute' | 'fixed'; "header": string; "enableTopLayer": boolean; } interface IxDropdownButtonAttributes { "variant": DropdownButtonVariant; "disabled": boolean; "label": string; "icon": string; "closeBehavior": string; "placement": AlignedPlacement; "ariaLabelDropdownButton": string; "enableTopLayer": boolean; } interface IxDropdownHeaderAttributes { "label": string; } interface IxDropdownItemAttributes { "label": string; "icon": string; "ariaLabelIcon": string; "ariaLabelButton": string; "hover": boolean; "disabled": boolean; "checked": boolean; } interface IxEmptyStateAttributes { "layout": EmptyStateLayout; "icon": string; "header": string; "subHeader": string; "action": string; "ariaLabelEmptyStateIcon": string; } interface IxEventListAttributes { "itemHeight": string; "compact": boolean; "animated": boolean; "chevron": boolean; } interface IxEventListItemAttributes { "variant": 'outline' | 'filled'; "itemColor": string; "selected": boolean; "disabled": boolean; "chevron": boolean; } interface IxExpandingSearchAttributes { "icon": string; "placeholder": string; "value": string; "fullWidth": boolean; "variant": ButtonVariant; "ariaLabelSearchIconButton": string; "ariaLabelClearIconButton": string; "ariaLabelSearchInput": string; } interface IxFieldLabelAttributes { "required": boolean; "htmlFor": string; } interface IxFieldWrapperAttributes { "helperText": string; "label": string; "invalidText": string; "validText": string; "infoText": string; "warningText": string; "isInvalid": boolean; "isValid": boolean; "isInfo": boolean; "isWarning": boolean; "showTextAsTooltip": boolean; "required": boolean; "htmlForLabel": string; } interface IxFilterChipAttributes { "disabled": boolean; "readonly": boolean; "ariaLabelCloseIconButton": string; } interface IxFlipTileAttributes { "variant": FlipTileVariant; "height": string; "width": string; "index": number; "ariaLabelEyeIconButton": string; } interface IxFlipTileContentAttributes { } interface IxGroupAttributes { "suppressHeaderSelection": boolean; "header": string; "subHeader": string; "expanded": boolean; "selected": boolean; "index": number; "expandOnHeaderClick": boolean; } interface IxGroupItemAttributes { "icon": string; "ariaLabelIcon": string; "text": string; "secondaryText": string; "suppressSelection": boolean; "selected": boolean; "disabled": boolean; "index": number; } interface IxHelperTextAttributes { "htmlFor": string; "helperText": string; "invalidText": string; "validText": string; "infoText": string; "warningText": string; } interface IxIconButtonAttributes { "a11yLabel": string; "variant": IconButtonVariant; "oval": boolean; "icon": string; "size": '24' | '16' | '12'; "iconColor": string; "disabled": boolean; "type": 'button' | 'submit'; "loading": boolean; } interface IxIconToggleButtonAttributes { "variant": ButtonVariant; "outline": boolean; "ghost": boolean; "icon": string; "oval": boolean; "pressed": boolean; "size": '24' | '16' | '12'; "disabled": boolean; "loading": boolean; "ariaLabelIconButton": string; } interface IxInputAttributes { "type": 'text' | 'email' | 'password' | 'tel' | 'url'; "name": string; "placeholder": string; "value": string; "required": boolean; "disabled": boolean; "readonly": boolean; "helperText": string; "infoText": string; "showTextAsTooltip": boolean; "validText": string; "warningText": string; "label": string; "invalidText": string; "pattern": string; "maxLength": number; "minLength": number; "allowedCharactersPattern": string; "suppressSubmitOnEnter": boolean; "textAlignment": 'start' | 'end'; } interface IxKeyValueAttributes { "icon": string; "ariaLabelIcon": string; "label": string; "labelPosition": KeyValueLabelPosition; "value": string; } interface IxKeyValueListAttributes { "striped": boolean; } interface IxKpiAttributes { "label": string; "ariaLabelAlarmIcon": string; "ariaLabelWarningIcon": string; "value": string; "unit": string; "state": 'neutral' | 'warning' | 'alarm'; "orientation": 'horizontal' | 'vertical'; } interface IxLayoutGridAttributes { "noMargin": boolean; "gap": '8' | '12' | '16' | '24'; "columns": number; } interface IxLinkButtonAttributes { "disabled": boolean; "url": string; "target": '_self' | '_blank' | '_parent' | '_top'; } interface IxMenuAttributes { "showSettings": boolean; "showAbout": boolean; "enableToggleTheme": boolean; "applicationName": string; "applicationDescription": string; "i18nExpandSidebar": string; "expand": boolean; "startExpanded": boolean; "pinned": boolean; "i18nLegal": string; "i18nSettings": string; "i18nToggleTheme": string; "i18nExpand": string; "i18nCollapse": string; } interface IxMenuAboutAttributes { "activeTabLabel": string; "label": string; "ariaLabelCloseButton": string; } interface IxMenuAboutItemAttributes { "label": string; } interface IxMenuAboutNewsAttributes { "show": boolean; "label": string; "i18nShowMore": string; "aboutItemLabel": string; } interface IxMenuAvatarAttributes { "top": string; "bottom": string; "image": string; "initials": string; "tooltipText": string; "ariaLabelTooltip": string; "i18nLogout": string; "hideLogoutButton": boolean; "enableTopLayer": boolean; } interface IxMenuAvatarItemAttributes { "icon": string; "label": string; } interface IxMenuCategoryAttributes { "label": string; "icon": string; "notifications": number; "tooltipText": string; } interface IxMenuExpandIconAttributes { "expanded": boolean; "breakpoint": Breakpoint; "pinned": boolean; "ixAriaLabel": string; } interface IxMenuItemAttributes { "label": string; "home": boolean; "bottom": boolean; "icon": string; "notifications": number; "active": boolean; "disabled": boolean; "tooltipText": string; "href": string; "target": AnchorTarget; "rel": string; } interface IxMenuSettingsAttributes { "activeTabLabel": string; "label": string; "ariaLabelCloseButton": string; } interface IxMenuSettingsItemAttributes { "label": string; } interface IxMessageBarAttributes { "type": | 'alarm' | 'critical' | 'warning' | 'success' | 'info' | 'neutral' | 'primary'; "persistent": boolean; } interface IxModalAttributes { "size": IxModalSize; "disableAnimation": boolean; "hideBackdrop": boolean; "closeOnBackdropClick": boolean; "centered": boolean; "disableEscapeClose": boolean; } interface IxModalHeaderAttributes { "hideClose": boolean; "icon": string; "ariaLabelIcon": string; "ariaLabelCloseIconButton": string; "iconColor": string; } interface IxNumberInputAttributes { "name": string; "placeholder": string; "value": number; "required": boolean; "disabled": boolean; "readonly": boolean; "helperText": string; "infoText": string; "showTextAsTooltip": boolean; "validText": string; "warningText": string; "label": string; "invalidText": string; "pattern": string; "min": string; "max": string; "allowedCharactersPattern": string; "showStepperButtons": boolean; "step": string; "suppressSubmitOnEnter": boolean; "textAlignment": 'start' | 'end'; "allowEmptyValueChange": boolean; } interface IxPaginationAttributes { "advanced": boolean; "itemCount": number; "hideItemCount": boolean; "count": number; "selectedPage": number; "i18nPage": string; "i18nOf": string; "i18nItems": string; "ariaLabelChevronLeftIconButton": string; "ariaLabelChevronRightIconButton": string; "ariaLabelPageSelection": string; } interface IxPaneAttributes { "heading": string; "variant": 'floating' | 'inline'; "hideOnCollapse": boolean; "size": | '240px' | '320px' | '360px' | '480px' | '600px' | '33%' | '50%'; "borderless": boolean; "expanded": boolean; "composition": Composition; "icon": string; "closeOnClickOutside": boolean; "ariaLabelIcon": string; "ariaLabelCollapseCloseButton": string; } interface IxPaneLayoutAttributes { "layout": 'full-vertical' | 'full-horizontal'; "variant": 'floating' | 'inline'; "borderless": boolean; } interface IxPillAttributes { "variant": | 'primary' | 'alarm' | 'critical' | 'warning' | 'info' | 'neutral' | 'success' | 'custom'; "outline": boolean; "icon": string; "ariaLabelIcon": string; "background": string | undefined; "pillColor": string | undefined; "alignLeft": boolean; "tooltipText": string; } interface IxProgressIndicatorAttributes { "type": 'linear' | 'circular'; "size": ProgressIndicatorSize; "value": number; "min": number; "max": number; "status": ProgressIndicatorStatus; "label": string; "helperText": string; "textAlignment": 'left' | 'center' | 'right'; "showTextAsTooltip": boolean; } interface IxPushCardAttributes { "icon": string; "ariaLabelIcon": string; "notification": string; "heading": string; "subheading": string; "variant": PushCardVariant; "expanded": boolean; "passive": boolean; } interface IxRadioAttributes { "name": string; "value": string; "label": string; "disabled": boolean; "checked": boolean; "required": boolean; } interface IxRadioGroupAttributes { "helperText": string; "label": string; "value": string; "invalidText": string; "infoText": string; "warningText": string; "validText": string; "showTextAsTooltip": boolean; "direction": 'column' | 'row'; } interface IxSelectAttributes { "name": string; "required": boolean; "label": string; "ariaLabelChevronDownIconButton": string; "ariaLabelClearIconButton": string; "warningText": string; "infoText": string; "invalidText": string; "validText": string; "helperText": string; "showTextAsTooltip": boolean; "value": string | string[]; "allowClear": boolean; "mode": 'single' | 'multiple'; "editable": boolean; "disabled": boolean; "readonly": boolean; "i18nPlaceholder": string; "i18nPlaceholderEditable": string; "i18nSelectListHeader": string; "i18nNoMatches": string; "i18nAllSelected": string; "hideListHeader": boolean; "dropdownWidth": string; "dropdownMaxWidth": string; "collapseMultipleSelection": boolean; "enableTopLayer": boolean; } interface IxSelectItemAttributes { "label": string; "value": string; "selected": boolean; } interface IxSliderAttributes { "helperText": string; "label": string; "invalidText": string; "infoText": string; "warningText": string; "validText": string; "showTextAsTooltip": boolean; "step": number; "min": number; "max": number; "value": number; "trace": boolean; "traceReference": number; "disabled": boolean; "error": string; } interface IxSpinnerAttributes { "variant": 'primary' | 'secondary'; "size": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large'; } interface IxSplitButtonAttributes { "variant": SplitButtonVariant; "closeBehavior": string; "label": string; "ariaLabelButton": string; "icon": string; "splitIcon": string; "ariaLabelSplitIconButton": string; "disabled": boolean; "disableButton": boolean; "disableDropdownButton": boolean; "placement": AlignedPlacement; "enableTopLayer": boolean; } interface IxTabItemAttributes { "selected": boolean; "disabled": boolean; "small": boolean; "icon": boolean; "rounded": boolean; "counter": number; "layout": 'auto' | 'stretched'; "placement": 'bottom' | 'top'; } interface IxTabsAttributes { "small": boolean; "rounded": boolean; "selected": number; "layout": 'auto' | 'stretched'; "placement": 'bottom' | 'top'; "ariaLabelChevronLeftIconButton": string; "ariaLabelChevronRightIconButton": string; } interface IxTextareaAttributes { "name": string; "placeholder": string; "value": string; "required": boolean; "disabled": boolean; "readonly": boolean; "helperText": string; "infoText": string; "showTextAsTooltip": boolean; "validText": string; "warningText": string; "label": string; "invalidText": string; "textareaHeight": string; "textareaWidth": string; "textareaRows": number; "textareaCols": number; "resizeBehavior": TextareaResizeBehavior; "maxLength": number; "minLength": number; } interface IxTileAttributes { "size": 'small' | 'medium' | 'big'; } interface IxTimeInputAttributes { "name": string; "placeholder": string; "value": string; "format": string; "required": boolean; "helperText": string; "label": string; "invalidText": string; "readonly": boolean; "disabled": boolean; "infoText": string; "warningText": string; "validText": string; "showTextAsTooltip": boolean; "i18nErrorTimeUnparsable": string; "hourInterval": number; "minuteInterval": number; "secondInterval": number; "millisecondInterval": number; "i18nSelectTime": string; "i18nTime": string; "i18nHourColumnHeader": string; "i18nMinuteColumnHeader": string; "i18nSecondColumnHeader": string; "i18nMillisecondColumnHeader": string; "suppressSubmitOnEnter": boolean; "hideHeader": boolean; "textAlignment": 'start' | 'end'; "enableTopLayer": boolean; } interface IxTimePickerAttributes { "format": string; "corners": TimePickerCorners; "embedded": boolean; "hideHeader": boolean; "hourInterval": number; "minuteInterval": number; "secondInterval": number; "millisecondInterval": number; "time": string; "i18nConfirmTime": string; "i18nHeader": string; "i18nHourColumnHeader": string; "i18nMinuteColumnHeader": string; "i18nSecondColumnHeader": string; "i18nMillisecondColumnHeader": string; } interface IxToastAttributes { "type": ToastType; "toastTitle": string; "autoCloseDelay": number; "preventAutoClose": boolean; "icon": string; "iconColor": string; "hideIcon": boolean; "ariaLabelCloseIconButton": string; } interface IxToastContainerAttributes { "containerId": string; "containerClass": string; "position": 'bottom-right' | 'top-right'; } interface IxToggleAttributes { "name": string; "value": string; "checked": boolean; "disabled": boolean; "indeterminate": boolean; "textOn": string; "textOff": string; "textIndeterminate": string; "hideText": boolean; "required": boolean; } interface IxToggleButtonAttributes { "variant": ToggleButtonVariant; "disabled": boolean; "loading": boolean; "icon": string; "iconRight": string; "pressed": boolean; "ariaLabelButton": string; } interface IxTooltipAttributes { "for": ElementReference | ElementReference[]; "titleContent": string; "interactive": boolean; "placement": 'top' | 'right' | 'bottom' | 'left'; } interface IxTreeAttributes { "root": string; "toggleOnItemClick": boolean; } interface IxTreeItemAttributes { "text": string; "hasChildren": boolean; "ariaLabelChevronIcon": string; } interface IxTypographyAttributes { "format": TypographyFormat; "textColor": TypographyColors; "bold": boolean; "textDecoration": TextDecoration; } interface IxUploadAttributes { "accept": string; "multiple": boolean; "multiline": boolean; "disabled": boolean; "state": UploadFileState; "selectFileText": string; "loadingText": string; "uploadFailedText": string; "uploadSuccessText": string; "i18nUploadFile": string; "i18nUploadDisabled": string; } interface IxValidationTooltipAttributes { "message": string; "placement": Side; "suppressAutomaticPlacement": boolean; } interface IxWorkflowStepAttributes { "vertical": boolean; "disabled": boolean; "status": 'open' | 'success' | 'done' | 'warning' | 'error'; "clickable": boolean; "selected": boolean; } interface IxWorkflowStepsAttributes { "vertical": boolean; "clickable": boolean; "selectedIndex": number; } interface IntrinsicElements { "ix-action-card": Omit & { [K in keyof IxActionCard & keyof IxActionCardAttributes]?: IxActionCard[K] } & { [K in keyof IxActionCard & keyof IxActionCardAttributes as `attr:${K}`]?: IxActionCardAttributes[K] } & { [K in keyof IxActionCard & keyof IxActionCardAttributes as `prop:${K}`]?: IxActionCard[K] }; "ix-application": Omit & { [K in keyof IxApplication & keyof IxApplicationAttributes]?: IxApplication[K] } & { [K in keyof IxApplication & keyof IxApplicationAttributes as `attr:${K}`]?: IxApplicationAttributes[K] } & { [K in keyof IxApplication & keyof IxApplicationAttributes as `prop:${K}`]?: IxApplication[K] }; "ix-application-header": Omit & { [K in keyof IxApplicationHeader & keyof IxApplicationHeaderAttributes]?: IxApplicationHeader[K] } & { [K in keyof IxApplicationHeader & keyof IxApplicationHeaderAttributes as `attr:${K}`]?: IxApplicationHeaderAttributes[K] } & { [K in keyof IxApplicationHeader & keyof IxApplicationHeaderAttributes as `prop:${K}`]?: IxApplicationHeader[K] }; "ix-application-sidebar": IxApplicationSidebar; "ix-application-switch-modal": IxApplicationSwitchModal; "ix-avatar": Omit & { [K in keyof IxAvatar & keyof IxAvatarAttributes]?: IxAvatar[K] } & { [K in keyof IxAvatar & keyof IxAvatarAttributes as `attr:${K}`]?: IxAvatarAttributes[K] } & { [K in keyof IxAvatar & keyof IxAvatarAttributes as `prop:${K}`]?: IxAvatar[K] }; "ix-blind": Omit & { [K in keyof IxBlind & keyof IxBlindAttributes]?: IxBlind[K] } & { [K in keyof IxBlind & keyof IxBlindAttributes as `attr:${K}`]?: IxBlindAttributes[K] } & { [K in keyof IxBlind & keyof IxBlindAttributes as `prop:${K}`]?: IxBlind[K] }; "ix-breadcrumb": Omit & { [K in keyof IxBreadcrumb & keyof IxBreadcrumbAttributes]?: IxBreadcrumb[K] } & { [K in keyof IxBreadcrumb & keyof IxBreadcrumbAttributes as `attr:${K}`]?: IxBreadcrumbAttributes[K] } & { [K in keyof IxBreadcrumb & keyof IxBreadcrumbAttributes as `prop:${K}`]?: IxBreadcrumb[K] }; "ix-breadcrumb-item": Omit & { [K in keyof IxBreadcrumbItem & keyof IxBreadcrumbItemAttributes]?: IxBreadcrumbItem[K] } & { [K in keyof IxBreadcrumbItem & keyof IxBreadcrumbItemAttributes as `attr:${K}`]?: IxBreadcrumbItemAttributes[K] } & { [K in keyof IxBreadcrumbItem & keyof IxBreadcrumbItemAttributes as `prop:${K}`]?: IxBreadcrumbItem[K] }; "ix-button": Omit & { [K in keyof IxButton & keyof IxButtonAttributes]?: IxButton[K] } & { [K in keyof IxButton & keyof IxButtonAttributes as `attr:${K}`]?: IxButtonAttributes[K] } & { [K in keyof IxButton & keyof IxButtonAttributes as `prop:${K}`]?: IxButton[K] }; "ix-card": Omit & { [K in keyof IxCard & keyof IxCardAttributes]?: IxCard[K] } & { [K in keyof IxCard & keyof IxCardAttributes as `attr:${K}`]?: IxCardAttributes[K] } & { [K in keyof IxCard & keyof IxCardAttributes as `prop:${K}`]?: IxCard[K] }; "ix-card-accordion": Omit & { [K in keyof IxCardAccordion & keyof IxCardAccordionAttributes]?: IxCardAccordion[K] } & { [K in keyof IxCardAccordion & keyof IxCardAccordionAttributes as `attr:${K}`]?: IxCardAccordionAttributes[K] } & { [K in keyof IxCardAccordion & keyof IxCardAccordionAttributes as `prop:${K}`]?: IxCardAccordion[K] }; "ix-card-content": IxCardContent; "ix-card-list": Omit & { [K in keyof IxCardList & keyof IxCardListAttributes]?: IxCardList[K] } & { [K in keyof IxCardList & keyof IxCardListAttributes as `attr:${K}`]?: IxCardListAttributes[K] } & { [K in keyof IxCardList & keyof IxCardListAttributes as `prop:${K}`]?: IxCardList[K] }; "ix-card-title": IxCardTitle; "ix-category-filter": Omit & { [K in keyof IxCategoryFilter & keyof IxCategoryFilterAttributes]?: IxCategoryFilter[K] } & { [K in keyof IxCategoryFilter & keyof IxCategoryFilterAttributes as `attr:${K}`]?: IxCategoryFilterAttributes[K] } & { [K in keyof IxCategoryFilter & keyof IxCategoryFilterAttributes as `prop:${K}`]?: IxCategoryFilter[K] }; "ix-checkbox": Omit & { [K in keyof IxCheckbox & keyof IxCheckboxAttributes]?: IxCheckbox[K] } & { [K in keyof IxCheckbox & keyof IxCheckboxAttributes as `attr:${K}`]?: IxCheckboxAttributes[K] } & { [K in keyof IxCheckbox & keyof IxCheckboxAttributes as `prop:${K}`]?: IxCheckbox[K] }; "ix-checkbox-group": Omit & { [K in keyof IxCheckboxGroup & keyof IxCheckboxGroupAttributes]?: IxCheckboxGroup[K] } & { [K in keyof IxCheckboxGroup & keyof IxCheckboxGroupAttributes as `attr:${K}`]?: IxCheckboxGroupAttributes[K] } & { [K in keyof IxCheckboxGroup & keyof IxCheckboxGroupAttributes as `prop:${K}`]?: IxCheckboxGroup[K] }; "ix-chip": Omit & { [K in keyof IxChip & keyof IxChipAttributes]?: IxChip[K] } & { [K in keyof IxChip & keyof IxChipAttributes as `attr:${K}`]?: IxChipAttributes[K] } & { [K in keyof IxChip & keyof IxChipAttributes as `prop:${K}`]?: IxChip[K] }; "ix-col": Omit & { [K in keyof IxCol & keyof IxColAttributes]?: IxCol[K] } & { [K in keyof IxCol & keyof IxColAttributes as `attr:${K}`]?: IxColAttributes[K] } & { [K in keyof IxCol & keyof IxColAttributes as `prop:${K}`]?: IxCol[K] }; "ix-content": IxContent; "ix-content-header": Omit & { [K in keyof IxContentHeader & keyof IxContentHeaderAttributes]?: IxContentHeader[K] } & { [K in keyof IxContentHeader & keyof IxContentHeaderAttributes as `attr:${K}`]?: IxContentHeaderAttributes[K] } & { [K in keyof IxContentHeader & keyof IxContentHeaderAttributes as `prop:${K}`]?: IxContentHeader[K] }; "ix-css-grid": IxCssGrid; "ix-css-grid-item": Omit & { [K in keyof IxCssGridItem & keyof IxCssGridItemAttributes]?: IxCssGridItem[K] } & { [K in keyof IxCssGridItem & keyof IxCssGridItemAttributes as `attr:${K}`]?: IxCssGridItemAttributes[K] } & { [K in keyof IxCssGridItem & keyof IxCssGridItemAttributes as `prop:${K}`]?: IxCssGridItem[K] } & OneOf<"itemName", IxCssGridItem["itemName"], IxCssGridItemAttributes["itemName"]>; "ix-custom-field": Omit & { [K in keyof IxCustomField & keyof IxCustomFieldAttributes]?: IxCustomField[K] } & { [K in keyof IxCustomField & keyof IxCustomFieldAttributes as `attr:${K}`]?: IxCustomFieldAttributes[K] } & { [K in keyof IxCustomField & keyof IxCustomFieldAttributes as `prop:${K}`]?: IxCustomField[K] }; "ix-date-dropdown": Omit & { [K in keyof IxDateDropdown & keyof IxDateDropdownAttributes]?: IxDateDropdown[K] } & { [K in keyof IxDateDropdown & keyof IxDateDropdownAttributes as `attr:${K}`]?: IxDateDropdownAttributes[K] } & { [K in keyof IxDateDropdown & keyof IxDateDropdownAttributes as `prop:${K}`]?: IxDateDropdown[K] }; "ix-date-input": Omit & { [K in keyof IxDateInput & keyof IxDateInputAttributes]?: IxDateInput[K] } & { [K in keyof IxDateInput & keyof IxDateInputAttributes as `attr:${K}`]?: IxDateInputAttributes[K] } & { [K in keyof IxDateInput & keyof IxDateInputAttributes as `prop:${K}`]?: IxDateInput[K] }; "ix-date-picker": Omit & { [K in keyof IxDatePicker & keyof IxDatePickerAttributes]?: IxDatePicker[K] } & { [K in keyof IxDatePicker & keyof IxDatePickerAttributes as `attr:${K}`]?: IxDatePickerAttributes[K] } & { [K in keyof IxDatePicker & keyof IxDatePickerAttributes as `prop:${K}`]?: IxDatePicker[K] }; "ix-date-time-card": Omit & { [K in keyof IxDateTimeCard & keyof IxDateTimeCardAttributes]?: IxDateTimeCard[K] } & { [K in keyof IxDateTimeCard & keyof IxDateTimeCardAttributes as `attr:${K}`]?: IxDateTimeCardAttributes[K] } & { [K in keyof IxDateTimeCard & keyof IxDateTimeCardAttributes as `prop:${K}`]?: IxDateTimeCard[K] }; "ix-datetime-picker": Omit & { [K in keyof IxDatetimePicker & keyof IxDatetimePickerAttributes]?: IxDatetimePicker[K] } & { [K in keyof IxDatetimePicker & keyof IxDatetimePickerAttributes as `attr:${K}`]?: IxDatetimePickerAttributes[K] } & { [K in keyof IxDatetimePicker & keyof IxDatetimePickerAttributes as `prop:${K}`]?: IxDatetimePicker[K] }; "ix-divider": IxDivider; "ix-drawer": Omit & { [K in keyof IxDrawer & keyof IxDrawerAttributes]?: IxDrawer[K] } & { [K in keyof IxDrawer & keyof IxDrawerAttributes as `attr:${K}`]?: IxDrawerAttributes[K] } & { [K in keyof IxDrawer & keyof IxDrawerAttributes as `prop:${K}`]?: IxDrawer[K] }; "ix-dropdown": Omit & { [K in keyof IxDropdown & keyof IxDropdownAttributes]?: IxDropdown[K] } & { [K in keyof IxDropdown & keyof IxDropdownAttributes as `attr:${K}`]?: IxDropdownAttributes[K] } & { [K in keyof IxDropdown & keyof IxDropdownAttributes as `prop:${K}`]?: IxDropdown[K] }; "ix-dropdown-button": Omit & { [K in keyof IxDropdownButton & keyof IxDropdownButtonAttributes]?: IxDropdownButton[K] } & { [K in keyof IxDropdownButton & keyof IxDropdownButtonAttributes as `attr:${K}`]?: IxDropdownButtonAttributes[K] } & { [K in keyof IxDropdownButton & keyof IxDropdownButtonAttributes as `prop:${K}`]?: IxDropdownButton[K] }; "ix-dropdown-header": Omit & { [K in keyof IxDropdownHeader & keyof IxDropdownHeaderAttributes]?: IxDropdownHeader[K] } & { [K in keyof IxDropdownHeader & keyof IxDropdownHeaderAttributes as `attr:${K}`]?: IxDropdownHeaderAttributes[K] } & { [K in keyof IxDropdownHeader & keyof IxDropdownHeaderAttributes as `prop:${K}`]?: IxDropdownHeader[K] }; "ix-dropdown-item": Omit & { [K in keyof IxDropdownItem & keyof IxDropdownItemAttributes]?: IxDropdownItem[K] } & { [K in keyof IxDropdownItem & keyof IxDropdownItemAttributes as `attr:${K}`]?: IxDropdownItemAttributes[K] } & { [K in keyof IxDropdownItem & keyof IxDropdownItemAttributes as `prop:${K}`]?: IxDropdownItem[K] }; "ix-dropdown-quick-actions": IxDropdownQuickActions; "ix-empty-state": Omit & { [K in keyof IxEmptyState & keyof IxEmptyStateAttributes]?: IxEmptyState[K] } & { [K in keyof IxEmptyState & keyof IxEmptyStateAttributes as `attr:${K}`]?: IxEmptyStateAttributes[K] } & { [K in keyof IxEmptyState & keyof IxEmptyStateAttributes as `prop:${K}`]?: IxEmptyState[K] } & OneOf<"header", IxEmptyState["header"], IxEmptyStateAttributes["header"]>; "ix-event-list": Omit & { [K in keyof IxEventList & keyof IxEventListAttributes]?: IxEventList[K] } & { [K in keyof IxEventList & keyof IxEventListAttributes as `attr:${K}`]?: IxEventListAttributes[K] } & { [K in keyof IxEventList & keyof IxEventListAttributes as `prop:${K}`]?: IxEventList[K] }; "ix-event-list-item": Omit & { [K in keyof IxEventListItem & keyof IxEventListItemAttributes]?: IxEventListItem[K] } & { [K in keyof IxEventListItem & keyof IxEventListItemAttributes as `attr:${K}`]?: IxEventListItemAttributes[K] } & { [K in keyof IxEventListItem & keyof IxEventListItemAttributes as `prop:${K}`]?: IxEventListItem[K] }; "ix-expanding-search": Omit & { [K in keyof IxExpandingSearch & keyof IxExpandingSearchAttributes]?: IxExpandingSearch[K] } & { [K in keyof IxExpandingSearch & keyof IxExpandingSearchAttributes as `attr:${K}`]?: IxExpandingSearchAttributes[K] } & { [K in keyof IxExpandingSearch & keyof IxExpandingSearchAttributes as `prop:${K}`]?: IxExpandingSearch[K] }; "ix-field-label": Omit & { [K in keyof IxFieldLabel & keyof IxFieldLabelAttributes]?: IxFieldLabel[K] } & { [K in keyof IxFieldLabel & keyof IxFieldLabelAttributes as `attr:${K}`]?: IxFieldLabelAttributes[K] } & { [K in keyof IxFieldLabel & keyof IxFieldLabelAttributes as `prop:${K}`]?: IxFieldLabel[K] }; "ix-field-wrapper": Omit & { [K in keyof IxFieldWrapper & keyof IxFieldWrapperAttributes]?: IxFieldWrapper[K] } & { [K in keyof IxFieldWrapper & keyof IxFieldWrapperAttributes as `attr:${K}`]?: IxFieldWrapperAttributes[K] } & { [K in keyof IxFieldWrapper & keyof IxFieldWrapperAttributes as `prop:${K}`]?: IxFieldWrapper[K] }; "ix-filter-chip": Omit & { [K in keyof IxFilterChip & keyof IxFilterChipAttributes]?: IxFilterChip[K] } & { [K in keyof IxFilterChip & keyof IxFilterChipAttributes as `attr:${K}`]?: IxFilterChipAttributes[K] } & { [K in keyof IxFilterChip & keyof IxFilterChipAttributes as `prop:${K}`]?: IxFilterChip[K] }; "ix-flip-tile": Omit & { [K in keyof IxFlipTile & keyof IxFlipTileAttributes]?: IxFlipTile[K] } & { [K in keyof IxFlipTile & keyof IxFlipTileAttributes as `attr:${K}`]?: IxFlipTileAttributes[K] } & { [K in keyof IxFlipTile & keyof IxFlipTileAttributes as `prop:${K}`]?: IxFlipTile[K] }; "ix-flip-tile-content": Omit & { [K in keyof IxFlipTileContent & keyof IxFlipTileContentAttributes]?: IxFlipTileContent[K] } & { [K in keyof IxFlipTileContent & keyof IxFlipTileContentAttributes as `attr:${K}`]?: IxFlipTileContentAttributes[K] } & { [K in keyof IxFlipTileContent & keyof IxFlipTileContentAttributes as `prop:${K}`]?: IxFlipTileContent[K] }; "ix-group": Omit & { [K in keyof IxGroup & keyof IxGroupAttributes]?: IxGroup[K] } & { [K in keyof IxGroup & keyof IxGroupAttributes as `attr:${K}`]?: IxGroupAttributes[K] } & { [K in keyof IxGroup & keyof IxGroupAttributes as `prop:${K}`]?: IxGroup[K] }; "ix-group-context-menu": IxGroupContextMenu; "ix-group-item": Omit & { [K in keyof IxGroupItem & keyof IxGroupItemAttributes]?: IxGroupItem[K] } & { [K in keyof IxGroupItem & keyof IxGroupItemAttributes as `attr:${K}`]?: IxGroupItemAttributes[K] } & { [K in keyof IxGroupItem & keyof IxGroupItemAttributes as `prop:${K}`]?: IxGroupItem[K] }; "ix-helper-text": Omit & { [K in keyof IxHelperText & keyof IxHelperTextAttributes]?: IxHelperText[K] } & { [K in keyof IxHelperText & keyof IxHelperTextAttributes as `attr:${K}`]?: IxHelperTextAttributes[K] } & { [K in keyof IxHelperText & keyof IxHelperTextAttributes as `prop:${K}`]?: IxHelperText[K] }; "ix-icon-button": Omit & { [K in keyof IxIconButton & keyof IxIconButtonAttributes]?: IxIconButton[K] } & { [K in keyof IxIconButton & keyof IxIconButtonAttributes as `attr:${K}`]?: IxIconButtonAttributes[K] } & { [K in keyof IxIconButton & keyof IxIconButtonAttributes as `prop:${K}`]?: IxIconButton[K] }; "ix-icon-toggle-button": Omit & { [K in keyof IxIconToggleButton & keyof IxIconToggleButtonAttributes]?: IxIconToggleButton[K] } & { [K in keyof IxIconToggleButton & keyof IxIconToggleButtonAttributes as `attr:${K}`]?: IxIconToggleButtonAttributes[K] } & { [K in keyof IxIconToggleButton & keyof IxIconToggleButtonAttributes as `prop:${K}`]?: IxIconToggleButton[K] }; "ix-input": Omit & { [K in keyof IxInput & keyof IxInputAttributes]?: IxInput[K] } & { [K in keyof IxInput & keyof IxInputAttributes as `attr:${K}`]?: IxInputAttributes[K] } & { [K in keyof IxInput & keyof IxInputAttributes as `prop:${K}`]?: IxInput[K] }; "ix-input-group": IxInputGroup; "ix-key-value": Omit & { [K in keyof IxKeyValue & keyof IxKeyValueAttributes]?: IxKeyValue[K] } & { [K in keyof IxKeyValue & keyof IxKeyValueAttributes as `attr:${K}`]?: IxKeyValueAttributes[K] } & { [K in keyof IxKeyValue & keyof IxKeyValueAttributes as `prop:${K}`]?: IxKeyValue[K] } & OneOf<"label", IxKeyValue["label"], IxKeyValueAttributes["label"]>; "ix-key-value-list": Omit & { [K in keyof IxKeyValueList & keyof IxKeyValueListAttributes]?: IxKeyValueList[K] } & { [K in keyof IxKeyValueList & keyof IxKeyValueListAttributes as `attr:${K}`]?: IxKeyValueListAttributes[K] } & { [K in keyof IxKeyValueList & keyof IxKeyValueListAttributes as `prop:${K}`]?: IxKeyValueList[K] }; "ix-kpi": Omit & { [K in keyof IxKpi & keyof IxKpiAttributes]?: IxKpi[K] } & { [K in keyof IxKpi & keyof IxKpiAttributes as `attr:${K}`]?: IxKpiAttributes[K] } & { [K in keyof IxKpi & keyof IxKpiAttributes as `prop:${K}`]?: IxKpi[K] }; "ix-layout-auto": IxLayoutAuto; "ix-layout-grid": Omit & { [K in keyof IxLayoutGrid & keyof IxLayoutGridAttributes]?: IxLayoutGrid[K] } & { [K in keyof IxLayoutGrid & keyof IxLayoutGridAttributes as `attr:${K}`]?: IxLayoutGridAttributes[K] } & { [K in keyof IxLayoutGrid & keyof IxLayoutGridAttributes as `prop:${K}`]?: IxLayoutGrid[K] }; "ix-link-button": Omit & { [K in keyof IxLinkButton & keyof IxLinkButtonAttributes]?: IxLinkButton[K] } & { [K in keyof IxLinkButton & keyof IxLinkButtonAttributes as `attr:${K}`]?: IxLinkButtonAttributes[K] } & { [K in keyof IxLinkButton & keyof IxLinkButtonAttributes as `prop:${K}`]?: IxLinkButton[K] }; "ix-menu": Omit & { [K in keyof IxMenu & keyof IxMenuAttributes]?: IxMenu[K] } & { [K in keyof IxMenu & keyof IxMenuAttributes as `attr:${K}`]?: IxMenuAttributes[K] } & { [K in keyof IxMenu & keyof IxMenuAttributes as `prop:${K}`]?: IxMenu[K] }; "ix-menu-about": Omit & { [K in keyof IxMenuAbout & keyof IxMenuAboutAttributes]?: IxMenuAbout[K] } & { [K in keyof IxMenuAbout & keyof IxMenuAboutAttributes as `attr:${K}`]?: IxMenuAboutAttributes[K] } & { [K in keyof IxMenuAbout & keyof IxMenuAboutAttributes as `prop:${K}`]?: IxMenuAbout[K] }; "ix-menu-about-item": Omit & { [K in keyof IxMenuAboutItem & keyof IxMenuAboutItemAttributes]?: IxMenuAboutItem[K] } & { [K in keyof IxMenuAboutItem & keyof IxMenuAboutItemAttributes as `attr:${K}`]?: IxMenuAboutItemAttributes[K] } & { [K in keyof IxMenuAboutItem & keyof IxMenuAboutItemAttributes as `prop:${K}`]?: IxMenuAboutItem[K] }; "ix-menu-about-news": Omit & { [K in keyof IxMenuAboutNews & keyof IxMenuAboutNewsAttributes]?: IxMenuAboutNews[K] } & { [K in keyof IxMenuAboutNews & keyof IxMenuAboutNewsAttributes as `attr:${K}`]?: IxMenuAboutNewsAttributes[K] } & { [K in keyof IxMenuAboutNews & keyof IxMenuAboutNewsAttributes as `prop:${K}`]?: IxMenuAboutNews[K] }; "ix-menu-avatar": Omit & { [K in keyof IxMenuAvatar & keyof IxMenuAvatarAttributes]?: IxMenuAvatar[K] } & { [K in keyof IxMenuAvatar & keyof IxMenuAvatarAttributes as `attr:${K}`]?: IxMenuAvatarAttributes[K] } & { [K in keyof IxMenuAvatar & keyof IxMenuAvatarAttributes as `prop:${K}`]?: IxMenuAvatar[K] }; "ix-menu-avatar-item": Omit & { [K in keyof IxMenuAvatarItem & keyof IxMenuAvatarItemAttributes]?: IxMenuAvatarItem[K] } & { [K in keyof IxMenuAvatarItem & keyof IxMenuAvatarItemAttributes as `attr:${K}`]?: IxMenuAvatarItemAttributes[K] } & { [K in keyof IxMenuAvatarItem & keyof IxMenuAvatarItemAttributes as `prop:${K}`]?: IxMenuAvatarItem[K] }; "ix-menu-category": Omit & { [K in keyof IxMenuCategory & keyof IxMenuCategoryAttributes]?: IxMenuCategory[K] } & { [K in keyof IxMenuCategory & keyof IxMenuCategoryAttributes as `attr:${K}`]?: IxMenuCategoryAttributes[K] } & { [K in keyof IxMenuCategory & keyof IxMenuCategoryAttributes as `prop:${K}`]?: IxMenuCategory[K] }; "ix-menu-expand-icon": Omit & { [K in keyof IxMenuExpandIcon & keyof IxMenuExpandIconAttributes]?: IxMenuExpandIcon[K] } & { [K in keyof IxMenuExpandIcon & keyof IxMenuExpandIconAttributes as `attr:${K}`]?: IxMenuExpandIconAttributes[K] } & { [K in keyof IxMenuExpandIcon & keyof IxMenuExpandIconAttributes as `prop:${K}`]?: IxMenuExpandIcon[K] }; "ix-menu-item": Omit & { [K in keyof IxMenuItem & keyof IxMenuItemAttributes]?: IxMenuItem[K] } & { [K in keyof IxMenuItem & keyof IxMenuItemAttributes as `attr:${K}`]?: IxMenuItemAttributes[K] } & { [K in keyof IxMenuItem & keyof IxMenuItemAttributes as `prop:${K}`]?: IxMenuItem[K] }; "ix-menu-settings": Omit & { [K in keyof IxMenuSettings & keyof IxMenuSettingsAttributes]?: IxMenuSettings[K] } & { [K in keyof IxMenuSettings & keyof IxMenuSettingsAttributes as `attr:${K}`]?: IxMenuSettingsAttributes[K] } & { [K in keyof IxMenuSettings & keyof IxMenuSettingsAttributes as `prop:${K}`]?: IxMenuSettings[K] }; "ix-menu-settings-item": Omit & { [K in keyof IxMenuSettingsItem & keyof IxMenuSettingsItemAttributes]?: IxMenuSettingsItem[K] } & { [K in keyof IxMenuSettingsItem & keyof IxMenuSettingsItemAttributes as `attr:${K}`]?: IxMenuSettingsItemAttributes[K] } & { [K in keyof IxMenuSettingsItem & keyof IxMenuSettingsItemAttributes as `prop:${K}`]?: IxMenuSettingsItem[K] }; "ix-message-bar": Omit & { [K in keyof IxMessageBar & keyof IxMessageBarAttributes]?: IxMessageBar[K] } & { [K in keyof IxMessageBar & keyof IxMessageBarAttributes as `attr:${K}`]?: IxMessageBarAttributes[K] } & { [K in keyof IxMessageBar & keyof IxMessageBarAttributes as `prop:${K}`]?: IxMessageBar[K] }; "ix-modal": Omit & { [K in keyof IxModal & keyof IxModalAttributes]?: IxModal[K] } & { [K in keyof IxModal & keyof IxModalAttributes as `attr:${K}`]?: IxModalAttributes[K] } & { [K in keyof IxModal & keyof IxModalAttributes as `prop:${K}`]?: IxModal[K] }; "ix-modal-content": IxModalContent; "ix-modal-footer": IxModalFooter; "ix-modal-header": Omit & { [K in keyof IxModalHeader & keyof IxModalHeaderAttributes]?: IxModalHeader[K] } & { [K in keyof IxModalHeader & keyof IxModalHeaderAttributes as `attr:${K}`]?: IxModalHeaderAttributes[K] } & { [K in keyof IxModalHeader & keyof IxModalHeaderAttributes as `prop:${K}`]?: IxModalHeader[K] }; "ix-modal-loading": IxModalLoading; "ix-number-input": Omit & { [K in keyof IxNumberInput & keyof IxNumberInputAttributes]?: IxNumberInput[K] } & { [K in keyof IxNumberInput & keyof IxNumberInputAttributes as `attr:${K}`]?: IxNumberInputAttributes[K] } & { [K in keyof IxNumberInput & keyof IxNumberInputAttributes as `prop:${K}`]?: IxNumberInput[K] }; "ix-pagination": Omit & { [K in keyof IxPagination & keyof IxPaginationAttributes]?: IxPagination[K] } & { [K in keyof IxPagination & keyof IxPaginationAttributes as `attr:${K}`]?: IxPaginationAttributes[K] } & { [K in keyof IxPagination & keyof IxPaginationAttributes as `prop:${K}`]?: IxPagination[K] }; "ix-pane": Omit & { [K in keyof IxPane & keyof IxPaneAttributes]?: IxPane[K] } & { [K in keyof IxPane & keyof IxPaneAttributes as `attr:${K}`]?: IxPaneAttributes[K] } & { [K in keyof IxPane & keyof IxPaneAttributes as `prop:${K}`]?: IxPane[K] }; "ix-pane-layout": Omit & { [K in keyof IxPaneLayout & keyof IxPaneLayoutAttributes]?: IxPaneLayout[K] } & { [K in keyof IxPaneLayout & keyof IxPaneLayoutAttributes as `attr:${K}`]?: IxPaneLayoutAttributes[K] } & { [K in keyof IxPaneLayout & keyof IxPaneLayoutAttributes as `prop:${K}`]?: IxPaneLayout[K] }; "ix-pill": Omit & { [K in keyof IxPill & keyof IxPillAttributes]?: IxPill[K] } & { [K in keyof IxPill & keyof IxPillAttributes as `attr:${K}`]?: IxPillAttributes[K] } & { [K in keyof IxPill & keyof IxPillAttributes as `prop:${K}`]?: IxPill[K] }; "ix-progress-indicator": Omit & { [K in keyof IxProgressIndicator & keyof IxProgressIndicatorAttributes]?: IxProgressIndicator[K] } & { [K in keyof IxProgressIndicator & keyof IxProgressIndicatorAttributes as `attr:${K}`]?: IxProgressIndicatorAttributes[K] } & { [K in keyof IxProgressIndicator & keyof IxProgressIndicatorAttributes as `prop:${K}`]?: IxProgressIndicator[K] }; "ix-push-card": Omit & { [K in keyof IxPushCard & keyof IxPushCardAttributes]?: IxPushCard[K] } & { [K in keyof IxPushCard & keyof IxPushCardAttributes as `attr:${K}`]?: IxPushCardAttributes[K] } & { [K in keyof IxPushCard & keyof IxPushCardAttributes as `prop:${K}`]?: IxPushCard[K] }; "ix-radio": Omit & { [K in keyof IxRadio & keyof IxRadioAttributes]?: IxRadio[K] } & { [K in keyof IxRadio & keyof IxRadioAttributes as `attr:${K}`]?: IxRadioAttributes[K] } & { [K in keyof IxRadio & keyof IxRadioAttributes as `prop:${K}`]?: IxRadio[K] }; "ix-radio-group": Omit & { [K in keyof IxRadioGroup & keyof IxRadioGroupAttributes]?: IxRadioGroup[K] } & { [K in keyof IxRadioGroup & keyof IxRadioGroupAttributes as `attr:${K}`]?: IxRadioGroupAttributes[K] } & { [K in keyof IxRadioGroup & keyof IxRadioGroupAttributes as `prop:${K}`]?: IxRadioGroup[K] }; "ix-row": IxRow; "ix-select": Omit & { [K in keyof IxSelect & keyof IxSelectAttributes]?: IxSelect[K] } & { [K in keyof IxSelect & keyof IxSelectAttributes as `attr:${K}`]?: IxSelectAttributes[K] } & { [K in keyof IxSelect & keyof IxSelectAttributes as `prop:${K}`]?: IxSelect[K] }; "ix-select-item": Omit & { [K in keyof IxSelectItem & keyof IxSelectItemAttributes]?: IxSelectItem[K] } & { [K in keyof IxSelectItem & keyof IxSelectItemAttributes as `attr:${K}`]?: IxSelectItemAttributes[K] } & { [K in keyof IxSelectItem & keyof IxSelectItemAttributes as `prop:${K}`]?: IxSelectItem[K] } & OneOf<"value", IxSelectItem["value"], IxSelectItemAttributes["value"]>; "ix-slider": Omit & { [K in keyof IxSlider & keyof IxSliderAttributes]?: IxSlider[K] } & { [K in keyof IxSlider & keyof IxSliderAttributes as `attr:${K}`]?: IxSliderAttributes[K] } & { [K in keyof IxSlider & keyof IxSliderAttributes as `prop:${K}`]?: IxSlider[K] }; "ix-spinner": Omit & { [K in keyof IxSpinner & keyof IxSpinnerAttributes]?: IxSpinner[K] } & { [K in keyof IxSpinner & keyof IxSpinnerAttributes as `attr:${K}`]?: IxSpinnerAttributes[K] } & { [K in keyof IxSpinner & keyof IxSpinnerAttributes as `prop:${K}`]?: IxSpinner[K] }; "ix-split-button": Omit & { [K in keyof IxSplitButton & keyof IxSplitButtonAttributes]?: IxSplitButton[K] } & { [K in keyof IxSplitButton & keyof IxSplitButtonAttributes as `attr:${K}`]?: IxSplitButtonAttributes[K] } & { [K in keyof IxSplitButton & keyof IxSplitButtonAttributes as `prop:${K}`]?: IxSplitButton[K] }; "ix-tab-item": Omit & { [K in keyof IxTabItem & keyof IxTabItemAttributes]?: IxTabItem[K] } & { [K in keyof IxTabItem & keyof IxTabItemAttributes as `attr:${K}`]?: IxTabItemAttributes[K] } & { [K in keyof IxTabItem & keyof IxTabItemAttributes as `prop:${K}`]?: IxTabItem[K] }; "ix-tabs": Omit & { [K in keyof IxTabs & keyof IxTabsAttributes]?: IxTabs[K] } & { [K in keyof IxTabs & keyof IxTabsAttributes as `attr:${K}`]?: IxTabsAttributes[K] } & { [K in keyof IxTabs & keyof IxTabsAttributes as `prop:${K}`]?: IxTabs[K] }; "ix-textarea": Omit & { [K in keyof IxTextarea & keyof IxTextareaAttributes]?: IxTextarea[K] } & { [K in keyof IxTextarea & keyof IxTextareaAttributes as `attr:${K}`]?: IxTextareaAttributes[K] } & { [K in keyof IxTextarea & keyof IxTextareaAttributes as `prop:${K}`]?: IxTextarea[K] }; "ix-tile": Omit & { [K in keyof IxTile & keyof IxTileAttributes]?: IxTile[K] } & { [K in keyof IxTile & keyof IxTileAttributes as `attr:${K}`]?: IxTileAttributes[K] } & { [K in keyof IxTile & keyof IxTileAttributes as `prop:${K}`]?: IxTile[K] }; "ix-time-input": Omit & { [K in keyof IxTimeInput & keyof IxTimeInputAttributes]?: IxTimeInput[K] } & { [K in keyof IxTimeInput & keyof IxTimeInputAttributes as `attr:${K}`]?: IxTimeInputAttributes[K] } & { [K in keyof IxTimeInput & keyof IxTimeInputAttributes as `prop:${K}`]?: IxTimeInput[K] }; "ix-time-picker": Omit & { [K in keyof IxTimePicker & keyof IxTimePickerAttributes]?: IxTimePicker[K] } & { [K in keyof IxTimePicker & keyof IxTimePickerAttributes as `attr:${K}`]?: IxTimePickerAttributes[K] } & { [K in keyof IxTimePicker & keyof IxTimePickerAttributes as `prop:${K}`]?: IxTimePicker[K] }; "ix-toast": Omit & { [K in keyof IxToast & keyof IxToastAttributes]?: IxToast[K] } & { [K in keyof IxToast & keyof IxToastAttributes as `attr:${K}`]?: IxToastAttributes[K] } & { [K in keyof IxToast & keyof IxToastAttributes as `prop:${K}`]?: IxToast[K] }; "ix-toast-container": Omit & { [K in keyof IxToastContainer & keyof IxToastContainerAttributes]?: IxToastContainer[K] } & { [K in keyof IxToastContainer & keyof IxToastContainerAttributes as `attr:${K}`]?: IxToastContainerAttributes[K] } & { [K in keyof IxToastContainer & keyof IxToastContainerAttributes as `prop:${K}`]?: IxToastContainer[K] }; "ix-toggle": Omit & { [K in keyof IxToggle & keyof IxToggleAttributes]?: IxToggle[K] } & { [K in keyof IxToggle & keyof IxToggleAttributes as `attr:${K}`]?: IxToggleAttributes[K] } & { [K in keyof IxToggle & keyof IxToggleAttributes as `prop:${K}`]?: IxToggle[K] }; "ix-toggle-button": Omit & { [K in keyof IxToggleButton & keyof IxToggleButtonAttributes]?: IxToggleButton[K] } & { [K in keyof IxToggleButton & keyof IxToggleButtonAttributes as `attr:${K}`]?: IxToggleButtonAttributes[K] } & { [K in keyof IxToggleButton & keyof IxToggleButtonAttributes as `prop:${K}`]?: IxToggleButton[K] }; "ix-tooltip": Omit & { [K in keyof IxTooltip & keyof IxTooltipAttributes]?: IxTooltip[K] } & { [K in keyof IxTooltip & keyof IxTooltipAttributes as `attr:${K}`]?: IxTooltipAttributes[K] } & { [K in keyof IxTooltip & keyof IxTooltipAttributes as `prop:${K}`]?: IxTooltip[K] }; "ix-tree": Omit & { [K in keyof IxTree & keyof IxTreeAttributes]?: IxTree[K] } & { [K in keyof IxTree & keyof IxTreeAttributes as `attr:${K}`]?: IxTreeAttributes[K] } & { [K in keyof IxTree & keyof IxTreeAttributes as `prop:${K}`]?: IxTree[K] }; "ix-tree-item": Omit & { [K in keyof IxTreeItem & keyof IxTreeItemAttributes]?: IxTreeItem[K] } & { [K in keyof IxTreeItem & keyof IxTreeItemAttributes as `attr:${K}`]?: IxTreeItemAttributes[K] } & { [K in keyof IxTreeItem & keyof IxTreeItemAttributes as `prop:${K}`]?: IxTreeItem[K] }; "ix-typography": Omit & { [K in keyof IxTypography & keyof IxTypographyAttributes]?: IxTypography[K] } & { [K in keyof IxTypography & keyof IxTypographyAttributes as `attr:${K}`]?: IxTypographyAttributes[K] } & { [K in keyof IxTypography & keyof IxTypographyAttributes as `prop:${K}`]?: IxTypography[K] }; "ix-upload": Omit & { [K in keyof IxUpload & keyof IxUploadAttributes]?: IxUpload[K] } & { [K in keyof IxUpload & keyof IxUploadAttributes as `attr:${K}`]?: IxUploadAttributes[K] } & { [K in keyof IxUpload & keyof IxUploadAttributes as `prop:${K}`]?: IxUpload[K] }; "ix-validation-tooltip": Omit & { [K in keyof IxValidationTooltip & keyof IxValidationTooltipAttributes]?: IxValidationTooltip[K] } & { [K in keyof IxValidationTooltip & keyof IxValidationTooltipAttributes as `attr:${K}`]?: IxValidationTooltipAttributes[K] } & { [K in keyof IxValidationTooltip & keyof IxValidationTooltipAttributes as `prop:${K}`]?: IxValidationTooltip[K] }; "ix-workflow-step": Omit & { [K in keyof IxWorkflowStep & keyof IxWorkflowStepAttributes]?: IxWorkflowStep[K] } & { [K in keyof IxWorkflowStep & keyof IxWorkflowStepAttributes as `attr:${K}`]?: IxWorkflowStepAttributes[K] } & { [K in keyof IxWorkflowStep & keyof IxWorkflowStepAttributes as `prop:${K}`]?: IxWorkflowStep[K] }; "ix-workflow-steps": Omit & { [K in keyof IxWorkflowSteps & keyof IxWorkflowStepsAttributes]?: IxWorkflowSteps[K] } & { [K in keyof IxWorkflowSteps & keyof IxWorkflowStepsAttributes as `attr:${K}`]?: IxWorkflowStepsAttributes[K] } & { [K in keyof IxWorkflowSteps & keyof IxWorkflowStepsAttributes as `prop:${K}`]?: IxWorkflowSteps[K] }; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "ix-action-card": LocalJSX.IntrinsicElements["ix-action-card"] & JSXBase.HTMLAttributes; "ix-application": LocalJSX.IntrinsicElements["ix-application"] & JSXBase.HTMLAttributes; "ix-application-header": LocalJSX.IntrinsicElements["ix-application-header"] & JSXBase.HTMLAttributes; "ix-application-sidebar": LocalJSX.IntrinsicElements["ix-application-sidebar"] & JSXBase.HTMLAttributes; "ix-application-switch-modal": LocalJSX.IntrinsicElements["ix-application-switch-modal"] & JSXBase.HTMLAttributes; "ix-avatar": LocalJSX.IntrinsicElements["ix-avatar"] & JSXBase.HTMLAttributes; "ix-blind": LocalJSX.IntrinsicElements["ix-blind"] & JSXBase.HTMLAttributes; "ix-breadcrumb": LocalJSX.IntrinsicElements["ix-breadcrumb"] & JSXBase.HTMLAttributes; "ix-breadcrumb-item": LocalJSX.IntrinsicElements["ix-breadcrumb-item"] & JSXBase.HTMLAttributes; "ix-button": LocalJSX.IntrinsicElements["ix-button"] & JSXBase.HTMLAttributes; "ix-card": LocalJSX.IntrinsicElements["ix-card"] & JSXBase.HTMLAttributes; "ix-card-accordion": LocalJSX.IntrinsicElements["ix-card-accordion"] & JSXBase.HTMLAttributes; "ix-card-content": LocalJSX.IntrinsicElements["ix-card-content"] & JSXBase.HTMLAttributes; "ix-card-list": LocalJSX.IntrinsicElements["ix-card-list"] & JSXBase.HTMLAttributes; "ix-card-title": LocalJSX.IntrinsicElements["ix-card-title"] & JSXBase.HTMLAttributes; "ix-category-filter": LocalJSX.IntrinsicElements["ix-category-filter"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-checkbox": LocalJSX.IntrinsicElements["ix-checkbox"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-checkbox-group": LocalJSX.IntrinsicElements["ix-checkbox-group"] & JSXBase.HTMLAttributes; "ix-chip": LocalJSX.IntrinsicElements["ix-chip"] & JSXBase.HTMLAttributes; "ix-col": LocalJSX.IntrinsicElements["ix-col"] & JSXBase.HTMLAttributes; "ix-content": LocalJSX.IntrinsicElements["ix-content"] & JSXBase.HTMLAttributes; "ix-content-header": LocalJSX.IntrinsicElements["ix-content-header"] & JSXBase.HTMLAttributes; "ix-css-grid": LocalJSX.IntrinsicElements["ix-css-grid"] & JSXBase.HTMLAttributes; "ix-css-grid-item": LocalJSX.IntrinsicElements["ix-css-grid-item"] & JSXBase.HTMLAttributes; "ix-custom-field": LocalJSX.IntrinsicElements["ix-custom-field"] & JSXBase.HTMLAttributes; "ix-date-dropdown": LocalJSX.IntrinsicElements["ix-date-dropdown"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-date-input": LocalJSX.IntrinsicElements["ix-date-input"] & JSXBase.HTMLAttributes; "ix-date-picker": LocalJSX.IntrinsicElements["ix-date-picker"] & JSXBase.HTMLAttributes; "ix-date-time-card": LocalJSX.IntrinsicElements["ix-date-time-card"] & JSXBase.HTMLAttributes; "ix-datetime-picker": LocalJSX.IntrinsicElements["ix-datetime-picker"] & JSXBase.HTMLAttributes; "ix-divider": LocalJSX.IntrinsicElements["ix-divider"] & JSXBase.HTMLAttributes; /** * @deprecated Will be removed with 5.0.0, use ix-pane as successor */ "ix-drawer": LocalJSX.IntrinsicElements["ix-drawer"] & JSXBase.HTMLAttributes; "ix-dropdown": LocalJSX.IntrinsicElements["ix-dropdown"] & JSXBase.HTMLAttributes; "ix-dropdown-button": LocalJSX.IntrinsicElements["ix-dropdown-button"] & JSXBase.HTMLAttributes; "ix-dropdown-header": LocalJSX.IntrinsicElements["ix-dropdown-header"] & JSXBase.HTMLAttributes; "ix-dropdown-item": LocalJSX.IntrinsicElements["ix-dropdown-item"] & JSXBase.HTMLAttributes; "ix-dropdown-quick-actions": LocalJSX.IntrinsicElements["ix-dropdown-quick-actions"] & JSXBase.HTMLAttributes; "ix-empty-state": LocalJSX.IntrinsicElements["ix-empty-state"] & JSXBase.HTMLAttributes; "ix-event-list": LocalJSX.IntrinsicElements["ix-event-list"] & JSXBase.HTMLAttributes; "ix-event-list-item": LocalJSX.IntrinsicElements["ix-event-list-item"] & JSXBase.HTMLAttributes; "ix-expanding-search": LocalJSX.IntrinsicElements["ix-expanding-search"] & JSXBase.HTMLAttributes; "ix-field-label": LocalJSX.IntrinsicElements["ix-field-label"] & JSXBase.HTMLAttributes; "ix-field-wrapper": LocalJSX.IntrinsicElements["ix-field-wrapper"] & JSXBase.HTMLAttributes; "ix-filter-chip": LocalJSX.IntrinsicElements["ix-filter-chip"] & JSXBase.HTMLAttributes; "ix-flip-tile": LocalJSX.IntrinsicElements["ix-flip-tile"] & JSXBase.HTMLAttributes; "ix-flip-tile-content": LocalJSX.IntrinsicElements["ix-flip-tile-content"] & JSXBase.HTMLAttributes; "ix-group": LocalJSX.IntrinsicElements["ix-group"] & JSXBase.HTMLAttributes; "ix-group-context-menu": LocalJSX.IntrinsicElements["ix-group-context-menu"] & JSXBase.HTMLAttributes; "ix-group-item": LocalJSX.IntrinsicElements["ix-group-item"] & JSXBase.HTMLAttributes; "ix-helper-text": LocalJSX.IntrinsicElements["ix-helper-text"] & JSXBase.HTMLAttributes; "ix-icon-button": LocalJSX.IntrinsicElements["ix-icon-button"] & JSXBase.HTMLAttributes; "ix-icon-toggle-button": LocalJSX.IntrinsicElements["ix-icon-toggle-button"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-input": LocalJSX.IntrinsicElements["ix-input"] & JSXBase.HTMLAttributes; /** * @deprecated Since 3.0.0. Will be removed with 5.0.0 * Not maintained anymore. * Use the 'ix-input' component instead */ "ix-input-group": LocalJSX.IntrinsicElements["ix-input-group"] & JSXBase.HTMLAttributes; "ix-key-value": LocalJSX.IntrinsicElements["ix-key-value"] & JSXBase.HTMLAttributes; "ix-key-value-list": LocalJSX.IntrinsicElements["ix-key-value-list"] & JSXBase.HTMLAttributes; "ix-kpi": LocalJSX.IntrinsicElements["ix-kpi"] & JSXBase.HTMLAttributes; "ix-layout-auto": LocalJSX.IntrinsicElements["ix-layout-auto"] & JSXBase.HTMLAttributes; "ix-layout-grid": LocalJSX.IntrinsicElements["ix-layout-grid"] & JSXBase.HTMLAttributes; "ix-link-button": LocalJSX.IntrinsicElements["ix-link-button"] & JSXBase.HTMLAttributes; "ix-menu": LocalJSX.IntrinsicElements["ix-menu"] & JSXBase.HTMLAttributes; "ix-menu-about": LocalJSX.IntrinsicElements["ix-menu-about"] & JSXBase.HTMLAttributes; "ix-menu-about-item": LocalJSX.IntrinsicElements["ix-menu-about-item"] & JSXBase.HTMLAttributes; "ix-menu-about-news": LocalJSX.IntrinsicElements["ix-menu-about-news"] & JSXBase.HTMLAttributes; "ix-menu-avatar": LocalJSX.IntrinsicElements["ix-menu-avatar"] & JSXBase.HTMLAttributes; "ix-menu-avatar-item": LocalJSX.IntrinsicElements["ix-menu-avatar-item"] & JSXBase.HTMLAttributes; "ix-menu-category": LocalJSX.IntrinsicElements["ix-menu-category"] & JSXBase.HTMLAttributes; "ix-menu-expand-icon": LocalJSX.IntrinsicElements["ix-menu-expand-icon"] & JSXBase.HTMLAttributes; "ix-menu-item": LocalJSX.IntrinsicElements["ix-menu-item"] & JSXBase.HTMLAttributes; "ix-menu-settings": LocalJSX.IntrinsicElements["ix-menu-settings"] & JSXBase.HTMLAttributes; "ix-menu-settings-item": LocalJSX.IntrinsicElements["ix-menu-settings-item"] & JSXBase.HTMLAttributes; "ix-message-bar": LocalJSX.IntrinsicElements["ix-message-bar"] & JSXBase.HTMLAttributes; "ix-modal": LocalJSX.IntrinsicElements["ix-modal"] & JSXBase.HTMLAttributes; "ix-modal-content": LocalJSX.IntrinsicElements["ix-modal-content"] & JSXBase.HTMLAttributes; "ix-modal-footer": LocalJSX.IntrinsicElements["ix-modal-footer"] & JSXBase.HTMLAttributes; "ix-modal-header": LocalJSX.IntrinsicElements["ix-modal-header"] & JSXBase.HTMLAttributes; "ix-modal-loading": LocalJSX.IntrinsicElements["ix-modal-loading"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-number-input": LocalJSX.IntrinsicElements["ix-number-input"] & JSXBase.HTMLAttributes; "ix-pagination": LocalJSX.IntrinsicElements["ix-pagination"] & JSXBase.HTMLAttributes; "ix-pane": LocalJSX.IntrinsicElements["ix-pane"] & JSXBase.HTMLAttributes; "ix-pane-layout": LocalJSX.IntrinsicElements["ix-pane-layout"] & JSXBase.HTMLAttributes; "ix-pill": LocalJSX.IntrinsicElements["ix-pill"] & JSXBase.HTMLAttributes; /** * @since 3.2.0 */ "ix-progress-indicator": LocalJSX.IntrinsicElements["ix-progress-indicator"] & JSXBase.HTMLAttributes; "ix-push-card": LocalJSX.IntrinsicElements["ix-push-card"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-radio": LocalJSX.IntrinsicElements["ix-radio"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-radio-group": LocalJSX.IntrinsicElements["ix-radio-group"] & JSXBase.HTMLAttributes; "ix-row": LocalJSX.IntrinsicElements["ix-row"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-select": LocalJSX.IntrinsicElements["ix-select"] & JSXBase.HTMLAttributes; "ix-select-item": LocalJSX.IntrinsicElements["ix-select-item"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-slider": LocalJSX.IntrinsicElements["ix-slider"] & JSXBase.HTMLAttributes; "ix-spinner": LocalJSX.IntrinsicElements["ix-spinner"] & JSXBase.HTMLAttributes; "ix-split-button": LocalJSX.IntrinsicElements["ix-split-button"] & JSXBase.HTMLAttributes; "ix-tab-item": LocalJSX.IntrinsicElements["ix-tab-item"] & JSXBase.HTMLAttributes; "ix-tabs": LocalJSX.IntrinsicElements["ix-tabs"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-textarea": LocalJSX.IntrinsicElements["ix-textarea"] & JSXBase.HTMLAttributes; "ix-tile": LocalJSX.IntrinsicElements["ix-tile"] & JSXBase.HTMLAttributes; /** * @since 3.2.0 * @form-ready */ "ix-time-input": LocalJSX.IntrinsicElements["ix-time-input"] & JSXBase.HTMLAttributes; "ix-time-picker": LocalJSX.IntrinsicElements["ix-time-picker"] & JSXBase.HTMLAttributes; "ix-toast": LocalJSX.IntrinsicElements["ix-toast"] & JSXBase.HTMLAttributes; "ix-toast-container": LocalJSX.IntrinsicElements["ix-toast-container"] & JSXBase.HTMLAttributes; /** * @form-ready */ "ix-toggle": LocalJSX.IntrinsicElements["ix-toggle"] & JSXBase.HTMLAttributes; "ix-toggle-button": LocalJSX.IntrinsicElements["ix-toggle-button"] & JSXBase.HTMLAttributes; "ix-tooltip": LocalJSX.IntrinsicElements["ix-tooltip"] & JSXBase.HTMLAttributes; "ix-tree": LocalJSX.IntrinsicElements["ix-tree"] & JSXBase.HTMLAttributes; "ix-tree-item": LocalJSX.IntrinsicElements["ix-tree-item"] & JSXBase.HTMLAttributes; "ix-typography": LocalJSX.IntrinsicElements["ix-typography"] & JSXBase.HTMLAttributes; "ix-upload": LocalJSX.IntrinsicElements["ix-upload"] & JSXBase.HTMLAttributes; /** * @deprecated Since 3.0.0. Will be removed with 5.0.0 * Not maintained anymore. */ "ix-validation-tooltip": LocalJSX.IntrinsicElements["ix-validation-tooltip"] & JSXBase.HTMLAttributes; "ix-workflow-step": LocalJSX.IntrinsicElements["ix-workflow-step"] & JSXBase.HTMLAttributes; "ix-workflow-steps": LocalJSX.IntrinsicElements["ix-workflow-steps"] & JSXBase.HTMLAttributes; } } }