@infineon/infineon-design-system-stencil 33.6.1--canary.1866.2dd80e386ab289b75c95e1de8efce058b046e461.0 → 33.7.0--canary.1869.a9b35c84026d47f75506f49164278c283ed10d41.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-fdda3505.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as t}from"./p-b7a462e5.js";const s=':host{display:block}.tree-view{font-family:var(--ifx-font-family, sans-serif);font-size:14px;color:var(--ifx-color-text, #1a1a1a);display:flex;flex-wrap:wrap;flex-direction:column;overflow-x:auto;overflow-y:hidden}.tree-view__label{font:600 1.125rem/1.625rem "Source Sans 3";margin-bottom:8px}';const l=s;const i=class{constructor(t){e(this,t);this.ifxTreeViewExpandAllChange=a(this,"ifxTreeViewExpandAllChange",7);this.ifxTreeViewDisableAllChange=a(this,"ifxTreeViewDisableAllChange",7);this.disableAllItems=false;this.expandAllItems=false;this.handleSlotRef=e=>{if(e){if(this.disableAllItems){e.setAttribute("data-disable-all-items","true")}else{e.removeAttribute("data-disable-all-items")}if(this.expandAllItems){e.setAttribute("data-expand-all-items","true")}else{e.removeAttribute("data-expand-all-items")}}}}handleExpandAllItemsChange(e){this.ifxTreeViewExpandAllChange.emit(e)}handleDisableAllItemsChange(e){this.ifxTreeViewDisableAllChange.emit(e)}render(){return t("div",{key:"9fb43a5e8c933144cbd7e59bd479196b68facd30",class:`tree-view ${this.disableAllItems?" tree-view--disabled":""}`,role:"tree","aria-label":this.ariaLabel},this.label&&this.label.trim()!==""&&t("div",{key:"f97116995c87bc6660bffd4588597ba5605c36d0",class:"tree-view__label"},this.label),t("slot",{key:"fc42f67c863ad13f3631572140d8f69589f4b854",ref:this.handleSlotRef}))}static get watchers(){return{expandAllItems:["handleExpandAllItemsChange"],disableAllItems:["handleDisableAllItemsChange"]}}};i.style=l;export{i as ifx_tree_view};
+//# sourceMappingURL=p-fdda3505.entry.js.map

package/dist/infineon-design-system-stencil/p-fdda3505.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["treeViewCss","IfxTreeViewStyle0","TreeView","constructor","hostRef","this","disableAllItems","expandAllItems","handleSlotRef","el","setAttribute","removeAttribute","handleExpandAllItemsChange","newValue","ifxTreeViewExpandAllChange","emit","handleDisableAllItemsChange","ifxTreeViewDisableAllChange","render","h","key","class","role","ariaLabel","label","trim","ref"],"sources":["src/components/tree-view/tree-view.scss?tag=ifx-tree-view&encapsulation=shadow","src/components/tree-view/tree-view.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: block;\n}\n\n.tree-view {\n  font-family: var(--ifx-font-family, sans-serif);\n  font-size: 14px;\n  color: var(--ifx-color-text, #1a1a1a);\n\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  &__label {\n    font: tokens.$ifxHeadingHeading06;\n    margin-bottom: tokens.$ifxSpace100;\n  }\n}\n","import { Component, h, Prop, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-tree-view',\n  styleUrl: 'tree-view.scss',\n  shadow: true,\n})\nexport class TreeView {\n  @Prop() label?: string;\n  @Prop() disableAllItems: boolean = false;\n  @Prop() expandAllItems: boolean = false;\n  @Prop() ariaLabel: string | null;\n\n  @Event() ifxTreeViewExpandAllChange: EventEmitter<boolean>;\n  @Event() ifxTreeViewDisableAllChange: EventEmitter<boolean>;\n\n  @Watch('expandAllItems')\n  handleExpandAllItemsChange(newValue: boolean) {\n    this.ifxTreeViewExpandAllChange.emit(newValue);\n  }\n\n  @Watch('disableAllItems')\n  handleDisableAllItemsChange(newValue: boolean) {\n    this.ifxTreeViewDisableAllChange.emit(newValue);\n  }\n\n  private handleSlotRef = (el: HTMLSlotElement | null) => {\n    if (el) {\n      if (this.disableAllItems) {\n        el.setAttribute('data-disable-all-items', 'true');\n      } else {\n        el.removeAttribute('data-disable-all-items');\n      }\n      if (this.expandAllItems) {\n        el.setAttribute('data-expand-all-items', 'true');\n      } else {\n        el.removeAttribute('data-expand-all-items');\n      }\n    }\n  };\n\n  render() {\n    return (\n      <div\n        class={`tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`}\n        role=\"tree\"\n        aria-label={this.ariaLabel}\n      >\n        {this.label && this.label.trim() !== '' && <div class=\"tree-view__label\">{this.label}</div>}\n        <slot ref={this.handleSlotRef}></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,wSACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,MALrB,WAAAC,CAAAC,G,0JAOUC,KAAAC,gBAA2B,MAC3BD,KAAAE,eAA0B,MAgB1BF,KAAAG,cAAiBC,IACvB,GAAIA,EAAI,CACN,GAAIJ,KAAKC,gBAAiB,CACxBG,EAAGC,aAAa,yBAA0B,O,KACrC,CACLD,EAAGE,gBAAgB,yB,CAErB,GAAIN,KAAKE,eAAgB,CACvBE,EAAGC,aAAa,wBAAyB,O,KACpC,CACLD,EAAGE,gBAAgB,wB,IAnBzB,0BAAAC,CAA2BC,GACzBR,KAAKS,2BAA2BC,KAAKF,E,CAIvC,2BAAAG,CAA4BH,GAC1BR,KAAKY,4BAA4BF,KAAKF,E,CAkBxC,MAAAK,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,aAAahB,KAAKC,gBAAkB,uBAAyB,KACpEgB,KAAK,OAAM,aACCjB,KAAKkB,WAEhBlB,KAAKmB,OAASnB,KAAKmB,MAAMC,SAAW,IAAMN,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBhB,KAAKmB,OAC/EL,EAAA,QAAAC,IAAA,2CAAMM,IAAKrB,KAAKG,gB","ignoreList":[]}

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,62 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface TreeViewCheckChangeEvent {
+    checked: boolean;
+    indeterminate: boolean;
+    affectedChildItems?: Array<{
+        label: string;
+        checked: boolean;
+        indeterminate: boolean;
+    }>;
+}
+export interface TreeViewExpandChangeEvent {
+    expanded: boolean;
+    affectedItems?: Array<{
+        label: string;
+        expanded: boolean;
+    }>;
+}
+export declare class TreeViewItem {
+    host: HTMLElement;
+    label: string;
+    expanded: boolean;
+    initiallyExpanded: boolean;
+    disableItem: boolean;
+    ariaLabel: string | null;
+    initiallySelected: boolean;
+    ifxTreeViewItemExpandChange: EventEmitter<TreeViewExpandChangeEvent>;
+    ifxTreeViewItemCheckChange: EventEmitter<TreeViewCheckChangeEvent>;
+    ifxTreeViewItemDisableChange: EventEmitter<boolean>;
+    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, 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, TreeViewExpandChangeEvent } from "./components/tree-view/tree-view-item";
 export namespace Components {
     interface IfxAccordion {
         "autoCollapse": boolean;
@@ -632,6 +634,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;
+        "label": string;
+    }
 }
 export interface IfxAccordionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -797,6 +813,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 {
     }
@@ -1755,6 +1779,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": boolean;
+    }
+    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;
@@ -1836,6 +1897,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 {
@@ -2467,6 +2530,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;
+        "label"?: string;
+        "onIfxTreeViewItemCheckChange"?: (event: IfxTreeViewItemCustomEvent<TreeViewCheckChangeEvent>) => void;
+        "onIfxTreeViewItemDisableChange"?: (event: IfxTreeViewItemCustomEvent<boolean>) => void;
+        "onIfxTreeViewItemExpandChange"?: (event: IfxTreeViewItemCustomEvent<TreeViewExpandChangeEvent>) => void;
+    }
     interface IntrinsicElements {
         "ifx-accordion": IfxAccordion;
         "ifx-accordion-item": IfxAccordionItem;
@@ -2548,6 +2630,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 };
@@ -2634,6 +2718,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": "33.6.1--canary.1866.2dd80e386ab289b75c95e1de8efce058b046e461.0",
+  "version": "33.7.0--canary.1869.a9b35c84026d47f75506f49164278c283ed10d41.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",