@infineon/infineon-design-system-stencil 32.8.3--canary.1801.9e100fbdf7acebdfe2817708727a43d1a0b9be13.0 → 32.9.0--canary.1690.ef94902073425116647c9c7d684cb0b9cb0173a2.0

package/dist/infineon-design-system-stencil/{p-8cc3350c.entry.js → p-17c09c0a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,g as i}from"./p-e6edf72d.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.stepper{display:flex;align-items:center}.stepper.compact{justify-content:space-between;align-items:center}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0A8276 var(--pb, 0%), #8D8786 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}';const a=r;const p=class{constructor(s){t(this,s);this.ifxChange=e(this,"ifxChange",7);this.activeStep=1;this.indicatorPosition="left";this.showStepNumber=false;this.variant="default";this.shouldEmitEvent=true;this.emittedByClick=false}onStepChange(t){const e=this.getSteps();const s=e[t.detail.previousActiveStep-1];if(s&&!s.complete){s.setAttribute("error","true")}}handleActiveStep(t,e){const s=this.getSteps();if(!this.shouldEmitEvent){this.shouldEmitEvent=true;return}if(s[t-1]){if(!s[t-1].disabled){this.emitIfxChange(t,e)}else{if(t<e){let i=t;this.shouldEmitEvent=false;while(i>=1&&s[i-1].disabled)i--;if(i<1){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}else{let i=t;this.shouldEmitEvent=false;while(i<=this.stepsCount&&s[i-1].disabled)i++;if(i>this.stepsCount){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}}}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick});this.emittedByClick=false}getSteps(){const t=this.el.querySelectorAll("ifx-step");return t}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=true;for(let e=0;e<t.length;e++){t[e].stepId=e+1}this.stepsCount=t.length}setActiveStep(t,e=false){this.emittedByClick=e;this.activeStep=t}setStepsBeforeActiveToComplete(){const t=this.getSteps();t.forEach(((t,e)=>{if(e+1<this.activeStep)t.complete=true}))}syncIfxSteps(){const t=this.getSteps();for(let e=0;e<t.length;e++){const s={activeStep:this.activeStep,indicatorPosition:this.indicatorPosition!=="right"?"left":"right",showStepNumber:this.showStepNumber,variant:this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant,setActiveStep:this.setActiveStep.bind(this)};t[e].stepperState=s}}setInitialActiveStep(){this.activeStep=Math.max(1,Math.min(this.stepsCount+(this.variant!=="compact"?1:0),this.activeStep))}componentWillLoad(){this.addStepIdsToStepsAndCountSteps();this.setInitialActiveStep();this.setStepsBeforeActiveToComplete()}componentDidLoad(){this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"c58b6ea1f46c59c7210bc97d0839052924ac58d6","aria-label":"a stepper",role:"navigation",class:`stepper ${this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant} ${this.variant==="compact"?"compact-"+this.indicatorPosition:""}`},this.variant==="compact"&&s("div",{key:"b31a74b397056e93cf1cd8f8bdad36e56f5b5d94",class:"stepper-progress"},s("div",{key:"22bb92c7c60ba685a631ac139109e13789095abd",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"10bc8ec56ae8b480b5eda67abc2f51cbaae17881",class:`stepper-wrapper`},s("slot",{key:"d757e9a08b0e78f8f291d1df28770231fbb88395"})))}componentDidRender(){if(this.variant=="compact"){const t=this.el.shadowRoot.querySelector(".stepper-progress");t.style.setProperty("--pb",`${this.activeStep/this.stepsCount*100}%`)}}get el(){return i(this)}static get watchers(){return{activeStep:["handleActiveStep"]}}};p.style=a;export{p as ifx_stepper};
-//# sourceMappingURL=p-8cc3350c.entry.js.map
+import{r as t,c as e,h as s,g as i}from"./p-e6edf72d.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.stepper{display:flex;align-items:center}.stepper.compact{justify-content:space-between;align-items:center}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0A8276 var(--pb, 0%), #8D8786 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}';const p=r;const c=class{constructor(s){t(this,s);this.ifxChange=e(this,"ifxChange",7);this.activeStep=1;this.indicatorPosition="left";this.showStepNumber=false;this.variant="default";this.shouldEmitEvent=true;this.emittedByClick=false}onStepChange(t){const e=this.getSteps();const s=e[t.detail.previousActiveStep-1];if(s&&!s.complete){s.setAttribute("error","true")}}handleActiveStep(t,e){const s=this.getSteps();if(!this.shouldEmitEvent){this.shouldEmitEvent=true;return}if(s[t-1]){if(!s[t-1].disabled){this.emitIfxChange(t,e)}else{if(t<e){let i=t;this.shouldEmitEvent=false;while(i>=1&&s[i-1].disabled)i--;if(i<1){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}else{let i=t;this.shouldEmitEvent=false;while(i<=this.stepsCount&&s[i-1].disabled)i++;if(i>this.stepsCount){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}}}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick});this.emittedByClick=false}getSteps(){const t=this.el.querySelectorAll("ifx-step");return t}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=true;for(let e=0;e<t.length;e++){t[e].stepId=e+1}this.stepsCount=t.length}setActiveStep(t,e=false){this.emittedByClick=e;this.activeStep=t}setStepsBeforeActiveToComplete(){const t=this.getSteps();t.forEach(((t,e)=>{if(e+1<this.activeStep)t.complete=true}))}syncIfxSteps(){const t=this.getSteps();for(let e=0;e<t.length;e++){const s={activeStep:this.activeStep,indicatorPosition:this.indicatorPosition!=="right"?"left":"right",showStepNumber:this.showStepNumber,variant:this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant,setActiveStep:this.setActiveStep.bind(this)};t[e].stepperState=s}}setInitialActiveStep(){this.activeStep=Math.max(1,Math.min(this.stepsCount+(this.variant!=="compact"?1:0),this.activeStep))}componentWillLoad(){this.addStepIdsToStepsAndCountSteps();this.setInitialActiveStep();this.setStepsBeforeActiveToComplete()}componentDidLoad(){this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"e34b9fb2761f7c4a06320b1554c4301c70708018","aria-label":"a stepper",role:"navigation",class:`stepper ${this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant} ${this.variant==="compact"?"compact-"+this.indicatorPosition:""}`},this.variant==="compact"&&s("div",{key:"84b0c55f95c480b8b412439e7f310106543649fd",class:"stepper-progress"},s("div",{key:"57fd2cf3637d1c6299fb0b7af2a4a922a0076b13",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"0dcb9c3e62f301419859f32783a6e3c6762352e8",class:`stepper-wrapper`},s("slot",{key:"59b1db2d183821acdda67c4cc3279e0882c13b8f"})))}componentDidRender(){if(this.variant=="compact"){const t=this.el.shadowRoot.querySelector(".stepper-progress");t.style.setProperty("--pb",`${this.activeStep/this.stepsCount*100}%`)}}get el(){return i(this)}static get watchers(){return{activeStep:["handleActiveStep"]}}};c.style=p;export{c as ifx_stepper};
+//# sourceMappingURL=p-17c09c0a.entry.js.map

package/dist/infineon-design-system-stencil/{p-a68c871e.entry.js → p-1b22b4d8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,d as t,h as a,g as s}from"./p-e6edf72d.js";const i="*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";const r=i;const n=class{constructor(a){e(this,a);this.tableTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);this.wizardTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`)}toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".templates__wrapper").querySelectorAll("ifx-template");t.forEach((t=>{t.toggleTemplate(e)}))}handleError(e){const t=this.el.shadowRoot.querySelector(".alert__wrapper");if(e.detail){t.classList.add("show")}else{t.classList.remove("show")}}filterTemplates(e){const t=this.el.shadowRoot.querySelector(".templates__title");const a=this.el.shadowRoot.querySelector(".back__btn-wrapper");if(e.detail){t.classList.add("hide");if(e.detail!=="details"){a.classList.add("show")}this.toggleTemplate(e.detail)}else{t.classList.remove("hide");a.classList.remove("show");this.toggleTemplate(null)}}closeAlert(){const e=this.el.shadowRoot.querySelector(".alert__wrapper");e.classList.remove("show")}render(){return a("div",{key:"7f313f223e75698fb23569c5f1b638e2be7ed628",class:"templates__container"},a("div",{key:"60687101dda3ccc1074377f4ebb15ce17d00cdae",class:"back__btn-wrapper"},a("ifx-icon-button",{key:"6709aa534550a3df90a5ebd7709e7c339268372d",onClick:()=>this.filterTemplates(false),shape:"round",variant:"tertiary",icon:"arrow-left-16",target:"_blank",size:"m"}),a("div",{key:"0046b65d5ec12ca8541dd335fc08547738658017",class:"alert__wrapper"},a("ifx-alert",{key:"9abff4236fc894cfd62ceaff8c31ede82cf619fd",onClick:()=>this.closeAlert(),"aria-live":"assertive",variant:"danger",icon:"c-info-24"},"All fields are mandatory"))),a("h2",{key:"92dae5ac00d3b350681cd38c1d1ae2b537fc2210",class:"templates__title"},"Choose your template"),a("div",{key:"8742b6c129cbc0bcd4ce267d7b05520c0eddfda7",class:"templates__wrapper"},a("ifx-template",{key:"acdac4204ab3916114534e7941d2477257d03912",name:"template-01",thumbnail:this.tableTemplate}),a("ifx-template",{key:"a7e72c71310b5d8207ca1bf9ea27168215b0d5f9",name:"template-02",thumbnail:this.wizardTemplate})))}static get assetsDirs(){return["assets"]}get el(){return s(this)}};n.style=r;export{n as ifx_templates_ui};
-//# sourceMappingURL=p-a68c871e.entry.js.map
+import{r as e,d as t,h as a,g as s}from"./p-e6edf72d.js";const i="*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";const r=i;const n=class{constructor(a){e(this,a);this.tableTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);this.wizardTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`)}toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".templates__wrapper").querySelectorAll("ifx-template");t.forEach((t=>{t.toggleTemplate(e)}))}handleError(e){const t=this.el.shadowRoot.querySelector(".alert__wrapper");if(e.detail){t.classList.add("show")}else{t.classList.remove("show")}}filterTemplates(e){const t=this.el.shadowRoot.querySelector(".templates__title");const a=this.el.shadowRoot.querySelector(".back__btn-wrapper");if(e.detail){t.classList.add("hide");if(e.detail!=="details"){a.classList.add("show")}this.toggleTemplate(e.detail)}else{t.classList.remove("hide");a.classList.remove("show");this.toggleTemplate(null)}}closeAlert(){const e=this.el.shadowRoot.querySelector(".alert__wrapper");e.classList.remove("show")}render(){return a("div",{key:"529052af159ca7cda55846cde6fd5c25a925aa9c",class:"templates__container"},a("div",{key:"47130a5357c4181e9b2bdf49ec57d378f8912bc3",class:"back__btn-wrapper"},a("ifx-icon-button",{key:"825e7c1b650599c1be481d4155631fec72de32e3",onClick:()=>this.filterTemplates(false),shape:"round",variant:"tertiary",icon:"arrow-left-16",target:"_blank",size:"m"}),a("div",{key:"901a999bf3ddd2ba95d06ba280f6483746601a67",class:"alert__wrapper"},a("ifx-alert",{key:"8cc4870725b704b533414f35a2c69600e2fbde8a",onClick:()=>this.closeAlert(),"aria-live":"assertive",variant:"danger",icon:"c-info-24"},"All fields are mandatory"))),a("h2",{key:"c4ffc447b64c939eabc261029378ec12783bb3a1",class:"templates__title"},"Choose your template"),a("div",{key:"d92d19ee098e75fbcae7c060e3b7e27236e9c949",class:"templates__wrapper"},a("ifx-template",{key:"9797789aed9b2a2b90cc24d4c44ef9dce47f0c1d",name:"template-01",thumbnail:this.tableTemplate}),a("ifx-template",{key:"488b0e53721ef44cca4afb5748aa19ff187964db",name:"template-02",thumbnail:this.wizardTemplate})))}static get assetsDirs(){return["assets"]}get el(){return s(this)}};n.style=r;export{n as ifx_templates_ui};
+//# sourceMappingURL=p-1b22b4d8.entry.js.map

package/dist/infineon-design-system-stencil/{p-269945bf.entry.js → p-200c7e84.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,g as s}from"./p-e6edf72d.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.chip{position:relative}.chip__wrapper{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border:1px solid #BFBBBB;border-radius:9999px;background:#FFFFFF;cursor:pointer;transition:border 100ms ease;font:400 0.875rem/1.25rem "Source Sans 3"}.chip__wrapper:hover,.chip__wrapper:focus-visible{outline:none;border:1px solid #575352}.chip__wrapper:focus{border:1px solid #0A8276}.chip__wrapper.chip__wrapper--small{padding:4px 12px}.chip__wrapper.chip__wrapper--large{padding:8px 16px}.chip__wrapper.chip__wrapper--opened{border:1px solid #0A8276}.chip__wrapper.chip__wrapper--opened .wrapper__open-button{transform:rotate(-180deg)}.chip__wrapper.chip__wrapper--selected{outline:3px solid #0A8276;outline-offset:-3px;color:#0A8276}.chip__wrapper.chip__wrapper--selected:hover,.chip__wrapper.chip__wrapper--selected:focus-visible{outline:3px solid #08665C;color:#08665C}.wrapper__label{display:inline-flex;align-items:center;gap:4px;font:400 0.875rem/1.25rem "Source Sans 3"}.wrapper__label .label__selected-options{font:600 0.875rem/1.25rem "Source Sans 3"}.wrapper__open-button{display:flex;align-items:center;transition:all 300ms ease}.wrapper__unselect-button{display:flex;align-items:center}.chip__dropdown{position:absolute;z-index:1;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;border-radius:1px;padding:8px 0;min-width:222px;background-color:#FFFFFF}';const l=a;const n=class{constructor(t){e(this,t);this.ifxChange=i(this,"ifxChange",7);this.placeholder="";this.size="large";this.value=undefined;this.variant="single";this.readOnly=false;this.opened=false;this.selectedOptions=[]}handleValueChange(e){this.syncSelectedOptionsWithProp(e)}handleReadOnlyChange(e){if(e){this.opened=false}}closeDropdownOnOutsideClick(e){const i=e.composedPath();const t=this.chip.shadowRoot.querySelector(".chip__wrapper");const s=this.chip.shadowRoot.querySelector(".chip__dropdown");if(!i.includes(s)&&!i.includes(t)&&this.opened){this.toggleDropdownMenu()}}handleKeyDown(e){if(e.code!=="Tab"){e.preventDefault()}if(e.target.tagName==="IFX-CHIP"){this.handleWrapperKeyDown(e)}else if(e.target.tagName==="IFX-CHIP-ITEM"){this.handleDropdownKeyDown(e)}}updateSelectedOptions(e){const i=e.detail;const t=[...this.selectedOptions];if(this.variant!=="multi"){if(i.selected){this.opened=false;const t=this.getChipItems();t.forEach((i=>{if(i.selected&&i!==e.target){i.chipState=Object.assign(Object.assign({},i.chipState),{emitIfxChipItemSelect:false});i.selected=false}}));this.selectedOptions=[i]}else{this.selectedOptions=[]}this.value=this.selectedOptions[0]?this.selectedOptions[0].value:undefined}else{if(i.selected){if(!this.selectedOptions.find((e=>e.value===i.value))){this.selectedOptions=[...this.selectedOptions,i]}}else{this.selectedOptions=this.selectedOptions.filter((e=>e.value!==i.value))}this.value=this.selectedOptions.map((e=>e.value))}if(i.emitIfxChange){this.ifxChange.emit({previousSelection:t,currentSelection:this.selectedOptions,name:this.placeholder})}}getChipItems(){return this.chip.querySelectorAll("ifx-chip-item")}getSelectedOptions(){if(this.variant!=="multi"){return this.selectedOptions.map((e=>e.label)).join("")}return this.selectedOptions.slice(0,2).map((e=>e.label)).join(", ")}toggleDropdownMenu(){if(this.readOnly)return;this.opened=!this.opened}focusChipItemAt(e=0){this.opened=true;const i=this.getChipItems();let t;if(e===-1){t=i.item(i.length-1)}else if(e>=0&&e<i.length){t=i.item(e)}else{console.error(`Invalid index: ${e}`);return}const s=t.shadowRoot.querySelector(".chip-item");if(s){setTimeout((()=>{s.focus()}),1)}}focusChip(){const e=this.chip.shadowRoot.querySelector(".chip__wrapper");e.focus()}handleUnselectButtonClick(e){e.stopPropagation();this.opened=false;let i=false;const t=this.getChipItems();t.forEach((e=>{if(e.selected){i=true;e.chipState=Object.assign(Object.assign({},e.chipState),{emitIfxChipItemSelect:false});e.selected=false}}));if(i){const e=this.selectedOptions;this.selectedOptions=[];this.value=[];this.ifxChange.emit({previousSelection:e,currentSelection:[],name:this.placeholder})}}handleWrapperClick(){if(!this.readOnly){this.toggleDropdownMenu()}}handleWrapperKeyDown(e){if(this.readOnly)return;if(!this.opened){switch(e.code){case"Space":case"Enter":case"ArrowDown":this.focusChipItemAt(0);break;case"ArrowUp":this.focusChipItemAt(-1);break}}else{switch(e.code){case"Escape":this.opened=false;this.focusChip();break}}}handleDropdownKeyDown(e){let i=this.getChipItems();let t=Array.from(i).indexOf(e.target);if(t===-1){console.error("Target not found in chip items");return}switch(e.code){case"ArrowDown":if(t===i.length-1)break;this.focusChipItemAt(t+1);break;case"ArrowUp":if(t===0)break;this.focusChipItemAt(t-1);break;case"Escape":this.opened=false;this.focusChip();break;case"Space":if(this.variant==="single"){this.opened=false;this.focusChip()}break;case"Enter":this.opened=false;this.focusChip();break}}syncChipState(){const e=this.getChipItems();let i=0;e.forEach((e=>{e.chipState={emitIfxChipItemSelect:true,size:this.size==="small"?"small":"large",variant:this.variant==="multi"?"multi":"single",key:i++}}))}syncSelectedOptionsWithProp(e){this.selectedOptions=[];const i=(()=>{let e=0;return()=>e++})();if(Array.isArray(e)){this.selectedOptions=e.map((e=>({value:e,label:e,selected:true,key:i(),emitIfxChange:true})))}else if(typeof e==="string"){this.selectedOptions=[{value:e,label:e,selected:true,key:i(),emitIfxChange:true}]}this.syncChipState()}componentWillLoad(){this.syncSelectedOptionsWithProp(this.value)}render(){return t("div",{key:"fc668c031275a7c69f8cc2002fbf26c9252495ae",class:"chip"},t("div",{key:"4705146d122cc620644e24dbd3d4e26c73a72f53",class:`chip__wrapper chip__wrapper--${this.size==="small"?"small":"large"}\n                  chip__wrapper--${this.variant==="multi"?"multi":"single"}\n                  ${this.opened&&!this.readOnly?"chip__wrapper--opened":""}\n                  ${this.selectedOptions.length?"chip__wrapper--selected":""}`,tabIndex:0,onClick:!this.readOnly?()=>{this.handleWrapperClick()}:undefined,role:"combobox","aria-label":this.AriaLabel,"aria-value":this.getSelectedOptions(),"aria-haspopup":!this.readOnly?"listbox":undefined,"aria-expanded":!this.readOnly?this.opened.toString():undefined,"aria-controls":!this.readOnly?"dropdown":undefined,"aria-readonly":this.readOnly?"true":undefined,"aria-multiselectable":this.variant==="multi"?"true":undefined},t("div",{key:"8f1720b1940e2a722c45f6a2efaa42897e6f62f0",class:"wrapper__label"},this.selectedOptions.length===0&&`${this.placeholder}`,this.selectedOptions.length!==0&&(this.variant==="multi"||this.readOnly)&&this.placeholder!==""&&`${this.placeholder}:`,this.selectedOptions.length!==0&&t("div",{key:"048ca51b1fc52273cfee76fde5a0e15c21834590",class:"label__selected-options"},this.getSelectedOptions()),this.selectedOptions.length>2&&this.variant==="multi"&&t("ifx-number-indicator",{key:"8b1b5ad4331fbd3d74cdc6b4358cb952d0fcd500"},"  ",`+${this.selectedOptions.length-2}`," ")),!this.readOnly&&(this.variant!=="multi"||this.variant==="multi"&&this.selectedOptions.length===0)&&t("div",{key:"d0d4782cd9ab4048ce57c09e7add80a6d232f96a",class:"wrapper__open-button"},t("ifx-icon",{key:1,icon:`chevrondown16`})),this.variant!=="multi"&&this.readOnly!==false&&this.selectedOptions.length>0&&t("div",{key:"9696e7c54fcfdfe911b84636405c8fac89205272",class:"wrapper__unselect-button",onClick:e=>{this.handleUnselectButtonClick(e)}},t("ifx-icon",{key:2,icon:`cross16`})),this.selectedOptions.length>=1&&this.variant==="multi"&&t("div",{key:"287a2f6e6167e1d595d7256fa7638d8be6184b2e",class:"wrapper__unselect-button",onClick:e=>{this.handleUnselectButtonClick(e)}},t("ifx-icon",{key:2,icon:`cross16`}))),this.opened&&!this.readOnly&&t("div",{key:"b1e1a33e17bb951b60f2086e4c16825a9194c3bb",id:"dropdown",role:"listbox",class:"chip__dropdown"},t("slot",{key:"64693b69905a1cbbdf6c16c70558e6087534523d"})))}get chip(){return s(this)}static get watchers(){return{value:["handleValueChange"],readOnly:["handleReadOnlyChange"]}}};n.style=l;const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.chip-item{display:flex;align-items:center;gap:8px;padding:8px 16px;user-select:none;transition:all 100ms ease;transition-property:background, color}.chip-item:hover{cursor:pointer;background-color:#EEEDED}.chip-item:active{background-color:#BFBBBB}.chip-item:focus{outline:2px solid #0A8276}.chip-item.chip-item--large{font:400 1rem/1.5rem "Source Sans 3"}.chip-item.chip-item--small{font:400 0.875rem/1.25rem "Source Sans 3"}.chip-item.chip-item--selected{color:#0A8276}.chip-item.chip-item--selected .chip-item__selected-indicator{display:block}.chip-item__selected-indicator{display:none;margin-left:auto}';const c=r;const h=class{constructor(t){e(this,t);this.ifxChipItemSelect=i(this,"ifxChipItemSelect",5);this.value=undefined;this.chipState={emitIfxChipItemSelect:true,variant:"multi",size:"large"};this.selected=false}updateItemSelection(e){if(this.chipState.variant==="single"){const i=e.target;if(this.chipItem!==i&&this.chipItem.parentElement===i.parentElement){this.selected=false}}}validateSelected(e,i){if(e!==i){if(this.chipState.emitIfxChipItemSelect){this.emitIfxChipItemSelectEvent()}else{this.chipState.emitIfxChipItemSelect=true}}}getItemLabel(){return this.chipItem.innerText}toggleItemSelection(){this.selected=!this.selected}emitIfxChipItemSelectEvent(e=true){this.ifxChipItemSelect.emit({emitIfxChange:e,key:this.chipState.key,label:this.getItemLabel(),selected:this.selected,value:this.value})}handleItemClick(){this.toggleItemSelection()}handleItemKeyDown(e){if(e.code==="Enter"||e.code==="Space"){this.toggleItemSelection()}}handleSelectedState(){if(this.selected){this.emitIfxChipItemSelectEvent(false)}}componentWillLoad(){this.handleSelectedState()}render(){return t("div",{key:"7ceff18d0a41b419a188d925fd854cc97d7a9ecd",class:`chip-item chip-item--${this.chipState.size} \n                    chip-item--${(this.selected&&this.chipState.variant)==="single"?"selected":""}`,tabIndex:0,onClick:()=>{this.handleItemClick()},onKeyDown:e=>{this.handleItemKeyDown(e)},role:"option","aria-selected":this.selected.toString()},this.chipState.variant==="multi"&&t("ifx-checkbox",{key:"d2f717951d288aa0863081e54cabf7edd1c6f7e6",checked:this.selected,tabIndex:-1,size:"s"}),t("div",{key:"fff335d9009c93863012f6a4307ed4322413c4f7",class:"chip-item__label"}," ",t("slot",{key:"a093e9caf2eecba28c58674dde3f788be1f5849b"})," "),t("div",{key:"ea76c6b3d0bdd2a687acfbe323ebd9e6d6034a40",class:"chip-item__selected-indicator"},t("ifx-icon",{key:"b581de80777bbfe5a39bc393ec90af46276b7ae9",icon:`check${this.chipState.size==="small"?"12":"16"}`}," ")))}get chipItem(){return s(this)}static get watchers(){return{selected:["validateSelected"]}}};h.style=c;const o='@charset "UTF-8";:root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.container{display:inline-flex;justify-content:center;align-items:center;gap:32px;font-family:var(--ifx-font-family)}.container .items__per-page-wrapper{display:flex;align-items:center;gap:16px}.container .items__per-page-wrapper .items__per-page-label{color:#1D1D1D;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.container .items__per-page-wrapper .items__per-page-field{display:flex;flex-direction:column;align-items:flex-start}.container .items__per-page-wrapper .items__per-page-field ifx-select{width:92px}.container .items__total-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.container .items__total-wrapper .items__total-button{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #BFBBBB;background:#FFF}.container .items__total-wrapper .page__numbers-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.container .items__total-wrapper .page__numbers-wrapper .page__number-item{display:flex;padding:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:100px}.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active{background-color:#0A8276}.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active span{color:#fff}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover{cursor:pointer}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover:not(.active){background-color:#ddd}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:active:not(.active){background-color:#575352}.container .items__total-wrapper .page__numbers-wrapper .page__number-item span{display:flex;width:16px;height:16px;flex-direction:column;justify-content:center;color:#1D1D1D;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px}.pagination{display:flex}.pagination ifx-icon-button:first-of-type{margin-right:12px}.pagination ifx-icon-button:last-of-type{margin-left:12px}a{padding:8px;border-radius:100px}ol{list-style-type:none;padding:0;margin:0;display:inline-flex;align-items:center;gap:12px}li{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:100px}li:hover:not(.active) a{background-color:#EEEDED}li:active:not(.active) a{background-color:#575352;color:#fff}li.active{background-color:#0A8276}li.active a{color:#fff}li:hover{cursor:pointer}li a{text-decoration:none;display:flex;width:16px;height:16px;flex-direction:column;justify-content:center;color:#1D1D1D;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px;align-items:center}.prev.disabled,.next.disabled{cursor:default}.prev.disabled:hover,.next.disabled:hover{cursor:default;text-decoration:none}.prev{margin-right:2.5px}.next{margin-left:2.5px}@media (min-width: 400px){li:first-child,li.active-sibling,li.active,li.active+li,li:last-child{display:inline-flex !important;flex-direction:row}li:first-child:nth-last-child(n+8)~li{display:none}li:first-child:nth-last-child(n+8)~li.active-sibling:before{content:"…";font-size:13px;display:inline-block;margin-right:6px}li:first-child:nth-last-child(n+8)~li.active+li:after{content:"…";font-size:13px;display:inline-block;margin-left:6px}li:first-child:nth-last-child(n+8)~li:nth-last-child(-n+5){display:inline-flex;flex-direction:row}li:first-child:nth-last-child(n+8)~li:nth-last-child(5):before{content:"…";font-size:13px;display:inline-block;margin-right:6px}li:first-child:nth-last-child(n+8)~li:nth-child(-n+2):before,li:first-child:nth-last-child(n+8)~li:nth-child(-n+2):after,li:first-child:nth-last-child(n+8)~li:nth-last-child(-n+2):before,li:first-child:nth-last-child(n+8)~li:nth-last-child(-n+2):after,li:first-child:nth-last-child(n+8)~li.active-sibling:nth-last-child(-n+4):before,li:first-child:nth-last-child(n+8)~li.active-sibling:nth-last-child(-n+4):after{display:none !important}li:first-child:nth-last-child(n+8).active~li:nth-last-child(-n+5),li:first-child:nth-last-child(n+8)~li.active~li:nth-last-child(-n+5){display:none}li:first-child:nth-last-child(n+8).active~li:nth-last-child(-n+5):before,li:first-child:nth-last-child(n+8)~li.active~li:nth-last-child(-n+5):before{display:none}li:first-child:nth-last-child(n+8).active~li:nth-child(-n+5),li:first-child:nth-last-child(n+8)~li.active~li:nth-child(-n+5){display:inline-flex !important;flex-direction:row}li:first-child:nth-last-child(n+8).active~li:nth-child(-n+4):after,li:first-child:nth-last-child(n+8)~li.active~li:nth-child(-n+4):after{display:none}li:first-child:nth-last-child(n+8).active~li:nth-child(5):after,li:first-child:nth-last-child(n+8)~li.active~li:nth-child(5):after{content:"…";font-size:13px;display:inline-block;margin-left:6px}li:first-child:nth-last-child(n+8).active:before,li:first-child:nth-last-child(n+8).active:after,li:first-child:nth-last-child(n+8)~li.active:before,li:first-child:nth-last-child(n+8)~li.active:after{display:none}}';const p=o;const d=class{constructor(t){e(this,t);this.ifxPageChange=i(this,"ifxPageChange",7);this.currentPage=0;this.internalPage=1;this.internalItemsPerPage=10;this.numberOfPages=[];this.total=1;this.CLASS_DISABLED="disabled";this.CLASS_ACTIVE="active";this.CLASS_SIBLING_ACTIVE="active-sibling";this.DATA_KEY="pagination"}setItemsPerPage(e){if(e.detail){this.internalItemsPerPage=parseInt(e.detail.label)}else{this.internalItemsPerPage=10}}componentDidLoad(){this.calculateVisiblePageIndices();var e=this.el.shadowRoot.querySelector(".pagination");let i=e.querySelector(".prev");this.navigateSinglePage(i,true)}calculateNumberOfPages(){if(isNaN(this.currentPage)){this.currentPage=1}const e=this.total<=this.internalItemsPerPage?this.internalItemsPerPage:this.total;const i=this.internalItemsPerPage;const t=Math.ceil(e/i);if(this.currentPage<=0){this.internalPage=1}else if(this.currentPage>t){this.internalPage=t}else this.internalPage=this.currentPage;this.numberOfPages=Array.from({length:t},((e,i)=>i+1))}filterOptionsArray(){let e=Array.isArray(this.itemsPerPage)?this.itemsPerPage:JSON.parse(this.itemsPerPage);for(let i=0;i<e.length;i++){let t=e[i];if(!t.label){t.label=t.value}}this.filteredItemsPerPage=e}componentWillLoad(){this.calculateNumberOfPages();this.filterOptionsArray()}componentDidUpdate(){var e=this.el.shadowRoot.querySelector(".pagination");var i=e.querySelectorAll("li");this.addEventListenersToPageItems(i,e);if(e.dataset[this.DATA_KEY]<this.numberOfPages){e.dataset[this.DATA_KEY]=e.dataset[this.DATA_KEY]}else e.dataset[this.DATA_KEY]=0;this.changePage(e,false)}componentWillUpdate(){this.calculateNumberOfPages()}handleEventEmission(e){let i=e+1;let t=this.numberOfPages.length;let s=e===0?null:e;let a=e+2>t?null:e+2;let l=this.internalItemsPerPage;this.ifxPageChange.emit({currentPage:i,totalPages:t,prevPage:s,nextPage:a,itemsPerPage:l})}addEventListenersToPageItems(e,i){e.forEach((e=>{e.addEventListener("click",(e=>{var t=i;let s=t.querySelectorAll("li");t.dataset[this.DATA_KEY]=Array.from(s).indexOf(e.currentTarget);this.changePage(t,false)}))}))}initPagination(e){var i=e.querySelectorAll("li");e.dataset[this.DATA_KEY]=Array.from(i).indexOf(e.querySelector(".active"));e.querySelector(".prev").addEventListener("click",(e=>this.navigateSinglePage(e,false)));e.querySelector(".next").addEventListener("click",(e=>this.navigateSinglePage(e,false)));this.addEventListenersToPageItems(i,e)}navigateSinglePage(e,i){let t=e;if(typeof e.target==="object"){t=e.target}if(!t.classList.contains(this.CLASS_DISABLED)){var s=t.closest(".pagination");var a=parseInt(s.dataset[this.DATA_KEY],10);a+=1*(t.classList.contains("prev")?-1:1);if(a===-1){a=0}s.dataset[this.DATA_KEY]=a;this.changePage(s,i)}}changePage(e,i){const t=e;var s=t.querySelectorAll("li");var a=parseInt(t.dataset[this.DATA_KEY],10);s.forEach((e=>{e.classList.remove(this.CLASS_ACTIVE);e.classList.remove(this.CLASS_SIBLING_ACTIVE)}));if(i&&this.internalPage>1){a=Math.floor(this.internalPage-1);t.dataset[this.DATA_KEY]=a}this.handleEventEmission(a);s[a].classList.add(this.CLASS_ACTIVE);if(a===0){t.querySelector(".prev").classList.add(this.CLASS_DISABLED);t.querySelector(".prev").disabled=true}else{s[a-1].classList.add(this.CLASS_SIBLING_ACTIVE);t.querySelector(".prev").classList.remove(this.CLASS_DISABLED);t.querySelector(".prev").disabled=false}if(a===s.length-1){t.querySelector(".next").classList.add(this.CLASS_DISABLED);t.querySelector(".next").disabled=true}else{t.querySelector(".next").classList.remove(this.CLASS_DISABLED);t.querySelector(".next").disabled=false}}calculateVisiblePageIndices(){var e=this.el.shadowRoot.querySelector(".pagination");this.initPagination(e)}render(){return t("div",{key:"b8dda1714435952c7adf00e9b480e06f0d0a4b00","aria-label":"a pagination","aria-value":this.currentPage,class:"container"},t("div",{key:"448d3ebb3b41a20a345a61c2d335052097824deb",class:"items__per-page-wrapper"},t("div",{key:"5c33123d7d66094eeb631bd965c036c350bb2ca2",class:"items__per-page-label"},"Results per Page"),t("div",{key:"020d543b8159f37b2e69dacb5a56b6841f25f2eb",class:"items__per-page-field"},t("ifx-select",{key:"a75df9c097738daca9b930843b600469f1946722",value:"undefined",size:"s",placeholder:"false","show-search":"false","search-placeholder-value":"Search...",disabled:false,error:false,"error-message":"Error",label:"","placeholder-value":"Placeholder",options:this.filteredItemsPerPage}))),t("div",{key:"01b00c516332ad10de30dd92e059fec58e9357cf",class:"items__total-wrapper"},t("div",{key:"70e50c9b90608c2bf697c3e897190522e08757be",class:"page__numbers-wrapper"},t("div",{key:"549dd32dd6b84482cf2ae43be43c055a8970c10b",class:"pagination"},t("ifx-icon-button",{key:"b1d80538b4698c75579baedc9f88ec0694d9ccb5",variant:"secondary",class:"prev",color:"primary",icon:"arrow-left-24"}),t("ol",{key:"cace7369c96e6b0bb9813c5ce6d8a92fd9b2a355"},this.numberOfPages.map((e=>t("li",{class:`${this.internalPage===e?"active":""}`},t("a",{href:undefined},e))))),t("ifx-icon-button",{key:"132ab46a2a3a37a7489cd1190bc0d255b70bdf83",class:"next",variant:"secondary",color:"primary",icon:"arrow-right-24"})))))}get el(){return s(this)}};d.style=p;export{n as ifx_chip,h as ifx_chip_item,d as ifx_pagination};
-//# sourceMappingURL=p-269945bf.entry.js.map
+import{r as e,c as i,h as t,g as s}from"./p-e6edf72d.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.chip{position:relative}.chip__wrapper{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border:1px solid #BFBBBB;border-radius:9999px;background:#FFFFFF;cursor:pointer;transition:border 100ms ease;font:400 0.875rem/1.25rem "Source Sans 3"}.chip__wrapper:hover,.chip__wrapper:focus-visible{outline:none;border:1px solid #575352}.chip__wrapper:focus{border:1px solid #0A8276}.chip__wrapper.chip__wrapper--small{padding:4px 12px}.chip__wrapper.chip__wrapper--large{padding:8px 16px}.chip__wrapper.chip__wrapper--opened{border:1px solid #0A8276}.chip__wrapper.chip__wrapper--opened .wrapper__open-button{transform:rotate(-180deg)}.chip__wrapper.chip__wrapper--selected{outline:3px solid #0A8276;outline-offset:-3px;color:#0A8276}.chip__wrapper.chip__wrapper--selected:hover,.chip__wrapper.chip__wrapper--selected:focus-visible{outline:3px solid #08665C;color:#08665C}.wrapper__label{display:inline-flex;align-items:center;gap:4px;font:400 0.875rem/1.25rem "Source Sans 3"}.wrapper__label .label__selected-options{font:600 0.875rem/1.25rem "Source Sans 3"}.wrapper__open-button{display:flex;align-items:center;transition:all 300ms ease}.wrapper__unselect-button{display:flex;align-items:center}.chip__dropdown{position:absolute;z-index:1;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;border-radius:1px;padding:8px 0;min-width:222px;background-color:#FFFFFF}';const l=a;const n=class{constructor(t){e(this,t);this.ifxChange=i(this,"ifxChange",7);this.placeholder="";this.size="large";this.value=undefined;this.variant="single";this.readOnly=false;this.opened=false;this.selectedOptions=[]}handleValueChange(e){this.syncSelectedOptionsWithProp(e)}handleReadOnlyChange(e){if(e){this.opened=false}}closeDropdownOnOutsideClick(e){const i=e.composedPath();const t=this.chip.shadowRoot.querySelector(".chip__wrapper");const s=this.chip.shadowRoot.querySelector(".chip__dropdown");if(!i.includes(s)&&!i.includes(t)&&this.opened){this.toggleDropdownMenu()}}handleKeyDown(e){if(e.code!=="Tab"){e.preventDefault()}if(e.target.tagName==="IFX-CHIP"){this.handleWrapperKeyDown(e)}else if(e.target.tagName==="IFX-CHIP-ITEM"){this.handleDropdownKeyDown(e)}}updateSelectedOptions(e){const i=e.detail;const t=[...this.selectedOptions];if(this.variant!=="multi"){if(i.selected){this.opened=false;const t=this.getChipItems();t.forEach((i=>{if(i.selected&&i!==e.target){i.chipState=Object.assign(Object.assign({},i.chipState),{emitIfxChipItemSelect:false});i.selected=false}}));this.selectedOptions=[i]}else{this.selectedOptions=[]}this.value=this.selectedOptions[0]?this.selectedOptions[0].value:undefined}else{if(i.selected){if(!this.selectedOptions.find((e=>e.value===i.value))){this.selectedOptions=[...this.selectedOptions,i]}}else{this.selectedOptions=this.selectedOptions.filter((e=>e.value!==i.value))}this.value=this.selectedOptions.map((e=>e.value))}if(i.emitIfxChange){this.ifxChange.emit({previousSelection:t,currentSelection:this.selectedOptions,name:this.placeholder})}}getChipItems(){return this.chip.querySelectorAll("ifx-chip-item")}getSelectedOptions(){if(this.variant!=="multi"){return this.selectedOptions.map((e=>e.label)).join("")}return this.selectedOptions.slice(0,2).map((e=>e.label)).join(", ")}toggleDropdownMenu(){if(this.readOnly)return;this.opened=!this.opened}focusChipItemAt(e=0){this.opened=true;const i=this.getChipItems();let t;if(e===-1){t=i.item(i.length-1)}else if(e>=0&&e<i.length){t=i.item(e)}else{console.error(`Invalid index: ${e}`);return}const s=t.shadowRoot.querySelector(".chip-item");if(s){setTimeout((()=>{s.focus()}),1)}}focusChip(){const e=this.chip.shadowRoot.querySelector(".chip__wrapper");e.focus()}handleUnselectButtonClick(e){e.stopPropagation();this.opened=false;let i=false;const t=this.getChipItems();t.forEach((e=>{if(e.selected){i=true;e.chipState=Object.assign(Object.assign({},e.chipState),{emitIfxChipItemSelect:false});e.selected=false}}));if(i){const e=this.selectedOptions;this.selectedOptions=[];this.value=[];this.ifxChange.emit({previousSelection:e,currentSelection:[],name:this.placeholder})}}handleWrapperClick(){if(!this.readOnly){this.toggleDropdownMenu()}}handleWrapperKeyDown(e){if(this.readOnly)return;if(!this.opened){switch(e.code){case"Space":case"Enter":case"ArrowDown":this.focusChipItemAt(0);break;case"ArrowUp":this.focusChipItemAt(-1);break}}else{switch(e.code){case"Escape":this.opened=false;this.focusChip();break}}}handleDropdownKeyDown(e){let i=this.getChipItems();let t=Array.from(i).indexOf(e.target);if(t===-1){console.error("Target not found in chip items");return}switch(e.code){case"ArrowDown":if(t===i.length-1)break;this.focusChipItemAt(t+1);break;case"ArrowUp":if(t===0)break;this.focusChipItemAt(t-1);break;case"Escape":this.opened=false;this.focusChip();break;case"Space":if(this.variant==="single"){this.opened=false;this.focusChip()}break;case"Enter":this.opened=false;this.focusChip();break}}syncChipState(){const e=this.getChipItems();let i=0;e.forEach((e=>{e.chipState={emitIfxChipItemSelect:true,size:this.size==="small"?"small":"large",variant:this.variant==="multi"?"multi":"single",key:i++}}))}syncSelectedOptionsWithProp(e){this.selectedOptions=[];const i=(()=>{let e=0;return()=>e++})();if(Array.isArray(e)){this.selectedOptions=e.map((e=>({value:e,label:e,selected:true,key:i(),emitIfxChange:true})))}else if(typeof e==="string"){this.selectedOptions=[{value:e,label:e,selected:true,key:i(),emitIfxChange:true}]}this.syncChipState()}componentWillLoad(){this.syncSelectedOptionsWithProp(this.value)}render(){return t("div",{key:"fc668c031275a7c69f8cc2002fbf26c9252495ae",class:"chip"},t("div",{key:"4705146d122cc620644e24dbd3d4e26c73a72f53",class:`chip__wrapper chip__wrapper--${this.size==="small"?"small":"large"}\n                  chip__wrapper--${this.variant==="multi"?"multi":"single"}\n                  ${this.opened&&!this.readOnly?"chip__wrapper--opened":""}\n                  ${this.selectedOptions.length?"chip__wrapper--selected":""}`,tabIndex:0,onClick:!this.readOnly?()=>{this.handleWrapperClick()}:undefined,role:"combobox","aria-label":this.AriaLabel,"aria-value":this.getSelectedOptions(),"aria-haspopup":!this.readOnly?"listbox":undefined,"aria-expanded":!this.readOnly?this.opened.toString():undefined,"aria-controls":!this.readOnly?"dropdown":undefined,"aria-readonly":this.readOnly?"true":undefined,"aria-multiselectable":this.variant==="multi"?"true":undefined},t("div",{key:"8f1720b1940e2a722c45f6a2efaa42897e6f62f0",class:"wrapper__label"},this.selectedOptions.length===0&&`${this.placeholder}`,this.selectedOptions.length!==0&&(this.variant==="multi"||this.readOnly)&&this.placeholder!==""&&`${this.placeholder}:`,this.selectedOptions.length!==0&&t("div",{key:"048ca51b1fc52273cfee76fde5a0e15c21834590",class:"label__selected-options"},this.getSelectedOptions()),this.selectedOptions.length>2&&this.variant==="multi"&&t("ifx-number-indicator",{key:"8b1b5ad4331fbd3d74cdc6b4358cb952d0fcd500"},"  ",`+${this.selectedOptions.length-2}`," ")),!this.readOnly&&(this.variant!=="multi"||this.variant==="multi"&&this.selectedOptions.length===0)&&t("div",{key:"d0d4782cd9ab4048ce57c09e7add80a6d232f96a",class:"wrapper__open-button"},t("ifx-icon",{key:1,icon:`chevrondown16`})),this.variant!=="multi"&&this.readOnly!==false&&this.selectedOptions.length>0&&t("div",{key:"9696e7c54fcfdfe911b84636405c8fac89205272",class:"wrapper__unselect-button",onClick:e=>{this.handleUnselectButtonClick(e)}},t("ifx-icon",{key:2,icon:`cross16`})),this.selectedOptions.length>=1&&this.variant==="multi"&&t("div",{key:"287a2f6e6167e1d595d7256fa7638d8be6184b2e",class:"wrapper__unselect-button",onClick:e=>{this.handleUnselectButtonClick(e)}},t("ifx-icon",{key:2,icon:`cross16`}))),this.opened&&!this.readOnly&&t("div",{key:"b1e1a33e17bb951b60f2086e4c16825a9194c3bb",id:"dropdown",role:"listbox",class:"chip__dropdown"},t("slot",{key:"64693b69905a1cbbdf6c16c70558e6087534523d"})))}get chip(){return s(this)}static get watchers(){return{value:["handleValueChange"],readOnly:["handleReadOnlyChange"]}}};n.style=l;const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.chip-item{display:flex;align-items:center;gap:8px;padding:8px 16px;user-select:none;transition:all 100ms ease;transition-property:background, color}.chip-item:hover{cursor:pointer;background-color:#EEEDED}.chip-item:active{background-color:#BFBBBB}.chip-item:focus{outline:2px solid #0A8276}.chip-item.chip-item--large{font:400 1rem/1.5rem "Source Sans 3"}.chip-item.chip-item--small{font:400 0.875rem/1.25rem "Source Sans 3"}.chip-item.chip-item--selected{color:#0A8276}.chip-item.chip-item--selected .chip-item__selected-indicator{display:block}.chip-item__selected-indicator{display:none;margin-left:auto}';const c=r;const h=class{constructor(t){e(this,t);this.ifxChipItemSelect=i(this,"ifxChipItemSelect",5);this.value=undefined;this.chipState={emitIfxChipItemSelect:true,variant:"multi",size:"large"};this.selected=false}updateItemSelection(e){if(this.chipState.variant==="single"){const i=e.target;if(this.chipItem!==i&&this.chipItem.parentElement===i.parentElement){this.selected=false}}}validateSelected(e,i){if(e!==i){if(this.chipState.emitIfxChipItemSelect){this.emitIfxChipItemSelectEvent()}else{this.chipState.emitIfxChipItemSelect=true}}}getItemLabel(){return this.chipItem.innerText}toggleItemSelection(){this.selected=!this.selected}emitIfxChipItemSelectEvent(e=true){this.ifxChipItemSelect.emit({emitIfxChange:e,key:this.chipState.key,label:this.getItemLabel(),selected:this.selected,value:this.value})}handleItemClick(){this.toggleItemSelection()}handleItemKeyDown(e){if(e.code==="Enter"||e.code==="Space"){this.toggleItemSelection()}}handleSelectedState(){if(this.selected){this.emitIfxChipItemSelectEvent(false)}}componentWillLoad(){this.handleSelectedState()}render(){return t("div",{key:"7ceff18d0a41b419a188d925fd854cc97d7a9ecd",class:`chip-item chip-item--${this.chipState.size} \n                    chip-item--${(this.selected&&this.chipState.variant)==="single"?"selected":""}`,tabIndex:0,onClick:()=>{this.handleItemClick()},onKeyDown:e=>{this.handleItemKeyDown(e)},role:"option","aria-selected":this.selected.toString()},this.chipState.variant==="multi"&&t("ifx-checkbox",{key:"d2f717951d288aa0863081e54cabf7edd1c6f7e6",checked:this.selected,tabIndex:-1,size:"s"}),t("div",{key:"fff335d9009c93863012f6a4307ed4322413c4f7",class:"chip-item__label"}," ",t("slot",{key:"a093e9caf2eecba28c58674dde3f788be1f5849b"})," "),t("div",{key:"ea76c6b3d0bdd2a687acfbe323ebd9e6d6034a40",class:"chip-item__selected-indicator"},t("ifx-icon",{key:"b581de80777bbfe5a39bc393ec90af46276b7ae9",icon:`check${this.chipState.size==="small"?"12":"16"}`}," ")))}get chipItem(){return s(this)}static get watchers(){return{selected:["validateSelected"]}}};h.style=c;const o='@charset "UTF-8";:root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.container{display:inline-flex;justify-content:center;align-items:center;gap:32px;font-family:var(--ifx-font-family)}.container .items__per-page-wrapper{display:flex;align-items:center;gap:16px}.container .items__per-page-wrapper .items__per-page-label{color:#1D1D1D;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.container .items__per-page-wrapper .items__per-page-field{display:flex;flex-direction:column;align-items:flex-start}.container .items__per-page-wrapper .items__per-page-field ifx-select{width:92px}.container .items__total-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.container .items__total-wrapper .items__total-button{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #BFBBBB;background:#FFF}.container .items__total-wrapper .page__numbers-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.container .items__total-wrapper .page__numbers-wrapper .page__number-item{display:flex;padding:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:100px}.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active{background-color:#0A8276}.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active span{color:#fff}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover{cursor:pointer}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover:not(.active){background-color:#ddd}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:active:not(.active){background-color:#575352}.container .items__total-wrapper .page__numbers-wrapper .page__number-item span{display:flex;width:16px;height:16px;flex-direction:column;justify-content:center;color:#1D1D1D;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px}.pagination{display:flex}.pagination ifx-icon-button:first-of-type{margin-right:12px}.pagination ifx-icon-button:last-of-type{margin-left:12px}a{padding:8px;border-radius:100px}ol{list-style-type:none;padding:0;margin:0;display:inline-flex;align-items:center;gap:12px}li{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:100px}li:hover:not(.active) a{background-color:#EEEDED}li:active:not(.active) a{background-color:#575352;color:#fff}li.active{background-color:#0A8276}li.active a{color:#fff}li:hover{cursor:pointer}li a{text-decoration:none;display:flex;width:16px;height:16px;flex-direction:column;justify-content:center;color:#1D1D1D;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px;align-items:center}.prev.disabled,.next.disabled{cursor:default}.prev.disabled:hover,.next.disabled:hover{cursor:default;text-decoration:none}.prev{margin-right:2.5px}.next{margin-left:2.5px}@media (min-width: 400px){li:first-child,li.active-sibling,li.active,li.active+li,li:last-child{display:inline-flex !important;flex-direction:row}li:first-child:nth-last-child(n+8)~li{display:none}li:first-child:nth-last-child(n+8)~li.active-sibling:before{content:"…";font-size:13px;display:inline-block;margin-right:6px}li:first-child:nth-last-child(n+8)~li.active+li:after{content:"…";font-size:13px;display:inline-block;margin-left:6px}li:first-child:nth-last-child(n+8)~li:nth-last-child(-n+5){display:inline-flex;flex-direction:row}li:first-child:nth-last-child(n+8)~li:nth-last-child(5):before{content:"…";font-size:13px;display:inline-block;margin-right:6px}li:first-child:nth-last-child(n+8)~li:nth-child(-n+2):before,li:first-child:nth-last-child(n+8)~li:nth-child(-n+2):after,li:first-child:nth-last-child(n+8)~li:nth-last-child(-n+2):before,li:first-child:nth-last-child(n+8)~li:nth-last-child(-n+2):after,li:first-child:nth-last-child(n+8)~li.active-sibling:nth-last-child(-n+4):before,li:first-child:nth-last-child(n+8)~li.active-sibling:nth-last-child(-n+4):after{display:none !important}li:first-child:nth-last-child(n+8).active~li:nth-last-child(-n+5),li:first-child:nth-last-child(n+8)~li.active~li:nth-last-child(-n+5){display:none}li:first-child:nth-last-child(n+8).active~li:nth-last-child(-n+5):before,li:first-child:nth-last-child(n+8)~li.active~li:nth-last-child(-n+5):before{display:none}li:first-child:nth-last-child(n+8).active~li:nth-child(-n+5),li:first-child:nth-last-child(n+8)~li.active~li:nth-child(-n+5){display:inline-flex !important;flex-direction:row}li:first-child:nth-last-child(n+8).active~li:nth-child(-n+4):after,li:first-child:nth-last-child(n+8)~li.active~li:nth-child(-n+4):after{display:none}li:first-child:nth-last-child(n+8).active~li:nth-child(5):after,li:first-child:nth-last-child(n+8)~li.active~li:nth-child(5):after{content:"…";font-size:13px;display:inline-block;margin-left:6px}li:first-child:nth-last-child(n+8).active:before,li:first-child:nth-last-child(n+8).active:after,li:first-child:nth-last-child(n+8)~li.active:before,li:first-child:nth-last-child(n+8)~li.active:after{display:none}}';const p=o;const d=class{constructor(t){e(this,t);this.ifxPageChange=i(this,"ifxPageChange",7);this.currentPage=0;this.internalPage=1;this.internalItemsPerPage=10;this.numberOfPages=[];this.total=1;this.CLASS_DISABLED="disabled";this.CLASS_ACTIVE="active";this.CLASS_SIBLING_ACTIVE="active-sibling";this.DATA_KEY="pagination"}setItemsPerPage(e){if(e.detail){this.internalItemsPerPage=parseInt(e.detail.label)}else{this.internalItemsPerPage=10}}componentDidLoad(){this.calculateVisiblePageIndices();var e=this.el.shadowRoot.querySelector(".pagination");let i=e.querySelector(".prev");this.navigateSinglePage(i,true)}calculateNumberOfPages(){if(isNaN(this.currentPage)){this.currentPage=1}const e=this.total<=this.internalItemsPerPage?this.internalItemsPerPage:this.total;const i=this.internalItemsPerPage;const t=Math.ceil(e/i);if(this.currentPage<=0){this.internalPage=1}else if(this.currentPage>t){this.internalPage=t}else this.internalPage=this.currentPage;this.numberOfPages=Array.from({length:t},((e,i)=>i+1))}filterOptionsArray(){let e=Array.isArray(this.itemsPerPage)?this.itemsPerPage:JSON.parse(this.itemsPerPage);for(let i=0;i<e.length;i++){let t=e[i];if(!t.label){t.label=t.value}}this.filteredItemsPerPage=e}componentWillLoad(){this.calculateNumberOfPages();this.filterOptionsArray()}componentDidUpdate(){var e=this.el.shadowRoot.querySelector(".pagination");var i=e.querySelectorAll("li");this.addEventListenersToPageItems(i,e);if(e.dataset[this.DATA_KEY]<this.numberOfPages){e.dataset[this.DATA_KEY]=e.dataset[this.DATA_KEY]}else e.dataset[this.DATA_KEY]=0;this.changePage(e,false)}componentWillUpdate(){this.calculateNumberOfPages()}handleEventEmission(e){let i=e+1;let t=this.numberOfPages.length;let s=e===0?null:e;let a=e+2>t?null:e+2;let l=this.internalItemsPerPage;this.ifxPageChange.emit({currentPage:i,totalPages:t,prevPage:s,nextPage:a,itemsPerPage:l})}addEventListenersToPageItems(e,i){e.forEach((e=>{e.addEventListener("click",(e=>{var t=i;let s=t.querySelectorAll("li");t.dataset[this.DATA_KEY]=Array.from(s).indexOf(e.currentTarget);this.changePage(t,false)}))}))}initPagination(e){var i=e.querySelectorAll("li");e.dataset[this.DATA_KEY]=Array.from(i).indexOf(e.querySelector(".active"));e.querySelector(".prev").addEventListener("click",(e=>this.navigateSinglePage(e,false)));e.querySelector(".next").addEventListener("click",(e=>this.navigateSinglePage(e,false)));this.addEventListenersToPageItems(i,e)}navigateSinglePage(e,i){let t=e;if(typeof e.target==="object"){t=e.target}if(!t.classList.contains(this.CLASS_DISABLED)){var s=t.closest(".pagination");var a=parseInt(s.dataset[this.DATA_KEY],10);a+=1*(t.classList.contains("prev")?-1:1);if(a===-1){a=0}s.dataset[this.DATA_KEY]=a;this.changePage(s,i)}}changePage(e,i){const t=e;var s=t.querySelectorAll("li");var a=parseInt(t.dataset[this.DATA_KEY],10);s.forEach((e=>{e.classList.remove(this.CLASS_ACTIVE);e.classList.remove(this.CLASS_SIBLING_ACTIVE)}));if(i&&this.internalPage>1){a=Math.floor(this.internalPage-1);t.dataset[this.DATA_KEY]=a}this.handleEventEmission(a);s[a].classList.add(this.CLASS_ACTIVE);if(a===0){t.querySelector(".prev").classList.add(this.CLASS_DISABLED);t.querySelector(".prev").disabled=true}else{s[a-1].classList.add(this.CLASS_SIBLING_ACTIVE);t.querySelector(".prev").classList.remove(this.CLASS_DISABLED);t.querySelector(".prev").disabled=false}if(a===s.length-1){t.querySelector(".next").classList.add(this.CLASS_DISABLED);t.querySelector(".next").disabled=true}else{t.querySelector(".next").classList.remove(this.CLASS_DISABLED);t.querySelector(".next").disabled=false}}calculateVisiblePageIndices(){var e=this.el.shadowRoot.querySelector(".pagination");this.initPagination(e)}render(){return t("div",{key:"28020981686b2a32bf9b401bb33335254046b6af","aria-label":"a pagination","aria-value":this.currentPage,class:"container"},t("div",{key:"f01128bd9ac5ae78e0e81f457031e853d5775283",class:"items__per-page-wrapper"},t("div",{key:"7a7a46f6377886af8dbaa48a50cbf45b0c31ec45",class:"items__per-page-label"},"Results per Page"),t("div",{key:"0dbe7da930e8b694cc10e3ccd971721bd2099c74",class:"items__per-page-field"},t("ifx-select",{key:"594c244d8e3007c982cce28cdb2a140ff84fa98a",value:"undefined",size:"s",placeholder:"false","show-search":"false","search-placeholder-value":"Search...",disabled:false,error:false,"error-message":"Error",label:"","placeholder-value":"Placeholder",options:this.filteredItemsPerPage}))),t("div",{key:"41e29a9570a38ad84639bfaccdbae35e63369e82",class:"items__total-wrapper"},t("div",{key:"ea0de6169ec9bf2f52b188cb08ad9c30acbe40af",class:"page__numbers-wrapper"},t("div",{key:"ef97f91d487cb04157ac259c38b586a14f7b298b",class:"pagination"},t("ifx-icon-button",{key:"c5f7049f4e0b7b2e1f11166b7e72ca165878a4dc",variant:"secondary",class:"prev",color:"primary",icon:"arrow-left-24"}),t("ol",{key:"1825c56cd64c3e8688352ca1ecc031d60264adbc"},this.numberOfPages.map((e=>t("li",{class:`${this.internalPage===e?"active":""}`},t("a",{href:undefined},e))))),t("ifx-icon-button",{key:"7cc205cc4d5f5c8ee8d8f0917c5634670daba0fe",class:"next",variant:"secondary",color:"primary",icon:"arrow-right-24"})))))}get el(){return s(this)}};d.style=p;export{n as ifx_chip,h as ifx_chip_item,d as ifx_pagination};
+//# sourceMappingURL=p-200c7e84.entry.js.map

package/dist/infineon-design-system-stencil/p-201a45a5.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as c,g as a}from"./p-e6edf72d.js";const d='*{font-family:"Source Sans 3";box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}header{margin-bottom:15px;display:flex;justify-content:center}.header__info-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.infoboard__wrapper{display:flex;gap:15px;background-color:#f1f1f1;padding:5px 10px;border-radius:10px}.title{font-size:30px;font-weight:bold}.view{margin:auto}.wrapper{position:relative;width:100%;height:calc(100vh - var(--header-height) - 15px);overflow:auto}table{width:100%;table-layout:fixed;border-spacing:0}thead tr th{border-top:1px solid #dddddd}td,th{padding:10px;background-color:white;border:none;box-shadow:0 0 0 1px #dddddd;box-sizing:border-box}table th:nth-child(1){width:150px}table th:not(:nth-child(1)){width:240px}th{position:sticky;top:0;background-color:white}.sticky-col{position:sticky;z-index:1}th.sticky-col{z-index:2}.second-col{left:0;border-left:1px solid #ddd}.wrapped-content{width:250px;white-space:normal}a{text-decoration:none;color:black}.basic__info{display:flex;gap:5px}ul{padding:0 5px;margin:0 15px;list-style-type:none}tr:nth-child(even) td{background-color:#f1f1f1}ul li{font-size:12px;display:flex;gap:5px;line-height:13px}li.planned__component-wrapper{align-items:center;line-height:16px}.version__wrapper{display:flex;flex-direction:column}ifx-icon{color:rgb(10, 130, 118)}.check__icon{width:10px;height:10px}.planned__icon{width:12px;height:12px;vertical-align:sub}';const f=d;const b=class{constructor(c){e(this,c);this.getPlannedComponents=()=>{const e=this.el.shadowRoot.querySelectorAll(".planned__component");return e.length};this.setPlannedComponentsNumber=()=>{const e=this.getPlannedComponents();const c=this.el.shadowRoot.getElementById("number__indicator-planned");c.innerHTML=e};this.getCompletedComponents=()=>{const e=this.el.shadowRoot.querySelectorAll(".completed__component");return e.length};this.setCompletedComponentsNumber=()=>{const e=this.getCompletedComponents();const c=this.el.shadowRoot.getElementById("number__indicator-completed");c.innerHTML=e};this.setTotalComponentsNumber=()=>{const e=this.getPlannedComponents();const c=this.getCompletedComponents();const a=this.el.shadowRoot.getElementById("number__indicator-total");const d=e+c;a.innerHTML=d}}componentWillLoad(){let e=this.el.parentElement;if(e){e=e.parentElement;e.style.padding="0px"}}componentDidLoad(){const e=this.el.shadowRoot.querySelector("header");const c=e.offsetHeight;const a=this.el.shadowRoot.querySelector(".wrapper");a.style.setProperty("--header-height",`${c}px`);this.setPlannedComponentsNumber();this.setCompletedComponentsNumber();this.setTotalComponentsNumber()}render(){return c("div",{key:"bc951be49ae3e085bd75b56b02ea5689b8dacf31",class:"container"},c("header",{key:"482ed79d47e53f0cd7f7b03c092ebde817cd66bf",class:"header"},c("div",{key:"25ed3b917f0dddaeaa87884a5b9819b0a0b389e5",class:"header__info-wrapper"},c("div",{key:"5c91f70c0a44cae8c108750d3bbaad50b744e995",class:"title"},"DDS Components Overview"),c("div",{key:"5f0ffb51ec74e46fa5fde093c8d4986497c3fcbb",class:"infoboard__wrapper"},c("div",{key:"518b9828d6533645b03716a6b8337e3c678fdabf",class:"basic__info"},c("div",{key:"8e52ce3d8112ef3405d9e22e0a79f2af9f4136c6"},"Total Number:"),c("div",{key:"c07f2a7dad787140bb062e63094967bf88c5fded"},c("ifx-number-indicator",{key:"89acd3d6a5b9c91c6f52998c6447245dda828876",id:"number__indicator-total"}))),c("div",{key:"2cad4cedd3f0ffa29e3f64bdc27e83f37adb2bc4",class:"basic__info"},c("div",{key:"fb36756d627c8b6d9de1154295478efdf033c58a"},"Completed:"),c("div",{key:"8c14066f6f7c826f1c55c239880e25486a6e4a51"},c("ifx-number-indicator",{key:"3b16dc3a59642e8681e0659e04d3b47c8a20747a",id:"number__indicator-completed"}))),c("div",{key:"e433cd604ca0f9082367a6b63eeae9bb5d1aeebb",class:"basic__info"},c("div",{key:"a4867d14771e1f9b865b77c501401f734f2ad940"},"In Progress:"),c("div",{key:"66d119a6d6a08531556e5c3920e2e4948b18b0e8"},c("ifx-number-indicator",{key:"7616a8019cd0a46ed000b05f532a727cd6a841a1",id:"number__indicator-planned"})))))),c("div",{key:"632a165dc3ef85f659cb7952e73efa6e84bc7af5",class:"view"},c("div",{key:"ca73f821a998329a7b66a68f723bb304e6bb5817",class:"wrapper"},c("table",{key:"f6972403612c4760efc8620fb0e951e458698089"},c("thead",{key:"80398190e2ed923fb8636b02ff6fddb192660169"},c("tr",{key:"cf52891167b59668d6c519e47e0f53eb869776f5"},c("th",{key:"930921d8d010f25b8538c068d0f362485645c472",class:"sticky-col second-col"},"Component"),c("th",{key:"e4848f07fe2230b14d546b771e12934245dae6d3"},c("div",{key:"d3a362e83378274ba0fdc9d595f1daa4b709c677",class:"version__wrapper"},c("span",{key:"d87a636a0a75830b9c858b8ea0ee5039762fd5bb"},"Version 1"))),c("th",{key:"f2c31e4cc1f0bb9d085aab7e76701caa17b8b448"},c("div",{key:"26f7331c23d8be7a4f83dea59502b9abf0d7791e",class:"version__wrapper"},c("span",{key:"951e0b2465242bbc273983978a442878fda27a98"},"Version 2"))),c("th",{key:"d991af2cfbc8fd7679cbe16ed8ba9a4ca4ca49d9"},"Version 3"))),c("tbody",{key:"6fc0ec07838d30d6468116fd6ce17250d3100691"},c("tr",{key:"d9cc2d525ee9d372fff3629e7239739367723361"},c("td",{key:"ea214fcade43d8b3464ed4d0e83dbee27c5b2c57",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"6face8b76da90cefbf98031c36a30470863bed86",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-accordion--development",size:"s",variant:"bold"},"Accordion")),c("td",{key:"3d362207b9f0fa2a5d5686a61db9f55f33f7b89d"},c("ul",{key:"839f68a5e528d9c10c7f1507334768a3c2d4f4f9"},c("li",{key:"ae8a744ba89f6dbbad2afbb90429f6b64a69c9f5"},c("span",{key:"8573dd5560dfdef5e25ba4a244fdd1b883087b8c"},c("ifx-icon",{key:"21ec28e0a8e50471c99db76350e8032c37eb46c5",class:"check__icon",icon:"check12"})),c("span",{key:"bbf7ce48332a694fa5906bdaf5ced18b29e9b573"},"Includes essential functionality such as expand/collapse behavior and minimal customization options")),c("li",{key:"9ddd8b6548f3ad4768110bb62819ff02a9c9c3ea"},c("span",{key:"eb24f6a6e2c752a6c06131402fee48be7e8b7f4e"},c("ifx-icon",{key:"e5951fd7a520d6b2ecf74a285a15ac58044f2884",class:"check__icon",icon:"check12"})),c("span",{key:"9d795544e65525f6bff2ac919e0610c51d94cae3"},"Adheres to web standards")),c("li",{key:"a7584827eee93055df6e29aa912313a1ff9852d8"},c("span",{key:"c238b4914b29b7f602a5a556a282be1ae6dca595"},c("ifx-icon",{key:"c457d2b293d2f9b53aff5737c65e42ec8741ad49",class:"check__icon",icon:"check12"})),c("span",{key:"4dc01198c55e7cceda96d8ee5fd69cf91c923f62"},"Provides a simple and lightweight way to organize and display collapsible content")))),c("td",{key:"752e05e23bd5c45982c6a8bf61bedc736c1d647e"},c("ul",{key:"3ab0534c43afdec5a7a3bde6cf6bd22c9684f140"},c("li",{key:"f70399775ac1c49b02fc8855e2eaa5fdbe1841b6"},c("span",{key:"a8cd6f4cde24922bf8a1998a4120c7ff02cf60f3"},c("ifx-icon",{key:"caaa61c4b39bdca76a1a923292fb6df347eef218",class:"check__icon",icon:"check12"})),c("span",{key:"62f3a35380c40307a4c5a71607353fa5c0e693a2"},"Auto collapse feature")),c("li",{key:"de001362cd847589212c2747e6c5557f336ce4cc"},c("span",{key:"b7e60cc4227fdd3a7051d08af13d2607dad367b9"},c("ifx-icon",{key:"58876f9756bc0633bafce9750daff645845c568c",class:"check__icon",icon:"check12"})),c("span",{key:"749b659782bb137373210922425cb78c9d15355f"},"Initial collapse feature")),c("li",{key:"6e83532815b86edf7cd5d6e659fb10f83c40e65d"},c("span",{key:"3b2092f35bcbc1b3df003570bbcb453a57d407c5"},c("ifx-icon",{key:"c6ceb3ac993df1ce8344484fa42b8437913e5946",class:"check__icon",icon:"check12"})),c("span",{key:"a89334707204151ff91117fe06650fd3eafb0abc"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6193c691afb5aa28fd48f2a790f0a1fea173983d"})),c("tr",{key:"c6a4240ea807c577d359671c172b94eac04db623"},c("td",{key:"5d41aaaab17f8d5512a39a439bda8e5317078389",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"b3146938f233d402f714f10524a8dba7d91371e5",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-alert--development",size:"s",variant:"bold"},"Alert")),c("td",{key:"1442245428bdd0962c6c5c1cabf107de30773da2"},c("ul",{key:"6a23839856865cd271f513d76ada804823fd6a5e"},c("li",{key:"c2526297f7bafd8cee78ef7a5a5674925c11b360"},c("span",{key:"7cea56b07396e84ef1c490df08c7c74d6c1c3a9d"},c("ifx-icon",{key:"70f8bc33f19e27d27d1f3f6276f971eafba6f84a",class:"check__icon",icon:"check12"})),c("span",{key:"8fe5e8693af037a447bf2eb685e045dd0d051d89"},"Provides a lightweight and customizable interface for presenting alerts, including options for different alert types (e.g., primary, success, danger, warning) and basic styling configurations")),c("li",{key:"5f1cbcf93b12cdf369c1367143af59f319718dcc"},c("span",{key:"fceb3043ee3ca78ff74cd4d8d6df937c733dccb4"},c("ifx-icon",{key:"ceabbd8d8a6d1cade105dce823130c0969a7a000",class:"check__icon",icon:"check12"})),c("span",{key:"3609f9c969d79c70a7da7c92136e60957240c688"},"Adheres to web standards")))),c("td",{key:"a69a9dffe78b246b491862052ee0bf541630c58d"},c("ul",{key:"9e117fcccc6e56cbe974dc35169a84c85752d8c1"},c("li",{key:"a9f993ac6fa2d80331304ba85806d985bec4d1cf"},c("span",{key:"20b1beaa9e54a094a6eb62888fc83decafd5fc87"},c("ifx-icon",{key:"072fe970086fdf23950b137b457ded9be9fc3164",class:"check__icon",icon:"check12"})),c("span",{key:"7bc4a7799072d8518703ed24cdb1dccf95e99bc8"},"Configurable close button")),c("li",{key:"01b3b7c641706b7388aa87967466a3ad8eff2217"},c("span",{key:"6f7e337ac1f87a746fd6f73175fadfbb70b6663e"},c("ifx-icon",{key:"61728545d0e6ef1449438a88ecc494caabc4e12c",class:"check__icon",icon:"check12"})),c("span",{key:"7ad28502be15e19169928550ca8a133497d8ff0e"},"Additional Info variant")),c("li",{key:"8691a7e2da92a8dc20c6aef7885bb8f7a8895391"},c("span",{key:"0823f03e5507efbe9b9e7a57c0d020967f9beec8"},c("ifx-icon",{key:"bde0bc24442e71ebf112b5c13a2e8e22ff049053",class:"check__icon",icon:"check12"})),c("span",{key:"239a87dba81e6da26b1e0984122c10bdb543d3d5"},"React, Vue and Angular wrapper integration")))),c("td",{key:"7d8294e9eb7db61a7fae30dc3e5921a0770a5c1c"})),c("tr",{key:"8c8f5e5b289c4bd5ea9f3c881ed4378a8d789fbb"},c("td",{key:"6d9ab8e303c1334040846f85c4ae3121329efda9",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"89d2df67987a311885dff53e1a108f66361d5bae",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-badge--development",size:"s",variant:"bold"},"Badge")),c("td",{key:"29d191a5f2dc26d4e17c5226a0650427eff32dfc"},c("ul",{key:"49044b321ab1d4c2f3740fe30635dcf5957b8171"},c("li",{key:"4019721ee57a7f4f2630dc51fa581f88fdc8e438"},c("span",{key:"04e825265dbe8568482dddf5ec7af126f300bf19"},c("ifx-icon",{key:"be7e70f4023157cc8d2301729b2652316b066b51",class:"check__icon",icon:"check12"})),c("span",{key:"bc2f057d8bda2799b183b849d69ac7d24685e70f"},"Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues")),c("li",{key:"11a13627581d9a67d6398ebcf6d0d714831c4c76"},c("span",{key:"3ea38353b4112233d943f07f6e2cabd52ccac3f1"},c("ifx-icon",{key:"6463963f221121eb15607d2080f6e4b5b537bfe4",class:"check__icon",icon:"check12"})),c("span",{key:"238f46aaca90e66f2685bc5a635487dcb3248edb"},"Designed to seamlessly integrate with existing UI elements and adhere to web standards")))),c("td",{key:"262372847e31c9cceb750f1d667b5dbbbdc9fe55"},c("ul",{key:"46b10bff0fd13c81f5b1511008018d8d8a3ebb5c"},c("li",{key:"894a85d6ebac6130ab03a4f3a2bb277c777f7dfc"},c("span",{key:"df65e88b192bb394584b98a4fe4cd0e14768ce5e"},c("ifx-icon",{key:"e889aece62f73c3a87e220106eefdbcadbe5048f",class:"check__icon",icon:"check12"})),c("span",{key:"666d57eb12a2d6db47fc2bf984840df656f0e764"},"React, Vue and Angular wrapper integration")))),c("td",{key:"5b20e726ae6a4a9e5f43553a0e10e9a8ba6b236b"})),c("tr",{key:"f61261b8357a0e40b70c3c781c4261dcce046321"},c("td",{key:"40187031b09e28f10e6a14c96112405d4fd8eb80",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"31e339ed9d7edb904247db31c06eac385231a315",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-breadcrumb--development",size:"s",variant:"bold"},"Breadcrumb")),c("td",{key:"8f02ce5d96a384f2aa972097080aa147f095ab18"},c("ul",{key:"a7c5a5d37c9136f4f1604fb58e6d7f25d95e34f8"},c("li",{key:"43b8e721a89a08047258acd94da15becfd0aea7b"},c("span",{key:"2aa21613f47f83bae087d262201b322fba9867ba"},c("ifx-icon",{key:"a63b4c80f1a562794c898aa0e5cfb7a883025714",class:"check__icon",icon:"check12"})),c("span",{key:"8060134909c527b820fb51daab23304e73a3ed2c"},"Provides a simple and customizable way to display a sequential trail of links or indicators,  representing the user's current location within a hierarchy of content")),c("li",{key:"4750a4cb10d001775a12769833d1c22f14d38e55"},c("span",{key:"522efa9a1cf84f724b6e18891245fccde0d33670"},c("ifx-icon",{key:"93a0359b6b2914b8619b40f491e120a90df84d78",class:"check__icon",icon:"check12"})),c("span",{key:"e5305a0122d7ae6f19926d796c468b34d5363f6e"},"Adheres to web standards")))),c("td",{key:"ecfcefe88afdc4ca072a4ea414a59d7752dd525a"},c("ul",{key:"996957568bb5b906c1e247dee96489f09cf90956"},c("li",{key:"037d3c365b2168dac6258184974334dc03ff7911"},c("span",{key:"2d72e89739119df0878964e1329c1c097fde51ce"},c("ifx-icon",{key:"a605b38130bf91a692337633568434e8539cece8",class:"check__icon",icon:"check12"})),c("span",{key:"6a578bba203bfb7f532f101bdaaccecd14436559"},"Possibility to add an icon")),c("li",{key:"4ad0b79990968972518c092a06392e9de3a80bb3"},c("span",{key:"975d3387106a10e160a9a1b6cefbe8180f7f83b1"},c("ifx-icon",{key:"ec1247091e5a41f6ec49a4fd423ba0eaa893c8cc",class:"check__icon",icon:"check12"})),c("span",{key:"9138edcc640c57b5516f56eef64061c4d8f242d5"},"Incorporated dropdown-menu for individual items")),c("li",{key:"632b134444999994052627fa321e99697a2f6fe8"},c("span",{key:"51ae47229d4f3eae25485d5f6c2784d90064e977"},c("ifx-icon",{key:"1aa9893b75cda7c9e3e57206f34abc1e4bcd1be5",class:"check__icon",icon:"check12"})),c("span",{key:"46fa4319905a9355090c44ad2280185bbeb51d44"},"React, Vue and Angular wrapper integration")))),c("td",{key:"386ddbefc78b805874d6e8103b0b3bb18b364e5f"})),c("tr",{key:"144b1c4b8b0c950f95bcc9a72af9454fad65b0ff"},c("td",{key:"4c2d1b42ac860d68b62c419467f7f5921aa8b736",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"158725f7a497ceb643c202bd9d752f6cd6c4780f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-button--development",size:"s",variant:"bold"},"Button")),c("td",{key:"259fb06ee8b99c6868cfb93646ab6b1a6cb3382e"},c("ul",{key:"86d39ba8320d5bc252909954b616495e128b70cf"},c("li",{key:"aa24e8b25a638d4d001b0472fc862e1099a915de"},c("span",{key:"b0c05b7d60b77edb6cb8498ab1b71e88739fc3fd"},c("ifx-icon",{key:"599bb075805cd77d94153d3a4bce0995867e57cf",class:"check__icon",icon:"check12"})),c("span",{key:"6c433b62ae9dc645e686394b6212bb9d9a7f0b50"},"Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions")),c("li",{key:"c74f9066f1b314460f97da7e422727c9ab9063bf"},c("span",{key:"bcbdb1a0fe668902b4bb9f8093b1965561ead878"},c("ifx-icon",{key:"c36273437630afd755500b74f0c80c9e4030f6f4",class:"check__icon",icon:"check12"})),c("span",{key:"06ab9ecebd5afd47956b5ca241345d26fd3b109f"},"Adheres to web standards")))),c("td",{key:"cfce6a3ca5fa4f7c0e3a2b55a116ad20898e91a6"},c("ul",{key:"1f2cca3707a0cf3a6b32d959700e69bedb2f45cd"},c("li",{key:"5ef93240503ee435d7a9b01a59245dbab22b852c"},c("span",{key:"ea0225bd1916a0f658dbc92a5cc6934474dc43eb"},c("ifx-icon",{key:"1f4b807d35782b8c532b9d5732166e8f4caf8106",class:"check__icon",icon:"check12"})),c("span",{key:"791328c8aee5351bd406045b359db04c27b8cc49"},"fullWidth feature")),c("li",{key:"ce487e5f193a2ebbf479a9e28abb632a8f8bf23b"},c("span",{key:"b74ea423f9014758f89fc5db3419ad4020908dfe"},c("ifx-icon",{key:"ddd174c587583b3f74e9e3334449484a8e50625f",class:"check__icon",icon:"check12"})),c("span",{key:"2e41a3536197b02f77c2452f46c466dae7fd6e51"},"Icon integration")),c("li",{key:"738efd0d74bac80bba574ea0313011174af4ea4b"},c("span",{key:"2c0f2b3321a65e76af336e483faa99fda33559e2"},c("ifx-icon",{key:"17a610f3b37a7a534a96c1bdbf411de0dc0c9bd9",class:"check__icon",icon:"check12"})),c("span",{key:"7857fe48548b33babfb44021d26f36cd60b5ccc6"},"Link integration")),c("li",{key:"2ed991d8ea10b317aa16ca3e7c1652088b74b94f"},c("span",{key:"9757a74ac3dfdfb4e0abf02d97421771cea128a6"},c("ifx-icon",{key:"457877fb579016a7ce5260dcd1a250c1675d320a",class:"check__icon",icon:"check12"})),c("span",{key:"f2cdf5e0d03d1702be77611656ae5a3be9757e02"},"React, Vue and Angular wrapper integration")))),c("td",{key:"bb2bc615c399d335a20181897277a7e42c3b0585"},c("ul",{key:"8a56e5c6da773020cb0b10bd607e35845f27f3c8"},c("li",{key:"a3602a4edb1ed39d1fdb7fff9bf76321028cf759"},c("span",{key:"9702aa5b63962d816c93d0afc84130617d86a13b"},c("ifx-icon",{key:"9f8faf03e8dd4c63b37b2b52b56c0f32ef58aa49",class:"check__icon",icon:"check12"})),c("span",{key:"d1e860588b46bb99cf77505bf7a134fe3f636eb7"},"Form integration"))))),c("tr",{key:"133b412d5549cec04844d6e57454a252d69c45a6"},c("td",{key:"d0e99ab5eaf0c0528181263dd0da72a2fc01a31f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"6beb6ea9ebf8f26cc02ef90ad34c06c95209a4e7",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-card--development",size:"s",variant:"bold"},"Card")),c("td",{key:"ceb1d058d692dcc3c94412c91a4e4e659b78dce9"},c("ul",{key:"d299999b804248b2cc343802c9237179e0baa2e7"},c("li",{key:"3b05fad3388d803ffdb60cd4737d01c96907a02a"},c("span",{key:"4fe3c406824d8d62eeae32d69ee68e62e8fe58b6"},c("ifx-icon",{key:"83f5be1c1d896e60ae47fdcbfb6fbe0f655b5d97",class:"check__icon",icon:"check12"})),c("span",{key:"5239a7648c8593c107bad0a1ef70644f036a4057"},"Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons")),c("li",{key:"c3304591a37703538c4be3437308035a72cfbb61"},c("span",{key:"507c00ff8c7c9b5ca399ebfc3c613d4d6bb040cf"},c("ifx-icon",{key:"1f4de6f2e7f3f1592aa425d328bd212d2c41ca88",class:"check__icon",icon:"check12"})),c("span",{key:"ed3237645ee6839dca507e907db2c842730cb6f9"},"Adheres to web standards")),c("li",{key:"c30e7c4cb82fc373f202b89f6348f2542faaa3e8"},c("span",{key:"7a9ee8920cedf17d6b1ea357559dd3a9af3f838d"},c("ifx-icon",{key:"c4679dbb7e7e4a210483e04a2e3948f1ac6ac474",class:"check__icon",icon:"check12"})),c("span",{key:"dca6693b150418d3b940d8521a014a2f844c89e8"},"Horizontal and Vertical layout")))),c("td",{key:"492a9a95fb1da7079cdea540e663c2311b151f8a"},c("ul",{key:"ada3c4809b64aed548e86bb205a07d2ac8703068"},c("li",{key:"c0a1d068cb3c7c6fc26e6348826cdb189c1623f7"},c("span",{key:"e15b69982bbe99e7d40dfc69cfdd7f5381bc45c8"},c("ifx-icon",{key:"62778b6bb55c0cdb2355e651f38ef790256a7693",class:"check__icon",icon:"check12"})),c("span",{key:"f701f9a6dfffebd28731d70cc05283b2710f1bcf"},"Possibility to embed multiple buttons")),c("li",{key:"6159dd5d3162ed56ac8e19781ba07e3c899e9ded"},c("span",{key:"643f2a17aa3e26728c74d8d7d806e0f4721200d4"},c("ifx-icon",{key:"55d7d319e08d8f5ea49213cbbe46a60aa50f2645",class:"check__icon",icon:"check12"})),c("span",{key:"650857bc3857794909599e36f1fa55c96e323a62"},"A switch between a Link and a Button")),c("li",{key:"7f66412a55edece8961615b88e048af971b29f4d"},c("span",{key:"4b6d2bcc821d58cffb7db285cabd8b221dbeb53e"},c("ifx-icon",{key:"4b5252190b0e2f6f6e136ccbfe4fd1ef75ae309d",class:"check__icon",icon:"check12"})),c("span",{key:"0cb26a5bc6b819125489f142777460b6c321f3e2"},"Enhanced stylying behavior")),c("li",{key:"4e84622a116cf0bf329af1379f2ef11b86cd7c7d"},c("span",{key:"ff7d1198e67d6f823a9e0e1dac025949305bbb7f"},c("ifx-icon",{key:"be7689de1a6c3f1e5b017b3499a3d0751cb92355",class:"check__icon",icon:"check12"})),c("span",{key:"e85778ae8e8ab4c43afce8a24e106d435e52d5d9"},"React, Vue and Angular wrapper integration")))),c("td",{key:"d866e6e79c9cae56002b42867c6876aef2adf32c"})),c("tr",{key:"8bcd02aa7aa6b0a328b108085a5a5a965ee9166a"},c("td",{key:"2f8738ad4ce2483b5ae6582de30be353386b5d1e",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d70c1bfb28e8b433e29b805bcf1e44f6f67b62bd",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox--development",size:"s",variant:"bold"},"Checkbox")),c("td",{key:"418c6f20a923eed474c8016bf36a11833675b679"},c("ul",{key:"f248f92c3b57752fe7e99c6cdfae90821f6289bb"},c("li",{key:"c46f65236291cbccf3dc75177db3788d305d507b"},c("span",{key:"395ae04508a2a944b84da52dcba9a223f8a1ecb5"},c("ifx-icon",{key:"69991f86e71c5e86812cbe35026c63422e298b74",class:"check__icon",icon:"check12"})),c("span",{key:"e48210228596459a1e2ffede8cba50a483d881cc"},"Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states")),c("li",{key:"833c8d40a74ff0d56a7239f40ecbb8a55e2e8a72"},c("span",{key:"26dbebb8b2c41449ea379ec01e38819225a5800f"},c("ifx-icon",{key:"4ba8473915218e829446c52f5d1ab7b8828eb639",class:"check__icon",icon:"check12"})),c("span",{key:"eb6345be967db37681099840b052078bd86f96ab"},"Adheres to web standards")))),c("td",{key:"a9841edf2e3f6b0cc254eae72703cbc8ef3ed316"},c("ul",{key:"824202b5c2f3e31e5f42ecba8164d29eb81a0cd7"},c("li",{key:"422e0b740c7904728c78c759bc9b58e0defe4cff"},c("span",{key:"4fde3ee461ee72eec289f48b0c8beb25f40c7e69"},c("ifx-icon",{key:"26736e3ba6d563bddacbb0be0ec02460aab57b37",class:"check__icon",icon:"check12"})),c("span",{key:"86f0a6b6d1efda3adf234fcca0a6b55df7fdaceb"},"Indeterminate state variant")),c("li",{key:"cde6898bcd9c864ec6670208e71015ff2301fba2"},c("span",{key:"00760a8822850fcfe826110e0e820f6c160040eb"},c("ifx-icon",{key:"31f30ada8dc05f82b2faf017a2e9febadb13ee41",class:"check__icon",icon:"check12"})),c("span",{key:"cbf341085360a3a9eda318369bbf440a0c80e7f4"},"React, Vue and Angular wrapper integration")))),c("td",{key:"2231f0ebecfcba8a0f246d33cd9269408850969a"})),c("tr",{key:"7d51d892d208760ea7298061b075f5e1a809e20b"},c("td",{key:"e0a9dd92fee9ca56b7ed03c34c25362603f5bc94",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"003fb7da291d9a976eb07ca2a1c5ebdb46e20173",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox-group--development",size:"s",variant:"bold"},"Checkbox Group")),c("td",{key:"5170340a6692c7b1c59f5ece1cdb2b743b77541e"},c("ul",{key:"821d101c78b4de9f3f26f4b5f69a622d25ac0957"},c("li",{key:"49938195e717f6d459de22b41e818a4e5c68f8f7"},c("span",{key:"be624887ed14fcf7090604bd582d1190060b8b3f"},c("ifx-icon",{key:"ce156cfd3c66543db8c8b5209270204d495c751b",class:"check__icon",icon:"check12"})),c("span",{key:"8564641055b34b6d04fce6d7156002257b25004d"},"Provides a simple and customizable interface for grouping multiple checkbox inputs")),c("li",{key:"f3beb56e3833a8b3ad5139473b8e2312709d60d1"},c("span",{key:"946519bf60ac934aa543540f871f3de5dba40233"},c("ifx-icon",{key:"69229fdc1d3a2deeeba489cfe3fc7770efdbb01c",class:"check__icon",icon:"check12"})),c("span",{key:"d17202271ecc2a99198bb36f3f11f3fedaa6e5cf"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"36c84369f4140921365ffcd7ffc32b7fa05c57d0"},c("span",{key:"7385cccb8a83e04879cb1197249787b59c982a26"},c("ifx-icon",{key:"a036e0ba43a5737a6d97795bde7163e369b25f44",class:"check__icon",icon:"check12"})),c("span",{key:"ed4be4b63da9684ec962e84a1b91f30a8e5bb9a9"},"Allows to display individual or group error")),c("li",{key:"1a2880faaca5f7f35aa033a4b99ae0211ad619fb"},c("span",{key:"1ad5b020983421e26d60c8292599418d01cbf712"},c("ifx-icon",{key:"63a827a8103d1ff310342865dde3ec7a4bd1b68a",class:"check__icon",icon:"check12"})),c("span",{key:"225f5e89996656186df5c6ddef890ae7c4ba7514"},"React, Vue and Angular wrapper integration")),c("li",{key:"4ff7d5c8bf2d1cbb75437bef044359e57c175125"},c("span",{key:"0c22dace9cc60ed0eeb60f89754710bc031719bf"},c("ifx-icon",{key:"36fb33c0d85271f398c39b75ea1f0e3a7aa3e6c3",class:"check__icon",icon:"check12"})),c("span",{key:"e0e4863d40cef7944389a1175bb3d5415bc0993b"},"Adheres to web standards")))),c("td",{key:"212d049ebd9a30110123ba0d91fbf2bbc161f5d9"}),c("td",{key:"3786c097ed9176ada0df84cd94d25d43d839d8c5"})),c("tr",{key:"b96c344dda1f6aa6ae89f834cf45c8e2eed4d742"},c("td",{key:"b37fb194e277f61f7aaa6e4f16ffdea070026de6",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"03e10b66ef357b98feb0ada38cdd01ba3d773ca2",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Chip")),c("td",{key:"71873f8dbc814374ede8d63ccbf886f4a7bbc0f5"},c("ul",{key:"ac93bf1f39452f01c14ac69ecd471042c610befd"},c("li",{key:"081e0b16f91c4858d39bfda9c08a23e80f0a97e2"},c("span",{key:"fadc23adfc43fb7181e1699d70ee914e0f1d7f7d"},c("ifx-icon",{key:"d1b7bc7a48a62185bb7d9b2666daccc1a6689a6d",class:"check__icon",icon:"check12"})),c("span",{key:"65480232a7188b9793e06bc4acc5a556425d3f89"},"Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities")),c("li",{key:"e272b05d9be074059b21740e90749f33ca8156b2"},c("span",{key:"c872b9fdea2308b94e3c5ee6241ffb95c316c84e"},c("ifx-icon",{key:"cf631d04f59d5473cb6ee169925281ca0e3ec5d1",class:"check__icon",icon:"check12"})),c("span",{key:"93152091be41370e6591e15133f18a73346d0f62"},"Adheres to web standards")))),c("td",{key:"50b0ebe27c8119b693eb98b0e3e323cb5906464d"},c("ul",{key:"40a43f64d756ae8e65af92bbc1d3a363f9a7362d"},c("li",{key:"8d12b64a286f7f43a1eb3e504943a6aec12fb57d"},c("span",{key:"c336f0300d29cbb1e374193c54c173432ed2dd0a"},c("ifx-icon",{key:"46ce05c28dde9065611288ff0b1ddb96d997d3c8",class:"check__icon",icon:"check12"})),c("span",{key:"8ba9365d8a44698b3e97f829c3c73459888a14b3"},"Incorporated dropdown-menu for individual item selection")),c("li",{key:"ec46aef2b366790d4205a6384ab84dcba5f71e74"},c("span",{key:"978c9663044ba8f2f0af84f54cd886333b8cd210"},c("ifx-icon",{key:"fba348e2e4ba85462d9dee5d2a3e89f1fdce029f",class:"check__icon",icon:"check12"})),c("span",{key:"bf0a3b1f3e9e5faa56ea4c677ee005610c4ee70c"},"React, Vue and Angular wrapper integration")))),c("td",{key:"943cc3913168003e8d892f3cdec2d7e335856f39"})),c("tr",{key:"70853831daf3a90c442cbbb7df7fb0d20f521d6b"},c("td",{key:"ccd79aecad663e21bbc5b09c11dd1319dd8f0be4",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"7e3a943adf89929baffd0b3e25f1f80b37fc05f5",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Date Picker")),c("td",{key:"3ab8de7943ab804d1137008ea6c55317fb584aff"},c("ul",{key:"e7d732bcde716b94b3fb1362b1ae4767b2b0f428"},c("li",{key:"9e933683e833064d1883955c47852ed757a5c6e7"},c("span",{key:"bf474a619080fc8456bb231d64b422fb0d9ce798"},c("ifx-icon",{key:"c51621f2113a5fea40599208dc648c74c4f85ef4",class:"check__icon",icon:"check12"})),c("span",{key:"30a07e7a454eb00f06e448e779d90c1e65cef520"},"Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction")),c("li",{key:"9afe172cc3c1c0cf34dacbf038710d55bab3b5ba"},c("span",{key:"285de018aafed07bf7a1fc4ec2d566d856eb5cd0"},c("ifx-icon",{key:"e0e45a0a8581df95a2acf6f1c4a565a6a0538fc2",class:"check__icon",icon:"check12"})),c("span",{key:"6a2026a1e253df83802cb5a1fa056972adfcdc28"},"Cross browser compatibility")),c("li",{key:"9edc7b388bac1dcaef24e6eaac21b81882e5e8a4"},c("span",{key:"2336c1a158c61b5b6986f8de92d9a2c92d9d1b07"},c("ifx-icon",{key:"409952f50b821ff1fc736e0b280db2fd5eb3b648",class:"check__icon",icon:"check12"})),c("span",{key:"9e05deb15fd88576ecc013087e71d58a90aa7473"},"Form integration")),c("li",{key:"9e67aaf23994c5b7eec3d0e86dc6713ca10614fa"},c("span",{key:"460752a9eb64ef46e9b6258aea8e61de99093cd2"},c("ifx-icon",{key:"0dd2d80e98251c1b81bd6658b6e39e1ec3b085fc",class:"check__icon",icon:"check12"})),c("span",{key:"26d5cd43c14bf5bb24b931242121a518e77d9dbf"},"Adheres to web standards")))),c("td",{key:"bb4dc51baa5dcaa04c03eee64e4f7a6918b2f439"},c("ul",{key:"36d117532c801f8105f65b752f40897e0c781212"},c("li",{key:"e3112fa81360be5030fa6cd88f96d8a66fb6b1d2"},c("span",{key:"f2d2b48b09238a1438645ef841ea6f19f931a2b0"},c("ifx-icon",{key:"2bd6ee8732dec596984822f85213a19995cb6575",class:"check__icon",icon:"check12"})),c("span",{key:"fe6c518fa9f0b5c9428ca74b0bed891da336ebd8"},"Range")),c("li",{key:"0d455aaae6967a1b2a278043cbbf33349d543001"},c("span",{key:"85def938dca024edc938176eb61d6f1c56db9263"},c("ifx-icon",{key:"54ce4d52f5cee77b4af75d03f7b75f521f4bc471",class:"check__icon",icon:"check12"})),c("span",{key:"7e259b277d32b20366f4ec9319ab8321e5750f12"},"Default value")))),c("td",{key:"a0a8f30346718cb892b4c7f1158168080632f2a0"})),c("tr",{key:"31b185c18efe3b4b234a271be5329a099a453b66"},c("td",{key:"0e92a65f618344ad70de791b7ea1b5d9ade84603",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"be4b8adc9e26d4beb77d879a78308bbb8eab5de5",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-dropdown--development",size:"s",variant:"bold"},"Dropdown")),c("td",{key:"0821defa7a05d99fef82a5634d34afc95f9c0bf9"},c("ul",{key:"b2b045a5d4516984471b9d93e6badf8331009c4c"},c("li",{key:"29c9f7006339756a8e3f57d32412b342b69321b7"},c("span",{key:"089fad460728a3c2c0aba1d0d9973b92be074d98"},c("ifx-icon",{key:"fcb9a8fbadee95ba029dce3030a884bbb0089626",class:"check__icon",icon:"check12"})),c("span",{key:"37130e5998f5548b24437788fb27e2101265b894"},"Offers a versatile and interactive user interface element for presenting a list of options or actions")),c("li",{key:"55c4bc21fb9d17e1bfe1d810b590b768a4f11384"},c("span",{key:"436235e6b86cd7d154af07499304bc55fbb98068"},c("ifx-icon",{key:"c7bf5a59e662ca930df9c1f296777e6de8828eda",class:"check__icon",icon:"check12"})),c("span",{key:"6d4c342f659c33565e079b73182a4c629233d8d4"},"Ensures consistent behavior and compatibility with web standards for a reliable user experience, while intentionally limiting customization options to emphasize a standardized appearance and behavior")))),c("td",{key:"c405bc01e0193ca61feff2e56724221439ecd8dc"},c("ul",{key:"05c261eb0bcf0825f637e519539de15c784e6814"},c("li",{key:"667f7a522348512197be8e315ccf21051a7fa92a"},c("span",{key:"db1938a91c1c96d2880ae42b889bac934ceeb6d9"},c("ifx-icon",{key:"ec18d4f4a251e44819f3966ada6efa025261f2d0",class:"check__icon",icon:"check12"})),c("span",{key:"1c0144a61ed72e0da9b2e10b7a072d586e0415ef"},"Search filter")),c("li",{key:"bc7f189ad36b9e96dd2309dec7911ade1823ca2e"},c("span",{key:"512a4706c95712f9574d08e2f48d5986be9a79af"},c("ifx-icon",{key:"abbe31d2bf6dd727c457c546e1fd77607d9d8a11",class:"check__icon",icon:"check12"})),c("span",{key:"a3ce1346e996fd4a2d19fe921b3856e55c609887"},"Header section")),c("li",{key:"9d653000acff48239c6ebe77d36723910c1352d5"},c("span",{key:"e332f364fa29838d548d98e9c53243ff2c88a6f8"},c("ifx-icon",{key:"75439c2dd958ea3b4b3a5001529c6824f53daa6a",class:"check__icon",icon:"check12"})),c("span",{key:"7406ca666f05b40dc3fa94cd4408c550e2594268"},"Menu Item Divider")),c("li",{key:"975b50a1fd8ce2d15648067b346dc822c8cbb591"},c("span",{key:"ac50e03ea241afc6238014d3020fdc5d8515c706"},c("ifx-icon",{key:"64e9526a69de1affa1cbc4cb175651d3ff9503f8",class:"check__icon",icon:"check12"})),c("span",{key:"84839c24c6a4aba371b4c8148c9d595a4bf5b19e"},"Icon incorporated")),c("li",{key:"0ab23ef98e1d2d48739cb91f60c63ff32cd25bad"},c("span",{key:"9de67b4da6f29ff8e56b164f0e639893ef20059c"},c("ifx-icon",{key:"ba16fed147d8bf3d5fc8300c8a0abc6c9e15c494",class:"check__icon",icon:"check12"})),c("span",{key:"49a508b6686819947aa6ba1e6d023de35850ae95"},"Extended customization and configurations")),c("li",{key:"daaaecebfd5c01fdc00e9c0e437c9fc6b845ee9d"},c("span",{key:"758a7e4a4735015bc0087b842e9961dc2b061807"},c("ifx-icon",{key:"d2c52d1d28dfdaf660f078e92453f3e77d54eeed",class:"check__icon",icon:"check12"})),c("span",{key:"438d6717c3df842edded8aad5a3288232e234fd7"},"Separate label trigger")),c("li",{key:"4d41bd1b2c732261a9e960429326cbf500364e47"},c("span",{key:"e73a152eb1912465b39fb771d97b1d9399bc25ac"},c("ifx-icon",{key:"d66977903398206574d3f361cc71c5a33803c3dd",class:"check__icon",icon:"check12"})),c("span",{key:"6c7c423f1194c777bd20bf29792ca790b45fdfdb"},"React, Vue and Angular wrapper integration")))),c("td",{key:"3236c13d8597c8096482ae588074ec9d4b823fa3"})),c("tr",{key:"9247e07c4acd80b744e9dd8bc6a99583153016dd"},c("td",{key:"b40854f0b4026f371cbfb2500ae76d42c98e31b0",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"fb77a4186dea1985ee331eb742153adb783d02b8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-footer--development",size:"s",variant:"bold"},"Footer")),c("td",{key:"8b5b93887cb495bdb4534568f5ce8b87c31634e5"},c("ul",{key:"eeab1c6d618c9a80bb0c1b40afc31f3dd4573074"},c("li",{key:"37c7b8258955af91fe9e4797ccbae3c222134760"},c("span",{key:"9e0a0b0a7781535ab2f28a5f13aa72dde76f28e4"},c("ifx-icon",{key:"243d10c3c3e68a18eeecd6197345faf8393e9f26",class:"check__icon",icon:"check12"})),c("span",{key:"42c932f949afcb9bdbcc2f47fa532aff7692e3fe"},"Provides a standardized and customizable way to display essential information, navigation links, and branding at the bottom of web pages or application interfaces")),c("li",{key:"84b069a56c279fdbe7a540f759d9c30986bdc108"},c("span",{key:"7cefbfc03d4e48990f734b26ea98228e05c6fa52"},c("ifx-icon",{key:"b7a8bd551cc13e97dbc872fab6a3621051da226a",class:"check__icon",icon:"check12"})),c("span",{key:"792b7b40eb0124b721eca37be91cbbf4681b0869"},"Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information")),c("li",{key:"68bd299f9306013240aa0f5d0db8ab0e01aa0078"},c("span",{key:"77e105e7c5be3c93934bb9ebbff218eafbabab95"},c("ifx-icon",{key:"7ecc93cd8fa1b1e062dd5bcc7d14eebac8946517",class:"check__icon",icon:"check12"})),c("span",{key:"a27066fdacf7d1a110d2ceb9163b8c38af227b8b"},"Adheres to web standards")))),c("td",{key:"4ed1a2719614c8e859df33986506f2b60cbe6c9b"},c("ul",{key:"9a2750a1967b79655e259305a29233d47ba65e08"},c("li",{key:"005185a860aa126690b891e05e1e6a044e224fcd"},c("span",{key:"eb1c1bc99b6c4aa3ecc28f5f2e3e309463004724"},c("ifx-icon",{key:"032c7c33de0e1bee87ce95ac9a4543a07f0cddb1",class:"check__icon",icon:"check12"})),c("span",{key:"19d72330057dff7f09d7cfa6f590e1e18cfbfa02"},"Small, Medium and Large variants")),c("li",{key:"56179da6c18d77ba1ecf8b0963b7f256822417a0"},c("span",{key:"601daf148dcb4ba64b121e983be993d0c2d133e8"},c("ifx-icon",{key:"fcad21a0054caaf574380ef481e97f8927e5e640",class:"check__icon",icon:"check12"})),c("span",{key:"500d9e23e0e3dd398e386d19ba4ad9d3c94229c3"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6dfcf3dc5a34fee99bfe6cd512771ef2b218c79d"},c("ul",{key:"52ab672b281f2ed9ef8b8b44871eb84944a7b20d"},c("li",{key:"1342bf614ee44c51fee9d952dd4c1fdea19c38b1"},c("span",{key:"a8ec25663f6d410ca490234da61b43fa4df0b263"},c("ifx-icon",{key:"864a12098ffe8447702e07ad7582db680351ae96",class:"check__icon",icon:"check12"})),c("span",{key:"da78237d6815871ba5903aa98bc70a75247f938c"},"Customizable and removable links"))))),c("tr",{key:"f55447c46daffa26fb6bf9dba915b55de6418eac"},c("td",{key:"8685cca2251a6b36600f0e0875766d07acadf7f5",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"49abbe92ff9e19e517cc784b1e87eac579d1f35b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon-button--development",size:"s",variant:"bold"},"Icon Button")),c("td",{key:"6c3acfd229c7e7cfe4ec97ee659c967e3ce3a9a5"},c("ul",{key:"24c587d8399993ff5ed92a1e13cf60ab6f5106e5"},c("li",{key:"8a75df0870c800af54b180f14df2ad28eb585aa3"},c("span",{key:"ca290812ed48e652d26810808da12f6f700583ce"},c("ifx-icon",{key:"3051741a83d590c4ac0fe1ebca66f157df87ba52",class:"check__icon",icon:"check12"})),c("span",{key:"78386a1a276e20e850bdb2c5c6c2abbdc5820221"},"Offers a compact and interactive icon-based button element")),c("li",{key:"23e1b788f1fbb713222041876b67cc726225bfc2"},c("span",{key:"c0a87504fcff7c544db7a749bd2ee5ecd16f86dd"},c("ifx-icon",{key:"083f0369c8081dd89a043f9bf45aee4a38292c8e",class:"check__icon",icon:"check12"})),c("span",{key:"b6e43ff5bd484b89737eb89bab72b07f62a6b3e2"},"Provides a limited scope of customization")),c("li",{key:"f135f4842df83e970e0edd93545c174a1a7872ee"},c("span",{key:"3d3920f8fe6848e35b3332a9796d528a933abdd0"},c("ifx-icon",{key:"ab40aed004d780f484f806a9d6450fb781b968b0",class:"check__icon",icon:"check12"})),c("span",{key:"9a39eeb1480f11d62b0099412041a948131600bc"},"Adheres to web standards")))),c("td",{key:"22313eec99ef9a2d554cde6a8217db319b6869ee"},c("ul",{key:"2a85b5309ec08cf24d7973a36f6fc7588cc18607"},c("li",{key:"da1209ffe1b9c039a5d6da88d6d27da2fca19b06"},c("span",{key:"ed8f4487dd9a0ac117b87d7d374519d4e3235e2e"},c("ifx-icon",{key:"b231559bf3d20768a9efc44c43353025d86a3559",class:"check__icon",icon:"check12"})),c("span",{key:"1c18fe6798b5586018a8ca76fffd833ba0a1dab5"},"Additional Round and Square shape variants")),c("li",{key:"58c6d6d9e3485ad5b30d50a5fb480c68c5138f1c"},c("span",{key:"888e2b0c454d585dd8d6fc546d0dd8ce7952854f"},c("ifx-icon",{key:"7404f281937388cd81ac726f8fc3ac9fa025c2a9",class:"check__icon",icon:"check12"})),c("span",{key:"139c40b4fe747cc271b3943a55ca23621d345af7"},"Small, Medium and Large size")),c("li",{key:"5fca66063aa0fa88b0ba50f305cd57ffd41fdae5"},c("span",{key:"8df2e43a51c1c98efa99321ae92ee86c355b7d1b"},c("ifx-icon",{key:"178e0b7201fbf739ca5a98b1a7c8e002c7b83e2d",class:"check__icon",icon:"check12"})),c("span",{key:"18858d40ff31dfd182cf702f0ac3650c68aa5c98"},"React, Vue and Angular wrapper integration")))),c("td",{key:"d1b3fde6af4c57273def1804e0ea46066de5195d"})),c("tr",{key:"28abe064bc30f686caf403729ac7d33f638f8bec"},c("td",{key:"d94b6660dae2f4e5502edb8e07a0deeeb15d3e28",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"fbf8b2a57dd132a74b970e7ea257234a65b96bee",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon--development",size:"s",variant:"bold"},"Icon")),c("td",{key:"0ba589650770e2a4b26e45abc5c81ff131e9c235"},c("ul",{key:"bdccd572155521c4f50420ae74bc9d444b71eb62"},c("li",{key:"c60309964ad298f1186a1c33503619aa901df1b7"},c("span",{key:"229c3267bcd543b678586514d55b0bee8ebdc18e"},c("ifx-icon",{key:"7c3f43d11253c9dcadbb4bfaceec9443ff9d4856",class:"check__icon",icon:"check12"})),c("span",{key:"75fdf246b4beb9b6b57009ddac3a1cfbac966c92"},"Offers a wide range of iconography options, allowing developers to easily incorporate symbols, glyphs, or visual indicators to enhance the user interface and convey information or actions effectively")))),c("td",{key:"7c6edde48e963befa6935f1f8208ebd75a1f5c63"},c("ul",{key:"46b0685830b1de12d6d314c6ec4a484f91682944"},c("li",{key:"639664d6924b43d0424ac682b94d476f57b3c42a"},c("span",{key:"24c9d0ac0da05a6d177c17fd536ff5ba03645f22"},c("ifx-icon",{key:"48fc95633da908c28dbd5a7b92a7826591fd0ebe",class:"check__icon",icon:"check12"})),c("span",{key:"d14ef328118e6cdfaf9a1cfed037a5aad21fdd7a"},"React, Vue and Angular wrapper integration")))),c("td",{key:"5e268f005cd94e48d6a3bd5fa9a36965a4f35060"})),c("tr",{key:"4ecb25bea5144a7b08dd8ad33f71b53eb53da4a5"},c("td",{key:"0a70c76b2320d8d0470ecb4936963d945469d3e0",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"7b974abe93c83d408ce79117db909973afeae8a3",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-link--development",size:"s",variant:"bold"},"Link")),c("td",{key:"c6ee676d93f7f18b43fd93228cdcbf1d8ea84e79"},c("ul",{key:"660cede6441b3c150c4962ca8109512dd0b6f1d6"},c("li",{key:"dafff757453ab048964c9e1ef84cdf0b9cda0322"},c("span",{key:"653b02dc6e7bc138497b7bc2b38854a5bcb7c5fa"},c("ifx-icon",{key:"cb05f023b1a834ef8cb0f9e13624e741b8d3ea22",class:"check__icon",icon:"check12"})),c("span",{key:"4caefcd10f4d71f518c5e1df1dbcdeed6633c229"},"Provides a flexible and customizable element for creating hyperlinks within a web application")),c("li",{key:"b0557ac9991aff2783a402139cef7f0e8b09df26"},c("span",{key:"d5c4739f0798aae8ba702379de6ea463bf4f18d5"},c("ifx-icon",{key:"c40a1a6b25e463ac252993ef4ee55b78bc7ce2c5",class:"check__icon",icon:"check12"})),c("span",{key:"4d6709ccdbcb56d3d061df2a21c0183b6bb7cfee"},"Offers essential functionality for defining clickable text or elements")),c("li",{key:"bd591b62fa11d47deb6ce4a3b31a72bc8b425f7d"},c("span",{key:"c52d97e67fae67a3ff0d2c9239992f4af2b0cbbd"},c("ifx-icon",{key:"16c5779aabea1d63f0b169e969a891f73c265222",class:"check__icon",icon:"check12"})),c("span",{key:"c7f7d222fa736a8456ce561e51d3efb78493c939"},"Adheres to web standards")))),c("td",{key:"6443781a9b08ece88337825dcd4ea7c944ea9d4d"},c("ul",{key:"0a7d59624bfe77b355070ca901c9163d586db6f9"},c("li",{key:"82561e1f049c7a5ef7b2da8828ea148d6acbccba"},c("span",{key:"4df7d2450d68fe06ef2e40a7c1ced69869934ce0"},c("ifx-icon",{key:"e737e5f15c8562d2dda20d3e294c3d3e17cee012",class:"check__icon",icon:"check12"})),c("span",{key:"734d51dd66374bd3c04e2933795480cd35d74d55"},"Small, Medium, Large, Extra Large size variants")),c("li",{key:"0a0c7d8f3bab380b35b77e8d4e513bbc91784874"},c("span",{key:"7da64f7dabe5379ac1b42c49d1d7b5d3e6dc1a89"},c("ifx-icon",{key:"164a8505084879510a8b1853cf27682fc17529e3",class:"check__icon",icon:"check12"})),c("span",{key:"1bd6d4f6b742ef830fe2502936435b84943487ff"},"Icon incorporated")),c("li",{key:"1493f9a934279f1b868bb55e5512e0015a113b96"},c("span",{key:"be39f9086a04996aa77f45e728ef8750617837a5"},c("ifx-icon",{key:"8d6f9d66eaeb51b1616183ff57fb214af1985359",class:"check__icon",icon:"check12"})),c("span",{key:"136a15c7896133184019e66f9d617e76d6e91a08"},"React, Vue and Angular wrapper integration")))),c("td",{key:"32d45e976282e9d7975b0c05dd066ec23cbd82d6"},c("ul",{key:"0edce6c32423d9e6b98bca9072ffe78e877c7c79"},c("li",{key:"7b79ee2aa73577ac518e32e952ddfd614ff9d9bc"},c("span",{key:"57291c8389af6224eb99f8c6c6d51b88bf7d6c3d"},c("ifx-icon",{key:"cdbabd36d5d61c198edcfb3492a4585453f9b2f5",class:"check__icon",icon:"check12"})),c("span",{key:"057dd3df1a4f5485ec2c3e6147d47ef9fe289fd1"},"Bold, Underlined, Title, Menu state variants"))))),c("tr",{key:"40d7ada327fdaad8601965f966325a12eb1a172f"},c("td",{key:"08c474047e9176a277f8ed6ae0e54a5648966f22",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d0a2716a48a49f6b15fbd693ca9e5bfe885e486d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-modal--development",size:"s",variant:"bold"},"Modal")),c("td",{key:"e9082dbc0a65d34c6ab4a7b9b6db132ee9dcb155"},c("ul",{key:"472a479335f9629b7b1be49528ddd29f914b4857"},c("li",{key:"6278431a676a3009989b2da344e673ee535cc174"},c("span",{key:"c316067e52a0393a09f8ae8e06bb35acf94bb509"},c("ifx-icon",{key:"6861a1b98ba31cca54c773e00a84faec4531aab9",class:"check__icon",icon:"check12"})),c("span",{key:"9d80df09c793f77f9c4a4cd49c06414b2886de32"},"Provides a customizable modal window, typically used for displaying contextual information, user interactions, or additional content without navigating away from the current context")),c("li",{key:"7f6ee84a8b95b6c7e09f63d30cf55879ae4286fa"},c("span",{key:"eaf6c1f6ce716aedeafbb7548d0d6736c4e0dc63"},c("ifx-icon",{key:"bac0ff8335d35ea3e31650364ce1bc0d6fc78676",class:"check__icon",icon:"check12"})),c("span",{key:"465beb1484e9cfa029245b99346b4c095d7ddbad"},"Adheres to webstandards")))),c("td",{key:"b904fb059f9c28f100fcce4973a6aa3595e22665"},c("ul",{key:"9e65e379ec9c82925247cf16e4255003ab56e675"},c("li",{key:"6f27607e21cd936812895eeabc7da68ebbcc73ab"},c("span",{key:"21033a3e1c454e1efcee261bcd4652cbe9c8d1ce"},c("ifx-icon",{key:"feb692ffe772026294b18bf1f301c1f676ca1573",class:"check__icon",icon:"check12"})),c("span",{key:"92636ef023ae3ee1a689312807637668d2807eeb"},"Alert-brand and Alert-danger theme variants")),c("li",{key:"586f4bf61e82fef0461d115625febdcb603b137b"},c("span",{key:"f1c55d0be52e8e487b4366b06f221041ce0adcc1"},c("ifx-icon",{key:"ff3472d71bc1cc4fd3824dfa8c86c41f505f584b",class:"check__icon",icon:"check12"})),c("span",{key:"f8117fa789dc0b7c8bf40d807340433c04dd6101"},"Extended customization")),c("li",{key:"e20b773cebe821d373615093dbf421bd7ffad95e"},c("span",{key:"a74a824ea682c54ffdbe9295a8f3e7e144ea3dd8"},c("ifx-icon",{key:"8431d99836db3c142f1dc19334cc249f8a0d5a20",class:"check__icon",icon:"check12"})),c("span",{key:"918fd7e8af71d714f818d4578825eec200820ce5"},"React, Vue and Angular wrapper integration")))),c("td",{key:"94505cadac31747e6b0df3aa466ca06cb2e10624"},c("ul",{key:"70dbc8fce34ad365f20df5af483d4299d42edde5"},c("li",{key:"ffa5aef03df5eec75d79c50d43c4f362664cfae0"},c("span",{key:"85b41bc5871b7ffb0eb85fe8be9ecd9cdd3bef4b"},c("ifx-icon",{key:"ec484e66ae4fa1ebe96ef47d803dfb9fce5f7c69",class:"check__icon",icon:"check12"})),c("span",{key:"b579820c0808394c047ab33e2418b2280843e7df"},"Removable close button"))))),c("tr",{key:"80025c60ed02f197c03337b53918101bb70aab76"},c("td",{key:"a962e2e70706189d0c44384bd30540bcb43880d4",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d3e60cc93298095e8c9c98af9f911a25a3f7a2bb",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-navbar--development",size:"s",variant:"bold"},"Navbar")),c("td",{key:"9b0d007504d6d6eecfccbf6fb6f99aa93915c304"},c("ul",{key:"497080b9d6f36fc91f72824d8d8c5bcda8fd77b9"},c("li",{key:"a74155c0e9e74bd77fc4bf5662c460a7a7b6bd66"},c("span",{key:"681d2bbf88c41669ed55674cd8a5d1ef39e2ddc3"},c("ifx-icon",{key:"bc8903f140ba4941c655983e2e3244d0742f47e3",class:"check__icon",icon:"check12"})),c("span",{key:"2d2e6f153b55d27f4d2b2fb49a417d1db5922ee3"},"Provides a standardized and customizable navigation bar for organizing and presenting essential links, menus, branding, and interactive elements within a web application")),c("li",{key:"bfa69ba222c16a29f17d45012b13d412eb475c3d"},c("span",{key:"9ac22a50a6bad52b7c0981baf9d4b4aa48bbf069"},c("ifx-icon",{key:"4e3a393cb0a85aa7178119e521c5a1d9aee0462e",class:"check__icon",icon:"check12"})),c("span",{key:"37a76a1a149124a568b7779f510e7337aa28c1f9"},"Adheres to web stadards")))),c("td",{key:"12e85a49223c1b3dcdc7e98d01f5e6ebc67be998"},c("ul",{key:"2a3738c984759e9e326d2a48a1bf9119764ee792"},c("li",{key:"e8753bc8813b7c4914aee8c95d730030a0fc2a02"},c("span",{key:"052a87f99252027a44e7e69d7d0e6fa055a8dfec"},c("ifx-icon",{key:"e66bbd3aca9c12ee90c260e7973a16dc0a3d020d",class:"check__icon",icon:"check12"})),c("span",{key:"c23d86b6973752f2706cee46e1bca3e33dcf5fb1"},"Navbar-profile component")),c("li",{key:"0569325dcdc066985fa35372d9356a152f0b73b7"},c("span",{key:"fca20ba1af8638088b41a72083ea4744e68f2d77"},c("ifx-icon",{key:"1264d6de587f01143d52a047043d070a59759d8e",class:"check__icon",icon:"check12"})),c("span",{key:"06934a59c463d4dafb98689390363e3e7fbd3121"},"Mobile Responsiveness")),c("li",{key:"c0f14c4f4aefd52eec9b9aa9444869536049d8c9"},c("span",{key:"9513ab05e9cc0fb7b858e198892f9f773c2309ba"},c("ifx-icon",{key:"c7d3d9452144150f2090adf85c705c17839636cc",class:"check__icon",icon:"check12"})),c("span",{key:"dd48a49d9b44254d59c01f799337a3c7d07ed2fa"},"Mobile Sidebar")),c("li",{key:"73850e0eed8e22c9f282899370c6c8fac73d33be"},c("span",{key:"424168a959ff22d4b4063e6594422b3fffab3c73"},c("ifx-icon",{key:"2a5fc69abd467f7a55b13449c723ce0ed28f516b",class:"check__icon",icon:"check12"})),c("span",{key:"f1aa13d3f0fe9e321b4d4282b8f377484548dfa7"},"Extended customization")),c("li",{key:"5c3ca39125ad663b3d1dbc8bde42e33127b26927"},c("span",{key:"5755133dcdb22331c7fa6d7d6b32bfb9458949d3"},c("ifx-icon",{key:"7f889477621225447a53353acef56d130a03fa0c",class:"check__icon",icon:"check12"})),c("span",{key:"4ccafb18da2b9c357ba5dcd79ca54eb3d86e7fc6"},"React, Vue and Angular wrapper integration")))),c("td",{key:"4b9f502bf2a353e9c752a2bb63c4b066abd855bb"})),c("tr",{key:"8a8f64829b07f2246375b99a836ab920e4826df3"},c("td",{key:"14e4d44aabcc1675757e9fb55d3f7d238d541b00",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"5753aec30c09e3e13e38f49ff196ef4ea8c4f24b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-number-indicator--development",size:"s",variant:"bold"},"Number Indicator")),c("td",{key:"bc7f12feac84477faba4deede80bf20a47eba98b"},c("ul",{key:"13c581358c35f3a99ff7659af617a6f74b3d9190"},c("li",{key:"d58d72e2183cbaf77ae62ff64124cbd5ec55e84b"},c("span",{key:"3392ff9369933d30fc389e9157eca9e2da9f0cb6"},c("ifx-icon",{key:"798e3f30686a0cbd82ce1b3ef48c032a91dcc80e",class:"check__icon",icon:"check12"})),c("span",{key:"1576d9cea108f62dec3741e7262335314474cc6c"},"Provides a compact and configurable display for showcasing numeric data")),c("li",{key:"11e7336fde36f87c85f8e182d0fdc20323e6e6d1"},c("span",{key:"42cc8b54dc7e63272f262b07099cf1d3ca05b41f"},c("ifx-icon",{key:"a895400228751ae02834af6ee4eb347ccd64e66b",class:"check__icon",icon:"check12"})),c("span",{key:"08305bfdb771d06ca126b95a91a933b88cc1b1ca"},"Adheres to web standards")))),c("td",{key:"27b985ee6eb57f118b9e9733ec0882e94fc92342"},c("ul",{key:"2feb4b3ee5e4b10daf29613bb067553404c3289f"},c("li",{key:"69e8939f687cb1d777f7f970506704341ca6a282"},c("span",{key:"78418be9b12cc8527c0504684df7788841df4341"},c("ifx-icon",{key:"a92bc5c680581dcb8f81f7c767f94dcadcf0bbe2",class:"check__icon",icon:"check12"})),c("span",{key:"281ac58da7cf1a084108f7d24cac70ea96414204"},"Inverted option")),c("li",{key:"50184ada9b33f399fd5fce17dcf95f34c30eeb52"},c("span",{key:"e8be3108336a413961c42d502ae14b71c590f81b"},c("ifx-icon",{key:"7f775e66abf42f2e66b5e40a338284872c15b6ed",class:"check__icon",icon:"check12"})),c("span",{key:"39bc702b28b18d3ff4e0be63fb27161081090ddd"},"React, Vue and Angular wrapper integration")))),c("td",{key:"eff1ae53190c98f07f619dc00594bd1254cbc510"})),c("tr",{key:"5f0fece2150a570ac39182850a6fd25439732960"},c("td",{key:"91681cb280c5d4fef1b960c69f4a85079f75d703",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"38d8cc2eecc30c1273394d6ff25d4370fd91b3b1",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-pagination--development",size:"s",variant:"bold"},"Pagination")),c("td",{key:"d7260c0cd6bd7ec726b8c640df63d319d7cc9fb2"},c("ul",{key:"702753454363ebec9270fe2130437acc8545bed5"},c("li",{key:"0645ef5ae9d75a94e47fd71bd23c2ed63d791878"},c("span",{key:"3c3ba5f91986df329cf44ad014b5ed497b1e31b2"},c("ifx-icon",{key:"0bc5c4920cb3a33e4fff5ffb714ac922d0dfd441",class:"check__icon",icon:"check12"})),c("span",{key:"56e97fab45dcd06c0051e7462e07ebf5fadafbcf"},"Offers a configurable set of controls for navigating through sequential pages of content, typically used for displaying large datasets or segmented information")),c("li",{key:"87e6efabf49b6d63eff572836ef41f35bdcf6382"},c("span",{key:"e30e90f3eb14c2172344fe8ada4a898e6fdee228"},c("ifx-icon",{key:"5060bdecdd7510acf16ab99ed3a6b9e2d44f35cd",class:"check__icon",icon:"check12"})),c("span",{key:"011ecdaf333d7fe21178149e7edc1ea40e7fe7b3"},"Adheres to web standards")))),c("td",{key:"a4b559ea0815ddc4f88683b8f059b784fc53851b"},c("ul",{key:"ae58c6dcb7498ae90e0e221975a9a4bde3f063c1"},c("li",{key:"f23c234637fc5186afb13ce512cf141783ab7e0e"},c("span",{key:"804689630e992046d06bd387841228e558957d0d"},c("ifx-icon",{key:"3eba94881b6fe257bbfe0be6d27d63a800f73cc2",class:"check__icon",icon:"check12"})),c("span",{key:"7cde7ab3015dc3d33e8dc17efa8b08a40461ea14"},"Extended customization")),c("li",{key:"1cc09b3412e087447c456463e0093cbba05958d6"},c("span",{key:"ea2f2a8fdb8d8754179c4b29068a452c0c31ead9"},c("ifx-icon",{key:"e50a2f929f1e6d4c63f47495271373d64858d8f9",class:"check__icon",icon:"check12"})),c("span",{key:"63ca0fcff2a91132fe3fada64676607039247064"},"Configurable Results Per Page option")),c("li",{key:"d066172e15aff7fada4a79888f2fd8bd4967bb3f"},c("span",{key:"c4d72608e9f8a78d91c56c2e2a69018c9653aa49"},c("ifx-icon",{key:"2cde68b7b3a5ce673e45eb87ab70ad4c336fdc19",class:"check__icon",icon:"check12"})),c("span",{key:"27767c73583c174b38a130c61981d2a75007508b"},"React, Vue and Angular wrapper integration")))),c("td",{key:"27e77106d3d01ed1452faa3c6dada5530f3e036a"})),c("tr",{key:"dbdd980b4f1007ce5b1c5e8e78e662726858942d"},c("td",{key:"25c1bb3db36aa182828ff4879e1daee0de2cdf0e",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"b7e04eee84cfcd1b310528f157194cc885bc843e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-progress-bar--development",size:"s",variant:"bold"},"Progress Bar")),c("td",{key:"bb9d8e60c4c48363b82365b744da5a463ff6dd98"},c("ul",{key:"b771ed8ec99b0746a0527886e9dcafad7d9638fc"},c("li",{key:"ba2d8ee618bd86586545d5d278f6514b123b47fc"},c("span",{key:"fdd6f58da0be45de7d9b0b83e47acde4cabbb7f8"},c("ifx-icon",{key:"e06eb615c3b4fbc5906694e55357db45f3c5556a",class:"check__icon",icon:"check12"})),c("span",{key:"7f4960b69deb746969ce5b59212f68021b165b2b"},"Offers a customizable and dynamic bar that visually represents the advancement of a process, typically used to convey loading status, or task completion")),c("li",{key:"dcd3c921baaa4e5a2adb6f9d7da107d57bd5a632"},c("span",{key:"22e2171098b5c8badf6634b9100e574b3a1cdef0"},c("ifx-icon",{key:"bc43ea3bb1fba0f30846629ad2eead48fc3713ce",class:"check__icon",icon:"check12"})),c("span",{key:"6987669a8ae38004dbcc8b20e6efb3e2cb0e8099"},"Adheres to web standards")))),c("td",{key:"ce3162f70dfa7803ccc3c4d0022e644f0cc83299"},c("ul",{key:"075a799c1799100d989a42ff9d7c842b39de2e90"},c("li",{key:"cfd342a37677ba277385a4c40e24ad5c836fdf18"},c("span",{key:"4550855ceb4a3a5e9498be796b49b6f284c0659e"},c("ifx-icon",{key:"d67bacfaaa95a6493b77a2bd23c893571b63eb67",class:"check__icon",icon:"check12"})),c("span",{key:"0fe9c3036777ca14429465e16ce048164d10a981"},"Extended customization")),c("li",{key:"e7d60c884ba70401cb0813f34a5e36838fc86215"},c("span",{key:"eca828c34f2932d89040ec399e3dd9dba199ff0a"},c("ifx-icon",{key:"431d4138f9554876f492a02b1813215eb0e1d35a",class:"check__icon",icon:"check12"})),c("span",{key:"d2222e0f178ba0ac3ef71d81040a6158207ad10f"},"Show percentage option")),c("li",{key:"7d52bce97e906bd06edcc5d5d1315d2fab641c29"},c("span",{key:"e1bb25e9dfab47b2135f04eded755696134ac8c3"},c("ifx-icon",{key:"1c4e3abafba49fb5db398b16e3b4ecefd8c2447c",class:"check__icon",icon:"check12"})),c("span",{key:"3c8c621e74fbd9d23ca7b66c7524f9bf571a6489"},"Small and With Label variants included")),c("li",{key:"14f323b6db0b0114d2cd9b3f071144512e5ff95c"},c("span",{key:"01202a82e83f5e146dc0e2a137d075f29f2e3eee"},c("ifx-icon",{key:"92da566c5e21783c1f4076240f1b4d7f1e8f9aed",class:"check__icon",icon:"check12"})),c("span",{key:"4bc939baceb7a019d3f1d4f8cf27d778255916a8"},"React, Vue and Angular wrapper integration")))),c("td",{key:"c0cf91d151f84fd5e57d024297cb108c34f4dbf5"})),c("tr",{key:"f248867d9959a87a6344c9ab50b1d3bc05b366d6"},c("td",{key:"be8b9c6b63e32f7a00245b4e62bf56e457f4a48f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"c197db75a381f14e2c523e4f528e932475592694",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button--development",size:"s",variant:"bold"},"Radio Button")),c("td",{key:"15b40e86b05b0bfd969353b5715c20a276f13e2c"},c("ul",{key:"ec0cc5ea47a6265d80d6d8134edd99f5065322b7"},c("li",{key:"6321cb9f9774ca1fc2694d1bd1a46a0e2a219bdc"},c("span",{key:"297e03a82e88c808ff61d442ae1651d5004db52c"},c("ifx-icon",{key:"d4113ef8f850ec7502b8404ceab9ad765edc91e4",class:"check__icon",icon:"check12"})),c("span",{key:"94d74fd582d6003b08885b85e66a92e187b5d886"},"Offers a customizable radio input, allowing users to make a single selection from a predefined list of options, typically used for multiple-choice selection or exclusive input")),c("li",{key:"43ca01d4cb4a3469b1f94322949efb0e711e1220"},c("span",{key:"760b0a5bfd60e19876a6c42f2ce755c33f14de6e"},c("ifx-icon",{key:"b10233d5ad2c77d65fad67d53d409831b4b56caf",class:"check__icon",icon:"check12"})),c("span",{key:"f9b9dbc689ed6bb293b1a43df142d1b604f9bf61"},"Adheres to web standards")))),c("td",{key:"4190d7e6e9eacd7bc89ee503d3919b396ec82622"},c("ul",{key:"21d2c0d1c83337b25b5a15e44256e6cd04fdd2ee"},c("li",{key:"cd71911b4f87529fa54bf456d7a6b6d5b0d8a9a8"},c("span",{key:"d42fc21f470b1a3759b3277baec6b06c6a8b62e7"},c("ifx-icon",{key:"2004f73c4d64f4b80f355464d0510f0da5eb4759",class:"check__icon",icon:"check12"})),c("span",{key:"e775740aa67436df48d32c023def437bc87b55d0"},"React, Vue and Angular wrapper integration")))),c("td",{key:"cbb6a26fa7ceeb9e7c663b883beec244f6c14a89"})),c("tr",{key:"7be48d3712c09090f3e660e53810bdc800828348"},c("td",{key:"cc61976f8354a94bf24b4c186c36bc1721db9148",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"edf4970a2a97477e7623b639c7643871ada56a60",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button-group--development",size:"s",variant:"bold"},"Radio Button Group")),c("td",{key:"dc32eff08965f5addffcd12cda00631384fd740e"},c("ul",{key:"7f1471839db0520193eefe014bc0e65b7612196c"},c("li",{key:"031d6f039b1015ee9258d6b0831bc235a57574b5"},c("span",{key:"4a0f5c6b8c909813b82361cb44529d86b28bf055"},c("ifx-icon",{key:"349a95fd7c8b6b1294ec189b3b649e1751a48d8a",class:"check__icon",icon:"check12"})),c("span",{key:"6e1e108812dc9773b6cb9dc9b897caf05bfdc891"},"Provides a customizable interface for grouping multiple radio-button inputs")),c("li",{key:"b627aa589e605b2d71f81ae1b1ebf8bd0cc908b9"},c("span",{key:"f08385cf25b17402c8692ded5da4c9ece9ff442f"},c("ifx-icon",{key:"ec841942d085f98ae9ebe60154309d6638792cf7",class:"check__icon",icon:"check12"})),c("span",{key:"12583ceecf1d8eec794fa235257529e0baa1118b"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"2145f1f7e22e03bca7a40bd0c8908bf51c6c537f"},c("span",{key:"5d2d5f23ca94a43ed75570b7b196c66d1b6c7e25"},c("ifx-icon",{key:"12dd829d7baa87658f3eefdd3b030882c89ca6fb",class:"check__icon",icon:"check12"})),c("span",{key:"bd2d8262fe429e5baa7c77dec6e79639963fa3cd"},"Allows to display individual or group error")),c("li",{key:"de4096fe5b95cbb9135fc5810b15082e2e54a030"},c("span",{key:"f6bbdf21e14225955e55fe39d0f7c4f9990e5aaa"},c("ifx-icon",{key:"05393dcf738338f21df14fc8e909745700770ce5",class:"check__icon",icon:"check12"})),c("span",{key:"e21410f5be8071df5c724123e14187610f208802"},"React, Vue and Angular wrapper integration")),c("li",{key:"f5f5cd57973400bbc1872f0da3059f7e01db3781"},c("span",{key:"a0b28300c773e09b284368465b43b09296d62bc1"},c("ifx-icon",{key:"4a871374e49ffc90d8c20ed148190d9ed45ff8e8",class:"check__icon",icon:"check12"})),c("span",{key:"4531acbfc0b6d48efbb946069b495e5dccdbb51b"},"Adheres to web standards")))),c("td",{key:"bb183890f0af66d7140f11d84a5f0a292db1379b"}),c("td",{key:"0d7edfcbd877d2ca048b77ab0bd9e454fa9f9426"})),c("tr",{key:"a2bf1f72ab10e10af1177e6347f3d60d70ad8e7e"},c("td",{key:"2bd71ec95c812c70933101b7b81f68419dc67d57",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"8397434e5c2cfe3148ad626432623572e9cbeedb",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-bar--development",size:"s",variant:"bold"},"Search Bar")),c("td",{key:"32a8ee17967c743a8e4dc3e1ee868722ed12d773"},c("ul",{key:"70b39e48f2dd30d356a05bf84ca4a5e107a301c2"},c("li",{key:"ff7b4f4f73670dfe02ee68c96eb2af3f4f0ad360"},c("span",{key:"70c11dac25d4b9bea89f230b1f5dea4963ce4e00"},c("ifx-icon",{key:"5f0a25482a75fbd1c8e08aa0fb3574c55324e51f",class:"check__icon",icon:"check12"})),c("span",{key:"4495963ee8ce0227892f4cf54e6e812b9ecea4e4"},"Offers a dynamic and customizable input area that allows users to input search terms and trigger search actions, typically used for querying and filtering content within the application")),c("li",{key:"9bb9e7e7a27827fe0f2a7a9d835bfa88433d43ad"},c("span",{key:"cfdc9c1f925bf494493fac4e119519ac3fc0eefa"},c("ifx-icon",{key:"e45402d08a270f6ac14591281ddfe6b903d54564",class:"check__icon",icon:"check12"})),c("span",{key:"53dbced56c65c471dd0e1be33c23ec28730da04d"},"Adheres to web standards")))),c("td",{key:"4d00293b3962605240a98f8f9bec8e4eea3bc5a9"},c("ul",{key:"64731ccfa004ef162c7e368afc916b3c9782134c"},c("li",{key:"caf2409a5bafc26a40cc892f3bb9d24beb3c95ae"},c("span",{key:"7c91134f286a0960c5adf4150e864871966ad03a"},c("ifx-icon",{key:"aa35fa6f4fcdf601080f34fc6e9cb20fc31e853c",class:"check__icon",icon:"check12"})),c("span",{key:"5b09a82a32164a7e0f1cad66b13fe13ae8ea9fc5"},"Collapsable option")),c("li",{key:"db3e588a19ca7fe79542e4be258a06ab97584742"},c("span",{key:"532a275d4fcd758b7d21666f9db9faffdc3edff0"},c("ifx-icon",{key:"f978891143a2df724e905eefece7e95b6d734a19",class:"check__icon",icon:"check12"})),c("span",{key:"1f18f3a76f73053c779f78a7d1d63694e5fa6916"},"React, Vue and Angular wrapper integration")))),c("td",{key:"9c27c1a6525da98884f596df93dfc0fe8ac1d618"})),c("tr",{key:"47fd120ac8fedae434db79a384a330abdcd597c3"},c("td",{key:"8bdf48c8dfd07316334118d25113cf10a9d23361",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"98e5a9ac0d17561d4a5ff787e3c90531db51fa62",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-field--development",size:"s",variant:"bold"},"Search Field")),c("td",{key:"1aed4a2a4a45e27c68232611c3e1c35c2fda3b59"},c("ul",{key:"113a187cd088a08b24f8ce4de0f47bb91063aaae"},c("li",{key:"0fcb5336b42b6eb3059088786f4fdd6b76b93879"},c("span",{key:"a1a8a64170245ec30ff8110f3584dd195ceb3ae2"},c("ifx-icon",{key:"c0926351fe940235a957d4d295deb0e1393622df",class:"check__icon",icon:"check12"})),c("span",{key:"d3879bc8e16ef6ae5c94eafc3d261961b72453df"},"Offers an interactive and adaptable input area that allows users to enter search terms and trigger search actions, facilitating efficient querying and filtering of content within the application")),c("li",{key:"b3987c64866d0b79c2dc69c4b56fc66f117a2c20"},c("span",{key:"e496c8ecc02f70ae773a05390eacddea38dd32c5"},c("ifx-icon",{key:"793d636473b9b637b22a67cefc4c878843996734",class:"check__icon",icon:"check12"})),c("span",{key:"aa60f46d1407be8aeac4c95d3de330b05c462730"},"Adheres to web standards")))),c("td",{key:"aae4f7e62434032a52816607a9a1e662922ed9fb"},c("ul",{key:"ba790e494eadf1c3743139012192754d5e0b3838"},c("li",{key:"475955633a0f232d5d95f3ca73f6974f1058a174"},c("span",{key:"68e4b31c8122de435459c44d94a3298b38dbead6"},c("ifx-icon",{key:"c31eae50974d932be32843922ea5d0aeae957fac",class:"check__icon",icon:"check12"})),c("span",{key:"5dc8a7fbd30cdfee5ad3ee10279316d965d4cc3b"},"Show Delete Icon option")),c("li",{key:"e17cbd29b87c2a5e539a7382df5110538ae76063"},c("span",{key:"4996dc95b601f5588a7bddc8d391e7a48fc529fe"},c("ifx-icon",{key:"a6fb8a65951f555dc7bd23976b46b2bf483fd358",class:"check__icon",icon:"check12"})),c("span",{key:"3ff32375a2e56f3e86dc77d23b6f1eccd76cd57e"},"React, Vue and Angular wrapper integration")))),c("td",{key:"bcc67ff228af0736f2b88445e192b9aeb1d9cd5f"})),c("tr",{key:"4c7bfda7705f07f29934518e8ee8dfffd8c2ca29"},c("td",{key:"4481df6d616b3d804aabfd74f9e0332dd4555cc8",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"096f1f66810c171c55982956368af9f04fc104f8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-single-select--development",size:"s",variant:"bold"},"Single Select")),c("td",{key:"d506cb2114fcbfb2584df75f772d8495f3fe936d"},c("ul",{key:"c5e0896b34355470b09311d89d2bebfd73c70b8f"},c("li",{key:"a1135b6dfe5f5e430b2f8d933249a79467e67ffb"},c("span",{key:"44eb1114c09c8c062cc7537952400771149348ed"},c("ifx-icon",{key:"5878d1261d8d04c0295414cd039d9d9e77ff5ce2",class:"check__icon",icon:"check12"})),c("span",{key:"2f7cc90492460a0e44011d1f0517cf623d0c0d9f"},"Provides a user-friendly and interactive dropdown list for selecting a single option from a set of choices within a web application")))),c("td",{key:"f5a486be7f6b40829567011f9153d9ff44d7953e"},c("ul",{key:"0e0ab5b31164a644f56b2715b1f39e436d6dc5a4"},c("li",{key:"6e0667a2a416b546f432b0bc800de2bad6318b50"},c("span",{key:"1dd3a9f2c912a60b05c0b0841b477a77ffce12e8"},c("ifx-icon",{key:"9bfb4eaabd48f875e836326d539e7471c450ce39",class:"check__icon",icon:"check12"})),c("span",{key:"3b2d4b0600e1b6fd6a4f65f63b9b691897dcb258"},"Extended customization")),c("li",{key:"61a9ce9efd4339c31bc73f91ccd64baafc8f4e62"},c("span",{key:"05374a7ce6609e06a002d2d9adbe93cdca213fdc"},c("ifx-icon",{key:"b0de6eee8eb70c4962be038824b3f92b5c2fb48a",class:"check__icon",icon:"check12"})),c("span",{key:"1a2d88a2d9d46db3121bbe39d999582e3c02089a"},"Option to enable and disable the search")),c("li",{key:"35bd197c20db397b6b799dd5b5453677059bbf6c"},c("span",{key:"3b3282dcf3e4077c2d77ff14f791d286821b613b"},c("ifx-icon",{key:"ff115d7d911d1c7e68eaaed50bd7916a113bd946",class:"check__icon",icon:"check12"})),c("span",{key:"d58af7514b86049ff94bf3f1cd12fb329bf67d35"},"React, Vue and Angular wrapper integration")))),c("td",{key:"ba8c3b0334d4b7b651d1838bbe7c8f13608bcd60"})),c("tr",{key:"839c99559e4a1f10dd00ee3477dab5442e2ceefc"},c("td",{key:"96dc1d9b643aed53b175d2f373859c228e7de054",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"44a8dd211f7f208890e1fa9f42c872d568188bb8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-multi-select--development",size:"s",variant:"bold"},"Multi Select")),c("td",{key:"b5413de71b9a0c0aef5751dadada9c743d5f2069"},c("ul",{key:"f3f8639b20b3cd328ece31e8662a7f3255cb242e"},c("li",{key:"ca8c838a8862a8c446a1b4a2c8aa190d8842879a"},c("span",{key:"149a2ce094ed4718e6ee54c2cc109d2b1889b148"},c("ifx-icon",{key:"891ea5409ca62606380e98aa4ea4d595b3bec737",class:"check__icon",icon:"check12"})),c("span",{key:"e2f7b8a451ac5df65384f957b05a0fb95f22ad49"},"Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options")),c("li",{key:"533663d0a0fe13ac25b95e07e5fe3599cebb71cd"},c("span",{key:"7e2623b12360184d7ddb824670c7e8109eaca36e"},c("ifx-icon",{key:"9d88cace7c40b5a7ff28cd1f33e4e5486a24207b",class:"check__icon",icon:"check12"})),c("span",{key:"52cf5ea50e2b370921de0b020c35f89a3154cdec"},"Adheres to web standards")))),c("td",{key:"6ed10e46745d6dfbc3fb6a66f43feb688365161b"},c("ul",{key:"e128c1a189191bb85affef4b3f0d6256b37bd5b1"},c("li",{key:"d36851344613865991683fb00fc30eade3607a10"},c("span",{key:"66cd1720216a9354bd09ca7f8147fe7ca452edbe"},c("ifx-icon",{key:"557091bb26f7de6aca3a57c94be3f45a2502bd9f",class:"check__icon",icon:"check12"})),c("span",{key:"7e6f240a2c262b5df1dc220e19c0a58d5baf987c"},"Extended customization")),c("li",{key:"2bc7209a499f867d9c68b6c9ddfca320f6494e32"},c("span",{key:"a05a806ab7fffc37bb0278f4a733ed3561449796"},c("ifx-icon",{key:"20ee4b702200f8d925f32913129bd763ae0ce980",class:"check__icon",icon:"check12"})),c("span",{key:"bf8c7206fbd372dff85a8d4841e16c508b86c76d"},"Nestable options")),c("li",{key:"55abddb61f2e2743071107e554ed4c6d54e5841c"},c("span",{key:"9d0aba902231d633981bf93e6a0232417e43fd95"},c("ifx-icon",{key:"afcfa76372529927268a43124a43d04f2f53e9ea",class:"check__icon",icon:"check12"})),c("span",{key:"4f4e971ab65a68abcb869b71d147e573572f7297"},"React, Vue and Angular wrapper integration")))),c("td",{key:"db9cbe078aa39f953909193592c558cb9b57dd13"},c("ul",{key:"89a00981c91fa21c382519b812fdb7fc93e33945"},c("li",{key:"4c563270689e3f59efd9d843ce4b282037274572"},c("span",{key:"42df5eac77ae91adbd773eeec25658a8ce736042"},c("ifx-icon",{key:"08edec04d72583c79d9d292f7264868f9bcdcc6c",class:"check__icon",icon:"check12"})),c("span",{key:"7166483d3ade391d1d505d0e862dcbfe3a56740b"},"Option to enable and disable the search"))))),c("tr",{key:"3f45540d45289413cfb2c383107eed6acb8d273b"},c("td",{key:"c064928a31de05cf2370eb463339fc16abb25b99",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"4af44106e571ef981dbb9470fd8fd1e9e9e18c17",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-sidebar--development",size:"s",variant:"bold"},"Sidebar")),c("td",{key:"88e4cb6e546844a5ebf94991ec7cae9551bc3c38"},c("ul",{key:"ac56851a50ec2131665e4fdb76e05d3aaf94c96f"},c("li",{key:"7165ddb91b1e7aa5147d35bee7ad8db3b1245c21"},c("span",{key:"0232bd88f76a84c8748dc6aad4e3b051fb6a76c0"},c("ifx-icon",{key:"6881540bc89403e507d4bbf10011eeeb1ec60329",class:"check__icon",icon:"check12"})),c("span",{key:"933ef2b83574b8c85e1db088567a9cf9877733c1"},"Offers a configurable and collapsible panel that typically occupies the side of the screen, allowing users to access additional sections, or menus while maintaining the main content area")),c("li",{key:"c76dce73f42825ed5de60760f9b2611ad9f085c0"},c("span",{key:"1f005251afd548f9b13721331cf899e1461b8d09"},c("ifx-icon",{key:"283450310e968ad5c9192fe0a89cdcbabc8f2aac",class:"check__icon",icon:"check12"})),c("span",{key:"116350ea2558847c86e27510d2b66c4db42492b0"},"Adheres to web standards")))),c("td",{key:"325df656e6466aa5689b3bb76dd2f3da1c7bc87c"},c("ul",{key:"5ec18856da94269bc7a6688aac0aac3d265c65d5"},c("li",{key:"e74cf20995cbd586d74934ebed9dfbba566335ca"},c("span",{key:"74c3c4d05e5e4af91c4bce12e0f111fb01cc1841"},c("ifx-icon",{key:"c36f369fba35aba089993100e119b76b921a88de",class:"check__icon",icon:"check12"})),c("span",{key:"1f03bf0493b7135fc04ff59874a9194e0fcbce7f"},"Extended customization")),c("li",{key:"5e34b8e2ed35bf7f4ab438800c149a8e9e1b207f"},c("span",{key:"ca974e4d74ebcf9aeeba2f184ca0c075ddcbad7c"},c("ifx-icon",{key:"170ce0fa9bf526a5605b3a87453649654094a036",class:"check__icon",icon:"check12"})),c("span",{key:"c429b82dec6bb5c5e74dd86b6cf73cb2c3589d38"},"Multi-layer nestable items and menu")),c("li",{key:"b3c5826db96c736f5999428ceb610c77100ed9eb"},c("span",{key:"dab58cf618ac25b8f815a88be4ba3c2f860252b4"},c("ifx-icon",{key:"45f263fc4bcfacc47c33ba0f70497b0a1e05c2ff",class:"check__icon",icon:"check12"})),c("span",{key:"741b88cb349bf209fdff720bec7cd354b6f6655a"},"Initial collapse option")),c("li",{key:"f05d11899ce573d24e51d0b98490ea39afd82d95"},c("span",{key:"c028f7ead2a917e91e02bd399c8256fb43fd0baa"},c("ifx-icon",{key:"9b413e6e05ec2844bb41f7e2260a8eb171b25d6e",class:"check__icon",icon:"check12"})),c("span",{key:"6946b9918b87a3f2b4f42abfa9a2d92e27feb7e5"},"Active and action item feature")),c("li",{key:"cec29e09a27e69526554cb2e6fdece53879e0946"},c("span",{key:"d6188af73ead24dc7f9263d7fcbed95a878dc5f4"},c("ifx-icon",{key:"f97025233f35ff28908ceb55b1337be396d58de2",class:"check__icon",icon:"check12"})),c("span",{key:"3302566993c1ea66ecb94fd3e9935431a0fcd180"},"Number indicator integration")),c("li",{key:"c5adbe42c3f2e964da5c4844ebc05bf36f5a6974"},c("span",{key:"da17e63bed78592f6da9f88d3c8ac3f1307209d9"},c("ifx-icon",{key:"a37c6b1e85be015f5820debb37570522f098911a",class:"check__icon",icon:"check12"})),c("span",{key:"cb156552c1c6dce77bf49ee9260de271d85a5610"},"React, Vue and Angular wrapper integration")))),c("td",{key:"a218052978bf989400ea60798c1b15584a6d8c09"},c("ul",{key:"89ea35465df587b56657c321292c946158fc856f"},c("li",{key:"7155f385cbce82929ac14e7ca1d3578ab0d825d1"},c("span",{key:"d9de4f3a5ed4c787840371a53b112f8c36c6b122"},c("ifx-icon",{key:"3bdce55e5215fb2547007daf2e5ea0c71fb822f9",class:"check__icon",icon:"check12"})),c("span",{key:"5dfad5499e0483c097e92cbe6acbd953dd9e0ca6"},"Removable Footer, Header and Logo")),c("li",{key:"d0598552a517a961eae043897747a7bc3f0aeedc"},c("span",{key:"6de3d62395b4bf2440d29dab98d477515c7deee5"},c("ifx-icon",{key:"8dbd7f1c5f7bd455286653d4b27d3d65dabe0483",class:"check__icon",icon:"check12"})),c("span",{key:"5dcec493978dca1f6ee3c76d2992579616ca4ef2"},"Removable and customizable Links"))))),c("tr",{key:"3cf77603360f881bf9c533e0e3b7405b956d2391"},c("td",{key:"37d45c3187583e186287f7f39dfbda2e7465625c",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"b553c3586bdce8afaa5d3f10ab2a7b7cbfbbf4e4",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-slider--development",size:"s",variant:"bold"},"Slider")),c("td",{key:"7f63727a069cc2330c303a0778a3a8cd71c8f97d"},c("ul",{key:"7d163a72c5886e988fee8819cf3296ec07e2ed70"},c("li",{key:"afb29998c5d20ebe68b8a0ee7ab1c33c6c2dd2fb"},c("span",{key:"fc0760f38b20ac42c4c120093cfb099d34487ef0"},c("ifx-icon",{key:"57c7a17049d0db3395ce3aca48486107ed39af80",class:"check__icon",icon:"check12"})),c("span",{key:"52e314e496191692db1c68d005d9345fedc871f7"},"Provides an interactive and customizable input control for selecting a value within a defined range, often used for settings such as volume control, data selection, or numerical input")),c("li",{key:"b70a6eea795192e64eda08e58d30215953416ee7"},c("span",{key:"aca3cdfdf9fb238782cf962c3c248ff732f830e7"},c("ifx-icon",{key:"3c67c9486222a673b9e8d8b1263989ecc1c8ea7b",class:"check__icon",icon:"check12"})),c("span",{key:"1d68d942dcfe645c2eb2cd84b1e19e291b91723d"},"Adheres to web standards")))),c("td",{key:"5913a0cc339ba3a1afe7d4739d1b4ea009732401"},c("ul",{key:"ad5a83bff9eb13cc442ba173d9505ec5481d4df1"},c("li",{key:"e1f9daa6e960d694c83901d79582a07de044486d"},c("span",{key:"a9e7da10b09729828df42e2a15036a59c391f23b"},c("ifx-icon",{key:"417a8598134205cb01a904ecef64262138d1ecd5",class:"check__icon",icon:"check12"})),c("span",{key:"9bb3ffa5820082acbe475a48e64233abbce8e588"},"Icon incorporated")),c("li",{key:"d6cb62da71d71d937bbbf950c00d197b2ddb779d"},c("span",{key:"e398258f2daaea8728e308928208534ee69c90a1"},c("ifx-icon",{key:"80deb5658f89e174c1bf3ed4eb67a29546188bb4",class:"check__icon",icon:"check12"})),c("span",{key:"aa7fbb9de1a26764c8b418eea5313a6279461f78"},"Percentage variant")),c("li",{key:"2c76889289c8d334bd3d4ee74f78df13b26de3f5"},c("span",{key:"149b468b47960a9e87ab09a1664ac2fa6cffe5d5"},c("ifx-icon",{key:"97fcf72f433e7bd1023a53d80d7d2ec7ae0a9172",class:"check__icon",icon:"check12"})),c("span",{key:"0172378ae27842890b0167448772e56e2b130821"},"Text variant")),c("li",{key:"11bf51043c3f02075c3ba688c4ea9e20daf292ac"},c("span",{key:"c718e188e8e729dea3317535b52417037f536995"},c("ifx-icon",{key:"4d5c29b661075a5c8009c72ab70a273e7895f431",class:"check__icon",icon:"check12"})),c("span",{key:"cb25206f1fe1bd32c3503b8ac5922138f0395678"},"React, Vue and Angular wrapper integration")))),c("td",{key:"b26292667bbe4e44f42d4d33bfcb3d95ebee4c11"})),c("tr",{key:"d8f76f44ff00ccfeca72e8d5d69a6253adde0cf0"},c("td",{key:"d4a3986b5a6841573b8f31ddd7b9a9257985aad7",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d04bdfafa6bad46e884979a6cca13616ea2aa976",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-spinner--development",size:"s",variant:"bold"},"Spinner")),c("td",{key:"0ddb99806d7d90e4158212e9430c83f3a556710d"},c("ul",{key:"90f2c170b828cb8bea504f81a1625b6934731d37"},c("li",{key:"04d5920094ec34da67883b98d43683f15ad8fadd"},c("span",{key:"6ea0cddb73166677344cb1c6ba6180ce8bc2e08f"},c("ifx-icon",{key:"dbbf8f407eb60ce1d2d0e8314946e5646d80a759",class:"check__icon",icon:"check12"})),c("span",{key:"2c4a350654d903c8805826a710ba1617faad1448"},"Offers a customizable and animated symbol that conveys to users that a task is in progress, typically used to signify loading content, data retrieval, or pending operations")),c("li",{key:"658316c460569feddedb2cc71dd0641486bd425e"},c("span",{key:"717b3d55266e37e43b62a4ac7b8d997d42f5cbe6"},c("ifx-icon",{key:"0b352fd0797f53cb65c07e10f26add8c97bc778b",class:"check__icon",icon:"check12"})),c("span",{key:"8cab722f242b0a200ae222b77634356dfee3288e"},"Adheres to web standards")))),c("td",{key:"f43909ac9df89295c1c3d6612274620653b70d75"},c("ul",{key:"9a88eeff004bb3ec12aea1d63ae51e87ba7e1c8f"},c("li",{key:"d461c2967df71a3792eed65b917904c446d4bcf1"},c("span",{key:"90a115b9a7e60c1410596dd82a51cf4fe7362931"},c("ifx-icon",{key:"cfdc83fe865a804a526eebd5ee852f1194f6fe30",class:"check__icon",icon:"check12"})),c("span",{key:"a3b64b59c4093a9b751e25371523db9551ea1698"},"Brand variant")),c("li",{key:"cb22b942e53709cbc7c09577c2bd02240941036d"},c("span",{key:"399ac83366e81cdd4624c4aab32e3c12e7930368"},c("ifx-icon",{key:"8cbd1887d16841eaeb330d52979412ac2029d8db",class:"check__icon",icon:"check12"})),c("span",{key:"17a59b60bc088daacab2486a4ad42290b5a9e5ca"},"React, Vue and Angular wrapper integration")))),c("td",{key:"745aec3527fcc2953fda1009383302e12e04eb51"})),c("tr",{key:"0355b399f8b2333af2b25d48b209c9bc28330068"},c("td",{key:"6d3543abe2cd0737616212ef839a177d4394426f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"57bd0b9e2dda1d1d48097a0d97cbcf1d7e508245",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-status--development",size:"s",variant:"bold"},"Status")),c("td",{key:"8451569940925f93ba7afa9de4e5b85132078db4"},c("ul",{key:"7635399130c7c9854a4f01eff0304909b2e54ffa"},c("li",{key:"432bc52cc790ccd1dfea156cd4bbec7adec8d757"},c("span",{key:"b7ca8d99f1b6cdb7f594d0dd30abf7462f6d33d1"},c("ifx-icon",{key:"0f188017ff4a806031a5357ed1b852f879d091d7",class:"check__icon",icon:"check12"})),c("span",{key:"5e95609ee5c0a65c16ac2ba71465d635c293418b"},"Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application")))),c("td",{key:"ebff68148f00dafd9f90d7476326095f4a69bba3"},c("ul",{key:"021be90ef5e02e31e3f9c7f08448e79df1b53aa4"},c("li",{key:"3a54672a0df09fdefda25ca07729dc6f36c6f2fa"},c("span",{key:"205a226f8228de8f58b6c5e1cf03fbfa56710c69"},c("ifx-icon",{key:"cf9f56918bba5fa063ad7d75733050c9c5d9b22a",class:"check__icon",icon:"check12"})),c("span",{key:"12a0af3c6b8811e69c9e09f3df038aabb2d24320"},"Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants")),c("li",{key:"e6dce27dda882e1df88131bd4385035e22eb5ad5"},c("span",{key:"6127b898f663797d6f2c4577ffee1858df8a0644"},c("ifx-icon",{key:"a69d7f59cf7767b7b3ecc65e252f10609bacfea1",class:"check__icon",icon:"check12"})),c("span",{key:"e10287a68a31916e21550b479fcaa6f13e8c47b1"},"Removable border")),c("li",{key:"aa315f3f68fe137e062516df6a0af9b388ffc843"},c("span",{key:"733616dd86d7bb3e48c177c923d682bd7f98c8f9"},c("ifx-icon",{key:"989f9e88e08740bd3a0ff5fd627284a1490ae4f9",class:"check__icon",icon:"check12"})),c("span",{key:"a15e063f64635ad67e5c65c2bf8f23a380668fcf"},"React, Vue and Angular wrapper integration")))),c("td",{key:"710b3ee1a954795588cb0e1469e3a076642020bb"})),c("tr",{key:"765287599e05029b5a1f94730c0471148baebeaa"},c("td",{key:"75a9ac1a95b894836670eea8adcaca7c4cd01a78",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2dac9c3b8c5d6d1375914d6a9f10d2e4212f0804",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-stepper--development",size:"s",variant:"bold"},"Stepper")),c("td",{key:"2f9719886cbfd2f01a6e69162db8ee5e6e27fcd3"},c("ul",{key:"16c84c96ecea8b586e3c3570c0498c66e485dcc4"},c("li",{key:"b838190c4ecc671e7f6f911f608c11cbae90e025"},c("span",{key:"93baeeada0bd399bbc1ef9f1ee42e131c3bf4c63"},c("ifx-icon",{key:"892542b7230c01c3dd02d84b0ec39f5b28c9dc89",class:"check__icon",icon:"check12"})),c("span",{key:"a8d15f4b0c12f2e3eef2dd0aef050df1fa0eab7c"},"Offers a customizable and intuitive control that allows users to navigate through sequential steps")),c("li",{key:"2c42a967c4f82b63460f7cbcc722546cd8b0ac0a"},c("span",{key:"66cb998650f936947025e094915c4d5937db5f0e"},c("ifx-icon",{key:"30729ab251e7422e8f4906aa1b7b8a44a8c76c2a",class:"check__icon",icon:"check12"})),c("span",{key:"65e2ee719831dd8f4bce7389a0a7f7ab642f797d"},"Default and Compact variants")),c("li",{key:"0754542f24167812b6bee6f6a1711764118dccb3"},c("span",{key:"aaf0e81d7a07184b61d24bf6e272d06b54511884"},c("ifx-icon",{key:"6c9d729293d70c9f1b37a1b238101bf9fac69b89",class:"check__icon",icon:"check12"})),c("span",{key:"65bdfdf9d73797fd0188815cd1d1e7a80103660b"},"React, Vue and Angular wrapper integration")))),c("td",{key:"bde3e30dde5a3933866a8b67cc83d229a6300ae5"},c("ul",{key:"dafce2abfbd6957369517cf9f4528e6efebf9ca6"},c("li",{key:"e8940c58f9f690e8011cd78e8735d8456a5a7a42"},c("span",{key:"8f46212ec92d1febc5ee082e8c5fe393190cd71a"},c("ifx-icon",{key:"16f1a2e6b9befa2682a6d503207d514613da8921",class:"check__icon",icon:"check12"})),c("span",{key:"9e29079be3afe895fedb0657142f80e825853d60"},"Vertical variant")))),c("td",{key:"9f5e2fd1afe6b5a7307d1202f6b64a51fb388ad5"})),c("tr",{key:"4298368e640e58e48c6955ffd63d35c838755825"},c("td",{key:"fa1ef0356cb3e30df4a0d73b3b4eaaee6ca8a3eb",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"c96885090a8bbd560e804c2e76d242d0f71d1bad",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-switch--development",size:"s",variant:"bold"},"Switch")),c("td",{key:"2d8a08451f7e8cfcfd90834defb9c16e715b69ad"},c("ul",{key:"9dc4b43076c750cfd8ecb315487bb20085a508c2"},c("li",{key:"6ca0afeeae17b29b78d449f7a8b718733ad9656f"},c("span",{key:"1a03b4c81314dbfab564b78119dea803961e05a5"},c("ifx-icon",{key:"568a95729f809f1b922d505c8f0ead97a8ad6a62",class:"check__icon",icon:"check12"})),c("span",{key:"6cb5b1e1bfa5ca2534094e0c12fee0e9d425960c"},"Provides an interactive and customizable interface for toggling between two states, typically representing an on/off or active/inactive status within a web application")),c("li",{key:"e14585c20b3412c361204dd4390f620b5b716e54"},c("span",{key:"d517c34a37da93cf8c31c80cfc75615e434f9c64"},c("ifx-icon",{key:"aff2b89d8b06dbece742479a58b992d4974fa128",class:"check__icon",icon:"check12"})),c("span",{key:"7d0f1b178a919b59442cecf2bb7e5321493518e7"},"Adheres to web standards")))),c("td",{key:"8f34dbb9d27e99609647c7c43f30e4af09d9c230"},c("ul",{key:"12077ac97f4d5fc8ab56c43733191cbc6394e51a"},c("li",{key:"a22d40439d8b40e93ae7aa01943d1da56e4edb05"},c("span",{key:"bd692e5685e76ee28c2ac79da9f5d3b844166c51"},c("ifx-icon",{key:"da3b723a701dc42e6bf40963242f05a6d72c9529",class:"check__icon",icon:"check12"})),c("span",{key:"0ccbae223f2b0706660a105f821bb5013fd79c9a"},"Incorporated label feature")),c("li",{key:"62250b8f44c9db547c219b30cc270a5432905e8d"},c("span",{key:"d10da927298ad2242dcfd2bbd0648227c7dab8a4"},c("ifx-icon",{key:"9a9631ed53a5b641a046ae926b68dc38da760b66",class:"check__icon",icon:"check12"})),c("span",{key:"9e4c4f1154cf751dbd30aaa317afd711ae160302"},"React, Vue and Angular wrapper integration")))),c("td",{key:"1a396b9a09a35251f03bc72b71648d3fbc6f5fed"})),c("tr",{key:"8c42d1d7a63b9223dfa9e7acf3a69c2d6814437a"},c("td",{key:"8fa4688d4952bf69b4697be2c4937d89ee170b1f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"a61ac6f539c57a4a51998434e8c69c58bb56a87b",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-basic--development",size:"s",variant:"bold"},"Basic Table")),c("td",{key:"d3a9511f163d6be59ef937cbe49704584302f82d"},c("ul",{key:"431b30cec50505ff40417dc05f6fd9144db9711c"},c("li",{key:"8920aca8ee16686b37ca69a85b52e258481344e3"},c("span",{key:"8266b4a598fe99466d6e36ffd8a68c99d81d9f4f"},c("ifx-icon",{key:"b2447b834dbeae58b40c14a2d9368593f733d159",class:"check__icon",icon:"check12"})),c("span",{key:"1ed5080fe2120488f901622303f967a9225521e0"},"Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently")),c("li",{key:"fd31098546409de1b92b79daf319b6374ecbf319"},c("span",{key:"f520eb59ef7606242cf77fabde52ee615137fc28"},c("ifx-icon",{key:"934c275afa1e13cbb6693575f782c109fefa78ab",class:"check__icon",icon:"check12"})),c("span",{key:"d8b1dd33a5d9c3a3289e733e315361f3bdc573fb"},"Includes basic features such as column sorting")))),c("td",{key:"68fb0e9e15509beaf5e533f5f176dec0139ceb9f"},c("ul",{key:"09e1b55179eef419c7e5eeb9aca432a0707ec223"},c("li",{key:"4e63853ad24eb180f486d4871ec15244d806f238"},c("span",{key:"fb2bcd8bf730dc372d1f7c5217ecaba75633fd54"},c("ifx-icon",{key:"02f8a9cda882db74f360ecbaa754c4ac59750429",class:"check__icon",icon:"check12"})),c("span",{key:"42674ea55f265ecea747c15468fdc5e06ac80395"},"Compact and Default variant")),c("li",{key:"28f6ea1d044ee0aaf4f194bac88b21b82c56101f"},c("span",{key:"43c2437a2eb564aadd0a691a5a6dfb1fc0ae95c7"},c("ifx-icon",{key:"3580aec4ab6d97a2117e073f975cdebc932c1ff7",class:"check__icon",icon:"check12"})),c("span",{key:"ac172233ad047a418aedd4aa25aafd81eaa2e0c0"},"React, Vue and Angular wrapper integration")))),c("td",{key:"9be5cd9afa6897ead9cd76f145bfc4c487f6ce14"})),c("tr",{key:"35545d6577dd2f3c65b42b5bfe0c350231d5e9b4"},c("td",{key:"a00749310703f1e7f95377d60a9211bece77818f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"e8503d7e8a03f976e2086d72c1760c6fe99aba6e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-advanced--development",size:"s",variant:"bold"},"Advanced Table")),c("td",{key:"9802b0b060ac58d14ea8175f1946305906276996"},c("ul",{key:"73a9fc6b30b93aa6789e00d88071bf159103e284"},c("li",{key:"086e012eec92779a51706bfea2ab2bb67b513770"},c("span",{key:"d06985e9abdece9df539a35e3c749554a1e98bef"},c("ifx-icon",{key:"46877620c433bf1e2c211213a6927a49c953abc2",class:"check__icon",icon:"check12"})),c("span",{key:"60a0308c513ddc282997a3b40a3a8975b296a540"},"Pagination")),c("li",{key:"9b02d01c7b4388e10658fd4cde1ed846e38b194c"},c("span",{key:"791db35fce04cd229ff0099d664ead3769a9bf79"},c("ifx-icon",{key:"31718bfc7c90f03edae6d8090202ad3ba2e455af",class:"check__icon",icon:"check12"})),c("span",{key:"999dc565dd613677feea97d9cf9d00a71337909e"},"Sidebar filter")),c("li",{key:"0ebb27a67ec76420182da8a39cdf657e32c7a3db"},c("span",{key:"eb36e31d28aed0c67cbed8e0e82721804b5d6a11"},c("ifx-icon",{key:"5d0cb3c29f97f0f6decdb01b613f4607c8c3fdea",class:"check__icon",icon:"check12"})),c("span",{key:"a4370a5f33f2e56d6cc93d9d7807ee5555f34ae9"},"Topbar filter")),c("li",{key:"40b5a9bfad1f88397cc20c8de69e9e5dcb2a6703"},c("span",{key:"934c187c43d36dafde23b50a10709a72276022cc"},c("ifx-icon",{key:"42e97aea357a5d3cdce87f25438b2c1992aa4c5f",class:"check__icon",icon:"check12"})),c("span",{key:"ec2eef90d6bb87dd6a7277eb42e810eac8e404b6"},"Nestable buttons")))),c("td",{key:"85cbbf0fb0699526f6f81265920cdc63cedfa4b7"}),c("td",{key:"f42d9fd167acf65995f41e440e24341a4d59b498"})),c("tr",{key:"0114ea657927b7da20ebe5741bd6693fa8276593"},c("td",{key:"1ba27dd46c2e44183cc358767acfb2c61eaeb41f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"6ab4ea8ff3c9eba4f64aaf6124b40e38ddb053c6",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tabs--development",size:"s",variant:"bold"},"Tabs")),c("td",{key:"4d8b7520ed5c9d340dd0665e8d3bd6c2ae73eff4"},c("ul",{key:"ff71cadff49864adc39d0447c9abf60515bd93c5"},c("li",{key:"cc290e0d54fc3db8840a70a2a468956f56320aee"},c("span",{key:"32ca79c2bb5a8cb8753e0b774313bc8d21e80b01"},c("ifx-icon",{key:"2eb87475f812aada544f51108074bc1177616249",class:"check__icon",icon:"check12"})),c("span",{key:"9714b66a6bcc790957fd1466174920c995058030"},"Offers a customizable and interactive layout that allows users to switch between different content panels, typically used for organizing related information or functional sections")),c("li",{key:"39be9601024404f3cca7371f7f01433b77321f4a"},c("span",{key:"927fefd49f5c3ab72e13806cadd0d63b686f60c9"},c("ifx-icon",{key:"a7fdd555834c091b7027a09d6e5ec73a587668aa",class:"check__icon",icon:"check12"})),c("span",{key:"de0ca0568c4fe358a99671b5aca7acdfb2b464da"},"Adheres to web standards")))),c("td",{key:"d013904608c185b260bb333470c65be47a703785"},c("ul",{key:"abce7388a859392532cde8776194620184958073"},c("li",{key:"8d74f183ece679939703ab97f39015d0129908d7"},c("span",{key:"691a02e4c898c1352552167efc23450f93daed62"},c("ifx-icon",{key:"ceffb8ba75d3bb2252a97afcd6d173af8f2617cc",class:"check__icon",icon:"check12"})),c("span",{key:"f7c9c404f5f8dbf9aad051e578dc06591e4f2241"},"Horizontal and Vertical orientation")),c("li",{key:"b9bd0be73d1137ad8f6aac5e1080a387b1e3df84"},c("span",{key:"0eb3e42ec80e0988f6d4f44908000a12366a9b2c"},c("ifx-icon",{key:"c780da7819c95c53cb50ed2fc0ceb6c4daf832f4",class:"check__icon",icon:"check12"})),c("span",{key:"a4ea977810f37bf419e2ed8f156197f3877d626c"},"Extended customization")),c("li",{key:"a1a3ae701a8bf49425ff59bc63f7a1a039054497"},c("span",{key:"eceed29641540363d6fa27aa50faa51539337093"},c("ifx-icon",{key:"375e2da9c61df3103ca2e015b88dd34eb1879a4e",class:"check__icon",icon:"check12"})),c("span",{key:"cb9d36d08a2fab66338f59d3fecb5374d56b7cba"},"React, Vue and Angular wrapper integration")))),c("td",{key:"53242cde468b79f2f522c7107b564f81421712df"})),c("tr",{key:"ba418b3a73cfbbdd2f777a6daaa54ca9b4bf1251"},c("td",{key:"6b133f0e963d25a51f2f714a1cdcc57756a9d37b",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"fc4526fbbee65f1b336d1692f3b7c2a43de4242d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tag--development",size:"s",variant:"bold"},"Tag")),c("td",{key:"1736114f370c7c265f82069cd44ef60565f914ff"},c("ul",{key:"6ad35eeb30f52d6598f36c2b892ff9403dc1e77a"},c("li",{key:"0f2e493f8c04cca18255a417380bbf680cfec293"},c("span",{key:"32c8014e78dc00535f1623c194172fc505ff7462"},c("ifx-icon",{key:"cfa0d4ff544289fb53de1a1e0d3321d6496670af",class:"check__icon",icon:"check12"})),c("span",{key:"dbe4a56a33ef7a31f79dac1c0317def341e2c4a9"},"Offers a customizable and stylized marker that allows users to quickly identify and associate specific items or content with descriptive labels or categories")))),c("td",{key:"e44cd47e5f61a23704d493ceaf6d4d425a542c9f"},c("ul",{key:"a8bade77a3d509e78726638be510df51b4196e0e"},c("li",{key:"0652cd06fd1c9789ae49f883e569a556f02d9ee8"},c("span",{key:"747ef7e38f10493262d99a15e062956134a92692"},c("ifx-icon",{key:"a4cad7a4db88bd241899bfdd8be9c05f85b73d6c",class:"check__icon",icon:"check12"})),c("span",{key:"5a96f40495d78dc52a2af7236e7438235b684c2a"},"Icon incorporated")),c("li",{key:"befb4e28e14688b21c497eadf51b16b393c01503"},c("span",{key:"5c243cde20546c1187f51485498c358f4f45b4e3"},c("ifx-icon",{key:"ce2c8b48d1d79687d529630331b895f276b9a475",class:"check__icon",icon:"check12"})),c("span",{key:"196c7d0add1d42e95d7beeaf740fa36060ca5c50"},"React, Vue and Angular wrapper integration")))),c("td",{key:"548b8d97bb40a5e6be494d4c55944c3b5ca30cbe"})),c("tr",{key:"8c29fe81e8463a001e32360f781984de3c98dac8"},c("td",{key:"bd8ccf61ffe5d6e78a9d8cc70d57a45b67716ee1",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"c37f3fa5faae8bc1a13d5077f41c19b90f7094f7",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-text-field--development",size:"s",variant:"bold"},"Text Field")),c("td",{key:"4f1cec0a70f35fe5d4becb84107dc59cf3a4e496"},c("ul",{key:"8943c6553b0c104fe8f2eac2af151844298c77f2"},c("li",{key:"66ba6ac7772f4c69b200967a3181bc387f69736a"},c("span",{key:"016c182bbd9eccc026252a2d6b571f9d49390464"},c("ifx-icon",{key:"1cc05092b57a8c7c0e4092ea49355ca402eb9541",class:"check__icon",icon:"check12"})),c("span",{key:"e6fe040501d683faa8f9a47614bccdb58de6de0d"},"Offers a customizable and accessible interface that allows users to input and modify text, facilitating various data entry and form submission tasks")),c("li",{key:"9e46d524b7c8a981d6b0254da4ac101f974a56b1"},c("span",{key:"6ef10e5531bbeeecaeda99cdd20c823bc20f6595"},c("ifx-icon",{key:"f54d74581e24cbb58439b1aea61d26e914fe4cf5",class:"check__icon",icon:"check12"})),c("span",{key:"60adcc832eea3750ad6c5f7cb29405e4b2d9d288"},"Adheres to web standards")))),c("td",{key:"492d0ef9229932a9b57902ec907ac07167b002e1"},c("ul",{key:"25ec7fbdf5ecd774e6e61f6aaf40e0fb0a4d7936"},c("li",{key:"9a0fbc027142289059c13f837bd6f1eec647d513"},c("span",{key:"ef96802e21d50bf5c0427a760a6f3a539907b095"},c("ifx-icon",{key:"f0a2d47cad5c2b184481f7ed9f93351b43e6f225",class:"check__icon",icon:"check12"})),c("span",{key:"62c5a8c2e17eb850fa390a1d41e4c2f960986088"},"Extended customization")),c("li",{key:"fb92a97596984ef0f54ea62ba2e785ad6ca0a5f1"},c("span",{key:"736468b82893082a2ccf8c1c74f1db69758d4ad1"},c("ifx-icon",{key:"89c91891070e085c213568ba5d7b2f39389316a9",class:"check__icon",icon:"check12"})),c("span",{key:"e7096779036c2aafa3a0a78a42dce4f722e82c4b"},"Possibility for icon configuration")),c("li",{key:"9340be84e215e827f47bb8ec258b5d87ee38dd13"},c("span",{key:"3d70ae0fe3b6d7066d82a27f7d030200efd0bf89"},c("ifx-icon",{key:"cc96cc8724298137242de6d3864fa35ddbba5b63",class:"check__icon",icon:"check12"})),c("span",{key:"63ca3e2b824ac5c2f2b38cc29b9380987f2c992b"},"React, Vue and Angular wrapper integration")))),c("td",{key:"c085eedbba17b13a4c5b80d8d95b145b47284cb4"},c("ul",{key:"d1867db8d94426b5799e4c6e9cb3e1f5d6b38393"},c("li",{key:"938ffffc1b1cc2b961275de8b241fddd49809b50"},c("span",{key:"b206feb5de5394c05fd2b4557a5da4b8c6608a28"},c("ifx-icon",{key:"e586c60d05564ffe3a6061a574d487f58c7272f2",class:"check__icon",icon:"check12"})),c("span",{key:"c5c45eba9057aba44b95f9b02e8b3cbfde6ca7e6"},"Form integration"))))),c("tr",{key:"a471eca08b0335f3d6f8665a9cc2c1289da113e4"},c("td",{key:"610f81e7d9a1f5a6d8666defacdec3c438c731eb",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2293cba49afe5bea7ef4e0a040b7bf4c224e3f59",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tooltip--development",size:"s",variant:"bold"},"Tooltip")),c("td",{key:"85d7dd9c36bda360084bddec83a74b7a96ba2569"},c("ul",{key:"dc9ad6cfccc788035422d19238f5ca568fef9eec"},c("li",{key:"d524b9b58465290c94aa946891f1949c8d4a5e15"},c("span",{key:"90d8f8aa1b04202be2baa76b70c4d53940ff5cc9"},c("ifx-icon",{key:"065ed2c97d1420850e33004da902fae4aae84365",class:"check__icon",icon:"check12"})),c("span",{key:"98ebf303f0530f6dbe14a46196e498b708216b73"},"Provides a simple and informative interface for displaying supplementary text or contextual information when users interact with specific elements within a web application")),c("li",{key:"327b1d93af4b51f13a2774c3fc57636b9464c827"},c("span",{key:"ca4d71a59548639a4e77acd8715006d61f76a595"},c("ifx-icon",{key:"3ef1254d71aa6cd9cdf896c4008848ea3382edc9",class:"check__icon",icon:"check12"})),c("span",{key:"a38a7713a7cf4b299d39cbba87244a4808616adb"},"Adheres to web standards")))),c("td",{key:"61e5783b9958ea226dd55a65fc5730a72f75335f"},c("ul",{key:"6e93567c8d551a155379c7f71e70ac47dcd297a1"},c("li",{key:"98db98790b1ebb43654686c330f5241aafec5619"},c("span",{key:"2a4b94394785d88a35ebeb704edb1af3c09f6d2f"},c("ifx-icon",{key:"f2fea8464872969f0ae885d9e2e5a23d40304293",class:"check__icon",icon:"check12"})),c("span",{key:"a0c13501d794edbc664c5888d44e288d1eb6e4bc"},"Compact, dismissible and Extended variants")),c("li",{key:"0f3e7493fe7698d3e0de2e4b4257b5a222673086"},c("span",{key:"0d5b8690deabfae548ab852f39669ec191fe1141"},c("ifx-icon",{key:"e40ad21fe6f545943e63e5503d1af1aeee008ba4",class:"check__icon",icon:"check12"})),c("span",{key:"8f36d5fa69c3f364ad3102053d3e9bae0e092f5b"},"Auto-adjusting position")),c("li",{key:"7fd349d9e1098114a9fa5dfa1c737c9713d20c30"},c("span",{key:"74725f6609f4082cdf28bd77290b8ec677a7574d"},c("ifx-icon",{key:"42493da200ac5e23e4935b72b7ef7ab47069084b",class:"check__icon",icon:"check12"})),c("span",{key:"7fbd205404c309ab1296166b1c1ce54ae822a637"},"Icon incorporated")),c("li",{key:"189dbf7b8f6a9aa6f4c020573cab4bee46c7c6f9"},c("span",{key:"5cac71036199407398e77056cb8cbbbe5fc01363"},c("ifx-icon",{key:"5ed1800f087d55bca3d0d419e89f8f97b0c4dfa2",class:"check__icon",icon:"check12"})),c("span",{key:"8bdbc035559376b860918f2b7c382a0dd5c4c491"},"React, Vue and Angular wrapper integration")))),c("td",{key:"2b1acabd63a2651ca292d39954a61dbd15728fdc"})),c("tr",{key:"02de7f456050e60f4c26100ecaf0dffa4fc4bfdc"},c("td",{key:"cc9f33782d3d7fca907791e8ed2e5adbf38f810e",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d3cb968a1da0f2cac8d605b735d3dbf23c666f7f",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-notification--development",size:"s",variant:"bold"},"Notification")),c("td",{key:"50a1c62212e6da06af973a3e5a2fc2cadf24260c"},c("ul",{key:"734b2795bf623e728d4a9f56e8e7b92313ae514c"},c("li",{key:"024d8e96e10c15be585fe285f9292716042b7b34"},c("span",{key:"f22983fd7fd93513db96a35c82ec5a3ac03662f8"},c("ifx-icon",{key:"f3b8d4db51b3f2786394dd65e986b23799b0b331",class:"check__icon",icon:"check12"})),c("span",{key:"ef19250366f008dddeed35bf4bdfb34e3a8a9af1"},"Offers a flexible and visually distinct container for presenting informative, warning, or error messages to users, enhancing the overall user experience with timely and relevant feedback")),c("li",{key:"66ade31f9b723bee847f0d718a0b2da38c1526e2"},c("span",{key:"0e78ff1feb271be04feebd69b17d8c60597ea2ac"},c("ifx-icon",{key:"90a26381c9d493081690bff5927b913f647e6ebe",class:"check__icon",icon:"check12"})),c("span",{key:"34c9a2ab7a3e27ee320a4c3070ec20b1425eba14"},"Adheres to web standards")))),c("td",{key:"6474e7bb69ab6d7070954b8e149102c28e187cdd"}),c("td",{key:"fef3e365e3840b270762b07e485364892608fdaa"})),c("tr",{key:"f3165c3523a8232a5c7775b845abd4a9e000234d"},c("td",{key:"454e2d0305b9bd7def93b4deb6a4661ceff2d42e",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"bf6679ecf8455163e25c203ffaafdf0a0780faa8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-content-switcher--development",size:"s",variant:"bold"},"Content Switcher")),c("td",{key:"a43a17c4e2755636c5eedbf1b8515b579c367303"},c("ul",{key:"50e97ddfa2b1affd5268823f6011d64d2b9cea73"},c("li",{key:"dbbd6dd99b0efb04901ffcad04511c14337e5a00"},c("span",{key:"ffb68ec5b70091ab8b1b1ad04671f56dfdbfb0e3"},c("ifx-icon",{key:"08d6a7b6ad8bd8a9688c72f919339edd11238ed2",class:"check__icon",icon:"check12"})),c("span",{key:"1862728f32f9c7ccc158b4a68b0a75f5e1d26440"},"Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application")),c("li",{key:"a72048bda1cf959b053544de13d32fe7fd8a7d7d"},c("span",{key:"c83176b814d11260b1317af9f2c29e2371e18d5d"},c("ifx-icon",{key:"79fee48a88506f54eee7b6ef258a70086e5e2e7b",class:"check__icon",icon:"check12"})),c("span",{key:"6831a965e4a08d3cf5048563ebcb3f0b87028642"},"Offers a customizable mechanism for users to toggle and display diverse content panels, facilitating seamless navigation and interaction with varying information or functional contexts")),c("li",{key:"d6e31a54fc0430aa2ab0a3cf2cb0141103035aa1"},c("span",{key:"010bc0af83de961917486d2b83456193ee145c75"},c("ifx-icon",{key:"2333b2d28357c322677e776d7d8e1bb364a51b76",class:"check__icon",icon:"check12"})),c("span",{key:"297beee6fcbc9e700ada40c6205b5f5397e374e8"},"Adheres to web standards")))),c("td",{key:"e9b6cb29846e064eda5f5009ec3106219c70de86"}),c("td",{key:"c782d263094f11b9464b162c14f83a5b4a975c02"})),c("tr",{key:"7145c23a6c37e7132e5647e9ce6c97ccad56ef5d"},c("td",{key:"42cfb297e03054e4f3b1a78627d78da60d0889c6",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"7eac3ef57b339290244a35057f63229dc3702b38",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-control--development",size:"s",variant:"bold"},"Segmented Control")),c("td",{key:"d26b0c7ee3cb55eff975dda65f218fd77b82e999"},c("ul",{key:"44205c6cd76f0d636f19cf4c4885497788a6a5c0"},c("li",{key:"0c4cb9ac9098c0f878325fc1e25699bad4c324b5"},c("span",{key:"62a55cd8d302795f3d4df395c864f51459a60abe"},c("ifx-icon",{key:"34588ade8f278bc5c84e9442ee5b19fc2f50ec75",class:"check__icon",icon:"check12"})),c("span",{key:"9751d88e4c9a2c3dad16936fb2954fa31a139a26"},"Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application")),c("li",{key:"82c1da5642eda5470d993d4e40df01ab895f2180"},c("span",{key:"1b93b15f8a4d66596029b32fc7809196afb4a684"},c("ifx-icon",{key:"b2ff287fce002492eb2faa07d1eb0ae70dfeeed5",class:"check__icon",icon:"check12"})),c("span",{key:"4b63106acb08b80ec21d72a9174bc8e4dc7af6e9"},"Offers a customizable set of segmented buttons or tabs, allowing users to toggle between different choices or views, typically used for filtering, categorization, or navigation purposes")),c("li",{key:"57b36edea784058d1295e4f6418170cec79201bd"},c("span",{key:"3453d08cdc74e999982ccd93f8b419d8303a3195"},c("ifx-icon",{key:"888f0146f3dda42ca320a47230f132b334b242e3",class:"check__icon",icon:"check12"})),c("span",{key:"dfdbb8ea15723ee90e0cba1f1626423e0c27f8fb"},"Adheres to web standards")))),c("td",{key:"949f44b9dcf3284c0e167e84cf2924a6d5b34d47"}),c("td",{key:"0f7d9f73343f4d83599a83a4f8eb1fa1eb78c2d4"})),c("tr",{key:"ed2072960c9dbfc3dfa9fff0b9596a81420b0f8a"},c("td",{key:"1c9537c77fc595543acae55d9dd383ebf1a55a51",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"5e9dbb44f39f0f044c8cc8fc681ec3f86baa63a2",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-controls--development",size:"s",variant:"bold"},"Textarea")),c("td",{key:"48164a622f3858787fdbf93dc853b2c22bebb6fe"},c("ul",{key:"321d4a60dd2f498766b69698964504485cf328ef"},c("li",{key:"57b90c477e27beb3e1b57cf5f08c8b1d28a20e33"},c("span",{key:"72b96d30a21461d7a5b26488364bad2dfb2a0be6"},c("ifx-icon",{key:"83b2b84714471b6a42af16313d09d6322f5c908a",class:"check__icon",icon:"check12"})),c("span",{key:"d46e69afe11d966e1c8f46e15af7fe91e47cab76"},"Provides a customizable multi-line text input interface, enabling users to input, edit, and view large amounts of text, while adhering to web standards for accessibility and usability.")),c("li",{key:"8984fe5f3dffb11f56f8ff3f904e0fa50d9c85ab"},c("span",{key:"52f72c1dccd8851144bc8ec6bf709cf8c79d7941"},c("ifx-icon",{key:"3be197256ee5bc9bc2f0639b3d1ad10eec8e5b98",class:"check__icon",icon:"check12"})),c("span",{key:"9c23a843a4ff314ec458a4e614be205daf86b2ad"},"Form integration")))),c("td",{key:"94c981bf590af309a36160a369c52f64f9cd7827"}),c("td",{key:"de962812cf1d867874e7a7f23582733eda46c5cc"})),c("tr",{key:"8b271e70b6ed3a7d30933bf6b5e4123158742638"},c("td",{key:"3e84f76e20cb9db7db20b098742ed0eccc19f2b6",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"88abea63a72ad9b44c94d9175537cd89b9865f87",href:"",size:"s",variant:"bold"},"Card Group")),c("td",{key:"585c5b5774b401f6cb66ca3f572f7e5a413f899e"},c("ul",{key:"61425bdcf242abae9239e658a0f25f94f5de2d85"},c("li",{key:"8b840d3398e28e38e2143a0d796d2a2d8458b42a",class:"planned__component-wrapper"},c("span",{key:"f20f4ca9b13f374f705a7341cb2f2d439346d560"},c("ifx-icon",{key:"25779cbbffbc6dd1f9c136febbc59ad792585c40",class:"planned__icon",icon:"clock24"})),c("span",{key:"8919a8168025ec41f0f746d06f3beeb92cd5bcce"},"On Hold")))),c("td",{key:"2c45df14f864b6e82bfd83772f3d7d04651f4842"}),c("td",{key:"e98f735e0ac3dcffcd5f13e95eeec7cc08e61427"})),c("tr",{key:"71bc4f6b45f9f701b4ff47d845f32cb51fa44fc1"},c("td",{key:"0f989fe26fe8078f1a2a09a1435553e8c901d6e1",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"cdb60edad99059b5a6919c039860198b9eeb8286",href:"",size:"s",variant:"bold"},"Upload")),c("td",{key:"14aa3be3b53cdb1b351e7c49a78356e9714a3e18"},c("ul",{key:"7de0afae49565452b2d533015130470fd12835f9"},c("li",{key:"8a419a76de81f3de7c726f2063325822f33c46b5",class:"planned__component-wrapper"},c("span",{key:"0a6209c0069c7b52c9ed225e54a2b0170a3ddd0f"},c("ifx-icon",{key:"1ba6ad413a01e2aa8c596936e0db52074edef89d",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"bbddc54fc840382b5b23bbce4f5538b8b6cbf596"},"In Progress")))),c("td",{key:"080d631d73379ec6ffcb0a39ed29d1d836b30569"}),c("td",{key:"97244bd3c2d403c790e6cc1838fa7477a90b7252"})),c("tr",{key:"cae208a2f01bf6e365ffb5bb8460a3eae7cc8287"},c("td",{key:"6b5209585ecae2a60d3e0daa89b0acd2a3f51683",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"2b39965343026fa0940a2b07f914c3fea5e0d04d",href:"",size:"s",variant:"bold"},"Tree View")),c("td",{key:"1cab24174f7b6071223a7e9c58d85ff71fafa9c8"},c("ul",{key:"fce7b7bfc6080be1877abb3cece6585a6bab0bce"},c("li",{key:"5231c998f4ab515da0769867a37bc5c3a277d8a4",class:"planned__component-wrapper"},c("span",{key:"40d95e2bd762020dcefa97b8422a85afae36e3f4"},c("ifx-icon",{key:"0719b48e7f1fcdcf7244feec350010deded547b9",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"f31c11f977a8d1d458dc78d90a0f98c1cd0c59a2"},"In Progress")))),c("td",{key:"32c1a33c077eca311807dfe1033182eae4268040"}),c("td",{key:"81ff20006f2d8fe445129026472b9b8685a8de54"})),c("tr",{key:"97124d1e5cf99e8aac06082363e41c55eb26d2ee"},c("td",{key:"de656644bed984fbcd7886f8c86ead7d8bca8fcf",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"12adff8ce918be65daed72f0078bca2786cc8be8",href:"",size:"s",variant:"bold"},"Popover")),c("td",{key:"05c6be48a599e95e4d6b8ea499ad2aeee29b68cc"},c("ul",{key:"bd4949594eabd528f3103a5dcb620dd61c199717"},c("li",{key:"c40319f63afa7ab68c6101e3bff3103a1eae7bca",class:"planned__component-wrapper"},c("span",{key:"4860bb927f52af9b3b664a05917cd5975702014e"},c("ifx-icon",{key:"2960d7b5c255f474c52681eec34ff2ac00b46856",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"e5eb76850140ea2624256e077602f77d59918171"},"In Progress")))),c("td",{key:"5840b2376e1a67fab6bb5647781c963c859ce226"}),c("td",{key:"4094d4288bbf2991f92ccc6f00ba09359db7130f"})))))))}get el(){return a(this)}};b.style=f;export{b as ifx_overview_table};
+//# sourceMappingURL=p-201a45a5.entry.js.map

package/dist/infineon-design-system-stencil/{p-ab39ded7.entry.js → p-22a4c8c4.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as r,g as i}from"./p-e6edf72d.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.alert__info-wrapper{display:flex;padding:16px 24px;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert__info-wrapper .info__text-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper,.alert__info-wrapper .info__text-wrapper .info__description-wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper ::slotted(p),.alert__info-wrapper .info__text-wrapper .info__description-wrapper ::slotted(p){padding:0;margin:0}.alert__info-wrapper .info__text-wrapper .info__description-wrapper{font-weight:400}.alert__info-wrapper .close-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.alert__info-wrapper .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert__info-wrapper .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert{display:flex;border:1px solid #0A8276;border-radius:1px;color:#1D1D1D;background-color:#FFFFFF;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert .close-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:40px}.alert .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert .icon-wrapper{position:relative;min-width:48px;display:flex;justify-content:center;align-items:center;background-color:#0A8276}.alert .alert-text{font-size:16px;width:100%;padding:12px 0px 12px 12px;color:#1D1D1D;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.alert.primary{border:1px solid #0A8276}.alert.primary .icon-wrapper{background-color:#0A8276;color:#FFFFFF}.alert.success{border:1px solid #4CA460}.alert.success .icon-wrapper{background-color:#4CA460;color:#FFFFFF}.alert.danger{border:1px solid #CD002F}.alert.danger .icon-wrapper{background-color:#CD002F;color:#FFFFFF}.alert.warning{border:1px solid #E16B25}.alert.warning .icon-wrapper{background-color:#E16B25;color:#FFFFFF}.close-icon-wrapper ifx-icon:hover{cursor:pointer}';const o=a;const s=class{constructor(r){e(this,r);this.ifxClose=t(this,"ifxClose",7);this.variant="primary";this.closable=true;this.AriaLive="assertive";this.alertTypeDescription={primary:"Neutral alert",success:"Success Alert",danger:"Error Alert",warning:"Warning Alert",info:"Neutral alert"}}handleClose(){this.ifxClose.emit()}renderCloseButton(){return r("div",{class:"close-icon-wrapper"},r("button",{onClick:this.handleClose.bind(this),"aria-label":"Dismiss alert"},r("ifx-icon",{icon:"cross-16"})))}generateUniqueId(e="id"){return`${e}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){if(!this.uniqueId){this.uniqueId=this.generateUniqueId("alert")}}render(){return this.variant==="info"?r("div",{class:"alert__info-wrapper",role:"alert","aria-live":this.AriaLive,"aria-describedby":this.alertTypeDescription[this.variant],"aria-labelledby":"alert-text alert-description"},r("div",{class:"info__text-wrapper"},r("div",{class:"info__headline-wrapper"},r("slot",{name:"headline"})),r("div",{id:`alert-description-${this.uniqueId}`,class:"info__description-wrapper"},r("slot",{name:"desc"}))),this.closable?this.renderCloseButton():null):r("div",{class:`alert ${this.variant}`,role:"alert"},this.icon&&r("div",{class:"icon-wrapper"},r("ifx-icon",{icon:this.icon})),r("div",{class:"alert-text",id:`alert-text-${this.uniqueId}`},r("slot",null)),this.closable?this.renderCloseButton():null)}};s.style=o;const l=".react__template-wrapper{display:flex;width:300px;height:200px;border-radius:3px;border:1px solid #ccc}.react__template-wrapper.hide{display:none}.react__template-wrapper:hover{cursor:pointer}.template__page-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.template__page-wrapper .repository__url{text-decoration:none}.input__fields-wrapper{display:flex;flex-direction:column;gap:10px}.details__wrapper{display:flex;flex-direction:column;gap:10px}.selection__buttons-wrapper{display:flex;gap:10px;padding-top:10px;align-items:center}.selection__buttons-wrapper .vue__label{color:#ccc}.selection__buttons-wrapper label:not(.vue__label):hover{cursor:pointer}.selection__buttons-wrapper .selection__input{display:flex;align-items:center;gap:5px}.selection__buttons-wrapper .selection__input input{margin:0;height:20px;width:20px}.selection__buttons-wrapper .selection__input input:hover:not(.vue__input){cursor:pointer}.image__wrapper img{position:relative;width:300px;height:100%;border-radius:3px;object-fit:contain;transition:transform 0.2s}.image__wrapper img:hover{transform:scale(2);top:50px;z-index:100}";const n=l;const p=class{constructor(r){e(this,r);this.toggleTemplates=t(this,"toggleTemplates",7);this.fieldError=t(this,"fieldError",7);this.repoDetails={name:"",desc:"",framework:""};this.showDetails=false;this.isTemplatePage=false;this.isLoading=true;this.clientId="Ov23lixmXiNTTNb6V5W6";this.redirectUri="https://infineon.github.io/infineon-design-system-stencil/?path=/docs/dds-templates--development";this.scope="repo workflow";this.state="template123"}authUser(){const e=`https://github.com/login/oauth/authorize?`+`client_id=${this.clientId}&`+`redirect_uri=${this.redirectUri}&`+`scope=${this.scope}&`+`state=${this.state}`;window.open(e,"_blank")}componentDidLoad(){const e=new URL(window.location.href);const t=e.searchParams.get("code");const{templateName:r}=this.getLocalStorageValues();if(t&&this.name===r){this.isTemplatePage=true;this.toggleTemplates.emit("details");this.getUserToken(t)}}getLocalStorageValues(){const e=localStorage.getItem("repo_name");const t=localStorage.getItem("repo_desc");const r=localStorage.getItem("repo_framework");const i=localStorage.getItem("selectedTemplate");return{repoName:e,repoDesc:t,repoFramework:r,templateName:i}}async getUserToken(e){const{repoName:t,repoDesc:r,repoFramework:i,templateName:a}=this.getLocalStorageValues();fetch(`https://ddstemplate-srv.cfapps.eu10-004.hana.ondemand.com/token/${e}/${t}/${r}/${i}/${a}`).then((e=>{if(e.ok){return e.text()}else{return e.text().then((e=>{throw new Error(e)}))}})).then((e=>{if(e){this.isLoading=false;this.repoUrl=e;localStorage.clear()}})).catch((e=>{this.repoError=e.message;console.error("Error:",e.message)}))}handleUserInput(e,t){if(t==="name"){this.repoDetails=Object.assign(Object.assign({},this.repoDetails),{name:e.target.value})}else if(t==="desc"){this.repoDetails=Object.assign(Object.assign({},this.repoDetails),{desc:e.target.value})}else if(t==="framework"){this.repoDetails=Object.assign(Object.assign({},this.repoDetails),{framework:e.target.value})}}submitUserData(){if(this.repoDetails.name&&this.repoDetails.desc&&this.repoDetails.framework){localStorage.setItem("repo_name",this.repoDetails.name);localStorage.setItem("repo_desc",this.repoDetails.desc);localStorage.setItem("repo_framework",this.repoDetails.framework);localStorage.setItem("selectedTemplate",this.name);this.fieldError.emit(false);this.authUser()}else{this.fieldError.emit("All fields are mandatory")}}togglePadding(e){let t=this.el.parentElement;if(t){const r=t.getRootNode();if(r instanceof ShadowRoot){t=r.host.parentElement}else{t=t.parentElement}if(e==="remove"){t.parentElement.style.padding="0px"}else if(e==="add"){t.parentElement.style.padding="4rem 20px"}}}handleCurrentTemplate(e){if(e&&!this.showDetails){this.togglePadding("remove");const t=e.currentTarget;this.toggleTemplates.emit(t);this.showDetails=true}}async toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".react__template-wrapper");if(t){if(!t.classList.contains("hide")&&e){if(t!==e){t.classList.add("hide")}}else{if(this.showDetails){this.showDetails=false}this.togglePadding("add");t.classList.remove("hide")}}}render(){return r("div",{key:"1718c08bf77e39ea233584ffd8820f00a1d17f3c"},this.isTemplatePage?r("div",{class:"template__page-wrapper"},!this.repoUrl&&!this.repoError&&r("div",null,r("h3",null,"Your repository is getting ready.."),r("p",null,"This will only take a minute.")),this.isLoading&&!this.repoError&&r("div",null,r("ifx-spinner",{variant:"default",size:"s"})),this.repoUrl&&r("ifx-link",{href:this.repoUrl,target:"_parent",size:"m",variant:"underlined"},"Your repository"),this.repoError&&r("div",null,this.repoError)):r("div",{class:"react__template-container"},r("div",{class:"react__template-wrapper",onClick:e=>this.handleCurrentTemplate(e)},r("div",{class:"image__wrapper"},r("img",{src:this.thumbnail}))),this.showDetails&&r("div",{class:"details__wrapper"},r("div",{class:"selection__buttons-wrapper"},r("div",{class:"selection__input"},r("input",{type:"radio",id:"react",name:"chosen_framework",value:"react",onInput:e=>this.handleUserInput(e,"framework")}),r("label",{htmlFor:"react"},"React")),r("div",{class:"selection__input vue"},r("input",{class:"vue__input",disabled:true,type:"radio",id:"vue",name:"chosen_framework",value:"vue",onInput:e=>this.handleUserInput(e,"framework")}),r("label",{class:"vue__label",htmlFor:"vue"},"Vue")," (Soon)")),r("div",{class:"input__fields-wrapper"},r("ifx-text-field",{required:true,onInput:e=>this.handleUserInput(e,"name"),size:"m",icon:"c-info-16",placeholder:"Your repository name"},"Repository Name"),r("ifx-text-field",{required:true,size:"m",icon:"c-info-16",onInput:e=>this.handleUserInput(e,"desc"),placeholder:"Your repository description"},"Repository Description"),r("ifx-button",{fullWidth:true,onClick:()=>this.submitUserData(),variant:"primary"},"Generate template")))))}get el(){return i(this)}};p.style=n;export{s as ifx_alert,p as ifx_template};
-//# sourceMappingURL=p-ab39ded7.entry.js.map
+import{r as e,c as t,h as r,g as i}from"./p-e6edf72d.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:block}.alert__info-wrapper{display:flex;padding:16px 24px;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert__info-wrapper .info__text-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper,.alert__info-wrapper .info__text-wrapper .info__description-wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.alert__info-wrapper .info__text-wrapper .info__headline-wrapper ::slotted(p),.alert__info-wrapper .info__text-wrapper .info__description-wrapper ::slotted(p){padding:0;margin:0}.alert__info-wrapper .info__text-wrapper .info__description-wrapper{font-weight:400}.alert__info-wrapper .close-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.alert__info-wrapper .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert__info-wrapper .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert{display:flex;border:1px solid #0A8276;border-radius:1px;color:#1D1D1D;background-color:#FFFFFF;font-family:var(--ifx-font-family);box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843)}.alert .close-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:40px}.alert .close-icon-wrapper button{all:unset;display:flex;align-items:center;justify-content:center;line-height:0;color:#1D1D1D;height:24px;width:24px}.alert .close-icon-wrapper button:focus{outline:2px solid #0A8276;outline-offset:2px}.alert .icon-wrapper{position:relative;min-width:48px;display:flex;justify-content:center;align-items:center;background-color:#0A8276}.alert .alert-text{font-size:16px;width:100%;padding:12px 0px 12px 12px;color:#1D1D1D;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.alert.primary{border:1px solid #0A8276}.alert.primary .icon-wrapper{background-color:#0A8276;color:#FFFFFF}.alert.success{border:1px solid #4CA460}.alert.success .icon-wrapper{background-color:#4CA460;color:#FFFFFF}.alert.danger{border:1px solid #CD002F}.alert.danger .icon-wrapper{background-color:#CD002F;color:#FFFFFF}.alert.warning{border:1px solid #E16B25}.alert.warning .icon-wrapper{background-color:#E16B25;color:#FFFFFF}.close-icon-wrapper ifx-icon:hover{cursor:pointer}';const o=a;const s=class{constructor(r){e(this,r);this.ifxClose=t(this,"ifxClose",7);this.variant="primary";this.closable=true;this.AriaLive="assertive";this.alertTypeDescription={primary:"Neutral alert",success:"Success Alert",danger:"Error Alert",warning:"Warning Alert",info:"Neutral alert"}}handleClose(){this.ifxClose.emit()}renderCloseButton(){return r("div",{class:"close-icon-wrapper"},r("button",{onClick:this.handleClose.bind(this),"aria-label":"Dismiss alert"},r("ifx-icon",{icon:"cross-16"})))}generateUniqueId(e="id"){return`${e}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){if(!this.uniqueId){this.uniqueId=this.generateUniqueId("alert")}}render(){return this.variant==="info"?r("div",{class:"alert__info-wrapper",role:"alert","aria-live":this.AriaLive,"aria-describedby":this.alertTypeDescription[this.variant],"aria-labelledby":"alert-text alert-description"},r("div",{class:"info__text-wrapper"},r("div",{class:"info__headline-wrapper"},r("slot",{name:"headline"})),r("div",{id:`alert-description-${this.uniqueId}`,class:"info__description-wrapper"},r("slot",{name:"desc"}))),this.closable?this.renderCloseButton():null):r("div",{class:`alert ${this.variant}`,role:"alert"},this.icon&&r("div",{class:"icon-wrapper"},r("ifx-icon",{icon:this.icon})),r("div",{class:"alert-text",id:`alert-text-${this.uniqueId}`},r("slot",null)),this.closable?this.renderCloseButton():null)}};s.style=o;const l=".react__template-wrapper{display:flex;width:300px;height:200px;border-radius:3px;border:1px solid #ccc}.react__template-wrapper.hide{display:none}.react__template-wrapper:hover{cursor:pointer}.template__page-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.template__page-wrapper .repository__url{text-decoration:none}.input__fields-wrapper{display:flex;flex-direction:column;gap:10px}.details__wrapper{display:flex;flex-direction:column;gap:10px}.selection__buttons-wrapper{display:flex;gap:10px;padding-top:10px;align-items:center}.selection__buttons-wrapper .vue__label{color:#ccc}.selection__buttons-wrapper label:not(.vue__label):hover{cursor:pointer}.selection__buttons-wrapper .selection__input{display:flex;align-items:center;gap:5px}.selection__buttons-wrapper .selection__input input{margin:0;height:20px;width:20px}.selection__buttons-wrapper .selection__input input:hover:not(.vue__input){cursor:pointer}.image__wrapper img{position:relative;width:300px;height:100%;border-radius:3px;object-fit:contain;transition:transform 0.2s}.image__wrapper img:hover{transform:scale(2);top:50px;z-index:100}";const n=l;const p=class{constructor(r){e(this,r);this.toggleTemplates=t(this,"toggleTemplates",7);this.fieldError=t(this,"fieldError",7);this.repoDetails={name:"",desc:"",framework:""};this.showDetails=false;this.isTemplatePage=false;this.isLoading=true;this.clientId="Ov23lixmXiNTTNb6V5W6";this.redirectUri="https://infineon.github.io/infineon-design-system-stencil/?path=/docs/dds-templates--development";this.scope="repo workflow";this.state="template123"}authUser(){const e=`https://github.com/login/oauth/authorize?`+`client_id=${this.clientId}&`+`redirect_uri=${this.redirectUri}&`+`scope=${this.scope}&`+`state=${this.state}`;window.open(e,"_blank")}componentDidLoad(){const e=new URL(window.location.href);const t=e.searchParams.get("code");const{templateName:r}=this.getLocalStorageValues();if(t&&this.name===r){this.isTemplatePage=true;this.toggleTemplates.emit("details");this.getUserToken(t)}}getLocalStorageValues(){const e=localStorage.getItem("repo_name");const t=localStorage.getItem("repo_desc");const r=localStorage.getItem("repo_framework");const i=localStorage.getItem("selectedTemplate");return{repoName:e,repoDesc:t,repoFramework:r,templateName:i}}async getUserToken(e){const{repoName:t,repoDesc:r,repoFramework:i,templateName:a}=this.getLocalStorageValues();fetch(`https://ddstemplate-srv.cfapps.eu10-004.hana.ondemand.com/token/${e}/${t}/${r}/${i}/${a}`).then((e=>{if(e.ok){return e.text()}else{return e.text().then((e=>{throw new Error(e)}))}})).then((e=>{if(e){this.isLoading=false;this.repoUrl=e;localStorage.clear()}})).catch((e=>{this.repoError=e.message;console.error("Error:",e.message)}))}handleUserInput(e,t){if(t==="name"){this.repoDetails=Object.assign(Object.assign({},this.repoDetails),{name:e.target.value})}else if(t==="desc"){this.repoDetails=Object.assign(Object.assign({},this.repoDetails),{desc:e.target.value})}else if(t==="framework"){this.repoDetails=Object.assign(Object.assign({},this.repoDetails),{framework:e.target.value})}}submitUserData(){if(this.repoDetails.name&&this.repoDetails.desc&&this.repoDetails.framework){localStorage.setItem("repo_name",this.repoDetails.name);localStorage.setItem("repo_desc",this.repoDetails.desc);localStorage.setItem("repo_framework",this.repoDetails.framework);localStorage.setItem("selectedTemplate",this.name);this.fieldError.emit(false);this.authUser()}else{this.fieldError.emit("All fields are mandatory")}}togglePadding(e){let t=this.el.parentElement;if(t){const r=t.getRootNode();if(r instanceof ShadowRoot){t=r.host.parentElement}else{t=t.parentElement}if(e==="remove"){t.parentElement.style.padding="0px"}else if(e==="add"){t.parentElement.style.padding="4rem 20px"}}}handleCurrentTemplate(e){if(e&&!this.showDetails){this.togglePadding("remove");const t=e.currentTarget;this.toggleTemplates.emit(t);this.showDetails=true}}async toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".react__template-wrapper");if(t){if(!t.classList.contains("hide")&&e){if(t!==e){t.classList.add("hide")}}else{if(this.showDetails){this.showDetails=false}this.togglePadding("add");t.classList.remove("hide")}}}render(){return r("div",{key:"669f84cad2fce5845e79f7556a64e9a566bd8918"},this.isTemplatePage?r("div",{class:"template__page-wrapper"},!this.repoUrl&&!this.repoError&&r("div",null,r("h3",null,"Your repository is getting ready.."),r("p",null,"This will only take a minute.")),this.isLoading&&!this.repoError&&r("div",null,r("ifx-spinner",{variant:"default",size:"s"})),this.repoUrl&&r("ifx-link",{href:this.repoUrl,target:"_parent",size:"m",variant:"underlined"},"Your repository"),this.repoError&&r("div",null,this.repoError)):r("div",{class:"react__template-container"},r("div",{class:"react__template-wrapper",onClick:e=>this.handleCurrentTemplate(e)},r("div",{class:"image__wrapper"},r("img",{src:this.thumbnail}))),this.showDetails&&r("div",{class:"details__wrapper"},r("div",{class:"selection__buttons-wrapper"},r("div",{class:"selection__input"},r("input",{type:"radio",id:"react",name:"chosen_framework",value:"react",onInput:e=>this.handleUserInput(e,"framework")}),r("label",{htmlFor:"react"},"React")),r("div",{class:"selection__input vue"},r("input",{class:"vue__input",disabled:true,type:"radio",id:"vue",name:"chosen_framework",value:"vue",onInput:e=>this.handleUserInput(e,"framework")}),r("label",{class:"vue__label",htmlFor:"vue"},"Vue")," (Soon)")),r("div",{class:"input__fields-wrapper"},r("ifx-text-field",{required:true,onInput:e=>this.handleUserInput(e,"name"),size:"m",icon:"c-info-16",placeholder:"Your repository name"},"Repository Name"),r("ifx-text-field",{required:true,size:"m",icon:"c-info-16",onInput:e=>this.handleUserInput(e,"desc"),placeholder:"Your repository description"},"Repository Description"),r("ifx-button",{fullWidth:true,onClick:()=>this.submitUserData(),variant:"primary"},"Generate template")))))}get el(){return i(this)}};p.style=n;export{s as ifx_alert,p as ifx_template};
+//# sourceMappingURL=p-22a4c8c4.entry.js.map

package/dist/infineon-design-system-stencil/{p-bad7e525.entry.js → p-25345daf.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as s,g as i}from"./p-e6edf72d.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, 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:var(--ifx-font-family)}.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=r;const h=class{constructor(s){a(this,s);this.ifxInput=e(this,"ifxInput",7);this.ifxOpen=e(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(a){this.value=a.detail}render(){return s("div",{key:"833ac768dc2ce63caa5826c96c451ca3e33da8a5","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 i(this)}static get watchers(){return{isOpen:["handlePropChange"]}}};h.style=t;export{h as ifx_search_bar};
-//# sourceMappingURL=p-bad7e525.entry.js.map
+import{r as a,c as e,h as s,g as i}from"./p-e6edf72d.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, 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:var(--ifx-font-family)}.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=r;const h=class{constructor(s){a(this,s);this.ifxInput=e(this,"ifxInput",7);this.ifxOpen=e(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(a){this.value=a.detail}render(){return s("div",{key:"4cef8e7a043f1e0f47211da11f53c4142a465665","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 i(this)}static get watchers(){return{isOpen:["handlePropChange"]}}};h.style=t;export{h as ifx_search_bar};
+//# sourceMappingURL=p-25345daf.entry.js.map