{ "schemaVersion": "2.1.0", "modules": [ { "kind": "javascript-module", "path": "src/components/accordion/accordion.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-accordion", "name": "IfxAccordion", "attributes": [ { "name": "auto-collapse", "description": "Collapse the other items when one item is opened.", "type": { "text": "boolean" }, "default": "false", "fieldName": "autoCollapse" } ], "members": [ { "kind": "field", "name": "autoCollapse", "description": "Collapse the other items when one item is opened.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "auto-collapse" } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxAccordion", "declaration": { "name": "IfxAccordion" } }, { "kind": "custom-element-definition", "name": "ifx-accordion", "declaration": { "name": "IfxAccordion" } } ] }, { "kind": "javascript-module", "path": "src/components/accordion/accordionItem.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-accordion-item", "name": "IfxAccordionItem", "attributes": [ { "name": "aria-level-number", "description": "The aria-level attribute for the accordion item header.", "type": { "text": "number" }, "default": "3", "fieldName": "ariaLevelNumber" }, { "name": "caption", "description": "The caption of the accordion item.", "type": { "text": "string" }, "fieldName": "caption" }, { "name": "icon", "description": "The icon to be displayed in the accordion item header.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "icon" }, { "name": "open", "description": "Set the open attribute to open the accordion item.", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" } ], "members": [ { "kind": "field", "name": "ariaLevelNumber", "description": "The aria-level attribute for the accordion item header.", "type": { "text": "number" }, "default": "3", "readonly": true, "attribute": "aria-level-number" }, { "kind": "field", "name": "caption", "description": "The caption of the accordion item.", "type": { "text": "string" }, "readonly": true, "attribute": "caption" }, { "kind": "field", "name": "icon", "description": "The icon to be displayed in the accordion item header.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "open", "description": "Set the open attribute to open the accordion item.", "type": { "text": "boolean" }, "default": "false", "attribute": "open" } ], "events": [ { "name": "ifxClose", "description": "Event emitted when an accordion item is closed.", "type": { "text": "CustomEvent" } }, { "name": "ifxOpen", "description": "Event emitted when accordion is opened.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxAccordionItem", "declaration": { "name": "IfxAccordionItem" } }, { "kind": "custom-element-definition", "name": "ifx-accordion-item", "declaration": { "name": "IfxAccordionItem" } } ] }, { "kind": "javascript-module", "path": "src/components/action-list/action-list.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-action-list", "name": "IfxActionList", "attributes": [ { "name": "list-aria-label", "description": "Aria label for accessibility support", "type": { "text": "string" }, "fieldName": "listAriaLabel" } ], "members": [ { "kind": "field", "name": "listAriaLabel", "description": "Aria label for accessibility support", "type": { "text": "string" }, "readonly": true, "attribute": "list-aria-label" } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxActionList", "declaration": { "name": "IfxActionList" } }, { "kind": "custom-element-definition", "name": "ifx-action-list", "declaration": { "name": "IfxActionList" } } ] }, { "kind": "javascript-module", "path": "src/components/action-list/action-list-item.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-action-list-item", "name": "IfxActionListItem", "attributes": [ { "name": "description", "description": "The description text displayed below the title", "type": { "text": "string" }, "fieldName": "description" }, { "name": "disabled", "description": "Controls whether the item is disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "href", "description": "URL to navigate to when item is clicked", "type": { "text": "string" }, "fieldName": "href" }, { "name": "item-aria-label", "description": "Aria label for accessibility support", "type": { "text": "string" }, "fieldName": "itemAriaLabel" }, { "name": "item-title", "description": "The title text displayed in the item", "type": { "text": "string" }, "fieldName": "itemTitle" }, { "name": "target", "description": "Target for the link navigation", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" }, { "name": "value", "description": "Value associated with this item", "type": { "text": "string" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "description", "description": "The description text displayed below the title", "type": { "text": "string" }, "readonly": true, "attribute": "description" }, { "kind": "field", "name": "disabled", "description": "Controls whether the item is disabled", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "href", "description": "URL to navigate to when item is clicked", "type": { "text": "string" }, "readonly": true, "attribute": "href" }, { "kind": "field", "name": "itemAriaLabel", "description": "Aria label for accessibility support", "type": { "text": "string" }, "readonly": true, "attribute": "item-aria-label" }, { "kind": "field", "name": "itemTitle", "description": "The title text displayed in the item", "type": { "text": "string" }, "readonly": true, "attribute": "item-title" }, { "kind": "field", "name": "target", "description": "Target for the link navigation", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" }, { "kind": "field", "name": "value", "description": "Value associated with this item", "type": { "text": "string" }, "readonly": true, "attribute": "value" } ], "events": [ { "name": "ifxActionListItemClick", "description": "Event emitted when the main item area is clicked", "type": { "text": "CustomEvent", "references": [ { "name": "ActionListItemClickEvent" } ] } } ], "slots": [ { "name": "leading" }, { "name": "trailing" } ] } ], "exports": [ { "kind": "js", "name": "IfxActionListItem", "declaration": { "name": "IfxActionListItem" } }, { "kind": "custom-element-definition", "name": "ifx-action-list-item", "declaration": { "name": "IfxActionListItem" } } ] }, { "kind": "javascript-module", "path": "src/components/ai-label/ai-label.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-ai-label", "name": "IfxAiLabel", "attributes": [ { "name": "divider", "description": "Determines whether to show a divider line", "type": { "text": "boolean" }, "default": "true", "fieldName": "divider" }, { "name": "variant", "description": "Display variant - either label or icon", "type": { "text": "\"icon\" | \"label\"" }, "default": "'label'", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "divider", "description": "Determines whether to show a divider line", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "divider" }, { "kind": "field", "name": "variant", "description": "Display variant - either label or icon", "type": { "text": "\"icon\" | \"label\"" }, "default": "'label'", "readonly": true, "attribute": "variant" } ] } ], "exports": [ { "kind": "js", "name": "IfxAiLabel", "declaration": { "name": "IfxAiLabel" } }, { "kind": "custom-element-definition", "name": "ifx-ai-label", "declaration": { "name": "IfxAiLabel" } } ] }, { "kind": "javascript-module", "path": "src/components/alert/alert.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-alert", "name": "IfxAlert", "attributes": [ { "name": "aria-live-text", "description": "Aria live region setting for accessibility announcements.", "type": { "text": "\"assertive\"" }, "default": "\"assertive\"", "fieldName": "AriaLiveText" }, { "name": "closable", "description": "Wether the component can be closed by the user.", "type": { "text": "boolean" }, "default": "true", "fieldName": "closable" }, { "name": "icon", "description": "Name or identifier of the icon to display.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "variant", "description": "Visual style variant of the component.", "type": { "text": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"" }, "default": "\"primary\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "AriaLiveText", "description": "Aria live region setting for accessibility announcements.", "type": { "text": "\"assertive\"" }, "default": "\"assertive\"", "readonly": true, "attribute": "aria-live-text" }, { "kind": "field", "name": "closable", "description": "Wether the component can be closed by the user.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "closable" }, { "kind": "field", "name": "icon", "description": "Name or identifier of the icon to display.", "type": { "text": "string" }, "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "variant", "description": "Visual style variant of the component.", "type": { "text": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"" }, "default": "\"primary\"", "readonly": true, "attribute": "variant" } ], "events": [ { "name": "ifxClose", "description": "Event emitted when the component is closed.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" }, { "name": "desc" }, { "name": "headline" } ] } ], "exports": [ { "kind": "js", "name": "IfxAlert", "declaration": { "name": "IfxAlert" } }, { "kind": "custom-element-definition", "name": "ifx-alert", "declaration": { "name": "IfxAlert" } } ] }, { "kind": "javascript-module", "path": "src/components/table-basic-version/table.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-basic-table", "name": "IfxBasicTable", "attributes": [ { "name": "cols", "description": "Column definitions for the table (array or JSON string).", "type": { "text": "any[] | string" }, "fieldName": "cols" }, { "name": "row-height", "description": "Row height preset (e.g. default, compact).", "type": { "text": "string" }, "default": "\"default\"", "fieldName": "rowHeight" }, { "name": "rows", "description": "Row data for the table (array or JSON string).", "type": { "text": "any[] | string" }, "fieldName": "rows" }, { "name": "table-height", "description": "Overall table height (e.g. fixed px value or 'auto').", "type": { "text": "string" }, "default": "\"auto\"", "fieldName": "tableHeight" }, { "name": "variant", "description": "Visual style variant of the table (e.g. default, compact).", "type": { "text": "string" }, "default": "\"default\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "cols", "description": "Column definitions for the table (array or JSON string).", "type": { "text": "any[] | string" }, "readonly": true, "attribute": "cols" }, { "kind": "field", "name": "rowHeight", "description": "Row height preset (e.g. default, compact).", "type": { "text": "string" }, "default": "\"default\"", "readonly": true, "attribute": "row-height" }, { "kind": "field", "name": "rows", "description": "Row data for the table (array or JSON string).", "type": { "text": "any[] | string" }, "readonly": true, "attribute": "rows" }, { "kind": "field", "name": "tableHeight", "description": "Overall table height (e.g. fixed px value or 'auto').", "type": { "text": "string" }, "default": "\"auto\"", "readonly": true, "attribute": "table-height" }, { "kind": "field", "name": "variant", "description": "Visual style variant of the table (e.g. default, compact).", "type": { "text": "string" }, "default": "\"default\"", "readonly": true, "attribute": "variant" } ] } ], "exports": [ { "kind": "js", "name": "IfxBasicTable", "declaration": { "name": "IfxBasicTable" } }, { "kind": "custom-element-definition", "name": "ifx-basic-table", "declaration": { "name": "IfxBasicTable" } } ] }, { "kind": "javascript-module", "path": "src/components/breadcrumb/breadcrumb.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-breadcrumb", "name": "IfxBreadcrumb", "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxBreadcrumb", "declaration": { "name": "IfxBreadcrumb" } }, { "kind": "custom-element-definition", "name": "ifx-breadcrumb", "declaration": { "name": "IfxBreadcrumb" } } ] }, { "kind": "javascript-module", "path": "src/components/breadcrumb/breadcrumb-item.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-breadcrumb-item", "name": "IfxBreadcrumbItem", "slots": [ { "name": "", "description": "The default slot" }, { "name": "label" } ] } ], "exports": [ { "kind": "js", "name": "IfxBreadcrumbItem", "declaration": { "name": "IfxBreadcrumbItem" } }, { "kind": "custom-element-definition", "name": "ifx-breadcrumb-item", "declaration": { "name": "IfxBreadcrumbItem" } } ] }, { "kind": "javascript-module", "path": "src/components/breadcrumb/breadcrumb-item-label.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-breadcrumb-item-label", "name": "IfxBreadcrumbItemLabel", "attributes": [ { "name": "href", "description": "URL the breadcrumb item links to.", "type": { "text": "string" }, "fieldName": "href" }, { "name": "icon", "description": "Icon displayed inside the breadcrumb item.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "target", "description": "Where to open the link.", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" } ], "members": [ { "kind": "field", "name": "href", "description": "URL the breadcrumb item links to.", "type": { "text": "string" }, "readonly": true, "attribute": "href" }, { "kind": "field", "name": "icon", "description": "Icon displayed inside the breadcrumb item.", "type": { "text": "string" }, "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "target", "description": "Where to open the link.", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" } ], "events": [ { "name": "breadcrumbMenuIconWrapper", "description": "Fires with the icon wrapper element when it's ready.", "type": { "text": "CustomEvent", "references": [ { "name": "HTMLElement", "package": "global:" } ] } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxBreadcrumbItemLabel", "declaration": { "name": "IfxBreadcrumbItemLabel" } }, { "kind": "custom-element-definition", "name": "ifx-breadcrumb-item-label", "declaration": { "name": "IfxBreadcrumbItemLabel" } } ] }, { "kind": "javascript-module", "path": "src/components/button/button.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-button", "name": "IfxButton", "attributes": [ { "name": "aria-label-text", "description": "Accessible label for screen readers when text is not enough", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "disabled", "description": "Wether the button is disabled and not clickable.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "full-width", "description": "If true, button stretches to fill the available width.", "type": { "text": "boolean" }, "default": "false", "fieldName": "fullWidth" }, { "name": "href", "description": "URL the Button should navigate to when clicked.", "type": { "text": "string" }, "fieldName": "href" }, { "name": "size", "description": "Button size (xs, s, m, l).", "type": { "text": "string" }, "default": "\"m\"", "fieldName": "size" }, { "name": "target", "description": "Where to open the link.", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" }, { "name": "theme", "description": "Color theme of the button.", "type": { "text": "\"danger\" | \"default\" | \"inverse\"" }, "default": "\"default\"", "fieldName": "theme" }, { "name": "type", "description": "Native button type.", "type": { "text": "\"button\" | \"reset\" | \"submit\"" }, "default": "\"button\"", "fieldName": "type" }, { "name": "variant", "description": "Button style level (visual prominence).", "type": { "text": "\"primary\" | \"secondary\" | \"tertiary\"" }, "default": "\"primary\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Accessible label for screen readers when text is not enough", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "disabled", "description": "Wether the button is disabled and not clickable.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "fullWidth", "description": "If true, button stretches to fill the available width.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "full-width" }, { "kind": "field", "name": "href", "description": "URL the Button should navigate to when clicked.", "type": { "text": "string" }, "readonly": true, "attribute": "href" }, { "kind": "field", "name": "size", "description": "Button size (xs, s, m, l).", "type": { "text": "string" }, "default": "\"m\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "target", "description": "Where to open the link.", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" }, { "kind": "field", "name": "theme", "description": "Color theme of the button.", "type": { "text": "\"danger\" | \"default\" | \"inverse\"" }, "default": "\"default\"", "readonly": true, "attribute": "theme" }, { "kind": "field", "name": "type", "description": "Native button type.", "type": { "text": "\"button\" | \"reset\" | \"submit\"" }, "default": "\"button\"", "readonly": true, "attribute": "type" }, { "kind": "field", "name": "variant", "description": "Button style level (visual prominence).", "type": { "text": "\"primary\" | \"secondary\" | \"tertiary\"" }, "default": "\"primary\"", "readonly": true, "attribute": "variant" }, { "kind": "method", "name": "setFocus", "description": "Move keayboard focus to the button.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxButton", "declaration": { "name": "IfxButton" } }, { "kind": "custom-element-definition", "name": "ifx-button", "declaration": { "name": "IfxButton" } } ] }, { "kind": "javascript-module", "path": "src/components/card/card.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-card", "name": "IfxCard", "attributes": [ { "name": "actions-placement", "description": "Controls vertical placement of the buttons slot within the card.\n\"default\" keeps buttons inline with content height.\n\"bottom\" pins buttons to the bottom of the card. Only takes effect when fullWidth is true.", "type": { "text": "\"bottom\" | \"default\"" }, "default": "\"default\"", "fieldName": "actionsPlacement" }, { "name": "aria-label-text", "description": "Accessible label for screen readers.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "ariaLabelText" }, { "name": "direction", "description": "Layout direction of the card.", "type": { "text": "\"horizontal\" | \"vertical\"" }, "default": "\"vertical\"", "fieldName": "direction" }, { "name": "full-width", "description": "If true, Card stretches to fill the available width.", "type": { "text": "boolean" }, "default": "false", "fieldName": "fullWidth" }, { "name": "href", "description": "Link the card should navigate to when clicked.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "href" }, { "name": "target", "description": "Where to open the link.", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" } ], "members": [ { "kind": "field", "name": "actionsPlacement", "description": "Controls vertical placement of the buttons slot within the card.\n\"default\" keeps buttons inline with content height.\n\"bottom\" pins buttons to the bottom of the card. Only takes effect when fullWidth is true.", "type": { "text": "\"bottom\" | \"default\"" }, "default": "\"default\"", "readonly": true, "attribute": "actions-placement" }, { "kind": "field", "name": "ariaLabelText", "description": "Accessible label for screen readers.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "direction", "description": "Layout direction of the card.", "type": { "text": "\"horizontal\" | \"vertical\"" }, "default": "\"vertical\"", "readonly": true, "attribute": "direction" }, { "kind": "field", "name": "fullWidth", "description": "If true, Card stretches to fill the available width.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "full-width" }, { "kind": "field", "name": "href", "description": "Link the card should navigate to when clicked.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "href" }, { "kind": "field", "name": "target", "description": "Where to open the link.", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" } ], "slots": [ { "name": "", "description": "The default slot" }, { "name": "actions" }, { "name": "img" } ] } ], "exports": [ { "kind": "js", "name": "IfxCard", "declaration": { "name": "IfxCard" } }, { "kind": "custom-element-definition", "name": "ifx-card", "declaration": { "name": "IfxCard" } } ] }, { "kind": "javascript-module", "path": "src/components/card/card-headline/card-headline.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-card-headline", "name": "IfxCardHeadline", "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxCardHeadline", "declaration": { "name": "IfxCardHeadline" } }, { "kind": "custom-element-definition", "name": "ifx-card-headline", "declaration": { "name": "IfxCardHeadline" } } ] }, { "kind": "javascript-module", "path": "src/components/card/card-image/card-image.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-card-image", "name": "IfxCardImage", "attributes": [ { "name": "alt", "description": "Text description of the image for screen readers.", "type": { "text": "string" }, "fieldName": "alt" }, { "name": "object-fit", "description": "CSS object-fit value applied to the image.", "type": { "text": "\"contain\" | \"cover\" | \"fill\" | \"none\"" }, "default": "\"cover\"", "fieldName": "objectFit" }, { "name": "position", "description": "Image position.", "type": { "text": "string" }, "fieldName": "position" }, { "name": "src", "description": "Image source URL.", "type": { "text": "string" }, "fieldName": "src" } ], "members": [ { "kind": "field", "name": "alt", "description": "Text description of the image for screen readers.", "type": { "text": "string" }, "readonly": true, "attribute": "alt" }, { "kind": "field", "name": "objectFit", "description": "CSS object-fit value applied to the image.", "type": { "text": "\"contain\" | \"cover\" | \"fill\" | \"none\"" }, "default": "\"cover\"", "readonly": true, "attribute": "object-fit" }, { "kind": "field", "name": "position", "description": "Image position.", "type": { "text": "string" }, "readonly": true, "attribute": "position" }, { "kind": "field", "name": "src", "description": "Image source URL.", "type": { "text": "string" }, "readonly": true, "attribute": "src" } ], "events": [ { "name": "imgPosition", "description": "Emits the image position when it changes or is set.", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxCardImage", "declaration": { "name": "IfxCardImage" } }, { "kind": "custom-element-definition", "name": "ifx-card-image", "declaration": { "name": "IfxCardImage" } } ] }, { "kind": "javascript-module", "path": "src/components/card/card-links/card-links.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-card-links", "name": "IfxCardLinks", "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxCardLinks", "declaration": { "name": "IfxCardLinks" } }, { "kind": "custom-element-definition", "name": "ifx-card-links", "declaration": { "name": "IfxCardLinks" } } ] }, { "kind": "javascript-module", "path": "src/components/card/card-overline/card-overline.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-card-overline", "name": "IfxCardOverline", "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxCardOverline", "declaration": { "name": "IfxCardOverline" } }, { "kind": "custom-element-definition", "name": "ifx-card-overline", "declaration": { "name": "IfxCardOverline" } } ] }, { "kind": "javascript-module", "path": "src/components/card/card-text/card-text.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-card-text", "name": "IfxCardText", "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxCardText", "declaration": { "name": "IfxCardText" } }, { "kind": "custom-element-definition", "name": "ifx-card-text", "declaration": { "name": "IfxCardText" } } ] }, { "kind": "javascript-module", "path": "src/components/checkbox/checkbox.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-checkbox", "name": "IfxCheckbox", "attributes": [ { "name": "checked", "description": "The state of the checkbox. When true, the checkbox is checked; when false, it is unchecked.", "type": { "text": "boolean" }, "default": "false", "fieldName": "checked" }, { "name": "disabled", "description": "Indicates whether the checkbox is disabled. When true, the checkbox cannot be interacted with and will have a disabled appearance.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "error", "description": "Indicates whether the checkbox is in an error state. When true, the checkbox will have an error appearance.", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "indeterminate", "description": "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.", "type": { "text": "boolean" }, "default": "false", "fieldName": "indeterminate" }, { "name": "name", "description": "The name attribute of the input element.", "type": { "text": "string" }, "fieldName": "name" }, { "name": "read-only", "description": "Indicates whether the checkbox is in a read-only state. When true, the checkbox will have a read-only appearance.", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "size", "description": "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.", "type": { "text": "string" }, "default": "\"m\"", "fieldName": "size" }, { "name": "value", "description": "The value associated with the checkbox. \nThis value is typically submitted with a form when the checkbox is checked. \nIf not specified, it defaults to \"on\" when the checkbox is checked.", "type": { "text": "string" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "checked", "description": "The state of the checkbox. When true, the checkbox is checked; when false, it is unchecked.", "type": { "text": "boolean" }, "default": "false", "attribute": "checked" }, { "kind": "field", "name": "disabled", "description": "Indicates whether the checkbox is disabled. When true, the checkbox cannot be interacted with and will have a disabled appearance.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "error", "description": "Indicates whether the checkbox is in an error state. When true, the checkbox will have an error appearance.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "error" }, { "kind": "field", "name": "indeterminate", "description": "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.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "indeterminate" }, { "kind": "field", "name": "name", "description": "The name attribute of the input element.", "type": { "text": "string" }, "readonly": true, "attribute": "name" }, { "kind": "field", "name": "readOnly", "description": "Indicates whether the checkbox is in a read-only state. When true, the checkbox will have a read-only appearance.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "read-only" }, { "kind": "field", "name": "size", "description": "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.", "type": { "text": "string" }, "default": "\"m\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "value", "description": "The value associated with the checkbox. \nThis value is typically submitted with a form when the checkbox is checked. \nIf not specified, it defaults to \"on\" when the checkbox is checked.", "type": { "text": "string" }, "readonly": true, "attribute": "value" }, { "kind": "method", "name": "isChecked", "description": "Method to get the current checked state of the checkbox.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] }, "description": "A promise that resolves to a boolean indicating whether the checkbox is checked." } }, { "kind": "method", "name": "setChecked", "description": "Method to set the checked state of the checkbox.", "parameters": [ { "name": "newVal", "description": "A boolean value to set the checked state of the checkbox.", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] }, "description": "A promise that resolves when the checked state has been updated." } }, { "kind": "method", "name": "toggle", "description": "Toggles the checked state.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] }, "description": "Resolves when the toggle is complete." } }, { "kind": "method", "name": "toggleCheckedState", "deprecated": "Use `setChecked` instead.", "parameters": [ { "name": "newVal", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxChange", "description": "Event emitted when the checkbox state changes.\nEmits the new checked state as a boolean value.", "type": { "text": "CustomEvent" } }, { "name": "ifxError", "description": "Event emitted when the error state changes.\nEmits the new error state as a boolean value.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxCheckbox", "declaration": { "name": "IfxCheckbox" } }, { "kind": "custom-element-definition", "name": "ifx-checkbox", "declaration": { "name": "IfxCheckbox" } } ] }, { "kind": "javascript-module", "path": "src/components/checkbox-group/checkbox-group.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-checkbox-group", "name": "IfxCheckboxGroup", "attributes": [ { "name": "alignment", "description": "Layout direction of the radio group", "type": { "text": "\"horizontal\" | \"vertical\"" }, "default": "\"vertical\"", "fieldName": "alignment" }, { "name": "caption-text", "description": "Text used for the caption.", "type": { "text": "string" }, "fieldName": "captionText" }, { "name": "group-label-text", "description": "Text used for the group label.", "type": { "text": "string" }, "default": "\"Group Label Text\"", "fieldName": "groupLabelText" }, { "name": "required", "description": "Wether selecting an option is required.", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "show-caption", "description": "Wether to show a caption under the group.", "type": { "text": "boolean" }, "fieldName": "showCaption" }, { "name": "show-caption-icon", "description": "Wether to show an icon next to the caption.", "type": { "text": "boolean" }, "fieldName": "showCaptionIcon" }, { "name": "show-group-label", "description": "Wether to show the group label.", "type": { "text": "boolean" }, "fieldName": "showGroupLabel" }, { "name": "size", "description": "Size of the radio group", "type": { "text": "string" }, "fieldName": "size" } ], "members": [ { "kind": "field", "name": "alignment", "description": "Layout direction of the radio group", "type": { "text": "\"horizontal\" | \"vertical\"" }, "default": "\"vertical\"", "readonly": true, "attribute": "alignment" }, { "kind": "field", "name": "captionText", "description": "Text used for the caption.", "type": { "text": "string" }, "readonly": true, "attribute": "caption-text" }, { "kind": "field", "name": "groupLabelText", "description": "Text used for the group label.", "type": { "text": "string" }, "default": "\"Group Label Text\"", "readonly": true, "attribute": "group-label-text" }, { "kind": "field", "name": "required", "description": "Wether selecting an option is required.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "required" }, { "kind": "field", "name": "showCaption", "description": "Wether to show a caption under the group.", "type": { "text": "boolean" }, "readonly": true, "attribute": "show-caption" }, { "kind": "field", "name": "showCaptionIcon", "description": "Wether to show an icon next to the caption.", "type": { "text": "boolean" }, "readonly": true, "attribute": "show-caption-icon" }, { "kind": "field", "name": "showGroupLabel", "description": "Wether to show the group label.", "type": { "text": "boolean" }, "readonly": true, "attribute": "show-group-label" }, { "kind": "field", "name": "size", "description": "Size of the radio group", "type": { "text": "string" }, "readonly": true, "attribute": "size" }, { "kind": "method", "name": "setGroupError", "description": "Method to set the error state of all checkboxes in the group.", "parameters": [ { "name": "error", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxCheckboxGroup", "declaration": { "name": "IfxCheckboxGroup" } }, { "kind": "custom-element-definition", "name": "ifx-checkbox-group", "declaration": { "name": "IfxCheckboxGroup" } } ] }, { "kind": "javascript-module", "path": "src/components/chip/chip.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-chip", "name": "IfxChip", "attributes": [ { "name": "aria-label-text", "description": "ARIA Label text", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "disabled", "description": "Disabeled state", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "icon", "description": "Sets Icon", "type": { "text": "string" }, "default": "\"\"", "fieldName": "icon" }, { "name": "placeholder", "description": "Placeholder text", "type": { "text": "string" }, "default": "\"\"", "fieldName": "placeholder" }, { "name": "read-only", "description": "Read-only state", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "size", "description": "Component size", "type": { "text": "\"large\" | \"medium\" | \"small\"" }, "default": "\"medium\"", "fieldName": "size" }, { "name": "theme", "description": "Visual theme", "type": { "text": "\"filled-dark\" | \"filled-light\" | \"outlined\"" }, "default": "\"outlined\"", "fieldName": "theme" }, { "name": "value", "description": "Current selection (mutable)", "type": { "text": "string | string[]", "references": [ { "name": "Array", "package": "global:" } ] }, "default": "undefined", "fieldName": "value" }, { "name": "variant", "description": "Selection mode", "type": { "text": "\"multi\" | \"single\"" }, "default": "\"single\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "ARIA Label text", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "disabled", "description": "Disabeled state", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "icon", "description": "Sets Icon", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "placeholder", "description": "Placeholder text", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "placeholder" }, { "kind": "field", "name": "readOnly", "description": "Read-only state", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "read-only" }, { "kind": "field", "name": "size", "description": "Component size", "type": { "text": "\"large\" | \"medium\" | \"small\"" }, "default": "\"medium\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "theme", "description": "Visual theme", "type": { "text": "\"filled-dark\" | \"filled-light\" | \"outlined\"" }, "default": "\"outlined\"", "readonly": true, "attribute": "theme" }, { "kind": "field", "name": "value", "description": "Current selection (mutable)", "type": { "text": "string | string[]", "references": [ { "name": "Array", "package": "global:" } ] }, "default": "undefined", "attribute": "value" }, { "kind": "field", "name": "variant", "description": "Selection mode", "type": { "text": "\"multi\" | \"single\"" }, "default": "\"single\"", "readonly": true, "attribute": "variant" } ], "events": [ { "name": "ifxChange", "description": "Fires on selection change.", "type": { "text": "CustomEvent<{ previousSelection: ChipItemSelectEvent[]; currentSelection: ChipItemSelectEvent[]; name: string; }>", "references": [ { "name": "Array", "package": "global:" }, { "name": "ChipItemSelectEvent", "module": "./interfaces" } ] } } ], "slots": [ { "name": "", "description": "The default slot" } ], "cssParts": [ { "name": "chip" }, { "name": "label" }, { "name": "label-wrapper" } ] } ], "exports": [ { "kind": "js", "name": "IfxChip", "declaration": { "name": "IfxChip" } }, { "kind": "custom-element-definition", "name": "ifx-chip", "declaration": { "name": "IfxChip" } } ] }, { "kind": "javascript-module", "path": "src/components/chip/chip-item/chip-item.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-chip-item", "name": "IfxChipItem", "attributes": [ { "name": "selected", "description": "Wether the chip is selected (reflected).", "type": { "text": "boolean" }, "default": "false", "fieldName": "selected" }, { "name": "value", "description": "Identifier value for this chip.", "type": { "text": "string" }, "default": "undefined", "fieldName": "value" } ], "members": [ { "kind": "field", "name": "chipState", "description": "Bahaviour and appearance configuration.", "type": { "text": "ChipState", "references": [ { "name": "ChipState", "module": "../interfaces" } ] }, "default": "{\n\t\temitIfxChipItemSelect: true,\n\t\tvariant: \"multi\",\n\t\tsize: \"large\",\n\t}", "readonly": true }, { "kind": "field", "name": "selected", "description": "Wether the chip is selected (reflected).", "type": { "text": "boolean" }, "default": "false", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "value", "description": "Identifier value for this chip.", "type": { "text": "string" }, "default": "undefined", "readonly": true, "attribute": "value" } ], "events": [ { "name": "ifxChipItemSelect", "description": "Emitted on chip select/deselect.", "type": { "text": "CustomEvent", "references": [ { "name": "ChipItemSelectEvent", "module": "../interfaces" } ] } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxChipItem", "declaration": { "name": "IfxChipItem" } }, { "kind": "custom-element-definition", "name": "ifx-chip-item", "declaration": { "name": "IfxChipItem" } } ] }, { "kind": "javascript-module", "path": "src/components/content-switcher/content-switcher.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-content-switcher", "name": "IfxContentSwitcher", "events": [ { "name": "ifxChange", "description": "Fired when the selected option changes.", "type": { "text": "CustomEvent<{ oldValue: string; newValue: string; }>", "references": [ { "name": "ChangeEvent" } ] } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxContentSwitcher", "declaration": { "name": "IfxContentSwitcher" } }, { "kind": "custom-element-definition", "name": "ifx-content-switcher", "declaration": { "name": "IfxContentSwitcher" } } ] }, { "kind": "javascript-module", "path": "src/components/content-switcher/content-switcher-item.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-content-switcher-item", "name": "IfxContentSwitcherItem", "attributes": [ { "name": "selected", "description": "Wether this option is currently selected.", "type": { "text": "boolean" }, "default": "false", "fieldName": "selected" }, { "name": "value", "description": "Value associated with this option.", "type": { "text": "string" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "selected", "description": "Wether this option is currently selected.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "selected" }, { "kind": "field", "name": "value", "description": "Value associated with this option.", "type": { "text": "string" }, "readonly": true, "attribute": "value" } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxContentSwitcherItem", "declaration": { "name": "IfxContentSwitcherItem" } }, { "kind": "custom-element-definition", "name": "ifx-content-switcher-item", "declaration": { "name": "IfxContentSwitcherItem" } } ] }, { "kind": "javascript-module", "path": "src/components/counter/counter.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-counter", "name": "IfxCounter", "attributes": [ { "name": "value", "description": "The current value of the counter. Must be a non-negative number.", "type": { "text": "number" }, "default": "0", "fieldName": "value" } ], "members": [ { "kind": "field", "name": "value", "description": "The current value of the counter. Must be a non-negative number.", "type": { "text": "number" }, "default": "0", "readonly": true, "attribute": "value" } ], "events": [ { "name": "ifxChange", "description": "Emitted when the counter value changes. Returns the new value as a number.", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxCounter", "declaration": { "name": "IfxCounter" } }, { "kind": "custom-element-definition", "name": "ifx-counter", "declaration": { "name": "IfxCounter" } } ] }, { "kind": "javascript-module", "path": "src/components/date-picker/date-picker.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-date-picker", "name": "IfxDatePicker", "attributes": [ { "name": "aria-label-text", "description": "Aria label for the date picker input", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "autocomplete", "description": "Autocomplete attribute for the input", "type": { "text": "string" }, "default": "\"on\"", "fieldName": "autocomplete" }, { "name": "caption", "description": "Caption text displayed below the date picker", "type": { "text": "string" }, "fieldName": "caption" }, { "name": "disabled", "description": "Whether the date picker is disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "error", "description": "Error state of the date picker", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "label", "description": "Label text for the date picker", "type": { "text": "string" }, "fieldName": "label" }, { "name": "max", "description": "Maximum allowed date", "type": { "text": "string" }, "fieldName": "max" }, { "name": "min", "description": "Minimum allowed date", "type": { "text": "string" }, "fieldName": "min" }, { "name": "read-only", "description": "Whether the date picker is read-only", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "required", "description": "Whether the date picker is required", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "size", "description": "Size of the date picker input", "type": { "text": "string" }, "default": "\"s\"", "fieldName": "size" }, { "name": "success", "description": "Success state of the date picker", "type": { "text": "boolean" }, "default": "false", "fieldName": "success" }, { "name": "type", "description": "Type of date input (date, datetime-local, etc.)", "type": { "text": "string" }, "default": "\"date\"", "fieldName": "type" }, { "name": "value", "description": "The value of the date picker", "type": { "text": "string" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Aria label for the date picker input", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "autocomplete", "description": "Autocomplete attribute for the input", "type": { "text": "string" }, "default": "\"on\"", "readonly": true, "attribute": "autocomplete" }, { "kind": "field", "name": "caption", "description": "Caption text displayed below the date picker", "type": { "text": "string" }, "readonly": true, "attribute": "caption" }, { "kind": "field", "name": "disabled", "description": "Whether the date picker is disabled", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "error", "description": "Error state of the date picker", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "error" }, { "kind": "field", "name": "label", "description": "Label text for the date picker", "type": { "text": "string" }, "readonly": true, "attribute": "label" }, { "kind": "field", "name": "max", "description": "Maximum allowed date", "type": { "text": "string" }, "readonly": true, "attribute": "max" }, { "kind": "field", "name": "min", "description": "Minimum allowed date", "type": { "text": "string" }, "readonly": true, "attribute": "min" }, { "kind": "field", "name": "readOnly", "description": "Whether the date picker is read-only", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "read-only" }, { "kind": "field", "name": "required", "description": "Whether the date picker is required", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "required" }, { "kind": "field", "name": "size", "description": "Size of the date picker input", "type": { "text": "string" }, "default": "\"s\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "success", "description": "Success state of the date picker", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "success" }, { "kind": "field", "name": "type", "description": "Type of date input (date, datetime-local, etc.)", "type": { "text": "string" }, "default": "\"date\"", "readonly": true, "attribute": "type" }, { "kind": "field", "name": "value", "description": "The value of the date picker", "type": { "text": "string" }, "attribute": "value" }, { "kind": "method", "name": "clear", "description": "Clears the date picker value", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxDate", "description": "Event emitted when date value changes", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxDatePicker", "declaration": { "name": "IfxDatePicker" } }, { "kind": "custom-element-definition", "name": "ifx-date-picker", "declaration": { "name": "IfxDatePicker" } } ] }, { "kind": "javascript-module", "path": "src/components/download/download.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-download", "name": "IfxDownload", "attributes": [ { "name": "tokens", "description": "Type of file to download.", "type": { "text": "\"css\" | \"js\" | \"json\" | \"scss\"" }, "default": "\"css\"", "fieldName": "tokens" } ], "members": [ { "kind": "field", "name": "tokens", "description": "Type of file to download.", "type": { "text": "\"css\" | \"js\" | \"json\" | \"scss\"" }, "default": "\"css\"", "readonly": true, "attribute": "tokens" } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxDownload", "declaration": { "name": "IfxDownload" } }, { "kind": "custom-element-definition", "name": "ifx-download", "declaration": { "name": "IfxDownload" } } ] }, { "kind": "javascript-module", "path": "src/components/dropdown/dropdown.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-dropdown", "name": "IfxDropdown", "attributes": [ { "name": "default-open", "description": "Wether the dropdown should be open initially.", "type": { "text": "boolean" }, "default": "false", "fieldName": "defaultOpen" }, { "name": "disabled", "description": "If true, dropdown is disabled and cannot be opened.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "no-append-to-body", "description": "If true, the menu is not appended to (stays in place).", "type": { "text": "boolean" }, "default": "false", "fieldName": "noAppendToBody" }, { "name": "no-close-on-menu-click", "description": "Id true, clicking inside the menu will not close the dropdown.", "type": { "text": "boolean" }, "default": "false", "fieldName": "noCloseOnMenuClick" }, { "name": "no-close-on-outside-click", "description": "If true, clicking outside will not close the dropdown.", "type": { "text": "boolean" }, "default": "false", "fieldName": "noCloseOnOutsideClick" }, { "name": "placement", "description": "Where the dropdown menu is positioned relative to the trigger.", "type": { "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"", "references": [ { "name": "Placement" } ] }, "default": "\"bottom-start\"", "fieldName": "placement" } ], "members": [ { "kind": "field", "name": "defaultOpen", "description": "Wether the dropdown should be open initially.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "default-open" }, { "kind": "field", "name": "disabled", "description": "If true, dropdown is disabled and cannot be opened.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "noAppendToBody", "description": "If true, the menu is not appended to (stays in place).", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "no-append-to-body" }, { "kind": "field", "name": "noCloseOnMenuClick", "description": "Id true, clicking inside the menu will not close the dropdown.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "no-close-on-menu-click" }, { "kind": "field", "name": "noCloseOnOutsideClick", "description": "If true, clicking outside will not close the dropdown.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "no-close-on-outside-click" }, { "kind": "field", "name": "placement", "description": "Where the dropdown menu is positioned relative to the trigger.", "type": { "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"", "references": [ { "name": "Placement" } ] }, "default": "\"bottom-start\"", "readonly": true, "attribute": "placement" }, { "kind": "method", "name": "closeDropdown", "description": "Closes the dropdown and cleans up the popper instance.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "isOpen", "description": "Returns wether the dropdown is currently open.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "openDropdown", "description": "Opens the dropdown and sets up the popper positioning.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxClose", "description": "Fired when dropdown closed.", "type": { "text": "CustomEvent" } }, { "name": "ifxDropdown", "description": "General dropdown event.", "type": { "text": "CustomEvent" } }, { "name": "ifxOpen", "description": "Fired when dropdown open.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxDropdown", "declaration": { "name": "IfxDropdown" } }, { "kind": "custom-element-definition", "name": "ifx-dropdown", "declaration": { "name": "IfxDropdown" } } ] }, { "kind": "javascript-module", "path": "src/components/dropdown/dropdown-header/dropdown-header.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-dropdown-header", "name": "IfxDropdownHeader", "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxDropdownHeader", "declaration": { "name": "IfxDropdownHeader" } }, { "kind": "custom-element-definition", "name": "ifx-dropdown-header", "declaration": { "name": "IfxDropdownHeader" } } ] }, { "kind": "javascript-module", "path": "src/components/dropdown/dropdown-item/dropdown-item.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-dropdown-item", "name": "IfxDropdownItem", "attributes": [ { "name": "disabled", "description": "If true, this item is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "error", "description": "If true, this item is shown in an error style.", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "hide", "description": "If true, this dropdown item is hidden.", "type": { "text": "boolean" }, "default": "false", "fieldName": "hide" }, { "name": "href", "description": "Link the dropdown item should navigate to when clicked.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "href" }, { "name": "icon", "description": "Icon to show in the dropdown item.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "icon" }, { "name": "target", "description": "Where to open the link.", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" } ], "members": [ { "kind": "field", "name": "disabled", "description": "If true, this item is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "error", "description": "If true, this item is shown in an error style.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "error" }, { "kind": "field", "name": "hide", "description": "If true, this dropdown item is hidden.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "hide" }, { "kind": "field", "name": "href", "description": "Link the dropdown item should navigate to when clicked.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "href" }, { "kind": "field", "name": "icon", "description": "Icon to show in the dropdown item.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "target", "description": "Where to open the link.", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" } ], "events": [ { "name": "ifxDropdownItem", "description": "Fired when the dropdown item is clicked or selected.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxDropdownItem", "declaration": { "name": "IfxDropdownItem" } }, { "kind": "custom-element-definition", "name": "ifx-dropdown-item", "declaration": { "name": "IfxDropdownItem" } } ] }, { "kind": "javascript-module", "path": "src/components/dropdown/dropdown-menu/dropdown-menu.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-dropdown-menu", "name": "IfxDropdownMenu", "attributes": [ { "name": "is-open", "description": "Controls wether the dropdown menu is open or closed.", "type": { "text": "boolean" }, "default": "false", "fieldName": "isOpen" }, { "name": "size", "description": "Size of the dropdown menu.", "type": { "text": "\"l\" | \"s\"" }, "default": "\"l\"", "fieldName": "size" } ], "members": [ { "kind": "field", "name": "isOpen", "description": "Controls wether the dropdown menu is open or closed.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "is-open" }, { "kind": "field", "name": "size", "description": "Size of the dropdown menu.", "type": { "text": "\"l\" | \"s\"" }, "default": "\"l\"", "readonly": true, "attribute": "size" } ], "events": [ { "name": "ifxDropdownMenuItem", "description": "Fired when a dropdown menu item is selected", "type": { "text": "CustomEvent>", "references": [ { "name": "CustomEvent", "package": "global:" } ] } }, { "name": "menuSize", "description": "Emits the calculated size of the menu", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxDropdownMenu", "declaration": { "name": "IfxDropdownMenu" } }, { "kind": "custom-element-definition", "name": "ifx-dropdown-menu", "declaration": { "name": "IfxDropdownMenu" } } ] }, { "kind": "javascript-module", "path": "src/components/dropdown/dropdown-seperator/dropdown-separator.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-dropdown-separator", "name": "IfxDropdownSeparator" } ], "exports": [ { "kind": "js", "name": "IfxDropdownSeparator", "declaration": { "name": "IfxDropdownSeparator" } }, { "kind": "custom-element-definition", "name": "ifx-dropdown-separator", "declaration": { "name": "IfxDropdownSeparator" } } ] }, { "kind": "javascript-module", "path": "src/components/dropdown/dropdown-trigger/dropdown-trigger.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-dropdown-trigger", "name": "IfxDropdownTrigger", "attributes": [ { "name": "is-open", "description": "Controls wether the dropdown is currently open.", "type": { "text": "boolean" }, "default": "false", "fieldName": "isOpen" } ], "members": [ { "kind": "field", "name": "isOpen", "description": "Controls wether the dropdown is currently open.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "is-open" } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxDropdownTrigger", "declaration": { "name": "IfxDropdownTrigger" } }, { "kind": "custom-element-definition", "name": "ifx-dropdown-trigger", "declaration": { "name": "IfxDropdownTrigger" } } ] }, { "kind": "javascript-module", "path": "src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-dropdown-trigger-button", "name": "IfxDropdownTriggerButton", "attributes": [ { "name": "disabled", "description": "If true, trigger is disabled and not clickable.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "hide-arrow", "description": "If true, hides the dropdown arrow icon.", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideArrow" }, { "name": "is-open", "description": "Controls wether the dropdown trigger is open", "type": { "text": "boolean" }, "default": "false", "fieldName": "isOpen" }, { "name": "size", "description": "Size of the trigger button.", "type": { "text": "\"m\" | \"s\"" }, "default": "\"m\"", "fieldName": "size" }, { "name": "theme", "description": "Color theme of the trigger.", "type": { "text": "\"danger\" | \"default\" | \"inverse\"" }, "default": "\"default\"", "fieldName": "theme" }, { "name": "variant", "description": "Visual style variant.", "type": { "text": "\"primary\"" }, "default": "\"primary\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "disabled", "description": "If true, trigger is disabled and not clickable.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "hideArrow", "description": "If true, hides the dropdown arrow icon.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "hide-arrow" }, { "kind": "field", "name": "isOpen", "description": "Controls wether the dropdown trigger is open", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "is-open" }, { "kind": "field", "name": "size", "description": "Size of the trigger button.", "type": { "text": "\"m\" | \"s\"" }, "default": "\"m\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "theme", "description": "Color theme of the trigger.", "type": { "text": "\"danger\" | \"default\" | \"inverse\"" }, "default": "\"default\"", "readonly": true, "attribute": "theme" }, { "kind": "field", "name": "variant", "description": "Visual style variant.", "type": { "text": "\"primary\"" }, "default": "\"primary\"", "readonly": true, "attribute": "variant" } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxDropdownTriggerButton", "declaration": { "name": "IfxDropdownTriggerButton" } }, { "kind": "custom-element-definition", "name": "ifx-dropdown-trigger-button", "declaration": { "name": "IfxDropdownTriggerButton" } } ] }, { "kind": "javascript-module", "path": "src/components/error-page/error-page.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-error-page", "name": "IfxErrorPage", "attributes": [ { "name": "description", "description": "Description text for the error page. Uses the variant default when no value is provided.", "type": { "text": "string" }, "fieldName": "description" }, { "name": "headline", "description": "Headline text for the error page. Uses the variant default when no value is provided.", "type": { "text": "string" }, "fieldName": "headline" }, { "name": "illustration-url", "description": "Custom illustration URL for the error page graphic.", "type": { "text": "string" }, "fieldName": "illustrationUrl" }, { "name": "img-alt", "description": "Alternative text for the illustration. Falls back to the selected error type label.", "type": { "text": "string" }, "fieldName": "imgAlt" }, { "name": "type", "description": "Error page variant used to select the default content and image. Defaults to \"403\".", "type": { "text": "\"403\" | \"404\" | \"503\" | \"maintenance\"" }, "default": "'403'", "fieldName": "type" } ], "members": [ { "kind": "field", "name": "description", "description": "Description text for the error page. Uses the variant default when no value is provided.", "type": { "text": "string" }, "readonly": true, "attribute": "description" }, { "kind": "field", "name": "headline", "description": "Headline text for the error page. Uses the variant default when no value is provided.", "type": { "text": "string" }, "readonly": true, "attribute": "headline" }, { "kind": "field", "name": "illustrationUrl", "description": "Custom illustration URL for the error page graphic.", "type": { "text": "string" }, "readonly": true, "attribute": "illustration-url" }, { "kind": "field", "name": "imgAlt", "description": "Alternative text for the illustration. Falls back to the selected error type label.", "type": { "text": "string" }, "readonly": true, "attribute": "img-alt" }, { "kind": "field", "name": "type", "description": "Error page variant used to select the default content and image. Defaults to \"403\".", "type": { "text": "\"403\" | \"404\" | \"503\" | \"maintenance\"" }, "default": "'403'", "readonly": true, "attribute": "type" } ], "slots": [ { "name": "button" } ] } ], "exports": [ { "kind": "js", "name": "IfxErrorPage", "declaration": { "name": "IfxErrorPage" } }, { "kind": "custom-element-definition", "name": "ifx-error-page", "declaration": { "name": "IfxErrorPage" } } ] }, { "kind": "javascript-module", "path": "src/components/file-upload/file-upload.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-file-upload", "name": "IfxFileUpload", "attributes": [ { "name": "additional-allowed-file-types", "description": "Extra file types to allow in addition to the default ones.", "type": { "text": "string | string[]" }, "default": "[]", "fieldName": "additionalAllowedFileTypes" }, { "name": "allow-any-file-type", "description": "When set to true, allows any file type to be uploaded (no file type restrictions).", "type": { "text": "boolean" }, "default": "false", "fieldName": "allowAnyFileType" }, { "name": "allowed-file-extensions", "description": "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'.", "type": { "text": "string | string[]" }, "default": "[]", "fieldName": "allowedFileExtensions" }, { "name": "allowed-file-types", "description": "Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`.", "type": { "text": "string | string[]" }, "default": "undefined", "fieldName": "allowedFileTypes" }, { "name": "aria-label-browse-files", "description": "ARIA label for the “browse files” control.", "type": { "text": "string" }, "default": "\"Browse files\"", "fieldName": "ariaLabelBrowseFiles" }, { "name": "aria-label-cancel-upload", "description": "ARIA label for the “cancel upload” action.", "type": { "text": "string" }, "default": "\"Cancel upload\"", "fieldName": "ariaLabelCancelUpload" }, { "name": "aria-label-dropzone", "description": "ARIA label for the drop zone area.", "type": { "text": "string" }, "default": "\"Upload area. Click to browse or drag and drop files.\"", "fieldName": "ariaLabelDropzone" }, { "name": "aria-label-file-input", "description": "ARIA label for the hidden/native file input element.", "type": { "text": "string" }, "default": "\"Upload file\"", "fieldName": "ariaLabelFileInput" }, { "name": "aria-label-remove-file", "description": "ARIA label for the “remove file” action.", "type": { "text": "string" }, "default": "\"Remove file\"", "fieldName": "ariaLabelRemoveFile" }, { "name": "aria-label-retry-upload", "description": "ARIA label for the “retry upload” action.", "type": { "text": "string" }, "default": "\"Retry upload\"", "fieldName": "ariaLabelRetryUpload" }, { "name": "aria-label-upload-failed-status", "description": "ARIA label describing that the upload has failed.", "type": { "text": "string" }, "default": "\"Upload failed\"", "fieldName": "ariaLabelUploadFailedStatus" }, { "name": "aria-label-uploaded-status", "description": "ARIA label describing that upload has completed successfully.", "type": { "text": "string" }, "default": "\"Upload completed\"", "fieldName": "ariaLabelUploadedStatus" }, { "name": "aria-label-uploading-status", "description": "ARIA label describing that an upload is currently in progress.", "type": { "text": "string" }, "default": "\"Upload in progress\"", "fieldName": "ariaLabelUploadingStatus" }, { "name": "disabled", "description": "If true, the upload is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "drag-and-drop", "description": "Enables drag-and-drop for file uploads.", "type": { "text": "boolean" }, "default": "false", "fieldName": "dragAndDrop" }, { "name": "label", "description": "Main label for the upload component.", "type": { "text": "string" }, "default": "\"Label\"", "fieldName": "label" }, { "name": "label-browse-files", "description": "Text for the “browse files” button or link.", "type": { "text": "string" }, "default": "\"Browse files\"", "fieldName": "labelBrowseFiles" }, { "name": "label-drag-and-drop", "description": "Text shown in the drop zone area.", "type": { "text": "string" }, "default": "\"Drag & Drop or browse files to upload\"", "fieldName": "labelDragAndDrop" }, { "name": "label-file-plural", "description": "Plural word used for “files” in messages.", "type": { "text": "string" }, "default": "\"files\"", "fieldName": "labelFilePlural" }, { "name": "label-file-singular", "description": "Singular word used for “file” in messages.", "type": { "text": "string" }, "default": "\"file\"", "fieldName": "labelFileSingular" }, { "name": "label-file-too-large", "description": "Message shown when a file is too large ({{size}} is replaced with max size).", "type": { "text": "string" }, "default": "\"Upload failed. Max file size: {{size}}MB.\"", "fieldName": "labelFileTooLarge" }, { "name": "label-max-files-exceeded", "description": "Error message shown when the max number of files is exceeded.", "type": { "text": "string" }, "default": "\"Upload limit exceeded. Only {{count}} {{files}} allowed.\"", "fieldName": "labelMaxFilesExceeded" }, { "name": "label-max-files-info", "description": "Info text about the maximum number of files allowed ({{count}} and {{files}} are replaced).", "type": { "text": "string" }, "default": "\"Up to {{count}} {{files}}.\"", "fieldName": "labelMaxFilesInfo" }, { "name": "label-required-error", "description": "Error message shown when no file is uploaded but at least one is required.", "type": { "text": "string" }, "default": "\"At least one file must be uploaded\"", "fieldName": "labelRequiredError" }, { "name": "label-supported-formats-template", "description": "Template text for listing supported formats and size ({{types}} and {{size}} are replaced).", "type": { "text": "string" }, "default": "\"Supported file formats: {{types}}. Max file size: {{size}}MB.\"", "fieldName": "labelSupportedFormatsTemplate" }, { "name": "label-unsupported-file-type", "description": "Message shown when the file type is not allowed.", "type": { "text": "string" }, "default": "\"Unsupported file type.\"", "fieldName": "labelUnsupportedFileType" }, { "name": "label-upload-failed", "description": "Generic error message shown when upload fails.", "type": { "text": "string" }, "default": "\"Upload failed. Please try again.\"", "fieldName": "labelUploadFailed" }, { "name": "label-uploaded", "description": "Status text for a successfully uploaded file.", "type": { "text": "string" }, "default": "\"Successfully uploaded\"", "fieldName": "labelUploaded" }, { "name": "label-uploaded-files-heading", "description": "Heading label above the list of uploaded files.", "type": { "text": "string" }, "default": "\"Uploaded files\"", "fieldName": "labelUploadedFilesHeading" }, { "name": "max-file-size-m-b", "description": "Maximum file size allowed in megabytes.", "type": { "text": "number" }, "default": "7", "fieldName": "maxFileSizeMB" }, { "name": "max-files", "type": { "text": "number" }, "fieldName": "maxFiles" }, { "name": "required", "description": "Wether at least one file is rewuired.", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" } ], "members": [ { "kind": "field", "name": "additionalAllowedFileTypes", "description": "Extra file types to allow in addition to the default ones.", "type": { "text": "string | string[]" }, "default": "[]", "readonly": true, "attribute": "additional-allowed-file-types" }, { "kind": "field", "name": "allowAnyFileType", "description": "When set to true, allows any file type to be uploaded (no file type restrictions).", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "allow-any-file-type" }, { "kind": "field", "name": "allowedFileExtensions", "description": "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'.", "type": { "text": "string | string[]" }, "default": "[]", "readonly": true, "attribute": "allowed-file-extensions" }, { "kind": "field", "name": "allowedFileTypes", "description": "Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`.", "type": { "text": "string | string[]" }, "default": "undefined", "readonly": true, "attribute": "allowed-file-types" }, { "kind": "field", "name": "ariaLabelBrowseFiles", "description": "ARIA label for the “browse files” control.", "type": { "text": "string" }, "default": "\"Browse files\"", "readonly": true, "attribute": "aria-label-browse-files" }, { "kind": "field", "name": "ariaLabelCancelUpload", "description": "ARIA label for the “cancel upload” action.", "type": { "text": "string" }, "default": "\"Cancel upload\"", "readonly": true, "attribute": "aria-label-cancel-upload" }, { "kind": "field", "name": "ariaLabelDropzone", "description": "ARIA label for the drop zone area.", "type": { "text": "string" }, "default": "\"Upload area. Click to browse or drag and drop files.\"", "readonly": true, "attribute": "aria-label-dropzone" }, { "kind": "field", "name": "ariaLabelFileInput", "description": "ARIA label for the hidden/native file input element.", "type": { "text": "string" }, "default": "\"Upload file\"", "readonly": true, "attribute": "aria-label-file-input" }, { "kind": "field", "name": "ariaLabelRemoveFile", "description": "ARIA label for the “remove file” action.", "type": { "text": "string" }, "default": "\"Remove file\"", "readonly": true, "attribute": "aria-label-remove-file" }, { "kind": "field", "name": "ariaLabelRetryUpload", "description": "ARIA label for the “retry upload” action.", "type": { "text": "string" }, "default": "\"Retry upload\"", "readonly": true, "attribute": "aria-label-retry-upload" }, { "kind": "field", "name": "ariaLabelUploadFailedStatus", "description": "ARIA label describing that the upload has failed.", "type": { "text": "string" }, "default": "\"Upload failed\"", "readonly": true, "attribute": "aria-label-upload-failed-status" }, { "kind": "field", "name": "ariaLabelUploadedStatus", "description": "ARIA label describing that upload has completed successfully.", "type": { "text": "string" }, "default": "\"Upload completed\"", "readonly": true, "attribute": "aria-label-uploaded-status" }, { "kind": "field", "name": "ariaLabelUploadingStatus", "description": "ARIA label describing that an upload is currently in progress.", "type": { "text": "string" }, "default": "\"Upload in progress\"", "readonly": true, "attribute": "aria-label-uploading-status" }, { "kind": "field", "name": "disabled", "description": "If true, the upload is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "dragAndDrop", "description": "Enables drag-and-drop for file uploads.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "drag-and-drop" }, { "kind": "field", "name": "label", "description": "Main label for the upload component.", "type": { "text": "string" }, "default": "\"Label\"", "readonly": true, "attribute": "label" }, { "kind": "field", "name": "labelBrowseFiles", "description": "Text for the “browse files” button or link.", "type": { "text": "string" }, "default": "\"Browse files\"", "readonly": true, "attribute": "label-browse-files" }, { "kind": "field", "name": "labelDragAndDrop", "description": "Text shown in the drop zone area.", "type": { "text": "string" }, "default": "\"Drag & Drop or browse files to upload\"", "readonly": true, "attribute": "label-drag-and-drop" }, { "kind": "field", "name": "labelFilePlural", "description": "Plural word used for “files” in messages.", "type": { "text": "string" }, "default": "\"files\"", "readonly": true, "attribute": "label-file-plural" }, { "kind": "field", "name": "labelFileSingular", "description": "Singular word used for “file” in messages.", "type": { "text": "string" }, "default": "\"file\"", "readonly": true, "attribute": "label-file-singular" }, { "kind": "field", "name": "labelFileTooLarge", "description": "Message shown when a file is too large ({{size}} is replaced with max size).", "type": { "text": "string" }, "default": "\"Upload failed. Max file size: {{size}}MB.\"", "readonly": true, "attribute": "label-file-too-large" }, { "kind": "field", "name": "labelMaxFilesExceeded", "description": "Error message shown when the max number of files is exceeded.", "type": { "text": "string" }, "default": "\"Upload limit exceeded. Only {{count}} {{files}} allowed.\"", "readonly": true, "attribute": "label-max-files-exceeded" }, { "kind": "field", "name": "labelMaxFilesInfo", "description": "Info text about the maximum number of files allowed ({{count}} and {{files}} are replaced).", "type": { "text": "string" }, "default": "\"Up to {{count}} {{files}}.\"", "readonly": true, "attribute": "label-max-files-info" }, { "kind": "field", "name": "labelRequiredError", "description": "Error message shown when no file is uploaded but at least one is required.", "type": { "text": "string" }, "default": "\"At least one file must be uploaded\"", "readonly": true, "attribute": "label-required-error" }, { "kind": "field", "name": "labelSupportedFormatsTemplate", "description": "Template text for listing supported formats and size ({{types}} and {{size}} are replaced).", "type": { "text": "string" }, "default": "\"Supported file formats: {{types}}. Max file size: {{size}}MB.\"", "readonly": true, "attribute": "label-supported-formats-template" }, { "kind": "field", "name": "labelUnsupportedFileType", "description": "Message shown when the file type is not allowed.", "type": { "text": "string" }, "default": "\"Unsupported file type.\"", "readonly": true, "attribute": "label-unsupported-file-type" }, { "kind": "field", "name": "labelUploadFailed", "description": "Generic error message shown when upload fails.", "type": { "text": "string" }, "default": "\"Upload failed. Please try again.\"", "readonly": true, "attribute": "label-upload-failed" }, { "kind": "field", "name": "labelUploaded", "description": "Status text for a successfully uploaded file.", "type": { "text": "string" }, "default": "\"Successfully uploaded\"", "readonly": true, "attribute": "label-uploaded" }, { "kind": "field", "name": "labelUploadedFilesHeading", "description": "Heading label above the list of uploaded files.", "type": { "text": "string" }, "default": "\"Uploaded files\"", "readonly": true, "attribute": "label-uploaded-files-heading" }, { "kind": "field", "name": "maxFileSizeMB", "description": "Maximum file size allowed in megabytes.", "type": { "text": "number" }, "default": "7", "readonly": true, "attribute": "max-file-size-m-b" }, { "kind": "field", "name": "maxFiles", "type": { "text": "number" }, "readonly": true, "attribute": "max-files" }, { "kind": "field", "name": "required", "description": "Wether at least one file is rewuired.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "required" }, { "kind": "field", "name": "uploadHandler", "description": "Custom function that handels file upload and progress reporting.", "type": { "text": "(file: File, onProgress?: (progress: number) => void) => Promise", "references": [ { "name": "File", "package": "global:" }, { "name": "Promise", "package": "global:" } ] }, "readonly": true }, { "kind": "method", "name": "injectDemoState", "description": "Storybook Demo", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "triggerDemoValidation", "description": "Storybook Demo", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxFileUploadAbort", "description": "Fired when an ongoing upload is aborted/cancelled.", "type": { "text": "CustomEvent<{ file: File; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadAdd", "description": "Fired when files are added (e.g. via browse or drop).", "type": { "text": "CustomEvent<{ addedFiles: File[]; files: File[]; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadAllComplete", "description": "Fired when all file uploads have finished successfully.", "type": { "text": "CustomEvent<{ files: File[]; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadChange", "description": "Fired whenever the list of selected files changes.", "type": { "text": "CustomEvent<{ files: File[]; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadClick", "description": "Fired when the upload area is clicked (typically to open file dialog).", "type": { "text": "CustomEvent" } }, { "name": "ifxFileUploadComplete", "description": "Fired when a single file upload finishes successfully.", "type": { "text": "CustomEvent<{ file: File; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadDrop", "description": "Fired when files are dropped onto the drop zone.", "type": { "text": "CustomEvent<{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[]; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadError", "description": "Fired when an upload-related error occurs.", "type": { "text": "CustomEvent<{ errorType: string; file: File; message: string; reason?: string; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadInvalid", "description": "Fired when a file fails validation before upload.", "type": { "text": "CustomEvent<{ file: File; reason: string; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadMaxFilesExceeded", "description": "Fired when the user tries to add more than the allowed number of files.", "type": { "text": "CustomEvent<{ maxFiles: number; attempted: number; }>" } }, { "name": "ifxFileUploadRemove", "description": "Fired when a file is removed from the list.", "type": { "text": "CustomEvent<{ removedFile: File; files: File[]; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadRetry", "description": "Fired when the user retries uploading a file after a failure.", "type": { "text": "CustomEvent<{ file: File; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadStart", "description": "Fired when upload starts for a file.", "type": { "text": "CustomEvent<{ file: File; }>", "references": [ { "name": "File", "package": "global:" } ] } }, { "name": "ifxFileUploadValidation", "description": "Fired after validating the current files (valid or invalid).", "type": { "text": "CustomEvent<{ valid: boolean; }>" } } ] } ], "exports": [ { "kind": "js", "name": "IfxFileUpload", "declaration": { "name": "IfxFileUpload" } }, { "kind": "custom-element-definition", "name": "ifx-file-upload", "declaration": { "name": "IfxFileUpload" } } ] }, { "kind": "javascript-module", "path": "src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-filter-accordion", "name": "IfxFilterAccordion", "attributes": [ { "name": "filter-group-name", "description": "Identifier/label for the filter group", "type": { "text": "\"\"" }, "default": "\"\"", "fieldName": "filterGroupName" }, { "name": "max-visible-items", "description": "Max number of items to display before truncating/collapsing the list", "type": { "text": "number" }, "fieldName": "maxVisibleItems" } ], "members": [ { "kind": "field", "name": "filterGroupName", "description": "Identifier/label for the filter group", "type": { "text": "\"\"" }, "default": "\"\"", "readonly": true, "attribute": "filter-group-name" }, { "kind": "field", "name": "maxVisibleItems", "description": "Max number of items to display before truncating/collapsing the list", "type": { "text": "number" }, "readonly": true, "attribute": "max-visible-items" } ], "events": [ { "name": "ifxFilterAccordionChange", "description": "Emitted when the filter accordion`s state or selection changes", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "list" } ] } ], "exports": [ { "kind": "js", "name": "IfxFilterAccordion", "declaration": { "name": "IfxFilterAccordion" } }, { "kind": "custom-element-definition", "name": "ifx-filter-accordion", "declaration": { "name": "IfxFilterAccordion" } } ] }, { "kind": "javascript-module", "path": "src/components/table-advanced-version/filter-bar/filter-bar.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-filter-bar", "name": "IfxFilterBar", "attributes": [ { "name": "max-shown-filters", "description": "Maximum number of filters to show in the topbar before collapsing", "type": { "text": "number" }, "default": "4", "fieldName": "maxShownFilters" } ], "members": [ { "kind": "field", "name": "maxShownFilters", "description": "Maximum number of filters to show in the topbar before collapsing", "type": { "text": "number" }, "default": "4", "readonly": true, "attribute": "max-shown-filters" }, { "kind": "method", "name": "showMoreFilters", "description": "Controls \"More / Less filters\" Buttons", "parameters": [ { "name": "showMore", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxTopbarFilterChange", "description": "Emitted when a topbar filter changes", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "filter-component" }, { "name": "filter-search" } ] } ], "exports": [ { "kind": "js", "name": "IfxFilterBar", "declaration": { "name": "IfxFilterBar" } }, { "kind": "custom-element-definition", "name": "ifx-filter-bar", "declaration": { "name": "IfxFilterBar" } } ] }, { "kind": "javascript-module", "path": "src/components/table-advanced-version/filter-type-group/filter-search/filter-search.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-filter-search", "name": "IfxFilterSearch", "attributes": [ { "name": "disabled", "description": "Disables the filter and prevents user interaction", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "filter-key", "description": "Unique key/identifier for this filter", "type": { "text": "string" }, "fieldName": "filterKey" }, { "name": "filter-name", "description": "Display name/label for this filter input", "type": { "text": "string" }, "fieldName": "filterName" }, { "name": "filter-orientation", "description": "Layout context for the filter", "type": { "text": "string" }, "default": "\"sidebar\"", "fieldName": "filterOrientation" }, { "name": "filter-value", "description": "Current filter text/value", "type": { "text": "string" }, "fieldName": "filterValue" }, { "name": "placeholder", "description": "Placeholder text shown when input is empty", "type": { "text": "string" }, "fieldName": "placeholder" } ], "members": [ { "kind": "field", "name": "disabled", "description": "Disables the filter and prevents user interaction", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "filterKey", "description": "Unique key/identifier for this filter", "type": { "text": "string" }, "readonly": true, "attribute": "filter-key" }, { "kind": "field", "name": "filterName", "description": "Display name/label for this filter input", "type": { "text": "string" }, "readonly": true, "attribute": "filter-name" }, { "kind": "field", "name": "filterOrientation", "description": "Layout context for the filter", "type": { "text": "string" }, "default": "\"sidebar\"", "readonly": true, "attribute": "filter-orientation" }, { "kind": "field", "name": "filterValue", "description": "Current filter text/value", "type": { "text": "string" }, "attribute": "filter-value" }, { "kind": "field", "name": "placeholder", "description": "Placeholder text shown when input is empty", "type": { "text": "string" }, "readonly": true, "attribute": "placeholder" } ], "events": [ { "name": "ifxFilterSearchChange", "description": "Emitted when the filter/search value changes", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxFilterSearch", "declaration": { "name": "IfxFilterSearch" } }, { "kind": "custom-element-definition", "name": "ifx-filter-search", "declaration": { "name": "IfxFilterSearch" } } ] }, { "kind": "javascript-module", "path": "src/components/table-advanced-version/filter-type-group/filter-type-group.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-filter-type-group", "name": "IfxFilterTypeGroup", "events": [ { "name": "ifxSidebarFilterChange", "description": "Emitted when a sidebar filter is updated", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "filter-accordion" }, { "name": "filter-search" } ] } ], "exports": [ { "kind": "js", "name": "IfxFilterTypeGroup", "declaration": { "name": "IfxFilterTypeGroup" } }, { "kind": "custom-element-definition", "name": "ifx-filter-type-group", "declaration": { "name": "IfxFilterTypeGroup" } } ] }, { "kind": "javascript-module", "path": "src/components/footer/footer.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-footer", "name": "IfxFooter", "attributes": [ { "name": "copyright-text", "description": "Text shown in the footer copyright area.", "type": { "text": "string" }, "default": "\"© 1999 - \" + this.currentYear + \" Infineon Technologies AG\"", "fieldName": "copyrightText" } ], "members": [ { "kind": "field", "name": "copyrightText", "description": "Text shown in the footer copyright area.", "type": { "text": "string" }, "default": "\"© 1999 - \" + this.currentYear + \" Infineon Technologies AG\"", "readonly": true, "attribute": "copyright-text" } ], "slots": [ { "name": "col" }, { "name": "info" }, { "name": "socials" } ] } ], "exports": [ { "kind": "js", "name": "IfxFooter", "declaration": { "name": "IfxFooter" } }, { "kind": "custom-element-definition", "name": "ifx-footer", "declaration": { "name": "IfxFooter" } } ] }, { "kind": "javascript-module", "path": "src/components/footer/footer-column.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-footer-column", "name": "IfxFooterColumn", "slots": [ { "name": "link" }, { "name": "title" } ] } ], "exports": [ { "kind": "js", "name": "IfxFooterColumn", "declaration": { "name": "IfxFooterColumn" } }, { "kind": "custom-element-definition", "name": "ifx-footer-column", "declaration": { "name": "IfxFooterColumn" } } ] }, { "kind": "javascript-module", "path": "src/components/icon/icon.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-icon", "name": "IfxIcon", "attributes": [ { "name": "icon", "description": "The icon that will be displayed.\nRefer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "icon" } ], "members": [ { "kind": "field", "name": "icon", "description": "The icon that will be displayed.\nRefer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "icon" } ], "events": [ { "name": "consoleError", "description": "Emitted when the provided icon name is invalid and the component fails to render an icon.\n The event detail contains a boolean value `true` indicating an error occurred.", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxIcon", "declaration": { "name": "IfxIcon" } }, { "kind": "custom-element-definition", "name": "ifx-icon", "declaration": { "name": "IfxIcon" } } ] }, { "kind": "javascript-module", "path": "src/components/icon-button/icon-button.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-icon-button", "name": "IfxIconButton", "attributes": [ { "name": "aria-label-text", "description": "Accessible name announced by assistive technologies.", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "disabled", "description": "Disables the button and blocks user interaction.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "href", "description": "URL to navigate to; when provided, the component renders as a link.", "type": { "text": "string" }, "fieldName": "href" }, { "name": "icon", "description": "Icon name rendered by the nested `ifx-icon`.\nRefer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "shape", "description": "Visual shape of the icon button.", "type": { "text": "\"round\" | \"square\"" }, "default": "\"round\"", "fieldName": "shape" }, { "name": "size", "description": "Size of the icon button.\nOptions: xs (20px), s (32px), m (36px) and l (40px).", "type": { "text": "\"l\" | \"m\" | \"s\" | \"xs\"" }, "default": "\"m\"", "fieldName": "size" }, { "name": "target", "description": "Target for link navigation when `href` is set.", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" }, { "name": "variant", "description": "Visual style of the icon button.\nPrimary has a solid background, secondary has an outline and tertiary is just the icon with no background or border.", "type": { "text": "\"primary\" | \"secondary\" | \"tertiary\"" }, "default": "\"primary\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Accessible name announced by assistive technologies.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "disabled", "description": "Disables the button and blocks user interaction.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "href", "description": "URL to navigate to; when provided, the component renders as a link.", "type": { "text": "string" }, "readonly": true, "attribute": "href" }, { "kind": "field", "name": "icon", "description": "Icon name rendered by the nested `ifx-icon`.\nRefer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons.", "type": { "text": "string" }, "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "shape", "description": "Visual shape of the icon button.", "type": { "text": "\"round\" | \"square\"" }, "default": "\"round\"", "readonly": true, "attribute": "shape" }, { "kind": "field", "name": "size", "description": "Size of the icon button.\nOptions: xs (20px), s (32px), m (36px) and l (40px).", "type": { "text": "\"l\" | \"m\" | \"s\" | \"xs\"" }, "default": "\"m\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "target", "description": "Target for link navigation when `href` is set.", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" }, { "kind": "field", "name": "variant", "description": "Visual style of the icon button.\nPrimary has a solid background, secondary has an outline and tertiary is just the icon with no background or border.", "type": { "text": "\"primary\" | \"secondary\" | \"tertiary\"" }, "default": "\"primary\"", "readonly": true, "attribute": "variant" }, { "kind": "method", "name": "setFocus", "description": "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.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ] } ], "exports": [ { "kind": "js", "name": "IfxIconButton", "declaration": { "name": "IfxIconButton" } }, { "kind": "custom-element-definition", "name": "ifx-icon-button", "declaration": { "name": "IfxIconButton" } } ] }, { "kind": "javascript-module", "path": "src/components/icons-preview/icons-preview.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-icons-preview", "name": "IfxIconsPreview" } ], "exports": [ { "kind": "js", "name": "IfxIconsPreview", "declaration": { "name": "IfxIconsPreview" } }, { "kind": "custom-element-definition", "name": "ifx-icons-preview", "declaration": { "name": "IfxIconsPreview" } } ] }, { "kind": "javascript-module", "path": "src/components/indicator/indicator.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-indicator", "name": "IfxIndicator", "attributes": [ { "name": "aria-label-text", "description": "Provide a short, descriptive text that explains the indicator's meaning or value.", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "inverted", "description": "Renders the indicator with an inverted color scheme for dark backgrounds.", "type": { "text": "boolean" }, "default": "false", "fieldName": "inverted" }, { "name": "number", "description": "Numeric value to display when using the 'number' variant", "type": { "text": "number" }, "default": "0", "fieldName": "number" }, { "name": "variant", "description": "Sets variant of the Indicator", "type": { "text": "string" }, "default": "'number'", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Provide a short, descriptive text that explains the indicator's meaning or value.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "inverted", "description": "Renders the indicator with an inverted color scheme for dark backgrounds.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "inverted" }, { "kind": "field", "name": "number", "description": "Numeric value to display when using the 'number' variant", "type": { "text": "number" }, "default": "0", "readonly": true, "attribute": "number" }, { "kind": "field", "name": "variant", "description": "Sets variant of the Indicator", "type": { "text": "string" }, "default": "'number'", "readonly": true, "attribute": "variant" } ] } ], "exports": [ { "kind": "js", "name": "IfxIndicator", "declaration": { "name": "IfxIndicator" } }, { "kind": "custom-element-definition", "name": "ifx-indicator", "declaration": { "name": "IfxIndicator" } } ] }, { "kind": "javascript-module", "path": "src/components/link/link.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-link", "name": "IfxLink", "attributes": [ { "name": "aria-label-text", "description": "Accessible label announced by assistive technologies.", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "disabled", "description": "Disables interaction.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "download", "description": "Optional filename or download hint for the linked resource.", "type": { "text": "string" }, "fieldName": "download" }, { "name": "href", "description": "URL the link navigates to.", "type": { "text": "string" }, "default": "undefined", "fieldName": "href" }, { "name": "size", "description": "Font size of the link.", "type": { "text": "\"l\" | \"m\" | \"s\" | \"xl\"" }, "default": "\"m\"", "fieldName": "size" }, { "name": "target", "description": "Target window for the link.", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" }, { "name": "variant", "description": "Visual style variant of the link.", "type": { "text": "\"bold\" | \"menu\" | \"title\" | \"underlined\"" }, "default": "\"bold\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Accessible label announced by assistive technologies.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "disabled", "description": "Disables interaction.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "download", "description": "Optional filename or download hint for the linked resource.", "type": { "text": "string" }, "readonly": true, "attribute": "download" }, { "kind": "field", "name": "href", "description": "URL the link navigates to.", "type": { "text": "string" }, "default": "undefined", "readonly": true, "attribute": "href" }, { "kind": "field", "name": "size", "description": "Font size of the link.", "type": { "text": "\"l\" | \"m\" | \"s\" | \"xl\"" }, "default": "\"m\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "target", "description": "Target window for the link.", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" }, { "kind": "field", "name": "variant", "description": "Visual style variant of the link.", "type": { "text": "\"bold\" | \"menu\" | \"title\" | \"underlined\"" }, "default": "\"bold\"", "readonly": true, "attribute": "variant" } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxLink", "declaration": { "name": "IfxLink" } }, { "kind": "custom-element-definition", "name": "ifx-link", "declaration": { "name": "IfxLink" } } ] }, { "kind": "javascript-module", "path": "src/components/table-advanced-version/list/list.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-list", "name": "IfxList", "attributes": [ { "name": "max-visible-items", "description": "Max number of items displayed before collapsing/truncating", "type": { "text": "6" }, "default": "6", "fieldName": "maxVisibleItems" }, { "name": "name", "description": "Unique name/identifier for the list", "type": { "text": "\"\"" }, "default": "\"\"", "fieldName": "name" }, { "name": "reset-trigger", "description": "External, mutable flag to trigger a programmic reset", "type": { "text": "boolean" }, "fieldName": "resetTrigger" }, { "name": "type", "description": "Selection type for list entries", "type": { "text": "string" }, "default": "\"checkbox\"", "fieldName": "type" } ], "members": [ { "kind": "field", "name": "maxVisibleItems", "description": "Max number of items displayed before collapsing/truncating", "type": { "text": "6" }, "default": "6", "readonly": true, "attribute": "max-visible-items" }, { "kind": "field", "name": "name", "description": "Unique name/identifier for the list", "type": { "text": "\"\"" }, "default": "\"\"", "readonly": true, "attribute": "name" }, { "kind": "field", "name": "resetTrigger", "description": "External, mutable flag to trigger a programmic reset", "type": { "text": "boolean" }, "attribute": "reset-trigger" }, { "kind": "field", "name": "type", "description": "Selection type for list entries", "type": { "text": "string" }, "default": "\"checkbox\"", "readonly": true, "attribute": "type" } ], "events": [ { "name": "ifxListUpdate", "description": "Emitted when the list's items or selections are updated", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxList", "declaration": { "name": "IfxList" } }, { "kind": "custom-element-definition", "name": "ifx-list", "declaration": { "name": "IfxList" } } ] }, { "kind": "javascript-module", "path": "src/components/table-advanced-version/list/list-entry/list-entry.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-list-entry", "name": "IfxListEntry", "attributes": [ { "name": "label", "type": { "text": "string" }, "fieldName": "label" }, { "name": "type", "type": { "text": "string" }, "fieldName": "type" }, { "name": "value", "type": { "text": "boolean" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "label", "type": { "text": "string" }, "readonly": true, "attribute": "label" }, { "kind": "field", "name": "type", "type": { "text": "string" }, "readonly": true, "attribute": "type" }, { "kind": "field", "name": "value", "type": { "text": "boolean" }, "attribute": "value" } ], "events": [ { "name": "ifxListEntryChange", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxListEntry", "declaration": { "name": "IfxListEntry" } }, { "kind": "custom-element-definition", "name": "ifx-list-entry", "declaration": { "name": "IfxListEntry" } } ] }, { "kind": "javascript-module", "path": "src/components/modal/modal.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-modal", "name": "IfxModal", "attributes": [ { "name": "alert-icon", "description": "Allows the display of a specific icon in the modal header when the variant is set to an alert type.\nRefer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "alertIcon" }, { "name": "caption", "description": "The title text displayed in the modal header. This should be a concise description of the modal's purpose.", "type": { "text": "string" }, "default": "\"Modal Title\"", "fieldName": "caption" }, { "name": "caption-aria-label", "description": "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.", "type": { "text": "string" }, "fieldName": "captionAriaLabel" }, { "name": "close-button-aria-label", "description": "Provides an accessible label for the close button, enhancing screen reader support. If not provided, a default label of \"Close modal\" will be used.", "type": { "text": "string" }, "default": "\"Close modal\"", "fieldName": "closeButtonAriaLabel" }, { "name": "close-on-overlay-click", "description": "Determines whether clicking on the overlay (backdrop) will close the modal.", "type": { "text": "boolean" }, "default": "true", "fieldName": "closeOnOverlayClick" }, { "name": "opened", "description": "Controls the visibility of the modal. Can be used for both declarative and programmatic control.", "type": { "text": "boolean" }, "default": "false", "fieldName": "opened" }, { "name": "show-close-button", "description": "Controls the visibility of the close button in the modal header.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showCloseButton" }, { "name": "size", "description": "Specifies the size of the modal, allowing it to adapt to different content needs and screen sizes.", "type": { "text": "\"l\" | \"m\" | \"s\"" }, "default": "\"s\"", "fieldName": "size" }, { "name": "variant", "description": "Defines the visual style of the modal, indicating its purpose or importance.", "type": { "text": "\"alert-brand\" | \"alert-danger\" | \"default\"" }, "default": "\"default\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "alertIcon", "description": "Allows the display of a specific icon in the modal header when the variant is set to an alert type.\nRefer to the [Icon Library](https://infineon.github.io/infineon-design-system-stencil/storybook/?path=/docs/icon-library--development) for available icons.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "alert-icon" }, { "kind": "field", "name": "caption", "description": "The title text displayed in the modal header. This should be a concise description of the modal's purpose.", "type": { "text": "string" }, "default": "\"Modal Title\"", "readonly": true, "attribute": "caption" }, { "kind": "field", "name": "captionAriaLabel", "description": "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.", "type": { "text": "string" }, "readonly": true, "attribute": "caption-aria-label" }, { "kind": "field", "name": "closeButtonAriaLabel", "description": "Provides an accessible label for the close button, enhancing screen reader support. If not provided, a default label of \"Close modal\" will be used.", "type": { "text": "string" }, "default": "\"Close modal\"", "readonly": true, "attribute": "close-button-aria-label" }, { "kind": "field", "name": "closeOnOverlayClick", "description": "Determines whether clicking on the overlay (backdrop) will close the modal.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "close-on-overlay-click" }, { "kind": "field", "name": "opened", "description": "Controls the visibility of the modal. Can be used for both declarative and programmatic control.", "type": { "text": "boolean" }, "default": "false", "attribute": "opened", "reflects": true }, { "kind": "field", "name": "showCloseButton", "description": "Controls the visibility of the close button in the modal header.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-close-button" }, { "kind": "field", "name": "size", "description": "Specifies the size of the modal, allowing it to adapt to different content needs and screen sizes.", "type": { "text": "\"l\" | \"m\" | \"s\"" }, "default": "\"s\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "variant", "description": "Defines the visual style of the modal, indicating its purpose or importance.", "type": { "text": "\"alert-brand\" | \"alert-danger\" | \"default\"" }, "default": "\"default\"", "readonly": true, "attribute": "variant" }, { "kind": "method", "name": "closeModal", "description": "Public method to programmatically close the modal.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "openModal", "description": "Public method to programmatically open the modal.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxClose", "description": "Emitted when the modal finishes closing and the closing animation completes. No additional data is provided with this event.", "type": { "text": "CustomEvent" } }, { "name": "ifxOpen", "description": "Emitted when the modal finishes opening and the opening animation completes. No additional data is provided with this event.", "type": { "text": "CustomEvent" } }, { "name": "ifxOpenedChange", "description": "Emitted immediately when the `opened` state changes (before animations).\nThe event detail contains `{ opened: boolean }` with the new state.\nUse this event for two-way binding (v-model in Vue, [(ngModel)] in Angular).", "type": { "text": "CustomEvent<{ opened: boolean; }>" } } ], "slots": [ { "name": "buttons" }, { "name": "content" } ] } ], "exports": [ { "kind": "js", "name": "IfxModal", "declaration": { "name": "IfxModal" } }, { "kind": "custom-element-definition", "name": "ifx-modal", "declaration": { "name": "IfxModal" } } ] }, { "kind": "javascript-module", "path": "src/components/select/multi-select/multiselect.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-multiselect", "name": "IfxMultiselect", "attributes": [ { "name": "aria-clear-label", "description": "ARIA label for the “Clear all” button.", "type": { "text": "string" }, "default": "\"Clear all selections\"", "fieldName": "ariaClearLabel" }, { "name": "aria-collapse-all-label", "description": "ARIA label for the “Collapse all categories” control.", "type": { "text": "string" }, "default": "\"Collapse all categories\"", "fieldName": "ariaCollapseAllLabel" }, { "name": "aria-expand-all-label", "description": "ARIA label for the “Expand all categories” control.", "type": { "text": "string" }, "default": "\"Expand all categories\"", "fieldName": "ariaExpandAllLabel" }, { "name": "aria-multi-select-described-by", "description": "ID of element that describes the multi-select (aria-describedby).", "type": { "text": "string" }, "default": "\"\"", "fieldName": "ariaMultiSelectDescribedBy" }, { "name": "aria-multi-select-label", "description": "ARIA label for the multi-select dropdown.", "type": { "text": "string" }, "default": "\"Multi-select dropdown\"", "fieldName": "ariaMultiSelectLabel" }, { "name": "aria-multi-select-labelled-by", "description": "ID of element that labels the multi-select (aria-labelledby).", "type": { "text": "string" }, "default": "\"\"", "fieldName": "ariaMultiSelectLabelledBy" }, { "name": "aria-search-label", "description": "ARIA label for the search input inside the dropdown.", "type": { "text": "string" }, "default": "\"Search options\"", "fieldName": "ariaSearchLabel" }, { "name": "aria-select-all-label", "description": "ARIA label for the “Select all options” control.", "type": { "text": "string" }, "default": "\"Select all options\"", "fieldName": "ariaSelectAllLabel" }, { "name": "aria-toggle-label", "description": "ARIA label for the dropdown toggle button.", "type": { "text": "string" }, "default": "\"Toggle dropdown\"", "fieldName": "ariaToggleLabel" }, { "name": "caption", "description": "Helper text shown below the multi-select.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "caption" }, { "name": "collapse-label", "description": "Label text for the “Collapse all” action.", "type": { "text": "string" }, "default": "\"Collapse\"", "fieldName": "collapseLabel" }, { "name": "disabled", "description": "If true, the multi-select is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "error", "description": "If true, shows the multi-select in an error state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "expand-label", "description": "Label text for the “Expand all” action.", "type": { "text": "string" }, "default": "\"Expand\"", "fieldName": "expandLabel" }, { "name": "label", "description": "Label shown above the multi-select.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "label" }, { "name": "name", "description": "Name of the multi-select field (used in forms).", "type": { "text": "string" }, "fieldName": "name" }, { "name": "no-results-message", "description": "Message shown when no search results are found.", "type": { "text": "string" }, "default": "\"No results found.\"", "fieldName": "noResultsMessage" }, { "name": "placeholder", "description": "Placeholder text shown when nothing is selected.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "placeholder" }, { "name": "read-only", "description": "If true, the multi-select is read-only.", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "required", "description": "Whether at least one option must be selected.", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "search-placeholder", "description": "Placeholder text for the search input.", "type": { "text": "string" }, "default": "\"Search\"", "fieldName": "searchPlaceholder" }, { "name": "select-all-label", "description": "Label text for the “Select all” option.", "type": { "text": "string" }, "default": "\"Select all\"", "fieldName": "selectAllLabel" }, { "name": "show-clear-button", "description": "If true, shows a button to clear all selections.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showClearButton" }, { "name": "show-expand-collapse", "description": "If true, shows expand/collapse controls for nested options.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showExpandCollapse" }, { "name": "show-no-results-message", "description": "If true, displays the “no results” message when nothing matches.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showNoResultsMessage" }, { "name": "show-search", "description": "If true, shows a search box inside the dropdown.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showSearch" }, { "name": "show-select-all", "description": "If true, shows a “Select all” option.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showSelectAll" } ], "members": [ { "kind": "field", "name": "ariaClearLabel", "description": "ARIA label for the “Clear all” button.", "type": { "text": "string" }, "default": "\"Clear all selections\"", "readonly": true, "attribute": "aria-clear-label" }, { "kind": "field", "name": "ariaCollapseAllLabel", "description": "ARIA label for the “Collapse all categories” control.", "type": { "text": "string" }, "default": "\"Collapse all categories\"", "readonly": true, "attribute": "aria-collapse-all-label" }, { "kind": "field", "name": "ariaExpandAllLabel", "description": "ARIA label for the “Expand all categories” control.", "type": { "text": "string" }, "default": "\"Expand all categories\"", "readonly": true, "attribute": "aria-expand-all-label" }, { "kind": "field", "name": "ariaMultiSelectDescribedBy", "description": "ID of element that describes the multi-select (aria-describedby).", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "aria-multi-select-described-by" }, { "kind": "field", "name": "ariaMultiSelectLabel", "description": "ARIA label for the multi-select dropdown.", "type": { "text": "string" }, "default": "\"Multi-select dropdown\"", "readonly": true, "attribute": "aria-multi-select-label" }, { "kind": "field", "name": "ariaMultiSelectLabelledBy", "description": "ID of element that labels the multi-select (aria-labelledby).", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "aria-multi-select-labelled-by" }, { "kind": "field", "name": "ariaSearchLabel", "description": "ARIA label for the search input inside the dropdown.", "type": { "text": "string" }, "default": "\"Search options\"", "readonly": true, "attribute": "aria-search-label" }, { "kind": "field", "name": "ariaSelectAllLabel", "description": "ARIA label for the “Select all options” control.", "type": { "text": "string" }, "default": "\"Select all options\"", "readonly": true, "attribute": "aria-select-all-label" }, { "kind": "field", "name": "ariaToggleLabel", "description": "ARIA label for the dropdown toggle button.", "type": { "text": "string" }, "default": "\"Toggle dropdown\"", "readonly": true, "attribute": "aria-toggle-label" }, { "kind": "field", "name": "caption", "description": "Helper text shown below the multi-select.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "caption" }, { "kind": "field", "name": "collapseLabel", "description": "Label text for the “Collapse all” action.", "type": { "text": "string" }, "default": "\"Collapse\"", "readonly": true, "attribute": "collapse-label" }, { "kind": "field", "name": "disabled", "description": "If true, the multi-select is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "error", "description": "If true, shows the multi-select in an error state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "error" }, { "kind": "field", "name": "expandLabel", "description": "Label text for the “Expand all” action.", "type": { "text": "string" }, "default": "\"Expand\"", "readonly": true, "attribute": "expand-label" }, { "kind": "field", "name": "label", "description": "Label shown above the multi-select.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "label" }, { "kind": "field", "name": "name", "description": "Name of the multi-select field (used in forms).", "type": { "text": "string" }, "readonly": true, "attribute": "name" }, { "kind": "field", "name": "noResultsMessage", "description": "Message shown when no search results are found.", "type": { "text": "string" }, "default": "\"No results found.\"", "readonly": true, "attribute": "no-results-message" }, { "kind": "field", "name": "placeholder", "description": "Placeholder text shown when nothing is selected.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "placeholder" }, { "kind": "field", "name": "readOnly", "description": "If true, the multi-select is read-only.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "read-only" }, { "kind": "field", "name": "required", "description": "Whether at least one option must be selected.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "required" }, { "kind": "field", "name": "searchPlaceholder", "description": "Placeholder text for the search input.", "type": { "text": "string" }, "default": "\"Search\"", "readonly": true, "attribute": "search-placeholder" }, { "kind": "field", "name": "selectAllLabel", "description": "Label text for the “Select all” option.", "type": { "text": "string" }, "default": "\"Select all\"", "readonly": true, "attribute": "select-all-label" }, { "kind": "field", "name": "showClearButton", "description": "If true, shows a button to clear all selections.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-clear-button" }, { "kind": "field", "name": "showExpandCollapse", "description": "If true, shows expand/collapse controls for nested options.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-expand-collapse" }, { "kind": "field", "name": "showNoResultsMessage", "description": "If true, displays the “no results” message when nothing matches.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-no-results-message" }, { "kind": "field", "name": "showSearch", "description": "If true, shows a search box inside the dropdown.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-search" }, { "kind": "field", "name": "showSelectAll", "description": "If true, shows a “Select all” option.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-select-all" }, { "kind": "method", "name": "clearSelection", "description": "Clears all selected options in the multi-select and resets their state.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxOpen", "description": "Fired when the multi-select dropdown is opened.", "type": { "text": "CustomEvent" } }, { "name": "ifxSelect", "description": "Fired when an option is selected in the multi-select.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxMultiselect", "declaration": { "name": "IfxMultiselect" } }, { "kind": "custom-element-definition", "name": "ifx-multiselect", "declaration": { "name": "IfxMultiselect" } } ] }, { "kind": "javascript-module", "path": "src/components/select/multi-select/multiselect-option.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-multiselect-option", "name": "IfxMultiselectOption", "attributes": [ { "name": "disabled", "description": "Whether this tree item is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "indeterminate", "description": "Whether this tree item is in an indeterminate (partially selected) state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "indeterminate" }, { "name": "selected", "description": "Whether this tree item is currently selected.", "type": { "text": "boolean" }, "default": "false", "fieldName": "selected" }, { "name": "value", "description": "Value associated with this tree item (used for selection and events).", "type": { "text": "string" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "disabled", "description": "Whether this tree item is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "indeterminate", "description": "Whether this tree item is in an indeterminate (partially selected) state.", "type": { "text": "boolean" }, "default": "false", "attribute": "indeterminate", "reflects": true }, { "kind": "field", "name": "selected", "description": "Whether this tree item is currently selected.", "type": { "text": "boolean" }, "default": "false", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "value", "description": "Value associated with this tree item (used for selection and events).", "type": { "text": "string" }, "readonly": true, "attribute": "value" } ], "slots": [ { "name": "", "description": "The default slot" }, { "name": "children" } ] } ], "exports": [ { "kind": "js", "name": "IfxMultiselectOption", "declaration": { "name": "IfxMultiselectOption" } }, { "kind": "custom-element-definition", "name": "ifx-multiselect-option", "declaration": { "name": "IfxMultiselectOption" } } ] }, { "kind": "javascript-module", "path": "src/components/navigation/navbar/navbar.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-navbar", "name": "IfxNavbar", "attributes": [ { "name": "application-name", "description": "Name of the application shown in the navbar.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "applicationName" }, { "name": "fixed", "description": "If true, the navbar is fixed (e.g. sticks to the top).", "type": { "text": "boolean" }, "default": "true", "fieldName": "fixed" }, { "name": "logo-href", "description": "Link URL for the logo click action.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "logoHref" }, { "name": "logo-href-target", "description": "Where to open the logo link (same tab, new tab, etc.).", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "logoHrefTarget" }, { "name": "show-logo-and-appname", "description": "If true, shows the logo and application name in the navbar.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showLogoAndAppname" } ], "members": [ { "kind": "field", "name": "applicationName", "description": "Name of the application shown in the navbar.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "application-name" }, { "kind": "field", "name": "fixed", "description": "If true, the navbar is fixed (e.g. sticks to the top).", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "fixed" }, { "kind": "field", "name": "logoHref", "description": "Link URL for the logo click action.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "logo-href" }, { "kind": "field", "name": "logoHrefTarget", "description": "Where to open the logo link (same tab, new tab, etc.).", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "logo-href-target" }, { "kind": "field", "name": "showLogoAndAppname", "description": "If true, shows the logo and application name in the navbar.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-logo-and-appname" } ], "events": [ { "name": "ifxNavbarMobileMenuIsOpen", "description": "Fired when the mobile navbar menu is opened or closed.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "left-item" }, { "name": "mobile-menu-bottom" }, { "name": "mobile-menu-top" }, { "name": "right-item" }, { "name": "search-bar-left" }, { "name": "search-bar-right" } ] } ], "exports": [ { "kind": "js", "name": "IfxNavbar", "declaration": { "name": "IfxNavbar" } }, { "kind": "custom-element-definition", "name": "ifx-navbar", "declaration": { "name": "IfxNavbar" } } ] }, { "kind": "javascript-module", "path": "src/components/navigation/navbar/navbar-item.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-navbar-item", "name": "IfxNavbarItem", "attributes": [ { "name": "dot-indicator", "description": "If true, shows a simple dot indicator instead of a number.", "type": { "text": "boolean" }, "default": "false", "fieldName": "dotIndicator" }, { "name": "hide-on-mobile", "description": "If true, hides this item on mobile viewports.", "type": { "text": "boolean" }, "default": "true", "fieldName": "hideOnMobile" }, { "name": "href", "description": "URL the navigation item should navigate to when clicked.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "href" }, { "name": "icon", "description": "Icon to display for this navigation item.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "icon" }, { "name": "number-indicator", "description": "Number badge shown as an indicator on the item.", "type": { "text": "number" }, "fieldName": "numberIndicator" }, { "name": "show-label", "description": "Whether to show the label text next to the icon.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showLabel" }, { "name": "target", "description": "Where to open the link (same tab, new tab, etc.).", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" } ], "members": [ { "kind": "field", "name": "dotIndicator", "description": "If true, shows a simple dot indicator instead of a number.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "dot-indicator" }, { "kind": "field", "name": "hideOnMobile", "description": "If true, hides this item on mobile viewports.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "hide-on-mobile" }, { "kind": "field", "name": "href", "description": "URL the navigation item should navigate to when clicked.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "href" }, { "kind": "field", "name": "icon", "description": "Icon to display for this navigation item.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "numberIndicator", "description": "Number badge shown as an indicator on the item.", "type": { "text": "number" }, "readonly": true, "attribute": "number-indicator" }, { "kind": "field", "name": "showLabel", "description": "Whether to show the label text next to the icon.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-label" }, { "kind": "field", "name": "target", "description": "Where to open the link (same tab, new tab, etc.).", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" }, { "kind": "method", "name": "addMenuItemClass", "description": "Marks this item as a menu entry and shows the right-arrow icon if needed.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "hideComponent", "description": "Hides this navigation item component.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "moveChildComponentsBackIntoNavbar", "description": "Moves child components back into the main navbar from the sub-layer menu.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "HTMLIfxNavbarItemElement", "package": "global:" } ] } } }, { "kind": "method", "name": "moveChildComponentsIntoSubLayerMenu", "description": "Moves child nav items into the sub-layer menu (e.g. for mobile view).", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "HTMLIfxNavbarItemElement", "package": "global:" } ] } } }, { "kind": "method", "name": "returnToFirstLayer", "description": "Returns this item from a deeper layer back to its first-layer state.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "setItemSideSpecifications", "description": "Applies side-specific classes when the item is placed on the right side.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "setMenuItemPosition", "description": "Sets the menu item position (left or right) based on its menu placement.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "showComponent", "description": "Shows this navigation item component.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "toggleChildren", "description": "Toggles visibility of the child menu and its arrow icon.", "parameters": [ { "name": "action", "type": { "text": "any", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "toggleFirstLayerItem", "description": "Toggles visibility between the first layer item and its second-layer menu.", "parameters": [ { "name": "actionOne", "type": { "text": "any", "references": [ { "name": "Promise", "package": "global:" } ] } }, { "name": "actionTwo", "type": { "text": "any", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxNavItem", "description": "Fired when the navigation item is activated or clicked.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" }, { "name": "first__layer" }, { "name": "second__layer" } ] } ], "exports": [ { "kind": "js", "name": "IfxNavbarItem", "declaration": { "name": "IfxNavbarItem" } }, { "kind": "custom-element-definition", "name": "ifx-navbar-item", "declaration": { "name": "IfxNavbarItem" } } ] }, { "kind": "javascript-module", "path": "src/components/navigation/navbar/navbar-profile.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-navbar-profile", "name": "IfxNavbarProfile", "attributes": [ { "name": "alt", "description": "Alternative text for the avatar image.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "alt" }, { "name": "href", "description": "URL the avatar item should navigate to when clicked.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "href" }, { "name": "image-url", "description": "Image URL used for the avatar.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "imageUrl" }, { "name": "show-label", "description": "Whether to show the user name label next to the avatar.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showLabel" }, { "name": "target", "description": "Where to open the link (same tab, new tab, etc.).", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" }, { "name": "user-name", "description": "Displayed user name associated with the avatar.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "userName" } ], "members": [ { "kind": "field", "name": "alt", "description": "Alternative text for the avatar image.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "alt" }, { "kind": "field", "name": "href", "description": "URL the avatar item should navigate to when clicked.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "href" }, { "kind": "field", "name": "imageUrl", "description": "Image URL used for the avatar.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "image-url" }, { "kind": "field", "name": "showLabel", "description": "Whether to show the user name label next to the avatar.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-label" }, { "kind": "field", "name": "target", "description": "Where to open the link (same tab, new tab, etc.).", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" }, { "kind": "field", "name": "userName", "description": "Displayed user name associated with the avatar.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "user-name" }, { "kind": "method", "name": "hideComponent", "description": "Hides this avatar item component.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "showComponent", "description": "Shows this avatar item component.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "slots": [ { "name": "", "description": "The default slot" }, { "name": "first__layer" } ] } ], "exports": [ { "kind": "js", "name": "IfxNavbarProfile", "declaration": { "name": "IfxNavbarProfile" } }, { "kind": "custom-element-definition", "name": "ifx-navbar-profile", "declaration": { "name": "IfxNavbarProfile" } } ] }, { "kind": "javascript-module", "path": "src/components/notification/notification.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-notification", "name": "IfxNotification", "attributes": [ { "name": "closable", "description": "Shows a close button allowing the user to dismiss the notification.", "type": { "text": "boolean" }, "default": "false", "fieldName": "closable" }, { "name": "icon", "description": "Icon to display in the notification.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "link-href", "description": "URL the notification link should navigate to.", "type": { "text": "string" }, "fieldName": "linkHref" }, { "name": "link-target", "description": "Where to open the link (same tab, new tab, etc.).", "type": { "text": "string" }, "default": "\"_blank\"", "fieldName": "linkTarget" }, { "name": "link-text", "description": "Text for the optional action link.", "type": { "text": "string" }, "fieldName": "linkText" }, { "name": "variant", "description": "Visual style of the notification (e.g. success, error).", "type": { "text": "\"error\" | \"locked\" | \"neutral\" | \"success\"", "references": [ { "name": "NotificationVariant" } ] }, "default": "\"success\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "closable", "description": "Shows a close button allowing the user to dismiss the notification.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "closable" }, { "kind": "field", "name": "icon", "description": "Icon to display in the notification.", "type": { "text": "string" }, "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "linkHref", "description": "URL the notification link should navigate to.", "type": { "text": "string" }, "readonly": true, "attribute": "link-href" }, { "kind": "field", "name": "linkTarget", "description": "Where to open the link (same tab, new tab, etc.).", "type": { "text": "string" }, "default": "\"_blank\"", "readonly": true, "attribute": "link-target" }, { "kind": "field", "name": "linkText", "description": "Text for the optional action link.", "type": { "text": "string" }, "readonly": true, "attribute": "link-text" }, { "kind": "field", "name": "variant", "description": "Visual style of the notification (e.g. success, error).", "type": { "text": "\"error\" | \"locked\" | \"neutral\" | \"success\"", "references": [ { "name": "NotificationVariant" } ] }, "default": "\"success\"", "readonly": true, "attribute": "variant" } ], "events": [ { "name": "ifxClose", "description": "Event emitted when the notification is closed.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxNotification", "declaration": { "name": "IfxNotification" } }, { "kind": "custom-element-definition", "name": "ifx-notification", "declaration": { "name": "IfxNotification" } } ] }, { "kind": "javascript-module", "path": "src/components/overview-table/overview-table.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-overview-table", "name": "IfxOverviewTable" } ], "exports": [ { "kind": "js", "name": "IfxOverviewTable", "declaration": { "name": "IfxOverviewTable" } }, { "kind": "custom-element-definition", "name": "ifx-overview-table", "declaration": { "name": "IfxOverviewTable" } } ] }, { "kind": "javascript-module", "path": "src/components/pagination/pagination.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-pagination", "name": "IfxPagination", "attributes": [ { "name": "current-page", "description": "The current page number passed from the outside", "type": { "text": "number" }, "default": "1", "fieldName": "currentPage" }, { "name": "items-per-page", "description": "Items-per-page options", "type": { "text": "any[] | string" }, "fieldName": "itemsPerPage" }, { "name": "items-per-page-label", "type": { "text": "string" }, "default": "\"Results per Page\"", "fieldName": "itemsPerPageLabel" }, { "name": "show-items-per-page", "description": "Wether to display the items-per-page selector", "type": { "text": "boolean" }, "default": "true", "fieldName": "showItemsPerPage" }, { "name": "total", "description": "Total number of items to paginate", "type": { "text": "number" }, "default": "1", "fieldName": "total" } ], "members": [ { "kind": "field", "name": "currentPage", "description": "The current page number passed from the outside", "type": { "text": "number" }, "default": "1", "readonly": true, "attribute": "current-page" }, { "kind": "field", "name": "itemsPerPage", "description": "Items-per-page options", "type": { "text": "any[] | string" }, "readonly": true, "attribute": "items-per-page" }, { "kind": "field", "name": "itemsPerPageLabel", "type": { "text": "string" }, "default": "\"Results per Page\"", "readonly": true, "attribute": "items-per-page-label" }, { "kind": "field", "name": "showItemsPerPage", "description": "Wether to display the items-per-page selector", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-items-per-page" }, { "kind": "field", "name": "total", "description": "Total number of items to paginate", "type": { "text": "number" }, "default": "1", "readonly": true, "attribute": "total" } ], "events": [ { "name": "ifxItemsPerPageChange", "description": "Emitted when the items-per-page value changes", "type": { "text": "CustomEvent" } }, { "name": "ifxPageChange", "description": "Emitted when the current page changes", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxPagination", "declaration": { "name": "IfxPagination" } }, { "kind": "custom-element-definition", "name": "ifx-pagination", "declaration": { "name": "IfxPagination" } } ] }, { "kind": "javascript-module", "path": "src/components/popover/popover.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-popover", "name": "IfxPopover", "attributes": [ { "name": "aria-label", "description": "Accessible label for the popover", "type": { "text": "string" }, "default": "null", "fieldName": "ariaLabelText" }, { "name": "disabled", "description": "Whether the popover is disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "open", "description": "Whether the popover is initially open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" }, { "name": "popover-title", "description": "Title text displayed in the popover header", "type": { "text": "string" }, "default": "''", "fieldName": "popoverTitle" }, { "name": "position", "description": "Position of the popover relative to the trigger element", "type": { "text": "\"auto\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"right\" | \"top\" | \"top-end\" | \"top-start\"" }, "default": "'auto'", "fieldName": "position" }, { "name": "text", "description": "Body text displayed in the popover content", "type": { "text": "string" }, "default": "''", "fieldName": "text" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Accessible label for the popover", "type": { "text": "string" }, "default": "null", "readonly": true, "attribute": "aria-label" }, { "kind": "field", "name": "disabled", "description": "Whether the popover is disabled", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "open", "description": "Whether the popover is initially open", "type": { "text": "boolean" }, "default": "false", "attribute": "open", "reflects": true }, { "kind": "field", "name": "popoverTitle", "description": "Title text displayed in the popover header", "type": { "text": "string" }, "default": "''", "readonly": true, "attribute": "popover-title" }, { "kind": "field", "name": "position", "description": "Position of the popover relative to the trigger element", "type": { "text": "\"auto\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"right\" | \"top\" | \"top-end\" | \"top-start\"" }, "default": "'auto'", "readonly": true, "attribute": "position" }, { "kind": "field", "name": "text", "description": "Body text displayed in the popover content", "type": { "text": "string" }, "default": "''", "readonly": true, "attribute": "text" }, { "kind": "method", "name": "hide", "description": "Programmatically hide the popover", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "show", "description": "Programmatically show the popover", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "toggle", "description": "Programmatically toggle the popover visibility", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxClose", "description": "Fired when the component is closed.", "type": { "text": "CustomEvent" } }, { "name": "ifxOpen", "description": "Emitted when the popover is opened", "type": { "text": "CustomEvent<{ trigger: HTMLElement; }>", "references": [ { "name": "HTMLElement", "package": "global:" } ] } } ], "slots": [ { "name": "", "description": "The default slot" }, { "name": "content" } ] } ], "exports": [ { "kind": "js", "name": "IfxPopover", "declaration": { "name": "IfxPopover" } }, { "kind": "custom-element-definition", "name": "ifx-popover", "declaration": { "name": "IfxPopover" } } ] }, { "kind": "javascript-module", "path": "src/components/progress-bar/progress-bar.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-progress-bar", "name": "IfxProgressBar", "attributes": [ { "name": "show-label", "description": "Whether to show a text label next to the progress bar.", "type": { "text": "boolean" }, "default": "false", "fieldName": "showLabel" }, { "name": "size", "description": "Size of the progress bar (e.g. small, medium, large).", "type": { "text": "string" }, "fieldName": "size" }, { "name": "value", "description": "Current value of the progress bar (e.g. completion percentage).", "type": { "text": "number" }, "default": "0", "fieldName": "value" } ], "members": [ { "kind": "field", "name": "showLabel", "description": "Whether to show a text label next to the progress bar.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "show-label" }, { "kind": "field", "name": "size", "description": "Size of the progress bar (e.g. small, medium, large).", "type": { "text": "string" }, "readonly": true, "attribute": "size" }, { "kind": "field", "name": "value", "description": "Current value of the progress bar (e.g. completion percentage).", "type": { "text": "number" }, "default": "0", "readonly": true, "attribute": "value" } ] } ], "exports": [ { "kind": "js", "name": "IfxProgressBar", "declaration": { "name": "IfxProgressBar" } }, { "kind": "custom-element-definition", "name": "ifx-progress-bar", "declaration": { "name": "IfxProgressBar" } } ] }, { "kind": "javascript-module", "path": "src/components/radio-button/radio-button.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-radio-button", "name": "IfxRadioButton", "attributes": [ { "name": "checked", "description": "Whether the checkbox is currently checked (can be updated).", "type": { "text": "boolean" }, "fieldName": "checked" }, { "name": "disabled", "description": "If true, the checkbox is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "error", "description": "If true, the checkbox is shown in an error state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "name", "description": "Name attribute used when submitting the checkbox in a form.", "type": { "text": "string" }, "fieldName": "name" }, { "name": "size", "description": "Size of the checkbox (small or medium).", "type": { "text": "\"m\" | \"s\"" }, "default": "\"s\"", "fieldName": "size" }, { "name": "value", "description": "Value submitted when the checkbox is checked.", "type": { "text": "string" }, "default": "\"on\"", "fieldName": "value" } ], "members": [ { "kind": "field", "name": "checked", "description": "Whether the checkbox is currently checked (can be updated).", "type": { "text": "boolean" }, "attribute": "checked" }, { "kind": "field", "name": "disabled", "description": "If true, the checkbox is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "error", "description": "If true, the checkbox is shown in an error state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "error" }, { "kind": "field", "name": "name", "description": "Name attribute used when submitting the checkbox in a form.", "type": { "text": "string" }, "readonly": true, "attribute": "name", "reflects": true }, { "kind": "field", "name": "size", "description": "Size of the checkbox (small or medium).", "type": { "text": "\"m\" | \"s\"" }, "default": "\"s\"", "readonly": true, "attribute": "size", "reflects": true }, { "kind": "field", "name": "value", "description": "Value submitted when the checkbox is checked.", "type": { "text": "string" }, "default": "\"on\"", "readonly": true, "attribute": "value" }, { "kind": "method", "name": "isChecked", "description": "Returns the current checked state of the checkbox.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxChange", "description": "Fired when the checked state of the checkbox changes.", "type": { "text": "CustomEvent" } }, { "name": "ifxError", "description": "Fired when the checkbox enters or leaves an error state.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxRadioButton", "declaration": { "name": "IfxRadioButton" } }, { "kind": "custom-element-definition", "name": "ifx-radio-button", "declaration": { "name": "IfxRadioButton" } } ] }, { "kind": "javascript-module", "path": "src/components/radio-button-group/radio-button-group.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-radio-button-group", "name": "IfxRadioButtonGroup", "attributes": [ { "name": "alignment", "description": "Layout direction of the checkbox group (horizontal or vertical).", "type": { "text": "\"horizontal\" | \"vertical\"" }, "default": "\"vertical\"", "fieldName": "alignment" }, { "name": "caption-text", "description": "Text used for the caption below the group.", "type": { "text": "string" }, "fieldName": "captionText" }, { "name": "group-label-text", "description": "Text used as the group label.", "type": { "text": "string" }, "default": "\"Group Label Text\"", "fieldName": "groupLabelText" }, { "name": "required", "description": "Whether selecting at least one checkbox is required.", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "show-caption", "description": "Whether to show a caption under the group.", "type": { "text": "boolean" }, "fieldName": "showCaption" }, { "name": "show-caption-icon", "description": "Whether to show an icon next to the caption text.", "type": { "text": "boolean" }, "fieldName": "showCaptionIcon" }, { "name": "show-group-label", "description": "Whether to show the group label above the checkboxes.", "type": { "text": "boolean" }, "fieldName": "showGroupLabel" }, { "name": "size", "description": "Size of the checkbox group (e.g. small, medium).", "type": { "text": "string" }, "fieldName": "size" } ], "members": [ { "kind": "field", "name": "alignment", "description": "Layout direction of the checkbox group (horizontal or vertical).", "type": { "text": "\"horizontal\" | \"vertical\"" }, "default": "\"vertical\"", "readonly": true, "attribute": "alignment" }, { "kind": "field", "name": "captionText", "description": "Text used for the caption below the group.", "type": { "text": "string" }, "readonly": true, "attribute": "caption-text" }, { "kind": "field", "name": "groupLabelText", "description": "Text used as the group label.", "type": { "text": "string" }, "default": "\"Group Label Text\"", "readonly": true, "attribute": "group-label-text" }, { "kind": "field", "name": "required", "description": "Whether selecting at least one checkbox is required.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "required" }, { "kind": "field", "name": "showCaption", "description": "Whether to show a caption under the group.", "type": { "text": "boolean" }, "readonly": true, "attribute": "show-caption" }, { "kind": "field", "name": "showCaptionIcon", "description": "Whether to show an icon next to the caption text.", "type": { "text": "boolean" }, "readonly": true, "attribute": "show-caption-icon" }, { "kind": "field", "name": "showGroupLabel", "description": "Whether to show the group label above the checkboxes.", "type": { "text": "boolean" }, "readonly": true, "attribute": "show-group-label" }, { "kind": "field", "name": "size", "description": "Size of the checkbox group (e.g. small, medium).", "type": { "text": "string" }, "readonly": true, "attribute": "size" }, { "kind": "method", "name": "setGroupError", "description": "Method to set the error state of all radio-butttons in the group", "parameters": [ { "name": "error", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxRadioButtonGroup", "declaration": { "name": "IfxRadioButtonGroup" } }, { "kind": "custom-element-definition", "name": "ifx-radio-button-group", "declaration": { "name": "IfxRadioButtonGroup" } } ] }, { "kind": "javascript-module", "path": "src/components/search-bar/search-bar.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-search-bar", "name": "IfxSearchBar", "attributes": [ { "name": "autocomplete", "description": "Autocomplete behavior passed to the underlying search field.", "type": { "text": "string" }, "default": "\"on\"", "fieldName": "autocomplete" }, { "name": "disabled", "description": "Disables user interaction with the search field and close control.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "is-open", "description": "Controls whether the search bar is expanded (open) or collapsed.\nThis is mirrored into internal state and drives the visible UI.", "type": { "text": "boolean" }, "default": "true", "fieldName": "isOpen" }, { "name": "maxlength", "description": "Maximum allowed length for the search input.", "type": { "text": "number" }, "fieldName": "maxlength" }, { "name": "show-close-button", "description": "Toggles the close button outside the input field", "type": { "text": "boolean" }, "default": "true", "fieldName": "showCloseButton" }, { "name": "value", "description": "Current input value of the search field.\nThis is updated when the field emits input events.", "type": { "text": "string" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "autocomplete", "description": "Autocomplete behavior passed to the underlying search field.", "type": { "text": "string" }, "default": "\"on\"", "readonly": true, "attribute": "autocomplete" }, { "kind": "field", "name": "disabled", "description": "Disables user interaction with the search field and close control.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "isOpen", "description": "Controls whether the search bar is expanded (open) or collapsed.\nThis is mirrored into internal state and drives the visible UI.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "is-open" }, { "kind": "field", "name": "maxlength", "description": "Maximum allowed length for the search input.", "type": { "text": "number" }, "readonly": true, "attribute": "maxlength" }, { "kind": "field", "name": "showCloseButton", "description": "Toggles the close button outside the input field", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-close-button" }, { "kind": "field", "name": "value", "description": "Current input value of the search field.\nThis is updated when the field emits input events.", "type": { "text": "string" }, "attribute": "value" }, { "kind": "method", "name": "close", "description": "Closes the search bar when triggered programatically\nEmits `ifxOpen` with `true` and updates internal state.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "open", "description": "Opens the search bar when triggered programatically\nEmits `ifxOpen` with `false` and updates internal state.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxInput", "description": "Emits when the search input value changes.", "type": { "text": "CustomEvent" } }, { "name": "ifxOpen", "description": "Emits when the search bar is opened or closed.\nPayload is the new open state.", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxSearchBar", "declaration": { "name": "IfxSearchBar" } }, { "kind": "custom-element-definition", "name": "ifx-search-bar", "declaration": { "name": "IfxSearchBar" } } ] }, { "kind": "javascript-module", "path": "src/components/search-field/search-field.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-search-field", "name": "IfxSearchField", "attributes": [ { "name": "aria-described-by", "description": "ID of the element that describes the input.", "type": { "text": "string" }, "fieldName": "ariaDescribedBy" }, { "name": "aria-label-text", "description": "Accessible label for the input.", "type": { "text": "string" }, "default": "\"Search Field\"", "fieldName": "ariaLabelText" }, { "name": "aria-labelled-by", "description": "ID of the element that labels the input.", "type": { "text": "string" }, "fieldName": "ariaLabelledBy" }, { "name": "autocomplete", "description": "Native autocomplete attribute value.", "type": { "text": "string" }, "default": "\"off\"", "fieldName": "autocomplete" }, { "name": "delete-icon-aria-label", "description": "Accessible label for the clear icon button.", "type": { "text": "string" }, "default": "\"Clear search\"", "fieldName": "deleteIconAriaLabel" }, { "name": "disabled", "description": "Disable the input and related interactions.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "dropdown-aria-label", "description": "Accessible label for the suggestions listbox.", "type": { "text": "string" }, "default": "\"Search suggestions and history\"", "fieldName": "dropdownAriaLabel" }, { "name": "enable-history", "description": "Enable local search history behavior and persistence.", "type": { "text": "boolean" }, "default": "true", "fieldName": "enableHistory" }, { "name": "history-delete-aria-label", "description": "Accessible label for the history item delete button.", "type": { "text": "string" }, "default": "\"Remove from history\"", "fieldName": "historyDeleteAriaLabel" }, { "name": "history-header-text", "description": "Header text shown when only history entries are displayed.", "type": { "text": "string" }, "default": "\"Recent Searches\"", "fieldName": "historyHeaderText" }, { "name": "history-item-aria-label", "description": "Accessible label prefix for history items.", "type": { "text": "string" }, "default": "\"Search history item\"", "fieldName": "historyItemAriaLabel" }, { "name": "history-key", "description": "localStorage key used to persist search history.\nThis 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.", "type": { "text": "string" }, "default": "\"ifx-search-history\"", "fieldName": "historyKey" }, { "name": "max-history-items", "description": "Maximum number of stored history entries.", "type": { "text": "number" }, "default": "5", "fieldName": "maxHistoryItems" }, { "name": "max-suggestions", "description": "Maximum number of items shown in the dropdown (suggestions + history).", "type": { "text": "number" }, "default": "10", "fieldName": "maxSuggestions" }, { "name": "maxlength", "description": "Maximum number of characters allowed in the input.", "type": { "text": "number" }, "default": "undefined", "fieldName": "maxlength" }, { "name": "placeholder", "description": "Placeholder text for the input.", "type": { "text": "string" }, "default": "\"Search\"", "fieldName": "placeholder" }, { "name": "show-delete-icon", "description": "Show the clear icon when there is a non-empty value.", "type": { "text": "boolean" }, "default": "false", "fieldName": "showDeleteIcon" }, { "name": "show-suggestions", "description": "Enable the suggestion dropdown and request events while typing.", "type": { "text": "boolean" }, "default": "false", "fieldName": "showSuggestions" }, { "name": "size", "description": "Visual size variant. \"s\" enables compact styling, otherwise defaults to \"l\".", "type": { "text": "\"l\" | \"s\"" }, "default": "\"l\"", "fieldName": "size" }, { "name": "suggestion-aria-label", "description": "Accessible label prefix for suggestion items.", "type": { "text": "string" }, "default": "\"Search suggestion\"", "fieldName": "suggestionAriaLabel" }, { "name": "value", "description": "Current input value. Mutates as the user types and can be set programmatically.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "value" } ], "members": [ { "kind": "field", "name": "ariaDescribedBy", "description": "ID of the element that describes the input.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-described-by" }, { "kind": "field", "name": "ariaLabelText", "description": "Accessible label for the input.", "type": { "text": "string" }, "default": "\"Search Field\"", "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "ariaLabelledBy", "description": "ID of the element that labels the input.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-labelled-by" }, { "kind": "field", "name": "autocomplete", "description": "Native autocomplete attribute value.", "type": { "text": "string" }, "default": "\"off\"", "readonly": true, "attribute": "autocomplete" }, { "kind": "field", "name": "deleteIconAriaLabel", "description": "Accessible label for the clear icon button.", "type": { "text": "string" }, "default": "\"Clear search\"", "readonly": true, "attribute": "delete-icon-aria-label" }, { "kind": "field", "name": "disabled", "description": "Disable the input and related interactions.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "dropdownAriaLabel", "description": "Accessible label for the suggestions listbox.", "type": { "text": "string" }, "default": "\"Search suggestions and history\"", "readonly": true, "attribute": "dropdown-aria-label" }, { "kind": "field", "name": "enableHistory", "description": "Enable local search history behavior and persistence.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "enable-history" }, { "kind": "field", "name": "historyDeleteAriaLabel", "description": "Accessible label for the history item delete button.", "type": { "text": "string" }, "default": "\"Remove from history\"", "readonly": true, "attribute": "history-delete-aria-label" }, { "kind": "field", "name": "historyHeaderText", "description": "Header text shown when only history entries are displayed.", "type": { "text": "string" }, "default": "\"Recent Searches\"", "readonly": true, "attribute": "history-header-text" }, { "kind": "field", "name": "historyItemAriaLabel", "description": "Accessible label prefix for history items.", "type": { "text": "string" }, "default": "\"Search history item\"", "readonly": true, "attribute": "history-item-aria-label" }, { "kind": "field", "name": "historyKey", "description": "localStorage key used to persist search history.\nThis 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.", "type": { "text": "string" }, "default": "\"ifx-search-history\"", "readonly": true, "attribute": "history-key" }, { "kind": "field", "name": "maxHistoryItems", "description": "Maximum number of stored history entries.", "type": { "text": "number" }, "default": "5", "readonly": true, "attribute": "max-history-items" }, { "kind": "field", "name": "maxSuggestions", "description": "Maximum number of items shown in the dropdown (suggestions + history).", "type": { "text": "number" }, "default": "10", "readonly": true, "attribute": "max-suggestions" }, { "kind": "field", "name": "maxlength", "description": "Maximum number of characters allowed in the input.", "type": { "text": "number" }, "default": "undefined", "readonly": true, "attribute": "maxlength" }, { "kind": "field", "name": "placeholder", "description": "Placeholder text for the input.", "type": { "text": "string" }, "default": "\"Search\"", "readonly": true, "attribute": "placeholder" }, { "kind": "field", "name": "showDeleteIcon", "description": "Show the clear icon when there is a non-empty value.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "show-delete-icon" }, { "kind": "field", "name": "showSuggestions", "description": "Enable the suggestion dropdown and request events while typing.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "show-suggestions" }, { "kind": "field", "name": "size", "description": "Visual size variant. \"s\" enables compact styling, otherwise defaults to \"l\".", "type": { "text": "\"l\" | \"s\"" }, "default": "\"l\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "suggestionAriaLabel", "description": "Accessible label prefix for suggestion items.", "type": { "text": "string" }, "default": "\"Search suggestion\"", "readonly": true, "attribute": "suggestion-aria-label" }, { "kind": "field", "name": "suggestions", "description": "External suggestion items used to populate the dropdown.", "type": { "text": "SuggestionItem[]", "references": [ { "name": "SuggestionItem" } ] }, "default": "[]", "readonly": true }, { "kind": "field", "name": "value", "description": "Current input value. Mutates as the user types and can be set programmatically.", "type": { "text": "string" }, "default": "\"\"", "attribute": "value" }, { "kind": "method", "name": "clearSearchHistory", "description": "Public method to clear search history.\nThis will clear the history from both localStorage and the internal state, and also reset any dropdown-related states.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "setFocus", "description": "Focuses the search input.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxBlur", "description": "Emitted when the input loses focus.", "type": { "text": "CustomEvent" } }, { "name": "ifxFocus", "description": "Emitted when the input gains focus.", "type": { "text": "CustomEvent" } }, { "name": "ifxInput", "description": "Emitted on input change with the current value.", "type": { "text": "CustomEvent" } }, { "name": "ifxSuggestionRequested", "description": "Emitted to request external suggestions for the given query.", "type": { "text": "CustomEvent" } }, { "name": "ifxSuggestionSelected", "description": "Emitted when a suggestion or history item is selected.", "type": { "text": "CustomEvent", "references": [ { "name": "SuggestionItem" } ] } } ] } ], "exports": [ { "kind": "js", "name": "IfxSearchField", "declaration": { "name": "IfxSearchField" } }, { "kind": "custom-element-definition", "name": "ifx-search-field", "declaration": { "name": "IfxSearchField" } } ] }, { "kind": "javascript-module", "path": "src/components/segmented-control/segment/segment.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-segment", "name": "IfxSegment", "attributes": [ { "name": "icon", "description": "Icon to display inside the segment.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "segment-index", "description": "Index of this segment within the segmented control.", "type": { "text": "number" }, "fieldName": "segmentIndex" }, { "name": "selected", "description": "Whether this segment is currently selected.", "type": { "text": "boolean" }, "default": "false", "fieldName": "selected" }, { "name": "value", "description": "Value associated with this segment.", "type": { "text": "string" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "icon", "description": "Icon to display inside the segment.", "type": { "text": "string" }, "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "segmentIndex", "description": "Index of this segment within the segmented control.", "type": { "text": "number" }, "readonly": true, "attribute": "segment-index" }, { "kind": "field", "name": "selected", "description": "Whether this segment is currently selected.", "type": { "text": "boolean" }, "default": "false", "attribute": "selected" }, { "kind": "field", "name": "value", "description": "Value associated with this segment.", "type": { "text": "string" }, "readonly": true, "attribute": "value" } ], "events": [ { "name": "segmentSelect", "description": "Fired when this segment is selected (emits the segment index).", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxSegment", "declaration": { "name": "IfxSegment" } }, { "kind": "custom-element-definition", "name": "ifx-segment", "declaration": { "name": "IfxSegment" } } ] }, { "kind": "javascript-module", "path": "src/components/segmented-control/segmented-control.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-segmented-control", "name": "IfxSegmentedControl", "attributes": [ { "name": "caption", "description": "Helper text shown below the segmented control.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "caption" }, { "name": "error", "description": "If true, shows the segmented control in an error state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "label", "description": "Label text shown above the segmented control.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "label" }, { "name": "required", "description": "Whether choosing a value is required.", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "size", "description": "Size of the segmented control (regular or small).", "type": { "text": "\"regular\" | \"small\"" }, "default": "\"regular\"", "fieldName": "size" } ], "members": [ { "kind": "field", "name": "caption", "description": "Helper text shown below the segmented control.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "caption" }, { "kind": "field", "name": "error", "description": "If true, shows the segmented control in an error state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "error" }, { "kind": "field", "name": "label", "description": "Label text shown above the segmented control.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "label" }, { "kind": "field", "name": "required", "description": "Whether choosing a value is required.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "required" }, { "kind": "field", "name": "size", "description": "Size of the segmented control (regular or small).", "type": { "text": "\"regular\" | \"small\"" }, "default": "\"regular\"", "readonly": true, "attribute": "size" } ], "events": [ { "name": "ifxChange", "description": "Fired when the selected segment changes (previous and new value).", "type": { "text": "CustomEvent<{ previousValue: string; selectedValue: string; }>" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxSegmentedControl", "declaration": { "name": "IfxSegmentedControl" } }, { "kind": "custom-element-definition", "name": "ifx-segmented-control", "declaration": { "name": "IfxSegmentedControl" } } ] }, { "kind": "javascript-module", "path": "src/components/select/single-select/select.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-select", "name": "IfxSelect", "attributes": [ { "name": "add-item-filter", "description": "Filter used to validate items before they are added.", "type": { "text": "((value: string) => boolean) | RegExp | string", "references": [ { "name": "RegExp", "package": "global:" }, { "name": "ItemFilterFn", "module": "./interfaces" } ] }, "fieldName": "addItemFilter" }, { "name": "add-item-text", "description": "Text or function for the “add item” prompt.", "type": { "text": "((value: string) => string) | string", "references": [ { "name": "AddItemTextFn", "module": "./interfaces" } ] }, "fieldName": "addItemText" }, { "name": "add-items", "description": "Whether new items can be added by the user.", "type": { "text": "boolean" }, "fieldName": "addItems" }, { "name": "append-value", "description": "Text to append to each item’s value on output.", "type": { "text": "string" }, "fieldName": "appendValue" }, { "name": "caption", "description": "Helper text shown below the select field.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "caption" }, { "name": "choices", "description": "Available choices; can be an array or a string (e.g. data source).", "type": { "text": "any[] | string", "references": [ { "name": "Array", "package": "global:" } ] }, "default": "undefined", "fieldName": "choices" }, { "name": "custom-add-item-text", "description": "Configuration for customizing the “add item” text.", "type": { "text": "((value: string) => string) | string", "references": [ { "name": "CustomAddItemText", "module": "./interfaces" } ] }, "fieldName": "customAddItemText" }, { "name": "delimiter", "description": "Delimiter used when parsing or joining item values (e.g. for paste).", "type": { "text": "string" }, "fieldName": "delimiter" }, { "name": "disabled", "description": "If true, the select is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "duplicate-items-allowed", "description": "Whether duplicate items are allowed.", "type": { "text": "boolean" }, "fieldName": "duplicateItemsAllowed" }, { "name": "edit-items", "description": "Whether selected items can be edited in place.", "type": { "text": "boolean" }, "fieldName": "editItems" }, { "name": "error", "description": "If true, shows the select in an error state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "item-select-text", "description": "Text shown on an item when it is selectable (kept as empty string here).", "type": { "text": "\"\"" }, "fieldName": "itemSelectText" }, { "name": "label", "description": "Label text shown above the select field.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "label" }, { "name": "loading-text", "description": "Text shown while data or choices are loading.", "type": { "text": "string" }, "fieldName": "loadingText" }, { "name": "max-item-count", "description": "Maximum number of items that can be selected.", "type": { "text": "number" }, "fieldName": "maxItemCount" }, { "name": "max-item-text", "description": "Text or function used when the max item count is reached.", "type": { "text": "((maxItemCount: number) => string) | string", "references": [ { "name": "MaxItemTextFn", "module": "./interfaces" } ] }, "fieldName": "maxItemText" }, { "name": "name", "description": "Name attribute used when submitting the field in a form.", "type": { "text": "string" }, "fieldName": "name" }, { "name": "no-choices-text", "description": "Text or function used when there are no choices to show.", "type": { "text": "(() => string) | string", "references": [ { "name": "NoChoicesTextFn", "module": "./interfaces" } ] }, "fieldName": "noChoicesText" }, { "name": "no-results-text", "description": "Text or function used when no search results are found.", "type": { "text": "(() => string) | string", "references": [ { "name": "NoResultsTextFn", "module": "./interfaces" } ] }, "fieldName": "noResultsText" }, { "name": "options", "description": "List of available options (array or string source).", "type": { "text": "any[] | string" }, "fieldName": "options" }, { "name": "paste", "description": "Whether pasting values to create items is allowed.", "type": { "text": "boolean" }, "fieldName": "paste" }, { "name": "placeholder", "description": "Placeholder configuration or text for the input.", "type": { "text": "boolean | string" }, "fieldName": "placeholder" }, { "name": "placeholder-value", "description": "Placeholder text shown when no option is selected.", "type": { "text": "string" }, "default": "\"Placeholder\"", "fieldName": "placeholderValue" }, { "name": "position", "description": "Position of the dropdown relative to the input.", "type": { "text": "\"auto\" | \"bottom\" | \"top\"" }, "fieldName": "position" }, { "name": "prepend-value", "description": "Text to prepend to each item’s value on output.", "type": { "text": "string" }, "fieldName": "prependValue" }, { "name": "read-only", "description": "If true, shows the select in a read-only state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "remove-item-button", "description": "Whether to show a remove button on each selected item.", "type": { "text": "boolean" }, "fieldName": "removeItemButton" }, { "name": "remove-items", "description": "Whether items can be removed by the user.", "type": { "text": "boolean" }, "fieldName": "removeItems" }, { "name": "render-choice-limit", "description": "Maximum number of choices to render in the list at once.", "type": { "text": "number" }, "fieldName": "renderChoiceLimit" }, { "name": "render-selected-choices", "description": "When to render selected choices (always or only when needed).", "type": { "text": "\"always\" | \"auto\"" }, "fieldName": "renderSelectedChoices" }, { "name": "required", "description": "Whether selecting a value is required.", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "reset-scroll-position", "description": "Whether to reset scroll position when opening the dropdown.", "type": { "text": "boolean" }, "fieldName": "resetScrollPosition" }, { "name": "search-choices", "description": "Whether search filters the available choices.", "type": { "text": "boolean" }, "fieldName": "searchChoices" }, { "name": "search-fields", "description": "Fields used when searching choices (array of field names or a string).", "type": { "text": "string | string[]", "references": [ { "name": "Array", "package": "global:" } ] }, "fieldName": "searchFields" }, { "name": "search-floor", "description": "Minimum number of characters before search is triggered.", "type": { "text": "number" }, "fieldName": "searchFloor" }, { "name": "search-placeholder-value", "description": "Placeholder text shown inside the search input.", "type": { "text": "string" }, "fieldName": "searchPlaceholderValue" }, { "name": "search-result-limit", "description": "Maximum number of search results to display.", "type": { "text": "number" }, "fieldName": "searchResultLimit" }, { "name": "should-sort", "description": "Whether available choices should be sorted.", "type": { "text": "boolean" }, "fieldName": "shouldSort" }, { "name": "should-sort-items", "description": "Whether selected items should be sorted.", "type": { "text": "boolean" }, "fieldName": "shouldSortItems" }, { "name": "show-clear-button", "description": "If true, shows a button to clear the current selection.", "type": { "text": "boolean" }, "default": "true", "fieldName": "showClearButton" }, { "name": "show-search", "description": "Whether the search input is shown.", "type": { "text": "boolean" }, "fieldName": "showSearch" }, { "name": "size", "description": "Size of the select component (e.g. medium / 40px).", "type": { "text": "string" }, "default": "\"medium (40px)\"", "fieldName": "size" }, { "name": "unique-item-text", "description": "Text configuration for duplicate/unique item errors.", "type": { "text": "((value: string) => string) | string", "references": [ { "name": "UniqueItemText", "module": "./interfaces" } ] }, "fieldName": "uniqueItemText" }, { "name": "value", "description": "Initial value of the Choices instance.", "type": { "text": "string" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "addItemFilter", "description": "Filter used to validate items before they are added.", "type": { "text": "((value: string) => boolean) | RegExp | string", "references": [ { "name": "RegExp", "package": "global:" }, { "name": "ItemFilterFn", "module": "./interfaces" } ] }, "readonly": true, "attribute": "add-item-filter" }, { "kind": "field", "name": "addItemText", "description": "Text or function for the “add item” prompt.", "type": { "text": "((value: string) => string) | string", "references": [ { "name": "AddItemTextFn", "module": "./interfaces" } ] }, "readonly": true, "attribute": "add-item-text" }, { "kind": "field", "name": "addItems", "description": "Whether new items can be added by the user.", "type": { "text": "boolean" }, "readonly": true, "attribute": "add-items" }, { "kind": "field", "name": "appendValue", "description": "Text to append to each item’s value on output.", "type": { "text": "string" }, "readonly": true, "attribute": "append-value" }, { "kind": "field", "name": "callbackOnCreateTemplates", "description": "Callback used to create or override internal templates.", "type": { "text": "(template: any) => any", "references": [ { "name": "OnCreateTemplates", "module": "./interfaces" } ] }, "readonly": true }, { "kind": "field", "name": "callbackOnInit", "description": "Callback function invoked when the Choices instance is initialized.", "type": { "text": "() => void", "references": [ { "name": "OnInit", "module": "./interfaces" } ] }, "readonly": true }, { "kind": "field", "name": "caption", "description": "Helper text shown below the select field.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "caption" }, { "kind": "field", "name": "choices", "description": "Available choices; can be an array or a string (e.g. data source).", "type": { "text": "any[] | string", "references": [ { "name": "Array", "package": "global:" } ] }, "default": "undefined", "readonly": true, "attribute": "choices" }, { "kind": "field", "name": "classNames", "description": "Custom CSS class names mapping for internal elements.", "type": { "text": "{ containerOuter?: string; containerInner?: string; input?: string; inputCloned?: string; list?: string; listItems?: string; listSingle?: string; listDropdown?: string; item?: string; itemSelectable?: string; itemDisabled?: string; itemChoice?: string; placeholder?: string; group?: string; groupHeading?: string; button?: string; activeState?: string; focusState?: string; openState?: string; disabledState?: string; highlightedState?: string; selectedState: string; flippedState?: string; loadingState?: string; noResults?: string; noChoices?: string; }", "references": [ { "name": "ClassNames", "module": "./interfaces" } ] }, "readonly": true }, { "kind": "field", "name": "customAddItemText", "description": "Configuration for customizing the “add item” text.", "type": { "text": "((value: string) => string) | string", "references": [ { "name": "CustomAddItemText", "module": "./interfaces" } ] }, "readonly": true, "attribute": "custom-add-item-text" }, { "kind": "field", "name": "delimiter", "description": "Delimiter used when parsing or joining item values (e.g. for paste).", "type": { "text": "string" }, "readonly": true, "attribute": "delimiter" }, { "kind": "field", "name": "disabled", "description": "If true, the select is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "duplicateItemsAllowed", "description": "Whether duplicate items are allowed.", "type": { "text": "boolean" }, "readonly": true, "attribute": "duplicate-items-allowed" }, { "kind": "field", "name": "editItems", "description": "Whether selected items can be edited in place.", "type": { "text": "boolean" }, "readonly": true, "attribute": "edit-items" }, { "kind": "field", "name": "error", "description": "If true, shows the select in an error state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "error" }, { "kind": "field", "name": "fuseOptions", "description": "Fuse.js options for fuzzy searching choices.", "type": { "text": "{ id?: string; caseSensitive?: boolean; includeMatches?: boolean; includeScore?: boolean; shouldSort?: boolean; keys?: string[] | object[] | WeightedField[]; verbose?: boolean; tokenize?: boolean; tokenSeparator?: RegExp; matchAllTokens?: boolean; location?: number; distance?: number; threshold?: number; maxPatternLength?: number; minMatchCharLength?: number; findAllMatches?: boolean; sortFn?(a: { score: number; }, b: { score: number; }): number; getFn?(obj: any, path: string): any; }", "references": [ { "name": "FuseOptions", "module": "./interfaces" } ] }, "readonly": true }, { "kind": "field", "name": "itemSelectText", "description": "Text shown on an item when it is selectable (kept as empty string here).", "type": { "text": "\"\"" }, "readonly": true, "attribute": "item-select-text" }, { "kind": "field", "name": "items", "description": "Initial list of items to populate the component with.", "type": { "text": "any[]", "references": [ { "name": "Array", "package": "global:" } ] }, "readonly": true }, { "kind": "field", "name": "label", "description": "Label text shown above the select field.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "label" }, { "kind": "field", "name": "loadingText", "description": "Text shown while data or choices are loading.", "type": { "text": "string" }, "readonly": true, "attribute": "loading-text" }, { "kind": "field", "name": "maxItemCount", "description": "Maximum number of items that can be selected.", "type": { "text": "number" }, "readonly": true, "attribute": "max-item-count" }, { "kind": "field", "name": "maxItemText", "description": "Text or function used when the max item count is reached.", "type": { "text": "((maxItemCount: number) => string) | string", "references": [ { "name": "MaxItemTextFn", "module": "./interfaces" } ] }, "readonly": true, "attribute": "max-item-text" }, { "kind": "field", "name": "name", "description": "Name attribute used when submitting the field in a form.", "type": { "text": "string" }, "readonly": true, "attribute": "name" }, { "kind": "field", "name": "noChoicesText", "description": "Text or function used when there are no choices to show.", "type": { "text": "(() => string) | string", "references": [ { "name": "NoChoicesTextFn", "module": "./interfaces" } ] }, "readonly": true, "attribute": "no-choices-text" }, { "kind": "field", "name": "noResultsText", "description": "Text or function used when no search results are found.", "type": { "text": "(() => string) | string", "references": [ { "name": "NoResultsTextFn", "module": "./interfaces" } ] }, "readonly": true, "attribute": "no-results-text" }, { "kind": "field", "name": "options", "description": "List of available options (array or string source).", "type": { "text": "any[] | string" }, "attribute": "options" }, { "kind": "field", "name": "paste", "description": "Whether pasting values to create items is allowed.", "type": { "text": "boolean" }, "readonly": true, "attribute": "paste" }, { "kind": "field", "name": "placeholder", "description": "Placeholder configuration or text for the input.", "type": { "text": "boolean | string" }, "readonly": true, "attribute": "placeholder" }, { "kind": "field", "name": "placeholderValue", "description": "Placeholder text shown when no option is selected.", "type": { "text": "string" }, "default": "\"Placeholder\"", "readonly": true, "attribute": "placeholder-value" }, { "kind": "field", "name": "position", "description": "Position of the dropdown relative to the input.", "type": { "text": "\"auto\" | \"bottom\" | \"top\"" }, "readonly": true, "attribute": "position" }, { "kind": "field", "name": "prependValue", "description": "Text to prepend to each item’s value on output.", "type": { "text": "string" }, "readonly": true, "attribute": "prepend-value" }, { "kind": "field", "name": "readOnly", "description": "If true, shows the select in a read-only state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "read-only" }, { "kind": "field", "name": "removeItemButton", "description": "Whether to show a remove button on each selected item.", "type": { "text": "boolean" }, "readonly": true, "attribute": "remove-item-button" }, { "kind": "field", "name": "removeItems", "description": "Whether items can be removed by the user.", "type": { "text": "boolean" }, "readonly": true, "attribute": "remove-items" }, { "kind": "field", "name": "renderChoiceLimit", "description": "Maximum number of choices to render in the list at once.", "type": { "text": "number" }, "readonly": true, "attribute": "render-choice-limit" }, { "kind": "field", "name": "renderSelectedChoices", "description": "When to render selected choices (always or only when needed).", "type": { "text": "\"always\" | \"auto\"" }, "readonly": true, "attribute": "render-selected-choices" }, { "kind": "field", "name": "required", "description": "Whether selecting a value is required.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "required" }, { "kind": "field", "name": "resetScrollPosition", "description": "Whether to reset scroll position when opening the dropdown.", "type": { "text": "boolean" }, "readonly": true, "attribute": "reset-scroll-position" }, { "kind": "field", "name": "searchChoices", "description": "Whether search filters the available choices.", "type": { "text": "boolean" }, "readonly": true, "attribute": "search-choices" }, { "kind": "field", "name": "searchFields", "description": "Fields used when searching choices (array of field names or a string).", "type": { "text": "string | string[]", "references": [ { "name": "Array", "package": "global:" } ] }, "readonly": true, "attribute": "search-fields" }, { "kind": "field", "name": "searchFloor", "description": "Minimum number of characters before search is triggered.", "type": { "text": "number" }, "readonly": true, "attribute": "search-floor" }, { "kind": "field", "name": "searchPlaceholderValue", "description": "Placeholder text shown inside the search input.", "type": { "text": "string" }, "readonly": true, "attribute": "search-placeholder-value" }, { "kind": "field", "name": "searchResultLimit", "description": "Maximum number of search results to display.", "type": { "text": "number" }, "readonly": true, "attribute": "search-result-limit" }, { "kind": "field", "name": "shouldSort", "description": "Whether available choices should be sorted.", "type": { "text": "boolean" }, "readonly": true, "attribute": "should-sort" }, { "kind": "field", "name": "shouldSortItems", "description": "Whether selected items should be sorted.", "type": { "text": "boolean" }, "readonly": true, "attribute": "should-sort-items" }, { "kind": "field", "name": "showClearButton", "description": "If true, shows a button to clear the current selection.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-clear-button" }, { "kind": "field", "name": "showSearch", "description": "Whether the search input is shown.", "type": { "text": "boolean" }, "readonly": true, "attribute": "show-search" }, { "kind": "field", "name": "size", "description": "Size of the select component (e.g. medium / 40px).", "type": { "text": "string" }, "default": "\"medium (40px)\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "sorter", "description": "Custom sorting function for choices and/or items.", "type": { "text": "(el1: any, el2: any) => number", "references": [ { "name": "SortFn", "module": "./interfaces" } ] }, "readonly": true }, { "kind": "field", "name": "uniqueItemText", "description": "Text configuration for duplicate/unique item errors.", "type": { "text": "((value: string) => string) | string", "references": [ { "name": "UniqueItemText", "module": "./interfaces" } ] }, "readonly": true, "attribute": "unique-item-text" }, { "kind": "field", "name": "value", "description": "Initial value of the Choices instance.", "type": { "text": "string" }, "readonly": true, "attribute": "value" }, { "kind": "field", "name": "valueComparer", "description": "Custom function for comparing item/choice values.", "type": { "text": "(value1: string, value2: string) => boolean", "references": [ { "name": "ValueCompareFunction", "module": "./interfaces" } ] }, "readonly": true }, { "kind": "method", "name": "ajax", "description": "Performs an AJAX request using the provided function.", "parameters": [ { "name": "fn", "type": { "text": "(callback: any) => void", "references": [ { "name": "Promise", "package": "global:" }, { "name": "AjaxFn", "module": "./interfaces" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "AjaxFn", "module": "./interfaces" } ] } } }, { "kind": "method", "name": "clearChoices", "description": "Removes all available choices from the dropdown.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "clearInput", "description": "Clears the text input value.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "clearSelection", "description": "Clears the current selection and closes the dropdown if not disabled or read-only.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "clearStore", "description": "Clears the internal Choices.js store.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "getValue", "description": "Gets the current value(s); returns raw value or full item list.", "parameters": [ { "name": "valueOnly", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" }, { "name": "Array", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "Array", "package": "global:" } ] } } }, { "kind": "method", "name": "handleChange", "description": "Handles a selection change, updates state, and closes the dropdown.", "parameters": [ { "name": "selectedOption", "type": { "text": "any", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "handleDeleteIcon", "description": "Shows or hides the delete icon depending on component width and settings.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "hideDropdown", "description": "Closes the dropdown, optionally blurring the input.", "parameters": [ { "name": "blurInput", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "highlightAll", "description": "Highlights all items.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "highlightItem", "description": "Highlights a specific item in the dropdown.", "parameters": [ { "name": "item", "type": { "text": "HTMLElement", "references": [ { "name": "Promise", "package": "global:" }, { "name": "HTMLElement", "package": "global:" } ] } }, { "name": "runEvent", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" }, { "name": "HTMLElement", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "HTMLElement", "package": "global:" } ] } } }, { "kind": "method", "name": "removeActiveItems", "description": "Removes all active items, optionally excluding one by ID.", "parameters": [ { "name": "excludedId", "type": { "text": "number", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "removeActiveItemsByValue", "description": "Removes active items that match a given value.", "parameters": [ { "name": "value", "type": { "text": "string", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "removeHighlightedItems", "description": "Removes all currently highlighted items.", "parameters": [ { "name": "runEvent", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "setChoiceByValue", "description": "Selects choices that match the given value or values.", "parameters": [ { "name": "value", "type": { "text": "string | string[]", "references": [ { "name": "Promise", "package": "global:" }, { "name": "Array", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "Array", "package": "global:" } ] } } }, { "kind": "method", "name": "setChoices", "description": "Sets the available choices from an array or JSON string.", "parameters": [ { "name": "choices", "type": { "text": "string | any[]", "references": [ { "name": "Promise", "package": "global:" } ] } }, { "name": "value", "type": { "text": "string", "references": [ { "name": "Promise", "package": "global:" } ] } }, { "name": "label", "type": { "text": "string", "references": [ { "name": "Promise", "package": "global:" } ] } }, { "name": "replaceChoices", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "setValue", "description": "Sets the current value(s) programmatically.", "parameters": [ { "name": "args", "type": { "text": "any[]", "references": [ { "name": "Promise", "package": "global:" }, { "name": "Array", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "Array", "package": "global:" } ] } } }, { "kind": "method", "name": "showDropdown", "description": "Opens the dropdown, optionally focusing the input.", "parameters": [ { "name": "focusInput", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "unhighlightAll", "description": "Removes highlight from all items.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "unhighlightItem", "description": "Removes highlight from a specific item.", "parameters": [ { "name": "item", "type": { "text": "HTMLElement", "references": [ { "name": "Promise", "package": "global:" }, { "name": "HTMLElement", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "HTMLElement", "package": "global:" } ] } } } ], "events": [ { "name": "ifxInput", "description": "Fired when the input / search value changes.", "type": { "text": "CustomEvent>", "references": [ { "name": "CustomEvent", "package": "global:" } ] } }, { "name": "ifxSelect", "description": "Fired when an option is selected.", "type": { "text": "CustomEvent>", "references": [ { "name": "CustomEvent", "package": "global:" } ] } } ] } ], "exports": [ { "kind": "js", "name": "IfxSelect", "declaration": { "name": "IfxSelect" } }, { "kind": "custom-element-definition", "name": "ifx-select", "declaration": { "name": "IfxSelect" } } ] }, { "kind": "javascript-module", "path": "src/components/table-advanced-version/set-filter/setFilter.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-set-filter", "name": "IfxSetFilter", "attributes": [ { "name": "filter-label", "description": "User-visible label for the filter control", "type": { "text": "string" }, "fieldName": "filterLabel" }, { "name": "filter-name", "description": "Technical name/identifier for this filter", "type": { "text": "string" }, "fieldName": "filterName" }, { "name": "options", "description": "Options for select types, either array or string", "type": { "text": "any[] | string" }, "fieldName": "options" }, { "name": "placeholder", "description": "Placeholder text shown when no value is entered/selected", "type": { "text": "string" }, "fieldName": "placeholder" }, { "name": "type", "description": "Filter control type", "type": { "text": "\"multi-select\" | \"single-select\" | \"text\"" }, "default": "\"text\"", "fieldName": "type" } ], "members": [ { "kind": "field", "name": "filterLabel", "description": "User-visible label for the filter control", "type": { "text": "string" }, "readonly": true, "attribute": "filter-label" }, { "kind": "field", "name": "filterName", "description": "Technical name/identifier for this filter", "type": { "text": "string" }, "readonly": true, "attribute": "filter-name" }, { "kind": "field", "name": "options", "description": "Options for select types, either array or string", "type": { "text": "any[] | string" }, "readonly": true, "attribute": "options" }, { "kind": "field", "name": "placeholder", "description": "Placeholder text shown when no value is entered/selected", "type": { "text": "string" }, "readonly": true, "attribute": "placeholder" }, { "kind": "field", "name": "type", "description": "Filter control type", "type": { "text": "\"multi-select\" | \"single-select\" | \"text\"" }, "default": "\"text\"", "readonly": true, "attribute": "type" } ], "events": [ { "name": "ifxFilterSelect", "description": "Emitted when the filter's value or selection changes", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxSetFilter", "declaration": { "name": "IfxSetFilter" } }, { "kind": "custom-element-definition", "name": "ifx-set-filter", "declaration": { "name": "IfxSetFilter" } } ] }, { "kind": "javascript-module", "path": "src/components/navigation/sidebar/sidebar.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-sidebar", "name": "IfxSidebar", "attributes": [ { "name": "application-name", "description": "App name shown in the sidebar header", "type": { "text": "string" }, "default": "\"\"", "fieldName": "applicationName" }, { "name": "collapsed", "description": "Initial/current collapsed state", "type": { "text": "boolean" }, "default": "false", "fieldName": "collapsed" }, { "name": "collapsible", "description": "Enable collapse/expand control", "type": { "text": "boolean" }, "default": "false", "fieldName": "collapsible" }, { "name": "copyright-text", "description": "Footer copyright text", "type": { "text": "string" }, "default": "\"© 1999 - \" + this.currentYear + \" Infineon Technologies AG\"", "fieldName": "copyrightText" }, { "name": "fixed", "description": "If true, the sidebar is fixed and scrolls within itself.", "type": { "text": "boolean" }, "default": "false", "fieldName": "fixed" }, { "name": "footer-href-target", "description": "Link footerHrefTarget for footer links", "type": { "text": "string" }, "default": "\"_blank\"", "fieldName": "footerHrefTarget" }, { "name": "hide-menu-label", "description": "Label for collapse/hide menu control", "type": { "text": "string" }, "default": "\"Hide Menu\"", "fieldName": "hideMenuLabel" }, { "name": "imprint", "description": "URL for \"Imprint\" link", "type": { "text": "string" }, "default": "\"#\"", "fieldName": "imprint" }, { "name": "initial-collapse", "description": "Legacy initial collapse flag", "type": { "text": "boolean" }, "default": "true", "fieldName": "initialCollapse" }, { "name": "logo-href", "description": "Link URL for the logo click action.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "logoHref" }, { "name": "logo-href-target", "description": "Where to open the logo link (_self, _blank, _parent).", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "logoHrefTarget" }, { "name": "position", "description": "Controls positioning of sidebar", "type": { "text": "\"left\" | \"right\"" }, "default": "\"left\"", "fieldName": "position" }, { "name": "privacy-policy", "description": "URL for \"Privacy Policy\" link", "type": { "text": "string" }, "default": "\"#\"", "fieldName": "privacyPolicy" }, { "name": "show-footer", "description": "Show/hide footer", "type": { "text": "boolean" }, "default": "true", "fieldName": "showFooter" }, { "name": "show-header", "description": "Show/hide header", "type": { "text": "boolean" }, "default": "true", "fieldName": "showHeader" }, { "name": "terms-of-use", "description": "URL for \"Terms of Use\" link", "type": { "text": "string" }, "default": "\"#\"", "fieldName": "termsOfUse" } ], "members": [ { "kind": "field", "name": "applicationName", "description": "App name shown in the sidebar header", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "application-name" }, { "kind": "field", "name": "collapsed", "description": "Initial/current collapsed state", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "collapsed" }, { "kind": "field", "name": "collapsible", "description": "Enable collapse/expand control", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "collapsible" }, { "kind": "field", "name": "copyrightText", "description": "Footer copyright text", "type": { "text": "string" }, "default": "\"© 1999 - \" + this.currentYear + \" Infineon Technologies AG\"", "readonly": true, "attribute": "copyright-text" }, { "kind": "field", "name": "fixed", "description": "If true, the sidebar is fixed and scrolls within itself.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "fixed" }, { "kind": "field", "name": "footerHrefTarget", "description": "Link footerHrefTarget for footer links", "type": { "text": "string" }, "default": "\"_blank\"", "readonly": true, "attribute": "footer-href-target" }, { "kind": "field", "name": "hideMenuLabel", "description": "Label for collapse/hide menu control", "type": { "text": "string" }, "default": "\"Hide Menu\"", "readonly": true, "attribute": "hide-menu-label" }, { "kind": "field", "name": "imprint", "description": "URL for \"Imprint\" link", "type": { "text": "string" }, "default": "\"#\"", "readonly": true, "attribute": "imprint" }, { "kind": "field", "name": "initialCollapse", "description": "Legacy initial collapse flag", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "initial-collapse" }, { "kind": "field", "name": "logoHref", "description": "Link URL for the logo click action.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "logo-href" }, { "kind": "field", "name": "logoHrefTarget", "description": "Where to open the logo link (_self, _blank, _parent).", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "logo-href-target" }, { "kind": "field", "name": "position", "description": "Controls positioning of sidebar", "type": { "text": "\"left\" | \"right\"" }, "default": "\"left\"", "readonly": true, "attribute": "position" }, { "kind": "field", "name": "privacyPolicy", "description": "URL for \"Privacy Policy\" link", "type": { "text": "string" }, "default": "\"#\"", "readonly": true, "attribute": "privacy-policy" }, { "kind": "field", "name": "showFooter", "description": "Show/hide footer", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-footer" }, { "kind": "field", "name": "showHeader", "description": "Show/hide header", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "show-header" }, { "kind": "field", "name": "termsOfUse", "description": "URL for \"Terms of Use\" link", "type": { "text": "string" }, "default": "\"#\"", "readonly": true, "attribute": "terms-of-use" }, { "kind": "method", "name": "collapse", "description": "Collapse the sidebar and emit ifxSidebarCollapseChange", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "expand", "description": "Expand the sidebar and emit ifxSidebarCollapseChange", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "toggleCollapse", "description": "Toggle the collapsed state and emit ifxSidebarCollapseChange", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxSidebarCollapseChange", "description": "Emitted when collapsed state changes", "type": { "text": "CustomEvent<{ collapsed: boolean; }>" } }, { "name": "ifxSidebarLogoClick", "description": "Emitted when logo image is clicked", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxSidebar", "declaration": { "name": "IfxSidebar" } }, { "kind": "custom-element-definition", "name": "ifx-sidebar", "declaration": { "name": "IfxSidebar" } } ] }, { "kind": "javascript-module", "path": "src/components/navigation/sidebar/sidebar-item.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-sidebar-item", "name": "IfxSidebarItem", "attributes": [ { "name": "active", "description": "Marks the item as active", "type": { "text": "boolean" }, "default": "false", "fieldName": "active" }, { "name": "href", "description": "Navigation link href for the item", "type": { "text": "string" }, "default": "\"\"", "fieldName": "href" }, { "name": "icon", "description": "Icon name or URL for the item", "type": { "text": "string" }, "default": "\"\"", "fieldName": "icon" }, { "name": "is-action-item", "description": "Marks as an action item", "type": { "text": "boolean" }, "default": "false", "fieldName": "isActionItem" }, { "name": "number-indicator", "description": "Numeric badge indicator value", "type": { "text": "number" }, "fieldName": "numberIndicator" }, { "name": "target", "description": "Link target (e.g., \"_self\", \"_blank\")", "type": { "text": "string" }, "default": "\"_self\"", "fieldName": "target" } ], "members": [ { "kind": "field", "name": "active", "description": "Marks the item as active", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "active" }, { "kind": "field", "name": "handleItemClick", "description": "Click handler callback; receives the item HTMLElement", "type": { "text": "(item: HTMLElement) => void", "references": [ { "name": "HTMLElement", "package": "global:" } ] }, "readonly": true }, { "kind": "field", "name": "href", "description": "Navigation link href for the item", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "href" }, { "kind": "field", "name": "icon", "description": "Icon name or URL for the item", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "isActionItem", "description": "Marks as an action item", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "is-action-item" }, { "kind": "field", "name": "numberIndicator", "description": "Numeric badge indicator value", "type": { "text": "number" }, "readonly": true, "attribute": "number-indicator" }, { "kind": "field", "name": "target", "description": "Link target (e.g., \"_self\", \"_blank\")", "type": { "text": "string" }, "default": "\"_self\"", "readonly": true, "attribute": "target" }, { "kind": "method", "name": "expandMenu", "description": "Expand submenu (adds 'open'); if ac=true, remove 'active-section'", "parameters": [ { "name": "ac", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "isItemExpandable", "description": "Return whether the item is expandable", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "setActiveClasses", "description": "Add 'active' class to the current navigation item", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxSidebarActionItem", "description": "Event fired when an action item is clicked", "type": { "text": "CustomEvent" } }, { "name": "ifxSidebarMenu", "description": "Event fired for menu item interactions", "type": { "text": "CustomEvent" } }, { "name": "ifxSidebarNavigationItem", "description": "Event fired when a navigation item is clicked", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxSidebarItem", "declaration": { "name": "IfxSidebarItem" } }, { "kind": "custom-element-definition", "name": "ifx-sidebar-item", "declaration": { "name": "IfxSidebarItem" } } ] }, { "kind": "javascript-module", "path": "src/components/navigation/sidebar/sidebar-title.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-sidebar-title", "name": "IfxSidebarTitle", "attributes": [ { "name": "show-in-collapsed", "description": "Show item/content when the sidebar is collapsed", "type": { "text": "boolean" }, "default": "false", "fieldName": "showInCollapsed" } ], "members": [ { "kind": "field", "name": "showInCollapsed", "description": "Show item/content when the sidebar is collapsed", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "show-in-collapsed" } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxSidebarTitle", "declaration": { "name": "IfxSidebarTitle" } }, { "kind": "custom-element-definition", "name": "ifx-sidebar-title", "declaration": { "name": "IfxSidebarTitle" } } ] }, { "kind": "javascript-module", "path": "src/components/slider/slider.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-slider", "name": "IfxSlider", "attributes": [ { "name": "aria-label-text", "description": "Accessible label for screen readers.", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "disabled", "description": "If true, the slider is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "left-icon", "description": "Optional icon displayed on the left side of the slider.", "type": { "text": "string" }, "fieldName": "leftIcon" }, { "name": "left-text", "description": "Optional text label shown on the left side of the slider.", "type": { "text": "string" }, "fieldName": "leftText" }, { "name": "max", "description": "Maximum value allowed for the slider.", "type": { "text": "number" }, "default": "100", "fieldName": "max" }, { "name": "max-value-handle", "description": "Initial value of the right handle for a double slider.", "type": { "text": "number" }, "fieldName": "maxValueHandle" }, { "name": "min", "description": "Minimum value allowed for the slider.", "type": { "text": "number" }, "default": "0", "fieldName": "min" }, { "name": "min-value-handle", "description": "Initial value of the left handle for a double slider.", "type": { "text": "number" }, "fieldName": "minValueHandle" }, { "name": "name", "description": "Optional name used when submitting the slider in a form.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "name" }, { "name": "read-only", "description": "If true, the slider is read-only.", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "right-icon", "description": "Optional icon displayed on the right side of the slider.", "type": { "text": "string" }, "fieldName": "rightIcon" }, { "name": "right-text", "description": "Optional text label shown on the right side of the slider.", "type": { "text": "string" }, "fieldName": "rightText" }, { "name": "show-percentage", "description": "If true, shows the current value as a percentage.", "type": { "text": "boolean" }, "default": "false", "fieldName": "showPercentage" }, { "name": "step", "description": "Increment step when changing the value.", "type": { "text": "number" }, "default": "1", "fieldName": "step" }, { "name": "type", "description": "Slider type: single handle or double handle (range).", "type": { "text": "\"double\" | \"single\"" }, "default": "\"single\"", "fieldName": "type" }, { "name": "value", "description": "Current value for a single-handle slider.", "type": { "text": "number" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Accessible label for screen readers.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "disabled", "description": "If true, the slider is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "leftIcon", "description": "Optional icon displayed on the left side of the slider.", "type": { "text": "string" }, "readonly": true, "attribute": "left-icon" }, { "kind": "field", "name": "leftText", "description": "Optional text label shown on the left side of the slider.", "type": { "text": "string" }, "readonly": true, "attribute": "left-text" }, { "kind": "field", "name": "max", "description": "Maximum value allowed for the slider.", "type": { "text": "number" }, "default": "100", "readonly": true, "attribute": "max" }, { "kind": "field", "name": "maxValueHandle", "description": "Initial value of the right handle for a double slider.", "type": { "text": "number" }, "readonly": true, "attribute": "max-value-handle" }, { "kind": "field", "name": "min", "description": "Minimum value allowed for the slider.", "type": { "text": "number" }, "default": "0", "readonly": true, "attribute": "min" }, { "kind": "field", "name": "minValueHandle", "description": "Initial value of the left handle for a double slider.", "type": { "text": "number" }, "readonly": true, "attribute": "min-value-handle" }, { "kind": "field", "name": "name", "description": "Optional name used when submitting the slider in a form.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "name" }, { "kind": "field", "name": "readOnly", "description": "If true, the slider is read-only.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "read-only" }, { "kind": "field", "name": "rightIcon", "description": "Optional icon displayed on the right side of the slider.", "type": { "text": "string" }, "readonly": true, "attribute": "right-icon" }, { "kind": "field", "name": "rightText", "description": "Optional text label shown on the right side of the slider.", "type": { "text": "string" }, "readonly": true, "attribute": "right-text" }, { "kind": "field", "name": "showPercentage", "description": "If true, shows the current value as a percentage.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "show-percentage" }, { "kind": "field", "name": "step", "description": "Increment step when changing the value.", "type": { "text": "number" }, "default": "1", "readonly": true, "attribute": "step" }, { "kind": "field", "name": "type", "description": "Slider type: single handle or double handle (range).", "type": { "text": "\"double\" | \"single\"" }, "default": "\"single\"", "readonly": true, "attribute": "type" }, { "kind": "field", "name": "value", "description": "Current value for a single-handle slider.", "type": { "text": "number" }, "attribute": "value" } ], "events": [ { "name": "ifxChange", "description": "Fired when the slider value (or values) change.", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxSlider", "declaration": { "name": "IfxSlider" } }, { "kind": "custom-element-definition", "name": "ifx-slider", "declaration": { "name": "IfxSlider" } } ] }, { "kind": "javascript-module", "path": "src/components/spinner/spinner.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-spinner", "name": "IfxSpinner", "attributes": [ { "name": "aria-label-text", "description": "Accessible label announced by assistive technologies.", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "inverted", "description": "Renders the spinner in inverted color for dark backgrounds.", "type": { "text": "boolean" }, "default": "false", "fieldName": "inverted" }, { "name": "size", "description": "Visual size of the spinner.", "type": { "text": "\"m\" | \"s\"" }, "default": "\"m\"", "fieldName": "size" }, { "name": "variant", "description": "Spinner style variant.", "type": { "text": "\"brand\" | \"default\"" }, "default": "\"default\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Accessible label announced by assistive technologies.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "inverted", "description": "Renders the spinner in inverted color for dark backgrounds.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "inverted" }, { "kind": "field", "name": "size", "description": "Visual size of the spinner.", "type": { "text": "\"m\" | \"s\"" }, "default": "\"m\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "variant", "description": "Spinner style variant.", "type": { "text": "\"brand\" | \"default\"" }, "default": "\"default\"", "readonly": true, "attribute": "variant" } ] } ], "exports": [ { "kind": "js", "name": "IfxSpinner", "declaration": { "name": "IfxSpinner" } }, { "kind": "custom-element-definition", "name": "ifx-spinner", "declaration": { "name": "IfxSpinner" } } ] }, { "kind": "javascript-module", "path": "src/components/status/status.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-status", "name": "IfxStatus", "attributes": [ { "name": "border", "description": "If true, shows a border around the status.", "type": { "text": "boolean" }, "default": "false", "fieldName": "border" }, { "name": "color", "description": "Color token used for the status (e.g. orange-500).", "type": { "text": "string" }, "default": "\"orange-500\"", "fieldName": "color" }, { "name": "label", "description": "Text label displayed inside the status component.", "type": { "text": "string" }, "fieldName": "label" } ], "members": [ { "kind": "field", "name": "border", "description": "If true, shows a border around the status.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "border" }, { "kind": "field", "name": "color", "description": "Color token used for the status (e.g. orange-500).", "type": { "text": "string" }, "default": "\"orange-500\"", "readonly": true, "attribute": "color" }, { "kind": "field", "name": "label", "description": "Text label displayed inside the status component.", "type": { "text": "string" }, "readonly": true, "attribute": "label" } ] } ], "exports": [ { "kind": "js", "name": "IfxStatus", "declaration": { "name": "IfxStatus" } }, { "kind": "custom-element-definition", "name": "ifx-status", "declaration": { "name": "IfxStatus" } } ] }, { "kind": "javascript-module", "path": "src/components/stepper/step/step.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-step", "name": "IfxStep", "attributes": [ { "name": "complete", "description": "If true, marks this step as completed.", "type": { "text": "boolean" }, "default": "false", "fieldName": "complete" }, { "name": "disabled", "description": "If true, this step is disabled and not clickable.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "error", "description": "If true, this step is in an error state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "last-step", "description": "Whether this is the last step in the stepper.", "type": { "text": "boolean" }, "default": "false", "fieldName": "lastStep" }, { "name": "step-id", "description": "Numeric identifier / position of this step.", "type": { "text": "number" }, "default": "1", "fieldName": "stepId" } ], "members": [ { "kind": "field", "name": "complete", "description": "If true, marks this step as completed.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "complete" }, { "kind": "field", "name": "disabled", "description": "If true, this step is disabled and not clickable.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "error", "description": "If true, this step is in an error state.", "type": { "text": "boolean" }, "default": "false", "attribute": "error" }, { "kind": "field", "name": "lastStep", "description": "Whether this is the last step in the stepper.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "last-step" }, { "kind": "field", "name": "stepId", "description": "Numeric identifier / position of this step.", "type": { "text": "number" }, "default": "1", "readonly": true, "attribute": "step-id" }, { "kind": "field", "name": "stepperState", "description": "Shared configuration for the whole stepper (active step, layout, etc.).", "type": { "text": "StepperState", "references": [ { "name": "StepperState", "module": "../interfaces" } ] }, "default": "{\n activeStep: 1,\n showStepNumber: false,\n variant: \"default\",\n indicatorPosition: \"left\",\n}", "readonly": true } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxStep", "declaration": { "name": "IfxStep" } }, { "kind": "custom-element-definition", "name": "ifx-step", "declaration": { "name": "IfxStep" } } ] }, { "kind": "javascript-module", "path": "src/components/stepper/stepper.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-stepper", "name": "IfxStepper", "attributes": [ { "name": "active-step", "description": "Currently active step in the stepper.", "type": { "text": "number" }, "default": "1", "fieldName": "activeStep" }, { "name": "aria-current-text", "description": "ARIA current value for the active step (e.g. 'step' or 'page').", "type": { "text": "string" }, "fieldName": "ariaCurrentText" }, { "name": "aria-label-text", "description": "Accessible label for the stepper region.", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "indicator-position", "description": "Position of the indicator relative to the step content.", "type": { "text": "\"left\" | \"right\"" }, "default": "\"left\"", "fieldName": "indicatorPosition" }, { "name": "show-step-number", "description": "If true, displays step numbers inside the indicators.", "type": { "text": "boolean" }, "default": "false", "fieldName": "showStepNumber" }, { "name": "variant", "description": "Visual layout variant of the stepper (default, compact, or vertical).", "type": { "text": "\"compact\" | \"default\" | \"vertical\"" }, "default": "\"default\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "activeStep", "description": "Currently active step in the stepper.", "type": { "text": "number" }, "default": "1", "attribute": "active-step" }, { "kind": "field", "name": "ariaCurrentText", "description": "ARIA current value for the active step (e.g. 'step' or 'page').", "type": { "text": "string" }, "readonly": true, "attribute": "aria-current-text" }, { "kind": "field", "name": "ariaLabelText", "description": "Accessible label for the stepper region.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "indicatorPosition", "description": "Position of the indicator relative to the step content.", "type": { "text": "\"left\" | \"right\"" }, "default": "\"left\"", "readonly": true, "attribute": "indicator-position" }, { "kind": "field", "name": "showStepNumber", "description": "If true, displays step numbers inside the indicators.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "show-step-number" }, { "kind": "field", "name": "variant", "description": "Visual layout variant of the stepper (default, compact, or vertical).", "type": { "text": "\"compact\" | \"default\" | \"vertical\"" }, "default": "\"default\"", "readonly": true, "attribute": "variant" } ], "events": [ { "name": "ifxChange", "description": "Fired when the active step changes.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxStepper", "declaration": { "name": "IfxStepper" } }, { "kind": "custom-element-definition", "name": "ifx-stepper", "declaration": { "name": "IfxStepper" } } ] }, { "kind": "javascript-module", "path": "src/components/switch/switch.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-switch", "name": "IfxSwitch", "description": "A toggle switch component for binary on/off states.\n\nThis component is form-associated, meaning it can participate in HTML forms\njust like native form controls. It supports form validation, form reset,\nand browser autofill/restore functionality.\n\n\nCode organization follows the Stencil Style Guide:\nhttps://stenciljs.com/docs/style-guide\n\n1. Own Properties (internal, not exposed)\n2.", "attributes": [ { "name": "checked", "description": "Sets the checked state of the switch.", "type": { "text": "boolean" }, "default": "false", "fieldName": "checked" }, { "name": "disabled", "description": "Disables user interaction when true.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "name", "description": "Form field name.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "name" }, { "name": "read-only", "description": "Makes the switch read-only.", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "value", "description": "Form field value when checked.\nIf not set, defaults to \"on\" (standard checkbox behavior).", "type": { "text": "string" }, "default": "\"on\"", "fieldName": "value" } ], "members": [ { "kind": "field", "name": "checked", "description": "Sets the checked state of the switch.", "type": { "text": "boolean" }, "default": "false", "attribute": "checked" }, { "kind": "field", "name": "disabled", "description": "Disables user interaction when true.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "name", "description": "Form field name.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "name" }, { "kind": "field", "name": "readOnly", "description": "Makes the switch read-only.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "read-only" }, { "kind": "field", "name": "value", "description": "Form field value when checked.\nIf not set, defaults to \"on\" (standard checkbox behavior).", "type": { "text": "string" }, "default": "\"on\"", "readonly": true, "attribute": "value" }, { "kind": "method", "name": "isChecked", "description": "Returns the current checked state.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "setChecked", "description": "Sets the checked state.", "parameters": [ { "name": "checked", "description": "- New checked state.", "type": { "text": "boolean", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "toggle", "description": "Toggles the checked state.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] }, "description": "Resolves when the toggle is complete." } } ], "events": [ { "name": "ifxChange", "description": "Emitted when checked state changes.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxSwitch", "declaration": { "name": "IfxSwitch" } }, { "kind": "custom-element-definition", "name": "ifx-switch", "declaration": { "name": "IfxSwitch" } } ] }, { "kind": "javascript-module", "path": "src/components/tabs/tab.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-tab", "name": "IfxTab", "attributes": [ { "name": "disabled", "description": "Disables the tab when true.", "type": { "text": "boolean" }, "fieldName": "disabled" }, { "name": "header", "description": "Visible title text displayed in the tab header.", "type": { "text": "string" }, "fieldName": "header" }, { "name": "icon", "description": "Icon displayed in the tab header.", "type": { "text": "string" }, "default": "''", "fieldName": "icon" }, { "name": "icon-position", "description": "Position of the Icon relative to the header text.", "type": { "text": "\"left\" | \"right\"" }, "default": "'left'", "fieldName": "iconPosition" }, { "name": "label", "description": "Text of the Advanced-Tab-Label", "type": { "text": "string" }, "fieldName": "label" }, { "name": "number", "description": "Number of the Advanced-Tab-Number", "type": { "text": "number" }, "default": "0", "fieldName": "number" }, { "name": "position-sticky", "description": "Makes the tab header stick to the top of its scrolling oontainer", "type": { "text": "boolean" }, "default": "false", "fieldName": "positionSticky" }, { "name": "subline", "description": "Subline under the header, only for advanced variant.", "type": { "text": "string" }, "fieldName": "subline" }, { "name": "subline-position", "description": "Subline position, either left or center.", "type": { "text": "\"center\" | \"left\"" }, "default": "'left'", "fieldName": "sublinePosition" } ], "members": [ { "kind": "field", "name": "disabled", "description": "Disables the tab when true.", "type": { "text": "boolean" }, "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "header", "description": "Visible title text displayed in the tab header.", "type": { "text": "string" }, "readonly": true, "attribute": "header" }, { "kind": "field", "name": "icon", "description": "Icon displayed in the tab header.", "type": { "text": "string" }, "default": "''", "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "iconPosition", "description": "Position of the Icon relative to the header text.", "type": { "text": "\"left\" | \"right\"" }, "default": "'left'", "readonly": true, "attribute": "icon-position" }, { "kind": "field", "name": "label", "description": "Text of the Advanced-Tab-Label", "type": { "text": "string" }, "readonly": true, "attribute": "label" }, { "kind": "field", "name": "number", "description": "Number of the Advanced-Tab-Number", "type": { "text": "number" }, "default": "0", "readonly": true, "attribute": "number" }, { "kind": "field", "name": "positionSticky", "description": "Makes the tab header stick to the top of its scrolling oontainer", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "position-sticky" }, { "kind": "field", "name": "subline", "description": "Subline under the header, only for advanced variant.", "type": { "text": "string" }, "readonly": true, "attribute": "subline" }, { "kind": "field", "name": "sublinePosition", "description": "Subline position, either left or center.", "type": { "text": "\"center\" | \"left\"" }, "default": "'left'", "readonly": true, "attribute": "subline-position" } ], "events": [ { "name": "tabHeaderChange", "description": "Emitted when tab header triggers a change (selection or property updates).", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxTab", "declaration": { "name": "IfxTab" } }, { "kind": "custom-element-definition", "name": "ifx-tab", "declaration": { "name": "IfxTab" } } ] }, { "kind": "javascript-module", "path": "src/components/table-advanced-version/table.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-table", "name": "IfxTable", "attributes": [ { "name": "cols", "description": "The column definitions for the grid.", "type": { "text": "any" }, "fieldName": "cols" }, { "name": "column-min-width", "description": "Minimum width for columns.", "type": { "text": "number" }, "fieldName": "columnMinWidth" }, { "name": "column-width", "description": "Fixed width for columns.", "type": { "text": "string" }, "fieldName": "columnWidth" }, { "name": "enable-selection", "description": "Enable row selection.", "type": { "text": "boolean" }, "default": "false", "fieldName": "enableSelection" }, { "name": "filter-orientation", "description": "Filter display orientation (sidebar or inline).", "type": { "text": "string" }, "default": "\"sidebar\"", "fieldName": "filterOrientation" }, { "name": "fit-columns", "description": "Auto-fit columns to container width.", "type": { "text": "boolean" }, "default": "false", "fieldName": "fitColumns" }, { "name": "headline", "description": "Headline text displayed above the grid.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "headline" }, { "name": "headline-number", "description": "Numeric value displayed in headline.", "type": { "text": "number" }, "default": "null", "fieldName": "headlineNumber" }, { "name": "pagination", "description": "Enable or disable pagination.", "type": { "text": "boolean" }, "default": "true", "fieldName": "pagination" }, { "name": "pagination-items-per-page", "description": "Number of items per page.", "type": { "text": "string | { value: string | number; selected?: boolean; label?: string; }[]", "references": [ { "name": "Array", "package": "global:" } ] }, "fieldName": "paginationItemsPerPage" }, { "name": "row-height", "description": "Height of each row.", "type": { "text": "string" }, "default": "\"default\"", "fieldName": "rowHeight" }, { "name": "rows", "description": "The rows definitions for the grid.", "type": { "text": "any" }, "fieldName": "rows" }, { "name": "server-side-pagination", "description": "Enable server-side pagination mode.", "type": { "text": "boolean" }, "default": "false", "fieldName": "serverSidePagination" }, { "name": "show-loading", "description": "Show loading overlay.", "type": { "text": "boolean" }, "default": "false", "fieldName": "showLoading" }, { "name": "table-height", "description": "Total height of the table.", "type": { "text": "string" }, "default": "\"auto\"", "fieldName": "tableHeight" }, { "name": "variant", "description": "Visual variant of the grid.", "type": { "text": "string" }, "default": "\"default\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "buttonRendererOptions", "description": "Options for button renderer including click handler.", "type": { "text": "{ onButtonClick?: (params: any, event: Event) => void; }", "references": [ { "name": "Event", "module": "@stencil/core" } ] }, "readonly": true }, { "kind": "field", "name": "checkboxRendererOptions", "description": "Options for checkbox renderer including click handler.", "type": { "text": "{ onCheckboxClick?: (params: any, event: Event) => void; }", "references": [ { "name": "Event", "module": "@stencil/core" } ] }, "readonly": true }, { "kind": "field", "name": "cols", "description": "The column definitions for the grid.", "type": { "text": "any" }, "readonly": true, "attribute": "cols" }, { "kind": "field", "name": "columnMinWidth", "description": "Minimum width for columns.", "type": { "text": "number" }, "readonly": true, "attribute": "column-min-width" }, { "kind": "field", "name": "columnWidth", "description": "Fixed width for columns.", "type": { "text": "string" }, "readonly": true, "attribute": "column-width" }, { "kind": "field", "name": "enableSelection", "description": "Enable row selection.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "enable-selection" }, { "kind": "field", "name": "filterOrientation", "description": "Filter display orientation (sidebar or inline).", "type": { "text": "string" }, "default": "\"sidebar\"", "readonly": true, "attribute": "filter-orientation" }, { "kind": "field", "name": "fitColumns", "description": "Auto-fit columns to container width.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "fit-columns" }, { "kind": "field", "name": "headline", "description": "Headline text displayed above the grid.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "headline" }, { "kind": "field", "name": "headlineNumber", "description": "Numeric value displayed in headline.", "type": { "text": "number" }, "default": "null", "readonly": true, "attribute": "headline-number" }, { "kind": "field", "name": "iconButtonRendererOptions", "description": "Options for icon button renderer including click handler.", "type": { "text": "{ onIconButtonClick?: (params: any, event: Event) => void; }", "references": [ { "name": "Event", "module": "@stencil/core" } ] }, "readonly": true }, { "kind": "field", "name": "pagination", "description": "Enable or disable pagination.", "type": { "text": "boolean" }, "default": "true", "readonly": true, "attribute": "pagination" }, { "kind": "field", "name": "paginationItemsPerPage", "description": "Number of items per page.", "type": { "text": "string | { value: string | number; selected?: boolean; label?: string; }[]", "references": [ { "name": "Array", "package": "global:" } ] }, "readonly": true, "attribute": "pagination-items-per-page" }, { "kind": "field", "name": "rowHeight", "description": "Height of each row.", "type": { "text": "string" }, "default": "\"default\"", "readonly": true, "attribute": "row-height" }, { "kind": "field", "name": "rows", "description": "The rows definitions for the grid.", "type": { "text": "any" }, "readonly": true, "attribute": "rows" }, { "kind": "field", "name": "serverPageChangeHandler", "description": "Handler for server-side page changes.", "type": { "text": "(params: { page: number; pageSize: number; }) => Promise<{ rows: any[]; total: number; }>", "references": [ { "name": "Promise", "package": "global:" } ] }, "readonly": true }, { "kind": "field", "name": "serverSidePagination", "description": "Enable server-side pagination mode.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "server-side-pagination" }, { "kind": "field", "name": "showLoading", "description": "Show loading overlay.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "show-loading" }, { "kind": "field", "name": "tableHeight", "description": "Total height of the table.", "type": { "text": "string" }, "default": "\"auto\"", "readonly": true, "attribute": "table-height" }, { "kind": "field", "name": "variant", "description": "Visual variant of the grid.", "type": { "text": "string" }, "default": "\"default\"", "readonly": true, "attribute": "variant" }, { "kind": "method", "name": "onBtShowLoading", "description": "Shows the loading overlay on the grid.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxSortChange", "description": "Emitted when sort order changes.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "inner-button-left" }, { "name": "inner-button-right" }, { "name": "sidebar-filter" }, { "name": "topbar-filter" } ] } ], "exports": [ { "kind": "js", "name": "IfxTable", "declaration": { "name": "IfxTable" } }, { "kind": "custom-element-definition", "name": "ifx-table", "declaration": { "name": "IfxTable" } } ] }, { "kind": "javascript-module", "path": "src/components/tabs/tabs.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-tabs", "name": "IfxTabs", "attributes": [ { "name": "active-tab-index", "description": "Index of the currently active tab.", "type": { "text": "number" }, "default": "0", "fieldName": "activeTabIndex" }, { "name": "full-width", "description": "Stretches tabs to evenly fill the available horizontal space.", "type": { "text": "boolean" }, "default": "false", "fieldName": "fullWidth" }, { "name": "label", "description": "Text of the Advanced-Tab-Label", "type": { "text": "string" }, "fieldName": "label" }, { "name": "number", "description": "Number of the Advanced-Tab-Number", "type": { "text": "number" }, "default": "0", "fieldName": "number" }, { "name": "orientation", "description": "Orientation of tab list, either horizontal or vertical.", "type": { "text": "string" }, "default": "\"horizontal\"", "fieldName": "orientation" }, { "name": "position-sticky", "description": "Makes the tab header stick to the top of its scrolling oontainer", "type": { "text": "boolean" }, "default": "false", "fieldName": "positionSticky" }, { "name": "subline", "description": "Subline under the header, only for advanced variant.", "type": { "text": "string" }, "fieldName": "subline" }, { "name": "subline-position", "description": "Subline position, either left or center.", "type": { "text": "\"center\" | \"left\"" }, "default": "\"left\"", "fieldName": "sublinePosition" } ], "members": [ { "kind": "field", "name": "activeTabIndex", "description": "Index of the currently active tab.", "type": { "text": "number" }, "default": "0", "readonly": true, "attribute": "active-tab-index" }, { "kind": "field", "name": "fullWidth", "description": "Stretches tabs to evenly fill the available horizontal space.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "full-width" }, { "kind": "field", "name": "label", "description": "Text of the Advanced-Tab-Label", "type": { "text": "string" }, "readonly": true, "attribute": "label" }, { "kind": "field", "name": "number", "description": "Number of the Advanced-Tab-Number", "type": { "text": "number" }, "default": "0", "readonly": true, "attribute": "number" }, { "kind": "field", "name": "orientation", "description": "Orientation of tab list, either horizontal or vertical.", "type": { "text": "string" }, "default": "\"horizontal\"", "readonly": true, "attribute": "orientation" }, { "kind": "field", "name": "positionSticky", "description": "Makes the tab header stick to the top of its scrolling oontainer", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "position-sticky" }, { "kind": "field", "name": "subline", "description": "Subline under the header, only for advanced variant.", "type": { "text": "string" }, "readonly": true, "attribute": "subline" }, { "kind": "field", "name": "sublinePosition", "description": "Subline position, either left or center.", "type": { "text": "\"center\" | \"left\"" }, "default": "\"left\"", "readonly": true, "attribute": "subline-position" } ], "events": [ { "name": "ifxChange", "description": "Emitted when the active tab changes (e.g., user selects a different tab).", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxTabs", "declaration": { "name": "IfxTabs" } }, { "kind": "custom-element-definition", "name": "ifx-tabs", "declaration": { "name": "IfxTabs" } } ] }, { "kind": "javascript-module", "path": "src/components/templates/template/template.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-template", "name": "IfxTemplate", "attributes": [ { "name": "name", "description": "Name of the template field.", "type": { "text": "string" }, "fieldName": "name" }, { "name": "thumbnail", "description": "Thumbnail image URL or identifier for the template.", "type": { "text": "string" }, "fieldName": "thumbnail" } ], "members": [ { "kind": "field", "name": "name", "description": "Name of the template field.", "type": { "text": "string" }, "readonly": true, "attribute": "name" }, { "kind": "field", "name": "thumbnail", "description": "Thumbnail image URL or identifier for the template.", "type": { "text": "string" }, "readonly": true, "attribute": "thumbnail" }, { "kind": "method", "name": "toggleTemplate", "description": "Toggles visibility of this template and hides the currently open one if needed.", "parameters": [ { "name": "currTemp", "type": { "text": "any", "references": [ { "name": "Promise", "package": "global:" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "fieldError", "description": "Fired when a validation error occurs on the field.", "type": { "text": "CustomEvent" } }, { "name": "toggleTemplates", "description": "Fired when templates are toggled on or off.", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxTemplate", "declaration": { "name": "IfxTemplate" } }, { "kind": "custom-element-definition", "name": "ifx-template", "declaration": { "name": "IfxTemplate" } } ] }, { "kind": "javascript-module", "path": "src/components/templates/templates-ui/templates-ui.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-templates-ui", "name": "IfxTemplatesUi" } ], "exports": [ { "kind": "js", "name": "IfxTemplatesUi", "declaration": { "name": "IfxTemplatesUi" } }, { "kind": "custom-element-definition", "name": "ifx-templates-ui", "declaration": { "name": "IfxTemplatesUi" } } ] }, { "kind": "javascript-module", "path": "src/components/text-field/text-field.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-text-field", "name": "IfxTextField", "attributes": [ { "name": "autocomplete", "description": "Native autocomplete attribute value.", "type": { "text": "string" }, "default": "\"on\"", "fieldName": "autocomplete" }, { "name": "caption", "description": "Helper text shown below the text field.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "caption" }, { "name": "disabled", "description": "If true, the text field is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "error", "description": "If true, shows the text field in an error state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "icon", "description": "Optional icon shown inside or next to the text field.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "icon" }, { "name": "internal-id", "description": "Internal ID used to link label and input elements.", "type": { "text": "string" }, "default": "\"text-field\"", "fieldName": "internalId" }, { "name": "label", "description": "Label text shown above the text field.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "label" }, { "name": "maxlength", "description": "Maximum number of characters allowed.", "type": { "text": "number" }, "fieldName": "maxlength" }, { "name": "name", "description": "Name attribute used when submitting the text field in a form.", "type": { "text": "string" }, "fieldName": "name" }, { "name": "placeholder", "description": "Placeholder text shown when the field is empty.", "type": { "text": "string" }, "default": "\"Placeholder\"", "fieldName": "placeholder" }, { "name": "read-only", "description": "If true, the text field is read-only but focusable.", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "required", "description": "Whether a value is required (used for validation).", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "show-delete-icon", "description": "If true, shows a delete/clear icon to remove the current value.", "type": { "text": "boolean" }, "default": "false", "fieldName": "showDeleteIcon" }, { "name": "size", "description": "Size of the text field (e.g. s, m, l).", "type": { "text": "string" }, "default": "\"m\"", "fieldName": "size" }, { "name": "success", "description": "If true, shows the text field in a success/valid state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "success" }, { "name": "type", "description": "Input type for the field (text or password).", "type": { "text": "\"password\" | \"text\"" }, "default": "\"text\"", "fieldName": "type" }, { "name": "value", "description": "Current value of the text field (can be updated programmatically).", "type": { "text": "string" }, "default": "\"\"", "fieldName": "value" } ], "members": [ { "kind": "field", "name": "autocomplete", "description": "Native autocomplete attribute value.", "type": { "text": "string" }, "default": "\"on\"", "readonly": true, "attribute": "autocomplete" }, { "kind": "field", "name": "caption", "description": "Helper text shown below the text field.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "caption" }, { "kind": "field", "name": "disabled", "description": "If true, the text field is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "error", "description": "If true, shows the text field in an error state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "error" }, { "kind": "field", "name": "icon", "description": "Optional icon shown inside or next to the text field.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "internalId", "description": "Internal ID used to link label and input elements.", "type": { "text": "string" }, "default": "\"text-field\"", "readonly": true, "attribute": "internal-id" }, { "kind": "field", "name": "label", "description": "Label text shown above the text field.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "label" }, { "kind": "field", "name": "maxlength", "description": "Maximum number of characters allowed.", "type": { "text": "number" }, "readonly": true, "attribute": "maxlength" }, { "kind": "field", "name": "name", "description": "Name attribute used when submitting the text field in a form.", "type": { "text": "string" }, "readonly": true, "attribute": "name", "reflects": true }, { "kind": "field", "name": "placeholder", "description": "Placeholder text shown when the field is empty.", "type": { "text": "string" }, "default": "\"Placeholder\"", "readonly": true, "attribute": "placeholder" }, { "kind": "field", "name": "readOnly", "description": "If true, the text field is read-only but focusable.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "read-only" }, { "kind": "field", "name": "required", "description": "Whether a value is required (used for validation).", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "required" }, { "kind": "field", "name": "showDeleteIcon", "description": "If true, shows a delete/clear icon to remove the current value.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "show-delete-icon" }, { "kind": "field", "name": "size", "description": "Size of the text field (e.g. s, m, l).", "type": { "text": "string" }, "default": "\"m\"", "readonly": true, "attribute": "size" }, { "kind": "field", "name": "success", "description": "If true, shows the text field in a success/valid state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "success" }, { "kind": "field", "name": "type", "description": "Input type for the field (text or password).", "type": { "text": "\"password\" | \"text\"" }, "default": "\"text\"", "readonly": true, "attribute": "type" }, { "kind": "field", "name": "value", "description": "Current value of the text field (can be updated programmatically).", "type": { "text": "string" }, "default": "\"\"", "attribute": "value" }, { "kind": "method", "name": "reset", "description": "Resets the text field value and clears the underlying input element.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxInput", "description": "Fired when the user types or the value changes.", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxTextField", "declaration": { "name": "IfxTextField" } }, { "kind": "custom-element-definition", "name": "ifx-text-field", "declaration": { "name": "IfxTextField" } } ] }, { "kind": "javascript-module", "path": "src/components/textarea/textarea.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-textarea", "name": "IfxTextarea", "attributes": [ { "name": "caption", "description": "Helper text shown below the textarea.", "type": { "text": "string" }, "fieldName": "caption" }, { "name": "cols", "description": "Number of visible text columns.", "type": { "text": "number" }, "fieldName": "cols" }, { "name": "disabled", "description": "If true, the textarea is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "error", "description": "If true, shows the textarea in an error state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "error" }, { "name": "full-width", "description": "If 'true', the textarea stretches to fill the available width.", "type": { "text": "string" }, "default": "\"false\"", "fieldName": "fullWidth" }, { "name": "label", "description": "Label text shown above the textarea.", "type": { "text": "string" }, "fieldName": "label" }, { "name": "maxlength", "description": "Maximum number of characters allowed.", "type": { "text": "number" }, "fieldName": "maxlength" }, { "name": "name", "description": "Name attribute used when submitting the textarea in a form.", "type": { "text": "string" }, "fieldName": "name" }, { "name": "placeholder", "description": "Placeholder text shown when the textarea is empty.", "type": { "text": "string" }, "fieldName": "placeholder" }, { "name": "read-only", "description": "If true, the textarea is read-only but focusable.", "type": { "text": "boolean" }, "default": "false", "fieldName": "readOnly" }, { "name": "required", "description": "Whether a value is required (used for validation).", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "resize", "description": "How the textarea can be resized by the user.", "type": { "text": "\"both\" | \"horizontal\" | \"none\" | \"vertical\"" }, "default": "\"both\"", "fieldName": "resize" }, { "name": "rows", "description": "Number of visible text rows.", "type": { "text": "number" }, "fieldName": "rows" }, { "name": "success", "description": "If true, shows the textarea in a success/valid state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "success" }, { "name": "value", "description": "Current value of the textarea (can be updated programmatically).", "type": { "text": "string" }, "default": "\"\"", "fieldName": "value" }, { "name": "wrap", "description": "How text wrapping is handled in the textarea.", "type": { "text": "\"hard\" | \"off\" | \"soft\"" }, "default": "\"soft\"", "fieldName": "wrap" } ], "members": [ { "kind": "field", "name": "caption", "description": "Helper text shown below the textarea.", "type": { "text": "string" }, "readonly": true, "attribute": "caption" }, { "kind": "field", "name": "cols", "description": "Number of visible text columns.", "type": { "text": "number" }, "readonly": true, "attribute": "cols" }, { "kind": "field", "name": "disabled", "description": "If true, the textarea is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disabled" }, { "kind": "field", "name": "error", "description": "If true, shows the textarea in an error state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "error" }, { "kind": "field", "name": "fullWidth", "description": "If 'true', the textarea stretches to fill the available width.", "type": { "text": "string" }, "default": "\"false\"", "readonly": true, "attribute": "full-width", "reflects": true }, { "kind": "field", "name": "label", "description": "Label text shown above the textarea.", "type": { "text": "string" }, "readonly": true, "attribute": "label" }, { "kind": "field", "name": "maxlength", "description": "Maximum number of characters allowed.", "type": { "text": "number" }, "readonly": true, "attribute": "maxlength" }, { "kind": "field", "name": "name", "description": "Name attribute used when submitting the textarea in a form.", "type": { "text": "string" }, "readonly": true, "attribute": "name", "reflects": true }, { "kind": "field", "name": "placeholder", "description": "Placeholder text shown when the textarea is empty.", "type": { "text": "string" }, "readonly": true, "attribute": "placeholder" }, { "kind": "field", "name": "readOnly", "description": "If true, the textarea is read-only but focusable.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "read-only" }, { "kind": "field", "name": "required", "description": "Whether a value is required (used for validation).", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "required" }, { "kind": "field", "name": "resize", "description": "How the textarea can be resized by the user.", "type": { "text": "\"both\" | \"horizontal\" | \"none\" | \"vertical\"" }, "default": "\"both\"", "readonly": true, "attribute": "resize" }, { "kind": "field", "name": "rows", "description": "Number of visible text rows.", "type": { "text": "number" }, "readonly": true, "attribute": "rows" }, { "kind": "field", "name": "success", "description": "If true, shows the textarea in a success/valid state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "success" }, { "kind": "field", "name": "value", "description": "Current value of the textarea (can be updated programmatically).", "type": { "text": "string" }, "default": "\"\"", "attribute": "value" }, { "kind": "field", "name": "wrap", "description": "How text wrapping is handled in the textarea.", "type": { "text": "\"hard\" | \"off\" | \"soft\"" }, "default": "\"soft\"", "readonly": true, "attribute": "wrap" }, { "kind": "method", "name": "reset", "description": "Resets the textarea value to its initial state.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "events": [ { "name": "ifxInput", "description": "Fired when the textarea value changes.", "type": { "text": "CustomEvent" } } ] } ], "exports": [ { "kind": "js", "name": "IfxTextarea", "declaration": { "name": "IfxTextarea" } }, { "kind": "custom-element-definition", "name": "ifx-textarea", "declaration": { "name": "IfxTextarea" } } ] }, { "kind": "javascript-module", "path": "src/components/toast/toast.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-toast", "name": "IfxToast", "attributes": [ { "name": "action-text", "description": "Text for the trailing action button that dismisses the toast. Hidden when empty.", "type": { "text": "string" }, "fieldName": "actionText" }, { "name": "duration", "description": "Auto-dismiss delay in ms. `0` disables auto-dismiss. The `loading` status never auto-dismisses.", "type": { "text": "number" }, "default": "5000", "fieldName": "duration" }, { "name": "message", "description": "Message text. Falls back to the default slot when empty.", "type": { "text": "string" }, "fieldName": "message" }, { "name": "status", "description": "Status variant controlling the status icon and accent color.", "type": { "text": "\"danger\" | \"loading\" | \"success\" | \"warning\"", "references": [ { "name": "ToastStatus" } ] }, "default": "\"success\"", "fieldName": "status" }, { "name": "toast-id", "description": "Stable id emitted with every toast event. Auto-generated when not set.", "type": { "text": "string" }, "fieldName": "toastId" } ], "members": [ { "kind": "field", "name": "actionText", "description": "Text for the trailing action button that dismisses the toast. Hidden when empty.", "type": { "text": "string" }, "readonly": true, "attribute": "action-text" }, { "kind": "field", "name": "duration", "description": "Auto-dismiss delay in ms. `0` disables auto-dismiss. The `loading` status never auto-dismisses.", "type": { "text": "number" }, "default": "5000", "readonly": true, "attribute": "duration" }, { "kind": "field", "name": "message", "description": "Message text. Falls back to the default slot when empty.", "type": { "text": "string" }, "readonly": true, "attribute": "message" }, { "kind": "field", "name": "status", "description": "Status variant controlling the status icon and accent color.", "type": { "text": "\"danger\" | \"loading\" | \"success\" | \"warning\"", "references": [ { "name": "ToastStatus" } ] }, "default": "\"success\"", "readonly": true, "attribute": "status" }, { "kind": "field", "name": "toastId", "description": "Stable id emitted with every toast event. Auto-generated when not set.", "type": { "text": "string" }, "readonly": true, "attribute": "toast-id" }, { "kind": "method", "name": "dismiss", "description": "Programmatically dismisses the toast. Runs the exit animation and then emits `ifxToastClose`.", "parameters": [ { "name": "reason", "type": { "text": "\"timeout\" | \"action\" | \"programmatic\"", "references": [ { "name": "Promise", "package": "global:" }, { "name": "ToastCloseReason" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "ToastCloseReason" } ] } } } ], "events": [ { "name": "ifxToastAction", "description": "Emitted when the action is activated (before the toast dismisses).", "type": { "text": "CustomEvent", "references": [ { "name": "ToastEventDetail" } ] } }, { "name": "ifxToastClose", "description": "Emitted after the toast finished dismissing (animation complete).", "type": { "text": "CustomEvent", "references": [ { "name": "ToastCloseEventDetail" } ] } }, { "name": "ifxToastOpen", "description": "Emitted once the toast has been shown (mounted and rendered).", "type": { "text": "CustomEvent", "references": [ { "name": "ToastEventDetail" } ] } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxToast", "declaration": { "name": "IfxToast" } }, { "kind": "custom-element-definition", "name": "ifx-toast", "declaration": { "name": "IfxToast" } } ] }, { "kind": "javascript-module", "path": "src/components/toast/toast-container/toast-container.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-toast-container", "name": "IfxToastContainer", "attributes": [ { "name": "max", "description": "Maximum number of simultaneously visible toasts. `0` means unlimited.", "type": { "text": "number" }, "default": "0", "fieldName": "max" }, { "name": "navbar-selector", "description": "CSS selector of the navbar/header to keep clear of on top placements. Empty disables measuring.", "type": { "text": "string" }, "default": "\"ifx-navbar\"", "fieldName": "navbarSelector" }, { "name": "offset", "description": "Distance in px from the viewport edge. Added on top of the navbar clearance for top placements.", "type": { "text": "number" }, "default": "16", "fieldName": "offset" }, { "name": "placement", "description": "Placement of the container on desktop. Collapses to top/bottom on mobile.", "type": { "text": "\"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"top-center\" | \"top-left\" | \"top-right\"", "references": [ { "name": "ToastPlacement" } ] }, "default": "\"bottom-right\"", "fieldName": "placement" } ], "members": [ { "kind": "field", "name": "max", "description": "Maximum number of simultaneously visible toasts. `0` means unlimited.", "type": { "text": "number" }, "default": "0", "readonly": true, "attribute": "max" }, { "kind": "field", "name": "navbarSelector", "description": "CSS selector of the navbar/header to keep clear of on top placements. Empty disables measuring.", "type": { "text": "string" }, "default": "\"ifx-navbar\"", "readonly": true, "attribute": "navbar-selector" }, { "kind": "field", "name": "offset", "description": "Distance in px from the viewport edge. Added on top of the navbar clearance for top placements.", "type": { "text": "number" }, "default": "16", "readonly": true, "attribute": "offset" }, { "kind": "field", "name": "placement", "description": "Placement of the container on desktop. Collapses to top/bottom on mobile.", "type": { "text": "\"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"top-center\" | \"top-left\" | \"top-right\"", "references": [ { "name": "ToastPlacement" } ] }, "default": "\"bottom-right\"", "readonly": true, "attribute": "placement", "reflects": true }, { "kind": "method", "name": "addToast", "description": "Creates an `ifx-toast`, appends it to the container, and removes it once dismissed.\nReturns the created element so callers can update or dismiss it.", "parameters": [ { "name": "config", "type": { "text": "ToastConfig", "references": [ { "name": "Promise", "package": "global:" }, { "name": "HTMLIfxToastElement", "package": "global:" }, { "name": "ToastConfig" } ] } } ], "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" }, { "name": "HTMLIfxToastElement", "package": "global:" }, { "name": "ToastConfig" } ] } } }, { "kind": "method", "name": "dismissAll", "description": "Dismisses every toast currently in the container.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } }, { "kind": "method", "name": "enforceMax", "description": "Dismisses the oldest toasts until at most `max` remain (`max <= 0` disables the\nlimit). Public so the `ifxToast` controller can enforce the cap after appending a\ntoast directly, not only via `addToast`.", "return": { "type": { "text": "Promise", "references": [ { "name": "Promise", "package": "global:" } ] } } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxToastContainer", "declaration": { "name": "IfxToastContainer" } }, { "kind": "custom-element-definition", "name": "ifx-toast-container", "declaration": { "name": "IfxToastContainer" } } ] }, { "kind": "javascript-module", "path": "src/components/tooltip/tooltip.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-tooltip", "name": "IfxTooltip", "attributes": [ { "name": "append-to-body", "description": "If true, appends the tooltip element to document.body for positioning.", "type": { "text": "boolean" }, "default": "false", "fieldName": "appendToBody" }, { "name": "aria-label-text", "description": "Accessible label for screen readers.", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "header", "description": "Header text displayed at the top of the tooltip.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "header" }, { "name": "icon", "description": "Optional icon displayed in the tooltip.", "type": { "text": "string" }, "fieldName": "icon" }, { "name": "position", "description": "Preferred position of the tooltip relative to the trigger element.", "type": { "text": "\"auto\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"right\" | \"top\" | \"top-end\" | \"top-start\"" }, "default": "\"auto\"", "fieldName": "position" }, { "name": "text", "description": "Main content text displayed inside the tooltip.", "type": { "text": "string" }, "default": "\"\"", "fieldName": "text" }, { "name": "variant", "description": "Visual style variant of the tooltip.", "type": { "text": "\"compact\" | \"dismissible\" | \"extended\"" }, "default": "\"compact\"", "fieldName": "variant" } ], "members": [ { "kind": "field", "name": "appendToBody", "description": "If true, appends the tooltip element to document.body for positioning.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "append-to-body" }, { "kind": "field", "name": "ariaLabelText", "description": "Accessible label for screen readers.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "header", "description": "Header text displayed at the top of the tooltip.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "header" }, { "kind": "field", "name": "icon", "description": "Optional icon displayed in the tooltip.", "type": { "text": "string" }, "readonly": true, "attribute": "icon" }, { "kind": "field", "name": "position", "description": "Preferred position of the tooltip relative to the trigger element.", "type": { "text": "\"auto\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"right\" | \"top\" | \"top-end\" | \"top-start\"" }, "default": "\"auto\"", "readonly": true, "attribute": "position" }, { "kind": "field", "name": "text", "description": "Main content text displayed inside the tooltip.", "type": { "text": "string" }, "default": "\"\"", "readonly": true, "attribute": "text" }, { "kind": "field", "name": "variant", "description": "Visual style variant of the tooltip.", "type": { "text": "\"compact\" | \"dismissible\" | \"extended\"" }, "default": "\"compact\"", "readonly": true, "attribute": "variant" } ], "slots": [ { "name": "", "description": "The default slot" }, { "name": "icon" } ] } ], "exports": [ { "kind": "js", "name": "IfxTooltip", "declaration": { "name": "IfxTooltip" } }, { "kind": "custom-element-definition", "name": "ifx-tooltip", "declaration": { "name": "IfxTooltip" } } ] }, { "kind": "javascript-module", "path": "src/components/tree-view/tree-view.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-tree-view", "name": "IfxTreeView", "attributes": [ { "name": "aria-label-text", "description": "Accessible label for the tree view container.", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "disable-all-items", "description": "If true, disables all items in the tree view.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disableAllItems" }, { "name": "expand-all-items", "description": "If true, expands all items in the tree view.", "type": { "text": "boolean" }, "default": "false", "fieldName": "expandAllItems" }, { "name": "label", "description": "Optional label displayed for the tree view.", "type": { "text": "string" }, "fieldName": "label" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Accessible label for the tree view container.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "disableAllItems", "description": "If true, disables all items in the tree view.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disable-all-items" }, { "kind": "field", "name": "expandAllItems", "description": "If true, expands all items in the tree view.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "expand-all-items" }, { "kind": "field", "name": "label", "description": "Optional label displayed for the tree view.", "type": { "text": "string" }, "readonly": true, "attribute": "label" } ], "events": [ { "name": "ifxTreeViewDisableAllChange", "description": "Fired when the “disable all items” state changes.", "type": { "text": "CustomEvent" } }, { "name": "ifxTreeViewExpandAllChange", "description": "Fired when the “expand all items” state changes.", "type": { "text": "CustomEvent" } } ], "slots": [ { "name": "", "description": "The default slot" } ] } ], "exports": [ { "kind": "js", "name": "IfxTreeView", "declaration": { "name": "IfxTreeView" } }, { "kind": "custom-element-definition", "name": "ifx-tree-view", "declaration": { "name": "IfxTreeView" } } ] }, { "kind": "javascript-module", "path": "src/components/tree-view/tree-view-item.tsx", "declarations": [ { "kind": "class", "customElement": true, "tagName": "ifx-tree-view-item", "name": "IfxTreeViewItem", "attributes": [ { "name": "aria-label-text", "description": "Accessible label for this tree item.", "type": { "text": "string" }, "fieldName": "ariaLabelText" }, { "name": "disable-item", "description": "If true, the item is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "fieldName": "disableItem" }, { "name": "expanded", "description": "Whether this tree item is currently expanded (shows its children).", "type": { "text": "boolean" }, "default": "false", "fieldName": "expanded" }, { "name": "initially-expanded", "description": "If true, the item starts in an expanded state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "initiallyExpanded" }, { "name": "initially-selected", "description": "If true, the item starts in a selected/checked state.", "type": { "text": "boolean" }, "default": "false", "fieldName": "initiallySelected" }, { "name": "value", "description": "Value associated with this tree item.", "type": { "text": "string" }, "fieldName": "value" } ], "members": [ { "kind": "field", "name": "ariaLabelText", "description": "Accessible label for this tree item.", "type": { "text": "string" }, "readonly": true, "attribute": "aria-label-text" }, { "kind": "field", "name": "disableItem", "description": "If true, the item is disabled and not interactive.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "disable-item" }, { "kind": "field", "name": "expanded", "description": "Whether this tree item is currently expanded (shows its children).", "type": { "text": "boolean" }, "default": "false", "attribute": "expanded", "reflects": true }, { "kind": "field", "name": "initiallyExpanded", "description": "If true, the item starts in an expanded state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "initially-expanded" }, { "kind": "field", "name": "initiallySelected", "description": "If true, the item starts in a selected/checked state.", "type": { "text": "boolean" }, "default": "false", "readonly": true, "attribute": "initially-selected" }, { "kind": "field", "name": "value", "description": "Value associated with this tree item.", "type": { "text": "string" }, "readonly": true, "attribute": "value" } ], "events": [ { "name": "ifxTreeViewItemCheckChange", "description": "Fired when the checked / selected state of the item changes.", "type": { "text": "CustomEvent", "references": [ { "name": "TreeViewCheckChangeEvent" } ] } }, { "name": "ifxTreeViewItemDisableChange", "description": "Fired when the disabled state of the item changes.", "type": { "text": "CustomEvent", "references": [ { "name": "TreeViewDisableChangeEvent" } ] } }, { "name": "ifxTreeViewItemExpandChange", "description": "Fired when the expanded / collapsed state of the item changes.", "type": { "text": "CustomEvent", "references": [ { "name": "TreeViewExpandChangeEvent" } ] } } ], "slots": [ { "name": "", "description": "The default slot" }, { "name": "children" } ] } ], "exports": [ { "kind": "js", "name": "IfxTreeViewItem", "declaration": { "name": "IfxTreeViewItem" } }, { "kind": "custom-element-definition", "name": "ifx-tree-view-item", "declaration": { "name": "IfxTreeViewItem" } } ] } ] }