@infineon/infineon-design-system-stencil 34.0.0 → 34.1.0--canary.1869.c8fa801b11851141817f6d2e8640a1fb13494ba5.0

package/dist/infineon-design-system-stencil/{p-ce448991.entry.js → p-fa81a54a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o}from"./p-e6edf72d.js";const a=':root{font-family:"Source Sans 3", sans-serif}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:"Source Sans 3"}.dropdown-header span{color:#575352;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:400;line-height:20px;}';const d=a;const r=class{constructor(o){e(this,o)}render(){return o("div",{key:"d93c45a63fba5ca781065e118af56370ddb340eb",class:"dropdown-header"},o("span",{key:"dbcc17303d9d0cef7daf2150ac77833498f76ae7"},o("slot",{key:"f157de72d9b164e2492fae87d457da8227eb77ce"})))}};r.style=d;export{r as ifx_dropdown_header};
-//# sourceMappingURL=p-ce448991.entry.js.map
+import{r as e,h as o}from"./p-b7a462e5.js";const a=':root{font-family:"Source Sans 3", sans-serif}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:"Source Sans 3"}.dropdown-header span{color:#575352;font-family:"Source Sans 3";font-size:14px;font-style:normal;font-weight:400;line-height:20px;}';const d=a;const r=class{constructor(o){e(this,o)}render(){return o("div",{key:"d93c45a63fba5ca781065e118af56370ddb340eb",class:"dropdown-header"},o("span",{key:"dbcc17303d9d0cef7daf2150ac77833498f76ae7"},o("slot",{key:"f157de72d9b164e2492fae87d457da8227eb77ce"})))}};r.style=d;export{r as ifx_dropdown_header};
+//# sourceMappingURL=p-fa81a54a.entry.js.map

package/dist/infineon-design-system-stencil/{p-41846fb5.entry.js → p-fb7fbe44.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as i,g as o}from"./p-e6edf72d.js";const t=':host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:top;padding:0px;gap:8px;font-family:"Source Sans 3";vertical-align:bottom}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate){background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):hover{background-color:#08665C;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:"";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}';const c=t;const n=class{constructor(i){e(this,i);this.ifxChange=r(this,"ifxChange",7);this.ifxError=r(this,"ifxError",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.size="m";this.indeterminate=false}handleCheckbox(){if(!this.disabled){if(!this.inputElement.indeterminate){this.internalChecked=!this.internalChecked}if(this.internalChecked&&!this.internalIndeterminate){if(this.value!==undefined){this.internals.setFormValue(this.value)}else{this.internals.setFormValue("on")}}else{this.internals.setFormValue(null)}this.ifxChange.emit(this.internalChecked)}}async isChecked(){return this.internalChecked}async toggleCheckedState(e){this.internalChecked=e}valueChanged(e,r){if(e!==r){this.internalChecked=e;this.inputElement.checked=this.internalChecked}}errorChanged(e,r){if(e!==r){this.ifxError.emit(e)}}indeterminateChanged(e,r){if(e!==r){this.internalIndeterminate=e;this.inputElement.indeterminate=this.internalIndeterminate}}handleKeydown(e){if(e.keyCode===32||e.keyCode===13){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.internalIndeterminate=this.indeterminate}componentDidRender(){this.inputElement.indeterminate=this.internalIndeterminate}formResetCallback(){this.internals.setFormValue(null)}getCheckedClassName(){if(this.error){if(this.internalChecked){return"checked error"}else{return"error"}}else if(this.internalChecked){return"checked"}else return""}render(){const e=this.el.innerHTML;let r=false;if(e){r=true}return i("div",{key:"ae37e8cf56cecc28d1d3441e4ca70a66d19fd4a9",class:"checkbox__container"},i("input",{key:"210ff7879962c1df556491d83d3ebcf7238b6b50",type:"checkbox",hidden:true,ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),id:"checkbox",value:`${this.value}`,disabled:this.disabled?true:undefined}),i("div",{key:"2b1b2065f41003c4e627e802fa70728f7b884710",tabindex:"0",onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.indeterminate?"mixed":this.internalChecked.toString(),"aria-disabled":this.disabled,"aria-labelledby":"label",class:`checkbox__wrapper \n          ${this.getCheckedClassName()}\n        ${this.size==="m"?"checkbox-m":""}\n        ${this.indeterminate?"indeterminate":""}\n        ${this.disabled?"disabled":""}`},this.internalChecked&&!this.internalIndeterminate&&i("ifx-icon",{key:"ca2171404ee8926623bab88b5d4abbb906d66a9d",icon:"check-12","aria-hidden":"true"})),r&&i("div",{key:"efb5c73f051dceb60b79220bffd5b1694502be7b",id:"label",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""} `,onClick:this.handleCheckbox.bind(this)},i("slot",{key:"1c3d1089dfce161a4e4c093c3211a8d772b3d90b"})))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{checked:["valueChanged"],error:["errorChanged"],indeterminate:["indeterminateChanged"]}}};n.style=c;export{n as ifx_checkbox};
-//# sourceMappingURL=p-41846fb5.entry.js.map
+import{r as e,c as r,h as i,g as o}from"./p-b7a462e5.js";const t=':host{display:inline-flex;vertical-align:top}.checkbox__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:top;padding:0px;gap:8px;font-family:"Source Sans 3";vertical-align:bottom}.checkbox__container .checkbox__wrapper{box-sizing:border-box;display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:#FFFFFF;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0;align-self:flex-start}.checkbox__container .checkbox__wrapper.checkbox-m{height:24px;width:24px}.checkbox__container .checkbox__wrapper.error{border-color:#CD002F}.checkbox__container .checkbox__wrapper:focus-visible{border:1px solid #575352;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper:hover{background-color:#EEEDED;border:1px solid #575352;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate){background-color:#0A8276;border-radius:1px;border-color:transparent;flex:none;order:0;flex-grow:0;color:#FFFFFF}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).error{background-color:#CD002F}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):focus-visible{border:1px solid transparent;outline:2px solid #0A8276;outline-offset:2px}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate):hover{background-color:#08665C;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.checked:not(.indeterminate).disabled{background:#BFBBBB;border-radius:1px;flex:none;order:0;flex-grow:0}.checkbox__container .checkbox__wrapper.indeterminate:before{content:"";display:block;width:70%;height:2px;background-color:#08665C;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox__container .label{font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;max-width:100%}.checkbox__container .label.label-m{font-size:1rem;line-height:1.5rem}.checkbox__container .label.disabled{color:#BFBBBB}.checkbox__container .checkbox__wrapper:hover,.checkbox__container .label:hover{cursor:pointer}';const c=t;const n=class{constructor(i){e(this,i);this.ifxChange=r(this,"ifxChange",7);this.ifxError=r(this,"ifxError",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.size="m";this.indeterminate=false}handleCheckbox(){if(!this.disabled){if(!this.inputElement.indeterminate){this.internalChecked=!this.internalChecked}if(this.internalChecked&&!this.internalIndeterminate){if(this.value!==undefined){this.internals.setFormValue(this.value)}else{this.internals.setFormValue("on")}}else{this.internals.setFormValue(null)}this.ifxChange.emit(this.internalChecked)}}async isChecked(){return this.internalChecked}async toggleCheckedState(e){this.internalChecked=e}valueChanged(e,r){if(e!==r){this.internalChecked=e;this.inputElement.checked=this.internalChecked}}errorChanged(e,r){if(e!==r){this.ifxError.emit(e)}}indeterminateChanged(e,r){if(e!==r){this.internalIndeterminate=e;this.inputElement.indeterminate=this.internalIndeterminate}}handleKeydown(e){if(e.keyCode===32||e.keyCode===13){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.internalIndeterminate=this.indeterminate}componentDidRender(){this.inputElement.indeterminate=this.internalIndeterminate}formResetCallback(){this.internals.setFormValue(null)}getCheckedClassName(){if(this.error){if(this.internalChecked){return"checked error"}else{return"error"}}else if(this.internalChecked){return"checked"}else return""}render(){const e=this.el.innerHTML;let r=false;if(e){r=true}return i("div",{key:"ae37e8cf56cecc28d1d3441e4ca70a66d19fd4a9",class:"checkbox__container"},i("input",{key:"210ff7879962c1df556491d83d3ebcf7238b6b50",type:"checkbox",hidden:true,ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),id:"checkbox",value:`${this.value}`,disabled:this.disabled?true:undefined}),i("div",{key:"2b1b2065f41003c4e627e802fa70728f7b884710",tabindex:"0",onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.indeterminate?"mixed":this.internalChecked.toString(),"aria-disabled":this.disabled,"aria-labelledby":"label",class:`checkbox__wrapper \n          ${this.getCheckedClassName()}\n        ${this.size==="m"?"checkbox-m":""}\n        ${this.indeterminate?"indeterminate":""}\n        ${this.disabled?"disabled":""}`},this.internalChecked&&!this.internalIndeterminate&&i("ifx-icon",{key:"ca2171404ee8926623bab88b5d4abbb906d66a9d",icon:"check-12","aria-hidden":"true"})),r&&i("div",{key:"efb5c73f051dceb60b79220bffd5b1694502be7b",id:"label",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""} `,onClick:this.handleCheckbox.bind(this)},i("slot",{key:"1c3d1089dfce161a4e4c093c3211a8d772b3d90b"})))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{checked:["valueChanged"],error:["errorChanged"],indeterminate:["indeterminateChanged"]}}};n.style=c;export{n as ifx_checkbox};
+//# sourceMappingURL=p-fb7fbe44.entry.js.map

package/dist/infineon-design-system-stencil/{p-a3ece62e.entry.js → p-fe38ca7b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as s,g as r}from"./p-e6edf72d.js";const i=':root{font-family:"Source Sans 3", sans-serif}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:"Source Sans 3"}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}';const t=i;const h=class{constructor(s){e(this,s);this.ifxInput=a(this,"ifxInput",7);this.ifxOpen=a(this,"ifxOpen",7);this.isOpen=true;this.disabled=false;this.autocomplete="on";this.handleCloseButton=()=>{this.internalState=!this.internalState;this.ifxOpen.emit(this.internalState)};this.handleFocus=()=>{this.internalState=true}}async onNavbarMobile(){this.ifxOpen.emit(false);this.internalState=false}handlePropChange(){this.internalState=this.isOpen}setInitialState(){this.internalState=this.isOpen}componentWillLoad(){this.setInitialState();this.ifxOpen.emit(this.internalState)}handleInput(e){this.value=e.detail}render(){return s("div",{key:"751e06cbb3de13b0abce4cda3419a35b9fc8ddda","aria-label":"a search bar","aria-disabled":this.disabled,class:`search-bar ${this.internalState?"open":"closed"}`},this.internalState?s("div",{class:"search-bar-wrapper"},s("ifx-search-field",{autocomplete:this.autocomplete,disabled:this.disabled,value:this.value,maxlength:this.maxlength,onIfxInput:this.handleInput.bind(this)},s("ifx-icon",{icon:"search-16",slot:"search-icon"})),s("a",{tabindex:"-1",href:"javascript:void(0)",onClick:this.handleCloseButton},"Close")):s("div",{class:"search-bar__icon-wrapper",onClick:this.handleCloseButton},s("ifx-icon",{icon:"search-16"})))}get el(){return r(this)}static get watchers(){return{isOpen:["handlePropChange"]}}};h.style=t;export{h as ifx_search_bar};
-//# sourceMappingURL=p-a3ece62e.entry.js.map
+import{r as e,c as a,h as s,g as r}from"./p-b7a462e5.js";const i=':root{font-family:"Source Sans 3", sans-serif}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:"Source Sans 3"}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}';const t=i;const h=class{constructor(s){e(this,s);this.ifxInput=a(this,"ifxInput",7);this.ifxOpen=a(this,"ifxOpen",7);this.isOpen=true;this.disabled=false;this.autocomplete="on";this.handleCloseButton=()=>{this.internalState=!this.internalState;this.ifxOpen.emit(this.internalState)};this.handleFocus=()=>{this.internalState=true}}async onNavbarMobile(){this.ifxOpen.emit(false);this.internalState=false}handlePropChange(){this.internalState=this.isOpen}setInitialState(){this.internalState=this.isOpen}componentWillLoad(){this.setInitialState();this.ifxOpen.emit(this.internalState)}handleInput(e){this.value=e.detail}render(){return s("div",{key:"751e06cbb3de13b0abce4cda3419a35b9fc8ddda","aria-label":"a search bar","aria-disabled":this.disabled,class:`search-bar ${this.internalState?"open":"closed"}`},this.internalState?s("div",{class:"search-bar-wrapper"},s("ifx-search-field",{autocomplete:this.autocomplete,disabled:this.disabled,value:this.value,maxlength:this.maxlength,onIfxInput:this.handleInput.bind(this)},s("ifx-icon",{icon:"search-16",slot:"search-icon"})),s("a",{tabindex:"-1",href:"javascript:void(0)",onClick:this.handleCloseButton},"Close")):s("div",{class:"search-bar__icon-wrapper",onClick:this.handleCloseButton},s("ifx-icon",{icon:"search-16"})))}get el(){return r(this)}static get watchers(){return{isOpen:["handlePropChange"]}}};h.style=t;export{h as ifx_search_bar};
+//# sourceMappingURL=p-fe38ca7b.entry.js.map

package/dist/types/components/tree-view/tree-view-item.d.ts

@@ -0,0 +1,70 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface TreeViewCheckChangeEvent {
+    checked: boolean;
+    indeterminate: boolean;
+    value?: string;
+    affectedChildItems?: Array<{
+        checked: boolean;
+        indeterminate: boolean;
+        value?: string;
+    }>;
+    component?: TreeViewItem;
+}
+export interface TreeViewExpandChangeEvent {
+    expanded: boolean;
+    value?: string;
+    affectedItems?: Array<{
+        expanded: boolean;
+        value?: string;
+    }>;
+    component?: TreeViewItem;
+}
+export interface TreeViewDisableChangeEvent {
+    disabled: boolean;
+    component?: TreeViewItem;
+}
+export declare class TreeViewItem {
+    host: HTMLElement;
+    expanded: boolean;
+    initiallyExpanded: boolean;
+    disableItem: boolean;
+    ariaLabel: string | null;
+    initiallySelected: boolean;
+    value: string;
+    ifxTreeViewItemExpandChange: EventEmitter<TreeViewExpandChangeEvent>;
+    ifxTreeViewItemCheckChange: EventEmitter<TreeViewCheckChangeEvent>;
+    ifxTreeViewItemDisableChange: EventEmitter<TreeViewDisableChangeEvent>;
+    private hasChildren;
+    private isChecked;
+    private partialChecked;
+    private level;
+    private disableAllItems;
+    private expandAllItems;
+    private suppressExpandEvents;
+    private get disabled();
+    private get isExpanded();
+    private findChildren;
+    private calculateNodeLevel;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private observeParentAttribute;
+    private shouldExpandFromParent;
+    private expandAllDescendants;
+    private handleStateChange;
+    private handleCheckboxChange;
+    private handleHeaderClick;
+    private expandOrCollapseAllDescendants;
+    private updateCheckState;
+    private updateChildrenSilently;
+    handleExpandedChange(newValue: boolean): void;
+    handleDisableItemChange(newValue: boolean): void;
+    private setNodeState;
+    private collectDescendantStates;
+    private updateChildrenState;
+    private findSiblingNodes;
+    private updateParentState;
+    private calculateSiblingStates;
+    private toggleExpand;
+    private handleKeyDown;
+    render(): any;
+}

package/dist/types/components/tree-view/tree-view.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TreeView {
+    label?: string;
+    disableAllItems: boolean;
+    expandAllItems: boolean;
+    ariaLabel: string | null;
+    ifxTreeViewExpandAllChange: EventEmitter<boolean>;
+    ifxTreeViewDisableAllChange: EventEmitter<boolean>;
+    handleExpandAllItemsChange(newValue: boolean): void;
+    handleDisableAllItemsChange(newValue: boolean): void;
+    private handleSlotRef;
+    render(): any;
+}

package/dist/types/components/tree-view/tree-view.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryFn } from '@storybook/html';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;
+export declare const ContainerDemo: StoryFn;
+export declare const SingleItemStates: StoryFn;

package/dist/types/components.d.ts

@@ -12,6 +12,7 @@ import { IOpenable } from "./components/dropdown/IOpenable";
 import { NotificationVariant } from "./components/notification/notification";
 import { AddItemTextFn, AjaxFn, ClassNames, CustomAddItemText, FuseOptions, ItemFilterFn, MaxItemTextFn, NoChoicesTextFn, NoResultsTextFn, OnCreateTemplates, OnInit, SortFn, UniqueItemText, ValueCompareFunction } from "./components/select/single-select/interfaces";
 import { StepperState } from "./components/stepper/interfaces";
+import { TreeViewCheckChangeEvent, TreeViewDisableChangeEvent, TreeViewExpandChangeEvent } from "./components/tree-view/tree-view-item";
 export { ChipItemSelectEvent, ChipState } from "./components/chip/interfaces";
 export { ChangeEvent } from "./components/content-switcher/content-switcher";
 export { Placement } from "./components/dropdown/dropdown";
@@ -19,6 +20,7 @@ export { IOpenable } from "./components/dropdown/IOpenable";
 export { NotificationVariant } from "./components/notification/notification";
 export { AddItemTextFn, AjaxFn, ClassNames, CustomAddItemText, FuseOptions, ItemFilterFn, MaxItemTextFn, NoChoicesTextFn, NoResultsTextFn, OnCreateTemplates, OnInit, SortFn, UniqueItemText, ValueCompareFunction } from "./components/select/single-select/interfaces";
 export { StepperState } from "./components/stepper/interfaces";
+export { TreeViewCheckChangeEvent, TreeViewDisableChangeEvent, TreeViewExpandChangeEvent } from "./components/tree-view/tree-view-item";
 export namespace Components {
     interface IfxAccordion {
         "autoCollapse": boolean;
@@ -635,6 +637,20 @@ export namespace Components {
         "text": string;
         "variant": 'compact' | 'dismissible' | 'extended';
     }
+    interface IfxTreeView {
+        "ariaLabel": string | null;
+        "disableAllItems": boolean;
+        "expandAllItems": boolean;
+        "label"?: string;
+    }
+    interface IfxTreeViewItem {
+        "ariaLabel": string | null;
+        "disableItem": boolean;
+        "expanded": boolean;
+        "initiallyExpanded": boolean;
+        "initiallySelected": boolean;
+        "value": string;
+    }
 }
 export interface IfxAccordionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -800,6 +816,14 @@ export interface IfxTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIfxTextareaElement;
 }
+export interface IfxTreeViewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIfxTreeViewElement;
+}
+export interface IfxTreeViewItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIfxTreeViewItemElement;
+}
 declare global {
     interface HTMLIfxAccordionElement extends Components.IfxAccordion, HTMLStencilElement {
     }
@@ -1758,6 +1782,43 @@ declare global {
         prototype: HTMLIfxTooltipElement;
         new (): HTMLIfxTooltipElement;
     };
+    interface HTMLIfxTreeViewElementEventMap {
+        "ifxTreeViewExpandAllChange": boolean;
+        "ifxTreeViewDisableAllChange": boolean;
+    }
+    interface HTMLIfxTreeViewElement extends Components.IfxTreeView, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIfxTreeViewElementEventMap>(type: K, listener: (this: HTMLIfxTreeViewElement, ev: IfxTreeViewCustomEvent<HTMLIfxTreeViewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIfxTreeViewElementEventMap>(type: K, listener: (this: HTMLIfxTreeViewElement, ev: IfxTreeViewCustomEvent<HTMLIfxTreeViewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIfxTreeViewElement: {
+        prototype: HTMLIfxTreeViewElement;
+        new (): HTMLIfxTreeViewElement;
+    };
+    interface HTMLIfxTreeViewItemElementEventMap {
+        "ifxTreeViewItemExpandChange": TreeViewExpandChangeEvent;
+        "ifxTreeViewItemCheckChange": TreeViewCheckChangeEvent;
+        "ifxTreeViewItemDisableChange": TreeViewDisableChangeEvent;
+    }
+    interface HTMLIfxTreeViewItemElement extends Components.IfxTreeViewItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIfxTreeViewItemElementEventMap>(type: K, listener: (this: HTMLIfxTreeViewItemElement, ev: IfxTreeViewItemCustomEvent<HTMLIfxTreeViewItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIfxTreeViewItemElementEventMap>(type: K, listener: (this: HTMLIfxTreeViewItemElement, ev: IfxTreeViewItemCustomEvent<HTMLIfxTreeViewItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIfxTreeViewItemElement: {
+        prototype: HTMLIfxTreeViewItemElement;
+        new (): HTMLIfxTreeViewItemElement;
+    };
     interface HTMLElementTagNameMap {
         "ifx-accordion": HTMLIfxAccordionElement;
         "ifx-accordion-item": HTMLIfxAccordionItemElement;
@@ -1839,6 +1900,8 @@ declare global {
         "ifx-text-field": HTMLIfxTextFieldElement;
         "ifx-textarea": HTMLIfxTextareaElement;
         "ifx-tooltip": HTMLIfxTooltipElement;
+        "ifx-tree-view": HTMLIfxTreeViewElement;
+        "ifx-tree-view-item": HTMLIfxTreeViewItemElement;
     }
 }
 declare namespace LocalJSX {
@@ -2473,6 +2536,25 @@ declare namespace LocalJSX {
         "text"?: string;
         "variant"?: 'compact' | 'dismissible' | 'extended';
     }
+    interface IfxTreeView {
+        "ariaLabel"?: string | null;
+        "disableAllItems"?: boolean;
+        "expandAllItems"?: boolean;
+        "label"?: string;
+        "onIfxTreeViewDisableAllChange"?: (event: IfxTreeViewCustomEvent<boolean>) => void;
+        "onIfxTreeViewExpandAllChange"?: (event: IfxTreeViewCustomEvent<boolean>) => void;
+    }
+    interface IfxTreeViewItem {
+        "ariaLabel"?: string | null;
+        "disableItem"?: boolean;
+        "expanded"?: boolean;
+        "initiallyExpanded"?: boolean;
+        "initiallySelected"?: boolean;
+        "onIfxTreeViewItemCheckChange"?: (event: IfxTreeViewItemCustomEvent<TreeViewCheckChangeEvent>) => void;
+        "onIfxTreeViewItemDisableChange"?: (event: IfxTreeViewItemCustomEvent<TreeViewDisableChangeEvent>) => void;
+        "onIfxTreeViewItemExpandChange"?: (event: IfxTreeViewItemCustomEvent<TreeViewExpandChangeEvent>) => void;
+        "value"?: string;
+    }
     interface IntrinsicElements {
         "ifx-accordion": IfxAccordion;
         "ifx-accordion-item": IfxAccordionItem;
@@ -2554,6 +2636,8 @@ declare namespace LocalJSX {
         "ifx-text-field": IfxTextField;
         "ifx-textarea": IfxTextarea;
         "ifx-tooltip": IfxTooltip;
+        "ifx-tree-view": IfxTreeView;
+        "ifx-tree-view-item": IfxTreeViewItem;
     }
 }
 export { LocalJSX as JSX };
@@ -2640,6 +2724,8 @@ declare module "@stencil/core" {
             "ifx-text-field": LocalJSX.IfxTextField & JSXBase.HTMLAttributes<HTMLIfxTextFieldElement>;
             "ifx-textarea": LocalJSX.IfxTextarea & JSXBase.HTMLAttributes<HTMLIfxTextareaElement>;
             "ifx-tooltip": LocalJSX.IfxTooltip & JSXBase.HTMLAttributes<HTMLIfxTooltipElement>;
+            "ifx-tree-view": LocalJSX.IfxTreeView & JSXBase.HTMLAttributes<HTMLIfxTreeViewElement>;
+            "ifx-tree-view-item": LocalJSX.IfxTreeViewItem & JSXBase.HTMLAttributes<HTMLIfxTreeViewItemElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "34.0.0",
+  "version": "34.1.0--canary.1869.c8fa801b11851141817f6d2e8640a1fb13494ba5.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",