/* 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 { ActionListItemClickEvent } from "./components/action-list/action-list-item"; import { ChipItemSelectEvent, ChipState } from "./components/chip/interfaces"; import { ChangeEvent } from "./components/content-switcher/content-switcher"; import { Placement } from "./components/dropdown/dropdown"; import { IOpenable } from "./components/dropdown/IOpenable"; import { NotificationVariant } from "./components/notification/notification"; import { SuggestionItem } from "./components/search-field/search-field"; import { AddItemTextFn, AjaxFn, ClassNames, CustomAddItemText, FuseOptions, ItemFilterFn, MaxItemTextFn, NoChoicesTextFn, NoResultsTextFn, OnCreateTemplates, OnInit, SortFn, UniqueItemText, ValueCompareFunction } from "./components/select/single-select/interfaces"; import { StepperState } from "./components/stepper/interfaces"; import { Event } from "./stencil-public-runtime"; import { TreeViewCheckChangeEvent, TreeViewDisableChangeEvent, TreeViewExpandChangeEvent } from "./components/tree-view/tree-view-item"; export { ActionListItemClickEvent } from "./components/action-list/action-list-item"; export { ChipItemSelectEvent, ChipState } from "./components/chip/interfaces"; export { ChangeEvent } from "./components/content-switcher/content-switcher"; export { Placement } from "./components/dropdown/dropdown"; export { IOpenable } from "./components/dropdown/IOpenable"; export { NotificationVariant } from "./components/notification/notification"; export { SuggestionItem } from "./components/search-field/search-field"; export { AddItemTextFn, AjaxFn, ClassNames, CustomAddItemText, FuseOptions, ItemFilterFn, MaxItemTextFn, NoChoicesTextFn, NoResultsTextFn, OnCreateTemplates, OnInit, SortFn, UniqueItemText, ValueCompareFunction } from "./components/select/single-select/interfaces"; export { StepperState } from "./components/stepper/interfaces"; export { Event } from "./stencil-public-runtime"; export { TreeViewCheckChangeEvent, TreeViewDisableChangeEvent, TreeViewExpandChangeEvent } from "./components/tree-view/tree-view-item"; export namespace Components { interface IfxAccordion { /** * Collapse the other items when one item is opened. * @default false */ "autoCollapse": boolean; } interface IfxAccordionItem { /** * The aria-level attribute for the accordion item header. * @default 3 */ "ariaLevelNumber": number; /** * The caption of the accordion item. */ "caption": string; /** * The icon to be displayed in the accordion item header. * @default "" */ "icon": string; /** * Set the open attribute to open the accordion item. * @default false */ "open": boolean; } interface IfxActionList { /** * Aria label for accessibility support */ "listAriaLabel"?: string; } interface IfxActionListItem { /** * The description text displayed below the title */ "description"?: string; /** * Controls whether the item is disabled * @default false */ "disabled": boolean; /** * URL to navigate to when item is clicked */ "href"?: string; /** * Aria label for accessibility support */ "itemAriaLabel"?: string; /** * The title text displayed in the item */ "itemTitle": string; /** * Target for the link navigation * @default '_self' */ "target": string; /** * Value associated with this item */ "value"?: string; } interface IfxAiLabel { /** * Determines whether to show a divider line * @default true */ "divider": boolean; /** * Display variant - either label or icon * @default 'label' */ "variant": 'label' | 'icon'; } interface IfxAlert { /** * Aria live region setting for accessibility announcements. * @default "assertive" */ "AriaLiveText": "assertive"; /** * Wether the component can be closed by the user. * @default true */ "closable": boolean; /** * Name or identifier of the icon to display. */ "icon": string; /** * Visual style variant of the component. * @default "primary" */ "variant": "primary" | "success" | "danger" | "warning" | "info"; } interface IfxBasicTable { /** * Column definitions for the table (array or JSON string). */ "cols": any[] | string; /** * Row height preset (e.g. default, compact). * @default "default" */ "rowHeight": string; /** * Row data for the table (array or JSON string). */ "rows": any[] | string; /** * Overall table height (e.g. fixed px value or 'auto'). * @default "auto" */ "tableHeight": string; /** * Visual style variant of the table (e.g. default, compact). * @default "default" */ "variant": string; } interface IfxBreadcrumb { } interface IfxBreadcrumbItem { } interface IfxBreadcrumbItemLabel { /** * URL the breadcrumb item links to. */ "href": string; /** * Icon displayed inside the breadcrumb item. */ "icon": string; /** * Where to open the link. * @default "_self" */ "target": string; } interface IfxButton { /** * Accessible label for screen readers when text is not enough */ "ariaLabelText": string | null; /** * Wether the button is disabled and not clickable. * @default false */ "disabled": boolean; /** * If true, button stretches to fill the available width. * @default false */ "fullWidth": boolean; /** * URL the Button should navigate to when clicked. */ "href": string; /** * Move keayboard focus to the button. */ "setFocus": () => Promise; /** * Button size (xs, s, m, l). * @default "m" */ "size": string; /** * Where to open the link. * @default "_self" */ "target": string; /** * Color theme of the button. * @default "default" */ "theme": "default" | "danger" | "inverse"; /** * Native button type. * @default "button" */ "type": "button" | "submit" | "reset"; /** * Button style level (visual prominence). * @default "primary" */ "variant": "primary" | "secondary" | "tertiary"; } interface IfxCard { /** * Accessible label for screen readers. * @default "" */ "ariaLabelText": string | null; /** * Layout direction of the card. * @default "vertical" */ "direction": "horizontal" | "vertical"; /** * If true, Card stretches to fill the available width. * @default false */ "fullWidth": boolean; /** * Link the card should navigate to when clicked. * @default "" */ "href": string; /** * Where to open the link. * @default "_self" */ "target": string; } interface IfxCardHeadline { } interface IfxCardImage { /** * Text description of the image for screen readers. */ "alt": string; /** * Image position. */ "position": string; /** * Image source URL. */ "src": string; } interface IfxCardLinks { } interface IfxCardOverline { } interface IfxCardText { } interface IfxCheckbox { /** * The state of the checkbox. When true, the checkbox is checked; when false, it is unchecked. * @default false */ "checked": boolean; /** * Indicates whether the checkbox is disabled. When true, the checkbox cannot be interacted with and will have a disabled appearance. * @default false */ "disabled": boolean; /** * Indicates whether the checkbox is in an error state. When true, the checkbox will have an error appearance. * @default false */ "error": boolean; /** * Indicates whether the checkbox is in an indeterminate state. When true, the checkbox will have an indeterminate appearance, which is typically used to indicate a "partially selected" state in a group of checkboxes. * @default false */ "indeterminate": boolean; /** * Method to get the current checked state of the checkbox. * @returns A promise that resolves to a boolean indicating whether the checkbox is checked. */ "isChecked": () => Promise; /** * The name attribute of the input element. */ "name": string; /** * Indicates whether the checkbox is in a read-only state. When true, the checkbox will have a read-only appearance. * @default false */ "readOnly": boolean; /** * Method to set the checked state of the checkbox. * @param newVal A boolean value to set the checked state of the checkbox. * @returns A promise that resolves when the checked state has been updated. */ "setChecked": (newVal: boolean) => Promise; /** * The size of the checkbox. Can be "m" for medium (default) or "s" for small. This prop controls the overall dimensions of the checkbox and its label. * @default "m" */ "size": string; /** * Toggles the checked state. * @returns Resolves when the toggle is complete. */ "toggle": () => Promise; /** * @deprecated Use `setChecked` instead. */ "toggleCheckedState": (newVal: boolean) => Promise; /** * The value associated with the checkbox. This value is typically submitted with a form when the checkbox is checked. If not specified, it defaults to "on" when the checkbox is checked. */ "value": string; } interface IfxCheckboxGroup { /** * Layout direction of the radio group * @default "vertical" */ "alignment": "horizontal" | "vertical"; /** * Text used for the caption. */ "captionText": string; /** * Text used for the group label. * @default "Group Label Text" */ "groupLabelText": string; /** * Wether selecting an option is required. * @default false */ "required": boolean; /** * Method to set the error state of all checkboxes in the group. */ "setGroupError": (error: boolean) => Promise; /** * Wether to show a caption under the group. */ "showCaption": boolean; /** * Wether to show an icon next to the caption. */ "showCaptionIcon": boolean; /** * Wether to show the group label. */ "showGroupLabel": boolean; /** * Size of the radio group */ "size": string; } interface IfxChip { /** * ARIA Label text */ "ariaLabelText": string | null; /** * Disabeled state * @default false */ "disabled": boolean; /** * Sets Icon * @default "" */ "icon": string; /** * Placeholder text * @default "" */ "placeholder": string; /** * Read-only state * @default false */ "readOnly": boolean; /** * Component size * @default "medium" */ "size": "small" | "medium" | "large"; /** * Visual theme * @default "outlined" */ "theme": "outlined" | "filled-light" | "filled-dark"; /** * Current selection (mutable) * @default undefined */ "value": Array | string; /** * Selection mode * @default "single" */ "variant": "single" | "multi"; } interface IfxChipItem { /** * Bahaviour and appearance configuration. * @default { emitIfxChipItemSelect: true, variant: "multi", size: "large", } */ "chipState": ChipState; /** * Wether the chip is selected (reflected). * @default false */ "selected": boolean; /** * Identifier value for this chip. * @default undefined */ "value": string; } interface IfxContentSwitcher { } interface IfxContentSwitcherItem { /** * Wether this option is currently selected. * @default false */ "selected": boolean; /** * Value associated with this option. */ "value": string; } interface IfxDatePicker { /** * Aria label for the date picker input */ "ariaLabelText": string | null; /** * Autocomplete attribute for the input * @default "on" */ "autocomplete": string; /** * Caption text displayed below the date picker */ "caption": string; /** * Clears the date picker value */ "clear": () => Promise; /** * Whether the date picker is disabled * @default false */ "disabled": boolean; /** * Error state of the date picker * @default false */ "error": boolean; /** * Label text for the date picker */ "label": string; /** * Maximum allowed date */ "max": string; /** * Minimum allowed date */ "min": string; /** * Whether the date picker is read-only * @default false */ "readOnly": boolean; /** * Whether the date picker is required * @default false */ "required": boolean; /** * Size of the date picker input * @default "s" */ "size": string; /** * Success state of the date picker * @default false */ "success": boolean; /** * Type of date input (date, datetime-local, etc.) * @default "date" */ "type": string; /** * The value of the date picker */ "value": string; } interface IfxDownload { /** * Type of file to download. * @default "css" */ "tokens": "css" | "scss" | "json" | "js"; } interface IfxDropdown { /** * Closes the dropdown and cleans up the popper instance. */ "closeDropdown": () => Promise; /** * Wether the dropdown should be open initially. * @default false */ "defaultOpen": boolean; /** * If true, dropdown is disabled and cannot be opened. */ "disabled": boolean; /** * Returns wether the dropdown is currently open. */ "isOpen": () => Promise; /** * If true, the menu is not appended to (stays in place). * @default false */ "noAppendToBody": boolean; /** * Id true, clicking inside the menu will not close the dropdown. * @default false */ "noCloseOnMenuClick": boolean; /** * If true, clicking outside will not close the dropdown. * @default false */ "noCloseOnOutsideClick": boolean; /** * Opens the dropdown and sets up the popper positioning. */ "openDropdown": () => Promise; /** * Where the dropdown menu is positioned relative to the trigger. * @default "bottom-start" */ "placement": Placement; } interface IfxDropdownHeader { } interface IfxDropdownItem { /** * If true, this item is shown in an error style. * @default false */ "error": boolean; /** * If true, this dropdown item is hidden. * @default false */ "hide": boolean; /** * Link the dropdown item should navigate to when clicked. * @default "" */ "href": string; /** * Icon to show in the dropdown item. */ "icon": string; /** * Where to open the link. * @default "_self" */ "target": string; } interface IfxDropdownMenu { /** * Controls wether the dropdown menu is open or closed. * @default false */ "isOpen": boolean; /** * Size of the dropdown menu. * @default "l" */ "size": "s" | "l"; } interface IfxDropdownSeparator { } interface IfxDropdownTrigger { /** * Controls wether the dropdown is currently open. * @default false */ "isOpen": boolean; } interface IfxDropdownTriggerButton { /** * If true, trigger is disabled and not clickable. */ "disabled": boolean; /** * If true, hides the dropdown arrow icon. * @default false */ "hideArrow": boolean; /** * Controls wether the dropdown trigger is open * @default false */ "isOpen": boolean; /** * Size of the trigger button. * @default "m" */ "size": "s" | "m"; /** * Color theme of the trigger. * @default "default" */ "theme": "default" | "danger" | "inverse"; /** * Visual style variant. */ "variant": "primary"; } interface IfxErrorPage { /** * Description text for the error page. Uses the variant default when no value is provided. */ "description"?: string; /** * Headline text for the error page. Uses the variant default when no value is provided. */ "headline"?: string; /** * Custom illustration URL for the error page graphic. */ "illustrationUrl"?: string; /** * Alternative text for the illustration. Falls back to the selected error type label. */ "imgAlt"?: string; /** * Error page variant used to select the default content and image. Defaults to "403". * @default '403' */ "type": '403' | '404' | '503' | 'maintenance'; } interface IfxFileUpload { /** * Extra file types to allow in addition to the default ones. * @default [] */ "additionalAllowedFileTypes"?: string | string[]; /** * When set to true, allows any file type to be uploaded (no file type restrictions). * @default false */ "allowAnyFileType": boolean; /** * Custom file extensions to allow (e.g., 'xml', 'asc', 'cfg'). Recommended format: without dots. Also accepts format with dots like '.xml'. Do not use wildcards like '*.xml'. * @default [] */ "allowedFileExtensions"?: string | string[]; /** * Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`. * @default undefined */ "allowedFileTypes"?: string | string[]; /** * ARIA label for the “browse files” control. * @default "Browse files" */ "ariaLabelBrowseFiles": string; /** * ARIA label for the “cancel upload” action. * @default "Cancel upload" */ "ariaLabelCancelUpload": string; /** * ARIA label for the drop zone area. * @default "Upload area. Click to browse or drag and drop files." */ "ariaLabelDropzone": string; /** * ARIA label for the hidden/native file input element. * @default "Upload file" */ "ariaLabelFileInput": string; /** * ARIA label for the “remove file” action. * @default "Remove file" */ "ariaLabelRemoveFile": string; /** * ARIA label for the “retry upload” action. * @default "Retry upload" */ "ariaLabelRetryUpload": string; /** * ARIA label describing that the upload has failed. * @default "Upload failed" */ "ariaLabelUploadFailedStatus": string; /** * ARIA label describing that upload has completed successfully. * @default "Upload completed" */ "ariaLabelUploadedStatus": string; /** * ARIA label describing that an upload is currently in progress. * @default "Upload in progress" */ "ariaLabelUploadingStatus": string; /** * If true, the upload is disabled and not interactive. * @default false */ "disabled": boolean; /** * Enables drag-and-drop for file uploads. * @default false */ "dragAndDrop": boolean; /** * Storybook Demo */ "injectDemoState": () => Promise; /** * Main label for the upload component. * @default "Label" */ "label": string; /** * Text for the “browse files” button or link. * @default "Browse files" */ "labelBrowseFiles": string; /** * Text shown in the drop zone area. * @default "Drag & Drop or browse files to upload" */ "labelDragAndDrop": string; /** * Plural word used for “files” in messages. * @default "files" */ "labelFilePlural": string; /** * Singular word used for “file” in messages. * @default "file" */ "labelFileSingular": string; /** * Message shown when a file is too large ({{size}} is replaced with max size). * @default "Upload failed. Max file size: {{size}}MB." */ "labelFileTooLarge": string; /** * Error message shown when the max number of files is exceeded. * @default "Upload limit exceeded. Only {{count}} {{files}} allowed." */ "labelMaxFilesExceeded": string; /** * Info text about the maximum number of files allowed ({{count}} and {{files}} are replaced). * @default "Up to {{count}} {{files}}." */ "labelMaxFilesInfo"?: string; /** * Error message shown when no file is uploaded but at least one is required. * @default "At least one file must be uploaded" */ "labelRequiredError": string; /** * Template text for listing supported formats and size ({{types}} and {{size}} are replaced). * @default "Supported file formats: {{types}}. Max file size: {{size}}MB." */ "labelSupportedFormatsTemplate": string; /** * Message shown when the file type is not allowed. * @default "Unsupported file type." */ "labelUnsupportedFileType": string; /** * Generic error message shown when upload fails. * @default "Upload failed. Please try again." */ "labelUploadFailed": string; /** * Status text for a successfully uploaded file. * @default "Successfully uploaded" */ "labelUploaded": string; /** * Heading label above the list of uploaded files. * @default "Uploaded files" */ "labelUploadedFilesHeading": string; /** * Maximum file size allowed in megabytes. * @default 7 */ "maxFileSizeMB": number; "maxFiles": number | undefined; /** * Wether at least one file is rewuired. * @default false */ "required": boolean; /** * Storybook Demo */ "triggerDemoValidation": () => Promise; /** * Custom function that handels file upload and progress reporting. */ "uploadHandler"?: ( file: File, onProgress?: (progress: number) => void, ) => Promise; } interface IfxFilterAccordion { /** * Identifier/label for the filter group * @default "" */ "filterGroupName": ""; /** * Max number of items to display before truncating/collapsing the list */ "maxVisibleItems": number; } interface IfxFilterBar { /** * Maximum number of filters to show in the topbar before collapsing * @default 4 */ "maxShownFilters": number; /** * Controls "More / Less filters" Buttons */ "showMoreFilters": (showMore: boolean) => Promise; } interface IfxFilterSearch { /** * Disables the filter and prevents user interaction * @default false */ "disabled": boolean; /** * Unique key/identifier for this filter */ "filterKey": string; /** * Display name/label for this filter input */ "filterName": string; /** * Layout context for the filter * @default "sidebar" */ "filterOrientation": string; /** * Current filter text/value */ "filterValue": string; /** * Placeholder text shown when input is empty */ "placeholder": string; } interface IfxFilterTypeGroup { } interface IfxFooter { /** * Text shown in the footer copyright area. * @default "© 1999 - " + this.currentYear + " Infineon Technologies AG" */ "copyrightText": string; } interface IfxFooterColumn { } interface IfxIcon { /** * The icon that will be displayed. Refer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons. * @default "" */ "icon": string; } interface IfxIconButton { /** * Accessible name announced by assistive technologies. */ "ariaLabelText": string | null; /** * Disables the button and blocks user interaction. * @default false */ "disabled": boolean; /** * URL to navigate to; when provided, the component renders as a link. */ "href": string; /** * Icon name rendered by the nested `ifx-icon`. Refer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons. */ "icon": string; /** * Sets focus on the icon button. If the button is rendered as a link, it focuses the anchor element; otherwise, it focuses the button element. */ "setFocus": () => Promise; /** * Visual shape of the icon button. * @default "round" */ "shape": "round" | "square"; /** * Size of the icon button. Options: xs (20px), s (32px), m (36px) and l (40px). * @default "m" */ "size": "xs" | "s" | "m" | "l"; /** * Target for link navigation when `href` is set. * @default "_self" */ "target": string; /** * Visual style of the icon button. Primary has a solid background, secondary has an outline and tertiary is just the icon with no background or border. * @default "primary" */ "variant": "primary" | "secondary" | "tertiary"; } interface IfxIconsPreview { } interface IfxIndicator { /** * Provide a short, descriptive text that explains the indicator's meaning or value. */ "ariaLabelText": string | null; /** * Renders the indicator with an inverted color scheme for dark backgrounds. * @default false */ "inverted": boolean; /** * Numeric value to display when using the 'number' variant * @default 0 */ "number": number; /** * Sets variant of the Indicator * @default 'number' */ "variant": string; } interface IfxLink { /** * Accessible label announced by assistive technologies. * @default undefined */ "ariaLabelText": string | null; /** * Disables interaction. * @default false */ "disabled": boolean; /** * Optional filename or download hint for the linked resource. * @default undefined */ "download": string; /** * URL the link navigates to. * @default undefined */ "href": string; /** * Font size of the link. * @default "m" */ "size": "s" | "m" | "l" | "xl"; /** * Target window for the link. * @default "_self" */ "target": string; /** * Visual style variant of the link. * @default "bold" */ "variant": "underlined" | "bold" | "title" | "menu"; } interface IfxList { /** * Max number of items displayed before collapsing/truncating * @default 6 */ "maxVisibleItems": 6; /** * Unique name/identifier for the list * @default "" */ "name": ""; /** * External, mutable flag to trigger a programmic reset */ "resetTrigger": boolean; /** * Selection type for list entries * @default "checkbox" */ "type": string; } interface IfxListEntry { "label": string; "type": string; "value": boolean; } interface IfxModal { /** * Allows the display of a specific icon in the modal header when the variant is set to an alert type. Refer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons. * @default "" */ "alertIcon": string; /** * The title text displayed in the modal header. This should be a concise description of the modal's purpose. * @default "Modal Title" */ "caption": string; /** * Provides an accessible label for the modal caption, enhancing screen reader support. If not provided, the `caption` prop will be used as the accessible name. */ "captionAriaLabel": string | null; /** * Provides an accessible label for the close button, enhancing screen reader support. If not provided, a default label of "Close modal" will be used. * @default "Close modal" */ "closeButtonAriaLabel": string; /** * Public method to programmatically close the modal. */ "closeModal": () => Promise; /** * Determines whether clicking on the overlay (backdrop) will close the modal. * @default true */ "closeOnOverlayClick": boolean; /** * Public method to programmatically open the modal. */ "openModal": () => Promise; /** * Controls the visibility of the modal. Can be used for both declarative and programmatic control. * @default false */ "opened"?: boolean; /** * Controls the visibility of the close button in the modal header. * @default true */ "showCloseButton": boolean; /** * Specifies the size of the modal, allowing it to adapt to different content needs and screen sizes. * @default "s" */ "size": "s" | "m" | "l"; /** * Defines the visual style of the modal, indicating its purpose or importance. * @default "default" */ "variant": "default" | "alert-brand" | "alert-danger"; } interface IfxMultiselect { /** * ARIA label for the “Clear all” button. * @default "Clear all selections" */ "ariaClearLabel": string; /** * ARIA label for the “Collapse all categories” control. * @default "Collapse all categories" */ "ariaCollapseAllLabel": string; /** * ARIA label for the “Expand all categories” control. * @default "Expand all categories" */ "ariaExpandAllLabel": string; /** * ID of element that describes the multi-select (aria-describedby). * @default "" */ "ariaMultiSelectDescribedBy": string; /** * ARIA label for the multi-select dropdown. * @default "Multi-select dropdown" */ "ariaMultiSelectLabel": string; /** * ID of element that labels the multi-select (aria-labelledby). * @default "" */ "ariaMultiSelectLabelledBy": string; /** * ARIA label for the search input inside the dropdown. * @default "Search options" */ "ariaSearchLabel": string; /** * ARIA label for the “Select all options” control. * @default "Select all options" */ "ariaSelectAllLabel": string; /** * ARIA label for the dropdown toggle button. * @default "Toggle dropdown" */ "ariaToggleLabel": string; /** * Helper text shown below the multi-select. * @default "" */ "caption": string; /** * Clears all selected options in the multi-select and resets their state. */ "clearSelection": () => Promise; /** * Label text for the “Collapse all” action. * @default "Collapse" */ "collapseLabel": string; /** * If true, the multi-select is disabled and not interactive. * @default false */ "disabled": boolean; /** * If true, shows the multi-select in an error state. * @default false */ "error": boolean; /** * Label text for the “Expand all” action. * @default "Expand" */ "expandLabel": string; /** * Label shown above the multi-select. * @default "" */ "label": string; /** * Name of the multi-select field (used in forms). */ "name": string; /** * Message shown when no search results are found. * @default "No results found." */ "noResultsMessage": string; /** * Placeholder text shown when nothing is selected. * @default "" */ "placeholder": string; /** * If true, the multi-select is read-only. * @default false */ "readOnly": boolean; /** * Whether at least one option must be selected. * @default false */ "required": boolean; /** * Placeholder text for the search input. * @default "Search" */ "searchPlaceholder": string; /** * Label text for the “Select all” option. * @default "Select all" */ "selectAllLabel": string; /** * If true, shows a button to clear all selections. * @default true */ "showClearButton": boolean; /** * If true, shows expand/collapse controls for nested options. * @default true */ "showExpandCollapse": boolean; /** * If true, displays the “no results” message when nothing matches. * @default true */ "showNoResultsMessage": boolean; /** * If true, shows a search box inside the dropdown. * @default true */ "showSearch": boolean; /** * If true, shows a “Select all” option. * @default true */ "showSelectAll": boolean; } interface IfxMultiselectOption { /** * Whether this tree item is disabled and not interactive. * @default false */ "disabled": boolean; /** * Whether this tree item is in an indeterminate (partially selected) state. * @default false */ "indeterminate": boolean; /** * Whether this tree item is currently selected. * @default false */ "selected": boolean; /** * Value associated with this tree item (used for selection and events). */ "value": string; } interface IfxNavbar { /** * Name of the application shown in the navbar. * @default "" */ "applicationName": string; /** * If true, the navbar is fixed (e.g. sticks to the top). * @default true */ "fixed": boolean; /** * Link URL for the logo click action. * @default "" */ "logoHref": string; /** * Where to open the logo link (same tab, new tab, etc.). * @default "_self" */ "logoHrefTarget": string; /** * If true, shows the logo and application name in the navbar. * @default true */ "showLogoAndAppname": boolean; } interface IfxNavbarItem { /** * Marks this item as a menu entry and shows the right-arrow icon if needed. */ "addMenuItemClass": () => Promise; /** * If true, shows a simple dot indicator instead of a number. * @default false */ "dotIndicator": boolean; /** * Hides this navigation item component. */ "hideComponent": () => Promise; /** * If true, hides this item on mobile viewports. * @default true */ "hideOnMobile": boolean; /** * URL the navigation item should navigate to when clicked. * @default "" */ "href": string; /** * Icon to display for this navigation item. * @default "" */ "icon": string; /** * Moves child components back into the main navbar from the sub-layer menu. */ "moveChildComponentsBackIntoNavbar": () => Promise; /** * Moves child nav items into the sub-layer menu (e.g. for mobile view). */ "moveChildComponentsIntoSubLayerMenu": () => Promise; /** * Number badge shown as an indicator on the item. */ "numberIndicator": number; /** * Returns this item from a deeper layer back to its first-layer state. */ "returnToFirstLayer": () => Promise; /** * Applies side-specific classes when the item is placed on the right side. */ "setItemSideSpecifications": () => Promise; /** * Sets the menu item position (left or right) based on its menu placement. */ "setMenuItemPosition": () => Promise; /** * Shows this navigation item component. */ "showComponent": () => Promise; /** * Whether to show the label text next to the icon. * @default true */ "showLabel": boolean; /** * Where to open the link (same tab, new tab, etc.). * @default "_self" */ "target": string; /** * Toggles visibility of the child menu and its arrow icon. */ "toggleChildren": (action: any) => Promise; /** * Toggles visibility between the first layer item and its second-layer menu. */ "toggleFirstLayerItem": (actionOne: any, actionTwo: any) => Promise; } interface IfxNavbarProfile { /** * Alternative text for the avatar image. * @default "" */ "alt": string; /** * Hides this avatar item component. */ "hideComponent": () => Promise; /** * URL the avatar item should navigate to when clicked. * @default "" */ "href": string; /** * Image URL used for the avatar. * @default "" */ "imageUrl": string; /** * Shows this avatar item component. */ "showComponent": () => Promise; /** * Whether to show the user name label next to the avatar. * @default true */ "showLabel": boolean; /** * Where to open the link (same tab, new tab, etc.). * @default "_self" */ "target": string; /** * Displayed user name associated with the avatar. * @default "" */ "userName": string; } interface IfxNotification { /** * Icon to display in the notification. */ "icon": string; /** * URL the notification link should navigate to. */ "linkHref": string; /** * Where to open the link (same tab, new tab, etc.). * @default "_blank" */ "linkTarget": string; /** * Text for the optional action link. */ "linkText": string; /** * Visual style of the notification (e.g. success, error). * @default "success" */ "variant": NotificationVariant; } interface IfxOverviewTable { } interface IfxPagination { /** * The current page number passed from the outside * @default 1 */ "currentPage": number; /** * Items-per-page options */ "itemsPerPage": any[] | string; /** * @default "Results per Page" */ "itemsPerPageLabel": string; /** * Wether to display the items-per-page selector * @default true */ "showItemsPerPage": boolean; /** * Total number of items to paginate * @default 1 */ "total": number; } interface IfxPopover { /** * Accessible label for the popover * @default null */ "ariaLabelText": string | null; /** * Whether the popover is disabled * @default false */ "disabled": boolean; /** * Programmatically hide the popover */ "hide": () => Promise; /** * Whether the popover is initially open * @default false */ "open": boolean; /** * Title text displayed in the popover header * @default '' */ "popoverTitle": string; /** * Position of the popover relative to the trigger element * @default 'auto' */ "position": 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto'; /** * Programmatically show the popover */ "show": () => Promise; /** * Body text displayed in the popover content * @default '' */ "text": string; /** * Programmatically toggle the popover visibility */ "toggle": () => Promise; } interface IfxProgressBar { /** * Whether to show a text label next to the progress bar. * @default false */ "showLabel": boolean; /** * Size of the progress bar (e.g. small, medium, large). */ "size": string; /** * Current value of the progress bar (e.g. completion percentage). * @default 0 */ "value": number; } interface IfxRadioButton { /** * Whether the checkbox is currently checked (can be updated). */ "checked": boolean; /** * If true, the checkbox is disabled and not interactive. * @default false */ "disabled": boolean; /** * If true, the checkbox is shown in an error state. * @default false */ "error": boolean; /** * Returns the current checked state of the checkbox. */ "isChecked": () => Promise; /** * Name attribute used when submitting the checkbox in a form. */ "name": string; /** * If true, the checkbox is shown in a read-only state. * @default false */ "readOnly": boolean; /** * Size of the checkbox (small or medium). * @default "s" */ "size": "s" | "m"; /** * Value submitted when the checkbox is checked. */ "value": string; } interface IfxRadioButtonGroup { /** * Layout direction of the checkbox group (horizontal or vertical). * @default "vertical" */ "alignment": "horizontal" | "vertical"; /** * Text used for the caption below the group. */ "captionText": string; /** * Text used as the group label. * @default "Group Label Text" */ "groupLabelText": string; /** * Whether selecting at least one checkbox is required. * @default false */ "required": boolean; /** * Method to set the error state of all radio-butttons in the group */ "setGroupError": (error: boolean) => Promise; /** * Whether to show a caption under the group. */ "showCaption": boolean; /** * Whether to show an icon next to the caption text. */ "showCaptionIcon": boolean; /** * Whether to show the group label above the checkboxes. */ "showGroupLabel": boolean; /** * Size of the checkbox group (e.g. small, medium). */ "size": string; } interface IfxSearchBar { /** * Autocomplete behavior passed to the underlying search field. * @default "on" */ "autocomplete": string; /** * Closes the search bar when triggered programatically Emits `ifxOpen` with `true` and updates internal state. */ "close": () => Promise; /** * Disables user interaction with the search field and close control. * @default false */ "disabled": boolean; /** * Controls whether the search bar is expanded (open) or collapsed. This is mirrored into internal state and drives the visible UI. * @default true */ "isOpen": boolean; /** * Maximum allowed length for the search input. */ "maxlength"?: number; /** * Opens the search bar when triggered programatically Emits `ifxOpen` with `false` and updates internal state. */ "open": () => Promise; /** * Toggles the close button outside the input field * @default true */ "showCloseButton": boolean; /** * Current input value of the search field. This is updated when the field emits input events. */ "value": string | undefined; } interface IfxSearchField { /** * ID of the element that describes the input. */ "ariaDescribedBy"?: string | null; /** * Accessible label for the input. * @default "Search Field" */ "ariaLabelText": string | null; /** * ID of the element that labels the input. */ "ariaLabelledBy"?: string | null; /** * Native autocomplete attribute value. * @default "off" */ "autocomplete": string; /** * Public method to clear search history. This will clear the history from both localStorage and the internal state, and also reset any dropdown-related states. */ "clearSearchHistory": () => Promise; /** * Accessible label for the clear icon button. * @default "Clear search" */ "deleteIconAriaLabel": string; /** * Disable the input and related interactions. * @default false */ "disabled": boolean; /** * Accessible label for the suggestions listbox. * @default "Search suggestions and history" */ "dropdownAriaLabel": string; /** * Enable local search history behavior and persistence. * @default true */ "enableHistory": boolean; /** * Accessible label for the history item delete button. * @default "Remove from history" */ "historyDeleteAriaLabel": string; /** * Header text shown when only history entries are displayed. * @default "Recent Searches" */ "historyHeaderText": string; /** * Accessible label prefix for history items. * @default "Search history item" */ "historyItemAriaLabel": string; /** * localStorage key used to persist search history. This is needed to allow multiple instances of the search field to maintain separate histories if desired, but can be left as default for a shared history across the application. * @default "ifx-search-history" */ "historyKey": string; /** * Maximum number of stored history entries. * @default 5 */ "maxHistoryItems": number; /** * Maximum number of items shown in the dropdown (suggestions + history). * @default 10 */ "maxSuggestions": number; /** * Maximum number of characters allowed in the input. * @default null */ "maxlength"?: number; /** * Placeholder text for the input. * @default "Search..." */ "placeholder": string; /** * Show the clear icon when there is a non-empty value. * @default false */ "showDeleteIcon": boolean; /** * Enable the suggestion dropdown and request events while typing. * @default false */ "showSuggestions": boolean; /** * Visual size variant. "s" enables compact styling, otherwise defaults to "l". * @default "l" */ "size": 's' | 'l'; /** * Accessible label prefix for suggestion items. * @default "Search suggestion" */ "suggestionAriaLabel": string; /** * External suggestion items used to populate the dropdown. * @default [] */ "suggestions": SuggestionItem[]; /** * Current input value. Mutates as the user types and can be set programmatically. * @default "" */ "value": string; } interface IfxSegment { /** * Icon to display inside the segment. */ "icon": string; /** * Index of this segment within the segmented control. */ "segmentIndex": number; /** * Whether this segment is currently selected. * @default false */ "selected": boolean; /** * Value associated with this segment. */ "value": string; } interface IfxSegmentedControl { /** * Helper text shown below the segmented control. * @default "" */ "caption": string; /** * If true, shows the segmented control in an error state. * @default false */ "error": boolean; /** * Label text shown above the segmented control. * @default "" */ "label": string; /** * Whether choosing a value is required. * @default false */ "required": boolean; /** * Size of the segmented control (regular or small). * @default "regular" */ "size": "regular" | "small"; } interface IfxSelect { /** * Filter used to validate items before they are added. */ "addItemFilter": string | RegExp | ItemFilterFn; /** * Text or function for the “add item” prompt. */ "addItemText": string | AddItemTextFn; /** * Whether new items can be added by the user. */ "addItems": boolean; /** * Performs an AJAX request using the provided function. */ "ajax": (fn: AjaxFn) => Promise; /** * Text to append to each item’s value on output. */ "appendValue": string; /** * Callback used to create or override internal templates. */ "callbackOnCreateTemplates": OnCreateTemplates; /** * Callback function invoked when the Choices instance is initialized. */ "callbackOnInit": OnInit; /** * Helper text shown below the select field. * @default "" */ "caption": string; /** * Available choices; can be an array or a string (e.g. data source). * @default undefined */ "choices": Array | string; /** * Custom CSS class names mapping for internal elements. */ "classNames": ClassNames; /** * Removes all available choices from the dropdown. */ "clearChoices": () => Promise; /** * Clears the text input value. */ "clearInput": () => Promise; /** * Clears the current selection and closes the dropdown if not disabled or read-only. */ "clearSelection": () => Promise; /** * Clears the internal Choices.js store. */ "clearStore": () => Promise; /** * Configuration for customizing the “add item” text. */ "customAddItemText": CustomAddItemText; /** * Delimiter used when parsing or joining item values (e.g. for paste). */ "delimiter": string; /** * If true, the select is disabled and not interactive. * @default false */ "disabled": boolean; /** * Whether duplicate items are allowed. */ "duplicateItemsAllowed": boolean; /** * Whether selected items can be edited in place. */ "editItems": boolean; /** * If true, shows the select in an error state. * @default false */ "error": boolean; /** * Fuse.js options for fuzzy searching choices. */ "fuseOptions": FuseOptions; /** * Gets the current value(s); returns raw value or full item list. */ "getValue": (valueOnly?: boolean) => Promise>; /** * Handles a selection change, updates state, and closes the dropdown. */ "handleChange": (selectedOption: any) => Promise; /** * Shows or hides the delete icon depending on component width and settings. */ "handleDeleteIcon": () => Promise; /** * Closes the dropdown, optionally blurring the input. */ "hideDropdown": (blurInput?: boolean) => Promise; /** * Highlights all items. */ "highlightAll": () => Promise; /** * Highlights a specific item in the dropdown. */ "highlightItem": (item: HTMLElement, runEvent?: boolean) => Promise; /** * Text shown on an item when it is selectable (kept as empty string here). */ "itemSelectText": ''; /** * Initial list of items to populate the component with. */ "items": Array; /** * Label text shown above the select field. * @default "" */ "label": string; /** * Text shown while data or choices are loading. */ "loadingText": string; /** * Maximum number of items that can be selected. */ "maxItemCount": number; /** * Text or function used when the max item count is reached. */ "maxItemText": string | MaxItemTextFn; /** * Name attribute used when submitting the field in a form. */ "name": string; /** * Text or function used when there are no choices to show. */ "noChoicesText": string | NoChoicesTextFn; /** * Text or function used when no search results are found. */ "noResultsText": string | NoResultsTextFn; /** * List of available options (array or string source). */ "options": any[] | string; /** * Whether pasting values to create items is allowed. */ "paste": boolean; /** * Placeholder configuration or text for the input. */ "placeholder": boolean | string; /** * Placeholder text shown when no option is selected. * @default "Placeholder" */ "placeholderValue": string; /** * Position of the dropdown relative to the input. */ "position": 'auto' | 'top' | 'bottom'; /** * Text to prepend to each item’s value on output. */ "prependValue": string; /** * If true, shows the select in a read-only state. * @default false */ "readOnly": boolean; /** * Removes all active items, optionally excluding one by ID. */ "removeActiveItems": (excludedId?: number) => Promise; /** * Removes active items that match a given value. */ "removeActiveItemsByValue": (value: string) => Promise; /** * Removes all currently highlighted items. */ "removeHighlightedItems": (runEvent?: boolean) => Promise; /** * Whether to show a remove button on each selected item. */ "removeItemButton": boolean; /** * Whether items can be removed by the user. */ "removeItems": boolean; /** * Maximum number of choices to render in the list at once. */ "renderChoiceLimit": number; /** * When to render selected choices (always or only when needed). */ "renderSelectedChoices": 'always' | 'auto'; /** * Whether selecting a value is required. * @default false */ "required": boolean; /** * Whether to reset scroll position when opening the dropdown. */ "resetScrollPosition": boolean; /** * Whether search filters the available choices. */ "searchChoices": boolean; /** * Fields used when searching choices (array of field names or a string). */ "searchFields": Array | string; /** * Minimum number of characters before search is triggered. */ "searchFloor": number; /** * Placeholder text shown inside the search input. */ "searchPlaceholderValue": string; /** * Maximum number of search results to display. */ "searchResultLimit": number; /** * Selects choices that match the given value or values. */ "setChoiceByValue": (value: string | Array) => Promise; /** * Sets the available choices from an array or JSON string. */ "setChoices": (choices: any[] | string, value: string, label: string, replaceChoices?: boolean) => Promise; /** * Sets the current value(s) programmatically. */ "setValue": (args: Array) => Promise; /** * Whether available choices should be sorted. */ "shouldSort": boolean; /** * Whether selected items should be sorted. */ "shouldSortItems": boolean; /** * If true, shows a button to clear the current selection. * @default true */ "showClearButton": boolean; /** * Opens the dropdown, optionally focusing the input. */ "showDropdown": (focusInput?: boolean) => Promise; /** * Whether the search input is shown. */ "showSearch": boolean; /** * Size of the select component (e.g. medium / 40px). * @default "medium (40px)" */ "size": string; /** * Custom sorting function for choices and/or items. */ "sorter": SortFn; /** * Removes highlight from all items. */ "unhighlightAll": () => Promise; /** * Removes highlight from a specific item. */ "unhighlightItem": (item: HTMLElement) => Promise; /** * Text configuration for duplicate/unique item errors. */ "uniqueItemText": UniqueItemText; /** * Initial value of the Choices instance. */ "value": string; /** * Custom function for comparing item/choice values. */ "valueComparer": ValueCompareFunction; } interface IfxSetFilter { /** * User-visible label for the filter control */ "filterLabel": string; /** * Technical name/identifier for this filter */ "filterName": string; /** * Options for select types, either array or string */ "options": any[] | string; /** * Placeholder text shown when no value is entered/selected */ "placeholder": string; /** * Filter control type * @default "text" */ "type": "text" | "single-select" | "multi-select"; } interface IfxSidebar { /** * App name shown in the sidebar header * @default "" */ "applicationName": string; /** * Collapse the sidebar and emit ifxSidebarCollapseChange */ "collapse": () => Promise; /** * Initial/current collapsed state * @default false */ "collapsed": boolean; /** * Enable collapse/expand control * @default false */ "collapsible": boolean; /** * Footer copyright text * @default "© 1999 - " + this.currentYear + " Infineon Technologies AG" */ "copyrightText": string; /** * Expand the sidebar and emit ifxSidebarCollapseChange */ "expand": () => Promise; /** * Link footerHrefTarget for footer links * @default "_blank" */ "footerHrefTarget": string; /** * Label for collapse/hide menu control * @default "Hide Menu" */ "hideMenuLabel": string; /** * URL for "Imprint" link * @default "#" */ "imprint": string; /** * Legacy initial collapse flag * @default true */ "initialCollapse": boolean; /** * Link URL for the logo click action. * @default "" */ "logoHref": string; /** * Where to open the logo link (_self, _blank, _parent). * @default "_self" */ "logoHrefTarget": string; /** * Controls positioning of sidebar * @default "left" */ "position": "left" | "right"; /** * URL for "Privacy Policy" link * @default "#" */ "privacyPolicy": string; /** * Show/hide footer * @default true */ "showFooter": boolean; /** * Show/hide header * @default true */ "showHeader": boolean; /** * URL for "Terms of Use" link * @default "#" */ "termsOfUse": string; /** * Toggle the collapsed state and emit ifxSidebarCollapseChange */ "toggleCollapse": () => Promise; } interface IfxSidebarItem { /** * Marks the item as active * @default false */ "active": boolean; /** * Expand submenu (adds 'open'); if ac=true, remove 'active-section' */ "expandMenu": (ac: boolean) => Promise; /** * Click handler callback; receives the item HTMLElement */ "handleItemClick": (item: HTMLElement) => void; /** * Navigation link href for the item * @default "" */ "href": string; /** * Icon name or URL for the item * @default "" */ "icon": string; /** * Marks as an action item * @default false */ "isActionItem": boolean; /** * Return whether the item is expandable */ "isItemExpandable": () => Promise; /** * Numeric badge indicator value */ "numberIndicator": number; /** * Add 'active' class to the current navigation item */ "setActiveClasses": () => Promise; /** * Link target (e.g., "_self", "_blank") * @default "_self" */ "target": string; } interface IfxSidebarTitle { /** * Show item/content when the sidebar is collapsed * @default false */ "showInCollapsed": boolean; } interface IfxSlider { /** * Accessible label for screen readers. */ "ariaLabelText": string | null; /** * If true, the slider is disabled and not interactive. * @default false */ "disabled": boolean; /** * Optional icon displayed on the left side of the slider. */ "leftIcon": string; /** * Optional text label shown on the left side of the slider. */ "leftText": string; /** * Maximum value allowed for the slider. * @default 100 */ "max": number; /** * Initial value of the right handle for a double slider. */ "maxValueHandle": number; /** * Minimum value allowed for the slider. * @default 0 */ "min": number; /** * Initial value of the left handle for a double slider. */ "minValueHandle": number; /** * If true, the slider is read-only. * @default false */ "readOnly": boolean; /** * Optional icon displayed on the right side of the slider. */ "rightIcon": string; /** * Optional text label shown on the right side of the slider. */ "rightText": string; /** * If true, shows the current value as a percentage. * @default false */ "showPercentage": boolean; /** * Increment step when changing the value. * @default 1 */ "step": number; /** * Slider type: single handle or double handle (range). * @default "single" */ "type": "single" | "double"; /** * Current value for a single-handle slider. */ "value": number; } interface IfxSpinner { /** * Accessible label announced by assistive technologies. * @default null */ "ariaLabelText": string | null; /** * Renders the spinner in inverted color for dark backgrounds. * @default false */ "inverted": boolean; /** * Visual size of the spinner. * @default "m" */ "size": "s" | "m"; /** * Spinner style variant. * @default "default" */ "variant": "default" | "brand"; } interface IfxStatus { /** * If true, shows a border around the status. * @default false */ "border": boolean; /** * Color token used for the status (e.g. orange-500). * @default "orange-500" */ "color": string; /** * Text label displayed inside the status component. */ "label": string; } interface IfxStep { /** * If true, marks this step as completed. * @default false */ "complete"?: boolean; /** * If true, this step is disabled and not clickable. * @default false */ "disabled"?: boolean; /** * If true, this step is in an error state. * @default false */ "error"?: boolean; /** * Whether this is the last step in the stepper. * @default false */ "lastStep": boolean; /** * Numeric identifier / position of this step. * @default 1 */ "stepId": number; /** * Shared configuration for the whole stepper (active step, layout, etc.). * @default { activeStep: 1, showStepNumber: false, variant: "default", indicatorPosition: "left", } */ "stepperState": StepperState; } interface IfxStepper { /** * Currently active step in the stepper. * @default 1 */ "activeStep": number; /** * ARIA current value for the active step (e.g. 'step' or 'page'). */ "ariaCurrentText": string | null; /** * Accessible label for the stepper region. */ "ariaLabelText": string | null; /** * Position of the indicator relative to the step content. * @default "left" */ "indicatorPosition"?: "left" | "right"; /** * If true, displays step numbers inside the indicators. * @default false */ "showStepNumber"?: boolean; /** * Visual layout variant of the stepper (default, compact, or vertical). * @default "default" */ "variant"?: "default" | "compact" | "vertical"; } /** * A toggle switch component for binary on/off states. * This component is form-associated, meaning it can participate in HTML forms * just like native form controls. It supports form validation, form reset, * and browser autofill/restore functionality. * Code organization follows the Stencil Style Guide: * https://stenciljs.com/docs/style-guide * 1. Own Properties (internal, not exposed) * 2. * @Element (reference to host) * 3. * @State (internal reactive state) * 4. * @Prop (public API properties) * 5. * @Event (emitted events) * 6. Lifecycle methods * 7. * @Listen decorators * 8. * @Method (public methods) * 9. Private methods * 10. render() * Framework Integration: * - Vue: Supports v-model binding on the 'checked' property * - Angular: Supports [(ngModel)] and reactive forms (formControl) * - React: Standard prop binding and event handling * Configuration in stencil.config.ts enables framework-specific bindings. */ interface IfxSwitch { /** * Sets the checked state of the switch. * @default false */ "checked": boolean; /** * Disables user interaction when true. * @default false */ "disabled": boolean; /** * Returns the current checked state. */ "isChecked": () => Promise; /** * Form field name. * @default "" */ "name": string; /** * Makes the switch read-only. * @default false */ "readOnly": boolean; /** * Sets the checked state. * @param checked - New checked state. */ "setChecked": (checked: boolean) => Promise; /** * Toggles the checked state. * @returns Resolves when the toggle is complete. */ "toggle": () => Promise; /** * Form field value when checked. If not set, defaults to "on" (standard checkbox behavior). * @default "on" */ "value": string; } interface IfxTab { /** * Disables the tab when true. */ "disabled": boolean; /** * Visible title text displayed in the tab header. */ "header": string; /** * Icon displayed in the tab header. * @default '' */ "icon": string; /** * Position of the Icon relative to the header text. * @default 'left' */ "iconPosition": 'left' | 'right'; /** * Text of the Advanced-Tab-Label */ "label": string; /** * Number of the Advanced-Tab-Number * @default 0 */ "number": number; /** * Makes the tab header stick to the top of its scrolling oontainer * @default false */ "positionSticky": boolean; /** * Subline under the header, only for advanced variant. */ "subline": string; } interface IfxTable { /** * Options for button renderer including click handler. */ "buttonRendererOptions"?: { onButtonClick?: (params: any, event: Event) => void; }; /** * Options for checkbox renderer including click handler. */ "checkboxRendererOptions"?: { onCheckboxClick?: (params: any, event: Event) => void; }; /** * The column definitions for the grid. */ "cols": any; /** * Minimum width for columns. */ "columnMinWidth"?: number; /** * Fixed width for columns. */ "columnWidth"?: string; /** * Enable row selection. * @default false */ "enableSelection": boolean; /** * Filter display orientation (sidebar or inline). * @default "sidebar" */ "filterOrientation": string; /** * Auto-fit columns to container width. * @default false */ "fitColumns": boolean; /** * Headline text displayed above the grid. * @default "" */ "headline": string; /** * Numeric value displayed in headline. * @default null */ "headlineNumber": number; /** * Options for icon button renderer including click handler. */ "iconButtonRendererOptions"?: { onIconButtonClick?: (params: any, event: Event) => void; }; /** * Shows the loading overlay on the grid. * @returns */ "onBtShowLoading": () => Promise; /** * Enable or disable pagination. * @default true */ "pagination": boolean; /** * Number of items per page. */ "paginationItemsPerPage": | string | Array<{ value: number | string; selected?: boolean; label?: string }>; /** * Height of each row. * @default "default" */ "rowHeight": string; /** * The rows definitions for the grid. */ "rows": any; /** * Handler for server-side page changes. */ "serverPageChangeHandler"?: (params: { page: number; pageSize: number; }) => Promise<{ rows: any[]; total: number }>; /** * Enable server-side pagination mode. * @default false */ "serverSidePagination": boolean; /** * Show loading overlay. * @default false */ "showLoading": boolean; /** * Total height of the table. * @default "auto" */ "tableHeight": string; /** * Visual variant of the grid. * @default "default" */ "variant": string; } interface IfxTabs { /** * Index of the currently active tab. * @default 0 */ "activeTabIndex": number; /** * Stretches tabs to evenly fill the available horizontal space. * @default false */ "fullWidth": boolean; /** * Text of the Advanced-Tab-Label */ "label": string; /** * Number of the Advanced-Tab-Number * @default 0 */ "number": number; /** * Orientation of tab list, either horizontal or vertical. * @default "horizontal" */ "orientation": string; /** * Makes the tab header stick to the top of its scrolling oontainer * @default false */ "positionSticky": boolean; /** * Subline under the header, only for advanced variant. */ "subline": string; } interface IfxTemplate { /** * Name of the template field. */ "name": string; /** * Thumbnail image URL or identifier for the template. */ "thumbnail": string; /** * Toggles visibility of this template and hides the currently open one if needed. */ "toggleTemplate": (currTemp: any) => Promise; } interface IfxTemplatesUi { } interface IfxTextField { /** * Native autocomplete attribute value. * @default "on" */ "autocomplete": string; /** * Helper text shown below the text field. * @default "" */ "caption": string; /** * If true, the text field is disabled and not interactive. * @default false */ "disabled": boolean; /** * If true, shows the text field in an error state. * @default false */ "error": boolean; /** * Optional icon shown inside or next to the text field. * @default "" */ "icon": string; /** * Internal ID used to link label and input elements. * @default "text-field" */ "internalId": string; /** * Label text shown above the text field. * @default "" */ "label": string; /** * Maximum number of characters allowed. */ "maxlength"?: number; /** * Name attribute used when submitting the text field in a form. */ "name": string; /** * Placeholder text shown when the field is empty. * @default "Placeholder" */ "placeholder": string; /** * If true, the text field is read-only but focusable. * @default false */ "readOnly": boolean; /** * Whether a value is required (used for validation). * @default false */ "required": boolean; /** * Resets the text field value and clears the underlying input element. */ "reset": () => Promise; /** * If true, shows a delete/clear icon to remove the current value. * @default false */ "showDeleteIcon": boolean; /** * Size of the text field (e.g. s, m, l). * @default "m" */ "size": string; /** * If true, shows the text field in a success/valid state. * @default false */ "success": boolean; /** * Input type for the field (text or password). * @default "text" */ "type": "text" | "password"; /** * Current value of the text field (can be updated programmatically). * @default "" */ "value": string; } interface IfxTextarea { /** * Helper text shown below the textarea. */ "caption": string; /** * Number of visible text columns. */ "cols": number; /** * If true, the textarea is disabled and not interactive. * @default false */ "disabled": boolean; /** * If true, shows the textarea in an error state. * @default false */ "error": boolean; /** * If 'true', the textarea stretches to fill the available width. * @default "false" */ "fullWidth": string; /** * Label text shown above the textarea. */ "label": string; /** * Maximum number of characters allowed. */ "maxlength": number; /** * Name attribute used when submitting the textarea in a form. */ "name": string; /** * Placeholder text shown when the textarea is empty. */ "placeholder": string; /** * If true, the textarea is read-only but focusable. * @default false */ "readOnly": boolean; /** * Whether a value is required (used for validation). * @default false */ "required": boolean; /** * Resets the textarea value to its initial state. */ "reset": () => Promise; /** * How the textarea can be resized by the user. * @default "both" */ "resize": "both" | "horizontal" | "vertical" | "none"; /** * Number of visible text rows. */ "rows": number; /** * Current value of the textarea (can be updated programmatically). * @default "" */ "value": string; /** * How text wrapping is handled in the textarea. * @default "soft" */ "wrap": "hard" | "soft" | "off"; } interface IfxTooltip { /** * If true, appends the tooltip element to document.body for positioning. * @default false */ "appendToBody": boolean; /** * Accessible label for screen readers. */ "ariaLabelText": string | null; /** * Header text displayed at the top of the tooltip. * @default "" */ "header": string; /** * Optional icon displayed in the tooltip. */ "icon": string; /** * Preferred position of the tooltip relative to the trigger element. * @default "auto" */ "position": "bottom-start" | "top-start" | "left" | "bottom-end" | "top-end" | "right" | "bottom" | "top" | "auto"; /** * Main content text displayed inside the tooltip. * @default "" */ "text": string; /** * Visual style variant of the tooltip. * @default "compact" */ "variant": "compact" | "dismissible" | "extended"; } interface IfxTreeView { /** * Accessible label for the tree view container. */ "ariaLabelText": string | null; /** * If true, disables all items in the tree view. * @default false */ "disableAllItems": boolean; /** * If true, expands all items in the tree view. * @default false */ "expandAllItems": boolean; /** * Optional label displayed for the tree view. */ "label"?: string; } interface IfxTreeViewItem { /** * Accessible label for this tree item. */ "ariaLabelText": string | null; /** * If true, the item is disabled and not interactive. * @default false */ "disableItem": boolean; /** * Whether this tree item is currently expanded (shows its children). * @default false */ "expanded": boolean; /** * If true, the item starts in an expanded state. * @default false */ "initiallyExpanded": boolean; /** * If true, the item starts in a selected/checked state. * @default false */ "initiallySelected": boolean; /** * Value associated with this tree item. */ "value": string; } } export interface IfxAccordionItemCustomEvent extends CustomEvent { detail: T; target: HTMLIfxAccordionItemElement; } export interface IfxActionListItemCustomEvent extends CustomEvent { detail: T; target: HTMLIfxActionListItemElement; } export interface IfxAlertCustomEvent extends CustomEvent { detail: T; target: HTMLIfxAlertElement; } export interface IfxBreadcrumbItemLabelCustomEvent extends CustomEvent { detail: T; target: HTMLIfxBreadcrumbItemLabelElement; } export interface IfxCardImageCustomEvent extends CustomEvent { detail: T; target: HTMLIfxCardImageElement; } export interface IfxCheckboxCustomEvent extends CustomEvent { detail: T; target: HTMLIfxCheckboxElement; } export interface IfxChipCustomEvent extends CustomEvent { detail: T; target: HTMLIfxChipElement; } export interface IfxChipItemCustomEvent extends CustomEvent { detail: T; target: HTMLIfxChipItemElement; } export interface IfxContentSwitcherCustomEvent extends CustomEvent { detail: T; target: HTMLIfxContentSwitcherElement; } export interface IfxDatePickerCustomEvent extends CustomEvent { detail: T; target: HTMLIfxDatePickerElement; } export interface IfxDropdownCustomEvent extends CustomEvent { detail: T; target: HTMLIfxDropdownElement; } export interface IfxDropdownItemCustomEvent extends CustomEvent { detail: T; target: HTMLIfxDropdownItemElement; } export interface IfxDropdownMenuCustomEvent extends CustomEvent { detail: T; target: HTMLIfxDropdownMenuElement; } export interface IfxFileUploadCustomEvent extends CustomEvent { detail: T; target: HTMLIfxFileUploadElement; } export interface IfxFilterAccordionCustomEvent extends CustomEvent { detail: T; target: HTMLIfxFilterAccordionElement; } export interface IfxFilterBarCustomEvent extends CustomEvent { detail: T; target: HTMLIfxFilterBarElement; } export interface IfxFilterSearchCustomEvent extends CustomEvent { detail: T; target: HTMLIfxFilterSearchElement; } export interface IfxFilterTypeGroupCustomEvent extends CustomEvent { detail: T; target: HTMLIfxFilterTypeGroupElement; } export interface IfxIconCustomEvent extends CustomEvent { detail: T; target: HTMLIfxIconElement; } export interface IfxListCustomEvent extends CustomEvent { detail: T; target: HTMLIfxListElement; } export interface IfxListEntryCustomEvent extends CustomEvent { detail: T; target: HTMLIfxListEntryElement; } export interface IfxModalCustomEvent extends CustomEvent { detail: T; target: HTMLIfxModalElement; } export interface IfxMultiselectCustomEvent extends CustomEvent { detail: T; target: HTMLIfxMultiselectElement; } export interface IfxNavbarCustomEvent extends CustomEvent { detail: T; target: HTMLIfxNavbarElement; } export interface IfxNavbarItemCustomEvent extends CustomEvent { detail: T; target: HTMLIfxNavbarItemElement; } export interface IfxPaginationCustomEvent extends CustomEvent { detail: T; target: HTMLIfxPaginationElement; } export interface IfxPopoverCustomEvent extends CustomEvent { detail: T; target: HTMLIfxPopoverElement; } export interface IfxRadioButtonCustomEvent extends CustomEvent { detail: T; target: HTMLIfxRadioButtonElement; } export interface IfxSearchBarCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSearchBarElement; } export interface IfxSearchFieldCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSearchFieldElement; } export interface IfxSegmentCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSegmentElement; } export interface IfxSegmentedControlCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSegmentedControlElement; } export interface IfxSelectCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSelectElement; } export interface IfxSetFilterCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSetFilterElement; } export interface IfxSidebarCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSidebarElement; } export interface IfxSidebarItemCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSidebarItemElement; } export interface IfxSliderCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSliderElement; } export interface IfxStepperCustomEvent extends CustomEvent { detail: T; target: HTMLIfxStepperElement; } export interface IfxSwitchCustomEvent extends CustomEvent { detail: T; target: HTMLIfxSwitchElement; } export interface IfxTabCustomEvent extends CustomEvent { detail: T; target: HTMLIfxTabElement; } export interface IfxTableCustomEvent extends CustomEvent { detail: T; target: HTMLIfxTableElement; } export interface IfxTabsCustomEvent extends CustomEvent { detail: T; target: HTMLIfxTabsElement; } export interface IfxTemplateCustomEvent extends CustomEvent { detail: T; target: HTMLIfxTemplateElement; } export interface IfxTextFieldCustomEvent extends CustomEvent { detail: T; target: HTMLIfxTextFieldElement; } export interface IfxTextareaCustomEvent extends CustomEvent { detail: T; target: HTMLIfxTextareaElement; } export interface IfxTreeViewCustomEvent extends CustomEvent { detail: T; target: HTMLIfxTreeViewElement; } export interface IfxTreeViewItemCustomEvent extends CustomEvent { detail: T; target: HTMLIfxTreeViewItemElement; } declare global { interface HTMLIfxAccordionElement extends Components.IfxAccordion, HTMLStencilElement { } var HTMLIfxAccordionElement: { prototype: HTMLIfxAccordionElement; new (): HTMLIfxAccordionElement; }; interface HTMLIfxAccordionItemElementEventMap { "ifxOpen": any; "ifxClose": any; } interface HTMLIfxAccordionItemElement extends Components.IfxAccordionItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxAccordionItemElement, ev: IfxAccordionItemCustomEvent) => 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: HTMLIfxAccordionItemElement, ev: IfxAccordionItemCustomEvent) => 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 HTMLIfxAccordionItemElement: { prototype: HTMLIfxAccordionItemElement; new (): HTMLIfxAccordionItemElement; }; interface HTMLIfxActionListElement extends Components.IfxActionList, HTMLStencilElement { } var HTMLIfxActionListElement: { prototype: HTMLIfxActionListElement; new (): HTMLIfxActionListElement; }; interface HTMLIfxActionListItemElementEventMap { "ifxActionListItemClick": ActionListItemClickEvent; } interface HTMLIfxActionListItemElement extends Components.IfxActionListItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxActionListItemElement, ev: IfxActionListItemCustomEvent) => 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: HTMLIfxActionListItemElement, ev: IfxActionListItemCustomEvent) => 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 HTMLIfxActionListItemElement: { prototype: HTMLIfxActionListItemElement; new (): HTMLIfxActionListItemElement; }; interface HTMLIfxAiLabelElement extends Components.IfxAiLabel, HTMLStencilElement { } var HTMLIfxAiLabelElement: { prototype: HTMLIfxAiLabelElement; new (): HTMLIfxAiLabelElement; }; interface HTMLIfxAlertElementEventMap { "ifxClose": any; } interface HTMLIfxAlertElement extends Components.IfxAlert, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxAlertElement, ev: IfxAlertCustomEvent) => 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: HTMLIfxAlertElement, ev: IfxAlertCustomEvent) => 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 HTMLIfxAlertElement: { prototype: HTMLIfxAlertElement; new (): HTMLIfxAlertElement; }; interface HTMLIfxBasicTableElement extends Components.IfxBasicTable, HTMLStencilElement { } var HTMLIfxBasicTableElement: { prototype: HTMLIfxBasicTableElement; new (): HTMLIfxBasicTableElement; }; interface HTMLIfxBreadcrumbElement extends Components.IfxBreadcrumb, HTMLStencilElement { } var HTMLIfxBreadcrumbElement: { prototype: HTMLIfxBreadcrumbElement; new (): HTMLIfxBreadcrumbElement; }; interface HTMLIfxBreadcrumbItemElement extends Components.IfxBreadcrumbItem, HTMLStencilElement { } var HTMLIfxBreadcrumbItemElement: { prototype: HTMLIfxBreadcrumbItemElement; new (): HTMLIfxBreadcrumbItemElement; }; interface HTMLIfxBreadcrumbItemLabelElementEventMap { "breadcrumbMenuIconWrapper": HTMLElement; } interface HTMLIfxBreadcrumbItemLabelElement extends Components.IfxBreadcrumbItemLabel, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxBreadcrumbItemLabelElement, ev: IfxBreadcrumbItemLabelCustomEvent) => 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: HTMLIfxBreadcrumbItemLabelElement, ev: IfxBreadcrumbItemLabelCustomEvent) => 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 HTMLIfxBreadcrumbItemLabelElement: { prototype: HTMLIfxBreadcrumbItemLabelElement; new (): HTMLIfxBreadcrumbItemLabelElement; }; interface HTMLIfxButtonElement extends Components.IfxButton, HTMLStencilElement { } var HTMLIfxButtonElement: { prototype: HTMLIfxButtonElement; new (): HTMLIfxButtonElement; }; interface HTMLIfxCardElement extends Components.IfxCard, HTMLStencilElement { } var HTMLIfxCardElement: { prototype: HTMLIfxCardElement; new (): HTMLIfxCardElement; }; interface HTMLIfxCardHeadlineElement extends Components.IfxCardHeadline, HTMLStencilElement { } var HTMLIfxCardHeadlineElement: { prototype: HTMLIfxCardHeadlineElement; new (): HTMLIfxCardHeadlineElement; }; interface HTMLIfxCardImageElementEventMap { "imgPosition": any; } interface HTMLIfxCardImageElement extends Components.IfxCardImage, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxCardImageElement, ev: IfxCardImageCustomEvent) => 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: HTMLIfxCardImageElement, ev: IfxCardImageCustomEvent) => 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 HTMLIfxCardImageElement: { prototype: HTMLIfxCardImageElement; new (): HTMLIfxCardImageElement; }; interface HTMLIfxCardLinksElement extends Components.IfxCardLinks, HTMLStencilElement { } var HTMLIfxCardLinksElement: { prototype: HTMLIfxCardLinksElement; new (): HTMLIfxCardLinksElement; }; interface HTMLIfxCardOverlineElement extends Components.IfxCardOverline, HTMLStencilElement { } var HTMLIfxCardOverlineElement: { prototype: HTMLIfxCardOverlineElement; new (): HTMLIfxCardOverlineElement; }; interface HTMLIfxCardTextElement extends Components.IfxCardText, HTMLStencilElement { } var HTMLIfxCardTextElement: { prototype: HTMLIfxCardTextElement; new (): HTMLIfxCardTextElement; }; interface HTMLIfxCheckboxElementEventMap { "ifxChange": boolean; "ifxError": boolean; } interface HTMLIfxCheckboxElement extends Components.IfxCheckbox, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxCheckboxElement, ev: IfxCheckboxCustomEvent) => 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: HTMLIfxCheckboxElement, ev: IfxCheckboxCustomEvent) => 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 HTMLIfxCheckboxElement: { prototype: HTMLIfxCheckboxElement; new (): HTMLIfxCheckboxElement; }; interface HTMLIfxCheckboxGroupElement extends Components.IfxCheckboxGroup, HTMLStencilElement { } var HTMLIfxCheckboxGroupElement: { prototype: HTMLIfxCheckboxGroupElement; new (): HTMLIfxCheckboxGroupElement; }; interface HTMLIfxChipElementEventMap { "ifxChange": { previousSelection: Array; currentSelection: Array; name: string; }; } interface HTMLIfxChipElement extends Components.IfxChip, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxChipElement, ev: IfxChipCustomEvent) => 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: HTMLIfxChipElement, ev: IfxChipCustomEvent) => 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 HTMLIfxChipElement: { prototype: HTMLIfxChipElement; new (): HTMLIfxChipElement; }; interface HTMLIfxChipItemElementEventMap { "ifxChipItemSelect": ChipItemSelectEvent; } interface HTMLIfxChipItemElement extends Components.IfxChipItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxChipItemElement, ev: IfxChipItemCustomEvent) => 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: HTMLIfxChipItemElement, ev: IfxChipItemCustomEvent) => 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 HTMLIfxChipItemElement: { prototype: HTMLIfxChipItemElement; new (): HTMLIfxChipItemElement; }; interface HTMLIfxContentSwitcherElementEventMap { "ifxChange": ChangeEvent; } interface HTMLIfxContentSwitcherElement extends Components.IfxContentSwitcher, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxContentSwitcherElement, ev: IfxContentSwitcherCustomEvent) => 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: HTMLIfxContentSwitcherElement, ev: IfxContentSwitcherCustomEvent) => 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 HTMLIfxContentSwitcherElement: { prototype: HTMLIfxContentSwitcherElement; new (): HTMLIfxContentSwitcherElement; }; interface HTMLIfxContentSwitcherItemElement extends Components.IfxContentSwitcherItem, HTMLStencilElement { } var HTMLIfxContentSwitcherItemElement: { prototype: HTMLIfxContentSwitcherItemElement; new (): HTMLIfxContentSwitcherItemElement; }; interface HTMLIfxDatePickerElementEventMap { "ifxDate": any; } interface HTMLIfxDatePickerElement extends Components.IfxDatePicker, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxDatePickerElement, ev: IfxDatePickerCustomEvent) => 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: HTMLIfxDatePickerElement, ev: IfxDatePickerCustomEvent) => 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 HTMLIfxDatePickerElement: { prototype: HTMLIfxDatePickerElement; new (): HTMLIfxDatePickerElement; }; interface HTMLIfxDownloadElement extends Components.IfxDownload, HTMLStencilElement { } var HTMLIfxDownloadElement: { prototype: HTMLIfxDownloadElement; new (): HTMLIfxDownloadElement; }; interface HTMLIfxDropdownElementEventMap { "ifxOpen": any; "ifxClose": any; "ifxDropdown": any; } interface HTMLIfxDropdownElement extends Components.IfxDropdown, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxDropdownElement, ev: IfxDropdownCustomEvent) => 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: HTMLIfxDropdownElement, ev: IfxDropdownCustomEvent) => 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 HTMLIfxDropdownElement: { prototype: HTMLIfxDropdownElement; new (): HTMLIfxDropdownElement; }; interface HTMLIfxDropdownHeaderElement extends Components.IfxDropdownHeader, HTMLStencilElement { } var HTMLIfxDropdownHeaderElement: { prototype: HTMLIfxDropdownHeaderElement; new (): HTMLIfxDropdownHeaderElement; }; interface HTMLIfxDropdownItemElementEventMap { "ifxDropdownItem": any; } interface HTMLIfxDropdownItemElement extends Components.IfxDropdownItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxDropdownItemElement, ev: IfxDropdownItemCustomEvent) => 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: HTMLIfxDropdownItemElement, ev: IfxDropdownItemCustomEvent) => 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 HTMLIfxDropdownItemElement: { prototype: HTMLIfxDropdownItemElement; new (): HTMLIfxDropdownItemElement; }; interface HTMLIfxDropdownMenuElementEventMap { "menuSize": any; "ifxDropdownMenuItem": CustomEvent; } interface HTMLIfxDropdownMenuElement extends Components.IfxDropdownMenu, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxDropdownMenuElement, ev: IfxDropdownMenuCustomEvent) => 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: HTMLIfxDropdownMenuElement, ev: IfxDropdownMenuCustomEvent) => 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 HTMLIfxDropdownMenuElement: { prototype: HTMLIfxDropdownMenuElement; new (): HTMLIfxDropdownMenuElement; }; interface HTMLIfxDropdownSeparatorElement extends Components.IfxDropdownSeparator, HTMLStencilElement { } var HTMLIfxDropdownSeparatorElement: { prototype: HTMLIfxDropdownSeparatorElement; new (): HTMLIfxDropdownSeparatorElement; }; interface HTMLIfxDropdownTriggerElement extends Components.IfxDropdownTrigger, HTMLStencilElement { } var HTMLIfxDropdownTriggerElement: { prototype: HTMLIfxDropdownTriggerElement; new (): HTMLIfxDropdownTriggerElement; }; interface HTMLIfxDropdownTriggerButtonElement extends Components.IfxDropdownTriggerButton, HTMLStencilElement { } var HTMLIfxDropdownTriggerButtonElement: { prototype: HTMLIfxDropdownTriggerButtonElement; new (): HTMLIfxDropdownTriggerButtonElement; }; interface HTMLIfxErrorPageElement extends Components.IfxErrorPage, HTMLStencilElement { } var HTMLIfxErrorPageElement: { prototype: HTMLIfxErrorPageElement; new (): HTMLIfxErrorPageElement; }; interface HTMLIfxFileUploadElementEventMap { "ifxFileUploadAdd": { addedFiles: File[]; files: File[]; }; "ifxFileUploadRemove": { removedFile: File; files: File[]; }; "ifxFileUploadChange": { files: File[] }; "ifxFileUploadError": { errorType: string; file: File; message: string; reason?: string; }; "ifxFileUploadInvalid": { file: File; reason: string }; "ifxFileUploadStart": { file: File }; "ifxFileUploadComplete": { file: File }; "ifxFileUploadAllComplete": { files: File[] }; "ifxFileUploadAbort": { file: File }; "ifxFileUploadDrop": { droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[]; }; "ifxFileUploadClick": void; "ifxFileUploadMaxFilesExceeded": { maxFiles: number; attempted: number; }; "ifxFileUploadValidation": { valid: boolean }; "ifxFileUploadRetry": { file: File }; } interface HTMLIfxFileUploadElement extends Components.IfxFileUpload, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxFileUploadElement, ev: IfxFileUploadCustomEvent) => 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: HTMLIfxFileUploadElement, ev: IfxFileUploadCustomEvent) => 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 HTMLIfxFileUploadElement: { prototype: HTMLIfxFileUploadElement; new (): HTMLIfxFileUploadElement; }; interface HTMLIfxFilterAccordionElementEventMap { "ifxFilterAccordionChange": any; } interface HTMLIfxFilterAccordionElement extends Components.IfxFilterAccordion, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxFilterAccordionElement, ev: IfxFilterAccordionCustomEvent) => 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: HTMLIfxFilterAccordionElement, ev: IfxFilterAccordionCustomEvent) => 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 HTMLIfxFilterAccordionElement: { prototype: HTMLIfxFilterAccordionElement; new (): HTMLIfxFilterAccordionElement; }; interface HTMLIfxFilterBarElementEventMap { "ifxTopbarFilterChange": any; } interface HTMLIfxFilterBarElement extends Components.IfxFilterBar, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxFilterBarElement, ev: IfxFilterBarCustomEvent) => 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: HTMLIfxFilterBarElement, ev: IfxFilterBarCustomEvent) => 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 HTMLIfxFilterBarElement: { prototype: HTMLIfxFilterBarElement; new (): HTMLIfxFilterBarElement; }; interface HTMLIfxFilterSearchElementEventMap { "ifxFilterSearchChange": any; } interface HTMLIfxFilterSearchElement extends Components.IfxFilterSearch, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxFilterSearchElement, ev: IfxFilterSearchCustomEvent) => 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: HTMLIfxFilterSearchElement, ev: IfxFilterSearchCustomEvent) => 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 HTMLIfxFilterSearchElement: { prototype: HTMLIfxFilterSearchElement; new (): HTMLIfxFilterSearchElement; }; interface HTMLIfxFilterTypeGroupElementEventMap { "ifxSidebarFilterChange": any; } interface HTMLIfxFilterTypeGroupElement extends Components.IfxFilterTypeGroup, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxFilterTypeGroupElement, ev: IfxFilterTypeGroupCustomEvent) => 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: HTMLIfxFilterTypeGroupElement, ev: IfxFilterTypeGroupCustomEvent) => 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 HTMLIfxFilterTypeGroupElement: { prototype: HTMLIfxFilterTypeGroupElement; new (): HTMLIfxFilterTypeGroupElement; }; interface HTMLIfxFooterElement extends Components.IfxFooter, HTMLStencilElement { } var HTMLIfxFooterElement: { prototype: HTMLIfxFooterElement; new (): HTMLIfxFooterElement; }; interface HTMLIfxFooterColumnElement extends Components.IfxFooterColumn, HTMLStencilElement { } var HTMLIfxFooterColumnElement: { prototype: HTMLIfxFooterColumnElement; new (): HTMLIfxFooterColumnElement; }; interface HTMLIfxIconElementEventMap { "consoleError": boolean; } interface HTMLIfxIconElement extends Components.IfxIcon, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxIconElement, ev: IfxIconCustomEvent) => 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: HTMLIfxIconElement, ev: IfxIconCustomEvent) => 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 HTMLIfxIconElement: { prototype: HTMLIfxIconElement; new (): HTMLIfxIconElement; }; interface HTMLIfxIconButtonElement extends Components.IfxIconButton, HTMLStencilElement { } var HTMLIfxIconButtonElement: { prototype: HTMLIfxIconButtonElement; new (): HTMLIfxIconButtonElement; }; interface HTMLIfxIconsPreviewElement extends Components.IfxIconsPreview, HTMLStencilElement { } var HTMLIfxIconsPreviewElement: { prototype: HTMLIfxIconsPreviewElement; new (): HTMLIfxIconsPreviewElement; }; interface HTMLIfxIndicatorElement extends Components.IfxIndicator, HTMLStencilElement { } var HTMLIfxIndicatorElement: { prototype: HTMLIfxIndicatorElement; new (): HTMLIfxIndicatorElement; }; interface HTMLIfxLinkElement extends Components.IfxLink, HTMLStencilElement { } var HTMLIfxLinkElement: { prototype: HTMLIfxLinkElement; new (): HTMLIfxLinkElement; }; interface HTMLIfxListElementEventMap { "ifxListUpdate": any; } interface HTMLIfxListElement extends Components.IfxList, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxListElement, ev: IfxListCustomEvent) => 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: HTMLIfxListElement, ev: IfxListCustomEvent) => 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 HTMLIfxListElement: { prototype: HTMLIfxListElement; new (): HTMLIfxListElement; }; interface HTMLIfxListEntryElementEventMap { "ifxListEntryChange": any; } interface HTMLIfxListEntryElement extends Components.IfxListEntry, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxListEntryElement, ev: IfxListEntryCustomEvent) => 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: HTMLIfxListEntryElement, ev: IfxListEntryCustomEvent) => 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 HTMLIfxListEntryElement: { prototype: HTMLIfxListEntryElement; new (): HTMLIfxListEntryElement; }; interface HTMLIfxModalElementEventMap { "ifxOpen": any; "ifxClose": any; "ifxOpenedChange": { opened: boolean }; } interface HTMLIfxModalElement extends Components.IfxModal, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxModalElement, ev: IfxModalCustomEvent) => 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: HTMLIfxModalElement, ev: IfxModalCustomEvent) => 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 HTMLIfxModalElement: { prototype: HTMLIfxModalElement; new (): HTMLIfxModalElement; }; interface HTMLIfxMultiselectElementEventMap { "ifxSelect": any; "ifxOpen": any; } interface HTMLIfxMultiselectElement extends Components.IfxMultiselect, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxMultiselectElement, ev: IfxMultiselectCustomEvent) => 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: HTMLIfxMultiselectElement, ev: IfxMultiselectCustomEvent) => 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 HTMLIfxMultiselectElement: { prototype: HTMLIfxMultiselectElement; new (): HTMLIfxMultiselectElement; }; interface HTMLIfxMultiselectOptionElement extends Components.IfxMultiselectOption, HTMLStencilElement { } var HTMLIfxMultiselectOptionElement: { prototype: HTMLIfxMultiselectOptionElement; new (): HTMLIfxMultiselectOptionElement; }; interface HTMLIfxNavbarElementEventMap { "ifxNavbarMobileMenuIsOpen": any; } interface HTMLIfxNavbarElement extends Components.IfxNavbar, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxNavbarElement, ev: IfxNavbarCustomEvent) => 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: HTMLIfxNavbarElement, ev: IfxNavbarCustomEvent) => 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 HTMLIfxNavbarElement: { prototype: HTMLIfxNavbarElement; new (): HTMLIfxNavbarElement; }; interface HTMLIfxNavbarItemElementEventMap { "ifxNavItem": any; } interface HTMLIfxNavbarItemElement extends Components.IfxNavbarItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxNavbarItemElement, ev: IfxNavbarItemCustomEvent) => 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: HTMLIfxNavbarItemElement, ev: IfxNavbarItemCustomEvent) => 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 HTMLIfxNavbarItemElement: { prototype: HTMLIfxNavbarItemElement; new (): HTMLIfxNavbarItemElement; }; interface HTMLIfxNavbarProfileElement extends Components.IfxNavbarProfile, HTMLStencilElement { } var HTMLIfxNavbarProfileElement: { prototype: HTMLIfxNavbarProfileElement; new (): HTMLIfxNavbarProfileElement; }; interface HTMLIfxNotificationElement extends Components.IfxNotification, HTMLStencilElement { } var HTMLIfxNotificationElement: { prototype: HTMLIfxNotificationElement; new (): HTMLIfxNotificationElement; }; interface HTMLIfxOverviewTableElement extends Components.IfxOverviewTable, HTMLStencilElement { } var HTMLIfxOverviewTableElement: { prototype: HTMLIfxOverviewTableElement; new (): HTMLIfxOverviewTableElement; }; interface HTMLIfxPaginationElementEventMap { "ifxPageChange": any; "ifxItemsPerPageChange": any; } interface HTMLIfxPaginationElement extends Components.IfxPagination, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxPaginationElement, ev: IfxPaginationCustomEvent) => 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: HTMLIfxPaginationElement, ev: IfxPaginationCustomEvent) => 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 HTMLIfxPaginationElement: { prototype: HTMLIfxPaginationElement; new (): HTMLIfxPaginationElement; }; interface HTMLIfxPopoverElementEventMap { "ifxOpen": { trigger: HTMLElement | null }; "ifxClose": any; } interface HTMLIfxPopoverElement extends Components.IfxPopover, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxPopoverElement, ev: IfxPopoverCustomEvent) => 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: HTMLIfxPopoverElement, ev: IfxPopoverCustomEvent) => 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 HTMLIfxPopoverElement: { prototype: HTMLIfxPopoverElement; new (): HTMLIfxPopoverElement; }; interface HTMLIfxProgressBarElement extends Components.IfxProgressBar, HTMLStencilElement { } var HTMLIfxProgressBarElement: { prototype: HTMLIfxProgressBarElement; new (): HTMLIfxProgressBarElement; }; interface HTMLIfxRadioButtonElementEventMap { "ifxChange": any; "ifxError": any; } interface HTMLIfxRadioButtonElement extends Components.IfxRadioButton, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxRadioButtonElement, ev: IfxRadioButtonCustomEvent) => 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: HTMLIfxRadioButtonElement, ev: IfxRadioButtonCustomEvent) => 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 HTMLIfxRadioButtonElement: { prototype: HTMLIfxRadioButtonElement; new (): HTMLIfxRadioButtonElement; }; interface HTMLIfxRadioButtonGroupElement extends Components.IfxRadioButtonGroup, HTMLStencilElement { } var HTMLIfxRadioButtonGroupElement: { prototype: HTMLIfxRadioButtonGroupElement; new (): HTMLIfxRadioButtonGroupElement; }; interface HTMLIfxSearchBarElementEventMap { "ifxInput": any; "ifxOpen": any; } interface HTMLIfxSearchBarElement extends Components.IfxSearchBar, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSearchBarElement, ev: IfxSearchBarCustomEvent) => 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: HTMLIfxSearchBarElement, ev: IfxSearchBarCustomEvent) => 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 HTMLIfxSearchBarElement: { prototype: HTMLIfxSearchBarElement; new (): HTMLIfxSearchBarElement; }; interface HTMLIfxSearchFieldElementEventMap { "ifxInput": string; "ifxSuggestionRequested": string; "ifxSuggestionSelected": SuggestionItem; "ifxFocus": void; "ifxBlur": void; } interface HTMLIfxSearchFieldElement extends Components.IfxSearchField, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSearchFieldElement, ev: IfxSearchFieldCustomEvent) => 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: HTMLIfxSearchFieldElement, ev: IfxSearchFieldCustomEvent) => 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 HTMLIfxSearchFieldElement: { prototype: HTMLIfxSearchFieldElement; new (): HTMLIfxSearchFieldElement; }; interface HTMLIfxSegmentElementEventMap { "segmentSelect": number; } interface HTMLIfxSegmentElement extends Components.IfxSegment, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSegmentElement, ev: IfxSegmentCustomEvent) => 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: HTMLIfxSegmentElement, ev: IfxSegmentCustomEvent) => 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 HTMLIfxSegmentElement: { prototype: HTMLIfxSegmentElement; new (): HTMLIfxSegmentElement; }; interface HTMLIfxSegmentedControlElementEventMap { "ifxChange": { previousValue: string; selectedValue: string; }; } interface HTMLIfxSegmentedControlElement extends Components.IfxSegmentedControl, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSegmentedControlElement, ev: IfxSegmentedControlCustomEvent) => 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: HTMLIfxSegmentedControlElement, ev: IfxSegmentedControlCustomEvent) => 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 HTMLIfxSegmentedControlElement: { prototype: HTMLIfxSegmentedControlElement; new (): HTMLIfxSegmentedControlElement; }; interface HTMLIfxSelectElementEventMap { "ifxSelect": CustomEvent; "ifxInput": CustomEvent; } interface HTMLIfxSelectElement extends Components.IfxSelect, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSelectElement, ev: IfxSelectCustomEvent) => 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: HTMLIfxSelectElement, ev: IfxSelectCustomEvent) => 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 HTMLIfxSelectElement: { prototype: HTMLIfxSelectElement; new (): HTMLIfxSelectElement; }; interface HTMLIfxSetFilterElementEventMap { "ifxFilterSelect": any; } interface HTMLIfxSetFilterElement extends Components.IfxSetFilter, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSetFilterElement, ev: IfxSetFilterCustomEvent) => 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: HTMLIfxSetFilterElement, ev: IfxSetFilterCustomEvent) => 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 HTMLIfxSetFilterElement: { prototype: HTMLIfxSetFilterElement; new (): HTMLIfxSetFilterElement; }; interface HTMLIfxSidebarElementEventMap { "ifxSidebarCollapseChange": { collapsed: boolean }; "ifxSidebarLogoClick": any; } interface HTMLIfxSidebarElement extends Components.IfxSidebar, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSidebarElement, ev: IfxSidebarCustomEvent) => 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: HTMLIfxSidebarElement, ev: IfxSidebarCustomEvent) => 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 HTMLIfxSidebarElement: { prototype: HTMLIfxSidebarElement; new (): HTMLIfxSidebarElement; }; interface HTMLIfxSidebarItemElementEventMap { "ifxSidebarMenu": any; "ifxSidebarNavigationItem": any; "ifxSidebarActionItem": any; } interface HTMLIfxSidebarItemElement extends Components.IfxSidebarItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSidebarItemElement, ev: IfxSidebarItemCustomEvent) => 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: HTMLIfxSidebarItemElement, ev: IfxSidebarItemCustomEvent) => 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 HTMLIfxSidebarItemElement: { prototype: HTMLIfxSidebarItemElement; new (): HTMLIfxSidebarItemElement; }; interface HTMLIfxSidebarTitleElement extends Components.IfxSidebarTitle, HTMLStencilElement { } var HTMLIfxSidebarTitleElement: { prototype: HTMLIfxSidebarTitleElement; new (): HTMLIfxSidebarTitleElement; }; interface HTMLIfxSliderElementEventMap { "ifxChange": any; } interface HTMLIfxSliderElement extends Components.IfxSlider, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSliderElement, ev: IfxSliderCustomEvent) => 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: HTMLIfxSliderElement, ev: IfxSliderCustomEvent) => 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 HTMLIfxSliderElement: { prototype: HTMLIfxSliderElement; new (): HTMLIfxSliderElement; }; interface HTMLIfxSpinnerElement extends Components.IfxSpinner, HTMLStencilElement { } var HTMLIfxSpinnerElement: { prototype: HTMLIfxSpinnerElement; new (): HTMLIfxSpinnerElement; }; interface HTMLIfxStatusElement extends Components.IfxStatus, HTMLStencilElement { } var HTMLIfxStatusElement: { prototype: HTMLIfxStatusElement; new (): HTMLIfxStatusElement; }; interface HTMLIfxStepElement extends Components.IfxStep, HTMLStencilElement { } var HTMLIfxStepElement: { prototype: HTMLIfxStepElement; new (): HTMLIfxStepElement; }; interface HTMLIfxStepperElementEventMap { "ifxChange": any; } interface HTMLIfxStepperElement extends Components.IfxStepper, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxStepperElement, ev: IfxStepperCustomEvent) => 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: HTMLIfxStepperElement, ev: IfxStepperCustomEvent) => 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 HTMLIfxStepperElement: { prototype: HTMLIfxStepperElement; new (): HTMLIfxStepperElement; }; interface HTMLIfxSwitchElementEventMap { "ifxChange": boolean; } /** * A toggle switch component for binary on/off states. * This component is form-associated, meaning it can participate in HTML forms * just like native form controls. It supports form validation, form reset, * and browser autofill/restore functionality. * Code organization follows the Stencil Style Guide: * https://stenciljs.com/docs/style-guide * 1. Own Properties (internal, not exposed) * 2. * @Element (reference to host) * 3. * @State (internal reactive state) * 4. * @Prop (public API properties) * 5. * @Event (emitted events) * 6. Lifecycle methods * 7. * @Listen decorators * 8. * @Method (public methods) * 9. Private methods * 10. render() * Framework Integration: * - Vue: Supports v-model binding on the 'checked' property * - Angular: Supports [(ngModel)] and reactive forms (formControl) * - React: Standard prop binding and event handling * Configuration in stencil.config.ts enables framework-specific bindings. */ interface HTMLIfxSwitchElement extends Components.IfxSwitch, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxSwitchElement, ev: IfxSwitchCustomEvent) => 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: HTMLIfxSwitchElement, ev: IfxSwitchCustomEvent) => 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 HTMLIfxSwitchElement: { prototype: HTMLIfxSwitchElement; new (): HTMLIfxSwitchElement; }; interface HTMLIfxTabElementEventMap { "tabHeaderChange": any; } interface HTMLIfxTabElement extends Components.IfxTab, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxTabElement, ev: IfxTabCustomEvent) => 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: HTMLIfxTabElement, ev: IfxTabCustomEvent) => 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 HTMLIfxTabElement: { prototype: HTMLIfxTabElement; new (): HTMLIfxTabElement; }; interface HTMLIfxTableElementEventMap { "ifxSortChange": any; } interface HTMLIfxTableElement extends Components.IfxTable, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxTableElement, ev: IfxTableCustomEvent) => 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: HTMLIfxTableElement, ev: IfxTableCustomEvent) => 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 HTMLIfxTableElement: { prototype: HTMLIfxTableElement; new (): HTMLIfxTableElement; }; interface HTMLIfxTabsElementEventMap { "ifxChange": any; } interface HTMLIfxTabsElement extends Components.IfxTabs, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxTabsElement, ev: IfxTabsCustomEvent) => 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: HTMLIfxTabsElement, ev: IfxTabsCustomEvent) => 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 HTMLIfxTabsElement: { prototype: HTMLIfxTabsElement; new (): HTMLIfxTabsElement; }; interface HTMLIfxTemplateElementEventMap { "toggleTemplates": any; "fieldError": any; } interface HTMLIfxTemplateElement extends Components.IfxTemplate, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxTemplateElement, ev: IfxTemplateCustomEvent) => 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: HTMLIfxTemplateElement, ev: IfxTemplateCustomEvent) => 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 HTMLIfxTemplateElement: { prototype: HTMLIfxTemplateElement; new (): HTMLIfxTemplateElement; }; interface HTMLIfxTemplatesUiElement extends Components.IfxTemplatesUi, HTMLStencilElement { } var HTMLIfxTemplatesUiElement: { prototype: HTMLIfxTemplatesUiElement; new (): HTMLIfxTemplatesUiElement; }; interface HTMLIfxTextFieldElementEventMap { "ifxInput": string; } interface HTMLIfxTextFieldElement extends Components.IfxTextField, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxTextFieldElement, ev: IfxTextFieldCustomEvent) => 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: HTMLIfxTextFieldElement, ev: IfxTextFieldCustomEvent) => 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 HTMLIfxTextFieldElement: { prototype: HTMLIfxTextFieldElement; new (): HTMLIfxTextFieldElement; }; interface HTMLIfxTextareaElementEventMap { "ifxInput": string; } interface HTMLIfxTextareaElement extends Components.IfxTextarea, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxTextareaElement, ev: IfxTextareaCustomEvent) => 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: HTMLIfxTextareaElement, ev: IfxTextareaCustomEvent) => 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 HTMLIfxTextareaElement: { prototype: HTMLIfxTextareaElement; new (): HTMLIfxTextareaElement; }; interface HTMLIfxTooltipElement extends Components.IfxTooltip, HTMLStencilElement { } var HTMLIfxTooltipElement: { prototype: HTMLIfxTooltipElement; new (): HTMLIfxTooltipElement; }; interface HTMLIfxTreeViewElementEventMap { "ifxTreeViewExpandAllChange": boolean; "ifxTreeViewDisableAllChange": boolean; } interface HTMLIfxTreeViewElement extends Components.IfxTreeView, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxTreeViewElement, ev: IfxTreeViewCustomEvent) => 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: HTMLIfxTreeViewElement, ev: IfxTreeViewCustomEvent) => 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 HTMLIfxTreeViewElement: { prototype: HTMLIfxTreeViewElement; new (): HTMLIfxTreeViewElement; }; interface HTMLIfxTreeViewItemElementEventMap { "ifxTreeViewItemExpandChange": TreeViewExpandChangeEvent; "ifxTreeViewItemCheckChange": TreeViewCheckChangeEvent; "ifxTreeViewItemDisableChange": TreeViewDisableChangeEvent; } interface HTMLIfxTreeViewItemElement extends Components.IfxTreeViewItem, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIfxTreeViewItemElement, ev: IfxTreeViewItemCustomEvent) => 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: HTMLIfxTreeViewItemElement, ev: IfxTreeViewItemCustomEvent) => 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 HTMLIfxTreeViewItemElement: { prototype: HTMLIfxTreeViewItemElement; new (): HTMLIfxTreeViewItemElement; }; interface HTMLElementTagNameMap { "ifx-accordion": HTMLIfxAccordionElement; "ifx-accordion-item": HTMLIfxAccordionItemElement; "ifx-action-list": HTMLIfxActionListElement; "ifx-action-list-item": HTMLIfxActionListItemElement; "ifx-ai-label": HTMLIfxAiLabelElement; "ifx-alert": HTMLIfxAlertElement; "ifx-basic-table": HTMLIfxBasicTableElement; "ifx-breadcrumb": HTMLIfxBreadcrumbElement; "ifx-breadcrumb-item": HTMLIfxBreadcrumbItemElement; "ifx-breadcrumb-item-label": HTMLIfxBreadcrumbItemLabelElement; "ifx-button": HTMLIfxButtonElement; "ifx-card": HTMLIfxCardElement; "ifx-card-headline": HTMLIfxCardHeadlineElement; "ifx-card-image": HTMLIfxCardImageElement; "ifx-card-links": HTMLIfxCardLinksElement; "ifx-card-overline": HTMLIfxCardOverlineElement; "ifx-card-text": HTMLIfxCardTextElement; "ifx-checkbox": HTMLIfxCheckboxElement; "ifx-checkbox-group": HTMLIfxCheckboxGroupElement; "ifx-chip": HTMLIfxChipElement; "ifx-chip-item": HTMLIfxChipItemElement; "ifx-content-switcher": HTMLIfxContentSwitcherElement; "ifx-content-switcher-item": HTMLIfxContentSwitcherItemElement; "ifx-date-picker": HTMLIfxDatePickerElement; "ifx-download": HTMLIfxDownloadElement; "ifx-dropdown": HTMLIfxDropdownElement; "ifx-dropdown-header": HTMLIfxDropdownHeaderElement; "ifx-dropdown-item": HTMLIfxDropdownItemElement; "ifx-dropdown-menu": HTMLIfxDropdownMenuElement; "ifx-dropdown-separator": HTMLIfxDropdownSeparatorElement; "ifx-dropdown-trigger": HTMLIfxDropdownTriggerElement; "ifx-dropdown-trigger-button": HTMLIfxDropdownTriggerButtonElement; "ifx-error-page": HTMLIfxErrorPageElement; "ifx-file-upload": HTMLIfxFileUploadElement; "ifx-filter-accordion": HTMLIfxFilterAccordionElement; "ifx-filter-bar": HTMLIfxFilterBarElement; "ifx-filter-search": HTMLIfxFilterSearchElement; "ifx-filter-type-group": HTMLIfxFilterTypeGroupElement; "ifx-footer": HTMLIfxFooterElement; "ifx-footer-column": HTMLIfxFooterColumnElement; "ifx-icon": HTMLIfxIconElement; "ifx-icon-button": HTMLIfxIconButtonElement; "ifx-icons-preview": HTMLIfxIconsPreviewElement; "ifx-indicator": HTMLIfxIndicatorElement; "ifx-link": HTMLIfxLinkElement; "ifx-list": HTMLIfxListElement; "ifx-list-entry": HTMLIfxListEntryElement; "ifx-modal": HTMLIfxModalElement; "ifx-multiselect": HTMLIfxMultiselectElement; "ifx-multiselect-option": HTMLIfxMultiselectOptionElement; "ifx-navbar": HTMLIfxNavbarElement; "ifx-navbar-item": HTMLIfxNavbarItemElement; "ifx-navbar-profile": HTMLIfxNavbarProfileElement; "ifx-notification": HTMLIfxNotificationElement; "ifx-overview-table": HTMLIfxOverviewTableElement; "ifx-pagination": HTMLIfxPaginationElement; "ifx-popover": HTMLIfxPopoverElement; "ifx-progress-bar": HTMLIfxProgressBarElement; "ifx-radio-button": HTMLIfxRadioButtonElement; "ifx-radio-button-group": HTMLIfxRadioButtonGroupElement; "ifx-search-bar": HTMLIfxSearchBarElement; "ifx-search-field": HTMLIfxSearchFieldElement; "ifx-segment": HTMLIfxSegmentElement; "ifx-segmented-control": HTMLIfxSegmentedControlElement; "ifx-select": HTMLIfxSelectElement; "ifx-set-filter": HTMLIfxSetFilterElement; "ifx-sidebar": HTMLIfxSidebarElement; "ifx-sidebar-item": HTMLIfxSidebarItemElement; "ifx-sidebar-title": HTMLIfxSidebarTitleElement; "ifx-slider": HTMLIfxSliderElement; "ifx-spinner": HTMLIfxSpinnerElement; "ifx-status": HTMLIfxStatusElement; "ifx-step": HTMLIfxStepElement; "ifx-stepper": HTMLIfxStepperElement; "ifx-switch": HTMLIfxSwitchElement; "ifx-tab": HTMLIfxTabElement; "ifx-table": HTMLIfxTableElement; "ifx-tabs": HTMLIfxTabsElement; "ifx-template": HTMLIfxTemplateElement; "ifx-templates-ui": HTMLIfxTemplatesUiElement; "ifx-text-field": HTMLIfxTextFieldElement; "ifx-textarea": HTMLIfxTextareaElement; "ifx-tooltip": HTMLIfxTooltipElement; "ifx-tree-view": HTMLIfxTreeViewElement; "ifx-tree-view-item": HTMLIfxTreeViewItemElement; } } 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 IfxAccordion { /** * Collapse the other items when one item is opened. * @default false */ "autoCollapse"?: boolean; } interface IfxAccordionItem { /** * The aria-level attribute for the accordion item header. * @default 3 */ "ariaLevelNumber"?: number; /** * The caption of the accordion item. */ "caption"?: string; /** * The icon to be displayed in the accordion item header. * @default "" */ "icon"?: string; /** * Event emitted when an accordion item is closed. */ "onIfxClose"?: (event: IfxAccordionItemCustomEvent) => void; /** * Event emitted when accordion is opened. */ "onIfxOpen"?: (event: IfxAccordionItemCustomEvent) => void; /** * Set the open attribute to open the accordion item. * @default false */ "open"?: boolean; } interface IfxActionList { /** * Aria label for accessibility support */ "listAriaLabel"?: string; } interface IfxActionListItem { /** * The description text displayed below the title */ "description"?: string; /** * Controls whether the item is disabled * @default false */ "disabled"?: boolean; /** * URL to navigate to when item is clicked */ "href"?: string; /** * Aria label for accessibility support */ "itemAriaLabel"?: string; /** * The title text displayed in the item */ "itemTitle"?: string; /** * Event emitted when the main item area is clicked */ "onIfxActionListItemClick"?: (event: IfxActionListItemCustomEvent) => void; /** * Target for the link navigation * @default '_self' */ "target"?: string; /** * Value associated with this item */ "value"?: string; } interface IfxAiLabel { /** * Determines whether to show a divider line * @default true */ "divider"?: boolean; /** * Display variant - either label or icon * @default 'label' */ "variant"?: 'label' | 'icon'; } interface IfxAlert { /** * Aria live region setting for accessibility announcements. * @default "assertive" */ "AriaLiveText"?: "assertive"; /** * Wether the component can be closed by the user. * @default true */ "closable"?: boolean; /** * Name or identifier of the icon to display. */ "icon"?: string; /** * Event emitted when the component is closed. */ "onIfxClose"?: (event: IfxAlertCustomEvent) => void; /** * Visual style variant of the component. * @default "primary" */ "variant"?: "primary" | "success" | "danger" | "warning" | "info"; } interface IfxBasicTable { /** * Column definitions for the table (array or JSON string). */ "cols"?: any[] | string; /** * Row height preset (e.g. default, compact). * @default "default" */ "rowHeight"?: string; /** * Row data for the table (array or JSON string). */ "rows"?: any[] | string; /** * Overall table height (e.g. fixed px value or 'auto'). * @default "auto" */ "tableHeight"?: string; /** * Visual style variant of the table (e.g. default, compact). * @default "default" */ "variant"?: string; } interface IfxBreadcrumb { } interface IfxBreadcrumbItem { } interface IfxBreadcrumbItemLabel { /** * URL the breadcrumb item links to. */ "href"?: string; /** * Icon displayed inside the breadcrumb item. */ "icon"?: string; /** * Fires with the icon wrapper element when it's ready. */ "onBreadcrumbMenuIconWrapper"?: (event: IfxBreadcrumbItemLabelCustomEvent) => void; /** * Where to open the link. * @default "_self" */ "target"?: string; } interface IfxButton { /** * Accessible label for screen readers when text is not enough */ "ariaLabelText"?: string | null; /** * Wether the button is disabled and not clickable. * @default false */ "disabled"?: boolean; /** * If true, button stretches to fill the available width. * @default false */ "fullWidth"?: boolean; /** * URL the Button should navigate to when clicked. */ "href"?: string; /** * Button size (xs, s, m, l). * @default "m" */ "size"?: string; /** * Where to open the link. * @default "_self" */ "target"?: string; /** * Color theme of the button. * @default "default" */ "theme"?: "default" | "danger" | "inverse"; /** * Native button type. * @default "button" */ "type"?: "button" | "submit" | "reset"; /** * Button style level (visual prominence). * @default "primary" */ "variant"?: "primary" | "secondary" | "tertiary"; } interface IfxCard { /** * Accessible label for screen readers. * @default "" */ "ariaLabelText"?: string | null; /** * Layout direction of the card. * @default "vertical" */ "direction"?: "horizontal" | "vertical"; /** * If true, Card stretches to fill the available width. * @default false */ "fullWidth"?: boolean; /** * Link the card should navigate to when clicked. * @default "" */ "href"?: string; /** * Where to open the link. * @default "_self" */ "target"?: string; } interface IfxCardHeadline { } interface IfxCardImage { /** * Text description of the image for screen readers. */ "alt"?: string; /** * Emits the image position when it changes or is set. */ "onImgPosition"?: (event: IfxCardImageCustomEvent) => void; /** * Image position. */ "position"?: string; /** * Image source URL. */ "src"?: string; } interface IfxCardLinks { } interface IfxCardOverline { } interface IfxCardText { } interface IfxCheckbox { /** * The state of the checkbox. When true, the checkbox is checked; when false, it is unchecked. * @default false */ "checked"?: boolean; /** * Indicates whether the checkbox is disabled. When true, the checkbox cannot be interacted with and will have a disabled appearance. * @default false */ "disabled"?: boolean; /** * Indicates whether the checkbox is in an error state. When true, the checkbox will have an error appearance. * @default false */ "error"?: boolean; /** * The `id` of a `
` element to associate this element with. */ "form"?: string; /** * Indicates whether the checkbox is in an indeterminate state. When true, the checkbox will have an indeterminate appearance, which is typically used to indicate a "partially selected" state in a group of checkboxes. * @default false */ "indeterminate"?: boolean; /** * The name attribute of the input element. */ "name"?: string; /** * Event emitted when the checkbox state changes. Emits the new checked state as a boolean value. */ "onIfxChange"?: (event: IfxCheckboxCustomEvent) => void; /** * Event emitted when the error state changes. Emits the new error state as a boolean value. */ "onIfxError"?: (event: IfxCheckboxCustomEvent) => void; /** * Indicates whether the checkbox is in a read-only state. When true, the checkbox will have a read-only appearance. * @default false */ "readOnly"?: boolean; /** * The size of the checkbox. Can be "m" for medium (default) or "s" for small. This prop controls the overall dimensions of the checkbox and its label. * @default "m" */ "size"?: string; /** * The value associated with the checkbox. This value is typically submitted with a form when the checkbox is checked. If not specified, it defaults to "on" when the checkbox is checked. */ "value"?: string; } interface IfxCheckboxGroup { /** * Layout direction of the radio group * @default "vertical" */ "alignment"?: "horizontal" | "vertical"; /** * Text used for the caption. */ "captionText"?: string; /** * Text used for the group label. * @default "Group Label Text" */ "groupLabelText"?: string; /** * Wether selecting an option is required. * @default false */ "required"?: boolean; /** * Wether to show a caption under the group. */ "showCaption"?: boolean; /** * Wether to show an icon next to the caption. */ "showCaptionIcon"?: boolean; /** * Wether to show the group label. */ "showGroupLabel"?: boolean; /** * Size of the radio group */ "size"?: string; } interface IfxChip { /** * ARIA Label text */ "ariaLabelText"?: string | null; /** * Disabeled state * @default false */ "disabled"?: boolean; /** * Sets Icon * @default "" */ "icon"?: string; /** * Fires on selection change. */ "onIfxChange"?: (event: IfxChipCustomEvent<{ previousSelection: Array; currentSelection: Array; name: string; }>) => void; /** * Placeholder text * @default "" */ "placeholder"?: string; /** * Read-only state * @default false */ "readOnly"?: boolean; /** * Component size * @default "medium" */ "size"?: "small" | "medium" | "large"; /** * Visual theme * @default "outlined" */ "theme"?: "outlined" | "filled-light" | "filled-dark"; /** * Current selection (mutable) * @default undefined */ "value"?: Array | string; /** * Selection mode * @default "single" */ "variant"?: "single" | "multi"; } interface IfxChipItem { /** * Bahaviour and appearance configuration. * @default { emitIfxChipItemSelect: true, variant: "multi", size: "large", } */ "chipState"?: ChipState; /** * Emitted on chip select/deselect. */ "onIfxChipItemSelect"?: (event: IfxChipItemCustomEvent) => void; /** * Wether the chip is selected (reflected). * @default false */ "selected"?: boolean; /** * Identifier value for this chip. * @default undefined */ "value"?: string; } interface IfxContentSwitcher { /** * Fired when the selected option changes. */ "onIfxChange"?: (event: IfxContentSwitcherCustomEvent) => void; } interface IfxContentSwitcherItem { /** * Wether this option is currently selected. * @default false */ "selected"?: boolean; /** * Value associated with this option. */ "value"?: string; } interface IfxDatePicker { /** * Aria label for the date picker input */ "ariaLabelText"?: string | null; /** * Autocomplete attribute for the input * @default "on" */ "autocomplete"?: string; /** * Caption text displayed below the date picker */ "caption"?: string; /** * Whether the date picker is disabled * @default false */ "disabled"?: boolean; /** * Error state of the date picker * @default false */ "error"?: boolean; /** * Label text for the date picker */ "label"?: string; /** * Maximum allowed date */ "max"?: string; /** * Minimum allowed date */ "min"?: string; /** * Event emitted when date value changes */ "onIfxDate"?: (event: IfxDatePickerCustomEvent) => void; /** * Whether the date picker is read-only * @default false */ "readOnly"?: boolean; /** * Whether the date picker is required * @default false */ "required"?: boolean; /** * Size of the date picker input * @default "s" */ "size"?: string; /** * Success state of the date picker * @default false */ "success"?: boolean; /** * Type of date input (date, datetime-local, etc.) * @default "date" */ "type"?: string; /** * The value of the date picker */ "value"?: string; } interface IfxDownload { /** * Type of file to download. * @default "css" */ "tokens"?: "css" | "scss" | "json" | "js"; } interface IfxDropdown { /** * Wether the dropdown should be open initially. * @default false */ "defaultOpen"?: boolean; /** * If true, dropdown is disabled and cannot be opened. */ "disabled"?: boolean; /** * If true, the menu is not appended to (stays in place). * @default false */ "noAppendToBody"?: boolean; /** * Id true, clicking inside the menu will not close the dropdown. * @default false */ "noCloseOnMenuClick"?: boolean; /** * If true, clicking outside will not close the dropdown. * @default false */ "noCloseOnOutsideClick"?: boolean; /** * Fired when dropdown closed. */ "onIfxClose"?: (event: IfxDropdownCustomEvent) => void; /** * General dropdown event. */ "onIfxDropdown"?: (event: IfxDropdownCustomEvent) => void; /** * Fired when dropdown open. */ "onIfxOpen"?: (event: IfxDropdownCustomEvent) => void; /** * Where the dropdown menu is positioned relative to the trigger. * @default "bottom-start" */ "placement"?: Placement; } interface IfxDropdownHeader { } interface IfxDropdownItem { /** * If true, this item is shown in an error style. * @default false */ "error"?: boolean; /** * If true, this dropdown item is hidden. * @default false */ "hide"?: boolean; /** * Link the dropdown item should navigate to when clicked. * @default "" */ "href"?: string; /** * Icon to show in the dropdown item. */ "icon"?: string; /** * Fired when the dropdown item is clicked or selected. */ "onIfxDropdownItem"?: (event: IfxDropdownItemCustomEvent) => void; /** * Where to open the link. * @default "_self" */ "target"?: string; } interface IfxDropdownMenu { /** * Controls wether the dropdown menu is open or closed. * @default false */ "isOpen"?: boolean; /** * Fired when a dropdown menu item is selected */ "onIfxDropdownMenuItem"?: (event: IfxDropdownMenuCustomEvent) => void; /** * Emits the calculated size of the menu */ "onMenuSize"?: (event: IfxDropdownMenuCustomEvent) => void; /** * Size of the dropdown menu. * @default "l" */ "size"?: "s" | "l"; } interface IfxDropdownSeparator { } interface IfxDropdownTrigger { /** * Controls wether the dropdown is currently open. * @default false */ "isOpen"?: boolean; } interface IfxDropdownTriggerButton { /** * If true, trigger is disabled and not clickable. */ "disabled"?: boolean; /** * If true, hides the dropdown arrow icon. * @default false */ "hideArrow"?: boolean; /** * Controls wether the dropdown trigger is open * @default false */ "isOpen"?: boolean; /** * Size of the trigger button. * @default "m" */ "size"?: "s" | "m"; /** * Color theme of the trigger. * @default "default" */ "theme"?: "default" | "danger" | "inverse"; /** * Visual style variant. */ "variant"?: "primary"; } interface IfxErrorPage { /** * Description text for the error page. Uses the variant default when no value is provided. */ "description"?: string; /** * Headline text for the error page. Uses the variant default when no value is provided. */ "headline"?: string; /** * Custom illustration URL for the error page graphic. */ "illustrationUrl"?: string; /** * Alternative text for the illustration. Falls back to the selected error type label. */ "imgAlt"?: string; /** * Error page variant used to select the default content and image. Defaults to "403". * @default '403' */ "type"?: '403' | '404' | '503' | 'maintenance'; } interface IfxFileUpload { /** * Extra file types to allow in addition to the default ones. * @default [] */ "additionalAllowedFileTypes"?: string | string[]; /** * When set to true, allows any file type to be uploaded (no file type restrictions). * @default false */ "allowAnyFileType"?: boolean; /** * Custom file extensions to allow (e.g., 'xml', 'asc', 'cfg'). Recommended format: without dots. Also accepts format with dots like '.xml'. Do not use wildcards like '*.xml'. * @default [] */ "allowedFileExtensions"?: string | string[]; /** * Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`. * @default undefined */ "allowedFileTypes"?: string | string[]; /** * ARIA label for the “browse files” control. * @default "Browse files" */ "ariaLabelBrowseFiles"?: string; /** * ARIA label for the “cancel upload” action. * @default "Cancel upload" */ "ariaLabelCancelUpload"?: string; /** * ARIA label for the drop zone area. * @default "Upload area. Click to browse or drag and drop files." */ "ariaLabelDropzone"?: string; /** * ARIA label for the hidden/native file input element. * @default "Upload file" */ "ariaLabelFileInput"?: string; /** * ARIA label for the “remove file” action. * @default "Remove file" */ "ariaLabelRemoveFile"?: string; /** * ARIA label for the “retry upload” action. * @default "Retry upload" */ "ariaLabelRetryUpload"?: string; /** * ARIA label describing that the upload has failed. * @default "Upload failed" */ "ariaLabelUploadFailedStatus"?: string; /** * ARIA label describing that upload has completed successfully. * @default "Upload completed" */ "ariaLabelUploadedStatus"?: string; /** * ARIA label describing that an upload is currently in progress. * @default "Upload in progress" */ "ariaLabelUploadingStatus"?: string; /** * If true, the upload is disabled and not interactive. * @default false */ "disabled"?: boolean; /** * Enables drag-and-drop for file uploads. * @default false */ "dragAndDrop"?: boolean; /** * Main label for the upload component. * @default "Label" */ "label"?: string; /** * Text for the “browse files” button or link. * @default "Browse files" */ "labelBrowseFiles"?: string; /** * Text shown in the drop zone area. * @default "Drag & Drop or browse files to upload" */ "labelDragAndDrop"?: string; /** * Plural word used for “files” in messages. * @default "files" */ "labelFilePlural"?: string; /** * Singular word used for “file” in messages. * @default "file" */ "labelFileSingular"?: string; /** * Message shown when a file is too large ({{size}} is replaced with max size). * @default "Upload failed. Max file size: {{size}}MB." */ "labelFileTooLarge"?: string; /** * Error message shown when the max number of files is exceeded. * @default "Upload limit exceeded. Only {{count}} {{files}} allowed." */ "labelMaxFilesExceeded"?: string; /** * Info text about the maximum number of files allowed ({{count}} and {{files}} are replaced). * @default "Up to {{count}} {{files}}." */ "labelMaxFilesInfo"?: string; /** * Error message shown when no file is uploaded but at least one is required. * @default "At least one file must be uploaded" */ "labelRequiredError"?: string; /** * Template text for listing supported formats and size ({{types}} and {{size}} are replaced). * @default "Supported file formats: {{types}}. Max file size: {{size}}MB." */ "labelSupportedFormatsTemplate"?: string; /** * Message shown when the file type is not allowed. * @default "Unsupported file type." */ "labelUnsupportedFileType"?: string; /** * Generic error message shown when upload fails. * @default "Upload failed. Please try again." */ "labelUploadFailed"?: string; /** * Status text for a successfully uploaded file. * @default "Successfully uploaded" */ "labelUploaded"?: string; /** * Heading label above the list of uploaded files. * @default "Uploaded files" */ "labelUploadedFilesHeading"?: string; /** * Maximum file size allowed in megabytes. * @default 7 */ "maxFileSizeMB"?: number; "maxFiles"?: number | undefined; /** * Fired when an ongoing upload is aborted/cancelled. */ "onIfxFileUploadAbort"?: (event: IfxFileUploadCustomEvent<{ file: File }>) => void; /** * Fired when files are added (e.g. via browse or drop). */ "onIfxFileUploadAdd"?: (event: IfxFileUploadCustomEvent<{ addedFiles: File[]; files: File[]; }>) => void; /** * Fired when all file uploads have finished successfully. */ "onIfxFileUploadAllComplete"?: (event: IfxFileUploadCustomEvent<{ files: File[] }>) => void; /** * Fired whenever the list of selected files changes. */ "onIfxFileUploadChange"?: (event: IfxFileUploadCustomEvent<{ files: File[] }>) => void; /** * Fired when the upload area is clicked (typically to open file dialog). */ "onIfxFileUploadClick"?: (event: IfxFileUploadCustomEvent) => void; /** * Fired when a single file upload finishes successfully. */ "onIfxFileUploadComplete"?: (event: IfxFileUploadCustomEvent<{ file: File }>) => void; /** * Fired when files are dropped onto the drop zone. */ "onIfxFileUploadDrop"?: (event: IfxFileUploadCustomEvent<{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[]; }>) => void; /** * Fired when an upload-related error occurs. */ "onIfxFileUploadError"?: (event: IfxFileUploadCustomEvent<{ errorType: string; file: File; message: string; reason?: string; }>) => void; /** * Fired when a file fails validation before upload. */ "onIfxFileUploadInvalid"?: (event: IfxFileUploadCustomEvent<{ file: File; reason: string }>) => void; /** * Fired when the user tries to add more than the allowed number of files. */ "onIfxFileUploadMaxFilesExceeded"?: (event: IfxFileUploadCustomEvent<{ maxFiles: number; attempted: number; }>) => void; /** * Fired when a file is removed from the list. */ "onIfxFileUploadRemove"?: (event: IfxFileUploadCustomEvent<{ removedFile: File; files: File[]; }>) => void; /** * Fired when the user retries uploading a file after a failure. */ "onIfxFileUploadRetry"?: (event: IfxFileUploadCustomEvent<{ file: File }>) => void; /** * Fired when upload starts for a file. */ "onIfxFileUploadStart"?: (event: IfxFileUploadCustomEvent<{ file: File }>) => void; /** * Fired after validating the current files (valid or invalid). */ "onIfxFileUploadValidation"?: (event: IfxFileUploadCustomEvent<{ valid: boolean }>) => void; /** * Wether at least one file is rewuired. * @default false */ "required"?: boolean; /** * Custom function that handels file upload and progress reporting. */ "uploadHandler"?: ( file: File, onProgress?: (progress: number) => void, ) => Promise; } interface IfxFilterAccordion { /** * Identifier/label for the filter group * @default "" */ "filterGroupName"?: ""; /** * Max number of items to display before truncating/collapsing the list */ "maxVisibleItems"?: number; /** * Emitted when the filter accordion`s state or selection changes */ "onIfxFilterAccordionChange"?: (event: IfxFilterAccordionCustomEvent) => void; } interface IfxFilterBar { /** * Maximum number of filters to show in the topbar before collapsing * @default 4 */ "maxShownFilters"?: number; /** * Emitted when a topbar filter changes */ "onIfxTopbarFilterChange"?: (event: IfxFilterBarCustomEvent) => void; } interface IfxFilterSearch { /** * Disables the filter and prevents user interaction * @default false */ "disabled"?: boolean; /** * Unique key/identifier for this filter */ "filterKey"?: string; /** * Display name/label for this filter input */ "filterName"?: string; /** * Layout context for the filter * @default "sidebar" */ "filterOrientation"?: string; /** * Current filter text/value */ "filterValue"?: string; /** * Emitted when the filter/search value changes */ "onIfxFilterSearchChange"?: (event: IfxFilterSearchCustomEvent) => void; /** * Placeholder text shown when input is empty */ "placeholder"?: string; } interface IfxFilterTypeGroup { /** * Emitted when a sidebar filter is updated */ "onIfxSidebarFilterChange"?: (event: IfxFilterTypeGroupCustomEvent) => void; } interface IfxFooter { /** * Text shown in the footer copyright area. * @default "© 1999 - " + this.currentYear + " Infineon Technologies AG" */ "copyrightText"?: string; } interface IfxFooterColumn { } interface IfxIcon { /** * The icon that will be displayed. Refer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons. * @default "" */ "icon"?: string; /** * Emitted when the provided icon name is invalid and the component fails to render an icon. The event detail contains a boolean value `true` indicating an error occurred. */ "onConsoleError"?: (event: IfxIconCustomEvent) => void; } interface IfxIconButton { /** * Accessible name announced by assistive technologies. */ "ariaLabelText"?: string | null; /** * Disables the button and blocks user interaction. * @default false */ "disabled"?: boolean; /** * URL to navigate to; when provided, the component renders as a link. */ "href"?: string; /** * Icon name rendered by the nested `ifx-icon`. Refer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons. */ "icon"?: string; /** * Visual shape of the icon button. * @default "round" */ "shape"?: "round" | "square"; /** * Size of the icon button. Options: xs (20px), s (32px), m (36px) and l (40px). * @default "m" */ "size"?: "xs" | "s" | "m" | "l"; /** * Target for link navigation when `href` is set. * @default "_self" */ "target"?: string; /** * Visual style of the icon button. Primary has a solid background, secondary has an outline and tertiary is just the icon with no background or border. * @default "primary" */ "variant"?: "primary" | "secondary" | "tertiary"; } interface IfxIconsPreview { } interface IfxIndicator { /** * Provide a short, descriptive text that explains the indicator's meaning or value. */ "ariaLabelText"?: string | null; /** * Renders the indicator with an inverted color scheme for dark backgrounds. * @default false */ "inverted"?: boolean; /** * Numeric value to display when using the 'number' variant * @default 0 */ "number"?: number; /** * Sets variant of the Indicator * @default 'number' */ "variant"?: string; } interface IfxLink { /** * Accessible label announced by assistive technologies. * @default undefined */ "ariaLabelText"?: string | null; /** * Disables interaction. * @default false */ "disabled"?: boolean; /** * Optional filename or download hint for the linked resource. * @default undefined */ "download"?: string; /** * URL the link navigates to. * @default undefined */ "href"?: string; /** * Font size of the link. * @default "m" */ "size"?: "s" | "m" | "l" | "xl"; /** * Target window for the link. * @default "_self" */ "target"?: string; /** * Visual style variant of the link. * @default "bold" */ "variant"?: "underlined" | "bold" | "title" | "menu"; } interface IfxList { /** * Max number of items displayed before collapsing/truncating * @default 6 */ "maxVisibleItems"?: 6; /** * Unique name/identifier for the list * @default "" */ "name"?: ""; /** * Emitted when the list's items or selections are updated */ "onIfxListUpdate"?: (event: IfxListCustomEvent) => void; /** * External, mutable flag to trigger a programmic reset */ "resetTrigger"?: boolean; /** * Selection type for list entries * @default "checkbox" */ "type"?: string; } interface IfxListEntry { "label"?: string; "onIfxListEntryChange"?: (event: IfxListEntryCustomEvent) => void; "type"?: string; "value"?: boolean; } interface IfxModal { /** * Allows the display of a specific icon in the modal header when the variant is set to an alert type. Refer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons. * @default "" */ "alertIcon"?: string; /** * The title text displayed in the modal header. This should be a concise description of the modal's purpose. * @default "Modal Title" */ "caption"?: string; /** * Provides an accessible label for the modal caption, enhancing screen reader support. If not provided, the `caption` prop will be used as the accessible name. */ "captionAriaLabel"?: string | null; /** * Provides an accessible label for the close button, enhancing screen reader support. If not provided, a default label of "Close modal" will be used. * @default "Close modal" */ "closeButtonAriaLabel"?: string; /** * Determines whether clicking on the overlay (backdrop) will close the modal. * @default true */ "closeOnOverlayClick"?: boolean; /** * Emitted when the modal finishes closing and the closing animation completes. No additional data is provided with this event. */ "onIfxClose"?: (event: IfxModalCustomEvent) => void; /** * Emitted when the modal finishes opening and the opening animation completes. No additional data is provided with this event. */ "onIfxOpen"?: (event: IfxModalCustomEvent) => void; /** * Emitted immediately when the `opened` state changes (before animations). The event detail contains `{ opened: boolean }` with the new state. Use this event for two-way binding (v-model in Vue, [(ngModel)] in Angular). */ "onIfxOpenedChange"?: (event: IfxModalCustomEvent<{ opened: boolean }>) => void; /** * Controls the visibility of the modal. Can be used for both declarative and programmatic control. * @default false */ "opened"?: boolean; /** * Controls the visibility of the close button in the modal header. * @default true */ "showCloseButton"?: boolean; /** * Specifies the size of the modal, allowing it to adapt to different content needs and screen sizes. * @default "s" */ "size"?: "s" | "m" | "l"; /** * Defines the visual style of the modal, indicating its purpose or importance. * @default "default" */ "variant"?: "default" | "alert-brand" | "alert-danger"; } interface IfxMultiselect { /** * ARIA label for the “Clear all” button. * @default "Clear all selections" */ "ariaClearLabel"?: string; /** * ARIA label for the “Collapse all categories” control. * @default "Collapse all categories" */ "ariaCollapseAllLabel"?: string; /** * ARIA label for the “Expand all categories” control. * @default "Expand all categories" */ "ariaExpandAllLabel"?: string; /** * ID of element that describes the multi-select (aria-describedby). * @default "" */ "ariaMultiSelectDescribedBy"?: string; /** * ARIA label for the multi-select dropdown. * @default "Multi-select dropdown" */ "ariaMultiSelectLabel"?: string; /** * ID of element that labels the multi-select (aria-labelledby). * @default "" */ "ariaMultiSelectLabelledBy"?: string; /** * ARIA label for the search input inside the dropdown. * @default "Search options" */ "ariaSearchLabel"?: string; /** * ARIA label for the “Select all options” control. * @default "Select all options" */ "ariaSelectAllLabel"?: string; /** * ARIA label for the dropdown toggle button. * @default "Toggle dropdown" */ "ariaToggleLabel"?: string; /** * Helper text shown below the multi-select. * @default "" */ "caption"?: string; /** * Label text for the “Collapse all” action. * @default "Collapse" */ "collapseLabel"?: string; /** * If true, the multi-select is disabled and not interactive. * @default false */ "disabled"?: boolean; /** * If true, shows the multi-select in an error state. * @default false */ "error"?: boolean; /** * Label text for the “Expand all” action. * @default "Expand" */ "expandLabel"?: string; /** * Label shown above the multi-select. * @default "" */ "label"?: string; /** * Name of the multi-select field (used in forms). */ "name"?: string; /** * Message shown when no search results are found. * @default "No results found." */ "noResultsMessage"?: string; /** * Fired when the multi-select dropdown is opened. */ "onIfxOpen"?: (event: IfxMultiselectCustomEvent) => void; /** * Fired when an option is selected in the multi-select. */ "onIfxSelect"?: (event: IfxMultiselectCustomEvent) => void; /** * Placeholder text shown when nothing is selected. * @default "" */ "placeholder"?: string; /** * If true, the multi-select is read-only. * @default false */ "readOnly"?: boolean; /** * Whether at least one option must be selected. * @default false */ "required"?: boolean; /** * Placeholder text for the search input. * @default "Search" */ "searchPlaceholder"?: string; /** * Label text for the “Select all” option. * @default "Select all" */ "selectAllLabel"?: string; /** * If true, shows a button to clear all selections. * @default true */ "showClearButton"?: boolean; /** * If true, shows expand/collapse controls for nested options. * @default true */ "showExpandCollapse"?: boolean; /** * If true, displays the “no results” message when nothing matches. * @default true */ "showNoResultsMessage"?: boolean; /** * If true, shows a search box inside the dropdown. * @default true */ "showSearch"?: boolean; /** * If true, shows a “Select all” option. * @default true */ "showSelectAll"?: boolean; } interface IfxMultiselectOption { /** * Whether this tree item is disabled and not interactive. * @default false */ "disabled"?: boolean; /** * Whether this tree item is in an indeterminate (partially selected) state. * @default false */ "indeterminate"?: boolean; /** * Whether this tree item is currently selected. * @default false */ "selected"?: boolean; /** * Value associated with this tree item (used for selection and events). */ "value"?: string; } interface IfxNavbar { /** * Name of the application shown in the navbar. * @default "" */ "applicationName"?: string; /** * If true, the navbar is fixed (e.g. sticks to the top). * @default true */ "fixed"?: boolean; /** * Link URL for the logo click action. * @default "" */ "logoHref"?: string; /** * Where to open the logo link (same tab, new tab, etc.). * @default "_self" */ "logoHrefTarget"?: string; /** * Fired when the mobile navbar menu is opened or closed. */ "onIfxNavbarMobileMenuIsOpen"?: (event: IfxNavbarCustomEvent) => void; /** * If true, shows the logo and application name in the navbar. * @default true */ "showLogoAndAppname"?: boolean; } interface IfxNavbarItem { /** * If true, shows a simple dot indicator instead of a number. * @default false */ "dotIndicator"?: boolean; /** * If true, hides this item on mobile viewports. * @default true */ "hideOnMobile"?: boolean; /** * URL the navigation item should navigate to when clicked. * @default "" */ "href"?: string; /** * Icon to display for this navigation item. * @default "" */ "icon"?: string; /** * Number badge shown as an indicator on the item. */ "numberIndicator"?: number; /** * Fired when the navigation item is activated or clicked. */ "onIfxNavItem"?: (event: IfxNavbarItemCustomEvent) => void; /** * Whether to show the label text next to the icon. * @default true */ "showLabel"?: boolean; /** * Where to open the link (same tab, new tab, etc.). * @default "_self" */ "target"?: string; } interface IfxNavbarProfile { /** * Alternative text for the avatar image. * @default "" */ "alt"?: string; /** * URL the avatar item should navigate to when clicked. * @default "" */ "href"?: string; /** * Image URL used for the avatar. * @default "" */ "imageUrl"?: string; /** * Whether to show the user name label next to the avatar. * @default true */ "showLabel"?: boolean; /** * Where to open the link (same tab, new tab, etc.). * @default "_self" */ "target"?: string; /** * Displayed user name associated with the avatar. * @default "" */ "userName"?: string; } interface IfxNotification { /** * Icon to display in the notification. */ "icon"?: string; /** * URL the notification link should navigate to. */ "linkHref"?: string; /** * Where to open the link (same tab, new tab, etc.). * @default "_blank" */ "linkTarget"?: string; /** * Text for the optional action link. */ "linkText"?: string; /** * Visual style of the notification (e.g. success, error). * @default "success" */ "variant"?: NotificationVariant; } interface IfxOverviewTable { } interface IfxPagination { /** * The current page number passed from the outside * @default 1 */ "currentPage"?: number; /** * Items-per-page options */ "itemsPerPage"?: any[] | string; /** * @default "Results per Page" */ "itemsPerPageLabel"?: string; /** * Emitted when the items-per-page value changes */ "onIfxItemsPerPageChange"?: (event: IfxPaginationCustomEvent) => void; /** * Emitted when the current page changes */ "onIfxPageChange"?: (event: IfxPaginationCustomEvent) => void; /** * Wether to display the items-per-page selector * @default true */ "showItemsPerPage"?: boolean; /** * Total number of items to paginate * @default 1 */ "total"?: number; } interface IfxPopover { /** * Accessible label for the popover * @default null */ "ariaLabelText"?: string | null; /** * Whether the popover is disabled * @default false */ "disabled"?: boolean; /** * Fired when the component is closed. */ "onIfxClose"?: (event: IfxPopoverCustomEvent) => void; /** * Emitted when the popover is opened */ "onIfxOpen"?: (event: IfxPopoverCustomEvent<{ trigger: HTMLElement | null }>) => void; /** * Whether the popover is initially open * @default false */ "open"?: boolean; /** * Title text displayed in the popover header * @default '' */ "popoverTitle"?: string; /** * Position of the popover relative to the trigger element * @default 'auto' */ "position"?: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto'; /** * Body text displayed in the popover content * @default '' */ "text"?: string; } interface IfxProgressBar { /** * Whether to show a text label next to the progress bar. * @default false */ "showLabel"?: boolean; /** * Size of the progress bar (e.g. small, medium, large). */ "size"?: string; /** * Current value of the progress bar (e.g. completion percentage). * @default 0 */ "value"?: number; } interface IfxRadioButton { /** * Whether the checkbox is currently checked (can be updated). */ "checked"?: boolean; /** * If true, the checkbox is disabled and not interactive. * @default false */ "disabled"?: boolean; /** * If true, the checkbox is shown in an error state. * @default false */ "error"?: boolean; /** * Name attribute used when submitting the checkbox in a form. */ "name"?: string; /** * Fired when the checked state of the checkbox changes. */ "onIfxChange"?: (event: IfxRadioButtonCustomEvent) => void; /** * Fired when the checkbox enters or leaves an error state. */ "onIfxError"?: (event: IfxRadioButtonCustomEvent) => void; /** * If true, the checkbox is shown in a read-only state. * @default false */ "readOnly"?: boolean; /** * Size of the checkbox (small or medium). * @default "s" */ "size"?: "s" | "m"; /** * Value submitted when the checkbox is checked. */ "value"?: string; } interface IfxRadioButtonGroup { /** * Layout direction of the checkbox group (horizontal or vertical). * @default "vertical" */ "alignment"?: "horizontal" | "vertical"; /** * Text used for the caption below the group. */ "captionText"?: string; /** * Text used as the group label. * @default "Group Label Text" */ "groupLabelText"?: string; /** * Whether selecting at least one checkbox is required. * @default false */ "required"?: boolean; /** * Whether to show a caption under the group. */ "showCaption"?: boolean; /** * Whether to show an icon next to the caption text. */ "showCaptionIcon"?: boolean; /** * Whether to show the group label above the checkboxes. */ "showGroupLabel"?: boolean; /** * Size of the checkbox group (e.g. small, medium). */ "size"?: string; } interface IfxSearchBar { /** * Autocomplete behavior passed to the underlying search field. * @default "on" */ "autocomplete"?: string; /** * Disables user interaction with the search field and close control. * @default false */ "disabled"?: boolean; /** * Controls whether the search bar is expanded (open) or collapsed. This is mirrored into internal state and drives the visible UI. * @default true */ "isOpen"?: boolean; /** * Maximum allowed length for the search input. */ "maxlength"?: number; /** * Emits when the search input value changes. */ "onIfxInput"?: (event: IfxSearchBarCustomEvent) => void; /** * Emits when the search bar is opened or closed. Payload is the new open state. */ "onIfxOpen"?: (event: IfxSearchBarCustomEvent) => void; /** * Toggles the close button outside the input field * @default true */ "showCloseButton"?: boolean; /** * Current input value of the search field. This is updated when the field emits input events. */ "value"?: string | undefined; } interface IfxSearchField { /** * ID of the element that describes the input. */ "ariaDescribedBy"?: string | null; /** * Accessible label for the input. * @default "Search Field" */ "ariaLabelText"?: string | null; /** * ID of the element that labels the input. */ "ariaLabelledBy"?: string | null; /** * Native autocomplete attribute value. * @default "off" */ "autocomplete"?: string; /** * Accessible label for the clear icon button. * @default "Clear search" */ "deleteIconAriaLabel"?: string; /** * Disable the input and related interactions. * @default false */ "disabled"?: boolean; /** * Accessible label for the suggestions listbox. * @default "Search suggestions and history" */ "dropdownAriaLabel"?: string; /** * Enable local search history behavior and persistence. * @default true */ "enableHistory"?: boolean; /** * Accessible label for the history item delete button. * @default "Remove from history" */ "historyDeleteAriaLabel"?: string; /** * Header text shown when only history entries are displayed. * @default "Recent Searches" */ "historyHeaderText"?: string; /** * Accessible label prefix for history items. * @default "Search history item" */ "historyItemAriaLabel"?: string; /** * localStorage key used to persist search history. This is needed to allow multiple instances of the search field to maintain separate histories if desired, but can be left as default for a shared history across the application. * @default "ifx-search-history" */ "historyKey"?: string; /** * Maximum number of stored history entries. * @default 5 */ "maxHistoryItems"?: number; /** * Maximum number of items shown in the dropdown (suggestions + history). * @default 10 */ "maxSuggestions"?: number; /** * Maximum number of characters allowed in the input. * @default null */ "maxlength"?: number; /** * Emitted when the input loses focus. */ "onIfxBlur"?: (event: IfxSearchFieldCustomEvent) => void; /** * Emitted when the input gains focus. */ "onIfxFocus"?: (event: IfxSearchFieldCustomEvent) => void; /** * Emitted on input change with the current value. */ "onIfxInput"?: (event: IfxSearchFieldCustomEvent) => void; /** * Emitted to request external suggestions for the given query. */ "onIfxSuggestionRequested"?: (event: IfxSearchFieldCustomEvent) => void; /** * Emitted when a suggestion or history item is selected. */ "onIfxSuggestionSelected"?: (event: IfxSearchFieldCustomEvent) => void; /** * Placeholder text for the input. * @default "Search..." */ "placeholder"?: string; /** * Show the clear icon when there is a non-empty value. * @default false */ "showDeleteIcon"?: boolean; /** * Enable the suggestion dropdown and request events while typing. * @default false */ "showSuggestions"?: boolean; /** * Visual size variant. "s" enables compact styling, otherwise defaults to "l". * @default "l" */ "size"?: 's' | 'l'; /** * Accessible label prefix for suggestion items. * @default "Search suggestion" */ "suggestionAriaLabel"?: string; /** * External suggestion items used to populate the dropdown. * @default [] */ "suggestions"?: SuggestionItem[]; /** * Current input value. Mutates as the user types and can be set programmatically. * @default "" */ "value"?: string; } interface IfxSegment { /** * Icon to display inside the segment. */ "icon"?: string; /** * Fired when this segment is selected (emits the segment index). */ "onSegmentSelect"?: (event: IfxSegmentCustomEvent) => void; /** * Index of this segment within the segmented control. */ "segmentIndex"?: number; /** * Whether this segment is currently selected. * @default false */ "selected"?: boolean; /** * Value associated with this segment. */ "value": string; } interface IfxSegmentedControl { /** * Helper text shown below the segmented control. * @default "" */ "caption"?: string; /** * If true, shows the segmented control in an error state. * @default false */ "error"?: boolean; /** * Label text shown above the segmented control. * @default "" */ "label"?: string; /** * Fired when the selected segment changes (previous and new value). */ "onIfxChange"?: (event: IfxSegmentedControlCustomEvent<{ previousValue: string; selectedValue: string; }>) => void; /** * Whether choosing a value is required. * @default false */ "required"?: boolean; /** * Size of the segmented control (regular or small). * @default "regular" */ "size"?: "regular" | "small"; } interface IfxSelect { /** * Filter used to validate items before they are added. */ "addItemFilter"?: string | RegExp | ItemFilterFn; /** * Text or function for the “add item” prompt. */ "addItemText"?: string | AddItemTextFn; /** * Whether new items can be added by the user. */ "addItems"?: boolean; /** * Text to append to each item’s value on output. */ "appendValue"?: string; /** * Callback used to create or override internal templates. */ "callbackOnCreateTemplates"?: OnCreateTemplates; /** * Callback function invoked when the Choices instance is initialized. */ "callbackOnInit"?: OnInit; /** * Helper text shown below the select field. * @default "" */ "caption"?: string; /** * Available choices; can be an array or a string (e.g. data source). * @default undefined */ "choices"?: Array | string; /** * Custom CSS class names mapping for internal elements. */ "classNames"?: ClassNames; /** * Configuration for customizing the “add item” text. */ "customAddItemText"?: CustomAddItemText; /** * Delimiter used when parsing or joining item values (e.g. for paste). */ "delimiter"?: string; /** * If true, the select is disabled and not interactive. * @default false */ "disabled"?: boolean; /** * Whether duplicate items are allowed. */ "duplicateItemsAllowed"?: boolean; /** * Whether selected items can be edited in place. */ "editItems"?: boolean; /** * If true, shows the select in an error state. * @default false */ "error"?: boolean; /** * Fuse.js options for fuzzy searching choices. */ "fuseOptions"?: FuseOptions; /** * Text shown on an item when it is selectable (kept as empty string here). */ "itemSelectText"?: ''; /** * Initial list of items to populate the component with. */ "items"?: Array; /** * Label text shown above the select field. * @default "" */ "label"?: string; /** * Text shown while data or choices are loading. */ "loadingText"?: string; /** * Maximum number of items that can be selected. */ "maxItemCount"?: number; /** * Text or function used when the max item count is reached. */ "maxItemText"?: string | MaxItemTextFn; /** * Name attribute used when submitting the field in a form. */ "name"?: string; /** * Text or function used when there are no choices to show. */ "noChoicesText"?: string | NoChoicesTextFn; /** * Text or function used when no search results are found. */ "noResultsText"?: string | NoResultsTextFn; /** * Fired when the input / search value changes. */ "onIfxInput"?: (event: IfxSelectCustomEvent) => void; /** * Fired when an option is selected. */ "onIfxSelect"?: (event: IfxSelectCustomEvent) => void; /** * List of available options (array or string source). */ "options"?: any[] | string; /** * Whether pasting values to create items is allowed. */ "paste"?: boolean; /** * Placeholder configuration or text for the input. */ "placeholder"?: boolean | string; /** * Placeholder text shown when no option is selected. * @default "Placeholder" */ "placeholderValue"?: string; /** * Position of the dropdown relative to the input. */ "position"?: 'auto' | 'top' | 'bottom'; /** * Text to prepend to each item’s value on output. */ "prependValue"?: string; /** * If true, shows the select in a read-only state. * @default false */ "readOnly"?: boolean; /** * Whether to show a remove button on each selected item. */ "removeItemButton"?: boolean; /** * Whether items can be removed by the user. */ "removeItems"?: boolean; /** * Maximum number of choices to render in the list at once. */ "renderChoiceLimit"?: number; /** * When to render selected choices (always or only when needed). */ "renderSelectedChoices"?: 'always' | 'auto'; /** * Whether selecting a value is required. * @default false */ "required"?: boolean; /** * Whether to reset scroll position when opening the dropdown. */ "resetScrollPosition"?: boolean; /** * Whether search filters the available choices. */ "searchChoices"?: boolean; /** * Fields used when searching choices (array of field names or a string). */ "searchFields"?: Array | string; /** * Minimum number of characters before search is triggered. */ "searchFloor"?: number; /** * Placeholder text shown inside the search input. */ "searchPlaceholderValue"?: string; /** * Maximum number of search results to display. */ "searchResultLimit"?: number; /** * Whether available choices should be sorted. */ "shouldSort"?: boolean; /** * Whether selected items should be sorted. */ "shouldSortItems"?: boolean; /** * If true, shows a button to clear the current selection. * @default true */ "showClearButton"?: boolean; /** * Whether the search input is shown. */ "showSearch"?: boolean; /** * Size of the select component (e.g. medium / 40px). * @default "medium (40px)" */ "size"?: string; /** * Custom sorting function for choices and/or items. */ "sorter"?: SortFn; /** * Text configuration for duplicate/unique item errors. */ "uniqueItemText"?: UniqueItemText; /** * Initial value of the Choices instance. */ "value"?: string; /** * Custom function for comparing item/choice values. */ "valueComparer"?: ValueCompareFunction; } interface IfxSetFilter { /** * User-visible label for the filter control */ "filterLabel"?: string; /** * Technical name/identifier for this filter */ "filterName"?: string; /** * Emitted when the filter's value or selection changes */ "onIfxFilterSelect"?: (event: IfxSetFilterCustomEvent) => void; /** * Options for select types, either array or string */ "options"?: any[] | string; /** * Placeholder text shown when no value is entered/selected */ "placeholder"?: string; /** * Filter control type * @default "text" */ "type"?: "text" | "single-select" | "multi-select"; } interface IfxSidebar { /** * App name shown in the sidebar header * @default "" */ "applicationName"?: string; /** * Initial/current collapsed state * @default false */ "collapsed"?: boolean; /** * Enable collapse/expand control * @default false */ "collapsible"?: boolean; /** * Footer copyright text * @default "© 1999 - " + this.currentYear + " Infineon Technologies AG" */ "copyrightText"?: string; /** * Link footerHrefTarget for footer links * @default "_blank" */ "footerHrefTarget"?: string; /** * Label for collapse/hide menu control * @default "Hide Menu" */ "hideMenuLabel"?: string; /** * URL for "Imprint" link * @default "#" */ "imprint"?: string; /** * Legacy initial collapse flag * @default true */ "initialCollapse"?: boolean; /** * Link URL for the logo click action. * @default "" */ "logoHref"?: string; /** * Where to open the logo link (_self, _blank, _parent). * @default "_self" */ "logoHrefTarget"?: string; /** * Emitted when collapsed state changes */ "onIfxSidebarCollapseChange"?: (event: IfxSidebarCustomEvent<{ collapsed: boolean }>) => void; /** * Emitted when logo image is clicked */ "onIfxSidebarLogoClick"?: (event: IfxSidebarCustomEvent) => void; /** * Controls positioning of sidebar * @default "left" */ "position"?: "left" | "right"; /** * URL for "Privacy Policy" link * @default "#" */ "privacyPolicy"?: string; /** * Show/hide footer * @default true */ "showFooter"?: boolean; /** * Show/hide header * @default true */ "showHeader"?: boolean; /** * URL for "Terms of Use" link * @default "#" */ "termsOfUse"?: string; } interface IfxSidebarItem { /** * Marks the item as active * @default false */ "active"?: boolean; /** * Click handler callback; receives the item HTMLElement */ "handleItemClick"?: (item: HTMLElement) => void; /** * Navigation link href for the item * @default "" */ "href"?: string; /** * Icon name or URL for the item * @default "" */ "icon"?: string; /** * Marks as an action item * @default false */ "isActionItem"?: boolean; /** * Numeric badge indicator value */ "numberIndicator"?: number; /** * Event fired when an action item is clicked */ "onIfxSidebarActionItem"?: (event: IfxSidebarItemCustomEvent) => void; /** * Event fired for menu item interactions */ "onIfxSidebarMenu"?: (event: IfxSidebarItemCustomEvent) => void; /** * Event fired when a navigation item is clicked */ "onIfxSidebarNavigationItem"?: (event: IfxSidebarItemCustomEvent) => void; /** * Link target (e.g., "_self", "_blank") * @default "_self" */ "target"?: string; } interface IfxSidebarTitle { /** * Show item/content when the sidebar is collapsed * @default false */ "showInCollapsed"?: boolean; } interface IfxSlider { /** * Accessible label for screen readers. */ "ariaLabelText"?: string | null; /** * If true, the slider is disabled and not interactive. * @default false */ "disabled"?: boolean; /** * Optional icon displayed on the left side of the slider. */ "leftIcon"?: string; /** * Optional text label shown on the left side of the slider. */ "leftText"?: string; /** * Maximum value allowed for the slider. * @default 100 */ "max"?: number; /** * Initial value of the right handle for a double slider. */ "maxValueHandle"?: number; /** * Minimum value allowed for the slider. * @default 0 */ "min"?: number; /** * Initial value of the left handle for a double slider. */ "minValueHandle"?: number; /** * Fired when the slider value (or values) change. */ "onIfxChange"?: (event: IfxSliderCustomEvent) => void; /** * If true, the slider is read-only. * @default false */ "readOnly"?: boolean; /** * Optional icon displayed on the right side of the slider. */ "rightIcon"?: string; /** * Optional text label shown on the right side of the slider. */ "rightText"?: string; /** * If true, shows the current value as a percentage. * @default false */ "showPercentage"?: boolean; /** * Increment step when changing the value. * @default 1 */ "step"?: number; /** * Slider type: single handle or double handle (range). * @default "single" */ "type"?: "single" | "double"; /** * Current value for a single-handle slider. */ "value"?: number; } interface IfxSpinner { /** * Accessible label announced by assistive technologies. * @default null */ "ariaLabelText"?: string | null; /** * Renders the spinner in inverted color for dark backgrounds. * @default false */ "inverted"?: boolean; /** * Visual size of the spinner. * @default "m" */ "size"?: "s" | "m"; /** * Spinner style variant. * @default "default" */ "variant"?: "default" | "brand"; } interface IfxStatus { /** * If true, shows a border around the status. * @default false */ "border"?: boolean; /** * Color token used for the status (e.g. orange-500). * @default "orange-500" */ "color"?: string; /** * Text label displayed inside the status component. */ "label"?: string; } interface IfxStep { /** * If true, marks this step as completed. * @default false */ "complete"?: boolean; /** * If true, this step is disabled and not clickable. * @default false */ "disabled"?: boolean; /** * If true, this step is in an error state. * @default false */ "error"?: boolean; /** * Whether this is the last step in the stepper. * @default false */ "lastStep"?: boolean; /** * Numeric identifier / position of this step. * @default 1 */ "stepId"?: number; /** * Shared configuration for the whole stepper (active step, layout, etc.). * @default { activeStep: 1, showStepNumber: false, variant: "default", indicatorPosition: "left", } */ "stepperState"?: StepperState; } interface IfxStepper { /** * Currently active step in the stepper. * @default 1 */ "activeStep"?: number; /** * ARIA current value for the active step (e.g. 'step' or 'page'). */ "ariaCurrentText"?: string | null; /** * Accessible label for the stepper region. */ "ariaLabelText"?: string | null; /** * Position of the indicator relative to the step content. * @default "left" */ "indicatorPosition"?: "left" | "right"; /** * Fired when the active step changes. */ "onIfxChange"?: (event: IfxStepperCustomEvent) => void; /** * If true, displays step numbers inside the indicators. * @default false */ "showStepNumber"?: boolean; /** * Visual layout variant of the stepper (default, compact, or vertical). * @default "default" */ "variant"?: "default" | "compact" | "vertical"; } /** * A toggle switch component for binary on/off states. * This component is form-associated, meaning it can participate in HTML forms * just like native form controls. It supports form validation, form reset, * and browser autofill/restore functionality. * Code organization follows the Stencil Style Guide: * https://stenciljs.com/docs/style-guide * 1. Own Properties (internal, not exposed) * 2. * @Element (reference to host) * 3. * @State (internal reactive state) * 4. * @Prop (public API properties) * 5. * @Event (emitted events) * 6. Lifecycle methods * 7. * @Listen decorators * 8. * @Method (public methods) * 9. Private methods * 10. render() * Framework Integration: * - Vue: Supports v-model binding on the 'checked' property * - Angular: Supports [(ngModel)] and reactive forms (formControl) * - React: Standard prop binding and event handling * Configuration in stencil.config.ts enables framework-specific bindings. */ interface IfxSwitch { /** * Sets the checked state of the switch. * @default false */ "checked"?: boolean; /** * Disables user interaction when true. * @default false */ "disabled"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * Form field name. * @default "" */ "name"?: string; /** * Emitted when checked state changes. */ "onIfxChange"?: (event: IfxSwitchCustomEvent) => void; /** * Makes the switch read-only. * @default false */ "readOnly"?: boolean; /** * Form field value when checked. If not set, defaults to "on" (standard checkbox behavior). * @default "on" */ "value"?: string; } interface IfxTab { /** * Disables the tab when true. */ "disabled"?: boolean; /** * Visible title text displayed in the tab header. */ "header"?: string; /** * Icon displayed in the tab header. * @default '' */ "icon"?: string; /** * Position of the Icon relative to the header text. * @default 'left' */ "iconPosition"?: 'left' | 'right'; /** * Text of the Advanced-Tab-Label */ "label"?: string; /** * Number of the Advanced-Tab-Number * @default 0 */ "number"?: number; /** * Emitted when tab header triggers a change (selection or property updates). */ "onTabHeaderChange"?: (event: IfxTabCustomEvent) => void; /** * Makes the tab header stick to the top of its scrolling oontainer * @default false */ "positionSticky"?: boolean; /** * Subline under the header, only for advanced variant. */ "subline"?: string; } interface IfxTable { /** * Options for button renderer including click handler. */ "buttonRendererOptions"?: { onButtonClick?: (params: any, event: Event) => void; }; /** * Options for checkbox renderer including click handler. */ "checkboxRendererOptions"?: { onCheckboxClick?: (params: any, event: Event) => void; }; /** * The column definitions for the grid. */ "cols"?: any; /** * Minimum width for columns. */ "columnMinWidth"?: number; /** * Fixed width for columns. */ "columnWidth"?: string; /** * Enable row selection. * @default false */ "enableSelection"?: boolean; /** * Filter display orientation (sidebar or inline). * @default "sidebar" */ "filterOrientation"?: string; /** * Auto-fit columns to container width. * @default false */ "fitColumns"?: boolean; /** * Headline text displayed above the grid. * @default "" */ "headline"?: string; /** * Numeric value displayed in headline. * @default null */ "headlineNumber"?: number; /** * Options for icon button renderer including click handler. */ "iconButtonRendererOptions"?: { onIconButtonClick?: (params: any, event: Event) => void; }; /** * Emitted when sort order changes. */ "onIfxSortChange"?: (event: IfxTableCustomEvent) => void; /** * Enable or disable pagination. * @default true */ "pagination"?: boolean; /** * Number of items per page. */ "paginationItemsPerPage"?: | string | Array<{ value: number | string; selected?: boolean; label?: string }>; /** * Height of each row. * @default "default" */ "rowHeight"?: string; /** * The rows definitions for the grid. */ "rows"?: any; /** * Handler for server-side page changes. */ "serverPageChangeHandler"?: (params: { page: number; pageSize: number; }) => Promise<{ rows: any[]; total: number }>; /** * Enable server-side pagination mode. * @default false */ "serverSidePagination"?: boolean; /** * Show loading overlay. * @default false */ "showLoading"?: boolean; /** * Total height of the table. * @default "auto" */ "tableHeight"?: string; /** * Visual variant of the grid. * @default "default" */ "variant"?: string; } interface IfxTabs { /** * Index of the currently active tab. * @default 0 */ "activeTabIndex"?: number; /** * Stretches tabs to evenly fill the available horizontal space. * @default false */ "fullWidth"?: boolean; /** * Text of the Advanced-Tab-Label */ "label"?: string; /** * Number of the Advanced-Tab-Number * @default 0 */ "number"?: number; /** * Emitted when the active tab changes (e.g., user selects a different tab). */ "onIfxChange"?: (event: IfxTabsCustomEvent) => void; /** * Orientation of tab list, either horizontal or vertical. * @default "horizontal" */ "orientation"?: string; /** * Makes the tab header stick to the top of its scrolling oontainer * @default false */ "positionSticky"?: boolean; /** * Subline under the header, only for advanced variant. */ "subline"?: string; } interface IfxTemplate { /** * Name of the template field. */ "name"?: string; /** * Fired when a validation error occurs on the field. */ "onFieldError"?: (event: IfxTemplateCustomEvent) => void; /** * Fired when templates are toggled on or off. */ "onToggleTemplates"?: (event: IfxTemplateCustomEvent) => void; /** * Thumbnail image URL or identifier for the template. */ "thumbnail"?: string; } interface IfxTemplatesUi { } interface IfxTextField { /** * Native autocomplete attribute value. * @default "on" */ "autocomplete"?: string; /** * Helper text shown below the text field. * @default "" */ "caption"?: string; /** * If true, the text field is disabled and not interactive. * @default false */ "disabled"?: boolean; /** * If true, shows the text field in an error state. * @default false */ "error"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * Optional icon shown inside or next to the text field. * @default "" */ "icon"?: string; /** * Internal ID used to link label and input elements. * @default "text-field" */ "internalId"?: string; /** * Label text shown above the text field. * @default "" */ "label"?: string; /** * Maximum number of characters allowed. */ "maxlength"?: number; /** * Name attribute used when submitting the text field in a form. */ "name"?: string; /** * Fired when the user types or the value changes. */ "onIfxInput"?: (event: IfxTextFieldCustomEvent) => void; /** * Placeholder text shown when the field is empty. * @default "Placeholder" */ "placeholder"?: string; /** * If true, the text field is read-only but focusable. * @default false */ "readOnly"?: boolean; /** * Whether a value is required (used for validation). * @default false */ "required"?: boolean; /** * If true, shows a delete/clear icon to remove the current value. * @default false */ "showDeleteIcon"?: boolean; /** * Size of the text field (e.g. s, m, l). * @default "m" */ "size"?: string; /** * If true, shows the text field in a success/valid state. * @default false */ "success"?: boolean; /** * Input type for the field (text or password). * @default "text" */ "type"?: "text" | "password"; /** * Current value of the text field (can be updated programmatically). * @default "" */ "value"?: string; } interface IfxTextarea { /** * Helper text shown below the textarea. */ "caption"?: string; /** * Number of visible text columns. */ "cols"?: number; /** * If true, the textarea is disabled and not interactive. * @default false */ "disabled"?: boolean; /** * If true, shows the textarea in an error state. * @default false */ "error"?: boolean; /** * The `id` of a `` element to associate this element with. */ "form"?: string; /** * If 'true', the textarea stretches to fill the available width. * @default "false" */ "fullWidth"?: string; /** * Label text shown above the textarea. */ "label"?: string; /** * Maximum number of characters allowed. */ "maxlength"?: number; /** * Name attribute used when submitting the textarea in a form. */ "name"?: string; /** * Fired when the textarea value changes. */ "onIfxInput"?: (event: IfxTextareaCustomEvent) => void; /** * Placeholder text shown when the textarea is empty. */ "placeholder"?: string; /** * If true, the textarea is read-only but focusable. * @default false */ "readOnly"?: boolean; /** * Whether a value is required (used for validation). * @default false */ "required"?: boolean; /** * How the textarea can be resized by the user. * @default "both" */ "resize"?: "both" | "horizontal" | "vertical" | "none"; /** * Number of visible text rows. */ "rows"?: number; /** * Current value of the textarea (can be updated programmatically). * @default "" */ "value"?: string; /** * How text wrapping is handled in the textarea. * @default "soft" */ "wrap"?: "hard" | "soft" | "off"; } interface IfxTooltip { /** * If true, appends the tooltip element to document.body for positioning. * @default false */ "appendToBody"?: boolean; /** * Accessible label for screen readers. */ "ariaLabelText"?: string | null; /** * Header text displayed at the top of the tooltip. * @default "" */ "header"?: string; /** * Optional icon displayed in the tooltip. */ "icon"?: string; /** * Preferred position of the tooltip relative to the trigger element. * @default "auto" */ "position"?: "bottom-start" | "top-start" | "left" | "bottom-end" | "top-end" | "right" | "bottom" | "top" | "auto"; /** * Main content text displayed inside the tooltip. * @default "" */ "text"?: string; /** * Visual style variant of the tooltip. * @default "compact" */ "variant"?: "compact" | "dismissible" | "extended"; } interface IfxTreeView { /** * Accessible label for the tree view container. */ "ariaLabelText"?: string | null; /** * If true, disables all items in the tree view. * @default false */ "disableAllItems"?: boolean; /** * If true, expands all items in the tree view. * @default false */ "expandAllItems"?: boolean; /** * Optional label displayed for the tree view. */ "label"?: string; /** * Fired when the “disable all items” state changes. */ "onIfxTreeViewDisableAllChange"?: (event: IfxTreeViewCustomEvent) => void; /** * Fired when the “expand all items” state changes. */ "onIfxTreeViewExpandAllChange"?: (event: IfxTreeViewCustomEvent) => void; } interface IfxTreeViewItem { /** * Accessible label for this tree item. */ "ariaLabelText"?: string | null; /** * If true, the item is disabled and not interactive. * @default false */ "disableItem"?: boolean; /** * Whether this tree item is currently expanded (shows its children). * @default false */ "expanded"?: boolean; /** * If true, the item starts in an expanded state. * @default false */ "initiallyExpanded"?: boolean; /** * If true, the item starts in a selected/checked state. * @default false */ "initiallySelected"?: boolean; /** * Fired when the checked / selected state of the item changes. */ "onIfxTreeViewItemCheckChange"?: (event: IfxTreeViewItemCustomEvent) => void; /** * Fired when the disabled state of the item changes. */ "onIfxTreeViewItemDisableChange"?: (event: IfxTreeViewItemCustomEvent) => void; /** * Fired when the expanded / collapsed state of the item changes. */ "onIfxTreeViewItemExpandChange"?: (event: IfxTreeViewItemCustomEvent) => void; /** * Value associated with this tree item. */ "value"?: string; } interface IfxAccordionAttributes { "autoCollapse": boolean; } interface IfxAccordionItemAttributes { "caption": string; "open": boolean; "ariaLevelNumber": number; "icon": string; } interface IfxActionListAttributes { "listAriaLabel": string; } interface IfxActionListItemAttributes { "itemTitle": string; "description": string; "value": string; "href": string; "target": string; "disabled": boolean; "itemAriaLabel": string; } interface IfxAiLabelAttributes { "divider": boolean; "variant": 'label' | 'icon'; } interface IfxAlertAttributes { "variant": "primary" | "success" | "danger" | "warning" | "info"; "icon": string; "closable": boolean; "AriaLiveText": "assertive"; } interface IfxBasicTableAttributes { "cols": any[] | string; "rows": any[] | string; "rowHeight": string; "tableHeight": string; "variant": string; } interface IfxBreadcrumbItemLabelAttributes { "icon": string; "href": string; "target": string; } interface IfxButtonAttributes { "variant": "primary" | "secondary" | "tertiary"; "theme": "default" | "danger" | "inverse"; "size": string; "disabled": boolean; "href": string; "target": string; "type": "button" | "submit" | "reset"; "fullWidth": boolean; "ariaLabelText": string | null; } interface IfxCardAttributes { "direction": "horizontal" | "vertical"; "href": string; "target": string; "ariaLabelText": string | null; "fullWidth": boolean; } interface IfxCardImageAttributes { "src": string; "alt": string; "position": string; } interface IfxCheckboxAttributes { "disabled": boolean; "readOnly": boolean; "name": string; "checked": boolean; "indeterminate": boolean; "error": boolean; "size": string; "value": string; } interface IfxCheckboxGroupAttributes { "alignment": "horizontal" | "vertical"; "size": string; "showGroupLabel": boolean; "groupLabelText": string; "showCaption": boolean; "captionText": string; "showCaptionIcon": boolean; "required": boolean; } interface IfxChipAttributes { "placeholder": string; "size": "small" | "medium" | "large"; "value": Array | string; "variant": "single" | "multi"; "theme": "outlined" | "filled-light" | "filled-dark"; "readOnly": boolean; "ariaLabelText": string | null; "disabled": boolean; "icon": string; } interface IfxChipItemAttributes { "value": string; "selected": boolean; } interface IfxContentSwitcherItemAttributes { "selected": boolean; "value": string; } interface IfxDatePickerAttributes { "size": string; "error": boolean; "success": boolean; "disabled": boolean; "readOnly": boolean; "ariaLabelText": string | null; "value": string; "type": string; "max": string; "min": string; "required": boolean; "label": string; "caption": string; "autocomplete": string; } interface IfxDownloadAttributes { "tokens": "css" | "scss" | "json" | "js"; } interface IfxDropdownAttributes { "placement": Placement; "defaultOpen": boolean; "noAppendToBody": boolean; "disabled": boolean; "noCloseOnOutsideClick": boolean; "noCloseOnMenuClick": boolean; } interface IfxDropdownItemAttributes { "icon": string; "href": string; "target": string; "hide": boolean; "error": boolean; } interface IfxDropdownMenuAttributes { "isOpen": boolean; "size": "s" | "l"; } interface IfxDropdownTriggerAttributes { "isOpen": boolean; } interface IfxDropdownTriggerButtonAttributes { "isOpen": boolean; "theme": "default" | "danger" | "inverse"; "variant": "primary"; "size": "s" | "m"; "disabled": boolean; "hideArrow": boolean; } interface IfxErrorPageAttributes { "illustrationUrl": string; "imgAlt": string; "type": '403' | '404' | '503' | 'maintenance'; "headline": string; "description": string; } interface IfxFileUploadAttributes { "dragAndDrop": boolean; "required": boolean; "disabled": boolean; "maxFileSizeMB": number; "allowedFileTypes": string | string[]; "additionalAllowedFileTypes": string | string[]; "allowAnyFileType": boolean; "allowedFileExtensions": string | string[]; "maxFiles": number | undefined; "label": string; "labelRequiredError": string; "labelBrowseFiles": string; "labelDragAndDrop": string; "labelUploadedFilesHeading": string; "labelFileTooLarge": string; "labelUnsupportedFileType": string; "labelUploaded": string; "labelUploadFailed": string; "labelSupportedFormatsTemplate": string; "labelFileSingular": string; "labelFilePlural": string; "labelMaxFilesInfo": string; "labelMaxFilesExceeded": string; "ariaLabelBrowseFiles": string; "ariaLabelDropzone": string; "ariaLabelFileInput": string; "ariaLabelRemoveFile": string; "ariaLabelCancelUpload": string; "ariaLabelRetryUpload": string; "ariaLabelUploadingStatus": string; "ariaLabelUploadedStatus": string; "ariaLabelUploadFailedStatus": string; } interface IfxFilterAccordionAttributes { "maxVisibleItems": number; "filterGroupName": ""; } interface IfxFilterBarAttributes { "maxShownFilters": number; } interface IfxFilterSearchAttributes { "filterName": string; "disabled": boolean; "filterValue": string; "filterKey": string; "filterOrientation": string; "placeholder": string; } interface IfxFooterAttributes { "copyrightText": string; } interface IfxIconAttributes { "icon": string; } interface IfxIconButtonAttributes { "variant": "primary" | "secondary" | "tertiary"; "size": "xs" | "s" | "m" | "l"; "disabled": boolean; "icon": string; "href": string; "target": string; "shape": "round" | "square"; "ariaLabelText": string | null; } interface IfxIndicatorAttributes { "inverted": boolean; "ariaLabelText": string | null; "variant": string; "number": number; } interface IfxLinkAttributes { "href": string; "target": string; "variant": "underlined" | "bold" | "title" | "menu"; "size": "s" | "m" | "l" | "xl"; "disabled": boolean; "download": string; "ariaLabelText": string | null; } interface IfxListAttributes { "name": ""; "maxVisibleItems": 6; "type": string; "resetTrigger": boolean; } interface IfxListEntryAttributes { "value": boolean; "label": string; "type": string; } interface IfxModalAttributes { "opened": boolean; "caption": string; "captionAriaLabel": string | null; "closeOnOverlayClick": boolean; "variant": "default" | "alert-brand" | "alert-danger"; "size": "s" | "m" | "l"; "alertIcon": string; "showCloseButton": boolean; "closeButtonAriaLabel": string; } interface IfxMultiselectAttributes { "name": string; "disabled": boolean; "readOnly": boolean; "required": boolean; "error": boolean; "caption": string; "label": string; "placeholder": string; "showSearch": boolean; "showSelectAll": boolean; "showClearButton": boolean; "showExpandCollapse": boolean; "noResultsMessage": string; "showNoResultsMessage": boolean; "searchPlaceholder": string; "selectAllLabel": string; "expandLabel": string; "collapseLabel": string; "ariaMultiSelectLabel": string; "ariaMultiSelectLabelledBy": string; "ariaMultiSelectDescribedBy": string; "ariaSearchLabel": string; "ariaClearLabel": string; "ariaToggleLabel": string; "ariaSelectAllLabel": string; "ariaExpandAllLabel": string; "ariaCollapseAllLabel": string; } interface IfxMultiselectOptionAttributes { "value": string; "selected": boolean; "disabled": boolean; "indeterminate": boolean; } interface IfxNavbarAttributes { "applicationName": string; "fixed": boolean; "showLogoAndAppname": boolean; "logoHref": string; "logoHrefTarget": string; } interface IfxNavbarItemAttributes { "showLabel": boolean; "icon": string; "href": string; "target": string; "hideOnMobile": boolean; "numberIndicator": number; "dotIndicator": boolean; } interface IfxNavbarProfileAttributes { "showLabel": boolean; "href": string; "imageUrl": string; "target": string; "alt": string; "userName": string; } interface IfxNotificationAttributes { "icon": string; "variant": NotificationVariant; "linkText": string; "linkHref": string; "linkTarget": string; } interface IfxPaginationAttributes { "currentPage": number; "showItemsPerPage": boolean; "total": number; "itemsPerPage": any[] | string; "itemsPerPageLabel": string; } interface IfxPopoverAttributes { "popoverTitle": string; "text": string; "position": 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto'; "disabled": boolean; "open": boolean; "ariaLabelText": string | null; } interface IfxProgressBarAttributes { "value": number; "size": string; "showLabel": boolean; } interface IfxRadioButtonAttributes { "disabled": boolean; "value": string; "error": boolean; "readOnly": boolean; "size": "s" | "m"; "name": string; "checked": boolean; } interface IfxRadioButtonGroupAttributes { "alignment": "horizontal" | "vertical"; "size": string; "showGroupLabel": boolean; "groupLabelText": string; "showCaption": boolean; "captionText": string; "showCaptionIcon": boolean; "required": boolean; } interface IfxSearchBarAttributes { "isOpen": boolean; "disabled": boolean; "value": string | undefined; "maxlength": number; "autocomplete": string; "showCloseButton": boolean; } interface IfxSearchFieldAttributes { "value": string; "showSuggestions": boolean; "maxSuggestions": number; "maxHistoryItems": number; "enableHistory": boolean; "historyKey": string; "historyHeaderText": string; "ariaLabelText": string | null; "ariaLabelledBy": string | null; "ariaDescribedBy": string | null; "deleteIconAriaLabel": string; "historyDeleteAriaLabel": string; "dropdownAriaLabel": string; "suggestionAriaLabel": string; "historyItemAriaLabel": string; "showDeleteIcon": boolean; "disabled": boolean; "size": 's' | 'l'; "placeholder": string; "autocomplete": string; "maxlength": number; } interface IfxSegmentAttributes { "icon": string; "segmentIndex": number; "selected": boolean; "value": string; } interface IfxSegmentedControlAttributes { "caption": string; "label": string; "size": "regular" | "small"; "required": boolean; "error": boolean; } interface IfxSelectAttributes { "value": string; "name": string; "choices": Array | string; "renderChoiceLimit": number; "maxItemCount": number; "addItems": boolean; "removeItems": boolean; "removeItemButton": boolean; "editItems": boolean; "duplicateItemsAllowed": boolean; "delimiter": string; "paste": boolean; "showSearch": boolean; "searchChoices": boolean; "searchFields": Array | string; "searchFloor": number; "searchResultLimit": number; "position": 'auto' | 'top' | 'bottom'; "resetScrollPosition": boolean; "shouldSort": boolean; "shouldSortItems": boolean; "placeholder": string; "searchPlaceholderValue": string; "prependValue": string; "appendValue": string; "renderSelectedChoices": 'always' | 'auto'; "loadingText": string; "noResultsText": string | NoResultsTextFn; "noChoicesText": string | NoChoicesTextFn; "itemSelectText": ''; "addItemText": string | AddItemTextFn; "maxItemText": string | MaxItemTextFn; "uniqueItemText": UniqueItemText; "addItemFilter": string | RegExp | ItemFilterFn; "customAddItemText": CustomAddItemText; "readOnly": boolean; "error": boolean; "label": string; "caption": string; "disabled": boolean; "required": boolean; "placeholderValue": string; "options": any[] | string; "size": string; "showClearButton": boolean; } interface IfxSetFilterAttributes { "filterName": string; "filterLabel": string; "placeholder": string; "type": "text" | "single-select" | "multi-select"; "options": any[] | string; } interface IfxSidebarAttributes { "applicationName": string; "initialCollapse": boolean; "showFooter": boolean; "showHeader": boolean; "termsOfUse": string; "imprint": string; "privacyPolicy": string; "footerHrefTarget": string; "logoHref": string; "logoHrefTarget": string; "copyrightText": string; "collapsible": boolean; "collapsed": boolean; "hideMenuLabel": string; "position": "left" | "right"; } interface IfxSidebarItemAttributes { "icon": string; "href": string; "target": string; "numberIndicator": number; "active": boolean; "isActionItem": boolean; } interface IfxSidebarTitleAttributes { "showInCollapsed": boolean; } interface IfxSliderAttributes { "min": number; "max": number; "step": number; "value": number; "minValueHandle": number; "maxValueHandle": number; "disabled": boolean; "readOnly": boolean; "showPercentage": boolean; "leftIcon": string; "rightIcon": string; "leftText": string; "rightText": string; "type": "single" | "double"; "ariaLabelText": string | null; } interface IfxSpinnerAttributes { "size": "s" | "m"; "variant": "default" | "brand"; "inverted": boolean; "ariaLabelText": string | null; } interface IfxStatusAttributes { "label": string; "border": boolean; "color": string; } interface IfxStepAttributes { "complete": boolean; "disabled": boolean; "error": boolean; "lastStep": boolean; "stepId": number; } interface IfxStepperAttributes { "activeStep": number; "indicatorPosition": "left" | "right"; "showStepNumber": boolean; "variant": "default" | "compact" | "vertical"; "ariaLabelText": string | null; "ariaCurrentText": string | null; } interface IfxSwitchAttributes { "checked": boolean; "disabled": boolean; "readOnly": boolean; "name": string; "value": string; } interface IfxTabAttributes { "header": string; "disabled": boolean; "icon": string; "iconPosition": 'left' | 'right'; "subline": string; "label": string; "number": number; "positionSticky": boolean; } interface IfxTableAttributes { "cols": string; "rows": string; "rowHeight": string; "tableHeight": string; "pagination": boolean; "paginationItemsPerPage": | string | Array<{ value: number | string; selected?: boolean; label?: string }>; "filterOrientation": string; "headline": string; "headlineNumber": number; "variant": string; "serverSidePagination": boolean; "enableSelection": boolean; "showLoading": boolean; "fitColumns": boolean; "columnMinWidth": number; "columnWidth": string; } interface IfxTabsAttributes { "orientation": string; "activeTabIndex": number; "fullWidth": boolean; "label": string; "number": number; "subline": string; "positionSticky": boolean; } interface IfxTemplateAttributes { "name": string; "thumbnail": string; } interface IfxTextFieldAttributes { "placeholder": string; "name": string; "value": string; "error": boolean; "label": string; "icon": string; "caption": string; "size": string; "required": boolean; "success": boolean; "disabled": boolean; "readOnly": boolean; "maxlength": number; "showDeleteIcon": boolean; "autocomplete": string; "type": "text" | "password"; "internalId": string; } interface IfxTextareaAttributes { "caption": string; "cols": number; "disabled": boolean; "error": boolean; "label": string; "maxlength": number; "name": string; "placeholder": string; "required": boolean; "readOnly": boolean; "resize": "both" | "horizontal" | "vertical" | "none"; "rows": number; "value": string; "wrap": "hard" | "soft" | "off"; "fullWidth": string; } interface IfxTooltipAttributes { "header": string; "text": string; "position": "bottom-start" | "top-start" | "left" | "bottom-end" | "top-end" | "right" | "bottom" | "top" | "auto"; "ariaLabelText": string | null; "variant": "compact" | "dismissible" | "extended"; "icon": string; "appendToBody": boolean; } interface IfxTreeViewAttributes { "label": string; "disableAllItems": boolean; "expandAllItems": boolean; "ariaLabelText": string | null; } interface IfxTreeViewItemAttributes { "expanded": boolean; "initiallyExpanded": boolean; "disableItem": boolean; "ariaLabelText": string | null; "initiallySelected": boolean; "value": string; } interface IntrinsicElements { "ifx-accordion": Omit & { [K in keyof IfxAccordion & keyof IfxAccordionAttributes]?: IfxAccordion[K] } & { [K in keyof IfxAccordion & keyof IfxAccordionAttributes as `attr:${K}`]?: IfxAccordionAttributes[K] } & { [K in keyof IfxAccordion & keyof IfxAccordionAttributes as `prop:${K}`]?: IfxAccordion[K] }; "ifx-accordion-item": Omit & { [K in keyof IfxAccordionItem & keyof IfxAccordionItemAttributes]?: IfxAccordionItem[K] } & { [K in keyof IfxAccordionItem & keyof IfxAccordionItemAttributes as `attr:${K}`]?: IfxAccordionItemAttributes[K] } & { [K in keyof IfxAccordionItem & keyof IfxAccordionItemAttributes as `prop:${K}`]?: IfxAccordionItem[K] }; "ifx-action-list": Omit & { [K in keyof IfxActionList & keyof IfxActionListAttributes]?: IfxActionList[K] } & { [K in keyof IfxActionList & keyof IfxActionListAttributes as `attr:${K}`]?: IfxActionListAttributes[K] } & { [K in keyof IfxActionList & keyof IfxActionListAttributes as `prop:${K}`]?: IfxActionList[K] }; "ifx-action-list-item": Omit & { [K in keyof IfxActionListItem & keyof IfxActionListItemAttributes]?: IfxActionListItem[K] } & { [K in keyof IfxActionListItem & keyof IfxActionListItemAttributes as `attr:${K}`]?: IfxActionListItemAttributes[K] } & { [K in keyof IfxActionListItem & keyof IfxActionListItemAttributes as `prop:${K}`]?: IfxActionListItem[K] }; "ifx-ai-label": Omit & { [K in keyof IfxAiLabel & keyof IfxAiLabelAttributes]?: IfxAiLabel[K] } & { [K in keyof IfxAiLabel & keyof IfxAiLabelAttributes as `attr:${K}`]?: IfxAiLabelAttributes[K] } & { [K in keyof IfxAiLabel & keyof IfxAiLabelAttributes as `prop:${K}`]?: IfxAiLabel[K] }; "ifx-alert": Omit & { [K in keyof IfxAlert & keyof IfxAlertAttributes]?: IfxAlert[K] } & { [K in keyof IfxAlert & keyof IfxAlertAttributes as `attr:${K}`]?: IfxAlertAttributes[K] } & { [K in keyof IfxAlert & keyof IfxAlertAttributes as `prop:${K}`]?: IfxAlert[K] }; "ifx-basic-table": Omit & { [K in keyof IfxBasicTable & keyof IfxBasicTableAttributes]?: IfxBasicTable[K] } & { [K in keyof IfxBasicTable & keyof IfxBasicTableAttributes as `attr:${K}`]?: IfxBasicTableAttributes[K] } & { [K in keyof IfxBasicTable & keyof IfxBasicTableAttributes as `prop:${K}`]?: IfxBasicTable[K] }; "ifx-breadcrumb": IfxBreadcrumb; "ifx-breadcrumb-item": IfxBreadcrumbItem; "ifx-breadcrumb-item-label": Omit & { [K in keyof IfxBreadcrumbItemLabel & keyof IfxBreadcrumbItemLabelAttributes]?: IfxBreadcrumbItemLabel[K] } & { [K in keyof IfxBreadcrumbItemLabel & keyof IfxBreadcrumbItemLabelAttributes as `attr:${K}`]?: IfxBreadcrumbItemLabelAttributes[K] } & { [K in keyof IfxBreadcrumbItemLabel & keyof IfxBreadcrumbItemLabelAttributes as `prop:${K}`]?: IfxBreadcrumbItemLabel[K] }; "ifx-button": Omit & { [K in keyof IfxButton & keyof IfxButtonAttributes]?: IfxButton[K] } & { [K in keyof IfxButton & keyof IfxButtonAttributes as `attr:${K}`]?: IfxButtonAttributes[K] } & { [K in keyof IfxButton & keyof IfxButtonAttributes as `prop:${K}`]?: IfxButton[K] }; "ifx-card": Omit & { [K in keyof IfxCard & keyof IfxCardAttributes]?: IfxCard[K] } & { [K in keyof IfxCard & keyof IfxCardAttributes as `attr:${K}`]?: IfxCardAttributes[K] } & { [K in keyof IfxCard & keyof IfxCardAttributes as `prop:${K}`]?: IfxCard[K] }; "ifx-card-headline": IfxCardHeadline; "ifx-card-image": Omit & { [K in keyof IfxCardImage & keyof IfxCardImageAttributes]?: IfxCardImage[K] } & { [K in keyof IfxCardImage & keyof IfxCardImageAttributes as `attr:${K}`]?: IfxCardImageAttributes[K] } & { [K in keyof IfxCardImage & keyof IfxCardImageAttributes as `prop:${K}`]?: IfxCardImage[K] }; "ifx-card-links": IfxCardLinks; "ifx-card-overline": IfxCardOverline; "ifx-card-text": IfxCardText; "ifx-checkbox": Omit & { [K in keyof IfxCheckbox & keyof IfxCheckboxAttributes]?: IfxCheckbox[K] } & { [K in keyof IfxCheckbox & keyof IfxCheckboxAttributes as `attr:${K}`]?: IfxCheckboxAttributes[K] } & { [K in keyof IfxCheckbox & keyof IfxCheckboxAttributes as `prop:${K}`]?: IfxCheckbox[K] }; "ifx-checkbox-group": Omit & { [K in keyof IfxCheckboxGroup & keyof IfxCheckboxGroupAttributes]?: IfxCheckboxGroup[K] } & { [K in keyof IfxCheckboxGroup & keyof IfxCheckboxGroupAttributes as `attr:${K}`]?: IfxCheckboxGroupAttributes[K] } & { [K in keyof IfxCheckboxGroup & keyof IfxCheckboxGroupAttributes as `prop:${K}`]?: IfxCheckboxGroup[K] }; "ifx-chip": Omit & { [K in keyof IfxChip & keyof IfxChipAttributes]?: IfxChip[K] } & { [K in keyof IfxChip & keyof IfxChipAttributes as `attr:${K}`]?: IfxChipAttributes[K] } & { [K in keyof IfxChip & keyof IfxChipAttributes as `prop:${K}`]?: IfxChip[K] }; "ifx-chip-item": Omit & { [K in keyof IfxChipItem & keyof IfxChipItemAttributes]?: IfxChipItem[K] } & { [K in keyof IfxChipItem & keyof IfxChipItemAttributes as `attr:${K}`]?: IfxChipItemAttributes[K] } & { [K in keyof IfxChipItem & keyof IfxChipItemAttributes as `prop:${K}`]?: IfxChipItem[K] }; "ifx-content-switcher": IfxContentSwitcher; "ifx-content-switcher-item": Omit & { [K in keyof IfxContentSwitcherItem & keyof IfxContentSwitcherItemAttributes]?: IfxContentSwitcherItem[K] } & { [K in keyof IfxContentSwitcherItem & keyof IfxContentSwitcherItemAttributes as `attr:${K}`]?: IfxContentSwitcherItemAttributes[K] } & { [K in keyof IfxContentSwitcherItem & keyof IfxContentSwitcherItemAttributes as `prop:${K}`]?: IfxContentSwitcherItem[K] }; "ifx-date-picker": Omit & { [K in keyof IfxDatePicker & keyof IfxDatePickerAttributes]?: IfxDatePicker[K] } & { [K in keyof IfxDatePicker & keyof IfxDatePickerAttributes as `attr:${K}`]?: IfxDatePickerAttributes[K] } & { [K in keyof IfxDatePicker & keyof IfxDatePickerAttributes as `prop:${K}`]?: IfxDatePicker[K] }; "ifx-download": Omit & { [K in keyof IfxDownload & keyof IfxDownloadAttributes]?: IfxDownload[K] } & { [K in keyof IfxDownload & keyof IfxDownloadAttributes as `attr:${K}`]?: IfxDownloadAttributes[K] } & { [K in keyof IfxDownload & keyof IfxDownloadAttributes as `prop:${K}`]?: IfxDownload[K] }; "ifx-dropdown": Omit & { [K in keyof IfxDropdown & keyof IfxDropdownAttributes]?: IfxDropdown[K] } & { [K in keyof IfxDropdown & keyof IfxDropdownAttributes as `attr:${K}`]?: IfxDropdownAttributes[K] } & { [K in keyof IfxDropdown & keyof IfxDropdownAttributes as `prop:${K}`]?: IfxDropdown[K] }; "ifx-dropdown-header": IfxDropdownHeader; "ifx-dropdown-item": Omit & { [K in keyof IfxDropdownItem & keyof IfxDropdownItemAttributes]?: IfxDropdownItem[K] } & { [K in keyof IfxDropdownItem & keyof IfxDropdownItemAttributes as `attr:${K}`]?: IfxDropdownItemAttributes[K] } & { [K in keyof IfxDropdownItem & keyof IfxDropdownItemAttributes as `prop:${K}`]?: IfxDropdownItem[K] }; "ifx-dropdown-menu": Omit & { [K in keyof IfxDropdownMenu & keyof IfxDropdownMenuAttributes]?: IfxDropdownMenu[K] } & { [K in keyof IfxDropdownMenu & keyof IfxDropdownMenuAttributes as `attr:${K}`]?: IfxDropdownMenuAttributes[K] } & { [K in keyof IfxDropdownMenu & keyof IfxDropdownMenuAttributes as `prop:${K}`]?: IfxDropdownMenu[K] }; "ifx-dropdown-separator": IfxDropdownSeparator; "ifx-dropdown-trigger": Omit & { [K in keyof IfxDropdownTrigger & keyof IfxDropdownTriggerAttributes]?: IfxDropdownTrigger[K] } & { [K in keyof IfxDropdownTrigger & keyof IfxDropdownTriggerAttributes as `attr:${K}`]?: IfxDropdownTriggerAttributes[K] } & { [K in keyof IfxDropdownTrigger & keyof IfxDropdownTriggerAttributes as `prop:${K}`]?: IfxDropdownTrigger[K] }; "ifx-dropdown-trigger-button": Omit & { [K in keyof IfxDropdownTriggerButton & keyof IfxDropdownTriggerButtonAttributes]?: IfxDropdownTriggerButton[K] } & { [K in keyof IfxDropdownTriggerButton & keyof IfxDropdownTriggerButtonAttributes as `attr:${K}`]?: IfxDropdownTriggerButtonAttributes[K] } & { [K in keyof IfxDropdownTriggerButton & keyof IfxDropdownTriggerButtonAttributes as `prop:${K}`]?: IfxDropdownTriggerButton[K] }; "ifx-error-page": Omit & { [K in keyof IfxErrorPage & keyof IfxErrorPageAttributes]?: IfxErrorPage[K] } & { [K in keyof IfxErrorPage & keyof IfxErrorPageAttributes as `attr:${K}`]?: IfxErrorPageAttributes[K] } & { [K in keyof IfxErrorPage & keyof IfxErrorPageAttributes as `prop:${K}`]?: IfxErrorPage[K] }; "ifx-file-upload": Omit & { [K in keyof IfxFileUpload & keyof IfxFileUploadAttributes]?: IfxFileUpload[K] } & { [K in keyof IfxFileUpload & keyof IfxFileUploadAttributes as `attr:${K}`]?: IfxFileUploadAttributes[K] } & { [K in keyof IfxFileUpload & keyof IfxFileUploadAttributes as `prop:${K}`]?: IfxFileUpload[K] }; "ifx-filter-accordion": Omit & { [K in keyof IfxFilterAccordion & keyof IfxFilterAccordionAttributes]?: IfxFilterAccordion[K] } & { [K in keyof IfxFilterAccordion & keyof IfxFilterAccordionAttributes as `attr:${K}`]?: IfxFilterAccordionAttributes[K] } & { [K in keyof IfxFilterAccordion & keyof IfxFilterAccordionAttributes as `prop:${K}`]?: IfxFilterAccordion[K] }; "ifx-filter-bar": Omit & { [K in keyof IfxFilterBar & keyof IfxFilterBarAttributes]?: IfxFilterBar[K] } & { [K in keyof IfxFilterBar & keyof IfxFilterBarAttributes as `attr:${K}`]?: IfxFilterBarAttributes[K] } & { [K in keyof IfxFilterBar & keyof IfxFilterBarAttributes as `prop:${K}`]?: IfxFilterBar[K] }; "ifx-filter-search": Omit & { [K in keyof IfxFilterSearch & keyof IfxFilterSearchAttributes]?: IfxFilterSearch[K] } & { [K in keyof IfxFilterSearch & keyof IfxFilterSearchAttributes as `attr:${K}`]?: IfxFilterSearchAttributes[K] } & { [K in keyof IfxFilterSearch & keyof IfxFilterSearchAttributes as `prop:${K}`]?: IfxFilterSearch[K] }; "ifx-filter-type-group": IfxFilterTypeGroup; "ifx-footer": Omit & { [K in keyof IfxFooter & keyof IfxFooterAttributes]?: IfxFooter[K] } & { [K in keyof IfxFooter & keyof IfxFooterAttributes as `attr:${K}`]?: IfxFooterAttributes[K] } & { [K in keyof IfxFooter & keyof IfxFooterAttributes as `prop:${K}`]?: IfxFooter[K] }; "ifx-footer-column": IfxFooterColumn; "ifx-icon": Omit & { [K in keyof IfxIcon & keyof IfxIconAttributes]?: IfxIcon[K] } & { [K in keyof IfxIcon & keyof IfxIconAttributes as `attr:${K}`]?: IfxIconAttributes[K] } & { [K in keyof IfxIcon & keyof IfxIconAttributes as `prop:${K}`]?: IfxIcon[K] }; "ifx-icon-button": Omit & { [K in keyof IfxIconButton & keyof IfxIconButtonAttributes]?: IfxIconButton[K] } & { [K in keyof IfxIconButton & keyof IfxIconButtonAttributes as `attr:${K}`]?: IfxIconButtonAttributes[K] } & { [K in keyof IfxIconButton & keyof IfxIconButtonAttributes as `prop:${K}`]?: IfxIconButton[K] }; "ifx-icons-preview": IfxIconsPreview; "ifx-indicator": Omit & { [K in keyof IfxIndicator & keyof IfxIndicatorAttributes]?: IfxIndicator[K] } & { [K in keyof IfxIndicator & keyof IfxIndicatorAttributes as `attr:${K}`]?: IfxIndicatorAttributes[K] } & { [K in keyof IfxIndicator & keyof IfxIndicatorAttributes as `prop:${K}`]?: IfxIndicator[K] }; "ifx-link": Omit & { [K in keyof IfxLink & keyof IfxLinkAttributes]?: IfxLink[K] } & { [K in keyof IfxLink & keyof IfxLinkAttributes as `attr:${K}`]?: IfxLinkAttributes[K] } & { [K in keyof IfxLink & keyof IfxLinkAttributes as `prop:${K}`]?: IfxLink[K] }; "ifx-list": Omit & { [K in keyof IfxList & keyof IfxListAttributes]?: IfxList[K] } & { [K in keyof IfxList & keyof IfxListAttributes as `attr:${K}`]?: IfxListAttributes[K] } & { [K in keyof IfxList & keyof IfxListAttributes as `prop:${K}`]?: IfxList[K] }; "ifx-list-entry": Omit & { [K in keyof IfxListEntry & keyof IfxListEntryAttributes]?: IfxListEntry[K] } & { [K in keyof IfxListEntry & keyof IfxListEntryAttributes as `attr:${K}`]?: IfxListEntryAttributes[K] } & { [K in keyof IfxListEntry & keyof IfxListEntryAttributes as `prop:${K}`]?: IfxListEntry[K] }; "ifx-modal": Omit & { [K in keyof IfxModal & keyof IfxModalAttributes]?: IfxModal[K] } & { [K in keyof IfxModal & keyof IfxModalAttributes as `attr:${K}`]?: IfxModalAttributes[K] } & { [K in keyof IfxModal & keyof IfxModalAttributes as `prop:${K}`]?: IfxModal[K] }; "ifx-multiselect": Omit & { [K in keyof IfxMultiselect & keyof IfxMultiselectAttributes]?: IfxMultiselect[K] } & { [K in keyof IfxMultiselect & keyof IfxMultiselectAttributes as `attr:${K}`]?: IfxMultiselectAttributes[K] } & { [K in keyof IfxMultiselect & keyof IfxMultiselectAttributes as `prop:${K}`]?: IfxMultiselect[K] }; "ifx-multiselect-option": Omit & { [K in keyof IfxMultiselectOption & keyof IfxMultiselectOptionAttributes]?: IfxMultiselectOption[K] } & { [K in keyof IfxMultiselectOption & keyof IfxMultiselectOptionAttributes as `attr:${K}`]?: IfxMultiselectOptionAttributes[K] } & { [K in keyof IfxMultiselectOption & keyof IfxMultiselectOptionAttributes as `prop:${K}`]?: IfxMultiselectOption[K] }; "ifx-navbar": Omit & { [K in keyof IfxNavbar & keyof IfxNavbarAttributes]?: IfxNavbar[K] } & { [K in keyof IfxNavbar & keyof IfxNavbarAttributes as `attr:${K}`]?: IfxNavbarAttributes[K] } & { [K in keyof IfxNavbar & keyof IfxNavbarAttributes as `prop:${K}`]?: IfxNavbar[K] }; "ifx-navbar-item": Omit & { [K in keyof IfxNavbarItem & keyof IfxNavbarItemAttributes]?: IfxNavbarItem[K] } & { [K in keyof IfxNavbarItem & keyof IfxNavbarItemAttributes as `attr:${K}`]?: IfxNavbarItemAttributes[K] } & { [K in keyof IfxNavbarItem & keyof IfxNavbarItemAttributes as `prop:${K}`]?: IfxNavbarItem[K] }; "ifx-navbar-profile": Omit & { [K in keyof IfxNavbarProfile & keyof IfxNavbarProfileAttributes]?: IfxNavbarProfile[K] } & { [K in keyof IfxNavbarProfile & keyof IfxNavbarProfileAttributes as `attr:${K}`]?: IfxNavbarProfileAttributes[K] } & { [K in keyof IfxNavbarProfile & keyof IfxNavbarProfileAttributes as `prop:${K}`]?: IfxNavbarProfile[K] }; "ifx-notification": Omit & { [K in keyof IfxNotification & keyof IfxNotificationAttributes]?: IfxNotification[K] } & { [K in keyof IfxNotification & keyof IfxNotificationAttributes as `attr:${K}`]?: IfxNotificationAttributes[K] } & { [K in keyof IfxNotification & keyof IfxNotificationAttributes as `prop:${K}`]?: IfxNotification[K] }; "ifx-overview-table": IfxOverviewTable; "ifx-pagination": Omit & { [K in keyof IfxPagination & keyof IfxPaginationAttributes]?: IfxPagination[K] } & { [K in keyof IfxPagination & keyof IfxPaginationAttributes as `attr:${K}`]?: IfxPaginationAttributes[K] } & { [K in keyof IfxPagination & keyof IfxPaginationAttributes as `prop:${K}`]?: IfxPagination[K] }; "ifx-popover": Omit & { [K in keyof IfxPopover & keyof IfxPopoverAttributes]?: IfxPopover[K] } & { [K in keyof IfxPopover & keyof IfxPopoverAttributes as `attr:${K}`]?: IfxPopoverAttributes[K] } & { [K in keyof IfxPopover & keyof IfxPopoverAttributes as `prop:${K}`]?: IfxPopover[K] }; "ifx-progress-bar": Omit & { [K in keyof IfxProgressBar & keyof IfxProgressBarAttributes]?: IfxProgressBar[K] } & { [K in keyof IfxProgressBar & keyof IfxProgressBarAttributes as `attr:${K}`]?: IfxProgressBarAttributes[K] } & { [K in keyof IfxProgressBar & keyof IfxProgressBarAttributes as `prop:${K}`]?: IfxProgressBar[K] }; "ifx-radio-button": Omit & { [K in keyof IfxRadioButton & keyof IfxRadioButtonAttributes]?: IfxRadioButton[K] } & { [K in keyof IfxRadioButton & keyof IfxRadioButtonAttributes as `attr:${K}`]?: IfxRadioButtonAttributes[K] } & { [K in keyof IfxRadioButton & keyof IfxRadioButtonAttributes as `prop:${K}`]?: IfxRadioButton[K] }; "ifx-radio-button-group": Omit & { [K in keyof IfxRadioButtonGroup & keyof IfxRadioButtonGroupAttributes]?: IfxRadioButtonGroup[K] } & { [K in keyof IfxRadioButtonGroup & keyof IfxRadioButtonGroupAttributes as `attr:${K}`]?: IfxRadioButtonGroupAttributes[K] } & { [K in keyof IfxRadioButtonGroup & keyof IfxRadioButtonGroupAttributes as `prop:${K}`]?: IfxRadioButtonGroup[K] }; "ifx-search-bar": Omit & { [K in keyof IfxSearchBar & keyof IfxSearchBarAttributes]?: IfxSearchBar[K] } & { [K in keyof IfxSearchBar & keyof IfxSearchBarAttributes as `attr:${K}`]?: IfxSearchBarAttributes[K] } & { [K in keyof IfxSearchBar & keyof IfxSearchBarAttributes as `prop:${K}`]?: IfxSearchBar[K] }; "ifx-search-field": Omit & { [K in keyof IfxSearchField & keyof IfxSearchFieldAttributes]?: IfxSearchField[K] } & { [K in keyof IfxSearchField & keyof IfxSearchFieldAttributes as `attr:${K}`]?: IfxSearchFieldAttributes[K] } & { [K in keyof IfxSearchField & keyof IfxSearchFieldAttributes as `prop:${K}`]?: IfxSearchField[K] }; "ifx-segment": Omit & { [K in keyof IfxSegment & keyof IfxSegmentAttributes]?: IfxSegment[K] } & { [K in keyof IfxSegment & keyof IfxSegmentAttributes as `attr:${K}`]?: IfxSegmentAttributes[K] } & { [K in keyof IfxSegment & keyof IfxSegmentAttributes as `prop:${K}`]?: IfxSegment[K] } & OneOf<"value", IfxSegment["value"], IfxSegmentAttributes["value"]>; "ifx-segmented-control": Omit & { [K in keyof IfxSegmentedControl & keyof IfxSegmentedControlAttributes]?: IfxSegmentedControl[K] } & { [K in keyof IfxSegmentedControl & keyof IfxSegmentedControlAttributes as `attr:${K}`]?: IfxSegmentedControlAttributes[K] } & { [K in keyof IfxSegmentedControl & keyof IfxSegmentedControlAttributes as `prop:${K}`]?: IfxSegmentedControl[K] }; "ifx-select": Omit & { [K in keyof IfxSelect & keyof IfxSelectAttributes]?: IfxSelect[K] } & { [K in keyof IfxSelect & keyof IfxSelectAttributes as `attr:${K}`]?: IfxSelectAttributes[K] } & { [K in keyof IfxSelect & keyof IfxSelectAttributes as `prop:${K}`]?: IfxSelect[K] }; "ifx-set-filter": Omit & { [K in keyof IfxSetFilter & keyof IfxSetFilterAttributes]?: IfxSetFilter[K] } & { [K in keyof IfxSetFilter & keyof IfxSetFilterAttributes as `attr:${K}`]?: IfxSetFilterAttributes[K] } & { [K in keyof IfxSetFilter & keyof IfxSetFilterAttributes as `prop:${K}`]?: IfxSetFilter[K] }; "ifx-sidebar": Omit & { [K in keyof IfxSidebar & keyof IfxSidebarAttributes]?: IfxSidebar[K] } & { [K in keyof IfxSidebar & keyof IfxSidebarAttributes as `attr:${K}`]?: IfxSidebarAttributes[K] } & { [K in keyof IfxSidebar & keyof IfxSidebarAttributes as `prop:${K}`]?: IfxSidebar[K] }; "ifx-sidebar-item": Omit & { [K in keyof IfxSidebarItem & keyof IfxSidebarItemAttributes]?: IfxSidebarItem[K] } & { [K in keyof IfxSidebarItem & keyof IfxSidebarItemAttributes as `attr:${K}`]?: IfxSidebarItemAttributes[K] } & { [K in keyof IfxSidebarItem & keyof IfxSidebarItemAttributes as `prop:${K}`]?: IfxSidebarItem[K] }; "ifx-sidebar-title": Omit & { [K in keyof IfxSidebarTitle & keyof IfxSidebarTitleAttributes]?: IfxSidebarTitle[K] } & { [K in keyof IfxSidebarTitle & keyof IfxSidebarTitleAttributes as `attr:${K}`]?: IfxSidebarTitleAttributes[K] } & { [K in keyof IfxSidebarTitle & keyof IfxSidebarTitleAttributes as `prop:${K}`]?: IfxSidebarTitle[K] }; "ifx-slider": Omit & { [K in keyof IfxSlider & keyof IfxSliderAttributes]?: IfxSlider[K] } & { [K in keyof IfxSlider & keyof IfxSliderAttributes as `attr:${K}`]?: IfxSliderAttributes[K] } & { [K in keyof IfxSlider & keyof IfxSliderAttributes as `prop:${K}`]?: IfxSlider[K] }; "ifx-spinner": Omit & { [K in keyof IfxSpinner & keyof IfxSpinnerAttributes]?: IfxSpinner[K] } & { [K in keyof IfxSpinner & keyof IfxSpinnerAttributes as `attr:${K}`]?: IfxSpinnerAttributes[K] } & { [K in keyof IfxSpinner & keyof IfxSpinnerAttributes as `prop:${K}`]?: IfxSpinner[K] }; "ifx-status": Omit & { [K in keyof IfxStatus & keyof IfxStatusAttributes]?: IfxStatus[K] } & { [K in keyof IfxStatus & keyof IfxStatusAttributes as `attr:${K}`]?: IfxStatusAttributes[K] } & { [K in keyof IfxStatus & keyof IfxStatusAttributes as `prop:${K}`]?: IfxStatus[K] }; "ifx-step": Omit & { [K in keyof IfxStep & keyof IfxStepAttributes]?: IfxStep[K] } & { [K in keyof IfxStep & keyof IfxStepAttributes as `attr:${K}`]?: IfxStepAttributes[K] } & { [K in keyof IfxStep & keyof IfxStepAttributes as `prop:${K}`]?: IfxStep[K] }; "ifx-stepper": Omit & { [K in keyof IfxStepper & keyof IfxStepperAttributes]?: IfxStepper[K] } & { [K in keyof IfxStepper & keyof IfxStepperAttributes as `attr:${K}`]?: IfxStepperAttributes[K] } & { [K in keyof IfxStepper & keyof IfxStepperAttributes as `prop:${K}`]?: IfxStepper[K] }; "ifx-switch": Omit & { [K in keyof IfxSwitch & keyof IfxSwitchAttributes]?: IfxSwitch[K] } & { [K in keyof IfxSwitch & keyof IfxSwitchAttributes as `attr:${K}`]?: IfxSwitchAttributes[K] } & { [K in keyof IfxSwitch & keyof IfxSwitchAttributes as `prop:${K}`]?: IfxSwitch[K] }; "ifx-tab": Omit & { [K in keyof IfxTab & keyof IfxTabAttributes]?: IfxTab[K] } & { [K in keyof IfxTab & keyof IfxTabAttributes as `attr:${K}`]?: IfxTabAttributes[K] } & { [K in keyof IfxTab & keyof IfxTabAttributes as `prop:${K}`]?: IfxTab[K] }; "ifx-table": Omit & { [K in keyof IfxTable & keyof IfxTableAttributes]?: IfxTable[K] } & { [K in keyof IfxTable & keyof IfxTableAttributes as `attr:${K}`]?: IfxTableAttributes[K] } & { [K in keyof IfxTable & keyof IfxTableAttributes as `prop:${K}`]?: IfxTable[K] }; "ifx-tabs": Omit & { [K in keyof IfxTabs & keyof IfxTabsAttributes]?: IfxTabs[K] } & { [K in keyof IfxTabs & keyof IfxTabsAttributes as `attr:${K}`]?: IfxTabsAttributes[K] } & { [K in keyof IfxTabs & keyof IfxTabsAttributes as `prop:${K}`]?: IfxTabs[K] }; "ifx-template": Omit & { [K in keyof IfxTemplate & keyof IfxTemplateAttributes]?: IfxTemplate[K] } & { [K in keyof IfxTemplate & keyof IfxTemplateAttributes as `attr:${K}`]?: IfxTemplateAttributes[K] } & { [K in keyof IfxTemplate & keyof IfxTemplateAttributes as `prop:${K}`]?: IfxTemplate[K] }; "ifx-templates-ui": IfxTemplatesUi; "ifx-text-field": Omit & { [K in keyof IfxTextField & keyof IfxTextFieldAttributes]?: IfxTextField[K] } & { [K in keyof IfxTextField & keyof IfxTextFieldAttributes as `attr:${K}`]?: IfxTextFieldAttributes[K] } & { [K in keyof IfxTextField & keyof IfxTextFieldAttributes as `prop:${K}`]?: IfxTextField[K] }; "ifx-textarea": Omit & { [K in keyof IfxTextarea & keyof IfxTextareaAttributes]?: IfxTextarea[K] } & { [K in keyof IfxTextarea & keyof IfxTextareaAttributes as `attr:${K}`]?: IfxTextareaAttributes[K] } & { [K in keyof IfxTextarea & keyof IfxTextareaAttributes as `prop:${K}`]?: IfxTextarea[K] }; "ifx-tooltip": Omit & { [K in keyof IfxTooltip & keyof IfxTooltipAttributes]?: IfxTooltip[K] } & { [K in keyof IfxTooltip & keyof IfxTooltipAttributes as `attr:${K}`]?: IfxTooltipAttributes[K] } & { [K in keyof IfxTooltip & keyof IfxTooltipAttributes as `prop:${K}`]?: IfxTooltip[K] }; "ifx-tree-view": Omit & { [K in keyof IfxTreeView & keyof IfxTreeViewAttributes]?: IfxTreeView[K] } & { [K in keyof IfxTreeView & keyof IfxTreeViewAttributes as `attr:${K}`]?: IfxTreeViewAttributes[K] } & { [K in keyof IfxTreeView & keyof IfxTreeViewAttributes as `prop:${K}`]?: IfxTreeView[K] }; "ifx-tree-view-item": Omit & { [K in keyof IfxTreeViewItem & keyof IfxTreeViewItemAttributes]?: IfxTreeViewItem[K] } & { [K in keyof IfxTreeViewItem & keyof IfxTreeViewItemAttributes as `attr:${K}`]?: IfxTreeViewItemAttributes[K] } & { [K in keyof IfxTreeViewItem & keyof IfxTreeViewItemAttributes as `prop:${K}`]?: IfxTreeViewItem[K] }; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "ifx-accordion": LocalJSX.IntrinsicElements["ifx-accordion"] & JSXBase.HTMLAttributes; "ifx-accordion-item": LocalJSX.IntrinsicElements["ifx-accordion-item"] & JSXBase.HTMLAttributes; "ifx-action-list": LocalJSX.IntrinsicElements["ifx-action-list"] & JSXBase.HTMLAttributes; "ifx-action-list-item": LocalJSX.IntrinsicElements["ifx-action-list-item"] & JSXBase.HTMLAttributes; "ifx-ai-label": LocalJSX.IntrinsicElements["ifx-ai-label"] & JSXBase.HTMLAttributes; "ifx-alert": LocalJSX.IntrinsicElements["ifx-alert"] & JSXBase.HTMLAttributes; "ifx-basic-table": LocalJSX.IntrinsicElements["ifx-basic-table"] & JSXBase.HTMLAttributes; "ifx-breadcrumb": LocalJSX.IntrinsicElements["ifx-breadcrumb"] & JSXBase.HTMLAttributes; "ifx-breadcrumb-item": LocalJSX.IntrinsicElements["ifx-breadcrumb-item"] & JSXBase.HTMLAttributes; "ifx-breadcrumb-item-label": LocalJSX.IntrinsicElements["ifx-breadcrumb-item-label"] & JSXBase.HTMLAttributes; "ifx-button": LocalJSX.IntrinsicElements["ifx-button"] & JSXBase.HTMLAttributes; "ifx-card": LocalJSX.IntrinsicElements["ifx-card"] & JSXBase.HTMLAttributes; "ifx-card-headline": LocalJSX.IntrinsicElements["ifx-card-headline"] & JSXBase.HTMLAttributes; "ifx-card-image": LocalJSX.IntrinsicElements["ifx-card-image"] & JSXBase.HTMLAttributes; "ifx-card-links": LocalJSX.IntrinsicElements["ifx-card-links"] & JSXBase.HTMLAttributes; "ifx-card-overline": LocalJSX.IntrinsicElements["ifx-card-overline"] & JSXBase.HTMLAttributes; "ifx-card-text": LocalJSX.IntrinsicElements["ifx-card-text"] & JSXBase.HTMLAttributes; "ifx-checkbox": LocalJSX.IntrinsicElements["ifx-checkbox"] & JSXBase.HTMLAttributes; "ifx-checkbox-group": LocalJSX.IntrinsicElements["ifx-checkbox-group"] & JSXBase.HTMLAttributes; "ifx-chip": LocalJSX.IntrinsicElements["ifx-chip"] & JSXBase.HTMLAttributes; "ifx-chip-item": LocalJSX.IntrinsicElements["ifx-chip-item"] & JSXBase.HTMLAttributes; "ifx-content-switcher": LocalJSX.IntrinsicElements["ifx-content-switcher"] & JSXBase.HTMLAttributes; "ifx-content-switcher-item": LocalJSX.IntrinsicElements["ifx-content-switcher-item"] & JSXBase.HTMLAttributes; "ifx-date-picker": LocalJSX.IntrinsicElements["ifx-date-picker"] & JSXBase.HTMLAttributes; "ifx-download": LocalJSX.IntrinsicElements["ifx-download"] & JSXBase.HTMLAttributes; "ifx-dropdown": LocalJSX.IntrinsicElements["ifx-dropdown"] & JSXBase.HTMLAttributes; "ifx-dropdown-header": LocalJSX.IntrinsicElements["ifx-dropdown-header"] & JSXBase.HTMLAttributes; "ifx-dropdown-item": LocalJSX.IntrinsicElements["ifx-dropdown-item"] & JSXBase.HTMLAttributes; "ifx-dropdown-menu": LocalJSX.IntrinsicElements["ifx-dropdown-menu"] & JSXBase.HTMLAttributes; "ifx-dropdown-separator": LocalJSX.IntrinsicElements["ifx-dropdown-separator"] & JSXBase.HTMLAttributes; "ifx-dropdown-trigger": LocalJSX.IntrinsicElements["ifx-dropdown-trigger"] & JSXBase.HTMLAttributes; "ifx-dropdown-trigger-button": LocalJSX.IntrinsicElements["ifx-dropdown-trigger-button"] & JSXBase.HTMLAttributes; "ifx-error-page": LocalJSX.IntrinsicElements["ifx-error-page"] & JSXBase.HTMLAttributes; "ifx-file-upload": LocalJSX.IntrinsicElements["ifx-file-upload"] & JSXBase.HTMLAttributes; "ifx-filter-accordion": LocalJSX.IntrinsicElements["ifx-filter-accordion"] & JSXBase.HTMLAttributes; "ifx-filter-bar": LocalJSX.IntrinsicElements["ifx-filter-bar"] & JSXBase.HTMLAttributes; "ifx-filter-search": LocalJSX.IntrinsicElements["ifx-filter-search"] & JSXBase.HTMLAttributes; "ifx-filter-type-group": LocalJSX.IntrinsicElements["ifx-filter-type-group"] & JSXBase.HTMLAttributes; "ifx-footer": LocalJSX.IntrinsicElements["ifx-footer"] & JSXBase.HTMLAttributes; "ifx-footer-column": LocalJSX.IntrinsicElements["ifx-footer-column"] & JSXBase.HTMLAttributes; "ifx-icon": LocalJSX.IntrinsicElements["ifx-icon"] & JSXBase.HTMLAttributes; "ifx-icon-button": LocalJSX.IntrinsicElements["ifx-icon-button"] & JSXBase.HTMLAttributes; "ifx-icons-preview": LocalJSX.IntrinsicElements["ifx-icons-preview"] & JSXBase.HTMLAttributes; "ifx-indicator": LocalJSX.IntrinsicElements["ifx-indicator"] & JSXBase.HTMLAttributes; "ifx-link": LocalJSX.IntrinsicElements["ifx-link"] & JSXBase.HTMLAttributes; "ifx-list": LocalJSX.IntrinsicElements["ifx-list"] & JSXBase.HTMLAttributes; "ifx-list-entry": LocalJSX.IntrinsicElements["ifx-list-entry"] & JSXBase.HTMLAttributes; "ifx-modal": LocalJSX.IntrinsicElements["ifx-modal"] & JSXBase.HTMLAttributes; "ifx-multiselect": LocalJSX.IntrinsicElements["ifx-multiselect"] & JSXBase.HTMLAttributes; "ifx-multiselect-option": LocalJSX.IntrinsicElements["ifx-multiselect-option"] & JSXBase.HTMLAttributes; "ifx-navbar": LocalJSX.IntrinsicElements["ifx-navbar"] & JSXBase.HTMLAttributes; "ifx-navbar-item": LocalJSX.IntrinsicElements["ifx-navbar-item"] & JSXBase.HTMLAttributes; "ifx-navbar-profile": LocalJSX.IntrinsicElements["ifx-navbar-profile"] & JSXBase.HTMLAttributes; "ifx-notification": LocalJSX.IntrinsicElements["ifx-notification"] & JSXBase.HTMLAttributes; "ifx-overview-table": LocalJSX.IntrinsicElements["ifx-overview-table"] & JSXBase.HTMLAttributes; "ifx-pagination": LocalJSX.IntrinsicElements["ifx-pagination"] & JSXBase.HTMLAttributes; "ifx-popover": LocalJSX.IntrinsicElements["ifx-popover"] & JSXBase.HTMLAttributes; "ifx-progress-bar": LocalJSX.IntrinsicElements["ifx-progress-bar"] & JSXBase.HTMLAttributes; "ifx-radio-button": LocalJSX.IntrinsicElements["ifx-radio-button"] & JSXBase.HTMLAttributes; "ifx-radio-button-group": LocalJSX.IntrinsicElements["ifx-radio-button-group"] & JSXBase.HTMLAttributes; "ifx-search-bar": LocalJSX.IntrinsicElements["ifx-search-bar"] & JSXBase.HTMLAttributes; "ifx-search-field": LocalJSX.IntrinsicElements["ifx-search-field"] & JSXBase.HTMLAttributes; "ifx-segment": LocalJSX.IntrinsicElements["ifx-segment"] & JSXBase.HTMLAttributes; "ifx-segmented-control": LocalJSX.IntrinsicElements["ifx-segmented-control"] & JSXBase.HTMLAttributes; "ifx-select": LocalJSX.IntrinsicElements["ifx-select"] & JSXBase.HTMLAttributes; "ifx-set-filter": LocalJSX.IntrinsicElements["ifx-set-filter"] & JSXBase.HTMLAttributes; "ifx-sidebar": LocalJSX.IntrinsicElements["ifx-sidebar"] & JSXBase.HTMLAttributes; "ifx-sidebar-item": LocalJSX.IntrinsicElements["ifx-sidebar-item"] & JSXBase.HTMLAttributes; "ifx-sidebar-title": LocalJSX.IntrinsicElements["ifx-sidebar-title"] & JSXBase.HTMLAttributes; "ifx-slider": LocalJSX.IntrinsicElements["ifx-slider"] & JSXBase.HTMLAttributes; "ifx-spinner": LocalJSX.IntrinsicElements["ifx-spinner"] & JSXBase.HTMLAttributes; "ifx-status": LocalJSX.IntrinsicElements["ifx-status"] & JSXBase.HTMLAttributes; "ifx-step": LocalJSX.IntrinsicElements["ifx-step"] & JSXBase.HTMLAttributes; "ifx-stepper": LocalJSX.IntrinsicElements["ifx-stepper"] & JSXBase.HTMLAttributes; /** * A toggle switch component for binary on/off states. * This component is form-associated, meaning it can participate in HTML forms * just like native form controls. It supports form validation, form reset, * and browser autofill/restore functionality. * Code organization follows the Stencil Style Guide: * https://stenciljs.com/docs/style-guide * 1. Own Properties (internal, not exposed) * 2. * @Element (reference to host) * 3. * @State (internal reactive state) * 4. * @Prop (public API properties) * 5. * @Event (emitted events) * 6. Lifecycle methods * 7. * @Listen decorators * 8. * @Method (public methods) * 9. Private methods * 10. render() * Framework Integration: * - Vue: Supports v-model binding on the 'checked' property * - Angular: Supports [(ngModel)] and reactive forms (formControl) * - React: Standard prop binding and event handling * Configuration in stencil.config.ts enables framework-specific bindings. */ "ifx-switch": LocalJSX.IntrinsicElements["ifx-switch"] & JSXBase.HTMLAttributes; "ifx-tab": LocalJSX.IntrinsicElements["ifx-tab"] & JSXBase.HTMLAttributes; "ifx-table": LocalJSX.IntrinsicElements["ifx-table"] & JSXBase.HTMLAttributes; "ifx-tabs": LocalJSX.IntrinsicElements["ifx-tabs"] & JSXBase.HTMLAttributes; "ifx-template": LocalJSX.IntrinsicElements["ifx-template"] & JSXBase.HTMLAttributes; "ifx-templates-ui": LocalJSX.IntrinsicElements["ifx-templates-ui"] & JSXBase.HTMLAttributes; "ifx-text-field": LocalJSX.IntrinsicElements["ifx-text-field"] & JSXBase.HTMLAttributes; "ifx-textarea": LocalJSX.IntrinsicElements["ifx-textarea"] & JSXBase.HTMLAttributes; "ifx-tooltip": LocalJSX.IntrinsicElements["ifx-tooltip"] & JSXBase.HTMLAttributes; "ifx-tree-view": LocalJSX.IntrinsicElements["ifx-tree-view"] & JSXBase.HTMLAttributes; "ifx-tree-view-item": LocalJSX.IntrinsicElements["ifx-tree-view-item"] & JSXBase.HTMLAttributes; } } }