{ "timestamp": "2026-07-06T07:41:24", "compiler": { "name": "@stencil/core", "version": "4.43.4", "typescriptVersion": "5.8.3" }, "components": [ { "filePath": "src/components/accordion/accordion.tsx", "encapsulation": "shadow", "tag": "ifx-accordion", "readme": "# ifx-accordion-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "autoCollapse", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "auto-collapse", "reflectToAttr": false, "docs": "Collapse the other items when one item is opened.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [ { "event": "ifxOpen", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/accordion/accordionItem.tsx", "encapsulation": "shadow", "tag": "ifx-accordion-item", "readme": "# ifx-accordion-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLevelNumber", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "aria-level-number", "reflectToAttr": false, "docs": "The aria-level attribute for the accordion item header.", "docsTags": [ { "name": "default", "text": "3" } ], "default": "3", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "caption", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption", "reflectToAttr": false, "docs": "The caption of the accordion item.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "The icon to be displayed in the accordion item header.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "open", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "open", "reflectToAttr": false, "docs": "Set the open attribute to open the accordion item.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxClose", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Event emitted when an accordion item is closed.", "docsTags": [] }, { "event": "ifxOpen", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Event emitted when accordion is opened.", "docsTags": [] } ], "listeners": [ { "event": "keydown", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-accordion-item": [ "ifx-icon" ] } }, { "filePath": "src/components/action-list/action-list.tsx", "encapsulation": "shadow", "tag": "ifx-action-list", "readme": "# action-list-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "listAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "list-aria-label", "reflectToAttr": false, "docs": "Aria label for accessibility support", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/action-list/action-list-item.tsx", "encapsulation": "shadow", "tag": "ifx-action-list-item", "readme": "# action-list-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "description", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "description", "reflectToAttr": false, "docs": "The description text displayed below the title", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Controls whether the item is disabled", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "URL to navigate to when item is clicked", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "itemAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "item-aria-label", "reflectToAttr": false, "docs": "Aria label for accessibility support", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "itemTitle", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "item-title", "reflectToAttr": false, "docs": "The title text displayed in the item", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Target for the link navigation", "docsTags": [ { "name": "default", "text": "'_self'" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Value associated with this item", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxActionListItemClick", "detail": "ActionListItemClickEvent", "bubbles": true, "complexType": { "original": "ActionListItemClickEvent", "resolved": "ActionListItemClickEvent", "references": { "ActionListItemClickEvent": { "location": "local", "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/action-list/action-list-item.tsx", "id": "src/components/action-list/action-list-item.tsx::ActionListItemClickEvent" } } }, "cancelable": true, "composed": true, "docs": "Event emitted when the main item area is clicked", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/ai-label/ai-label.tsx", "encapsulation": "shadow", "tag": "ifx-ai-label", "readme": "# ifx-ai-label\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "divider", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "divider", "reflectToAttr": false, "docs": "Determines whether to show a divider line", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"icon\" | \"label\"", "complexType": { "original": "'label' | 'icon'", "resolved": "\"icon\" | \"label\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Display variant - either label or icon", "docsTags": [ { "name": "default", "text": "'label'" } ], "default": "'label'", "values": [ { "value": "icon", "type": "string" }, { "value": "label", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-ai-label": [ "ifx-icon" ] } }, { "filePath": "src/components/alert/alert.tsx", "encapsulation": "shadow", "tag": "ifx-alert", "readme": "# ifx-alert\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "AriaLiveText", "type": "\"assertive\"", "complexType": { "original": "\"assertive\"", "resolved": "\"assertive\"", "references": {} }, "mutable": false, "attr": "aria-live-text", "reflectToAttr": false, "docs": "Aria live region setting for accessibility announcements.", "docsTags": [ { "name": "default", "text": "\"assertive\"" } ], "default": "\"assertive\"", "values": [ { "value": "assertive", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "closable", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "closable", "reflectToAttr": false, "docs": "Wether the component can be closed by the user.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Name or identifier of the icon to display.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"", "complexType": { "original": "\"primary\" | \"success\" | \"danger\" | \"warning\" | \"info\"", "resolved": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Visual style variant of the component.", "docsTags": [ { "name": "default", "text": "\"primary\"" } ], "default": "\"primary\"", "values": [ { "value": "danger", "type": "string" }, { "value": "info", "type": "string" }, { "value": "primary", "type": "string" }, { "value": "success", "type": "string" }, { "value": "warning", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxClose", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Event emitted when the component is closed.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-templates-ui" ], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-alert": [ "ifx-icon" ], "ifx-templates-ui": [ "ifx-alert" ] } }, { "filePath": "src/components/table-basic-version/table.tsx", "encapsulation": "none", "tag": "ifx-basic-table", "readme": "# ifx-table\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "cols", "type": "any[] | string", "complexType": { "original": "any[] | string", "resolved": "any[] | string", "references": {} }, "mutable": false, "attr": "cols", "reflectToAttr": false, "docs": "Column definitions for the table (array or JSON string).", "docsTags": [], "values": [ { "type": "any[]" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rowHeight", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "row-height", "reflectToAttr": false, "docs": "Row height preset (e.g. default, compact).", "docsTags": [ { "name": "default", "text": "\"default\"" } ], "default": "\"default\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rows", "type": "any[] | string", "complexType": { "original": "any[] | string", "resolved": "any[] | string", "references": {} }, "mutable": false, "attr": "rows", "reflectToAttr": false, "docs": "Row data for the table (array or JSON string).", "docsTags": [], "values": [ { "type": "any[]" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "tableHeight", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "table-height", "reflectToAttr": false, "docs": "Overall table height (e.g. fixed px value or 'auto').", "docsTags": [ { "name": "default", "text": "\"auto\"" } ], "default": "\"auto\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Visual style variant of the table (e.g. default, compact).", "docsTags": [ { "name": "default", "text": "\"default\"" } ], "default": "\"default\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/breadcrumb/breadcrumb.tsx", "encapsulation": "shadow", "tag": "ifx-breadcrumb", "readme": "# ifx-breadcrumb-item-label\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/breadcrumb/breadcrumb-item.tsx", "encapsulation": "shadow", "tag": "ifx-breadcrumb-item", "readme": "# ifx-breadcrumb-item-label\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [ { "event": "mousedown", "target": "document", "capture": false, "passive": true }, { "event": "keydown", "capture": false, "passive": false }, { "event": "breadcrumbMenuIconWrapper", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/breadcrumb/breadcrumb-item-label.tsx", "encapsulation": "shadow", "tag": "ifx-breadcrumb-item-label", "readme": "# ifx-breadcrumb-item-label\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "URL the breadcrumb item links to.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Icon displayed inside the breadcrumb item.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Where to open the link.", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "breadcrumbMenuIconWrapper", "detail": "HTMLElement", "bubbles": true, "complexType": { "original": "HTMLElement", "resolved": "HTMLElement", "references": { "HTMLElement": { "location": "global", "id": "global::HTMLElement" } } }, "cancelable": true, "composed": true, "docs": "Fires with the icon wrapper element when it's ready.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-breadcrumb-item-label": [ "ifx-icon" ] } }, { "filePath": "src/components/button/button.tsx", "encapsulation": "shadow", "tag": "ifx-button", "readme": "# ifx-button\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label for screen readers when text is not enough", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Wether the button is disabled and not clickable.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "fullWidth", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "full-width", "reflectToAttr": false, "docs": "If true, button stretches to fill the available width.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "URL the Button should navigate to when clicked.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Button size (xs, s, m, l).", "docsTags": [ { "name": "default", "text": "\"m\"" } ], "default": "\"m\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Where to open the link.", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "theme", "type": "\"danger\" | \"default\" | \"inverse\"", "complexType": { "original": "\"default\" | \"danger\" | \"inverse\"", "resolved": "\"danger\" | \"default\" | \"inverse\"", "references": {} }, "mutable": false, "attr": "theme", "reflectToAttr": false, "docs": "Color theme of the button.", "docsTags": [ { "name": "default", "text": "\"default\"" } ], "default": "\"default\"", "values": [ { "value": "danger", "type": "string" }, { "value": "default", "type": "string" }, { "value": "inverse", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", "complexType": { "original": "\"button\" | \"submit\" | \"reset\"", "resolved": "\"button\" | \"reset\" | \"submit\"", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "Native button type.", "docsTags": [ { "name": "default", "text": "\"button\"" } ], "default": "\"button\"", "values": [ { "value": "button", "type": "string" }, { "value": "reset", "type": "string" }, { "value": "submit", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"primary\" | \"secondary\" | \"tertiary\"", "complexType": { "original": "\"primary\" | \"secondary\" | \"tertiary\"", "resolved": "\"primary\" | \"secondary\" | \"tertiary\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Button style level (visual prominence).", "docsTags": [ { "name": "default", "text": "\"primary\"" } ], "default": "\"primary\"", "values": [ { "value": "primary", "type": "string" }, { "value": "secondary", "type": "string" }, { "value": "tertiary", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "setFocus", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setFocus() => Promise", "parameters": [], "docs": "Move keayboard focus to the button.", "docsTags": [] } ], "events": [], "listeners": [ { "event": "keydown", "capture": false, "passive": false }, { "event": "click", "capture": true, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-dropdown-trigger-button", "ifx-file-upload", "ifx-filter-bar", "ifx-table", "ifx-template" ], "dependencies": [], "dependencyGraph": { "ifx-dropdown-trigger-button": [ "ifx-button" ], "ifx-file-upload": [ "ifx-button" ], "ifx-filter-bar": [ "ifx-button" ], "ifx-table": [ "ifx-button" ], "ifx-template": [ "ifx-button" ] } }, { "filePath": "src/components/card/card.tsx", "encapsulation": "shadow", "tag": "ifx-card", "readme": "# ifx-card\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label for screen readers.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "direction", "type": "\"horizontal\" | \"vertical\"", "complexType": { "original": "\"horizontal\" | \"vertical\"", "resolved": "\"horizontal\" | \"vertical\"", "references": {} }, "mutable": false, "attr": "direction", "reflectToAttr": false, "docs": "Layout direction of the card.", "docsTags": [ { "name": "default", "text": "\"vertical\"" } ], "default": "\"vertical\"", "values": [ { "value": "horizontal", "type": "string" }, { "value": "vertical", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "fullWidth", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "full-width", "reflectToAttr": false, "docs": "If true, Card stretches to fill the available width.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "Link the card should navigate to when clicked.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Where to open the link.", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [ { "event": "imgPosition", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/card/card-headline/card-headline.tsx", "encapsulation": "shadow", "tag": "ifx-card-headline", "readme": "# ifx-card-headline\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/card/card-image/card-image.tsx", "encapsulation": "shadow", "tag": "ifx-card-image", "readme": "# ifx-card-image\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "alt", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "alt", "reflectToAttr": false, "docs": "Text description of the image for screen readers.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "position", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "position", "reflectToAttr": false, "docs": "Image position.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "src", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "src", "reflectToAttr": false, "docs": "Image source URL.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "imgPosition", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emits the image position when it changes or is set.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/card/card-links/card-links.tsx", "encapsulation": "shadow", "tag": "ifx-card-links", "readme": "# ifx-card-links\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/card/card-overline/card-overline.tsx", "encapsulation": "shadow", "tag": "ifx-card-overline", "readme": "# ifx-card-overline\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/card/card-text/card-text.tsx", "encapsulation": "shadow", "tag": "ifx-card-text", "readme": "# ifx-card-text\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/checkbox/checkbox.tsx", "encapsulation": "shadow", "tag": "ifx-checkbox", "readme": "# ifx-checkbox\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "checked", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "checked", "reflectToAttr": false, "docs": "The state of the checkbox. When true, the checkbox is checked; when false, it is unchecked.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Indicates whether the checkbox is disabled. When true, the checkbox cannot be interacted with and will have a disabled appearance.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "Indicates whether the checkbox is in an error state. When true, the checkbox will have an error appearance.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "indeterminate", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "indeterminate", "reflectToAttr": false, "docs": "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.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": false, "docs": "The name attribute of the input element.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "Indicates whether the checkbox is in a read-only state. When true, the checkbox will have a read-only appearance.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "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.", "docsTags": [ { "name": "default", "text": "\"m\"" } ], "default": "\"m\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "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.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "isChecked", "returns": { "type": "Promise", "docs": "A promise that resolves to a boolean indicating whether the checkbox is checked." }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "isChecked() => Promise", "parameters": [], "docs": "Method to get the current checked state of the checkbox.", "docsTags": [ { "name": "returns", "text": "A promise that resolves to a boolean indicating whether the checkbox is checked." } ] }, { "name": "setChecked", "returns": { "type": "Promise", "docs": "A promise that resolves when the checked state has been updated." }, "complexType": { "signature": "(newVal: boolean) => Promise", "parameters": [ { "name": "newVal", "type": "boolean", "docs": "A boolean value to set the checked state of the checkbox." } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setChecked(newVal: boolean) => Promise", "parameters": [ { "name": "newVal", "type": "boolean", "docs": "A boolean value to set the checked state of the checkbox." } ], "docs": "Method to set the checked state of the checkbox.", "docsTags": [ { "name": "param", "text": "newVal A boolean value to set the checked state of the checkbox." }, { "name": "returns", "text": "A promise that resolves when the checked state has been updated." } ] }, { "name": "toggle", "returns": { "type": "Promise", "docs": "Resolves when the toggle is complete." }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "toggle() => Promise", "parameters": [], "docs": "Toggles the checked state.", "docsTags": [ { "name": "returns", "text": "Resolves when the toggle is complete." } ] }, { "name": "toggleCheckedState", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(newVal: boolean) => Promise", "parameters": [ { "name": "newVal", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "toggleCheckedState(newVal: boolean) => Promise", "parameters": [ { "name": "newVal", "type": "boolean", "docs": "" } ], "docs": "", "docsTags": [ { "name": "deprecated", "text": "Use `setChecked` instead." } ], "deprecation": "Use `setChecked` instead." } ], "events": [ { "event": "ifxChange", "detail": "boolean", "bubbles": true, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "cancelable": true, "composed": true, "docs": "Event emitted when the checkbox state changes.\nEmits the new checked state as a boolean value.", "docsTags": [] }, { "event": "ifxError", "detail": "boolean", "bubbles": true, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "cancelable": true, "composed": true, "docs": "Event emitted when the error state changes.\nEmits the new error state as a boolean value.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-chip-item", "ifx-list-entry", "ifx-multiselect", "ifx-multiselect-option", "ifx-tree-view-item" ], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-checkbox": [ "ifx-icon" ], "ifx-chip-item": [ "ifx-checkbox" ], "ifx-list-entry": [ "ifx-checkbox" ], "ifx-multiselect": [ "ifx-checkbox" ], "ifx-multiselect-option": [ "ifx-checkbox" ], "ifx-tree-view-item": [ "ifx-checkbox" ] } }, { "filePath": "src/components/checkbox-group/checkbox-group.tsx", "encapsulation": "shadow", "tag": "ifx-checkbox-group", "readme": "# ifx-checkbox-group\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "alignment", "type": "\"horizontal\" | \"vertical\"", "complexType": { "original": "\"horizontal\" | \"vertical\"", "resolved": "\"horizontal\" | \"vertical\"", "references": {} }, "mutable": false, "attr": "alignment", "reflectToAttr": false, "docs": "Layout direction of the radio group", "docsTags": [ { "name": "default", "text": "\"vertical\"" } ], "default": "\"vertical\"", "values": [ { "value": "horizontal", "type": "string" }, { "value": "vertical", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "captionText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption-text", "reflectToAttr": false, "docs": "Text used for the caption.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "groupLabelText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "group-label-text", "reflectToAttr": false, "docs": "Text used for the group label.", "docsTags": [ { "name": "default", "text": "\"Group Label Text\"" } ], "default": "\"Group Label Text\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": false, "docs": "Wether selecting an option is required.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showCaption", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-caption", "reflectToAttr": false, "docs": "Wether to show a caption under the group.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showCaptionIcon", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-caption-icon", "reflectToAttr": false, "docs": "Wether to show an icon next to the caption.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showGroupLabel", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-group-label", "reflectToAttr": false, "docs": "Wether to show the group label.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the radio group", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "setGroupError", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(error: boolean) => Promise", "parameters": [ { "name": "error", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setGroupError(error: boolean) => Promise", "parameters": [ { "name": "error", "type": "boolean", "docs": "" } ], "docs": "Method to set the error state of all checkboxes in the group.", "docsTags": [] } ], "events": [], "listeners": [ { "event": "ifxError", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-checkbox-group": [ "ifx-icon" ] } }, { "filePath": "src/components/chip/chip.tsx", "encapsulation": "shadow", "tag": "ifx-chip", "readme": "# ifx-chip\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "ARIA Label text", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Disabeled state", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Sets Icon", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "placeholder", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, "docs": "Placeholder text", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "Read-only state", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"large\" | \"medium\" | \"small\"", "complexType": { "original": "\"small\" | \"medium\" | \"large\"", "resolved": "\"large\" | \"medium\" | \"small\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Component size", "docsTags": [ { "name": "default", "text": "\"medium\"" } ], "default": "\"medium\"", "values": [ { "value": "large", "type": "string" }, { "value": "medium", "type": "string" }, { "value": "small", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "theme", "type": "\"filled-dark\" | \"filled-light\" | \"outlined\"", "complexType": { "original": "\"outlined\" | \"filled-light\" | \"filled-dark\"", "resolved": "\"filled-dark\" | \"filled-light\" | \"outlined\"", "references": {} }, "mutable": false, "attr": "theme", "reflectToAttr": false, "docs": "Visual theme", "docsTags": [ { "name": "default", "text": "\"outlined\"" } ], "default": "\"outlined\"", "values": [ { "value": "filled-dark", "type": "string" }, { "value": "filled-light", "type": "string" }, { "value": "outlined", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string | string[]", "complexType": { "original": "Array | string", "resolved": "string | string[]", "references": { "Array": { "location": "global", "id": "global::Array" } } }, "mutable": true, "attr": "value", "reflectToAttr": false, "docs": "Current selection (mutable)", "docsTags": [ { "name": "default", "text": "undefined" } ], "default": "undefined", "values": [ { "type": "string" }, { "type": "string[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"multi\" | \"single\"", "complexType": { "original": "\"single\" | \"multi\"", "resolved": "\"multi\" | \"single\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Selection mode", "docsTags": [ { "name": "default", "text": "\"single\"" } ], "default": "\"single\"", "values": [ { "value": "multi", "type": "string" }, { "value": "single", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxChange", "detail": "{ previousSelection: ChipItemSelectEvent[]; currentSelection: ChipItemSelectEvent[]; name: string; }", "bubbles": true, "complexType": { "original": "{\n\t\tpreviousSelection: Array;\n\t\tcurrentSelection: Array;\n\t\tname: string;\n\t}", "resolved": "{ previousSelection: ChipItemSelectEvent[]; currentSelection: ChipItemSelectEvent[]; name: string; }", "references": { "Array": { "location": "global", "id": "global::Array" }, "ChipItemSelectEvent": { "location": "import", "path": "./interfaces", "id": "src/components/chip/interfaces.tsx::ChipItemSelectEvent", "referenceLocation": "ChipItemSelectEvent" } } }, "cancelable": true, "composed": true, "docs": "Fires on selection change.", "docsTags": [] } ], "listeners": [ { "event": "mousedown", "target": "document", "capture": false, "passive": true }, { "event": "ifxChipItemSelect", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [ { "name": "chip", "docs": "" }, { "name": "label", "docs": "" }, { "name": "label-wrapper", "docs": "" } ], "states": [], "dependents": [ "ifx-table", "ifx-tabs" ], "dependencies": [ "ifx-icon", "ifx-indicator" ], "dependencyGraph": { "ifx-chip": [ "ifx-icon", "ifx-indicator" ], "ifx-table": [ "ifx-chip" ], "ifx-tabs": [ "ifx-chip" ] } }, { "filePath": "src/components/chip/chip-item/chip-item.tsx", "encapsulation": "shadow", "tag": "ifx-chip-item", "readme": "# ifx-chip-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "chipState", "type": "ChipState", "complexType": { "original": "ChipState", "resolved": "ChipState", "references": { "ChipState": { "location": "import", "path": "../interfaces", "id": "src/components/chip/interfaces.tsx::ChipState", "referenceLocation": "ChipState" } } }, "mutable": false, "reflectToAttr": false, "docs": "Bahaviour and appearance configuration.", "docsTags": [ { "name": "default", "text": "{\n\t\temitIfxChipItemSelect: true,\n\t\tvariant: \"multi\",\n\t\tsize: \"large\",\n\t}" } ], "default": "{\n\t\temitIfxChipItemSelect: true,\n\t\tvariant: \"multi\",\n\t\tsize: \"large\",\n\t}", "values": [ { "type": "ChipState" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "selected", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "selected", "reflectToAttr": true, "docs": "Wether the chip is selected (reflected).", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Identifier value for this chip.", "docsTags": [ { "name": "default", "text": "undefined" } ], "default": "undefined", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxChipItemSelect", "detail": "ChipItemSelectEvent", "bubbles": true, "complexType": { "original": "ChipItemSelectEvent", "resolved": "ChipItemSelectEvent", "references": { "ChipItemSelectEvent": { "location": "import", "path": "../interfaces", "id": "src/components/chip/interfaces.tsx::ChipItemSelectEvent", "referenceLocation": "ChipItemSelectEvent" } } }, "cancelable": true, "composed": false, "docs": "Emitted on chip select/deselect.", "docsTags": [] } ], "listeners": [ { "event": "ifxChipItemSelect", "target": "body", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-table" ], "dependencies": [ "ifx-checkbox", "ifx-icon" ], "dependencyGraph": { "ifx-chip-item": [ "ifx-checkbox", "ifx-icon" ], "ifx-checkbox": [ "ifx-icon" ], "ifx-table": [ "ifx-chip-item" ] } }, { "filePath": "src/components/content-switcher/content-switcher.tsx", "encapsulation": "shadow", "tag": "ifx-content-switcher", "readme": "# ifx-content-switcher\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [ { "event": "ifxChange", "detail": "{ oldValue: string; newValue: string; }", "bubbles": true, "complexType": { "original": "ChangeEvent", "resolved": "{ oldValue: string; newValue: string; }", "references": { "ChangeEvent": { "location": "local", "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/content-switcher/content-switcher.tsx", "id": "src/components/content-switcher/content-switcher.tsx::ChangeEvent" } } }, "cancelable": true, "composed": true, "docs": "Fired when the selected option changes.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/content-switcher/content-switcher-item.tsx", "encapsulation": "shadow", "tag": "ifx-content-switcher-item", "readme": "# ifx-content-switcher\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "selected", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "selected", "reflectToAttr": false, "docs": "Wether this option is currently selected.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Value associated with this option.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/date-picker/date-picker.tsx", "encapsulation": "shadow", "tag": "ifx-date-picker", "readme": "# ifx-date-picker\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Aria label for the date picker input", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "autocomplete", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "autocomplete", "reflectToAttr": false, "docs": "Autocomplete attribute for the input", "docsTags": [ { "name": "default", "text": "\"on\"" } ], "default": "\"on\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "caption", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption", "reflectToAttr": false, "docs": "Caption text displayed below the date picker", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Whether the date picker is disabled", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "Error state of the date picker", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Label text for the date picker", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "max", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "max", "reflectToAttr": false, "docs": "Maximum allowed date", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "min", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "min", "reflectToAttr": false, "docs": "Minimum allowed date", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "Whether the date picker is read-only", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": false, "docs": "Whether the date picker is required", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the date picker input", "docsTags": [ { "name": "default", "text": "\"s\"" } ], "default": "\"s\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "success", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "success", "reflectToAttr": false, "docs": "Success state of the date picker", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "Type of date input (date, datetime-local, etc.)", "docsTags": [ { "name": "default", "text": "\"date\"" } ], "default": "\"date\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "The value of the date picker", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "clear", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "clear() => Promise", "parameters": [], "docs": "Clears the date picker value", "docsTags": [] } ], "events": [ { "event": "ifxDate", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Event emitted when date value changes", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-date-picker": [ "ifx-icon" ] } }, { "filePath": "src/components/download/download.tsx", "encapsulation": "shadow", "tag": "ifx-download", "readme": "# ifx-download\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "tokens", "type": "\"css\" | \"js\" | \"json\" | \"scss\"", "complexType": { "original": "\"css\" | \"scss\" | \"json\" | \"js\"", "resolved": "\"css\" | \"js\" | \"json\" | \"scss\"", "references": {} }, "mutable": false, "attr": "tokens", "reflectToAttr": false, "docs": "Type of file to download.", "docsTags": [ { "name": "default", "text": "\"css\"" } ], "default": "\"css\"", "values": [ { "value": "css", "type": "string" }, { "value": "js", "type": "string" }, { "value": "json", "type": "string" }, { "value": "scss", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-link" ], "dependencyGraph": { "ifx-download": [ "ifx-link" ] } }, { "filePath": "src/components/dropdown/dropdown.tsx", "encapsulation": "shadow", "tag": "ifx-dropdown", "readme": "# ifx-dropdown\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "defaultOpen", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "default-open", "reflectToAttr": false, "docs": "Wether the dropdown should be open initially.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, dropdown is disabled and cannot be opened.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "noAppendToBody", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "no-append-to-body", "reflectToAttr": false, "docs": "If true, the menu is not appended to (stays in place).", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "noCloseOnMenuClick", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "no-close-on-menu-click", "reflectToAttr": false, "docs": "Id true, clicking inside the menu will not close the dropdown.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "noCloseOnOutsideClick", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "no-close-on-outside-click", "reflectToAttr": false, "docs": "If true, clicking outside will not close the dropdown.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "placement", "type": "\"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\"", "complexType": { "original": "Placement", "resolved": "\"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": { "Placement": { "location": "local", "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/dropdown/dropdown.tsx", "id": "src/components/dropdown/dropdown.tsx::Placement" } } }, "mutable": false, "attr": "placement", "reflectToAttr": false, "docs": "Where the dropdown menu is positioned relative to the trigger.", "docsTags": [ { "name": "default", "text": "\"bottom-start\"" } ], "default": "\"bottom-start\"", "values": [ { "value": "auto", "type": "string" }, { "value": "auto-end", "type": "string" }, { "value": "auto-start", "type": "string" }, { "value": "bottom", "type": "string" }, { "value": "bottom-end", "type": "string" }, { "value": "bottom-start", "type": "string" }, { "value": "left", "type": "string" }, { "value": "left-end", "type": "string" }, { "value": "left-start", "type": "string" }, { "value": "right", "type": "string" }, { "value": "right-end", "type": "string" }, { "value": "right-start", "type": "string" }, { "value": "top", "type": "string" }, { "value": "top-end", "type": "string" }, { "value": "top-start", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "closeDropdown", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "IOpenable": { "location": "import", "path": "./IOpenable", "id": "src/components/dropdown/IOpenable.ts::IOpenable", "referenceLocation": "IOpenable" } }, "return": "Promise" }, "signature": "closeDropdown() => Promise", "parameters": [], "docs": "Closes the dropdown and cleans up the popper instance.", "docsTags": [] }, { "name": "isOpen", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "isOpen() => Promise", "parameters": [], "docs": "Returns wether the dropdown is currently open.", "docsTags": [] }, { "name": "openDropdown", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "openDropdown() => Promise", "parameters": [], "docs": "Opens the dropdown and sets up the popper positioning.", "docsTags": [] } ], "events": [ { "event": "ifxClose", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when dropdown closed.", "docsTags": [] }, { "event": "ifxDropdown", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "General dropdown event.", "docsTags": [] }, { "event": "ifxOpen", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when dropdown open.", "docsTags": [] } ], "listeners": [ { "event": "mousedown", "target": "document", "capture": false, "passive": true }, { "event": "focusin", "target": "document", "capture": false, "passive": false }, { "event": "slotchange", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/dropdown/dropdown-header/dropdown-header.tsx", "encapsulation": "shadow", "tag": "ifx-dropdown-header", "readme": "# ifx-dropdown-header\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/dropdown/dropdown-item/dropdown-item.tsx", "encapsulation": "shadow", "tag": "ifx-dropdown-item", "readme": "# ifx-dropdown-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "If true, this item is shown in an error style.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hide", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "hide", "reflectToAttr": false, "docs": "If true, this dropdown item is hidden.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "Link the dropdown item should navigate to when clicked.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Icon to show in the dropdown item.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Where to open the link.", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxDropdownItem", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the dropdown item is clicked or selected.", "docsTags": [] } ], "listeners": [ { "event": "menuSize", "target": "body", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-dropdown-item": [ "ifx-icon" ] } }, { "filePath": "src/components/dropdown/dropdown-menu/dropdown-menu.tsx", "encapsulation": "shadow", "tag": "ifx-dropdown-menu", "readme": "# ifx-dropdown-menu\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "isOpen", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-open", "reflectToAttr": false, "docs": "Controls wether the dropdown menu is open or closed.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"l\" | \"s\"", "complexType": { "original": "\"s\" | \"l\"", "resolved": "\"l\" | \"s\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the dropdown menu.", "docsTags": [ { "name": "default", "text": "\"l\"" } ], "default": "\"l\"", "values": [ { "value": "l", "type": "string" }, { "value": "s", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxDropdownMenuItem", "detail": "CustomEvent", "bubbles": true, "complexType": { "original": "CustomEvent", "resolved": "CustomEvent", "references": { "CustomEvent": { "location": "global", "id": "global::CustomEvent" } } }, "cancelable": true, "composed": true, "docs": "Fired when a dropdown menu item is selected", "docsTags": [] }, { "event": "menuSize", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emits the calculated size of the menu", "docsTags": [] } ], "listeners": [ { "event": "ifxInput", "capture": false, "passive": false }, { "event": "ifxDropdownItem", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/dropdown/dropdown-seperator/dropdown-separator.tsx", "encapsulation": "shadow", "tag": "ifx-dropdown-separator", "readme": "# ifx-dropdown-separator\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/dropdown/dropdown-trigger/dropdown-trigger.tsx", "encapsulation": "shadow", "tag": "ifx-dropdown-trigger", "readme": "# ifx-dropdown-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "isOpen", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-open", "reflectToAttr": false, "docs": "Controls wether the dropdown is currently open.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx", "encapsulation": "shadow", "tag": "ifx-dropdown-trigger-button", "readme": "# ifx-dropdown-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, trigger is disabled and not clickable.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hideArrow", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "hide-arrow", "reflectToAttr": false, "docs": "If true, hides the dropdown arrow icon.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isOpen", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-open", "reflectToAttr": false, "docs": "Controls wether the dropdown trigger is open", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"m\" | \"s\"", "complexType": { "original": "\"s\" | \"m\"", "resolved": "\"m\" | \"s\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the trigger button.", "docsTags": [ { "name": "default", "text": "\"m\"" } ], "default": "\"m\"", "values": [ { "value": "m", "type": "string" }, { "value": "s", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "theme", "type": "\"danger\" | \"default\" | \"inverse\"", "complexType": { "original": "\"default\" | \"danger\" | \"inverse\"", "resolved": "\"danger\" | \"default\" | \"inverse\"", "references": {} }, "mutable": false, "attr": "theme", "reflectToAttr": false, "docs": "Color theme of the trigger.", "docsTags": [ { "name": "default", "text": "\"default\"" } ], "default": "\"default\"", "values": [ { "value": "danger", "type": "string" }, { "value": "default", "type": "string" }, { "value": "inverse", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"primary\"", "complexType": { "original": "\"primary\"", "resolved": "\"primary\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Visual style variant.", "docsTags": [], "values": [ { "value": "primary", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-button", "ifx-icon" ], "dependencyGraph": { "ifx-dropdown-trigger-button": [ "ifx-button", "ifx-icon" ] } }, { "filePath": "src/components/error-page/error-page.tsx", "encapsulation": "shadow", "tag": "ifx-error-page", "readme": "# ifx-error-page\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "description", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "description", "reflectToAttr": false, "docs": "Description text for the error page. Uses the variant default when no value is provided.", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "headline", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "headline", "reflectToAttr": false, "docs": "Headline text for the error page. Uses the variant default when no value is provided.", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "illustrationUrl", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "illustration-url", "reflectToAttr": false, "docs": "Custom illustration URL for the error page graphic.", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "imgAlt", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "img-alt", "reflectToAttr": false, "docs": "Alternative text for the illustration. Falls back to the selected error type label.", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "\"403\" | \"404\" | \"503\" | \"maintenance\"", "complexType": { "original": "'403' | '404' | '503' | 'maintenance'", "resolved": "\"403\" | \"404\" | \"503\" | \"maintenance\"", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "Error page variant used to select the default content and image. Defaults to \"403\".", "docsTags": [ { "name": "default", "text": "'403'" } ], "default": "'403'", "values": [ { "value": "403", "type": "string" }, { "value": "404", "type": "string" }, { "value": "503", "type": "string" }, { "value": "maintenance", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/file-upload/file-upload.tsx", "encapsulation": "shadow", "tag": "ifx-file-upload", "readme": "# ifx-file-upload\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "additionalAllowedFileTypes", "type": "string | string[]", "complexType": { "original": "string | string[]", "resolved": "string | string[]", "references": {} }, "mutable": false, "attr": "additional-allowed-file-types", "reflectToAttr": false, "docs": "Extra file types to allow in addition to the default ones.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "string" }, { "type": "string[]" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "allowAnyFileType", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "allow-any-file-type", "reflectToAttr": false, "docs": "When set to true, allows any file type to be uploaded (no file type restrictions).", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "allowedFileExtensions", "type": "string | string[]", "complexType": { "original": "string | string[]", "resolved": "string | string[]", "references": {} }, "mutable": false, "attr": "allowed-file-extensions", "reflectToAttr": false, "docs": "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'.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "string" }, { "type": "string[]" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "allowedFileTypes", "type": "string | string[]", "complexType": { "original": "string | string[]", "resolved": "string | string[]", "references": {} }, "mutable": false, "attr": "allowed-file-types", "reflectToAttr": false, "docs": "Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`.", "docsTags": [ { "name": "default", "text": "undefined" } ], "default": "undefined", "values": [ { "type": "string" }, { "type": "string[]" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelBrowseFiles", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-browse-files", "reflectToAttr": false, "docs": "ARIA label for the “browse files” control.", "docsTags": [ { "name": "default", "text": "\"Browse files\"" } ], "default": "\"Browse files\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelCancelUpload", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-cancel-upload", "reflectToAttr": false, "docs": "ARIA label for the “cancel upload” action.", "docsTags": [ { "name": "default", "text": "\"Cancel upload\"" } ], "default": "\"Cancel upload\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelDropzone", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-dropzone", "reflectToAttr": false, "docs": "ARIA label for the drop zone area.", "docsTags": [ { "name": "default", "text": "\"Upload area. Click to browse or drag and drop files.\"" } ], "default": "\"Upload area. Click to browse or drag and drop files.\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelFileInput", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-file-input", "reflectToAttr": false, "docs": "ARIA label for the hidden/native file input element.", "docsTags": [ { "name": "default", "text": "\"Upload file\"" } ], "default": "\"Upload file\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelRemoveFile", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-remove-file", "reflectToAttr": false, "docs": "ARIA label for the “remove file” action.", "docsTags": [ { "name": "default", "text": "\"Remove file\"" } ], "default": "\"Remove file\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelRetryUpload", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-retry-upload", "reflectToAttr": false, "docs": "ARIA label for the “retry upload” action.", "docsTags": [ { "name": "default", "text": "\"Retry upload\"" } ], "default": "\"Retry upload\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelUploadFailedStatus", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-upload-failed-status", "reflectToAttr": false, "docs": "ARIA label describing that the upload has failed.", "docsTags": [ { "name": "default", "text": "\"Upload failed\"" } ], "default": "\"Upload failed\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelUploadedStatus", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-uploaded-status", "reflectToAttr": false, "docs": "ARIA label describing that upload has completed successfully.", "docsTags": [ { "name": "default", "text": "\"Upload completed\"" } ], "default": "\"Upload completed\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelUploadingStatus", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-uploading-status", "reflectToAttr": false, "docs": "ARIA label describing that an upload is currently in progress.", "docsTags": [ { "name": "default", "text": "\"Upload in progress\"" } ], "default": "\"Upload in progress\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, the upload is disabled and not interactive.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "dragAndDrop", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "drag-and-drop", "reflectToAttr": false, "docs": "Enables drag-and-drop for file uploads.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Main label for the upload component.", "docsTags": [ { "name": "default", "text": "\"Label\"" } ], "default": "\"Label\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelBrowseFiles", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-browse-files", "reflectToAttr": false, "docs": "Text for the “browse files” button or link.", "docsTags": [ { "name": "default", "text": "\"Browse files\"" } ], "default": "\"Browse files\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelDragAndDrop", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-drag-and-drop", "reflectToAttr": false, "docs": "Text shown in the drop zone area.", "docsTags": [ { "name": "default", "text": "\"Drag & Drop or browse files to upload\"" } ], "default": "\"Drag & Drop or browse files to upload\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelFilePlural", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-file-plural", "reflectToAttr": false, "docs": "Plural word used for “files” in messages.", "docsTags": [ { "name": "default", "text": "\"files\"" } ], "default": "\"files\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelFileSingular", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-file-singular", "reflectToAttr": false, "docs": "Singular word used for “file” in messages.", "docsTags": [ { "name": "default", "text": "\"file\"" } ], "default": "\"file\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelFileTooLarge", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-file-too-large", "reflectToAttr": false, "docs": "Message shown when a file is too large ({{size}} is replaced with max size).", "docsTags": [ { "name": "default", "text": "\"Upload failed. Max file size: {{size}}MB.\"" } ], "default": "\"Upload failed. Max file size: {{size}}MB.\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelMaxFilesExceeded", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-max-files-exceeded", "reflectToAttr": false, "docs": "Error message shown when the max number of files is exceeded.", "docsTags": [ { "name": "default", "text": "\"Upload limit exceeded. Only {{count}} {{files}} allowed.\"" } ], "default": "\"Upload limit exceeded. Only {{count}} {{files}} allowed.\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelMaxFilesInfo", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-max-files-info", "reflectToAttr": false, "docs": "Info text about the maximum number of files allowed ({{count}} and {{files}} are replaced).", "docsTags": [ { "name": "default", "text": "\"Up to {{count}} {{files}}.\"" } ], "default": "\"Up to {{count}} {{files}}.\"", "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "labelRequiredError", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-required-error", "reflectToAttr": false, "docs": "Error message shown when no file is uploaded but at least one is required.", "docsTags": [ { "name": "default", "text": "\"At least one file must be uploaded\"" } ], "default": "\"At least one file must be uploaded\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelSupportedFormatsTemplate", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-supported-formats-template", "reflectToAttr": false, "docs": "Template text for listing supported formats and size ({{types}} and {{size}} are replaced).", "docsTags": [ { "name": "default", "text": "\"Supported file formats: {{types}}. Max file size: {{size}}MB.\"" } ], "default": "\"Supported file formats: {{types}}. Max file size: {{size}}MB.\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelUnsupportedFileType", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-unsupported-file-type", "reflectToAttr": false, "docs": "Message shown when the file type is not allowed.", "docsTags": [ { "name": "default", "text": "\"Unsupported file type.\"" } ], "default": "\"Unsupported file type.\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelUploadFailed", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-upload-failed", "reflectToAttr": false, "docs": "Generic error message shown when upload fails.", "docsTags": [ { "name": "default", "text": "\"Upload failed. Please try again.\"" } ], "default": "\"Upload failed. Please try again.\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelUploaded", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-uploaded", "reflectToAttr": false, "docs": "Status text for a successfully uploaded file.", "docsTags": [ { "name": "default", "text": "\"Successfully uploaded\"" } ], "default": "\"Successfully uploaded\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "labelUploadedFilesHeading", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label-uploaded-files-heading", "reflectToAttr": false, "docs": "Heading label above the list of uploaded files.", "docsTags": [ { "name": "default", "text": "\"Uploaded files\"" } ], "default": "\"Uploaded files\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxFileSizeMB", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "max-file-size-m-b", "reflectToAttr": false, "docs": "Maximum file size allowed in megabytes.", "docsTags": [ { "name": "default", "text": "7" } ], "default": "7", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxFiles", "type": "number", "complexType": { "original": "number | undefined", "resolved": "number", "references": {} }, "mutable": false, "attr": "max-files", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": true, "setter": true }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": false, "docs": "Wether at least one file is rewuired.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "uploadHandler", "type": "(file: File, onProgress?: (progress: number) => void) => Promise", "complexType": { "original": "(\n\t\tfile: File,\n\t\tonProgress?: (progress: number) => void,\n\t) => Promise", "resolved": "(file: File, onProgress?: (progress: number) => void) => Promise", "references": { "File": { "location": "global", "id": "global::File" }, "Promise": { "location": "global", "id": "global::Promise" } } }, "mutable": false, "reflectToAttr": false, "docs": "Custom function that handels file upload and progress reporting.", "docsTags": [], "values": [ { "type": "(file: File, onProgress?: (progress: number) => void) => Promise" } ], "optional": true, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "injectDemoState", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "injectDemoState() => Promise", "parameters": [], "docs": "Storybook Demo", "docsTags": [] }, { "name": "triggerDemoValidation", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "triggerDemoValidation() => Promise", "parameters": [], "docs": "Storybook Demo", "docsTags": [] } ], "events": [ { "event": "ifxFileUploadAbort", "detail": "{ file: File; }", "bubbles": true, "complexType": { "original": "{ file: File }", "resolved": "{ file: File; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when an ongoing upload is aborted/cancelled.", "docsTags": [] }, { "event": "ifxFileUploadAdd", "detail": "{ addedFiles: File[]; files: File[]; }", "bubbles": true, "complexType": { "original": "{\n addedFiles: File[];\n files: File[];\n}", "resolved": "{ addedFiles: File[]; files: File[]; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when files are added (e.g. via browse or drop).", "docsTags": [] }, { "event": "ifxFileUploadAllComplete", "detail": "{ files: File[]; }", "bubbles": true, "complexType": { "original": "{ files: File[] }", "resolved": "{ files: File[]; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when all file uploads have finished successfully.", "docsTags": [] }, { "event": "ifxFileUploadChange", "detail": "{ files: File[]; }", "bubbles": true, "complexType": { "original": "{ files: File[] }", "resolved": "{ files: File[]; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired whenever the list of selected files changes.", "docsTags": [] }, { "event": "ifxFileUploadClick", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the upload area is clicked (typically to open file dialog).", "docsTags": [] }, { "event": "ifxFileUploadComplete", "detail": "{ file: File; }", "bubbles": true, "complexType": { "original": "{ file: File }", "resolved": "{ file: File; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when a single file upload finishes successfully.", "docsTags": [] }, { "event": "ifxFileUploadDrop", "detail": "{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[]; }", "bubbles": true, "complexType": { "original": "{\n droppedFiles: File[];\n acceptedFiles: File[];\n rejectedFiles: File[];\n}", "resolved": "{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[]; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when files are dropped onto the drop zone.", "docsTags": [] }, { "event": "ifxFileUploadError", "detail": "{ errorType: string; file: File; message: string; reason?: string; }", "bubbles": true, "complexType": { "original": "{\n errorType: string;\n file: File;\n message: string;\n reason?: string;\n}", "resolved": "{ errorType: string; file: File; message: string; reason?: string; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when an upload-related error occurs.", "docsTags": [] }, { "event": "ifxFileUploadInvalid", "detail": "{ file: File; reason: string; }", "bubbles": true, "complexType": { "original": "{ file: File; reason: string }", "resolved": "{ file: File; reason: string; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when a file fails validation before upload.", "docsTags": [] }, { "event": "ifxFileUploadMaxFilesExceeded", "detail": "{ maxFiles: number; attempted: number; }", "bubbles": true, "complexType": { "original": "{\n maxFiles: number;\n attempted: number;\n}", "resolved": "{ maxFiles: number; attempted: number; }", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the user tries to add more than the allowed number of files.", "docsTags": [] }, { "event": "ifxFileUploadRemove", "detail": "{ removedFile: File; files: File[]; }", "bubbles": true, "complexType": { "original": "{\n removedFile: File;\n files: File[];\n}", "resolved": "{ removedFile: File; files: File[]; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when a file is removed from the list.", "docsTags": [] }, { "event": "ifxFileUploadRetry", "detail": "{ file: File; }", "bubbles": true, "complexType": { "original": "{ file: File }", "resolved": "{ file: File; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when the user retries uploading a file after a failure.", "docsTags": [] }, { "event": "ifxFileUploadStart", "detail": "{ file: File; }", "bubbles": true, "complexType": { "original": "{ file: File }", "resolved": "{ file: File; }", "references": { "File": { "location": "global", "id": "global::File" } } }, "cancelable": true, "composed": true, "docs": "Fired when upload starts for a file.", "docsTags": [] }, { "event": "ifxFileUploadValidation", "detail": "{ valid: boolean; }", "bubbles": true, "complexType": { "original": "{ valid: boolean }", "resolved": "{ valid: boolean; }", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired after validating the current files (valid or invalid).", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon", "ifx-icon-button", "ifx-progress-bar", "ifx-button" ], "dependencyGraph": { "ifx-file-upload": [ "ifx-icon", "ifx-icon-button", "ifx-progress-bar", "ifx-button" ], "ifx-icon-button": [ "ifx-icon" ] } }, { "filePath": "src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.tsx", "encapsulation": "shadow", "tag": "ifx-filter-accordion", "readme": "# ifx-filter-accordion\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "filterGroupName", "type": "\"\"", "complexType": { "original": "\"\"", "resolved": "\"\"", "references": {} }, "mutable": false, "attr": "filter-group-name", "reflectToAttr": false, "docs": "Identifier/label for the filter group", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "\"\"" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxVisibleItems", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "max-visible-items", "reflectToAttr": false, "docs": "Max number of items to display before truncating/collapsing the list", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxFilterAccordionChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the filter accordion`s state or selection changes", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-indicator", "ifx-icon" ], "dependencyGraph": { "ifx-filter-accordion": [ "ifx-indicator", "ifx-icon" ] } }, { "filePath": "src/components/table-advanced-version/filter-bar/filter-bar.tsx", "encapsulation": "shadow", "tag": "ifx-filter-bar", "readme": "# ifx-filter-bar\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "maxShownFilters", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "max-shown-filters", "reflectToAttr": false, "docs": "Maximum number of filters to show in the topbar before collapsing", "docsTags": [ { "name": "default", "text": "4" } ], "default": "4", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "showMoreFilters", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(showMore: boolean) => Promise", "parameters": [ { "name": "showMore", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "showMoreFilters(showMore: boolean) => Promise", "parameters": [ { "name": "showMore", "type": "boolean", "docs": "" } ], "docs": "Controls \"More / Less filters\" Buttons", "docsTags": [] } ], "events": [ { "event": "ifxTopbarFilterChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when a topbar filter changes", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-button", "ifx-icon" ], "dependencyGraph": { "ifx-filter-bar": [ "ifx-button", "ifx-icon" ] } }, { "filePath": "src/components/table-advanced-version/filter-type-group/filter-search/filter-search.tsx", "encapsulation": "shadow", "tag": "ifx-filter-search", "readme": "# ifx-filter-search\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Disables the filter and prevents user interaction", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "filterKey", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "filter-key", "reflectToAttr": false, "docs": "Unique key/identifier for this filter", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "filterName", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "filter-name", "reflectToAttr": false, "docs": "Display name/label for this filter input", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "filterOrientation", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "filter-orientation", "reflectToAttr": false, "docs": "Layout context for the filter", "docsTags": [ { "name": "default", "text": "\"sidebar\"" } ], "default": "\"sidebar\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "filterValue", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": true, "attr": "filter-value", "reflectToAttr": false, "docs": "Current filter text/value", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "placeholder", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, "docs": "Placeholder text shown when input is empty", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxFilterSearchChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the filter/search value changes", "docsTags": [] } ], "listeners": [ { "event": "ifxInput", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-search-field" ], "dependencyGraph": { "ifx-filter-search": [ "ifx-search-field" ], "ifx-search-field": [ "ifx-icon" ] } }, { "filePath": "src/components/table-advanced-version/filter-type-group/filter-type-group.tsx", "encapsulation": "shadow", "tag": "ifx-filter-type-group", "readme": "# ifx-filter-type-group\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [ { "event": "ifxSidebarFilterChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when a sidebar filter is updated", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/footer/footer.tsx", "encapsulation": "shadow", "tag": "ifx-footer", "readme": "# ifx-footer-column\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "copyrightText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "copyright-text", "reflectToAttr": false, "docs": "Text shown in the footer copyright area.", "docsTags": [ { "name": "default", "text": "\"© 1999 - \" + this.currentYear + \" Infineon Technologies AG\"" } ], "default": "\"© 1999 - \" + this.currentYear + \" Infineon Technologies AG\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/footer/footer-column.tsx", "encapsulation": "shadow", "tag": "ifx-footer-column", "readme": "# ifx-footer-column\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/icon/icon.tsx", "encapsulation": "none", "tag": "ifx-icon", "readme": "# ifx-icon\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "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.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "consoleError", "detail": "boolean", "bubbles": true, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "cancelable": true, "composed": true, "docs": "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.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-accordion-item", "ifx-ai-label", "ifx-alert", "ifx-breadcrumb-item-label", "ifx-checkbox", "ifx-checkbox-group", "ifx-chip", "ifx-chip-item", "ifx-date-picker", "ifx-dropdown-item", "ifx-dropdown-trigger-button", "ifx-file-upload", "ifx-filter-accordion", "ifx-filter-bar", "ifx-icon-button", "ifx-icons-preview", "ifx-list", "ifx-modal", "ifx-multiselect", "ifx-multiselect-option", "ifx-navbar", "ifx-navbar-item", "ifx-notification", "ifx-overview-table", "ifx-popover", "ifx-radio-button-group", "ifx-search-bar", "ifx-search-field", "ifx-segment", "ifx-segmented-control", "ifx-select", "ifx-sidebar", "ifx-sidebar-item", "ifx-slider", "ifx-step", "ifx-table", "ifx-tabs", "ifx-text-field", "ifx-tooltip", "ifx-tree-view-item" ], "dependencies": [], "dependencyGraph": { "ifx-accordion-item": [ "ifx-icon" ], "ifx-ai-label": [ "ifx-icon" ], "ifx-alert": [ "ifx-icon" ], "ifx-breadcrumb-item-label": [ "ifx-icon" ], "ifx-checkbox": [ "ifx-icon" ], "ifx-checkbox-group": [ "ifx-icon" ], "ifx-chip": [ "ifx-icon" ], "ifx-chip-item": [ "ifx-icon" ], "ifx-date-picker": [ "ifx-icon" ], "ifx-dropdown-item": [ "ifx-icon" ], "ifx-dropdown-trigger-button": [ "ifx-icon" ], "ifx-file-upload": [ "ifx-icon" ], "ifx-filter-accordion": [ "ifx-icon" ], "ifx-filter-bar": [ "ifx-icon" ], "ifx-icon-button": [ "ifx-icon" ], "ifx-icons-preview": [ "ifx-icon" ], "ifx-list": [ "ifx-icon" ], "ifx-modal": [ "ifx-icon" ], "ifx-multiselect": [ "ifx-icon" ], "ifx-multiselect-option": [ "ifx-icon" ], "ifx-navbar": [ "ifx-icon" ], "ifx-navbar-item": [ "ifx-icon" ], "ifx-notification": [ "ifx-icon" ], "ifx-overview-table": [ "ifx-icon" ], "ifx-popover": [ "ifx-icon" ], "ifx-radio-button-group": [ "ifx-icon" ], "ifx-search-bar": [ "ifx-icon" ], "ifx-search-field": [ "ifx-icon" ], "ifx-segment": [ "ifx-icon" ], "ifx-segmented-control": [ "ifx-icon" ], "ifx-select": [ "ifx-icon" ], "ifx-sidebar": [ "ifx-icon" ], "ifx-sidebar-item": [ "ifx-icon" ], "ifx-slider": [ "ifx-icon" ], "ifx-step": [ "ifx-icon" ], "ifx-table": [ "ifx-icon" ], "ifx-tabs": [ "ifx-icon" ], "ifx-text-field": [ "ifx-icon" ], "ifx-tooltip": [ "ifx-icon" ], "ifx-tree-view-item": [ "ifx-icon" ] } }, { "filePath": "src/components/icon-button/icon-button.tsx", "encapsulation": "shadow", "tag": "ifx-icon-button", "readme": "# ifx-icon-button\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible name announced by assistive technologies.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Disables the button and blocks user interaction.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "URL to navigate to; when provided, the component renders as a link.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "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.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "shape", "type": "\"round\" | \"square\"", "complexType": { "original": "\"round\" | \"square\"", "resolved": "\"round\" | \"square\"", "references": {} }, "mutable": false, "attr": "shape", "reflectToAttr": false, "docs": "Visual shape of the icon button.", "docsTags": [ { "name": "default", "text": "\"round\"" } ], "default": "\"round\"", "values": [ { "value": "round", "type": "string" }, { "value": "square", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"l\" | \"m\" | \"s\" | \"xs\"", "complexType": { "original": "\"xs\" | \"s\" | \"m\" | \"l\"", "resolved": "\"l\" | \"m\" | \"s\" | \"xs\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the icon button.\nOptions: xs (20px), s (32px), m (36px) and l (40px).", "docsTags": [ { "name": "default", "text": "\"m\"" } ], "default": "\"m\"", "values": [ { "value": "l", "type": "string" }, { "value": "m", "type": "string" }, { "value": "s", "type": "string" }, { "value": "xs", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Target for link navigation when `href` is set.", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"primary\" | \"secondary\" | \"tertiary\"", "complexType": { "original": "\"primary\" | \"secondary\" | \"tertiary\"", "resolved": "\"primary\" | \"secondary\" | \"tertiary\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "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.", "docsTags": [ { "name": "default", "text": "\"primary\"" } ], "default": "\"primary\"", "values": [ { "value": "primary", "type": "string" }, { "value": "secondary", "type": "string" }, { "value": "tertiary", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "setFocus", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setFocus() => Promise", "parameters": [], "docs": "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.", "docsTags": [] } ], "events": [], "listeners": [ { "event": "click", "capture": true, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-file-upload", "ifx-modal", "ifx-pagination", "ifx-tabs", "ifx-templates-ui" ], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-icon-button": [ "ifx-icon" ], "ifx-file-upload": [ "ifx-icon-button" ], "ifx-modal": [ "ifx-icon-button" ], "ifx-pagination": [ "ifx-icon-button" ], "ifx-tabs": [ "ifx-icon-button" ], "ifx-templates-ui": [ "ifx-icon-button" ] } }, { "filePath": "src/components/icons-preview/icons-preview.tsx", "encapsulation": "shadow", "tag": "ifx-icons-preview", "readme": "# ifx-icons-preview\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-notification", "ifx-search-field", "ifx-icon" ], "dependencyGraph": { "ifx-icons-preview": [ "ifx-notification", "ifx-search-field", "ifx-icon" ], "ifx-notification": [ "ifx-icon", "ifx-link" ], "ifx-search-field": [ "ifx-icon" ] } }, { "filePath": "src/components/indicator/indicator.tsx", "encapsulation": "shadow", "tag": "ifx-indicator", "readme": "# ifx-indicator\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Provide a short, descriptive text that explains the indicator's meaning or value.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "inverted", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "inverted", "reflectToAttr": false, "docs": "Renders the indicator with an inverted color scheme for dark backgrounds.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "number", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "number", "reflectToAttr": false, "docs": "Numeric value to display when using the 'number' variant", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Sets variant of the Indicator", "docsTags": [ { "name": "default", "text": "'number'" } ], "default": "'number'", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-chip", "ifx-filter-accordion", "ifx-navbar-item", "ifx-overview-table", "ifx-sidebar-item", "ifx-tabs" ], "dependencies": [], "dependencyGraph": { "ifx-chip": [ "ifx-indicator" ], "ifx-filter-accordion": [ "ifx-indicator" ], "ifx-navbar-item": [ "ifx-indicator" ], "ifx-overview-table": [ "ifx-indicator" ], "ifx-sidebar-item": [ "ifx-indicator" ], "ifx-tabs": [ "ifx-indicator" ] } }, { "filePath": "src/components/link/link.tsx", "encapsulation": "shadow", "tag": "ifx-link", "readme": "# ifx-link\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label announced by assistive technologies.", "docsTags": [ { "name": "default", "text": "undefined" } ], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Disables interaction.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "download", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "download", "reflectToAttr": false, "docs": "Optional filename or download hint for the linked resource.", "docsTags": [ { "name": "default", "text": "undefined" } ], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "URL the link navigates to.", "docsTags": [ { "name": "default", "text": "undefined" } ], "default": "undefined", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"l\" | \"m\" | \"s\" | \"xl\"", "complexType": { "original": "\"s\" | \"m\" | \"l\" | \"xl\"", "resolved": "\"l\" | \"m\" | \"s\" | \"xl\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Font size of the link.", "docsTags": [ { "name": "default", "text": "\"m\"" } ], "default": "\"m\"", "values": [ { "value": "l", "type": "string" }, { "value": "m", "type": "string" }, { "value": "s", "type": "string" }, { "value": "xl", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Target window for the link.", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"bold\" | \"menu\" | \"title\" | \"underlined\"", "complexType": { "original": "\"underlined\" | \"bold\" | \"title\" | \"menu\"", "resolved": "\"bold\" | \"menu\" | \"title\" | \"underlined\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Visual style variant of the link.", "docsTags": [ { "name": "default", "text": "\"bold\"" } ], "default": "\"bold\"", "values": [ { "value": "bold", "type": "string" }, { "value": "menu", "type": "string" }, { "value": "title", "type": "string" }, { "value": "underlined", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-download", "ifx-list", "ifx-notification", "ifx-overview-table", "ifx-template" ], "dependencies": [], "dependencyGraph": { "ifx-download": [ "ifx-link" ], "ifx-list": [ "ifx-link" ], "ifx-notification": [ "ifx-link" ], "ifx-overview-table": [ "ifx-link" ], "ifx-template": [ "ifx-link" ] } }, { "filePath": "src/components/table-advanced-version/list/list.tsx", "encapsulation": "shadow", "tag": "ifx-list", "readme": "# ifx-list\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "maxVisibleItems", "type": "6", "complexType": { "original": "6", "resolved": "6", "references": {} }, "mutable": false, "attr": "max-visible-items", "reflectToAttr": false, "docs": "Max number of items displayed before collapsing/truncating", "docsTags": [ { "name": "default", "text": "6" } ], "default": "6", "values": [ { "value": "6", "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "\"\"", "complexType": { "original": "\"\"", "resolved": "\"\"", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": false, "docs": "Unique name/identifier for the list", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "\"\"" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "resetTrigger", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "reset-trigger", "reflectToAttr": false, "docs": "External, mutable flag to trigger a programmic reset", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "Selection type for list entries", "docsTags": [ { "name": "default", "text": "\"checkbox\"" } ], "default": "\"checkbox\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxListUpdate", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the list's items or selections are updated", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon", "ifx-link" ], "dependencyGraph": { "ifx-list": [ "ifx-icon", "ifx-link" ] } }, { "filePath": "src/components/table-advanced-version/list/list-entry/list-entry.tsx", "encapsulation": "shadow", "tag": "ifx-list-entry", "readme": "# ifx-list-entry\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "value", "reflectToAttr": false, "docs": "", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxListEntryChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "", "docsTags": [] } ], "listeners": [ { "event": "ifxChange", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-checkbox", "ifx-radio-button" ], "dependencyGraph": { "ifx-list-entry": [ "ifx-checkbox", "ifx-radio-button" ], "ifx-checkbox": [ "ifx-icon" ] } }, { "filePath": "src/components/modal/modal.tsx", "encapsulation": "shadow", "tag": "ifx-modal", "readme": "# ifx-tag\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "alertIcon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "alert-icon", "reflectToAttr": false, "docs": "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.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "caption", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption", "reflectToAttr": false, "docs": "The title text displayed in the modal header. This should be a concise description of the modal's purpose.", "docsTags": [ { "name": "default", "text": "\"Modal Title\"" } ], "default": "\"Modal Title\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "captionAriaLabel", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption-aria-label", "reflectToAttr": false, "docs": "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.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "closeButtonAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "close-button-aria-label", "reflectToAttr": false, "docs": "Provides an accessible label for the close button, enhancing screen reader support. If not provided, a default label of \"Close modal\" will be used.", "docsTags": [ { "name": "default", "text": "\"Close modal\"" } ], "default": "\"Close modal\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "closeOnOverlayClick", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "close-on-overlay-click", "reflectToAttr": false, "docs": "Determines whether clicking on the overlay (backdrop) will close the modal.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "opened", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "opened", "reflectToAttr": true, "docs": "Controls the visibility of the modal. Can be used for both declarative and programmatic control.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "showCloseButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-close-button", "reflectToAttr": false, "docs": "Controls the visibility of the close button in the modal header.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"l\" | \"m\" | \"s\"", "complexType": { "original": "\"s\" | \"m\" | \"l\"", "resolved": "\"l\" | \"m\" | \"s\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Specifies the size of the modal, allowing it to adapt to different content needs and screen sizes.", "docsTags": [ { "name": "default", "text": "\"s\"" } ], "default": "\"s\"", "values": [ { "value": "l", "type": "string" }, { "value": "m", "type": "string" }, { "value": "s", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"alert-brand\" | \"alert-danger\" | \"default\"", "complexType": { "original": "\"default\" | \"alert-brand\" | \"alert-danger\"", "resolved": "\"alert-brand\" | \"alert-danger\" | \"default\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Defines the visual style of the modal, indicating its purpose or importance.", "docsTags": [ { "name": "default", "text": "\"default\"" } ], "default": "\"default\"", "values": [ { "value": "alert-brand", "type": "string" }, { "value": "alert-danger", "type": "string" }, { "value": "default", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "closeModal", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "closeModal() => Promise", "parameters": [], "docs": "Public method to programmatically close the modal.", "docsTags": [] }, { "name": "openModal", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "openModal() => Promise", "parameters": [], "docs": "Public method to programmatically open the modal.", "docsTags": [] } ], "events": [ { "event": "ifxClose", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the modal finishes closing and the closing animation completes. No additional data is provided with this event.", "docsTags": [] }, { "event": "ifxOpen", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the modal finishes opening and the opening animation completes. No additional data is provided with this event.", "docsTags": [] }, { "event": "ifxOpenedChange", "detail": "{ opened: boolean; }", "bubbles": true, "complexType": { "original": "{ opened: boolean }", "resolved": "{ opened: boolean; }", "references": {} }, "cancelable": true, "composed": true, "docs": "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).", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon", "ifx-icon-button" ], "dependencyGraph": { "ifx-modal": [ "ifx-icon", "ifx-icon-button" ], "ifx-icon-button": [ "ifx-icon" ] } }, { "filePath": "src/components/select/multi-select/multiselect.tsx", "encapsulation": "shadow", "tag": "ifx-multiselect", "readme": "# ifx-multiselect\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaClearLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-clear-label", "reflectToAttr": false, "docs": "ARIA label for the “Clear all” button.", "docsTags": [ { "name": "default", "text": "\"Clear all selections\"" } ], "default": "\"Clear all selections\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaCollapseAllLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-collapse-all-label", "reflectToAttr": false, "docs": "ARIA label for the “Collapse all categories” control.", "docsTags": [ { "name": "default", "text": "\"Collapse all categories\"" } ], "default": "\"Collapse all categories\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaExpandAllLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-expand-all-label", "reflectToAttr": false, "docs": "ARIA label for the “Expand all categories” control.", "docsTags": [ { "name": "default", "text": "\"Expand all categories\"" } ], "default": "\"Expand all categories\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaMultiSelectDescribedBy", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-multi-select-described-by", "reflectToAttr": false, "docs": "ID of element that describes the multi-select (aria-describedby).", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaMultiSelectLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-multi-select-label", "reflectToAttr": false, "docs": "ARIA label for the multi-select dropdown.", "docsTags": [ { "name": "default", "text": "\"Multi-select dropdown\"" } ], "default": "\"Multi-select dropdown\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaMultiSelectLabelledBy", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-multi-select-labelled-by", "reflectToAttr": false, "docs": "ID of element that labels the multi-select (aria-labelledby).", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaSearchLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-search-label", "reflectToAttr": false, "docs": "ARIA label for the search input inside the dropdown.", "docsTags": [ { "name": "default", "text": "\"Search options\"" } ], "default": "\"Search options\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaSelectAllLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-select-all-label", "reflectToAttr": false, "docs": "ARIA label for the “Select all options” control.", "docsTags": [ { "name": "default", "text": "\"Select all options\"" } ], "default": "\"Select all options\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaToggleLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-toggle-label", "reflectToAttr": false, "docs": "ARIA label for the dropdown toggle button.", "docsTags": [ { "name": "default", "text": "\"Toggle dropdown\"" } ], "default": "\"Toggle dropdown\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "caption", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption", "reflectToAttr": false, "docs": "Helper text shown below the multi-select.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "collapseLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "collapse-label", "reflectToAttr": false, "docs": "Label text for the “Collapse all” action.", "docsTags": [ { "name": "default", "text": "\"Collapse\"" } ], "default": "\"Collapse\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, the multi-select is disabled and not interactive.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "If true, shows the multi-select in an error state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "expandLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "expand-label", "reflectToAttr": false, "docs": "Label text for the “Expand all” action.", "docsTags": [ { "name": "default", "text": "\"Expand\"" } ], "default": "\"Expand\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Label shown above the multi-select.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": false, "docs": "Name of the multi-select field (used in forms).", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "noResultsMessage", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "no-results-message", "reflectToAttr": false, "docs": "Message shown when no search results are found.", "docsTags": [ { "name": "default", "text": "\"No results found.\"" } ], "default": "\"No results found.\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "placeholder", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, "docs": "Placeholder text shown when nothing is selected.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "If true, the multi-select is read-only.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": false, "docs": "Whether at least one option must be selected.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "searchPlaceholder", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "search-placeholder", "reflectToAttr": false, "docs": "Placeholder text for the search input.", "docsTags": [ { "name": "default", "text": "\"Search\"" } ], "default": "\"Search\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "selectAllLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "select-all-label", "reflectToAttr": false, "docs": "Label text for the “Select all” option.", "docsTags": [ { "name": "default", "text": "\"Select all\"" } ], "default": "\"Select all\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showClearButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-clear-button", "reflectToAttr": false, "docs": "If true, shows a button to clear all selections.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showExpandCollapse", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-expand-collapse", "reflectToAttr": false, "docs": "If true, shows expand/collapse controls for nested options.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showNoResultsMessage", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-no-results-message", "reflectToAttr": false, "docs": "If true, displays the “no results” message when nothing matches.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showSearch", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-search", "reflectToAttr": false, "docs": "If true, shows a search box inside the dropdown.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showSelectAll", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-select-all", "reflectToAttr": false, "docs": "If true, shows a “Select all” option.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "clearSelection", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "clearSelection() => Promise", "parameters": [], "docs": "Clears all selected options in the multi-select and resets their state.", "docsTags": [] } ], "events": [ { "event": "ifxOpen", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the multi-select dropdown is opened.", "docsTags": [] }, { "event": "ifxSelect", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when an option is selected in the multi-select.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-set-filter" ], "dependencies": [ "ifx-checkbox", "ifx-search-field", "ifx-icon" ], "dependencyGraph": { "ifx-multiselect": [ "ifx-checkbox", "ifx-search-field", "ifx-icon" ], "ifx-checkbox": [ "ifx-icon" ], "ifx-search-field": [ "ifx-icon" ], "ifx-set-filter": [ "ifx-multiselect" ] } }, { "filePath": "src/components/select/multi-select/multiselect-option.tsx", "encapsulation": "shadow", "tag": "ifx-multiselect-option", "readme": "# ifx-multiselect\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "disabled", "reflectToAttr": true, "docs": "Whether this tree item is disabled and not interactive.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "indeterminate", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "indeterminate", "reflectToAttr": true, "docs": "Whether this tree item is in an indeterminate (partially selected) state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "selected", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "selected", "reflectToAttr": true, "docs": "Whether this tree item is currently selected.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Value associated with this tree item (used for selection and events).", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [ { "event": "click", "capture": false, "passive": false }, { "event": "keydown", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-set-filter" ], "dependencies": [ "ifx-icon", "ifx-checkbox" ], "dependencyGraph": { "ifx-multiselect-option": [ "ifx-icon", "ifx-checkbox" ], "ifx-checkbox": [ "ifx-icon" ], "ifx-set-filter": [ "ifx-multiselect-option" ] } }, { "filePath": "src/components/navigation/navbar/navbar.tsx", "encapsulation": "shadow", "tag": "ifx-navbar", "readme": "# ifx-navbar-menu-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "applicationName", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "application-name", "reflectToAttr": false, "docs": "Name of the application shown in the navbar.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "fixed", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "fixed", "reflectToAttr": false, "docs": "If true, the navbar is fixed (e.g. sticks to the top).", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "logoHref", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "logo-href", "reflectToAttr": false, "docs": "Link URL for the logo click action.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "logoHrefTarget", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "logo-href-target", "reflectToAttr": false, "docs": "Where to open the logo link (same tab, new tab, etc.).", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showLogoAndAppname", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-logo-and-appname", "reflectToAttr": false, "docs": "If true, shows the logo and application name in the navbar.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxNavbarMobileMenuIsOpen", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the mobile navbar menu is opened or closed.", "docsTags": [] } ], "listeners": [ { "event": "ifxNavItem", "capture": false, "passive": false }, { "event": "ifxOpen", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-navbar": [ "ifx-icon" ] } }, { "filePath": "src/components/navigation/navbar/navbar-item.tsx", "encapsulation": "shadow", "tag": "ifx-navbar-item", "readme": "# ifx-navbar-menu-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "dotIndicator", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "dot-indicator", "reflectToAttr": false, "docs": "If true, shows a simple dot indicator instead of a number.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hideOnMobile", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "hide-on-mobile", "reflectToAttr": false, "docs": "If true, hides this item on mobile viewports.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "URL the navigation item should navigate to when clicked.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Icon to display for this navigation item.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "numberIndicator", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "number-indicator", "reflectToAttr": false, "docs": "Number badge shown as an indicator on the item.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showLabel", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-label", "reflectToAttr": false, "docs": "Whether to show the label text next to the icon.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Where to open the link (same tab, new tab, etc.).", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "addMenuItemClass", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "addMenuItemClass() => Promise", "parameters": [], "docs": "Marks this item as a menu entry and shows the right-arrow icon if needed.", "docsTags": [] }, { "name": "hideComponent", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "hideComponent() => Promise", "parameters": [], "docs": "Hides this navigation item component.", "docsTags": [] }, { "name": "moveChildComponentsBackIntoNavbar", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "HTMLIfxNavbarItemElement": { "location": "global", "id": "global::HTMLIfxNavbarItemElement" } }, "return": "Promise" }, "signature": "moveChildComponentsBackIntoNavbar() => Promise", "parameters": [], "docs": "Moves child components back into the main navbar from the sub-layer menu.", "docsTags": [] }, { "name": "moveChildComponentsIntoSubLayerMenu", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "HTMLIfxNavbarItemElement": { "location": "global", "id": "global::HTMLIfxNavbarItemElement" } }, "return": "Promise" }, "signature": "moveChildComponentsIntoSubLayerMenu() => Promise", "parameters": [], "docs": "Moves child nav items into the sub-layer menu (e.g. for mobile view).", "docsTags": [] }, { "name": "returnToFirstLayer", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "returnToFirstLayer() => Promise", "parameters": [], "docs": "Returns this item from a deeper layer back to its first-layer state.", "docsTags": [] }, { "name": "setItemSideSpecifications", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setItemSideSpecifications() => Promise", "parameters": [], "docs": "Applies side-specific classes when the item is placed on the right side.", "docsTags": [] }, { "name": "setMenuItemPosition", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setMenuItemPosition() => Promise", "parameters": [], "docs": "Sets the menu item position (left or right) based on its menu placement.", "docsTags": [] }, { "name": "showComponent", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "showComponent() => Promise", "parameters": [], "docs": "Shows this navigation item component.", "docsTags": [] }, { "name": "toggleChildren", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(action: any) => Promise", "parameters": [ { "name": "action", "type": "any", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "toggleChildren(action: any) => Promise", "parameters": [ { "name": "action", "type": "any", "docs": "" } ], "docs": "Toggles visibility of the child menu and its arrow icon.", "docsTags": [] }, { "name": "toggleFirstLayerItem", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(actionOne: any, actionTwo: any) => Promise", "parameters": [ { "name": "actionOne", "type": "any", "docs": "" }, { "name": "actionTwo", "type": "any", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "toggleFirstLayerItem(actionOne: any, actionTwo: any) => Promise", "parameters": [ { "name": "actionOne", "type": "any", "docs": "" }, { "name": "actionTwo", "type": "any", "docs": "" } ], "docs": "Toggles visibility between the first layer item and its second-layer menu.", "docsTags": [] } ], "events": [ { "event": "ifxNavItem", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the navigation item is activated or clicked.", "docsTags": [] } ], "listeners": [ { "event": "mousedown", "target": "document", "capture": false, "passive": true } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon", "ifx-indicator" ], "dependencyGraph": { "ifx-navbar-item": [ "ifx-icon", "ifx-indicator" ] } }, { "filePath": "src/components/navigation/navbar/navbar-profile.tsx", "encapsulation": "shadow", "tag": "ifx-navbar-profile", "readme": "# ifx-navbar-menu-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "alt", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "alt", "reflectToAttr": false, "docs": "Alternative text for the avatar image.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "URL the avatar item should navigate to when clicked.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "imageUrl", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "image-url", "reflectToAttr": false, "docs": "Image URL used for the avatar.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showLabel", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-label", "reflectToAttr": false, "docs": "Whether to show the user name label next to the avatar.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Where to open the link (same tab, new tab, etc.).", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "userName", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "user-name", "reflectToAttr": false, "docs": "Displayed user name associated with the avatar.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "hideComponent", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "hideComponent() => Promise", "parameters": [], "docs": "Hides this avatar item component.", "docsTags": [] }, { "name": "showComponent", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "showComponent() => Promise", "parameters": [], "docs": "Shows this avatar item component.", "docsTags": [] } ], "events": [], "listeners": [ { "event": "mousedown", "target": "document", "capture": false, "passive": true } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/notification/notification.tsx", "encapsulation": "shadow", "tag": "ifx-notification", "readme": "# ifx-notification\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Icon to display in the notification.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "linkHref", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "link-href", "reflectToAttr": false, "docs": "URL the notification link should navigate to.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "linkTarget", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "link-target", "reflectToAttr": false, "docs": "Where to open the link (same tab, new tab, etc.).", "docsTags": [ { "name": "default", "text": "\"_blank\"" } ], "default": "\"_blank\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "linkText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "link-text", "reflectToAttr": false, "docs": "Text for the optional action link.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"error\" | \"locked\" | \"neutral\" | \"success\"", "complexType": { "original": "NotificationVariant", "resolved": "\"error\" | \"locked\" | \"neutral\" | \"success\"", "references": { "NotificationVariant": { "location": "local", "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/notification/notification.tsx", "id": "src/components/notification/notification.tsx::NotificationVariant" } } }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Visual style of the notification (e.g. success, error).", "docsTags": [ { "name": "default", "text": "\"success\"" } ], "default": "\"success\"", "values": [ { "value": "error", "type": "string" }, { "value": "locked", "type": "string" }, { "value": "neutral", "type": "string" }, { "value": "success", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-icons-preview" ], "dependencies": [ "ifx-icon", "ifx-link" ], "dependencyGraph": { "ifx-notification": [ "ifx-icon", "ifx-link" ], "ifx-icons-preview": [ "ifx-notification" ] } }, { "filePath": "src/components/overview-table/overview-table.tsx", "encapsulation": "shadow", "tag": "ifx-overview-table", "readme": "# ifx-overview-table\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-indicator", "ifx-link", "ifx-icon" ], "dependencyGraph": { "ifx-overview-table": [ "ifx-indicator", "ifx-link", "ifx-icon" ] } }, { "filePath": "src/components/pagination/pagination.tsx", "encapsulation": "shadow", "tag": "ifx-pagination", "readme": "# ifx-pagination\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "currentPage", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "current-page", "reflectToAttr": false, "docs": "The current page number passed from the outside", "docsTags": [ { "name": "default", "text": "1" } ], "default": "1", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "itemsPerPage", "type": "any[] | string", "complexType": { "original": "any[] | string", "resolved": "any[] | string", "references": {} }, "mutable": false, "attr": "items-per-page", "reflectToAttr": false, "docs": "Items-per-page options", "docsTags": [], "values": [ { "type": "any[]" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "itemsPerPageLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "items-per-page-label", "reflectToAttr": false, "docs": "", "docsTags": [ { "name": "default", "text": "\"Results per Page\"" } ], "default": "\"Results per Page\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showItemsPerPage", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-items-per-page", "reflectToAttr": false, "docs": "Wether to display the items-per-page selector", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "total", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "total", "reflectToAttr": false, "docs": "Total number of items to paginate", "docsTags": [ { "name": "default", "text": "1" } ], "default": "1", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxItemsPerPageChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the items-per-page value changes", "docsTags": [] }, { "event": "ifxPageChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the current page changes", "docsTags": [] } ], "listeners": [ { "event": "ifxSelect", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-table" ], "dependencies": [ "ifx-select", "ifx-icon-button" ], "dependencyGraph": { "ifx-pagination": [ "ifx-select", "ifx-icon-button" ], "ifx-select": [ "ifx-icon" ], "ifx-icon-button": [ "ifx-icon" ], "ifx-table": [ "ifx-pagination" ] } }, { "filePath": "src/components/popover/popover.tsx", "encapsulation": "shadow", "tag": "ifx-popover", "readme": "# ifx-popover\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label", "reflectToAttr": false, "docs": "Accessible label for the popover", "docsTags": [ { "name": "default", "text": "null" } ], "default": "null", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Whether the popover is disabled", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "open", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "open", "reflectToAttr": true, "docs": "Whether the popover is initially open", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "popoverTitle", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "popover-title", "reflectToAttr": false, "docs": "Title text displayed in the popover header", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "position", "type": "\"auto\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"right\" | \"top\" | \"top-end\" | \"top-start\"", "complexType": { "original": "'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto'", "resolved": "\"auto\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"right\" | \"top\" | \"top-end\" | \"top-start\"", "references": {} }, "mutable": false, "attr": "position", "reflectToAttr": false, "docs": "Position of the popover relative to the trigger element", "docsTags": [ { "name": "default", "text": "'auto'" } ], "default": "'auto'", "values": [ { "value": "auto", "type": "string" }, { "value": "bottom", "type": "string" }, { "value": "bottom-end", "type": "string" }, { "value": "bottom-start", "type": "string" }, { "value": "left", "type": "string" }, { "value": "right", "type": "string" }, { "value": "top", "type": "string" }, { "value": "top-end", "type": "string" }, { "value": "top-start", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "text", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "text", "reflectToAttr": false, "docs": "Body text displayed in the popover content", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "hide", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "hide() => Promise", "parameters": [], "docs": "Programmatically hide the popover", "docsTags": [] }, { "name": "show", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "show() => Promise", "parameters": [], "docs": "Programmatically show the popover", "docsTags": [] }, { "name": "toggle", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "toggle() => Promise", "parameters": [], "docs": "Programmatically toggle the popover visibility", "docsTags": [] } ], "events": [ { "event": "ifxClose", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the component is closed.", "docsTags": [] }, { "event": "ifxOpen", "detail": "{ trigger: HTMLElement; }", "bubbles": true, "complexType": { "original": "{ trigger: HTMLElement | null }", "resolved": "{ trigger: HTMLElement; }", "references": { "HTMLElement": { "location": "global", "id": "global::HTMLElement" } } }, "cancelable": true, "composed": true, "docs": "Emitted when the popover is opened", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-popover": [ "ifx-icon" ] } }, { "filePath": "src/components/progress-bar/progress-bar.tsx", "encapsulation": "shadow", "tag": "ifx-progress-bar", "readme": "# progress-bar\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "showLabel", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-label", "reflectToAttr": false, "docs": "Whether to show a text label next to the progress bar.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the progress bar (e.g. small, medium, large).", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Current value of the progress bar (e.g. completion percentage).", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-file-upload" ], "dependencies": [], "dependencyGraph": { "ifx-file-upload": [ "ifx-progress-bar" ] } }, { "filePath": "src/components/radio-button/radio-button.tsx", "encapsulation": "shadow", "tag": "ifx-radio-button", "readme": "# ifx-radio-button\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "checked", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "checked", "reflectToAttr": false, "docs": "Whether the checkbox is currently checked (can be updated).", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, the checkbox is disabled and not interactive.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "If true, the checkbox is shown in an error state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": true, "docs": "Name attribute used when submitting the checkbox in a form.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "If true, the checkbox is shown in a read-only state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"m\" | \"s\"", "complexType": { "original": "\"s\" | \"m\"", "resolved": "\"m\" | \"s\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": true, "docs": "Size of the checkbox (small or medium).", "docsTags": [ { "name": "default", "text": "\"s\"" } ], "default": "\"s\"", "values": [ { "value": "m", "type": "string" }, { "value": "s", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Value submitted when the checkbox is checked.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "isChecked", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "isChecked() => Promise", "parameters": [], "docs": "Returns the current checked state of the checkbox.", "docsTags": [] } ], "events": [ { "event": "ifxChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the checked state of the checkbox changes.", "docsTags": [] }, { "event": "ifxError", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the checkbox enters or leaves an error state.", "docsTags": [] } ], "listeners": [ { "event": "keydown", "capture": false, "passive": false }, { "event": "change", "target": "document", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-list-entry" ], "dependencies": [], "dependencyGraph": { "ifx-list-entry": [ "ifx-radio-button" ] } }, { "filePath": "src/components/radio-button-group/radio-button-group.tsx", "encapsulation": "shadow", "tag": "ifx-radio-button-group", "readme": "# ifx-radio-button-group\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "alignment", "type": "\"horizontal\" | \"vertical\"", "complexType": { "original": "\"horizontal\" | \"vertical\"", "resolved": "\"horizontal\" | \"vertical\"", "references": {} }, "mutable": false, "attr": "alignment", "reflectToAttr": false, "docs": "Layout direction of the checkbox group (horizontal or vertical).", "docsTags": [ { "name": "default", "text": "\"vertical\"" } ], "default": "\"vertical\"", "values": [ { "value": "horizontal", "type": "string" }, { "value": "vertical", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "captionText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption-text", "reflectToAttr": false, "docs": "Text used for the caption below the group.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "groupLabelText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "group-label-text", "reflectToAttr": false, "docs": "Text used as the group label.", "docsTags": [ { "name": "default", "text": "\"Group Label Text\"" } ], "default": "\"Group Label Text\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": false, "docs": "Whether selecting at least one checkbox is required.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showCaption", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-caption", "reflectToAttr": false, "docs": "Whether to show a caption under the group.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showCaptionIcon", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-caption-icon", "reflectToAttr": false, "docs": "Whether to show an icon next to the caption text.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showGroupLabel", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-group-label", "reflectToAttr": false, "docs": "Whether to show the group label above the checkboxes.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the checkbox group (e.g. small, medium).", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "setGroupError", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(error: boolean) => Promise", "parameters": [ { "name": "error", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setGroupError(error: boolean) => Promise", "parameters": [ { "name": "error", "type": "boolean", "docs": "" } ], "docs": "Method to set the error state of all radio-butttons in the group", "docsTags": [] } ], "events": [], "listeners": [ { "event": "ifxError", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-radio-button-group": [ "ifx-icon" ] } }, { "filePath": "src/components/search-bar/search-bar.tsx", "encapsulation": "shadow", "tag": "ifx-search-bar", "readme": "# ifx-search-bar\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "autocomplete", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "autocomplete", "reflectToAttr": false, "docs": "Autocomplete behavior passed to the underlying search field.", "docsTags": [ { "name": "default", "text": "\"on\"" } ], "default": "\"on\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Disables user interaction with the search field and close control.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isOpen", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-open", "reflectToAttr": false, "docs": "Controls whether the search bar is expanded (open) or collapsed.\nThis is mirrored into internal state and drives the visible UI.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxlength", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "maxlength", "reflectToAttr": false, "docs": "Maximum allowed length for the search input.", "docsTags": [], "values": [ { "type": "number" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "showCloseButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-close-button", "reflectToAttr": false, "docs": "Toggles the close button outside the input field", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string | undefined", "resolved": "string", "references": {} }, "mutable": true, "attr": "value", "reflectToAttr": false, "docs": "Current input value of the search field.\nThis is updated when the field emits input events.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "close", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "close() => Promise", "parameters": [], "docs": "Closes the search bar when triggered programatically\nEmits `ifxOpen` with `true` and updates internal state.", "docsTags": [] }, { "name": "open", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "open() => Promise", "parameters": [], "docs": "Opens the search bar when triggered programatically\nEmits `ifxOpen` with `false` and updates internal state.", "docsTags": [] } ], "events": [ { "event": "ifxInput", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emits when the search input value changes.", "docsTags": [] }, { "event": "ifxOpen", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emits when the search bar is opened or closed.\nPayload is the new open state.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-search-field", "ifx-icon" ], "dependencyGraph": { "ifx-search-bar": [ "ifx-search-field", "ifx-icon" ], "ifx-search-field": [ "ifx-icon" ] } }, { "filePath": "src/components/search-field/search-field.tsx", "encapsulation": "shadow", "tag": "ifx-search-field", "readme": "# ifx-search-input\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaDescribedBy", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-described-by", "reflectToAttr": false, "docs": "ID of the element that describes the input.", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label for the input.", "docsTags": [ { "name": "default", "text": "\"Search Field\"" } ], "default": "\"Search Field\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelledBy", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-labelled-by", "reflectToAttr": false, "docs": "ID of the element that labels the input.", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "autocomplete", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "autocomplete", "reflectToAttr": false, "docs": "Native autocomplete attribute value.", "docsTags": [ { "name": "default", "text": "\"off\"" } ], "default": "\"off\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "deleteIconAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "delete-icon-aria-label", "reflectToAttr": false, "docs": "Accessible label for the clear icon button.", "docsTags": [ { "name": "default", "text": "\"Clear search\"" } ], "default": "\"Clear search\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Disable the input and related interactions.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "dropdownAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "dropdown-aria-label", "reflectToAttr": false, "docs": "Accessible label for the suggestions listbox.", "docsTags": [ { "name": "default", "text": "\"Search suggestions and history\"" } ], "default": "\"Search suggestions and history\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "enableHistory", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "enable-history", "reflectToAttr": false, "docs": "Enable local search history behavior and persistence.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "historyDeleteAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "history-delete-aria-label", "reflectToAttr": false, "docs": "Accessible label for the history item delete button.", "docsTags": [ { "name": "default", "text": "\"Remove from history\"" } ], "default": "\"Remove from history\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "historyHeaderText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "history-header-text", "reflectToAttr": false, "docs": "Header text shown when only history entries are displayed.", "docsTags": [ { "name": "default", "text": "\"Recent Searches\"" } ], "default": "\"Recent Searches\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "historyItemAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "history-item-aria-label", "reflectToAttr": false, "docs": "Accessible label prefix for history items.", "docsTags": [ { "name": "default", "text": "\"Search history item\"" } ], "default": "\"Search history item\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "historyKey", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "history-key", "reflectToAttr": false, "docs": "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.", "docsTags": [ { "name": "default", "text": "\"ifx-search-history\"" } ], "default": "\"ifx-search-history\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxHistoryItems", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "max-history-items", "reflectToAttr": false, "docs": "Maximum number of stored history entries.", "docsTags": [ { "name": "default", "text": "5" } ], "default": "5", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxSuggestions", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "max-suggestions", "reflectToAttr": false, "docs": "Maximum number of items shown in the dropdown (suggestions + history).", "docsTags": [ { "name": "default", "text": "10" } ], "default": "10", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxlength", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "maxlength", "reflectToAttr": false, "docs": "Maximum number of characters allowed in the input.", "docsTags": [ { "name": "default", "text": "null" } ], "default": "null", "values": [ { "type": "number" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "placeholder", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, "docs": "Placeholder text for the input.", "docsTags": [ { "name": "default", "text": "\"Search...\"" } ], "default": "\"Search...\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showDeleteIcon", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-delete-icon", "reflectToAttr": false, "docs": "Show the clear icon when there is a non-empty value.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showSuggestions", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-suggestions", "reflectToAttr": false, "docs": "Enable the suggestion dropdown and request events while typing.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"l\" | \"s\"", "complexType": { "original": "'s' | 'l'", "resolved": "\"l\" | \"s\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Visual size variant. \"s\" enables compact styling, otherwise defaults to \"l\".", "docsTags": [ { "name": "default", "text": "\"l\"" } ], "default": "\"l\"", "values": [ { "value": "l", "type": "string" }, { "value": "s", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "suggestionAriaLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "suggestion-aria-label", "reflectToAttr": false, "docs": "Accessible label prefix for suggestion items.", "docsTags": [ { "name": "default", "text": "\"Search suggestion\"" } ], "default": "\"Search suggestion\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "suggestions", "type": "SuggestionItem[]", "complexType": { "original": "SuggestionItem[]", "resolved": "SuggestionItem[]", "references": { "SuggestionItem": { "location": "local", "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/search-field/search-field.tsx", "id": "src/components/search-field/search-field.tsx::SuggestionItem" } } }, "mutable": false, "reflectToAttr": false, "docs": "External suggestion items used to populate the dropdown.", "docsTags": [ { "name": "default", "text": "[]" } ], "default": "[]", "values": [ { "type": "SuggestionItem[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": true, "attr": "value", "reflectToAttr": false, "docs": "Current input value. Mutates as the user types and can be set programmatically.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "clearSearchHistory", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "clearSearchHistory() => Promise", "parameters": [], "docs": "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.", "docsTags": [] } ], "events": [ { "event": "ifxBlur", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the input loses focus.", "docsTags": [] }, { "event": "ifxFocus", "detail": "void", "bubbles": true, "complexType": { "original": "void", "resolved": "void", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the input gains focus.", "docsTags": [] }, { "event": "ifxInput", "detail": "string", "bubbles": true, "complexType": { "original": "string", "resolved": "string", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted on input change with the current value.", "docsTags": [] }, { "event": "ifxSuggestionRequested", "detail": "string", "bubbles": true, "complexType": { "original": "string", "resolved": "string", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted to request external suggestions for the given query.", "docsTags": [] }, { "event": "ifxSuggestionSelected", "detail": "SuggestionItem", "bubbles": true, "complexType": { "original": "SuggestionItem", "resolved": "SuggestionItem", "references": { "SuggestionItem": { "location": "local", "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/search-field/search-field.tsx", "id": "src/components/search-field/search-field.tsx::SuggestionItem" } } }, "cancelable": true, "composed": true, "docs": "Emitted when a suggestion or history item is selected.", "docsTags": [] } ], "listeners": [ { "event": "mousedown", "target": "document", "capture": false, "passive": true }, { "event": "keydown", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-filter-search", "ifx-icons-preview", "ifx-multiselect", "ifx-search-bar" ], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-search-field": [ "ifx-icon" ], "ifx-filter-search": [ "ifx-search-field" ], "ifx-icons-preview": [ "ifx-search-field" ], "ifx-multiselect": [ "ifx-search-field" ], "ifx-search-bar": [ "ifx-search-field" ] } }, { "filePath": "src/components/segmented-control/segment/segment.tsx", "encapsulation": "shadow", "tag": "ifx-segment", "readme": "# ifx-segmented-control\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Icon to display inside the segment.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "segmentIndex", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "segment-index", "reflectToAttr": false, "docs": "Index of this segment within the segmented control.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "selected", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "selected", "reflectToAttr": false, "docs": "Whether this segment is currently selected.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Value associated with this segment.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": true, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "segmentSelect", "detail": "number", "bubbles": true, "complexType": { "original": "number", "resolved": "number", "references": {} }, "cancelable": true, "composed": false, "docs": "Fired when this segment is selected (emits the segment index).", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-segment": [ "ifx-icon" ] } }, { "filePath": "src/components/segmented-control/segmented-control.tsx", "encapsulation": "shadow", "tag": "ifx-segmented-control", "readme": "# ifx-segmented-controls-group\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "caption", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption", "reflectToAttr": false, "docs": "Helper text shown below the segmented control.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "If true, shows the segmented control in an error state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Label text shown above the segmented control.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": false, "docs": "Whether choosing a value is required.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"regular\" | \"small\"", "complexType": { "original": "\"regular\" | \"small\"", "resolved": "\"regular\" | \"small\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the segmented control (regular or small).", "docsTags": [ { "name": "default", "text": "\"regular\"" } ], "default": "\"regular\"", "values": [ { "value": "regular", "type": "string" }, { "value": "small", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxChange", "detail": "{ previousValue: string; selectedValue: string; }", "bubbles": true, "complexType": { "original": "{\n\t\tpreviousValue: string;\n\t\tselectedValue: string;\n\t}", "resolved": "{ previousValue: string; selectedValue: string; }", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the selected segment changes (previous and new value).", "docsTags": [] } ], "listeners": [ { "event": "segmentSelect", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-segmented-control": [ "ifx-icon" ] } }, { "filePath": "src/components/select/single-select/select.tsx", "encapsulation": "none", "tag": "ifx-select", "readme": "# choicesjs-stencil\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "addItemFilter", "type": "((value: string) => boolean) | RegExp | string", "complexType": { "original": "string | RegExp | ItemFilterFn", "resolved": "((value: string) => boolean) | RegExp | string", "references": { "RegExp": { "location": "global", "id": "global::RegExp" }, "ItemFilterFn": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::ItemFilterFn", "referenceLocation": "ItemFilterFn" } } }, "mutable": false, "attr": "add-item-filter", "reflectToAttr": false, "docs": "Filter used to validate items before they are added.", "docsTags": [], "values": [ { "type": "((value: string) => boolean)" }, { "type": "RegExp" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "addItemText", "type": "((value: string) => string) | string", "complexType": { "original": "string | AddItemTextFn", "resolved": "((value: string) => string) | string", "references": { "AddItemTextFn": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::AddItemTextFn", "referenceLocation": "AddItemTextFn" } } }, "mutable": false, "attr": "add-item-text", "reflectToAttr": false, "docs": "Text or function for the “add item” prompt.", "docsTags": [], "values": [ { "type": "((value: string) => string)" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "addItems", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "add-items", "reflectToAttr": false, "docs": "Whether new items can be added by the user.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "appendValue", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "append-value", "reflectToAttr": false, "docs": "Text to append to each item’s value on output.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "callbackOnCreateTemplates", "type": "(template: any) => any", "complexType": { "original": "OnCreateTemplates", "resolved": "(template: any) => any", "references": { "OnCreateTemplates": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::OnCreateTemplates", "referenceLocation": "OnCreateTemplates" } } }, "mutable": false, "reflectToAttr": false, "docs": "Callback used to create or override internal templates.", "docsTags": [], "values": [ { "type": "(template: any) => any" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "callbackOnInit", "type": "() => void", "complexType": { "original": "OnInit", "resolved": "() => void", "references": { "OnInit": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::OnInit", "referenceLocation": "OnInit" } } }, "mutable": false, "reflectToAttr": false, "docs": "Callback function invoked when the Choices instance is initialized.", "docsTags": [], "values": [ { "type": "() => void" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "caption", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption", "reflectToAttr": false, "docs": "Helper text shown below the select field.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "choices", "type": "any[] | string", "complexType": { "original": "Array | string", "resolved": "any[] | string", "references": { "Array": { "location": "global", "id": "global::Array" } } }, "mutable": false, "attr": "choices", "reflectToAttr": false, "docs": "Available choices; can be an array or a string (e.g. data source).", "docsTags": [ { "name": "default", "text": "undefined" } ], "default": "undefined", "values": [ { "type": "any[]" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "classNames", "type": "{ 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; }", "complexType": { "original": "ClassNames", "resolved": "{ 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": { "ClassNames": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::ClassNames", "referenceLocation": "ClassNames" } } }, "mutable": false, "reflectToAttr": false, "docs": "Custom CSS class names mapping for internal elements.", "docsTags": [], "values": [ { "type": "{ 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; }" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "customAddItemText", "type": "((value: string) => string) | string", "complexType": { "original": "CustomAddItemText", "resolved": "((value: string) => string) | string", "references": { "CustomAddItemText": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::CustomAddItemText", "referenceLocation": "CustomAddItemText" } } }, "mutable": false, "attr": "custom-add-item-text", "reflectToAttr": false, "docs": "Configuration for customizing the “add item” text.", "docsTags": [], "values": [ { "type": "((value: string) => string)" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "delimiter", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "delimiter", "reflectToAttr": false, "docs": "Delimiter used when parsing or joining item values (e.g. for paste).", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, the select is disabled and not interactive.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "duplicateItemsAllowed", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "duplicate-items-allowed", "reflectToAttr": false, "docs": "Whether duplicate items are allowed.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "editItems", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "edit-items", "reflectToAttr": false, "docs": "Whether selected items can be edited in place.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "If true, shows the select in an error state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "fuseOptions", "type": "{ 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; }", "complexType": { "original": "FuseOptions", "resolved": "{ 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": { "FuseOptions": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::FuseOptions", "referenceLocation": "FuseOptions" } } }, "mutable": false, "reflectToAttr": false, "docs": "Fuse.js options for fuzzy searching choices.", "docsTags": [], "values": [ { "type": "{ id?: string; caseSensitive?: boolean; includeMatches?: boolean; includeScore?: boolean; shouldSort?: boolean; keys?: string[]" }, { "type": "object[]" }, { "type": "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; }" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "itemSelectText", "type": "\"\"", "complexType": { "original": "''", "resolved": "\"\"", "references": {} }, "mutable": false, "attr": "item-select-text", "reflectToAttr": false, "docs": "Text shown on an item when it is selectable (kept as empty string here).", "docsTags": [], "values": [ { "type": "\"\"" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "items", "type": "any[]", "complexType": { "original": "Array", "resolved": "any[]", "references": { "Array": { "location": "global", "id": "global::Array" } } }, "mutable": false, "reflectToAttr": false, "docs": "Initial list of items to populate the component with.", "docsTags": [], "values": [ { "type": "any[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Label text shown above the select field.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "loadingText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "loading-text", "reflectToAttr": false, "docs": "Text shown while data or choices are loading.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxItemCount", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "max-item-count", "reflectToAttr": false, "docs": "Maximum number of items that can be selected.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxItemText", "type": "((maxItemCount: number) => string) | string", "complexType": { "original": "string | MaxItemTextFn", "resolved": "((maxItemCount: number) => string) | string", "references": { "MaxItemTextFn": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::MaxItemTextFn", "referenceLocation": "MaxItemTextFn" } } }, "mutable": false, "attr": "max-item-text", "reflectToAttr": false, "docs": "Text or function used when the max item count is reached.", "docsTags": [], "values": [ { "type": "((maxItemCount: number) => string)" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": false, "docs": "Name attribute used when submitting the field in a form.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "noChoicesText", "type": "(() => string) | string", "complexType": { "original": "string | NoChoicesTextFn", "resolved": "(() => string) | string", "references": { "NoChoicesTextFn": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::NoChoicesTextFn", "referenceLocation": "NoChoicesTextFn" } } }, "mutable": false, "attr": "no-choices-text", "reflectToAttr": false, "docs": "Text or function used when there are no choices to show.", "docsTags": [], "values": [ { "type": "(() => string)" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "noResultsText", "type": "(() => string) | string", "complexType": { "original": "string | NoResultsTextFn", "resolved": "(() => string) | string", "references": { "NoResultsTextFn": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::NoResultsTextFn", "referenceLocation": "NoResultsTextFn" } } }, "mutable": false, "attr": "no-results-text", "reflectToAttr": false, "docs": "Text or function used when no search results are found.", "docsTags": [], "values": [ { "type": "(() => string)" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "options", "type": "any[] | string", "complexType": { "original": "any[] | string", "resolved": "any[] | string", "references": {} }, "mutable": true, "attr": "options", "reflectToAttr": false, "docs": "List of available options (array or string source).", "docsTags": [], "values": [ { "type": "any[]" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "paste", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "paste", "reflectToAttr": false, "docs": "Whether pasting values to create items is allowed.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "placeholder", "type": "boolean | string", "complexType": { "original": "boolean | string", "resolved": "boolean | string", "references": {} }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, "docs": "Placeholder configuration or text for the input.", "docsTags": [], "values": [ { "type": "boolean" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "placeholderValue", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "placeholder-value", "reflectToAttr": false, "docs": "Placeholder text shown when no option is selected.", "docsTags": [ { "name": "default", "text": "\"Placeholder\"" } ], "default": "\"Placeholder\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "position", "type": "\"auto\" | \"bottom\" | \"top\"", "complexType": { "original": "'auto' | 'top' | 'bottom'", "resolved": "\"auto\" | \"bottom\" | \"top\"", "references": {} }, "mutable": false, "attr": "position", "reflectToAttr": false, "docs": "Position of the dropdown relative to the input.", "docsTags": [], "values": [ { "value": "auto", "type": "string" }, { "value": "bottom", "type": "string" }, { "value": "top", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "prependValue", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "prepend-value", "reflectToAttr": false, "docs": "Text to prepend to each item’s value on output.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "If true, shows the select in a read-only state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "removeItemButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "remove-item-button", "reflectToAttr": false, "docs": "Whether to show a remove button on each selected item.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "removeItems", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "remove-items", "reflectToAttr": false, "docs": "Whether items can be removed by the user.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "renderChoiceLimit", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "render-choice-limit", "reflectToAttr": false, "docs": "Maximum number of choices to render in the list at once.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "renderSelectedChoices", "type": "\"always\" | \"auto\"", "complexType": { "original": "'always' | 'auto'", "resolved": "\"always\" | \"auto\"", "references": {} }, "mutable": false, "attr": "render-selected-choices", "reflectToAttr": false, "docs": "When to render selected choices (always or only when needed).", "docsTags": [], "values": [ { "value": "always", "type": "string" }, { "value": "auto", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": false, "docs": "Whether selecting a value is required.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "resetScrollPosition", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "reset-scroll-position", "reflectToAttr": false, "docs": "Whether to reset scroll position when opening the dropdown.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "searchChoices", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "search-choices", "reflectToAttr": false, "docs": "Whether search filters the available choices.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "searchFields", "type": "string | string[]", "complexType": { "original": "Array | string", "resolved": "string | string[]", "references": { "Array": { "location": "global", "id": "global::Array" } } }, "mutable": false, "attr": "search-fields", "reflectToAttr": false, "docs": "Fields used when searching choices (array of field names or a string).", "docsTags": [], "values": [ { "type": "string" }, { "type": "string[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "searchFloor", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "search-floor", "reflectToAttr": false, "docs": "Minimum number of characters before search is triggered.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "searchPlaceholderValue", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "search-placeholder-value", "reflectToAttr": false, "docs": "Placeholder text shown inside the search input.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "searchResultLimit", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "search-result-limit", "reflectToAttr": false, "docs": "Maximum number of search results to display.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "shouldSort", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "should-sort", "reflectToAttr": false, "docs": "Whether available choices should be sorted.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "shouldSortItems", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "should-sort-items", "reflectToAttr": false, "docs": "Whether selected items should be sorted.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showClearButton", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-clear-button", "reflectToAttr": false, "docs": "If true, shows a button to clear the current selection.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showSearch", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-search", "reflectToAttr": false, "docs": "Whether the search input is shown.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the select component (e.g. medium / 40px).", "docsTags": [ { "name": "default", "text": "\"medium (40px)\"" } ], "default": "\"medium (40px)\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "sorter", "type": "(el1: any, el2: any) => number", "complexType": { "original": "SortFn", "resolved": "(el1: any, el2: any) => number", "references": { "SortFn": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::SortFn", "referenceLocation": "SortFn" } } }, "mutable": false, "reflectToAttr": false, "docs": "Custom sorting function for choices and/or items.", "docsTags": [], "values": [ { "type": "(el1: any, el2: any) => number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "uniqueItemText", "type": "((value: string) => string) | string", "complexType": { "original": "UniqueItemText", "resolved": "((value: string) => string) | string", "references": { "UniqueItemText": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::UniqueItemText", "referenceLocation": "UniqueItemText" } } }, "mutable": false, "attr": "unique-item-text", "reflectToAttr": false, "docs": "Text configuration for duplicate/unique item errors.", "docsTags": [], "values": [ { "type": "((value: string) => string)" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Initial value of the Choices instance.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "valueComparer", "type": "(value1: string, value2: string) => boolean", "complexType": { "original": "ValueCompareFunction", "resolved": "(value1: string, value2: string) => boolean", "references": { "ValueCompareFunction": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::ValueCompareFunction", "referenceLocation": "ValueCompareFunction" } } }, "mutable": false, "reflectToAttr": false, "docs": "Custom function for comparing item/choice values.", "docsTags": [], "values": [ { "type": "(value1: string, value2: string) => boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "ajax", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(fn: AjaxFn) => Promise", "parameters": [ { "name": "fn", "type": "(callback: any) => void", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "AjaxFn": { "location": "import", "path": "./interfaces", "id": "src/components/select/single-select/interfaces.tsx::AjaxFn", "referenceLocation": "AjaxFn" } }, "return": "Promise" }, "signature": "ajax(fn: AjaxFn) => Promise", "parameters": [ { "name": "fn", "type": "(callback: any) => void", "docs": "" } ], "docs": "Performs an AJAX request using the provided function.", "docsTags": [] }, { "name": "clearChoices", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "clearChoices() => Promise", "parameters": [], "docs": "Removes all available choices from the dropdown.", "docsTags": [] }, { "name": "clearInput", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "clearInput() => Promise", "parameters": [], "docs": "Clears the text input value.", "docsTags": [] }, { "name": "clearSelection", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "clearSelection() => Promise", "parameters": [], "docs": "Clears the current selection and closes the dropdown if not disabled or read-only.", "docsTags": [] }, { "name": "clearStore", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "clearStore() => Promise", "parameters": [], "docs": "Clears the internal Choices.js store.", "docsTags": [] }, { "name": "getValue", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(valueOnly?: boolean) => Promise>", "parameters": [ { "name": "valueOnly", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "Array": { "location": "global", "id": "global::Array" } }, "return": "Promise" }, "signature": "getValue(valueOnly?: boolean) => Promise>", "parameters": [ { "name": "valueOnly", "type": "boolean", "docs": "" } ], "docs": "Gets the current value(s); returns raw value or full item list.", "docsTags": [] }, { "name": "handleChange", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(selectedOption: any) => Promise", "parameters": [ { "name": "selectedOption", "type": "any", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "handleChange(selectedOption: any) => Promise", "parameters": [ { "name": "selectedOption", "type": "any", "docs": "" } ], "docs": "Handles a selection change, updates state, and closes the dropdown.", "docsTags": [] }, { "name": "handleDeleteIcon", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "handleDeleteIcon() => Promise", "parameters": [], "docs": "Shows or hides the delete icon depending on component width and settings.", "docsTags": [] }, { "name": "hideDropdown", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(blurInput?: boolean) => Promise", "parameters": [ { "name": "blurInput", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "hideDropdown(blurInput?: boolean) => Promise", "parameters": [ { "name": "blurInput", "type": "boolean", "docs": "" } ], "docs": "Closes the dropdown, optionally blurring the input.", "docsTags": [] }, { "name": "highlightAll", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "highlightAll() => Promise", "parameters": [], "docs": "Highlights all items.", "docsTags": [] }, { "name": "highlightItem", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(item: HTMLElement, runEvent?: boolean) => Promise", "parameters": [ { "name": "item", "type": "HTMLElement", "docs": "" }, { "name": "runEvent", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "HTMLElement": { "location": "global", "id": "global::HTMLElement" } }, "return": "Promise" }, "signature": "highlightItem(item: HTMLElement, runEvent?: boolean) => Promise", "parameters": [ { "name": "item", "type": "HTMLElement", "docs": "" }, { "name": "runEvent", "type": "boolean", "docs": "" } ], "docs": "Highlights a specific item in the dropdown.", "docsTags": [] }, { "name": "removeActiveItems", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(excludedId?: number) => Promise", "parameters": [ { "name": "excludedId", "type": "number", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "removeActiveItems(excludedId?: number) => Promise", "parameters": [ { "name": "excludedId", "type": "number", "docs": "" } ], "docs": "Removes all active items, optionally excluding one by ID.", "docsTags": [] }, { "name": "removeActiveItemsByValue", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(value: string) => Promise", "parameters": [ { "name": "value", "type": "string", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "removeActiveItemsByValue(value: string) => Promise", "parameters": [ { "name": "value", "type": "string", "docs": "" } ], "docs": "Removes active items that match a given value.", "docsTags": [] }, { "name": "removeHighlightedItems", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(runEvent?: boolean) => Promise", "parameters": [ { "name": "runEvent", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "removeHighlightedItems(runEvent?: boolean) => Promise", "parameters": [ { "name": "runEvent", "type": "boolean", "docs": "" } ], "docs": "Removes all currently highlighted items.", "docsTags": [] }, { "name": "setChoiceByValue", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(value: string | Array) => Promise", "parameters": [ { "name": "value", "type": "string | string[]", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "Array": { "location": "global", "id": "global::Array" } }, "return": "Promise" }, "signature": "setChoiceByValue(value: string | Array) => Promise", "parameters": [ { "name": "value", "type": "string | string[]", "docs": "" } ], "docs": "Selects choices that match the given value or values.", "docsTags": [] }, { "name": "setChoices", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(choices: any[] | string, value: string, label: string, replaceChoices?: boolean) => Promise", "parameters": [ { "name": "choices", "type": "string | any[]", "docs": "" }, { "name": "value", "type": "string", "docs": "" }, { "name": "label", "type": "string", "docs": "" }, { "name": "replaceChoices", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setChoices(choices: any[] | string, value: string, label: string, replaceChoices?: boolean) => Promise", "parameters": [ { "name": "choices", "type": "string | any[]", "docs": "" }, { "name": "value", "type": "string", "docs": "" }, { "name": "label", "type": "string", "docs": "" }, { "name": "replaceChoices", "type": "boolean", "docs": "" } ], "docs": "Sets the available choices from an array or JSON string.", "docsTags": [] }, { "name": "setValue", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(args: Array) => Promise", "parameters": [ { "name": "args", "type": "any[]", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "Array": { "location": "global", "id": "global::Array" } }, "return": "Promise" }, "signature": "setValue(args: Array) => Promise", "parameters": [ { "name": "args", "type": "any[]", "docs": "" } ], "docs": "Sets the current value(s) programmatically.", "docsTags": [] }, { "name": "showDropdown", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(focusInput?: boolean) => Promise", "parameters": [ { "name": "focusInput", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "showDropdown(focusInput?: boolean) => Promise", "parameters": [ { "name": "focusInput", "type": "boolean", "docs": "" } ], "docs": "Opens the dropdown, optionally focusing the input.", "docsTags": [] }, { "name": "unhighlightAll", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "unhighlightAll() => Promise", "parameters": [], "docs": "Removes highlight from all items.", "docsTags": [] }, { "name": "unhighlightItem", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(item: HTMLElement) => Promise", "parameters": [ { "name": "item", "type": "HTMLElement", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "HTMLElement": { "location": "global", "id": "global::HTMLElement" } }, "return": "Promise" }, "signature": "unhighlightItem(item: HTMLElement) => Promise", "parameters": [ { "name": "item", "type": "HTMLElement", "docs": "" } ], "docs": "Removes highlight from a specific item.", "docsTags": [] } ], "events": [ { "event": "ifxInput", "detail": "CustomEvent", "bubbles": true, "complexType": { "original": "CustomEvent", "resolved": "CustomEvent", "references": { "CustomEvent": { "location": "global", "id": "global::CustomEvent" } } }, "cancelable": true, "composed": true, "docs": "Fired when the input / search value changes.", "docsTags": [] }, { "event": "ifxSelect", "detail": "CustomEvent", "bubbles": true, "complexType": { "original": "CustomEvent", "resolved": "CustomEvent", "references": { "CustomEvent": { "location": "global", "id": "global::CustomEvent" } } }, "cancelable": true, "composed": true, "docs": "Fired when an option is selected.", "docsTags": [] } ], "listeners": [ { "event": "mousedown", "target": "document", "capture": false, "passive": true } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-pagination", "ifx-set-filter" ], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-select": [ "ifx-icon" ], "ifx-pagination": [ "ifx-select" ], "ifx-set-filter": [ "ifx-select" ] } }, { "filePath": "src/components/table-advanced-version/set-filter/setFilter.tsx", "encapsulation": "shadow", "tag": "ifx-set-filter", "readme": "# set-filter\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "filterLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "filter-label", "reflectToAttr": false, "docs": "User-visible label for the filter control", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "filterName", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "filter-name", "reflectToAttr": false, "docs": "Technical name/identifier for this filter", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "options", "type": "any[] | string", "complexType": { "original": "any[] | string", "resolved": "any[] | string", "references": {} }, "mutable": false, "attr": "options", "reflectToAttr": false, "docs": "Options for select types, either array or string", "docsTags": [], "values": [ { "type": "any[]" }, { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "placeholder", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, "docs": "Placeholder text shown when no value is entered/selected", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "\"multi-select\" | \"single-select\" | \"text\"", "complexType": { "original": "\"text\" | \"single-select\" | \"multi-select\"", "resolved": "\"multi-select\" | \"single-select\" | \"text\"", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "Filter control type", "docsTags": [ { "name": "default", "text": "\"text\"" } ], "default": "\"text\"", "values": [ { "value": "multi-select", "type": "string" }, { "value": "single-select", "type": "string" }, { "value": "text", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxFilterSelect", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when the filter's value or selection changes", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-text-field", "ifx-select", "ifx-multiselect", "ifx-multiselect-option" ], "dependencyGraph": { "ifx-set-filter": [ "ifx-text-field", "ifx-select", "ifx-multiselect", "ifx-multiselect-option" ], "ifx-text-field": [ "ifx-icon" ], "ifx-select": [ "ifx-icon" ], "ifx-multiselect": [ "ifx-checkbox", "ifx-search-field", "ifx-icon" ], "ifx-checkbox": [ "ifx-icon" ], "ifx-search-field": [ "ifx-icon" ], "ifx-multiselect-option": [ "ifx-icon", "ifx-checkbox" ] } }, { "filePath": "src/components/navigation/sidebar/sidebar.tsx", "encapsulation": "shadow", "tag": "ifx-sidebar", "readme": "# ifx-sidebar-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "applicationName", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "application-name", "reflectToAttr": false, "docs": "App name shown in the sidebar header", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "collapsed", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "collapsed", "reflectToAttr": false, "docs": "Initial/current collapsed state", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "collapsible", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "collapsible", "reflectToAttr": false, "docs": "Enable collapse/expand control", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "copyrightText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "copyright-text", "reflectToAttr": false, "docs": "Footer copyright text", "docsTags": [ { "name": "default", "text": "\"© 1999 - \" + this.currentYear + \" Infineon Technologies AG\"" } ], "default": "\"© 1999 - \" + this.currentYear + \" Infineon Technologies AG\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "footerHrefTarget", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "footer-href-target", "reflectToAttr": false, "docs": "Link footerHrefTarget for footer links", "docsTags": [ { "name": "default", "text": "\"_blank\"" } ], "default": "\"_blank\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "hideMenuLabel", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "hide-menu-label", "reflectToAttr": false, "docs": "Label for collapse/hide menu control", "docsTags": [ { "name": "default", "text": "\"Hide Menu\"" } ], "default": "\"Hide Menu\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "imprint", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "imprint", "reflectToAttr": false, "docs": "URL for \"Imprint\" link", "docsTags": [ { "name": "default", "text": "\"#\"" } ], "default": "\"#\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "initialCollapse", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "initial-collapse", "reflectToAttr": false, "docs": "Legacy initial collapse flag", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "logoHref", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "logo-href", "reflectToAttr": false, "docs": "Link URL for the logo click action.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "logoHrefTarget", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "logo-href-target", "reflectToAttr": false, "docs": "Where to open the logo link (_self, _blank, _parent).", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "position", "type": "\"left\" | \"right\"", "complexType": { "original": "\"left\" | \"right\"", "resolved": "\"left\" | \"right\"", "references": {} }, "mutable": false, "attr": "position", "reflectToAttr": false, "docs": "Controls positioning of sidebar", "docsTags": [ { "name": "default", "text": "\"left\"" } ], "default": "\"left\"", "values": [ { "value": "left", "type": "string" }, { "value": "right", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "privacyPolicy", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "privacy-policy", "reflectToAttr": false, "docs": "URL for \"Privacy Policy\" link", "docsTags": [ { "name": "default", "text": "\"#\"" } ], "default": "\"#\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showFooter", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-footer", "reflectToAttr": false, "docs": "Show/hide footer", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showHeader", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-header", "reflectToAttr": false, "docs": "Show/hide header", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "termsOfUse", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "terms-of-use", "reflectToAttr": false, "docs": "URL for \"Terms of Use\" link", "docsTags": [ { "name": "default", "text": "\"#\"" } ], "default": "\"#\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "collapse", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "collapse() => Promise", "parameters": [], "docs": "Collapse the sidebar and emit ifxSidebarCollapseChange", "docsTags": [] }, { "name": "expand", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "expand() => Promise", "parameters": [], "docs": "Expand the sidebar and emit ifxSidebarCollapseChange", "docsTags": [] }, { "name": "toggleCollapse", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "toggleCollapse() => Promise", "parameters": [], "docs": "Toggle the collapsed state and emit ifxSidebarCollapseChange", "docsTags": [] } ], "events": [ { "event": "ifxSidebarCollapseChange", "detail": "{ collapsed: boolean; }", "bubbles": true, "complexType": { "original": "{ collapsed: boolean }", "resolved": "{ collapsed: boolean; }", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when collapsed state changes", "docsTags": [] }, { "event": "ifxSidebarLogoClick", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when logo image is clicked", "docsTags": [] } ], "listeners": [ { "event": "ifxSidebarMenu", "capture": false, "passive": false }, { "event": "ifxSidebarNavigationItem", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-sidebar": [ "ifx-icon" ] } }, { "filePath": "src/components/navigation/sidebar/sidebar-item.tsx", "encapsulation": "shadow", "tag": "ifx-sidebar-item", "readme": "# ifx-sidebar-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "active", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "active", "reflectToAttr": false, "docs": "Marks the item as active", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "handleItemClick", "type": "(item: HTMLElement) => void", "complexType": { "original": "(item: HTMLElement) => void", "resolved": "(item: HTMLElement) => void", "references": { "HTMLElement": { "location": "global", "id": "global::HTMLElement" } } }, "mutable": false, "reflectToAttr": false, "docs": "Click handler callback; receives the item HTMLElement", "docsTags": [], "values": [ { "type": "(item: HTMLElement) => void" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "href", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "href", "reflectToAttr": false, "docs": "Navigation link href for the item", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Icon name or URL for the item", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "isActionItem", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "is-action-item", "reflectToAttr": false, "docs": "Marks as an action item", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "numberIndicator", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "number-indicator", "reflectToAttr": false, "docs": "Numeric badge indicator value", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "target", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "target", "reflectToAttr": false, "docs": "Link target (e.g., \"_self\", \"_blank\")", "docsTags": [ { "name": "default", "text": "\"_self\"" } ], "default": "\"_self\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "expandMenu", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(ac: boolean) => Promise", "parameters": [ { "name": "ac", "type": "boolean", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "expandMenu(ac: boolean) => Promise", "parameters": [ { "name": "ac", "type": "boolean", "docs": "" } ], "docs": "Expand submenu (adds 'open'); if ac=true, remove 'active-section'", "docsTags": [] }, { "name": "isItemExpandable", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "isItemExpandable() => Promise", "parameters": [], "docs": "Return whether the item is expandable", "docsTags": [] }, { "name": "setActiveClasses", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setActiveClasses() => Promise", "parameters": [], "docs": "Add 'active' class to the current navigation item", "docsTags": [] } ], "events": [ { "event": "ifxSidebarActionItem", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Event fired when an action item is clicked", "docsTags": [] }, { "event": "ifxSidebarMenu", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Event fired for menu item interactions", "docsTags": [] }, { "event": "ifxSidebarNavigationItem", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Event fired when a navigation item is clicked", "docsTags": [] } ], "listeners": [ { "event": "consoleError", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon", "ifx-indicator" ], "dependencyGraph": { "ifx-sidebar-item": [ "ifx-icon", "ifx-indicator" ] } }, { "filePath": "src/components/navigation/sidebar/sidebar-title.tsx", "encapsulation": "shadow", "tag": "ifx-sidebar-title", "readme": "# ifx-sidebar-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "showInCollapsed", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-in-collapsed", "reflectToAttr": false, "docs": "Show item/content when the sidebar is collapsed", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/slider/slider.tsx", "encapsulation": "shadow", "tag": "ifx-slider", "readme": "# ifx-tag\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label for screen readers.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, the slider is disabled and not interactive.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "leftIcon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "left-icon", "reflectToAttr": false, "docs": "Optional icon displayed on the left side of the slider.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "leftText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "left-text", "reflectToAttr": false, "docs": "Optional text label shown on the left side of the slider.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "max", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "max", "reflectToAttr": false, "docs": "Maximum value allowed for the slider.", "docsTags": [ { "name": "default", "text": "100" } ], "default": "100", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxValueHandle", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "max-value-handle", "reflectToAttr": false, "docs": "Initial value of the right handle for a double slider.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "min", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "min", "reflectToAttr": false, "docs": "Minimum value allowed for the slider.", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "minValueHandle", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "min-value-handle", "reflectToAttr": false, "docs": "Initial value of the left handle for a double slider.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "If true, the slider is read-only.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rightIcon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "right-icon", "reflectToAttr": false, "docs": "Optional icon displayed on the right side of the slider.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rightText", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "right-text", "reflectToAttr": false, "docs": "Optional text label shown on the right side of the slider.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showPercentage", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-percentage", "reflectToAttr": false, "docs": "If true, shows the current value as a percentage.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "step", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "step", "reflectToAttr": false, "docs": "Increment step when changing the value.", "docsTags": [ { "name": "default", "text": "1" } ], "default": "1", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "\"double\" | \"single\"", "complexType": { "original": "\"single\" | \"double\"", "resolved": "\"double\" | \"single\"", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "Slider type: single handle or double handle (range).", "docsTags": [ { "name": "default", "text": "\"single\"" } ], "default": "\"single\"", "values": [ { "value": "double", "type": "string" }, { "value": "single", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Current value for a single-handle slider.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the slider value (or values) change.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-slider": [ "ifx-icon" ] } }, { "filePath": "src/components/spinner/spinner.tsx", "encapsulation": "shadow", "tag": "ifx-spinner", "readme": "# ifx-spinner\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label announced by assistive technologies.", "docsTags": [ { "name": "default", "text": "null" } ], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "inverted", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "inverted", "reflectToAttr": false, "docs": "Renders the spinner in inverted color for dark backgrounds.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "\"m\" | \"s\"", "complexType": { "original": "\"s\" | \"m\"", "resolved": "\"m\" | \"s\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Visual size of the spinner.", "docsTags": [ { "name": "default", "text": "\"m\"" } ], "default": "\"m\"", "values": [ { "value": "m", "type": "string" }, { "value": "s", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"brand\" | \"default\"", "complexType": { "original": "\"default\" | \"brand\"", "resolved": "\"brand\" | \"default\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Spinner style variant.", "docsTags": [ { "name": "default", "text": "\"default\"" } ], "default": "\"default\"", "values": [ { "value": "brand", "type": "string" }, { "value": "default", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-template" ], "dependencies": [], "dependencyGraph": { "ifx-template": [ "ifx-spinner" ] } }, { "filePath": "src/components/status/status.tsx", "encapsulation": "shadow", "tag": "ifx-status", "readme": "# ifx-tag\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "border", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "border", "reflectToAttr": false, "docs": "If true, shows a border around the status.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "color", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "color", "reflectToAttr": false, "docs": "Color token used for the status (e.g. orange-500).", "docsTags": [ { "name": "default", "text": "\"orange-500\"" } ], "default": "\"orange-500\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Text label displayed inside the status component.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/stepper/step/step.tsx", "encapsulation": "shadow", "tag": "ifx-step", "readme": "# dev-step\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "complete", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "complete", "reflectToAttr": false, "docs": "If true, marks this step as completed.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, this step is disabled and not clickable.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "error", "reflectToAttr": false, "docs": "If true, this step is in an error state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "lastStep", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "last-step", "reflectToAttr": false, "docs": "Whether this is the last step in the stepper.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "stepId", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "step-id", "reflectToAttr": false, "docs": "Numeric identifier / position of this step.", "docsTags": [ { "name": "default", "text": "1" } ], "default": "1", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "stepperState", "type": "StepperState", "complexType": { "original": "StepperState", "resolved": "StepperState", "references": { "StepperState": { "location": "import", "path": "../interfaces", "id": "src/components/stepper/interfaces.tsx::StepperState", "referenceLocation": "StepperState" } } }, "mutable": false, "reflectToAttr": false, "docs": "Shared configuration for the whole stepper (active step, layout, etc.).", "docsTags": [ { "name": "default", "text": "{\n activeStep: 1,\n showStepNumber: false,\n variant: \"default\",\n indicatorPosition: \"left\",\n}" } ], "default": "{\n activeStep: 1,\n showStepNumber: false,\n variant: \"default\",\n indicatorPosition: \"left\",\n}", "values": [ { "type": "StepperState" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [ { "event": "ifxChange", "target": "document", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-step": [ "ifx-icon" ] } }, { "filePath": "src/components/stepper/stepper.tsx", "encapsulation": "shadow", "tag": "ifx-stepper", "readme": "# ifx-stepper\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "activeStep", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": true, "attr": "active-step", "reflectToAttr": false, "docs": "Currently active step in the stepper.", "docsTags": [ { "name": "default", "text": "1" } ], "default": "1", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaCurrentText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-current-text", "reflectToAttr": false, "docs": "ARIA current value for the active step (e.g. 'step' or 'page').", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label for the stepper region.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "indicatorPosition", "type": "\"left\" | \"right\"", "complexType": { "original": "\"left\" | \"right\"", "resolved": "\"left\" | \"right\"", "references": {} }, "mutable": false, "attr": "indicator-position", "reflectToAttr": false, "docs": "Position of the indicator relative to the step content.", "docsTags": [ { "name": "default", "text": "\"left\"" } ], "default": "\"left\"", "values": [ { "value": "left", "type": "string" }, { "value": "right", "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "showStepNumber", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-step-number", "reflectToAttr": false, "docs": "If true, displays step numbers inside the indicators.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"compact\" | \"default\" | \"vertical\"", "complexType": { "original": "\"default\" | \"compact\" | \"vertical\"", "resolved": "\"compact\" | \"default\" | \"vertical\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Visual layout variant of the stepper (default, compact, or vertical).", "docsTags": [ { "name": "default", "text": "\"default\"" } ], "default": "\"default\"", "values": [ { "value": "compact", "type": "string" }, { "value": "default", "type": "string" }, { "value": "vertical", "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the active step changes.", "docsTags": [] } ], "listeners": [ { "event": "ifxChange", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/switch/switch.tsx", "encapsulation": "shadow", "tag": "ifx-switch", "readme": "# ifx-tag\n\n\n", "docs": "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.", "docsTags": [ { "name": "Element", "text": "(reference to host)\n3." }, { "name": "State", "text": "(internal reactive state)\n4." }, { "name": "Prop", "text": "(public API properties)\n5." }, { "name": "Event", "text": "(emitted events)\n6. Lifecycle methods\n7." }, { "name": "Listen", "text": "decorators\n8." }, { "name": "Method", "text": "(public methods)\n9. Private methods\n10. render()\n\nFramework Integration:\n- Vue: Supports v-model binding on the 'checked' property\n- Angular: Supports [(ngModel)] and reactive forms (formControl)\n- React: Standard prop binding and event handling\n\nConfiguration in stencil.config.ts enables framework-specific bindings." } ], "usage": {}, "props": [ { "name": "checked", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "checked", "reflectToAttr": false, "docs": "Sets the checked state of the switch.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Disables user interaction when true.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": false, "docs": "Form field name.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "Makes the switch read-only.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Form field value when checked.\nIf not set, defaults to \"on\" (standard checkbox behavior).", "docsTags": [ { "name": "default", "text": "\"on\"" } ], "default": "\"on\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "isChecked", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "isChecked() => Promise", "parameters": [], "docs": "Returns the current checked state.", "docsTags": [] }, { "name": "setChecked", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(checked: boolean) => Promise", "parameters": [ { "name": "checked", "type": "boolean", "docs": "- New checked state." } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "setChecked(checked: boolean) => Promise", "parameters": [ { "name": "checked", "type": "boolean", "docs": "- New checked state." } ], "docs": "Sets the checked state.", "docsTags": [ { "name": "param", "text": "checked - New checked state." } ] }, { "name": "toggle", "returns": { "type": "Promise", "docs": "Resolves when the toggle is complete." }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "toggle() => Promise", "parameters": [], "docs": "Toggles the checked state.", "docsTags": [ { "name": "returns", "text": "Resolves when the toggle is complete." } ] } ], "events": [ { "event": "ifxChange", "detail": "boolean", "bubbles": true, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when checked state changes.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/tabs/tab.tsx", "encapsulation": "none", "tag": "ifx-tab", "readme": "# ifx-tabs\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "Disables the tab when true.", "docsTags": [], "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "header", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "header", "reflectToAttr": false, "docs": "Visible title text displayed in the tab header.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Icon displayed in the tab header.", "docsTags": [ { "name": "default", "text": "''" } ], "default": "''", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "iconPosition", "type": "\"left\" | \"right\"", "complexType": { "original": "'left' | 'right'", "resolved": "\"left\" | \"right\"", "references": {} }, "mutable": false, "attr": "icon-position", "reflectToAttr": false, "docs": "Position of the Icon relative to the header text.", "docsTags": [ { "name": "default", "text": "'left'" } ], "default": "'left'", "values": [ { "value": "left", "type": "string" }, { "value": "right", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Text of the Advanced-Tab-Label", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "number", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "number", "reflectToAttr": false, "docs": "Number of the Advanced-Tab-Number", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "positionSticky", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "position-sticky", "reflectToAttr": false, "docs": "Makes the tab header stick to the top of its scrolling oontainer", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "subline", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "subline", "reflectToAttr": false, "docs": "Subline under the header, only for advanced variant.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "tabHeaderChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when tab header triggers a change (selection or property updates).", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/table-advanced-version/table.tsx", "encapsulation": "shadow", "tag": "ifx-table", "readme": "# ifx-table\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "buttonRendererOptions", "type": "{ onButtonClick?: (params: any, event: Event) => void; }", "complexType": { "original": "{\n\t\tonButtonClick?: (params: any, event: Event) => void;\n\t}", "resolved": "{ onButtonClick?: (params: any, event: Event) => void; }", "references": { "Event": { "location": "import", "path": "@stencil/core", "id": "../../node_modules/.pnpm/@stencil+core@4.43.4/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event", "referenceLocation": "Event" } } }, "mutable": false, "reflectToAttr": false, "docs": "Options for button renderer including click handler.", "docsTags": [], "values": [ { "type": "{ onButtonClick?: (params: any, event: Event) => void; }" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "checkboxRendererOptions", "type": "{ onCheckboxClick?: (params: any, event: Event) => void; }", "complexType": { "original": "{\n\t\tonCheckboxClick?: (params: any, event: Event) => void;\n\t}", "resolved": "{ onCheckboxClick?: (params: any, event: Event) => void; }", "references": { "Event": { "location": "import", "path": "@stencil/core", "id": "../../node_modules/.pnpm/@stencil+core@4.43.4/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event", "referenceLocation": "Event" } } }, "mutable": false, "reflectToAttr": false, "docs": "Options for checkbox renderer including click handler.", "docsTags": [], "values": [ { "type": "{ onCheckboxClick?: (params: any, event: Event) => void; }" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "cols", "type": "any", "complexType": { "original": "any", "resolved": "any", "references": {} }, "mutable": false, "attr": "cols", "reflectToAttr": false, "docs": "The column definitions for the grid.", "docsTags": [], "values": [ { "type": "any" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "columnMinWidth", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "column-min-width", "reflectToAttr": false, "docs": "Minimum width for columns.", "docsTags": [], "values": [ { "type": "number" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "columnWidth", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "column-width", "reflectToAttr": false, "docs": "Fixed width for columns.", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "enableSelection", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "enable-selection", "reflectToAttr": false, "docs": "Enable row selection.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "filterOrientation", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "filter-orientation", "reflectToAttr": false, "docs": "Filter display orientation (sidebar or inline).", "docsTags": [ { "name": "default", "text": "\"sidebar\"" } ], "default": "\"sidebar\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "fitColumns", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "fit-columns", "reflectToAttr": false, "docs": "Auto-fit columns to container width.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "headline", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "headline", "reflectToAttr": false, "docs": "Headline text displayed above the grid.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "headlineNumber", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "headline-number", "reflectToAttr": false, "docs": "Numeric value displayed in headline.", "docsTags": [ { "name": "default", "text": "null" } ], "default": "null", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "iconButtonRendererOptions", "type": "{ onIconButtonClick?: (params: any, event: Event) => void; }", "complexType": { "original": "{\n\t\tonIconButtonClick?: (params: any, event: Event) => void;\n\t}", "resolved": "{ onIconButtonClick?: (params: any, event: Event) => void; }", "references": { "Event": { "location": "import", "path": "@stencil/core", "id": "../../node_modules/.pnpm/@stencil+core@4.43.4/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event", "referenceLocation": "Event" } } }, "mutable": false, "reflectToAttr": false, "docs": "Options for icon button renderer including click handler.", "docsTags": [], "values": [ { "type": "{ onIconButtonClick?: (params: any, event: Event) => void; }" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "pagination", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "pagination", "reflectToAttr": false, "docs": "Enable or disable pagination.", "docsTags": [ { "name": "default", "text": "true" } ], "default": "true", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "paginationItemsPerPage", "type": "string | { value: string | number; selected?: boolean; label?: string; }[]", "complexType": { "original": "| string\n\t\t| Array<{ value: number | string; selected?: boolean; label?: string }>", "resolved": "string | { value: string | number; selected?: boolean; label?: string; }[]", "references": { "Array": { "location": "global", "id": "global::Array" } } }, "mutable": false, "attr": "pagination-items-per-page", "reflectToAttr": false, "docs": "Number of items per page.", "docsTags": [], "values": [ { "type": "string" }, { "type": "{ value: string" }, { "type": "number; selected?: boolean; label?: string; }[]" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rowHeight", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "row-height", "reflectToAttr": false, "docs": "Height of each row.", "docsTags": [ { "name": "default", "text": "\"default\"" } ], "default": "\"default\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rows", "type": "any", "complexType": { "original": "any", "resolved": "any", "references": {} }, "mutable": false, "attr": "rows", "reflectToAttr": false, "docs": "The rows definitions for the grid.", "docsTags": [], "values": [ { "type": "any" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "serverPageChangeHandler", "type": "(params: { page: number; pageSize: number; }) => Promise<{ rows: any[]; total: number; }>", "complexType": { "original": "(params: {\n\t\tpage: number;\n\t\tpageSize: number;\n\t}) => Promise<{ rows: any[]; total: number }>", "resolved": "(params: { page: number; pageSize: number; }) => Promise<{ rows: any[]; total: number; }>", "references": { "Promise": { "location": "global", "id": "global::Promise" } } }, "mutable": false, "reflectToAttr": false, "docs": "Handler for server-side page changes.", "docsTags": [], "values": [ { "type": "(params: { page: number; pageSize: number; }) => Promise<{ rows: any[]; total: number; }>" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "serverSidePagination", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "server-side-pagination", "reflectToAttr": false, "docs": "Enable server-side pagination mode.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showLoading", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-loading", "reflectToAttr": false, "docs": "Show loading overlay.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "tableHeight", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "table-height", "reflectToAttr": false, "docs": "Total height of the table.", "docsTags": [ { "name": "default", "text": "\"auto\"" } ], "default": "\"auto\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Visual variant of the grid.", "docsTags": [ { "name": "default", "text": "\"default\"" } ], "default": "\"default\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "onBtShowLoading", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "onBtShowLoading() => Promise", "parameters": [], "docs": "Shows the loading overlay on the grid.", "docsTags": [ { "name": "returns" } ] } ], "events": [ { "event": "ifxSortChange", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Emitted when sort order changes.", "docsTags": [] } ], "listeners": [ { "event": "ifxItemsPerPageChange", "capture": false, "passive": false }, { "event": "ifxChange", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-button", "ifx-icon", "ifx-chip", "ifx-chip-item", "ifx-pagination" ], "dependencyGraph": { "ifx-table": [ "ifx-button", "ifx-icon", "ifx-chip", "ifx-chip-item", "ifx-pagination" ], "ifx-chip": [ "ifx-icon", "ifx-indicator" ], "ifx-chip-item": [ "ifx-checkbox", "ifx-icon" ], "ifx-checkbox": [ "ifx-icon" ], "ifx-pagination": [ "ifx-select", "ifx-icon-button" ], "ifx-select": [ "ifx-icon" ], "ifx-icon-button": [ "ifx-icon" ] } }, { "filePath": "src/components/tabs/tabs.tsx", "encapsulation": "shadow", "tag": "ifx-tabs", "readme": "# ifx-tabs\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "activeTabIndex", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "active-tab-index", "reflectToAttr": false, "docs": "Index of the currently active tab.", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "fullWidth", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "full-width", "reflectToAttr": false, "docs": "Stretches tabs to evenly fill the available horizontal space.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Text of the Advanced-Tab-Label", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "number", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "number", "reflectToAttr": false, "docs": "Number of the Advanced-Tab-Number", "docsTags": [ { "name": "default", "text": "0" } ], "default": "0", "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "orientation", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "orientation", "reflectToAttr": false, "docs": "Orientation of tab list, either horizontal or vertical.", "docsTags": [ { "name": "default", "text": "\"horizontal\"" } ], "default": "\"horizontal\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "positionSticky", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "position-sticky", "reflectToAttr": false, "docs": "Makes the tab header stick to the top of its scrolling oontainer", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "subline", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "subline", "reflectToAttr": false, "docs": "Subline under the header, only for advanced variant.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxChange", "detail": "any", "bubbles": false, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": false, "docs": "Emitted when the active tab changes (e.g., user selects a different tab).", "docsTags": [] } ], "listeners": [ { "event": "resize", "target": "window", "capture": false, "passive": true }, { "event": "tabHeaderChange", "capture": false, "passive": false }, { "event": "scroll", "target": "window", "capture": false, "passive": true }, { "event": "slotchange", "capture": false, "passive": false }, { "event": "keydown", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon-button", "ifx-icon", "ifx-indicator", "ifx-chip" ], "dependencyGraph": { "ifx-tabs": [ "ifx-icon-button", "ifx-icon", "ifx-indicator", "ifx-chip" ], "ifx-icon-button": [ "ifx-icon" ], "ifx-chip": [ "ifx-icon", "ifx-indicator" ] } }, { "filePath": "src/components/templates/template/template.tsx", "encapsulation": "shadow", "tag": "ifx-template", "readme": "# ifx-template\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": false, "docs": "Name of the template field.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "thumbnail", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "thumbnail", "reflectToAttr": false, "docs": "Thumbnail image URL or identifier for the template.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "toggleTemplate", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "(currTemp: any) => Promise", "parameters": [ { "name": "currTemp", "type": "any", "docs": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "toggleTemplate(currTemp: any) => Promise", "parameters": [ { "name": "currTemp", "type": "any", "docs": "" } ], "docs": "Toggles visibility of this template and hides the currently open one if needed.", "docsTags": [] } ], "events": [ { "event": "fieldError", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when a validation error occurs on the field.", "docsTags": [] }, { "event": "toggleTemplates", "detail": "any", "bubbles": true, "complexType": { "original": "any", "resolved": "any", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when templates are toggled on or off.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-templates-ui" ], "dependencies": [ "ifx-spinner", "ifx-link", "ifx-text-field", "ifx-button" ], "dependencyGraph": { "ifx-template": [ "ifx-spinner", "ifx-link", "ifx-text-field", "ifx-button" ], "ifx-text-field": [ "ifx-icon" ], "ifx-templates-ui": [ "ifx-template" ] } }, { "filePath": "src/components/templates/templates-ui/templates-ui.tsx", "encapsulation": "shadow", "tag": "ifx-templates-ui", "readme": "# ifx-templates-preview\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [], "methods": [], "events": [], "listeners": [ { "event": "fieldError", "capture": false, "passive": false }, { "event": "toggleTemplates", "capture": false, "passive": false } ], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon-button", "ifx-alert", "ifx-template" ], "dependencyGraph": { "ifx-templates-ui": [ "ifx-icon-button", "ifx-alert", "ifx-template" ], "ifx-icon-button": [ "ifx-icon" ], "ifx-alert": [ "ifx-icon" ], "ifx-template": [ "ifx-spinner", "ifx-link", "ifx-text-field", "ifx-button" ], "ifx-text-field": [ "ifx-icon" ] } }, { "filePath": "src/components/text-field/text-field.tsx", "encapsulation": "shadow", "tag": "ifx-text-field", "readme": "# ifx-text-field\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "autocomplete", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "autocomplete", "reflectToAttr": false, "docs": "Native autocomplete attribute value.", "docsTags": [ { "name": "default", "text": "\"on\"" } ], "default": "\"on\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "caption", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption", "reflectToAttr": false, "docs": "Helper text shown below the text field.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, the text field is disabled and not interactive.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "If true, shows the text field in an error state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Optional icon shown inside or next to the text field.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "internalId", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "internal-id", "reflectToAttr": false, "docs": "Internal ID used to link label and input elements.", "docsTags": [ { "name": "default", "text": "\"text-field\"" } ], "default": "\"text-field\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Label text shown above the text field.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxlength", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "maxlength", "reflectToAttr": false, "docs": "Maximum number of characters allowed.", "docsTags": [], "values": [ { "type": "number" } ], "optional": true, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": true, "docs": "Name attribute used when submitting the text field in a form.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "placeholder", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, "docs": "Placeholder text shown when the field is empty.", "docsTags": [ { "name": "default", "text": "\"Placeholder\"" } ], "default": "\"Placeholder\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "If true, the text field is read-only but focusable.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": false, "docs": "Whether a value is required (used for validation).", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "showDeleteIcon", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "show-delete-icon", "reflectToAttr": false, "docs": "If true, shows a delete/clear icon to remove the current value.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "size", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of the text field (e.g. s, m, l).", "docsTags": [ { "name": "default", "text": "\"m\"" } ], "default": "\"m\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "success", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "success", "reflectToAttr": false, "docs": "If true, shows the text field in a success/valid state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "type", "type": "\"password\" | \"text\"", "complexType": { "original": "\"text\" | \"password\"", "resolved": "\"password\" | \"text\"", "references": {} }, "mutable": false, "attr": "type", "reflectToAttr": false, "docs": "Input type for the field (text or password).", "docsTags": [ { "name": "default", "text": "\"text\"" } ], "default": "\"text\"", "values": [ { "value": "password", "type": "string" }, { "value": "text", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": true, "attr": "value", "reflectToAttr": false, "docs": "Current value of the text field (can be updated programmatically).", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "reset", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "reset() => Promise", "parameters": [], "docs": "Resets the text field value and clears the underlying input element.", "docsTags": [] } ], "events": [ { "event": "ifxInput", "detail": "string", "bubbles": true, "complexType": { "original": "string", "resolved": "string", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the user types or the value changes.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [ "ifx-set-filter", "ifx-template" ], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-text-field": [ "ifx-icon" ], "ifx-set-filter": [ "ifx-text-field" ], "ifx-template": [ "ifx-text-field" ] } }, { "filePath": "src/components/textarea/textarea.tsx", "encapsulation": "shadow", "tag": "ifx-textarea", "readme": "# ifx-text-area\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "caption", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "caption", "reflectToAttr": false, "docs": "Helper text shown below the textarea.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "cols", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "cols", "reflectToAttr": false, "docs": "Number of visible text columns.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disabled", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disabled", "reflectToAttr": false, "docs": "If true, the textarea is disabled and not interactive.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "error", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "error", "reflectToAttr": false, "docs": "If true, shows the textarea in an error state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "fullWidth", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "full-width", "reflectToAttr": true, "docs": "If 'true', the textarea stretches to fill the available width.", "docsTags": [ { "name": "default", "text": "\"false\"" } ], "default": "\"false\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Label text shown above the textarea.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "maxlength", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "maxlength", "reflectToAttr": false, "docs": "Maximum number of characters allowed.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "name", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "name", "reflectToAttr": true, "docs": "Name attribute used when submitting the textarea in a form.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "placeholder", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, "docs": "Placeholder text shown when the textarea is empty.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "readOnly", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "read-only", "reflectToAttr": false, "docs": "If true, the textarea is read-only but focusable.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "required", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "required", "reflectToAttr": false, "docs": "Whether a value is required (used for validation).", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "resize", "type": "\"both\" | \"horizontal\" | \"none\" | \"vertical\"", "complexType": { "original": "\"both\" | \"horizontal\" | \"vertical\" | \"none\"", "resolved": "\"both\" | \"horizontal\" | \"none\" | \"vertical\"", "references": {} }, "mutable": false, "attr": "resize", "reflectToAttr": false, "docs": "How the textarea can be resized by the user.", "docsTags": [ { "name": "default", "text": "\"both\"" } ], "default": "\"both\"", "values": [ { "value": "both", "type": "string" }, { "value": "horizontal", "type": "string" }, { "value": "none", "type": "string" }, { "value": "vertical", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "rows", "type": "number", "complexType": { "original": "number", "resolved": "number", "references": {} }, "mutable": false, "attr": "rows", "reflectToAttr": false, "docs": "Number of visible text rows.", "docsTags": [], "values": [ { "type": "number" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": true, "attr": "value", "reflectToAttr": false, "docs": "Current value of the textarea (can be updated programmatically).", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "wrap", "type": "\"hard\" | \"off\" | \"soft\"", "complexType": { "original": "\"hard\" | \"soft\" | \"off\"", "resolved": "\"hard\" | \"off\" | \"soft\"", "references": {} }, "mutable": false, "attr": "wrap", "reflectToAttr": false, "docs": "How text wrapping is handled in the textarea.", "docsTags": [ { "name": "default", "text": "\"soft\"" } ], "default": "\"soft\"", "values": [ { "value": "hard", "type": "string" }, { "value": "off", "type": "string" }, { "value": "soft", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [ { "name": "reset", "returns": { "type": "Promise", "docs": "" }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "signature": "reset() => Promise", "parameters": [], "docs": "Resets the textarea value to its initial state.", "docsTags": [] } ], "events": [ { "event": "ifxInput", "detail": "string", "bubbles": true, "complexType": { "original": "string", "resolved": "string", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the textarea value changes.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/tooltip/tooltip.tsx", "encapsulation": "shadow", "tag": "ifx-tooltip", "readme": "# ifx-tooltip\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "appendToBody", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "append-to-body", "reflectToAttr": false, "docs": "If true, appends the tooltip element to document.body for positioning.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label for screen readers.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "header", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "header", "reflectToAttr": false, "docs": "Header text displayed at the top of the tooltip.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "icon", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "icon", "reflectToAttr": false, "docs": "Optional icon displayed in the tooltip.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "position", "type": "\"auto\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"right\" | \"top\" | \"top-end\" | \"top-start\"", "complexType": { "original": "\"bottom-start\" | \"top-start\" | \"left\" | \"bottom-end\" | \"top-end\" | \"right\" | \"bottom\" | \"top\" | \"auto\"", "resolved": "\"auto\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"right\" | \"top\" | \"top-end\" | \"top-start\"", "references": {} }, "mutable": false, "attr": "position", "reflectToAttr": false, "docs": "Preferred position of the tooltip relative to the trigger element.", "docsTags": [ { "name": "default", "text": "\"auto\"" } ], "default": "\"auto\"", "values": [ { "value": "auto", "type": "string" }, { "value": "bottom", "type": "string" }, { "value": "bottom-end", "type": "string" }, { "value": "bottom-start", "type": "string" }, { "value": "left", "type": "string" }, { "value": "right", "type": "string" }, { "value": "top", "type": "string" }, { "value": "top-end", "type": "string" }, { "value": "top-start", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "text", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "text", "reflectToAttr": false, "docs": "Main content text displayed inside the tooltip.", "docsTags": [ { "name": "default", "text": "\"\"" } ], "default": "\"\"", "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "variant", "type": "\"compact\" | \"dismissible\" | \"extended\"", "complexType": { "original": "\"compact\" | \"dismissible\" | \"extended\"", "resolved": "\"compact\" | \"dismissible\" | \"extended\"", "references": {} }, "mutable": false, "attr": "variant", "reflectToAttr": false, "docs": "Visual style variant of the tooltip.", "docsTags": [ { "name": "default", "text": "\"compact\"" } ], "default": "\"compact\"", "values": [ { "value": "compact", "type": "string" }, { "value": "dismissible", "type": "string" }, { "value": "extended", "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-icon" ], "dependencyGraph": { "ifx-tooltip": [ "ifx-icon" ] } }, { "filePath": "src/components/tree-view/tree-view.tsx", "encapsulation": "shadow", "tag": "ifx-tree-view", "readme": "# ifx-tree-view-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label for the tree view container.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disableAllItems", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disable-all-items", "reflectToAttr": false, "docs": "If true, disables all items in the tree view.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "expandAllItems", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "expand-all-items", "reflectToAttr": false, "docs": "If true, expands all items in the tree view.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "label", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "label", "reflectToAttr": false, "docs": "Optional label displayed for the tree view.", "docsTags": [], "values": [ { "type": "string" } ], "optional": true, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxTreeViewDisableAllChange", "detail": "boolean", "bubbles": true, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the “disable all items” state changes.", "docsTags": [] }, { "event": "ifxTreeViewExpandAllChange", "detail": "boolean", "bubbles": true, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "cancelable": true, "composed": true, "docs": "Fired when the “expand all items” state changes.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} }, { "filePath": "src/components/tree-view/tree-view-item.tsx", "encapsulation": "shadow", "tag": "ifx-tree-view-item", "readme": "# ifx-tree-view-item\n\n\n", "docs": "", "docsTags": [], "usage": {}, "props": [ { "name": "ariaLabelText", "type": "string", "complexType": { "original": "string | null", "resolved": "string", "references": {} }, "mutable": false, "attr": "aria-label-text", "reflectToAttr": false, "docs": "Accessible label for this tree item.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "disableItem", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "disable-item", "reflectToAttr": false, "docs": "If true, the item is disabled and not interactive.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "expanded", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": true, "attr": "expanded", "reflectToAttr": true, "docs": "Whether this tree item is currently expanded (shows its children).", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "initiallyExpanded", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "initially-expanded", "reflectToAttr": false, "docs": "If true, the item starts in an expanded state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "initiallySelected", "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "mutable": false, "attr": "initially-selected", "reflectToAttr": false, "docs": "If true, the item starts in a selected/checked state.", "docsTags": [ { "name": "default", "text": "false" } ], "default": "false", "values": [ { "type": "boolean" } ], "optional": false, "required": false, "getter": false, "setter": false }, { "name": "value", "type": "string", "complexType": { "original": "string", "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": false, "docs": "Value associated with this tree item.", "docsTags": [], "values": [ { "type": "string" } ], "optional": false, "required": false, "getter": false, "setter": false } ], "methods": [], "events": [ { "event": "ifxTreeViewItemCheckChange", "detail": "TreeViewCheckChangeEvent", "bubbles": true, "complexType": { "original": "TreeViewCheckChangeEvent", "resolved": "TreeViewCheckChangeEvent", "references": { "TreeViewCheckChangeEvent": { "location": "local", "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/tree-view/tree-view-item.tsx", "id": "src/components/tree-view/tree-view-item.tsx::TreeViewCheckChangeEvent" } } }, "cancelable": true, "composed": true, "docs": "Fired when the checked / selected state of the item changes.", "docsTags": [] }, { "event": "ifxTreeViewItemDisableChange", "detail": "TreeViewDisableChangeEvent", "bubbles": true, "complexType": { "original": "TreeViewDisableChangeEvent", "resolved": "TreeViewDisableChangeEvent", "references": { "TreeViewDisableChangeEvent": { "location": "local", "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/tree-view/tree-view-item.tsx", "id": "src/components/tree-view/tree-view-item.tsx::TreeViewDisableChangeEvent" } } }, "cancelable": true, "composed": true, "docs": "Fired when the disabled state of the item changes.", "docsTags": [] }, { "event": "ifxTreeViewItemExpandChange", "detail": "TreeViewExpandChangeEvent", "bubbles": true, "complexType": { "original": "TreeViewExpandChangeEvent", "resolved": "TreeViewExpandChangeEvent", "references": { "TreeViewExpandChangeEvent": { "location": "local", "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/tree-view/tree-view-item.tsx", "id": "src/components/tree-view/tree-view-item.tsx::TreeViewExpandChangeEvent" } } }, "cancelable": true, "composed": true, "docs": "Fired when the expanded / collapsed state of the item changes.", "docsTags": [] } ], "listeners": [], "styles": [], "slots": [], "parts": [], "states": [], "dependents": [], "dependencies": [ "ifx-checkbox", "ifx-icon" ], "dependencyGraph": { "ifx-tree-view-item": [ "ifx-checkbox", "ifx-icon" ], "ifx-checkbox": [ "ifx-icon" ] } } ], "typeLibrary": { "src/components/action-list/action-list-item.tsx::ActionListItemClickEvent": { "declaration": "export interface ActionListItemClickEvent {\n\tvalue?: string;\n\thref?: string;\n\ttarget?: string;\n\tcomponent?: ActionListItem;\n}", "docstring": "", "path": "src/components/action-list/action-list-item.tsx" }, "src/components/content-switcher/content-switcher.tsx::ChangeEvent": { "declaration": "{ oldValue: string; newValue: string }", "docstring": "", "path": "src/components/content-switcher/content-switcher.tsx" }, "src/components/dropdown/dropdown.tsx::Placement": { "declaration": "export type Placement =\n\t| \"auto\"\n\t| \"auto-start\"\n\t| \"auto-end\"\n\t| \"top\"\n\t| \"top-start\"\n\t| \"top-end\"\n\t| \"bottom\"\n\t| \"bottom-start\"\n\t| \"bottom-end\"\n\t| \"right\"\n\t| \"right-start\"\n\t| \"right-end\"\n\t| \"left\"\n\t| \"left-start\"\n\t| \"left-end\";", "docstring": "", "path": "src/components/dropdown/dropdown.tsx" }, "src/components/dropdown/IOpenable.ts::IOpenable": { "declaration": "export interface IOpenable {\n\tisOpen: boolean;\n}", "docstring": "", "path": "src/components/dropdown/IOpenable.ts" }, "src/components/notification/notification.tsx::NotificationVariant": { "declaration": "export type NotificationVariant = \"success\" | \"locked\" | \"error\" | \"neutral\";", "docstring": "", "path": "src/components/notification/notification.tsx" }, "src/components/search-field/search-field.tsx::SuggestionItem": { "declaration": "export interface SuggestionItem {\n\tid: string;\n\ttext: string;\n\ttype?: \"suggestion\" | \"history\";\n\tscope?: string;\n\tresultCount?: number;\n\tmetadata?: any;\n}", "docstring": "", "path": "src/components/search-field/search-field.tsx" }, "src/components/tree-view/tree-view-item.tsx::TreeViewExpandChangeEvent": { "declaration": "export interface TreeViewExpandChangeEvent {\n\texpanded: boolean;\n\tvalue?: string;\n\taffectedItems?: Array<{ expanded: boolean; value?: string }>;\n\tcomponent?: TreeViewItem;\n}", "docstring": "", "path": "src/components/tree-view/tree-view-item.tsx" }, "src/components/tree-view/tree-view-item.tsx::TreeViewCheckChangeEvent": { "declaration": "export interface TreeViewCheckChangeEvent {\n\tchecked: boolean;\n\tindeterminate: boolean;\n\tvalue?: string;\n\taffectedChildItems?: Array<{\n\t\tchecked: boolean;\n\t\tindeterminate: boolean;\n\t\tvalue?: string;\n\t}>;\n\tcomponent?: TreeViewItem;\n}", "docstring": "", "path": "src/components/tree-view/tree-view-item.tsx" }, "src/components/tree-view/tree-view-item.tsx::TreeViewDisableChangeEvent": { "declaration": "export interface TreeViewDisableChangeEvent {\n\tdisabled: boolean;\n\tcomponent?: TreeViewItem;\n}", "docstring": "", "path": "src/components/tree-view/tree-view-item.tsx" }, "src/components/chip/interfaces.tsx::ChipItemSelectEvent": { "declaration": "export interface ChipItemSelectEvent {\n\tkey: number;\n\temitIfxChange: boolean;\n\tlabel: string;\n\tselected: boolean;\n\tvalue: string;\n}", "docstring": "", "path": "src/components/chip/interfaces.tsx" }, "src/components/chip/interfaces.tsx::ChipState": { "declaration": "export interface ChipState {\n\temitIfxChipItemSelect: boolean;\n\tsize: \"small\" | \"medium\" | \"large\";\n\tvariant: \"single\" | \"multi\";\n\tkey?: number;\n}", "docstring": "", "path": "src/components/chip/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::SortFn": { "declaration": "(el1: any, el2: any) => number", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::NoResultsTextFn": { "declaration": "() => string", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::NoChoicesTextFn": { "declaration": "() => string", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::AddItemTextFn": { "declaration": "export type AddItemTextFn = ((value: string) => string) | string;", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::MaxItemTextFn": { "declaration": "(maxItemCount: number) => string", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::UniqueItemText": { "declaration": "export type UniqueItemText = ((value: string) => string) | string;", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::ClassNames": { "declaration": "{\n\tcontainerOuter?: string;\n\tcontainerInner?: string;\n\tinput?: string;\n\tinputCloned?: string;\n\tlist?: string;\n\tlistItems?: string;\n\tlistSingle?: string;\n\tlistDropdown?: string;\n\titem?: string;\n\titemSelectable?: string;\n\titemDisabled?: string;\n\titemChoice?: string;\n\tplaceholder?: string;\n\tgroup?: string;\n\tgroupHeading?: string;\n\tbutton?: string;\n\tactiveState?: string;\n\tfocusState?: string;\n\topenState?: string;\n\tdisabledState?: string;\n\thighlightedState?: string;\n\tselectedState: string;\n\tflippedState?: string;\n\tloadingState?: string;\n\tnoResults?: string;\n\tnoChoices?: string;\n}", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::FuseOptions": { "declaration": "{\n\tid?: string;\n\tcaseSensitive?: boolean;\n\tincludeMatches?: boolean;\n\tincludeScore?: boolean;\n\tshouldSort?: boolean;\n\tkeys?: Array | Array | Array;\n\tverbose?: boolean;\n\ttokenize?: boolean;\n\ttokenSeparator?: RegExp;\n\tmatchAllTokens?: boolean;\n\tlocation?: number;\n\tdistance?: number;\n\tthreshold?: number;\n\tmaxPatternLength?: number;\n\tminMatchCharLength?: number;\n\tfindAllMatches?: boolean;\n\tsortFn?(a: { score: number }, b: { score: number }): number;\n\tgetFn?(obj: any, path: string): any;\n}", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::ItemFilterFn": { "declaration": "(value: string) => boolean", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::CustomAddItemText": { "declaration": "export type CustomAddItemText = ((value: string) => string) | string;", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::OnInit": { "declaration": "() => void", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::OnCreateTemplates": { "declaration": "(template) => any", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::ValueCompareFunction": { "declaration": "(value1: string, value2: string) => boolean", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/select/single-select/interfaces.tsx::AjaxFn": { "declaration": "(callback) => void", "docstring": "", "path": "src/components/select/single-select/interfaces.tsx" }, "src/components/stepper/interfaces.tsx::StepperState": { "declaration": "export interface StepperState {\n\tactiveStep: number;\n\tindicatorPosition: \"left\" | \"right\";\n\tshowStepNumber: boolean;\n\tvariant: \"default\" | \"compact\" | \"vertical\";\n\n\tsetActiveStep?(stepId: number, setByClick: boolean): null;\n}", "docstring": "", "path": "src/components/stepper/interfaces.tsx" }, "../../node_modules/.pnpm/@stencil+core@4.43.4/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event": { "declaration": "any", "docstring": "", "path": "../../node_modules/.pnpm/@stencil+core@4.43.4/node_modules/@stencil/core/internal/stencil-core/index.d.ts" } } }