@infineon/infineon-design-system-stencil 39.5.1--canary.2128.32855eaced35e683ae58f61e74597b349ac6110b.0 → 39.5.1--canary.1723.6fd541188ecfae7cc95cc1472bc61a6b121619e5.0

package/dist/infineon-design-system-stencil/p-0100cbfb.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as t,a as e}from"./p-DtIEDtZ8.js";import{d as n,t as r}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";const o=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}:host{display:inline-flex}.indicator__container .dot__wrapper{display:flex;width:8px;height:8px;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;background-color:#0A8276}.indicator__container .number__container{height:16px;display:inline-flex;padding:0;min-width:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276}.indicator__container .number__container .number__wrapper{padding:0 4px;color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.indicator__container .number__container.inverted{background-color:#FFFFFF}.indicator__container .number__container.inverted .number__wrapper{color:#0A8276}";const s=class{constructor(t){i(this,t);this.inverted=false;this.variant="number";this.number=0}handleNumber(){this.filteredNumber=!isNaN(this.number)&&this.number>99?"99+":this.number}componentWillLoad(){this.handleNumber()}async componentDidLoad(){if(!a(this.el)){const i=n();r("ifx-indicator",await i)}}componentWillUpdate(){this.handleNumber()}render(){return t("div",{key:"35211d70a31d9bf69b84614694d4669877c8a6d9","aria-label":this.ariaLabel,class:"indicator__container"},this.variant==="number"&&t("div",{key:"888f42cb6ad70bb973b62468734bae7abf73f3d9",class:`number__container ${this.inverted?"inverted":""}`},t("div",{key:"4578b32ca5e7b7747eb7ae729e9732d06da3fcbc",class:"number__wrapper"},this.filteredNumber)),this.variant==="dot"&&t("div",{key:"2b3cd2500d4d64bbb27131201ca2d56f720209a0",class:"dot__wrapper"}))}get el(){return e(this)}};s.style=o;export{s as ifx_indicator};
-//# sourceMappingURL=p-0100cbfb.entry.js.map

package/dist/infineon-design-system-stencil/p-13fed6df.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as r,a as i}from"./p-DtIEDtZ8.js";import{d as a,t as o}from"./p-DcmcuUOA.js";import{i as s}from"./p-Bw2fh5LT.js";const l=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, 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 n=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")}}async componentDidLoad(){if(!s(this.el)){const e=await a();o("ifx-alert",e)}}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)}get el(){return i(this)}};n.style=l;const p=".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 c=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:"05eceff653bfdbab6627a338ee585a6f3c7a3c07"},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)}};c.style=p;export{n as ifx_alert,c as ifx_template};
-//# sourceMappingURL=p-13fed6df.entry.js.map

package/dist/infineon-design-system-stencil/p-1c2d0b17.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,a as o}from"./p-DtIEDtZ8.js";import{d as e,t as r}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";const n=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.radio-button-group-container{display:flex;flex-direction:column}.radio-button-group{display:flex;gap:8px}.radio-button-group.horizontal{flex-direction:row;column-gap:12px}.radio-button-group.vertical{flex-direction:column;row-gap:12px}.group-label{font-size:1rem;color:#1D1D1D;line-height:1.5rem;font-weight:400;margin-bottom:8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.group-label .required{color:#575352;margin-left:4px}.group-label .required.error{color:#CD002F}.caption{margin-top:8px;align-self:flex-start;display:flex;width:100%;column-gap:8px;justify-content:space-between;align-items:center}.caption.default{color:#1D1D1D}.caption.error{color:#CD002F}.caption-text{font-size:0.75rem;line-height:1rem;flex:1;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption-icon{flex:0;display:flex}";const s=class{constructor(i){t(this,i);this.errorStates=new Map;this.alignment="vertical";this.groupLabelText="Group Label Text";this.required=false;this.hasErrors=false;this.handleSlotChange=()=>{this.initializeState()}}handleRadioButtonError(t){const i=t.target;if(i.tagName.toLowerCase()==="ifx-radio-button"){this.errorStates.set(i,t.detail);this.updateHasErrors()}}async setGroupError(t){const i=Array.from(this.el.querySelectorAll("ifx-radio-button"));i.forEach((i=>{i.error=t}))}componentWillLoad(){this.initializeState()}async componentDidLoad(){if(!a(this.el)){const t=e();r("ifx-radio-button-group",await t)}}initializeState(){this.errorStates.clear();const t=Array.from(this.el.querySelectorAll("ifx-radio-button"));t.forEach((t=>{if(!this.errorStates.has(t)){this.errorStates.set(t,t.error||false)}}));this.updateHasErrors()}updateHasErrors(){console.log("here");this.hasErrors=Array.from(this.errorStates.values()).some((t=>t))}render(){return i("div",{key:"dcd66919142f41e8d51054f7de1663361c273232",class:"radio-button-group-container"},this.showGroupLabel&&i("div",{key:"7765acb090b78c495b03b17f242b0efacba29a10",class:"group-label"},this.groupLabelText,this.required&&i("span",{key:"e500cc4867c756991d6e76b77640b6fc1f052296",class:`required ${this.hasErrors?"error":""}`},"*")),i("div",{key:"05211a3727a84a135588bccee63d22c36511cbee",class:`radio-button-group ${this.alignment} ${this.size}`},i("slot",{key:"4d9cbd4f52276f6c101306208bd6156e01287f2f",onSlotchange:this.handleSlotChange})),this.showCaption?i("div",{class:`caption ${this.hasErrors?"error":"default"}`},this.showCaptionIcon?i("div",{class:"caption-icon"},i("ifx-icon",{icon:"c-info-16"})):"",i("div",{class:"caption-text"},this.captionText)):"")}get el(){return o(this)}};s.style=n;export{s as ifx_radio_button_group};
-//# sourceMappingURL=p-1c2d0b17.entry.js.map

package/dist/infineon-design-system-stencil/p-1df9b181.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,a as e}from"./p-DtIEDtZ8.js";import{c as n}from"./p-DMLRPGid.js";import"./p-B85MJLTf.js";const o=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.action-list-item{display:flex;align-items:center;padding:8px 16px;background:#FFFFFF;transition:background-color 0.2s ease;cursor:default}.action-list-item--clickable{cursor:pointer}.action-list-item--clickable:hover:not(.action-list-item--disabled){background:#F7F7F7}.action-list-item--clickable:focus:not(.action-list-item--disabled){outline:none;background:#F7F7F7}.action-list-item--clickable:active:not(.action-list-item--disabled){background:#EEEDED}.action-list-item--disabled ::slotted(ifx-icon){color:#BFBBBB}.action-list-item--disabled ::slotted(*) ifx-icon{color:#BFBBBB}.action-list-item__leading{display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.action-list-item__content{flex:1;min-width:0}.action-list-item__title{font-weight:600;font-size:1rem;line-height:1.5rem;color:#1D1D1D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-list-item--disabled .action-list-item__title{color:#BFBBBB}.action-list-item__description{font-size:0.875rem;line-height:1.25rem;color:#575352;margin-top:2px}.action-list-item--disabled .action-list-item__description{color:#BFBBBB}.action-list-item__trailing{display:flex;align-items:center;justify-content:center;margin-left:16px;flex-shrink:0;gap:16px}";const l=class{constructor(s){i(this,s);this.ifxActionListItemClick=t(this,"ifxActionListItemClick",7);this.target="_self";this.disabled=false;this.handleMainClick=i=>{var t,s;if(this.disabled){i.preventDefault();i.stopPropagation();return}const e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".action-list-item__leading");const n=(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector(".action-list-item__trailing");if((e===null||e===void 0?void 0:e.contains(i.target))||(n===null||n===void 0?void 0:n.contains(i.target))){return}this.ifxActionListItemClick.emit({value:this.value,href:this.href,target:this.target,component:this});if(this.href){if(this.target==="_blank"){window.open(this.href,this.target)}else{window.location.href=this.href}}};this.handleLeadingClick=i=>{if(this.disabled){i.preventDefault();i.stopPropagation();return}const t=i.target;let s=t;while(s&&s!==this.host){if(this.isInteractiveElement(s)){i.stopPropagation();return}s=s.parentElement}i.stopPropagation();this.ifxActionListItemClick.emit({value:this.value,href:this.href,target:this.target,component:this});if(this.href){if(this.target==="_blank"){window.open(this.href,this.target)}else{window.location.href=this.href}}};this.handleTrailingClick=i=>{if(this.disabled){i.preventDefault();i.stopPropagation();return}const t=i.target;let s=t;while(s&&s!==this.host){if(this.isInteractiveElement(s)){i.stopPropagation();return}s=s.parentElement}i.stopPropagation();this.ifxActionListItemClick.emit({value:this.value,href:this.href,target:this.target,component:this});if(this.href){if(this.target==="_blank"){window.open(this.href,this.target)}else{window.location.href=this.href}}};this.isInteractiveElement=i=>{const t=i.tagName.toUpperCase();const s=["IFX-BUTTON","IFX-CHECKBOX","IFX-SWITCH"];return s.includes(t)};this.handleMainKeyDown=i=>{if(this.disabled)return;if(i.key==="Enter"||i.key===" "){i.preventDefault();this.handleMainClick(i)}};this.handleLeadingKeyDown=i=>{var t;if(this.disabled)return;if(i.key==="Enter"||i.key===" "){i.preventDefault();const s=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="leading"]');const e=(s===null||s===void 0?void 0:s.assignedElements())||[];const n=e.find((i=>this.isInteractiveElement(i)));if(n){n.focus();n.click()}}};this.handleTrailingKeyDown=i=>{var t;if(this.disabled)return;if(i.key==="Enter"||i.key===" "){i.preventDefault();const s=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="trailing"]');const e=(s===null||s===void 0?void 0:s.assignedElements())||[];const n=e.find((i=>this.isInteractiveElement(i)));if(n){n.focus();n.click()}}};this.updateSlotElementsDisabledState=()=>{const i=["ifx-checkbox","ifx-switch","ifx-button"];const t=this.host.querySelectorAll("[slot]");t.forEach((t=>{if(i.includes(t.tagName.toLowerCase())){this.setElementDisabledState(t)}i.forEach((i=>{const s=t.querySelectorAll(i);s.forEach((i=>{this.setElementDisabledState(i)}))}))}))};this.setElementDisabledState=i=>{if(this.disabled){i.setAttribute("disabled","true")}else{i.removeAttribute("disabled")}}}onDisabledChange(){this.updateSlotElementsDisabledState()}hasSlotContent(i){const t=this.host.querySelector(`[slot="${i}"]`);return!!t}componentDidLoad(){this.updateSlotElementsDisabledState()}componentDidUpdate(){this.updateSlotElementsDisabledState()}render(){const i=!this.disabled&&(this.href||this.value);const t=this.itemAriaLabel||`${this.itemTitle}${this.description?` - ${this.description}`:""}`;const e=this.hasSlotContent("leading");const o=this.hasSlotContent("trailing");return s("div",{key:"afc03036455ceb23a99e893ebdc36c052fcc2e64",class:n("action-list-item",this.disabled&&"action-list-item--disabled",i&&"action-list-item--clickable"),role:"listitem",tabIndex:i?0:-1,"aria-label":t,"aria-disabled":this.disabled?"true":undefined,onClick:this.handleMainClick,onKeyDown:this.handleMainKeyDown},e&&s("div",{key:"fbc09a625f124bdcf9137cde295838592925cc93",class:"action-list-item__leading",onClick:this.handleLeadingClick,onKeyDown:this.handleLeadingKeyDown},s("slot",{key:"915fb5467635e391ca3713def64ee031095e784d",name:"leading"})),s("div",{key:"589bd17dcd1f2de8ac7ac1c86db677c9b8eac35e",class:"action-list-item__content"},s("div",{key:"4b0ac3d7e1439cbe8682f9d14411acc4683b2ffe",class:"action-list-item__title"},this.itemTitle),this.description&&s("div",{key:"e5a0481505f637db1f7672fca5e1800a934d4270",class:"action-list-item__description"},this.description)),o&&s("div",{key:"c855aff75b5e1ddba37456c2225f46be3ae17429",class:"action-list-item__trailing",onClick:this.handleTrailingClick,onKeyDown:this.handleTrailingKeyDown},s("slot",{key:"68ff1e04f0bdf90894fa729619c7b7a6f896bad8",name:"trailing"})))}get host(){return e(this)}static get watchers(){return{disabled:["onDisabledChange"]}}};l.style=o;export{l as ifx_action_list_item};
-//# sourceMappingURL=p-1df9b181.entry.js.map

package/dist/infineon-design-system-stencil/p-240a4cb3.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as o,h as t,a as e}from"./p-DtIEDtZ8.js";const n=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.dropdown-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item:focus{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.dropdown-item.hide{display:none}.dropdown-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#EEEDED}.dropdown-item:active{background-color:#BFBBBB}.icon{margin-right:4px}";const s=class{constructor(t){i(this,t);this.ifxDropdownItem=o(this,"ifxDropdownItem",7);this.href="";this.target="_self";this.hide=false;this.size="l"}handleMenuSize(i){this.size=i.detail}handleEventEmission(){this.ifxDropdownItem.emit(this.el.textContent)}render(){const i=this.href!==undefined&&this.href!==null&&this.href!=="";const o={class:`dropdown-item ${this.size==="s"?"small":""} ${this.hide?"hide":""}`,onClick:()=>this.handleEventEmission(),role:"menuitem"};if(!i)o.tabIndex=0;return t("a",Object.assign({key:"0fa61b25ba8f7f8dec6828def32fca24c753970b"},o,i?{href:this.href,target:this.target}:{}),this.icon&&t("ifx-icon",{key:"7676baff54e17a8ac7a3de6a47fb00e773b80718",class:"icon",icon:this.icon}),t("span",{key:"a2b3213b15b3e0d0b40c12cf7863158f5233c400"},t("slot",{key:"b0c64b7c89c088900c65736450ebb366fcccad3c"})))}get el(){return e(this)}};s.style=n;export{s as ifx_dropdown_item};
-//# sourceMappingURL=p-240a4cb3.entry.js.map

package/dist/infineon-design-system-stencil/p-249372a1.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as r,h as s,a as e}from"./p-DtIEDtZ8.js";import{d as i,t}from"./p-DcmcuUOA.js";import{i as h}from"./p-Bw2fh5LT.js";const o=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, 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 a:focus{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.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 c=class{constructor(s){a(this,s);this.ifxInput=r(this,"ifxInput",7);this.ifxOpen=r(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)}async componentDidLoad(){if(!h(this.el)){const a=i();t("ifx-search-bar",await a)}}handleInput(a){this.value=a.detail}render(){return s("div",{key:"79e53af4741984e201a7c62711236c8091538b7d",role:"search","aria-label":"a search field for user input","aria-value":this.value,"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",{"aria-label":"Close button",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 e(this)}static get watchers(){return{isOpen:["handlePropChange"]}}};c.style=o;export{c as ifx_search_bar};
-//# sourceMappingURL=p-249372a1.entry.js.map

package/dist/infineon-design-system-stencil/p-29d78bf2.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as e,h as t,a as s}from"./p-DtIEDtZ8.js";import{d as l,t as a}from"./p-DcmcuUOA.js";import{i as o}from"./p-Bw2fh5LT.js";const r=':root{--ifx-font-family:"Source Sans 3", \'Arial, sans-serif\'}:host{font-family:var(--ifx-font-family, sans-serif)}.file-upload-wrapper{display:flex;flex-direction:column}.file-upload-wrapper.disabled{pointer-events:none}.file-upload-wrapper.disabled label,.file-upload-wrapper.disabled .file-upload-info{color:#575352}.file-upload-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1D1D1D}.file-upload-label .required{display:inline-block;margin-left:4px}.file-upload-label .required.error{color:#CD002F}.upload-dropzone{border:1px dashed #BFBBBB;padding:40px;text-align:center;cursor:pointer;color:#1D1D1D;transition:border-color 0.3s ease;border-radius:1px;background:#FFFFFF}.upload-dropzone ifx-icon{color:#0A8276}.upload-dropzone:hover{border:1px dashed #8D8786}.upload-dropzone.drag-over{border:1px solid #0A8276;background:#F7F7F7}.upload-dropzone.drag-over.error{border:1px solid #0A8276}.upload-dropzone.error{border-color:#CD002F}.disabled .upload-dropzone{pointer-events:none;border-color:#BFBBBB;color:#BFBBBB}.disabled .upload-dropzone ifx-icon{color:#BFBBBB}.upload-dropzone input{display:none}.file-upload-info{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0em;color:#1D1D1D;margin:0;margin-top:4px}.file-upload-status{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0.2px;margin-top:8px}.file-upload-status.file-upload-status__error{display:flex;align-items:center;color:#CD002F}.file-upload-status.file-upload-status__error ifx-icon{position:relative;top:-1px;color:#CD002F;margin-right:8px}.upload-heading{font:600 1.125rem/1.625rem "Source Sans 3";margin-bottom:8px}.file-list-wrapper{margin-top:16px}.file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.file-item{border:1px solid #BFBBBB;padding-top:12px;padding-right:16px;padding-bottom:8px;padding-left:16px;display:flex;gap:8px}.file-info{width:100%;min-width:0}.file-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-8px}.file-top-row ifx-icon{flex-shrink:0}.file-name-wrapper{display:flex;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;font-weight:400;font-size:0.875rem}.file-name-base{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-name-ext{flex-shrink:0;margin-left:0}.file-middle-row{display:flex;align-items:center;font-size:0.75rem;line-height:1rem;flex-wrap:wrap;color:#575352}.file-middle-row .file-status{margin-left:12px}.file-middle-row .file-status ifx-icon{margin-right:8px}.file-progress-row{margin-top:4px}.file-progress-row ifx-progress-bar{width:100%}.upload-success{border-color:#0A8276}.upload-success .file-status ifx-icon{position:relative;top:1px;color:#4CA460}.upload-failed{border-color:#CD002F}.upload-failed .file-status{color:#CD002F;margin-left:0}';const n=class{constructor(t){i(this,t);this.ifxFileUploadAdd=e(this,"ifxFileUploadAdd",7);this.ifxFileUploadRemove=e(this,"ifxFileUploadRemove",7);this.ifxFileUploadChange=e(this,"ifxFileUploadChange",7);this.ifxFileUploadError=e(this,"ifxFileUploadError",7);this.ifxFileUploadInvalid=e(this,"ifxFileUploadInvalid",7);this.ifxFileUploadStart=e(this,"ifxFileUploadStart",7);this.ifxFileUploadComplete=e(this,"ifxFileUploadComplete",7);this.ifxFileUploadAllComplete=e(this,"ifxFileUploadAllComplete",7);this.ifxFileUploadAbort=e(this,"ifxFileUploadAbort",7);this.ifxFileUploadDrop=e(this,"ifxFileUploadDrop",7);this.ifxFileUploadClick=e(this,"ifxFileUploadClick",7);this.ifxFileUploadMaxFilesExceeded=e(this,"ifxFileUploadMaxFilesExceeded",7);this.ifxFileUploadValidation=e(this,"ifxFileUploadValidation",7);this.ifxFileUploadRetry=e(this,"ifxFileUploadRetry",7);this.dragAndDrop=false;this.required=false;this.disabled=false;this.maxFileSizeMB=7;this.allowedFileTypes=undefined;this.additionalAllowedFileTypes=[];this.allowAnyFileType=false;this.allowedFileExtensions=[];this.label="Label";this.labelRequiredError="At least one file must be uploaded";this.labelBrowseFiles="Browse files";this.labelDragAndDrop="Drag & Drop or browse files to upload";this.labelUploadedFilesHeading="Uploaded files";this.labelFileTooLarge="Upload failed. Max file size: {{size}}MB.";this.labelUnsupportedFileType="Unsupported file type.";this.labelUploaded="Successfully uploaded";this.labelUploadFailed="Upload failed. Please try again.";this.labelSupportedFormatsTemplate="Supported file formats: {{types}}. Max file size: {{size}}MB.";this.labelFileSingular="file";this.labelFilePlural="files";this.labelMaxFilesInfo="Up to {{count}} {{files}}.";this.labelMaxFilesExceeded="Upload limit exceeded. Only {{count}} {{files}} allowed.";this.ariaLabelBrowseFiles="Browse files";this.ariaLabelDropzone="Upload area. Click to browse or drag and drop files.";this.ariaLabelFileInput="Upload file";this.ariaLabelRemoveFile="Remove file";this.ariaLabelCancelUpload="Cancel upload";this.ariaLabelRetryUpload="Retry upload";this.ariaLabelUploadingStatus="Upload in progress";this.ariaLabelUploadedStatus="Upload completed";this.ariaLabelUploadFailedStatus="Upload failed";this.internalId=`ifx-file-upload-${Math.random().toString(36).substr(2,9)}`;this.isDragOver=false;this.files=[];this.uploadTasks=[];this.rejectedSizeFiles=[];this.rejectedTypeFiles=[];this.requiredError=false;this.statusMessage=null;this.fileInputEl=null;this.extensionToMimeMap={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",gif:"image/gif",svg:"image/svg+xml",webp:"image/webp",pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",mp3:"audio/mpeg",wav:"audio/wav",mp4:"video/mp4",mov:"video/quicktime",webm:"video/webm",zip:"application/zip",rar:"application/vnd.rar",tar:"application/x-tar",gz:"application/gzip",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript"}}get maxFiles(){return this._maxFiles}set maxFiles(i){if(typeof i==="number"&&i<1){console.warn("Invalid `maxFiles` value. Must be >= 1. Value ignored.");this._maxFiles=undefined}else{this._maxFiles=i}}validateRequired(){var i,e;if(this.required&&this.files.length===0){this.requiredError=true;if(((i=this.statusMessage)===null||i===void 0?void 0:i.text)!==this.labelRequiredError){this.statusMessage={type:"error",text:this.labelRequiredError}}this.ifxFileUploadValidation.emit({valid:false})}else{this.requiredError=false;if(((e=this.statusMessage)===null||e===void 0?void 0:e.text)===this.labelRequiredError){this.statusMessage=null}this.ifxFileUploadValidation.emit({valid:true})}}pluralize(i){if(this.allowAnyFileType){return i===1?"file":"files"}return i===1?this.labelFileSingular:this.labelFilePlural}getNormalizedFileTypes(){if(!this.allowedFileTypes&&this.allowedFileExtensions&&this.getNormalizedFileExtensions().length>0){return[]}if(!this.allowedFileTypes){return["jpg","jpeg","png","pdf","mov","mp3","mp4"]}if(Array.isArray(this.allowedFileTypes)){return this.allowedFileTypes}try{return JSON.parse(this.allowedFileTypes)}catch(i){return this.allowedFileTypes.split(",").map((i=>i.trim()))}}getNormalizedFileExtensions(){if(!this.allowedFileExtensions)return[];if(Array.isArray(this.allowedFileExtensions)){return this.allowedFileExtensions}try{return JSON.parse(this.allowedFileExtensions)}catch(i){return this.allowedFileExtensions.split(",").map((i=>i.trim()))}}isFileTypeAllowed(i){if(this.allowAnyFileType){return true}const e=this.getFileExtension(i.name);const t=this.getNormalizedFileTypes();const s=t.map((i=>this.extensionToMimeMap[i.toLowerCase()])).filter(Boolean);if(s.includes(i.type)){return true}const l=this.getAdditionalMimeTypes();if(l.includes(i.type)){return true}const a=this.getNormalizedFileExtensions();if(a.length>0&&e){for(const i of a){const t=i.startsWith(".")?i.substring(1).toLowerCase():i.toLowerCase();if(e===t){return true}}}return false}getFileExtension(i){const e=i.lastIndexOf(".");if(e===-1||e===i.length-1){return null}return i.substring(e+1).toLowerCase()}getLabelFromMimeType(i){for(const[e,t]of Object.entries(this.extensionToMimeMap)){if(t===i){return e.toUpperCase()}}return i}handleFileChange(i){const e=i.target;if(!e.files)return;this.processFiles(e.files)}handleDrop(i){var e;if(this.disabled)return;i.preventDefault();i.stopPropagation();this.isDragOver=false;if((e=i.dataTransfer)===null||e===void 0?void 0:e.files){const e=Array.from(i.dataTransfer.files);const t=[];const s=[];e.forEach((i=>{const e=this.isFileTypeAllowed(i);const l=i.size<=this.maxFileSizeMB*1024*1024;if(e&&l)t.push(i);else s.push(i)}));this.ifxFileUploadDrop.emit({droppedFiles:e,acceptedFiles:t,rejectedFiles:s});this.processFiles(i.dataTransfer.files)}}handleDragOver(i){if(this.disabled)return;i.preventDefault();this.isDragOver=true}handleDragLeave(i){if(this.disabled)return;i.preventDefault();this.isDragOver=false}processFiles(i){const e=Array.from(i);const t=[];const s=[];const l=[];e.forEach((i=>{const e=this.isFileTypeAllowed(i);const a=i.size<=this.maxFileSizeMB*1024*1024;const o=this.files.some((e=>e.name===i.name&&e.size===i.size));if(o){this.ifxFileUploadInvalid.emit({file:i,reason:"duplicate"});this.ifxFileUploadError.emit({file:i,errorType:"duplicate",message:`File "${i.name}" is already added`,reason:"duplicate"});return}if(e&&a){t.push(i)}else{if(!e){l.push(i.name);this.ifxFileUploadInvalid.emit({file:i,reason:"invalid-type"})}if(!a){s.push(i.name);this.ifxFileUploadInvalid.emit({file:i,reason:"invalid-size"})}this.ifxFileUploadError.emit({file:i,errorType:!e?"invalid-type":"file-too-large",message:"Invalid file rejected",reason:!e?"unsupported-type":"file-too-large"})}}));this.rejectedSizeFiles=[...this.rejectedSizeFiles,...s];this.rejectedTypeFiles=[...this.rejectedTypeFiles,...l];if(this.maxFiles&&this.files.length+t.length>this.maxFiles){const i=this.maxFiles-this.files.length;const e=t.slice(0,Math.max(i,0));const s=t.slice(i);this.files=[...this.files,...e];e.forEach((i=>this.startUpload(i)));if(e.length>0){this.ifxFileUploadAdd.emit({addedFiles:e,files:this.files});this.ifxFileUploadChange.emit({files:this.files})}s.forEach((i=>{this.ifxFileUploadInvalid.emit({file:i,reason:"too-many-files"});this.ifxFileUploadError.emit({file:i,errorType:"too-many-files",message:`Upload limit exceeded. Max ${this.maxFiles} files allowed.`,reason:"too-many-files"})}));if(s.length>0){this.statusMessage={type:"error",text:this.labelMaxFilesExceeded.replace("{{count}}",this.maxFiles.toString()).replace("{{files}}",this.pluralize(this.maxFiles))};this.ifxFileUploadMaxFilesExceeded.emit({maxFiles:this.maxFiles,attempted:this.files.length+t.length})}return}t.forEach((i=>this.startUpload(i)));this.files=[...this.files,...t];if(t.length>0){this.ifxFileUploadAdd.emit({addedFiles:t,files:this.files});this.ifxFileUploadChange.emit({files:this.files})}this.validateRequired()}retryUpload(i){const e=this.uploadTasks.findIndex((e=>e.file.name===i.name));if(e!==-1){this.uploadTasks.splice(e,1);this.uploadTasks=[...this.uploadTasks]}this.ifxFileUploadRetry.emit({file:i});this.startUpload(i)}checkAndEmitAllComplete(){if(this.uploadTasks.every((i=>i.completed||i.error))){const i=this.uploadTasks.some((i=>i.completed&&!i.error));if(i){const i=this.uploadTasks.filter((i=>i.completed&&!i.error)).map((i=>i.file));this.ifxFileUploadAllComplete.emit({files:i})}}}resetFileInput(){if(this.fileInputEl){this.fileInputEl.value=""}}updateTaskProgress(i,e){const t=this.uploadTasks.find((e=>e.file===i));if(t){const i=Math.max(t.progress,Math.min(100,e));if(i!==t.progress){t.progress=i;this.uploadTasks=[...this.uploadTasks]}}}startUpload(i){this.ifxFileUploadStart.emit({file:i});const e={file:i,progress:3,intervalId:null,completed:false};this.uploadTasks=[...this.uploadTasks,e];if(this.uploadHandler){this.uploadHandler(i,(e=>{this.updateTaskProgress(i,e)})).then((()=>{e.progress=100;e.completed=true;this.uploadTasks=[...this.uploadTasks];this.ifxFileUploadComplete.emit({file:i});this.ifxFileUploadChange.emit({files:this.files});this.checkAndEmitAllComplete()})).catch((()=>{e.error=true;this.uploadTasks=[...this.uploadTasks];this.ifxFileUploadError.emit({file:i,errorType:"upload-failed",message:"Upload handler rejected file",reason:"custom"});this.checkAndEmitAllComplete()}))}else{const t=i.size;const s=1e5;let l=0;e.intervalId=window.setInterval((()=>{l+=s/5;const a=Math.min(100,Math.round(l/t*100));this.updateTaskProgress(i,a);if(a>=100){clearInterval(e.intervalId);e.completed=true;e.intervalId=null;this.uploadTasks=[...this.uploadTasks];this.ifxFileUploadComplete.emit({file:i});this.ifxFileUploadChange.emit({files:this.files});this.checkAndEmitAllComplete()}}),200)}}cancelUpload(i){const e=this.uploadTasks.findIndex((e=>e.file.name===i.name));if(e!==-1){const i=this.uploadTasks[e];if((i===null||i===void 0?void 0:i.intervalId)!==null){clearInterval(i.intervalId)}this.uploadTasks=this.uploadTasks.filter(((i,t)=>t!==e))}this.files=this.files.filter((e=>e.name!==i.name));this.ifxFileUploadAbort.emit({file:i});this.ifxFileUploadChange.emit({files:this.files});this.resetFileInput();this.validateRequired()}removeFile(i){var e;this.uploadTasks=this.uploadTasks.filter((e=>e.file.name!==i.name));this.files=this.files.filter((e=>e.name!==i.name));this.ifxFileUploadRemove.emit({removedFile:i,files:this.files});this.ifxFileUploadChange.emit({files:this.files});this.validateRequired();this.resetFileInput();if(this.maxFiles&&this.files.length<this.maxFiles&&((e=this.statusMessage)===null||e===void 0?void 0:e.text)!==this.labelRequiredError){this.statusMessage=null}}clearRejectedFile(i,e){if(e==="size"){this.rejectedSizeFiles=this.rejectedSizeFiles.filter((e=>e!==i))}else{this.rejectedTypeFiles=this.rejectedTypeFiles.filter((e=>e!==i))}this.resetFileInput();if(this.maxFiles&&this.files.length<this.maxFiles){this.statusMessage=null}this.validateRequired()}splitFileNameParts(i){const e=i.name;const t=e.lastIndexOf(".");if(t===-1)return{base:e,ext:""};return{base:e.substring(0,t),ext:e.substring(t)}}getFileIcon(i){var e;const t=(e=i.name.split(".").pop())===null||e===void 0?void 0:e.toLowerCase();switch(t){case"pdf":return"file-pdf-16";case"jpg":case"jpeg":return"file-jpg-16";case"png":return"file-png-16";case"mov":return"file-mov-16";case"mp3":return"file-mp3-16";case"mp4":return"file-mp4-16";default:return"file-16"}}formatSize(i){if(i>=1024*1024*1024){return`${(i/(1024*1024*1024)).toFixed(1)} GB`}else if(i>=1024*1024){return`${(i/(1024*1024)).toFixed(1)} MB`}else if(i>=1024){return`${(i/1024).toFixed(0)} KB`}else{return`${i} B`}}getAcceptAttribute(){if(this.allowAnyFileType){return""}const i=[];const e=this.getNormalizedFileTypes().map((i=>"."+i.toLowerCase()));i.push(...e);const t=this.getAdditionalMimeTypes();i.push(...t);const s=this.getNormalizedFileExtensions();s.forEach((e=>{const t=e.startsWith(".")?e:"."+e;i.push(t)}));return i.join(",")}getFormattedProgressText(i){const e=Math.round(i.progress/100*i.file.size);const t=this.formatSize(e);const s=this.formatSize(i.file.size);return`${t} / ${s} uploaded`}getAdditionalMimeTypes(){if(!this.additionalAllowedFileTypes)return[];if(Array.isArray(this.additionalAllowedFileTypes))return this.additionalAllowedFileTypes;return this.additionalAllowedFileTypes.split(",").map((i=>i.trim()))}getSupportedFileText(){if(this.allowAnyFileType){let i=`All file types allowed. Max file size: ${this.maxFileSizeMB}MB.`;if(this.labelMaxFilesInfo&&this.maxFiles){const e=this.pluralize(this.maxFiles);const t=this.labelMaxFilesInfo.replace("{{count}}",this.maxFiles.toString()).replace("{{files}}",e);i+=` ${t}`}return i}const i=[];const e=this.getNormalizedFileTypes().map((i=>i.toUpperCase()));i.push(...e);const t=this.getAdditionalMimeTypes().map((i=>this.getLabelFromMimeType(i)));i.push(...t);const s=this.getNormalizedFileExtensions().map((i=>{const e=i.startsWith(".")?i.substring(1):i;return e.toUpperCase()}));i.push(...s);const l=i.join(", ");let a=this.labelSupportedFormatsTemplate.replace("{{types}}",l).replace("{{size}}",this.maxFileSizeMB.toString());if(this.labelMaxFilesInfo&&this.maxFiles){const i=this.pluralize(this.maxFiles);const e=this.labelMaxFilesInfo.replace("{{count}}",this.maxFiles.toString()).replace("{{files}}",i);a+=` ${e}`}return a}getFormattedFileTooLargeText(){return this.labelFileTooLarge.replace("{{size}}",this.maxFileSizeMB.toString())}renderStatusMessage(){if(!this.statusMessage)return null;return t("div",{class:`file-upload-status file-upload-status__${this.statusMessage.type}`},this.statusMessage.type==="error"&&t("ifx-icon",{icon:"c-warning-16"}),this.statusMessage.text)}isInputDisabled(){return this.disabled||this.maxFiles!==undefined&&this.files.length>=this.maxFiles}async componentDidLoad(){if(!o(this.hostElement)){const i=l();a("ifx-file-upload",await i)}if(this.hostElement.hasAttribute("show-demo-states")){this.showDemoStates=true}if(this.showDemoStates){this.injectDemoState()}}async injectDemoState(){const i=new Array(5e4).fill("a").join("");const e=i+i;const t=new File([i],"Image.jpg",{type:"image/jpeg"});const s=new File([e],"File.pdf",{type:"application/pdf"});const l=new File([i],"Text.docx",{type:"application/vnd.openxmlformats-officedocument.wordprocessingml.document"});const a=new File([e+e+e],"Video.mp4",{type:"video/mp4"});const o=new File(["demo"],"Script.exe",{type:"application/x-msdownload"});this.files=[s,t,l];this.uploadTasks=[{file:s,progress:100,intervalId:null,completed:true},{file:t,progress:40,intervalId:null,completed:false},{file:l,progress:80,intervalId:null,completed:false,error:true}];this.rejectedSizeFiles=[a.name];this.rejectedTypeFiles=[o.name]}async triggerDemoValidation(){this.validateRequired()}render(){return t("div",{key:"ef6b20aec846cdb005bbf42292a6d38a6ed1a503",class:{"file-upload-wrapper":true,disabled:this.disabled}},this.label&&t("label",{key:"91b547b30348f765a3542c88c50790d84affaa8a",class:"file-upload-label",htmlFor:this.internalId},this.label,this.required&&t("span",{key:"bef4e9628b629bacfc729a962b37a009185eb374",class:`required ${this.requiredError?"error":""}`},"*")),this.dragAndDrop?this.renderDragAndDropArea():this.renderUploadArea(),(this.files.length>0||this.rejectedSizeFiles.length>0||this.rejectedTypeFiles.length>0)&&t("div",{key:"0bbe459c523c0a9077f23c458fb59e03b5ae0134",class:"file-list-wrapper"},t("div",{key:"e01f3966e8a3d5697da4d57ea7eb711d026177b9",class:"upload-heading"},this.labelUploadedFilesHeading),t("ul",{key:"7c3c8ce0f8a4ebdac12c843b120482140adf93c2",class:"file-list"},this.rejectedSizeFiles.map((i=>t("li",{class:"file-item upload-failed",key:`rejected-size-${i}`},t("div",{class:"file-icon"},t("ifx-icon",{icon:"file-16"})),t("div",{class:"file-info"},t("div",{class:"file-top-row"},t("span",{class:"file-name-wrapper"},t("span",{class:"file-name-base"},this.splitFileNameParts({name:i}).base),t("span",{class:"file-name-ext"},this.splitFileNameParts({name:i}).ext)),t("div",{class:"file-actions"},t("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":this.ariaLabelRemoveFile,onClick:()=>this.clearRejectedFile(i,"size")}))),t("div",{class:"file-middle-row"},t("span",{class:"file-status","aria-label":this.labelFileTooLarge.replace("{{size}}",this.maxFileSizeMB.toString())},this.getFormattedFileTooLargeText())))))),this.rejectedTypeFiles.map((i=>t("li",{class:"file-item upload-failed",key:`rejected-type-${i}`},t("div",{class:"file-icon"},t("ifx-icon",{icon:"file-16"})),t("div",{class:"file-info"},t("div",{class:"file-top-row"},t("span",{class:"file-name-wrapper"},t("span",{class:"file-name-base"},this.splitFileNameParts({name:i}).base),t("span",{class:"file-name-ext"},this.splitFileNameParts({name:i}).ext)),t("div",{class:"file-actions"},t("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":this.ariaLabelRemoveFile,onClick:()=>this.clearRejectedFile(i,"type")}))),t("div",{class:"file-middle-row"},t("span",{class:"file-status","aria-label":this.labelUnsupportedFileType},this.labelUnsupportedFileType)))))),this.files.map((i=>{var e;const s=this.uploadTasks.find((e=>e.file.name===i.name));const l=(e=s===null||s===void 0?void 0:s.progress)!==null&&e!==void 0?e:100;const a=s&&!s.completed;const o=(s===null||s===void 0?void 0:s.error)===true;const r=o?"file-item upload-failed":a?"file-item uploading":"file-item upload-success";const n=`${i.name}-${i.size}`;const{base:h,ext:d}=this.splitFileNameParts(i);return t("li",{class:r,key:n},t("div",{class:"file-icon"},t("ifx-icon",{icon:this.getFileIcon(i)})),t("div",{class:"file-info"},t("div",{class:"file-top-row"},t("span",{class:"file-name-wrapper"},t("span",{class:"file-name-base"},h),t("span",{class:"file-name-ext"},d)),t("div",{class:"file-actions"},t("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"refresh-16",size:"s","aria-label":this.ariaLabelRetryUpload,onClick:()=>this.retryUpload(i),style:{display:o?"inline-flex":"none"}}),t("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"cross-16",size:"s","aria-label":this.ariaLabelCancelUpload,onClick:()=>this.cancelUpload(i),style:{display:a?"inline-flex":"none"}}),t("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":this.ariaLabelRemoveFile,onClick:()=>this.removeFile(i),style:{display:!a?"inline-flex":"none"}}))),t("div",{class:"file-middle-row"},a&&s&&!s.error&&t("span",{class:"file-uploading","aria-label":this.ariaLabelUploadingStatus},this.getFormattedProgressText(s)),!a&&!o&&t("span",null,t("span",{class:"file-size"},this.formatSize(i.size)),t("span",{class:"file-status","aria-label":this.ariaLabelUploadedStatus},t("ifx-icon",{icon:"check-16"}),this.labelUploaded)),o&&t("span",{class:"file-status","aria-label":this.ariaLabelUploadFailedStatus},this.labelUploadFailed)),a&&s&&!s.error&&t("div",{class:"file-progress-row"},t("ifx-progress-bar",{size:"s",value:l,"show-label":"true"}))))})))))}renderUploadArea(){const i=i=>{this.fileInputEl=i};return t("div",{class:{"upload-button":true}},t("ifx-button",{variant:"secondary",onClick:()=>{var i;return(i=this.fileInputEl)===null||i===void 0?void 0:i.click()},disabled:this.isInputDisabled(),"aria-label":this.ariaLabelBrowseFiles},t("ifx-icon",{icon:"upload-16"}),this.labelBrowseFiles),t("input",{id:this.internalId,ref:i,type:"file",accept:this.getAcceptAttribute(),multiple:true,onChange:i=>this.handleFileChange(i),style:{display:"none"},disabled:this.isInputDisabled(),"aria-label":this.ariaLabelFileInput}),t("p",{class:"file-upload-info"},this.getSupportedFileText()),this.renderStatusMessage())}renderDragAndDropArea(){const i=i=>{this.fileInputEl=i};const e=()=>{if(this.fileInputEl){this.fileInputEl.click()}};return t("div",{class:{disabled:this.isInputDisabled()}},t("div",{class:{"upload-dropzone":true,"drag-over":this.isDragOver,error:this.requiredError},onClick:e,onDragOver:i=>this.handleDragOver(i),onDragLeave:i=>this.handleDragLeave(i),onDrop:i=>this.handleDrop(i),role:"button",tabIndex:0,"aria-label":this.ariaLabelDropzone},t("ifx-icon",{icon:"upload-16",class:"custom-icon"}),t("p",null,this.labelDragAndDrop),t("p",{class:"file-upload-info"},this.getSupportedFileText()),t("div",{style:{height:"0px",overflow:"hidden"}},t("input",{id:this.internalId,ref:i,type:"file",accept:this.getAcceptAttribute(),multiple:true,onChange:i=>this.handleFileChange(i),disabled:this.isInputDisabled(),"aria-label":this.ariaLabelFileInput}))),this.renderStatusMessage())}get hostElement(){return s(this)}};n.style=r;export{n as ifx_file_upload};
-//# sourceMappingURL=p-29d78bf2.entry.js.map

package/dist/infineon-design-system-stencil/p-3cdd03ed.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as o,a}from"./p-DtIEDtZ8.js";const i=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.col{display:flex;flex-direction:column;gap:12px;padding-right:8px;color:#1D1D1D;font-family:var(--ifx-font-family)}.col ::slotted([slot=title]){box-sizing:border-box;font-weight:600;font-size:1rem;line-height:1.5rem;margin:0;padding:0}.col span{display:flex;flex-direction:column;gap:12px;color:#1D1D1D}.col span ::slotted([slot=link]){box-sizing:border-box;font-weight:400;font-size:1rem;line-height:1.5rem}";const t=class{constructor(o){e(this,o)}render(){return o("div",{key:"4883ac3ed1c026a0b2c7ae1f208c6aa407f28bf2",class:"col"},o("slot",{key:"b494596e8b7bd57bd731d2b2b0f657d254278a02",name:"title"}),o("span",{key:"81060ae390a818a605822d806c62f28c5356c468","aria-label":"navigation link"},o("slot",{key:"118404fadfc91c9e6af7a5b801b149ffde523b3d",name:"link"})))}get el(){return a(this)}};t.style=i;export{t as ifx_footer_column};
-//# sourceMappingURL=p-3cdd03ed.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["footerColumnCss","FooterColumn","render","h","key","class","name"],"sources":["src/components/footer/footer-column.scss?tag=ifx-footer-column&encapsulation=shadow","src/components/footer/footer-column.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n\n.col {\n  display: flex;\n  flex-direction: column;\n  gap: tokens.$ifxSpace150;\n  padding-right: 8px;\n  color: tokens.$ifxColorBaseBlack;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n  \n\n  & ::slotted([slot=title]) {\n    box-sizing: border-box;\n    font-weight: tokens.$ifxFontWeightSemibold;\n    font-size: tokens.$ifxFontSizeM;\n    line-height: tokens.$ifxLineHeightM;\n    margin: 0;\n    padding: 0;\n  }\n\n  & span {\n    display: flex;\n    flex-direction: column;\n    gap: tokens.$ifxSpace150;\n    color: tokens.$ifxColorBaseBlack;\n\n    & ::slotted([slot=link]) {\n      box-sizing: border-box;\n      font-weight: 400;\n      font-size: tokens.$ifxFontSizeM;\n      line-height: tokens.$ifxLineHeightM;\n    }\n  } \n}","import { Component, h, Element} from '@stencil/core';\n\n@Component({\n  tag: 'ifx-footer-column',\n  styleUrl: './footer-column.scss',\n  shadow: true,\n})\n\nexport class FooterColumn {\n  @Element() el;\n  \n  render() {\n    return (\n      <div class=\"col\">\n          <slot name=\"title\" />\n        <span aria-label='navigation link'>\n          <slot name=\"link\" />\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAkB,2d,MCQXC,EAAY,M,yBAGvB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,OACPF,EAAM,QAAAC,IAAA,2CAAAE,KAAK,UACbH,EAAA,QAAAC,IAAA,wDAAiB,mBACfD,EAAA,QAAAC,IAAA,2CAAME,KAAK,U","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-3f29b8fd.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,a as r}from"./p-DtIEDtZ8.js";const i=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.breadcrumb-parent{display:flex;flex-direction:row;align-items:center;padding:0px;gap:12px;min-height:24px;justify-content:center}.breadcrumb-parent:hover{cursor:pointer}.breadcrumb-parent .breadcrumb-wrapper{display:flex;flex-direction:row;align-items:center;padding:0px;gap:8px;position:relative}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu{display:none;position:absolute;top:20px}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu.open{display:block}.breadcrumb-parent .breadcrumb-wrapper a{text-decoration:none;color:#1D1D1D;font-family:var(--ifx-font-family);font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;display:flex;align-items:center;color:#1D1D1D;flex-direction:column;justify-content:center;padding:0px;border-bottom:1px solid #1D1D1D}.breadcrumb-parent .breadcrumb-divider{width:10px;height:16px;color:#EEEDED;line-height:13px;font-size:1.25rem;margin-right:12px}";const n=class{constructor(t){e(this,t);this.isLastItem=false;this.hasDropdownMenu=false}handleOutsideClick(e){const t=e.composedPath();if(!t.includes(this.el)){this.closeDropdownMenu()}}handleKeyDown(e){if(e.key==="Enter"||e.key===" "){this.toggleDropdownMenu()}else if(e.key==="Escape"){this.closeDropdownMenu()}}getDropdownMenu(){const e=this.el.shadowRoot.querySelector(".dropdown-menu");return e}menuWrapperEventReEmitter(e){this.emittedElement=e.detail}getMenuIconWrapper(){return this.emittedElement}handleClassList(e,t,r){e.classList[t](r)}closeDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu();const t=this.getMenuIconWrapper();this.handleClassList(e,"remove","open");this.handleClassList(t,"remove","show")}}toggleDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu();const t=this.getMenuIconWrapper();this.handleClassList(e,"toggle","open");this.handleClassList(t,"toggle","show")}}isDropdownMenuOpen(){const e=this.getDropdownMenu();return this.hasDropdownMenu&&e&&e.classList.contains("open")}handleLastItem(){const e=this.el.closest("ifx-breadcrumb").querySelectorAll("ifx-breadcrumb-item");if(this.el===e[e.length-1]){this.isLastItem=true}else this.isLastItem=false}generateUniqueId(e="id"){return`${e}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){if(!this.uniqueId){this.uniqueId=this.generateUniqueId("breadcrumb-dropdown")}this.handleLastItem()}componentDidUpdate(){this.handleLastItem()}componentWillRender(){this.setHasDropdownMenuState()}setHasDropdownMenuState(){const e=this.getIfxDropdownMenuComponent();if(e){this.hasDropdownMenu=!!e}}getIfxDropdownMenuComponent(){const e=this.el.querySelector("ifx-dropdown-menu");return e}componentDidLoad(){const e=this.getIfxDropdownMenuComponent();if(!this.hasDropdownMenu){const e=this.getMenuIconWrapper();this.handleClassList(e,"toggle","hide")}else{e.isOpen=true}}render(){return t("li",{key:"a089ea29fc59af41abc50c33749e5ae1b10ca676",class:"breadcrumb-parent","aria-current":`${this.isLastItem?"page":""}`},t("li",{key:"f4b3fb7d67b7dee11607194a6193cd55f3f80963",role:"button",tabindex:this.hasDropdownMenu?0:-1,class:"breadcrumb-wrapper",onClick:()=>this.toggleDropdownMenu(),"aria-controls":this.uniqueId,"aria-haspopup":"menu","aria-label":"Toggle dropdown menu"},t("slot",{key:"5b6b54e8d95d2378e12a4ce891a1ce3c0ab4fa57",name:"label"}),t("div",{key:"073d8a8be471e4b7fc2e9082026a19ada1c30d17",id:this.uniqueId,class:"dropdown-menu","aria-expanded":this.isDropdownMenuOpen(),"aria-label":"Dropdown menu"},t("slot",{key:"e40bed7c7686a96ffaf6b560b32215c5dd65e26b"}))),!this.isLastItem&&t("span",{key:"1b992e7d60c09a445146be12f0cc06aa7ef40dc0",class:"breadcrumb-divider","aria-hidden":"true"},"/"))}get el(){return r(this)}};n.style=i;export{n as ifx_breadcrumb_item};
-//# sourceMappingURL=p-3f29b8fd.entry.js.map

package/dist/infineon-design-system-stencil/p-3f3a5140.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,a as s}from"./p-DtIEDtZ8.js";import{d as a,t as r}from"./p-DcmcuUOA.js";import{i as n}from"./p-Bw2fh5LT.js";const h=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}:host{display:block}.left-icon,.right-icon,.left-text,.right-text,.percentage-display{font-size:0.875rem;color:#575352;margin-left:8px}.left-icon.disabled,.right-icon.disabled,.left-text.disabled,.right-text.disabled,.percentage-display.disabled{color:#BFBBBB}.left-icon,.left-text{margin-right:8px}.right-icon,.right-text,.percentage-display{margin-left:8px}.ifx-slider{display:flex;align-items:center;padding:2px 16px;border-radius:9999px}.ifx-slider input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right, #0A8276 0%, #0A8276 var(--value-percent, 0%), #EEEDED var(--value-percent, 0%), #EEEDED 100%);outline:none;cursor:pointer;transition:0.2s}.ifx-slider input[type=range]:focus-visible{outline:2px solid #0A8276;outline-offset:4px}.ifx-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0A8276;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0A8276;border-radius:50%;cursor:pointer;transition:box-shadow 0.2s}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:hover{background:#08665C}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:active{background:#06534B}.ifx-slider input[type=range]:disabled{background:#BFBBBB;cursor:default}.ifx-slider input[type=range]:disabled::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#BFBBBB;border-radius:50%;cursor:default}.ifx-slider .range-slider__wrapper{position:relative;width:100%;height:4px;display:flex;align-items:center;justify-content:center;margin:0px 2px;background:linear-gradient(to right, #EEEDED 0%, #EEEDED var(--min-value-percent, 100%), #0A8276 var(--min-value-percent, 100%), #0A8276 var(--max-value-percent, 100%), #EEEDED var(--max-value-percent, 100%), #EEEDED 100%)}.ifx-slider .range-slider__wrapper:has(input[type=range]:disabled){background:#BFBBBB}.ifx-slider .range-slider__wrapper input[type=range]{position:absolute;pointer-events:none;background:none}.ifx-slider .range-slider__wrapper input[type=range]:focus-visible{outline:2px solid #0A8276;outline-offset:4px}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-ms-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;border:none;background:none;width:100%}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-track{-webkit-appearance:none;border:none;background:none;width:100%}";const l=class{constructor(t){e(this,t);this.ifxChange=i(this,"ifxChange",7);this.min=0;this.max=100;this.step=1;this.disabled=false;this.showPercentage=false;this.type="single";this.internalValue=0;this.percentage=0;this.internalMinValue=0;this.internalMaxValue=100}valueChanged(e){this.internalValue=e;this.updateValuePercent()}minValueChanged(e){this.internalMinValue=e;this.updateValuePercent()}maxValueChanged(e){this.internalMaxValue=e;this.updateValuePercent()}getRangeSliderWrapper(){const e=this.el.shadowRoot.querySelector(".range-slider__wrapper");return e}handleInputChangeOfRangeSlider(e){const i=e.target;if(parseFloat(this.maxInputRef.value)-parseFloat(this.minInputRef.value)<=0){if(i.id==="max-slider"){this.maxInputRef.value=this.minInputRef.value}else{this.minInputRef.value=this.maxInputRef.value}}if(i.id==="max-slider"){this.internalMaxValue=parseFloat(this.maxInputRef.value)}else{this.internalMinValue=parseFloat(this.minInputRef.value)}this.ifxChange.emit({minVal:this.internalMinValue,maxVal:this.internalMaxValue});this.updateValuePercent();this.updateZIndexIfRangeSlider(i.id)}handleOnMouseLeaveOfRangeSlider(e){const i=e.target;const t=this.getRangeSliderWrapper();if(i.id==="max-slider"){t.insertBefore(this.maxInputRef,this.minInputRef)}else{t.insertBefore(this.minInputRef,this.maxInputRef)}}calculatePercentageValue(){const e=(this.internalValue-this.min)*1;const i=this.max-this.min;this.percentage=+parseFloat(String(e/i*100)).toFixed(2)}handleInputChange(e){const i=e.target;this.internalValue=parseFloat(i.value);this.ifxChange.emit(this.internalValue);this.calculatePercentageValue();this.updateValuePercent()}roundToValidStep(e){const i=e-this.min;const t=i%this.step;if(t>=this.step/2){return this.min+i+(this.step-t)}else{return this.min+i-t}}updateValuePercent(){const e=this.max-this.min;if(this.type==="double"){if(this.minInputRef){const i=(this.roundToValidStep(this.internalMinValue)-this.min)*1;const t=i/e*100;this.minInputRef.parentElement.style.setProperty("--min-value-percent",`${t}%`)}if(this.maxInputRef){const i=(this.roundToValidStep(this.internalMaxValue)-this.min)*1;const t=i/e*100;this.maxInputRef.parentElement.style.setProperty("--max-value-percent",`${t}%`)}}else{if(this.inputRef){const e=(this.roundToValidStep(this.internalValue)-this.min)*1;const i=this.max-this.min;const t=e/i*100;this.inputRef.style.setProperty("--value-percent",`${t}%`)}}}updateZIndexIfRangeSlider(e=""){if(e==="max-slider"){this.minInputRef.style.zIndex="1";this.maxInputRef.style.zIndex="2"}else{this.minInputRef.style.zIndex="2";this.maxInputRef.style.zIndex="1"}}componentWillLoad(){if(this.value===undefined){this.internalValue=(this.max-this.min)/2}else{this.internalValue=Math.max(this.min,Math.min(this.max,this.value))}this.calculatePercentageValue();if(this.minValueHandle!==undefined)this.internalMinValue=this.minValueHandle;else this.internalMinValue=this.min;if(this.maxValueHandle!==undefined)this.internalMaxValue=this.maxValueHandle;else this.internalMaxValue=this.max}async componentDidLoad(){if(!n(this.el)){const e=a();r("ifx-slider",await e)}this.updateValuePercent()}render(){return t("div",{key:"7c2fc0dc17ed791dacc5560aac54f45349b4364a",class:"ifx-slider"},this.leftText&&t("span",{key:"be18da410feb261f214532e2701fa2ed1c44ac29",class:`left-text`},this.leftText),this.leftIcon&&t("ifx-icon",{key:"591213f83f1b1b812068f380876fe50d501ae5b1",icon:this.leftIcon,class:`left-icon${this.disabled?" disabled":""}`}),this.type!=="double"?t("input",{type:"range",min:this.min,max:this.max,step:this.step,value:this.internalValue,disabled:this.disabled,ref:e=>this.inputRef=e,onInput:e=>this.handleInputChange(e),"aria-label":"Slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.internalValue,"aria-disabled":this.disabled?"true":"false"}):t("div",{class:"range-slider__wrapper","aria-label":this.ariaLabel,role:"group"},t("input",{id:"min-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMinValue,disabled:this.disabled,ref:e=>this.minInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e),"aria-label":"Minimum value slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.internalMinValue,"aria-disabled":this.disabled?"true":"false"}),t("input",{id:"max-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMaxValue,disabled:this.disabled,ref:e=>this.maxInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e),"aria-label":"Maximum value slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.internalMaxValue,"aria-disabled":this.disabled?"true":"false"})),this.rightIcon&&t("ifx-icon",{key:"1ff17b510af51491c4f5bb56d52f8f717ba681ef",icon:this.rightIcon,class:`right-icon${this.disabled?" disabled":""}`}),this.rightText&&t("span",{key:"50ba85011187c8a8d630a40cb1c179243c8b9aa6",class:`right-text${this.disabled?" disabled":""}`},this.rightText),this.showPercentage&&this.type!=="double"&&t("span",{key:"5311446f7bd5cd7c1ffc72f8c6f720a421983485",class:`percentage-display${this.disabled?" disabled":""}`},this.percentage,"%"))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"],minValueHandle:["minValueChanged"],maxValueHandle:["maxValueChanged"]}}};l.style=h;export{l as ifx_slider};
-//# sourceMappingURL=p-3f3a5140.entry.js.map

package/dist/infineon-design-system-stencil/p-4016e7cf.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,a as r}from"./p-DtIEDtZ8.js";import{d as e,t as a}from"./p-DcmcuUOA.js";import{i}from"./p-Bw2fh5LT.js";const o=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}:host{display:flex;width:100%}.progress-bar{height:16px;bottom:0;right:0;top:0;left:0;display:flex;height:20px;border-radius:1px;width:100%;overflow:hidden;background-color:#EEEDED;font-family:var(--ifx-font-family)}.progress-bar.s{height:4px}.progress-bar .label{font-style:normal;font-size:0.875rem;font-weight:400;line-height:1.25rem;color:#FFFFFF}.progress-bar .progress{display:flex;align-items:center;justify-content:center;min-width:fit-content;height:100%;background-color:#0A8276;transition:width 0.2s ease}";const l=class{constructor(t){s(this,t);this.value=0;this.showLabel=false}valueChanged(s,t){if(s!==t){this.internalValue=s}}componentWillLoad(){this.internalValue=this.value}async componentDidLoad(){if(!i(this.el)){const s=e();a("ifx-progress-bar",await s)}}render(){return t("div",{key:"06b7b6b58ce9daa516fa16fbb41d41ccf53a1904",role:"progressbar","aria-valuenow":this.internalValue,"aria-valuemin":"0","aria-valuemax":"100","aria-label":`Progress: ${this.internalValue}%`,class:`progress-bar ${this.size}`},t("div",{key:"81819666cb90f1511cfa03bbb125e76c69bef5cf",class:"progress",style:{width:`${this.internalValue}%`}},this.showLabel&&this.size!=="s"&&this.internalValue!==0&&t("span",{key:"29a371be17682cca7cc5b899122239b1b88481c6",class:"label"},`${this.internalValue}%`)))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};l.style=o;export{l as ifx_progress_bar};
-//# sourceMappingURL=p-4016e7cf.entry.js.map

package/dist/infineon-design-system-stencil/p-412f510b.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,a as t}from"./p-DtIEDtZ8.js";const i=':root{--ifx-font-family:"Source Sans 3", \'Arial, sans-serif\'}:host{position:relative;display:var(--ifx-sidebar-title-display, block)}:host([data-show-in-collapsed=true]){display:var(--ifx-sidebar-title-show-in-collapsed-display, block)}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:var(--ifx-sidebar-title-padding, 12px 0)}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px;display:var(--ifx-sidebar-title-label-display, block)}';const s=class{constructor(a){e(this,a);this.showInCollapsed=false}componentWillLoad(){this.el.setAttribute("data-show-in-collapsed",this.showInCollapsed.toString())}render(){return a("div",{key:"d3aecfe3f2a5d62f265267cda82bcf7c0dd6aad3",class:"sidebar__title"},a("div",{key:"e8b6d50f2d7cb7e622f6c533a745f64b0a1122d9",class:"sidebar__title-label"},a("slot",{key:"8c2ebf5d135bada72543aaae04ec61ca120977cb"})))}get el(){return t(this)}};s.style=i;export{s as ifx_sidebar_title};
-//# sourceMappingURL=p-412f510b.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as a,h as t,a as e}from"./p-DtIEDtZ8.js";import{d as r,t as o}from"./p-DcmcuUOA.js";import{i as n}from"./p-Bw2fh5LT.js";const s=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}:host{display:flex}.breadcrumb{list-style:none;padding:0px;margin:0px;display:flex;flex-direction:row;font-family:var(--ifx-font-family);font-size:0.875rem;align-items:flex-start}";const i=class{constructor(t){a(this,t)}async componentDidLoad(){if(!n(this.el)){const a=r();o("ifx-breadcrumb",await a)}const a=this.el.shadowRoot.firstChild;this.validateBreadcrumbItemStructure(a)}validateBreadcrumbItemStructure(a){if(!a){console.error("element not found");return}const t=a.querySelector("slot");if(t){const a=t.assignedNodes();for(let t=0;t<a.length;t++){const e=a[t];if(e.nodeName==="IFX-BREADCRUMB-ITEM"){const a=e;const t=a.querySelector("ifx-breadcrumb-item-label");const r=a.querySelector("ifx-dropdown-menu");if(t.hasAttribute("href")&&r){throw new Error("ifx-breadcrumb-item cannot have both a href and a dropdown menu.")}}}}}render(){return t("nav",{key:"edf76204e96413a39d1a543735bbb0a2530d8348","aria-label":"Page navigation breadcrumb"},t("ol",{key:"1b64075586076eb4f6ca73cf41202a52a180d1c3",class:"breadcrumb"},t("slot",{key:"352a0be161eb7b0ab45bdbbb59d023bd9da6ff73"})))}get el(){return e(this)}};i.style=s;export{i as ifx_breadcrumb};
-//# sourceMappingURL=p-43943864.entry.js.map

package/dist/infineon-design-system-stencil/p-453bd9bd.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-DtIEDtZ8.js";const r=':root{--ifx-font-family:"Source Sans 3", \'Arial, sans-serif\'}.step-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:8px;font:400 1rem/1.5rem "Source Sans 3"}.step-wrapper.vertical{flex-direction:row;gap:12px;width:unset;height:100%}.step-wrapper.vertical .step-icon-wrapper{flex-direction:column;width:unset;height:100%}.step-wrapper.compact{gap:0;max-width:100%}.step-wrapper.compact .step-label{max-width:100%;cursor:auto;align-self:flex-start;color:#575352}.step-wrapper.compact.indicator-left{align-items:flex-end;text-align:right}.step-wrapper.compact.indicator-right{align-items:flex-start}.step-wrapper .step-label{max-width:90%;color:#BFBBBB;word-wrap:break-word}.step-wrapper .step-label.curr-label{font:600 1.25rem/1.75rem "Source Sans 3"}.step-wrapper .step-label:focus{outline:2px solid #0A8276;outline-offset:2px}.step-wrapper .step-label.next-label{font:400 0.75rem/1rem "Source Sans 3"}.step-wrapper .step-label :hover{color:#BFBBBB}.step-wrapper.first-step .step-connector-l{height:0px}.step-wrapper.last-step .step-connector-r{height:0px}.step-wrapper.vertical.first-step .step-connector-l,.step-wrapper.vertical.last-step .step-connector-r{width:0px}.step-wrapper.complete .step-connector-l,.step-wrapper.complete .step-connector-r,.step-wrapper.complete .step-icon{background:#0A8276}.step-wrapper.complete .step-connector-l.active,.step-wrapper.complete .step-connector-l.error,.step-wrapper.complete .step-connector-r.active,.step-wrapper.complete .step-connector-r.error,.step-wrapper.complete .step-icon.active,.step-wrapper.complete .step-icon.error{background:#BFBBBB}.step-wrapper.complete:not(.disabled) .step-label{cursor:pointer;color:#1D1D1D}.step-wrapper.complete:not(.disabled) .step-label :hover{color:#08665C}.step-wrapper.disabled .step-connector-l,.step-wrapper.disabled .step-connector-r,.step-wrapper.disabled .step-icon{background-color:#BFBBBB}.step-wrapper.disabled .step-label,.step-wrapper.disabled .step-label :hover{color:#BFBBBB}.step-wrapper.active .step-connector-l,.step-wrapper.active .step-connector-r,.step-wrapper.active .step-icon{background:#0A8276}.step-wrapper.active .step-connector-l.active,.step-wrapper.active .step-connector-l.error,.step-wrapper.active .step-connector-r.active,.step-wrapper.active .step-connector-r.error,.step-wrapper.active .step-icon.active,.step-wrapper.active .step-icon.error{background:#BFBBBB}.step-wrapper.active .step-label,.step-wrapper.active .step-label :hover{color:#1D1D1D}.step-wrapper.active.complete .step-label{cursor:auto}.step-wrapper.clickable:not(.active) .step-label{cursor:pointer}.step-wrapper.error:not(.active){color:#CD002F}.step-wrapper.error:not(.active) .step-label{color:#CD002F}.step-wrapper.error:not(.active) .step-label :hover{color:#0A8276}.step-wrapper.disabled .step-label{cursor:auto}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon{background:#08665C}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.error{background:#BFBBBB}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-label{color:#08665C}.active-indic{width:16px;height:16px;border-radius:9999px;background:white}.step-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.step-icon{width:24px;height:24px;background-color:#BFBBBB;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:white}.step-connector-r,.step-connector-l{height:2px;min-width:40px;flex-grow:1;background-color:#BFBBBB}.vertical .step-connector-r,.vertical .step-connector-l{height:unset;min-width:unset;width:2px;min-height:40px}';const p=class{constructor(t){e(this,t);this.complete=false;this.disabled=false;this.error=false;this.lastStep=false;this.stepId=1;this.stepperState={activeStep:1,showStepNumber:false,variant:"default",indicatorPosition:"left"};this.clickable=false}onStepChange(e){const t=e.detail.previousActiveStep;if(t===this.stepId&&this.error){this.clickable=true}}updateCurrentStep(e){this.active=e.activeStep===this.stepId}updateErrorState(){if(this.active){this.error=false}}handleStepClick(){if(!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)){this.stepperState.setActiveStep(this.stepId,true)}}handleStepKeyDown(e){if(!this.disabled&&this.stepperState.variant!=="compact"&&(this.clickable||this.complete)&&e.key==="Enter"){this.stepperState.setActiveStep(this.stepId,true)}}stopOnClickPropogation(e){if(this.disabled){e.stopPropagation()}}render(){return t("div",{key:"9a603ade945d1020bcba53fa85777a27f08f7df1","aria-current":this.active?"step":false,"aria-disabled":this.active||this.complete?false:true,onClick:e=>this.stopOnClickPropogation(e),class:`step-wrapper ${this.stepId===1?"first-step":""} \n                        ${this.error?"error":""}\n                        ${this.stepperState.variant}\n                        ${this.complete?"complete":""}\n                        ${this.lastStep?"last-step":""}\n                        indicator-${this.stepperState.indicatorPosition}\n                        ${this.active?"active":""}\n                        ${this.clickable?"clickable":""}\n                        ${this.disabled?"disabled":""}`},t("div",{key:"ec1bdd77edfd87f066df44db5f3f0e115b3f7a67",class:"step-icon-wrapper"},this.stepperState.variant!=="compact"&&t("span",{key:"46ae721e9ba89b6f561540d6228b4928d74522a0",class:"step-connector-l"}),this.stepperState.variant!=="compact"&&(!this.error||this.error&&this.active)&&t("div",{key:"e168325daeff9ca6b2ff4e045bce5ec974e9c5d5",class:"step-icon"},this.stepperState.showStepNumber&&!this.complete&&!this.active?this.stepId:"",this.complete&&!this.active&&t("ifx-icon",{key:"4eb3de9575a8704f0ed7e1ade9ccae31ea59c572",icon:"check16"}),this.active&&t("span",{key:"c0c554eaae6a28783a4597633e4c60dbe14c0fda",class:"active-indic"})),this.stepperState.variant!=="compact"&&this.error&&!this.active&&t("ifx-icon",{key:"1b27252ddf3369c3732e7b40786645ec2720d8bb",icon:"warningF16"}),this.stepperState.variant!=="compact"&&t("span",{key:"38bf07c39837ed4f77de59c44a2a32fbdb069439",class:`step-connector-r ${this.active?"active":""}`})),(this.stepperState.variant!=="compact"||this.stepperState.variant==="compact"&&(this.active||this.stepId===this.stepperState.activeStep+1))&&t("div",{key:"f13581114efa81deaeecd38ffe27b14d1d3dcc87",tabIndex:!this.disabled&&this.complete&&!this.active?0:-1,class:`step-label ${this.stepperState.variant==="compact"?this.active?"curr-label":"next-label":""}`,onClick:()=>{this.handleStepClick()},onKeyDown:e=>{this.handleStepKeyDown(e)}},this.stepperState.variant!=="compact"&&t("slot",{key:"6accb517e6d561549759a3a723c4c24b1729e80a"}),this.stepperState.variant==="compact"&&!this.active?"Next: ":"",this.stepperState.variant==="compact"&&t("slot",{key:"c6960ab0dd25316c6407433ecad376b66b47d28c"})))}static get watchers(){return{stepperState:["updateCurrentStep"],active:["updateErrorState"]}}};p.style=r;export{p as ifx_step};
-//# sourceMappingURL=p-453bd9bd.entry.js.map

package/dist/infineon-design-system-stencil/p-4850e2df.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,a as i}from"./p-DtIEDtZ8.js";import{d as o,t as r}from"./p-DcmcuUOA.js";import{i as s}from"./p-Bw2fh5LT.js";const c=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.checkbox-group-container{display:flex;flex-direction:column}.checkbox-group{display:flex;gap:8px}.checkbox-group.horizontal{flex-direction:row;column-gap:12px}.checkbox-group.vertical{flex-direction:column;row-gap:12px}.group-label{font-size:1rem;color:#1D1D1D;line-height:1.5rem;font-weight:400;margin-bottom:8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.group-label .required{color:#575352;margin-left:4px}.group-label .required.error{color:#CD002F}.caption{margin-top:8px;align-self:flex-start;display:flex;width:100%;column-gap:8px;justify-content:space-between;align-items:center}.caption.default{color:#1D1D1D}.caption.error{color:#CD002F}.caption-text{font-weight:400;font-size:0.75rem;line-height:1rem;flex:1;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption-icon{flex:0;display:flex}";const a=class{constructor(t){e(this,t);this.errorStates=new Map;this.alignment="vertical";this.groupLabelText="Group Label Text";this.required=false;this.hasErrors=false;this.handleSlotChange=()=>{this.initializeState()}}handleCheckboxError(e){const t=e.target;if(t.tagName.toLowerCase()==="ifx-checkbox"){this.errorStates.set(t,e.detail);this.updateHasErrors()}}async setGroupError(e){const t=Array.from(this.el.querySelectorAll("ifx-checkbox"));t.forEach((t=>{t.error=e}))}componentWillLoad(){this.initializeState()}async componentDidLoad(){if(!s(this.el)){const e=o();r("ifx-checkbox-group",await e)}}initializeState(){this.errorStates.clear();const e=Array.from(this.el.querySelectorAll("ifx-checkbox"));e.forEach((e=>{if(!this.errorStates.has(e)){this.errorStates.set(e,e.error||false)}}));this.updateHasErrors()}updateHasErrors(){this.hasErrors=Array.from(this.errorStates.values()).some((e=>e))}render(){return t("div",{key:"c9424a54db6fcce412275bea3e584b6985cf6479",class:"checkbox-group-container"},this.showGroupLabel&&t("div",{key:"9ebd83b86b4be4de0107edeae3101cd64915e6b1",class:"group-label"},this.groupLabelText,this.required&&t("span",{key:"d83004ec7fc85d23453db833e4b87748be2d088f",class:`required ${this.hasErrors?"error":""}`},"*")),t("div",{key:"647c87572ee92805df964c05b59f59886592c273",class:`checkbox-group ${this.alignment} ${this.size}`},t("slot",{key:"2ed8287636dda53576fd27440ae9d99b569951d8",onSlotchange:this.handleSlotChange})),this.showCaption?t("div",{class:`caption ${this.hasErrors?"error":"default"}`},this.showCaptionIcon?t("div",{class:"caption-icon"},t("ifx-icon",{icon:"c-info-16"})):"",t("div",{class:"caption-text"},this.captionText)):"")}get el(){return i(this)}};a.style=c;export{a as ifx_checkbox_group};
-//# sourceMappingURL=p-4850e2df.entry.js.map

package/dist/infineon-design-system-stencil/p-4afddabf.entry.js

@@ -1,2 +0,0 @@
-import{r,h as s}from"./p-DtIEDtZ8.js";const t=":host{display:inline-block;cursor:pointer}";const o=class{constructor(s){r(this,s);this.isOpen=false}render(){return s("slot",{key:"39ffc845865675f32133ee990db668ed0e6264dd"})}};o.style=t;export{o as ifx_dropdown_trigger};
-//# sourceMappingURL=p-4afddabf.entry.js.map

package/dist/infineon-design-system-stencil/p-4c846056.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,a}from"./p-DtIEDtZ8.js";import{d as s,t as r}from"./p-DcmcuUOA.js";const o=':root{--ifx-font-family:"Source Sans 3", \'Arial, sans-serif\'}:host{height:100%;display:inline-flex}.sidebar__container{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:flex-start;padding:0px;background-color:#FFFFFF;border-right:1px solid #EEEDED;width:264px;height:100%;font-family:var(--ifx-font-family)}.sidebar__container--collapsed{width:48px}.sidebar__container--collapsed .sidebar__hide-menu,.sidebar__container--collapsed .sidebar__nav-bar,.sidebar__container--collapsed .sidebar__nav-container{padding:12px 8px !important}.sidebar__container--collapsed .sidebar__nav-bar-logo-text,.sidebar__container--collapsed .sidebar__hide-menu-text{display:none !important}.sidebar__container--collapsed .sidebar__footer-container{display:none !important}.sidebar__container--collapsed .sidebar__nav-bar .sidebar__nav-bar-logo svg{width:32px !important;height:auto !important}.sidebar__container--collapsed .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{display:none !important}.sidebar__container--collapsed .sidebar__hide-menu{padding:12px 16px;justify-content:center}.sidebar__container .sidebar__top-container{display:flex;flex-direction:column;align-items:center;padding:0px;flex:1 1 auto;order:0;z-index:0;width:100%;overflow-y:auto}.sidebar__container .sidebar__top-container .sidebar__nav-bar{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;background-color:#FFFFFF;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img svg{width:91px;height:40px}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{font-style:normal;font-weight:600;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__top-container .sidebar__nav-container{scrollbar-gutter:stable;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;flex:1 1 auto;order:1;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-container ::slotted(*){width:100%}.sidebar__container .sidebar__footer-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0px 32px;flex:none;order:1;align-self:stretch;flex-grow:1;z-index:1}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0px;gap:16px;border-top:1px solid #EEEDED;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links{display:flex;align-items:flex-start;padding:0px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;flex-wrap:wrap}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a{font:400 0.875rem/1.25rem "Source Sans 3";display:flex;text-decoration:none;align-items:center;color:#1D1D1D;flex:none;flex-grow:0}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:hover{color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:focus{outline:none;color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links{display:flex;flex-direction:column;align-items:center}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span{font:400 0.875rem/1.25rem "Source Sans 3";text-decoration:none;color:#575352;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span:hover{cursor:initial}.sidebar__container .sidebar__hide-menu{display:flex;align-items:center;padding:12px 32px;box-sizing:border-box;width:100%;cursor:pointer;border-top:1px solid #EEEDED;border-bottom:1px solid #EEEDED;background-color:#FFFFFF;gap:16px}.sidebar__container .sidebar__hide-menu:hover{background-color:#F7F7F7}.sidebar__container .sidebar__hide-menu:focus{outline:2px solid #0A8276;outline-offset:-2px}.sidebar__container .sidebar__hide-menu-icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.sidebar__container .sidebar__hide-menu-icon ifx-icon{width:16px;height:16px;color:#1D1D1D}.sidebar__container .sidebar__hide-menu-text{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1D1D1D}';const n="active";const d="active-section";const c=".sidebar__nav-item";const l=class{constructor(t){e(this,t);this.ifxSidebarCollapseChange=i(this,"ifxSidebarCollapseChange",7);this.applicationName="";this.initialCollapse=true;this.showFooter=true;this.showHeader=true;this.termsOfUse="#";this.imprint="#";this.privacyPolicy="#";this.target="_blank";this.currentYear=(new Date).getFullYear();this.copyrightText="© 1999 - "+this.currentYear+" Infineon Technologies AG";this.internalTermsofUse="";this.internalImprint="";this.internalPrivacyPolicy="";this.internalShowFooter=true;this.activeItem=null;this.collapsible=false;this.collapsed=false;this.hideMenuLabel="Hide Menu";this.isCollapsed=false;this.handleHideMenuClick=()=>{this.toggleCollapse()};this.handleHideMenuKeyDown=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();this.toggleCollapse()}}}expandActiveItems(){const e=async i=>{if(await i.isItemExpandable()!==true){if(i.active)return 1;return 0}let t=0;const a=this.getSidebarMenuItems(i);for(let i=0;i<a.length;i++){t=Math.max(t,await e(a[i]))}if(t>0){if(t==1){i.expandMenu(false)}else{i.expandMenu(true)}}return t?t+1:0};const i=this.getSidebarMenuItems(this.el);for(let t=0;t<i.length;t++){e(i[t])}}adjustTopBorder(){const e=this.el.children;if(!e.length)return;if(e[0].tagName==="IFX-SIDEBAR-TITLE"){e[0].shadowRoot.querySelector(".sidebar__title").classList.add("no-top-border")}if(e[0].tagName==="IFX-SIDEBAR-ITEM"&&e[0].shadowRoot.querySelector("div > a").classList.contains("header__section")){e[0].shadowRoot.querySelector("div > a").classList.add("no-top-border")}const i=this.el.querySelectorAll("ifx-sidebar-title");i.forEach((e=>{const i=e.nextElementSibling;if(i&&i.tagName==="IFX-SIDEBAR-ITEM"&&i.shadowRoot.querySelector("div > a").classList.contains("header__section")){i.shadowRoot.querySelector("div > a").classList.add("no-top-border")}}))}async addPaddingToTheLastItem(e){const i=this.getSidebarMenuItems(e);for(let e=0;e<i.length;e++){const t=i[e];const a=this.getNavItem(t.shadowRoot);const s=await t.isItemExpandable();if(s){this.addPaddingToTheLastItem(t)}if(e===i.length-1){this.handleClassList(a,"add","extra-padding__bottom")}}}async adjustItemsPadding(){const e=this.el.children;if(e.length===0)return;if(e[0].tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){const i=e[0].isItemExpandable();if(i){this.addPaddingToTheLastItem(e[0])}}for(let i=1;i<e.length;i++){const t=e[i];const a=e[i-1];const s=this.getNavItem(a.shadowRoot);if(t.tagName.toUpperCase()==="IFX-SIDEBAR-TITLE"){if(a.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&s&&!this.handleClassList(s,"contains","header__section")){this.handleClassList(s,"add","extra-padding__bottom")}}else if(t.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){const e=this.getNavItem(t.shadowRoot);if(a.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&s&&!this.handleClassList(s,"contains","header__section")&&this.handleClassList(e,"contains","header__section")){this.handleClassList(s,"add","extra-padding__bottom")}const i=await t.isItemExpandable();if(i){this.addPaddingToTheLastItem(t)}}}}async componentDidLoad(){const e=s();r("ifx-sidebar",await e);this.adjustTopBorder();this.setInitialActiveItem();if(!this.initialCollapse){this.expandActiveItems()}this.adjustItemsPadding();this.applyActiveSectionToParent(this.el);if(this.isCollapsed){this.updateCollapsedState()}}getSidebarMenuItems(e=this.el){var i;const t=e.querySelectorAll("ifx-sidebar-item");if(t.length===0){return(i=e.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll("ifx-sidebar-item")}return t}setInitialActiveItem(){const e=i=>{const t=this.getSidebarMenuItems(i);let a=false;t===null||t===void 0?void 0:t.forEach((i=>{if(this.isActive(i)&&!a){a=true;this.handleBorderIndicatorDisplacement(i)}else if(this.isActive(i)&&a){i.setAttribute("active","false")}if(this.hasChildren(i.shadowRoot)&&!this.hasActiveChild(i.shadowRoot)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)&&this.isOpen(i.shadowRoot)&&this.containsActiveSection(i)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)){e(i.shadowRoot)}}))};const i=this.getSidebarMenuItems(this.el);i.forEach(e)}handleClassList(e,i,t){e.classList[i](t);if(i==="contains"){return e.classList.contains(t)}}getActiveItemSection(e){return this.getNavItem(e.shadowRoot)}getNavItem(e){return e===null||e===void 0?void 0:e.querySelector(".sidebar__nav-item")}hasChildren(e){return(e===null||e===void 0?void 0:e.querySelector(".item__arrow-wrapper"))!==null?true:false}handleBorderIndicatorDisplacement(e){const i=t=>{const a=this.isActive(t)||t===e;if(a){const e=this.getActiveItemSection(t);const i=this.hasChildren(e);if(i){this.handleClassList(e,"add","active-section")}}const s=this.getSidebarMenuItems(t);s.forEach(i)};const t=this.getSidebarMenuItems(this.el);t.forEach(i)}removeActiveClassesRecursively(){const e=i=>{const t=this.querySidebarItems(i);t.forEach((i=>{const t=i.shadowRoot.querySelector(c);t.classList.remove(d);t.classList.remove(n);if(i.getAttribute("active")){i.setAttribute("active","false")}e(i.shadowRoot)}))};e(this.el);if(this.activeItem){this.activeItem.setAttribute("active","false")}this.activeItem=null}hasActiveChild(e){const i=this.getSidebarMenuItems(e);if(i){for(let e of i){if(this.isActive(e)){return true}else if(this.hasChildren(e.shadowRoot)){if(this.hasActiveChild(e.shadowRoot)){return true}}}}return false}handleSidebarItemInteraction(e){const i=e.detail;if(!this.hasChildren(i.shadowRoot)||this.hasActiveChild(i.shadowRoot)){this.handleBorderIndicatorDisplacement(i)}if(this.hasChildren(i.shadowRoot)&&!this.hasActiveChild(i.shadowRoot)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)&&this.isOpen(i.shadowRoot)&&this.containsActiveSection(i)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}}isOpen(e){return this.getNavItem(e).classList.contains("open")?true:false}containsActiveSection(e){const i=this.getSidebarMenuItems(e);for(let e of i){if(this.getNavItem(e.shadowRoot).classList.contains("active-section")||this.hasChildren(e.shadowRoot)&&this.containsActiveSection(e.shadowRoot)){this.handleClassList(e,"add","active-section");return true}}return false}applyActiveSectionToParent(e){const i=this.getSidebarMenuItems(e);i===null||i===void 0?void 0:i.forEach((e=>{if(this.hasActiveChild(e.shadowRoot)){const i=this.getActiveItemSection(e);this.handleClassList(i,"add","active-section")}this.applyActiveSectionToParent(e.shadowRoot)}))}querySidebarItems(e){return e.querySelectorAll("ifx-sidebar-item")}isActive(e){const i=e.getAttribute("active");const t=i==="true";return t}handleSidebarItemActivated(e){this.removeActiveClassesRecursively();this.activeItem=e.detail;this.activeItem.setAttribute("active","true");const i=this.getNavItem(e.detail.parentElement.parentElement.parentElement);if(i){this.handleClassList(i,"add","active-section")}}componentWillLoad(){this.internalTermsofUse=this.termsOfUse.trim();this.internalPrivacyPolicy=this.privacyPolicy.trim();this.internalImprint=this.imprint.trim();this.internalShowFooter=this.showFooter;if(this.internalShowFooter&&!this.internalImprint&&!this.internalPrivacyPolicy&&!this.internalTermsofUse&&!this.copyrightText){this.internalShowFooter=false}this.isCollapsed=Boolean(this.collapsed)}handleCollapsibleChange(e){this.forceUpdate()}forceUpdate(){var e,i;((i=(e=this.el).forceUpdate)===null||i===void 0?void 0:i.call(e))||this.el.setAttribute("data-force-update",Date.now().toString())}async toggleCollapse(){this.isCollapsed=!this.isCollapsed;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}async collapse(){this.isCollapsed=true;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}async expand(){this.isCollapsed=false;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}handleCollapsedPropChange(e){this.isCollapsed=e;this.updateCollapsedState();this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}updateCollapsedState(){if(this.isCollapsed){this.el.style.setProperty("--ifx-sidebar-item-text-display","none");this.el.style.setProperty("--ifx-sidebar-item-without-icon-display","none");this.el.style.setProperty("--ifx-sidebar-title-display","none");this.el.style.setProperty("--ifx-sidebar-title-show-in-collapsed-display","block");this.el.style.setProperty("--ifx-sidebar-title-label-display","none");this.el.style.setProperty("--ifx-sidebar-title-padding","0");this.el.style.setProperty("--ifx-sidebar-item-flex-direction","column");this.setSidebarItemAttributes(true)}else{this.el.style.removeProperty("--ifx-sidebar-item-text-display");this.el.style.removeProperty("--ifx-sidebar-item-without-icon-display");this.el.style.removeProperty("--ifx-sidebar-title-display");this.el.style.removeProperty("--ifx-sidebar-title-show-in-collapsed-display");this.el.style.removeProperty("--ifx-sidebar-title-label-display");this.el.style.removeProperty("--ifx-sidebar-title-padding");this.el.style.removeProperty("--ifx-sidebar-item-flex-direction");this.setSidebarItemAttributes(false)}}setSidebarItemAttributes(e){const i=this.el.querySelectorAll("ifx-sidebar-item");i.forEach((i=>{if(e){i.setAttribute("data-sidebar-collapsed","true");if(!i.icon){i.setAttribute("data-hide-in-collapsed","true")}}else{i.removeAttribute("data-sidebar-collapsed");i.removeAttribute("data-hide-in-collapsed")}}))}render(){return t("div",{key:"8fbfe43e9a62da8befd2e3008691ed98bda33d37","aria-label":"a navigation sidebar","aria-value":this.applicationName,class:`sidebar__container ${this.isCollapsed?"sidebar__container--collapsed":""}`},t("div",{key:"10e04e31714bde50cb060b97c428400c9293652b",class:"sidebar__top-container"},this.showHeader&&t("div",{key:"773af68e121de2717fb46e45eab7b414ac91cd81",class:"sidebar__nav-bar"},t("div",{key:"9bec592b7d3be7ec58d3900f2ccab5fe2f914857",class:"sidebar__nav-bar-logo"},t("div",{key:"9d1b18f8fbebb8b94784617df190fee4596db749",class:"sidebar__nav-bar-logo-img"},t("svg",{key:"2751b01e4414fa931d94c84aa095903c16c395fb",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"70c2f75f3016cd27d56ad12c8840436ca6ab2f23","clip-path":"url(#clip0_2396_2480)"},t("path",{key:"26afb2743d6032a5d61998fa00219ad06a06b563",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),t("path",{key:"fe357a14caa56efa8ffd6a6afdca04746a07f4fc",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),t("defs",{key:"17c317ff7ce0d8c48906548c87b350041fbfe3a4"},t("clipPath",{key:"809ed244a8e56fc80c1e7425f2dad45d13c3ab9a",id:"clip0_2396_2480"},t("rect",{key:"e074aff4f86779b4e16a4954fa76e7357046ea8f",width:"91",height:"40",fill:"white"})))),"              "),t("div",{key:"a5177adc19bd8c73737b5dc98eb94dace52bca16",class:"sidebar__nav-bar-logo-text"},this.applicationName))),this.collapsible&&t("div",{key:"d05315905f319cb5e1fe3ace9384066b913bdbe5",class:"sidebar__hide-menu",onClick:this.handleHideMenuClick,onKeyDown:this.handleHideMenuKeyDown,tabIndex:0,role:"button","aria-label":this.isCollapsed?"Expand sidebar":"Collapse sidebar"},t("div",{key:"4637199a4e92c833f9dfe04fcbc38030385dbc61",class:"sidebar__hide-menu-icon"},t("ifx-icon",{key:"aca4f239f5e1acf2d0d47ee142099b423d8b7da7",icon:"menu-16"})),t("div",{key:"6539255925562673128ebda627a054aa1b746a56",class:"sidebar__hide-menu-text"},this.hideMenuLabel)),t("div",{key:"2d4eeecc6a1dc1f2703825cc19d1347ecdd3e12a",class:"sidebar__nav-container"},t("slot",{key:"788162537310dfdf2966784dcc7f663cd0b56d45"}))),this.internalShowFooter&&t("div",{key:"b0de4cf4abc848b19eb6fc07559e622696fc8ac4",class:"sidebar__footer-container"},t("div",{key:"862f7ab81fb8ecc50745da245d087babddd3ffc9",class:"sidebar__footer-wrapper"},(this.internalTermsofUse||this.internalImprint||this.internalPrivacyPolicy)&&t("div",{key:"1635d163ca39991f7ef6244cf95f9d212103023f",class:"sidebar__footer-wrapper-top-links"},this.internalTermsofUse!==""&&t("a",{key:"2416cb8fcb637c1dfeb430d6bb82c3da82ca3334",target:this.target,href:this.internalTermsofUse},"Terms of use"),this.internalImprint!==""&&t("a",{key:"7e243b2e662718a7807f1a05569703bbebf0cfcb",target:this.target,href:this.internalImprint},"Imprint"),this.internalPrivacyPolicy!==""&&t("a",{key:"bf800a96619bb67c465bf301459681e836acf577",target:this.target,href:this.internalPrivacyPolicy},"Privacy policy")),this.copyrightText&&t("div",{key:"ba0d9840aa7cff53409fe1dd552d7b1d13c439eb",class:"sidebar__footer-wrapper-bottom-links"},t("span",{key:"f7895904a893635e6726518a6aa3eaca19f413ac"},this.copyrightText)))))}get el(){return a(this)}static get watchers(){return{collapsible:["handleCollapsibleChange"],collapsed:["handleCollapsedPropChange"]}}};l.style=o;export{l as ifx_sidebar};
-//# sourceMappingURL=p-4c846056.entry.js.map

package/dist/infineon-design-system-stencil/p-550283fa.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,d as i,a as n}from"./p-DtIEDtZ8.js";import{d as a,t as s}from"./p-DcmcuUOA.js";import{i as r}from"./p-Bw2fh5LT.js";function c(e,t,o,i=20,n=0){const a=[];if(n>=i){return a}const s=e=>{const a=e.assignedNodes().filter((e=>e.nodeType===1));if(a.length>0){const e=a[0].parentElement;return c(e,t,o,i,n+1)}return[]};const r=Array.from(e.children||[]);for(const e of r){if(t(e)){continue}if(o(e)){a.push(e)}if(e.shadowRoot!=null){a.push(...c(e.shadowRoot,t,o,i,n+1))}else if(e.tagName==="SLOT"){a.push(...s(e))}else{a.push(...c(e,t,o,i,n+1))}}return a}function d(e){return e.hasAttribute("hidden")||e.hasAttribute("aria-hidden")&&e.getAttribute("aria-hidden")!=="false"||e.style.display===`none`||e.style.opacity===`0`||e.style.visibility===`hidden`||e.style.visibility===`collapse`}function l(e){return e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"}function h(e){if(e.getAttribute("tabindex")==="-1"||d(e)||l(e)){return false}return e.hasAttribute("tabindex")||(e instanceof HTMLAnchorElement||e instanceof HTMLAreaElement)&&e.hasAttribute("href")||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLIFrameElement}function f(e,t,o){const i=e.animate(t,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const b={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const m={fadeIn:[Object.assign(Object.assign({offset:0},b),{opacity:0}),Object.assign(Object.assign({offset:1},b),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},b),{opacity:1}),Object.assign(Object.assign({offset:1},b),{opacity:0})]};const u=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}:host{display:block}.modal-container{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto;font-family:var(--ifx-font-family)}.modal-container.open{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1D1D1D;opacity:0.5;z-index:0}.modal-content-container{position:absolute;display:flex;justify-content:center;width:90%;min-height:218px;background-color:#fff;border-radius:0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);box-sizing:border-box;align-items:stretch}.modal-content-container.no-overflow{overflow:hidden}.modal-content-container.no-overflow .modal-body{overflow-y:auto}@media screen and (min-width: 768px){.modal-content-container{width:540px;min-height:132px}.modal-content-container.m,.modal-content-container.l,.modal-content-container.s{width:90%}}@media screen and (min-width: 1024px){.modal-content-container.s{width:47vw}.modal-content-container.m{width:63vw}.modal-content-container.l{width:80%}}.modal-content{display:flex;flex-direction:column;width:100%;max-height:90vh}.modal-icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#0A8276;align-self:stretch}.modal-icon-container.danger{background-color:#CD002F}.modal-icon-container ifx-icon{color:#FFFFFF}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;min-height:76px;max-height:105px;box-sizing:border-box;border-radius:1px 1px 0px 0px;border-bottom:1px solid #EEEDED}.modal-caption{max-height:56px;display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-header h2{margin:0;font-weight:600;font-size:1.25rem;line-height:28px}.modal-header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.modal-close-button{align-self:flex-start;margin-right:-8px}.modal-body{padding:16px 24px;min-height:56px;box-sizing:border-box;flex:1}.modal-footer.buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:16px;padding:16px 24px 32px 16px}.modal-border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}.modal-border.primary{background-color:#0A8276}.modal-border.secondary{background-color:#575352}.modal-border.danger{background-color:#CD002F}.modal-border.success{background-color:#4CA460}.modal-border.warning{background-color:#E16B25}.modal-border.orange{background-color:#E16B25}.modal-border.ocean{background-color:#0A8276}.modal-border.grey{background-color:#575352}.modal-border.grey-200{background-color:#EEEDED}.modal-border.red{background-color:#CD002F}.modal-border.green{background-color:#4CA460}.modal-border.berry{background-color:#9C216E}";const p=class{constructor(o){e(this,o);this.ifxOpen=t(this,"ifxOpen",7);this.ifxClose=t(this,"ifxClose",7);this.opened=false;this.showModal=this.opened||false;this.caption="Modal Title";this.closeOnOverlayClick=true;this.variant="default";this.size="s";this.alertIcon="";this.okButtonLabel="OK";this.cancelButtonLabel="Cancel";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleResize=()=>{clearTimeout(this.resizeTimeout);this.resizeTimeout=setTimeout((()=>{if(this.showModal){this.handleComponentOverflow()}}),100)};this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=e=>{if(!this.showModal){return}if(e.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}async componentDidLoad(){if(!r(this.hostElement)){const e=a();s("ifx-modal",await e)}this.focusableElements=c(this.hostElement.shadowRoot,(e=>d(e)||e.matches("[data-focus-trap-edge]")),h);window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}componentWillRender(){if(this.showModal){this.handleComponentOverflow()}}async handleComponentOverflow(){const e=this.hostElement.shadowRoot.querySelector(".modal-content-container");if(this.showModal&&await this.isModalContentContainerHeightReachedViewport()){e.classList.add("no-overflow")}else if(e===null||e===void 0?void 0:e.classList.contains("no-overflow")){e===null||e===void 0?void 0:e.classList.remove("no-overflow")}}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(e){if(e==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{e.focus()}),0)}open(){this.showModal=true;try{const e=f(this.modalContainer,m.fadeIn,{duration:200});e.addEventListener("finish",(()=>{setTimeout((()=>{var e,t;(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.focus();(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.blur()}),0);this.ifxOpen.emit()}));this.hostElement.addEventListener("keydown",this.handleKeypress)}catch(e){this.ifxOpen.emit()}}close(){try{const e=f(this.modalContainer,m.fadeOut,{duration:200});e.addEventListener("finish",(()=>{this.showModal=false;this.ifxClose.emit()}));this.hostElement.removeEventListener("keydown",this.handleKeypress)}catch(e){this.showModal=false;this.ifxClose.emit()}}doBeforeClose(e){const t=[];t.push(e);const o=t.some((e=>e.defaultPrevented));if(!o){this.opened=false}}openedChanged(e){if(e===true){this.open()}else{this.close()}}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}handleContentUpdate(e){const t=e.target;const o=t.assignedNodes();if(o.length>0){o.forEach((e=>{if(e.observer){e.observer.disconnect();delete e.observer}const t=new MutationObserver(((e,t)=>{for(let t of e){if(t.type==="childList"){if(this.showModal){this.handleComponentOverflow()}}}}));t.observe(e,{attributes:true,childList:true,subtree:true});e.observer=t}))}}handleButtonsSlotChange(e){var t;if(((t=e.currentTarget.assignedElements()[0])===null||t===void 0?void 0:t.childElementCount)>0){this.slotButtonsPresent=true}else{this.slotButtonsPresent=false}}isModalContentContainerHeightReachedViewport(){return new Promise((e=>{setTimeout((()=>{const t=this.hostElement.shadowRoot.querySelector(".modal-content");const o=t.offsetHeight;const i=window.innerHeight;const n=3;e(o+n>=i*.9)}),100)}))}render(){const e=this.variant!=="default";return o(i,{key:"8927c0356e8b8987acf9310b559c1568c6de4f37"},o("div",{key:"df0f8b0be2953a4974ca739120c7b7495c52fc1f",ref:e=>this.modalContainer=e,class:`modal-container ${this.showModal?"open":""}`},o("div",{key:"8e6d35ddf390200573b38c6b2057bdf382838428",class:"modal-overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"324587e244e5519f7e0d755cbf1b43b1ca998ce7","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"11cb80157d6ae5e0c57b786c0a295722b6c94d85",class:`modal-content-container ${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.captionAriaLabel},e?o("div",{class:`modal-icon-container ${this.variant==="alert-brand"?"":"danger"}`},this.alertIcon?o("ifx-icon",{icon:this.alertIcon}):null):null,o("div",{key:"ec6865df02bd71ac1b8513e147bf48bab522479b",class:"modal-content"},o("div",{key:"c9591304fc6ee447a60d16eea4c5017903397691",class:"modal-header"},o("h2",{key:"de9241b726711243ca5101ce3e49250f743c994b",class:"modal-caption"},this.caption),this.showCloseButton&&o("ifx-icon-button",{key:"561e1f6783efc4f54f422856cc4cb36c89503529",class:"modal-close-button",ref:e=>this.closeButton=e,icon:"cross-16",variant:"tertiary",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"12788241b957ea98433872238c15a8d2ad9c13f6",class:"modal-body"},o("slot",{key:"1dab9a551e1dbe7e90334869282ef0c6597104a7",name:"content",onSlotchange:e=>this.handleContentUpdate(e)})),o("div",{key:"215c3be2970c6191a97a878d8fb97d5c8a2a40e6",class:`modal-footer ${this.slotButtonsPresent?"buttons-present":""}`},o("slot",{key:"221bf1f5442baa42a6e098505baa32b5aa343ba0",name:"buttons",onSlotchange:e=>this.handleButtonsSlotChange(e)})))),o("div",{key:"516f850b612376cde60c4cff6f7e04927bda5e7e","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};p.style=u;export{p as ifx_modal};
-//# sourceMappingURL=p-550283fa.entry.js.map

package/dist/infineon-design-system-stencil/p-58552d96.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,a as s}from"./p-DtIEDtZ8.js";const a=':root{--ifx-font-family:"Source Sans 3", \'Arial, sans-serif\'}:host{position:relative;display:block}:host([data-has-icon=false]){display:var(--ifx-sidebar-item-without-icon-display, block)}.sidebar__nav-item:focus-visible,.sidebar__nav-item.header__section:focus-visible{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.sidebar__nav-item:focus-visible .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:focus-visible .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:focus-visible .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item{display:flex;flex-direction:var(--ifx-sidebar-item-flex-direction, row);align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1D1D1D;cursor:pointer;font-family:var(--ifx-font-family)}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0A8276}.sidebar__nav-item.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;border-top:1px solid #EEEDED;padding:16px 0px;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.no-top-border{border-top:none}.sidebar__nav-item.header__section.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.header__section.open{padding:16px 0px 8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1D1D1D;font-family:Source Sans 3;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;flex:none;order:1;flex-grow:1;cursor:pointer;display:var(--ifx-sidebar-item-text-display, flex)}.sidebar__nav-item .sidebar__nav-item-indicator{display:var(--ifx-sidebar-item-text-display, flex);flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0;position:relative}:host([data-sidebar-collapsed]) .sidebar__nav-item .sidebar__nav-item-indicator{position:absolute;top:0;right:0;z-index:10;padding:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}';const n=class{constructor(t){e(this,t);this.ifxSidebarMenu=i(this,"ifxSidebarMenu",7);this.ifxSidebarNavigationItem=i(this,"ifxSidebarNavigationItem",7);this.ifxSidebarActionItem=i(this,"ifxSidebarActionItem",7);this.icon="";this.showIcon=true;this.showIconWrapper=false;this.href="";this.internalHref="";this.target="_self";this.isExpandable=false;this.isNested=true;this.isSubMenuItem=false;this.active=false;this.isActionItem=false;this.indicatorVariant="number";this.internalActiveState=false;this.titleText=""}handleActiveChange(e,i){if(this.isActionItem){this.internalActiveState=false;return}this.internalActiveState=e;if(e!==i){let i=this.getNavItem(this.el.shadowRoot);if(!this.isExpandable&&!e){this.handleClassList(i,"remove","active")}if(!this.isExpandable&&e){this.handleClassList(i,"add","active")}}}handleNumberIndicatorChange(){this.updateIndicatorVariant()}handleConsoleError(e){if(e.detail){this.showIcon=false}else{this.showIcon=true}}handleEventEmission(){this.ifxSidebarMenu.emit(this.el)}handleClassList(e,i,t){e.classList[i](t);if(i==="contains"){return e.classList.contains(t)}}getExpandableMenu(){const e=this.el.shadowRoot.querySelector(".expandable__submenu");return e}getNavItem(e){return e===null||e===void 0?void 0:e.querySelector(".sidebar__nav-item")}getSidebarMenuItems(e=this.el){const i=e.querySelectorAll("ifx-sidebar-item");if(i.length===0){return e.shadowRoot.querySelectorAll("ifx-sidebar-item")}return i}getSidebarMenuItem(){const e=this.el.shadowRoot.querySelector(".sidebar__nav-item");return e}toggleSubmenu(){if(this.isExpandable){const e=this.getSidebarMenuItem();const i=this.getExpandableMenu();this.handleClassList(i,"toggle","open");this.handleClassList(e,"toggle","open");this.handleEventEmission()}else{if(this.isActionItem){this.ifxSidebarActionItem.emit(this.el);return}else{this.handleActiveChange(true,this.internalActiveState);this.ifxSidebarNavigationItem.emit(this.el)}if(this.handleItemClick){this.handleItemClick(this.el)}}}handleExpandableMenu(e){const i=this.getExpandableMenu();e.forEach((e=>{const t=document.createElement("li");t.appendChild(e);i.appendChild(t)}))}parentElementIsSidebar(){const e=this.el.parentElement;if(e.tagName.toUpperCase()==="IFX-SIDEBAR"){return true}else return false}checkIfMenuItemIsNested(){const e=this.parentElementIsSidebar();if(e){this.isNested=false}}checkIfMenuItemIsSubMenu(){const e=this.el.parentElement;const i=this.getNavItem(e.shadowRoot);if(e.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&!this.handleClassList(i,"contains","header__section")){this.isSubMenuItem=true}else{this.isSubMenuItem=false}}isActive(e){const i=e.getAttribute("active");const t=i==="true";return t}getParentSection(e){let i=e.parentElement;while(i&&i.tagName.toUpperCase()!=="IFX-SIDEBAR"){if(i.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){return i}i=i.parentElement}return null}handleBorderIndicatorDisplacement(e){const i=(e,t)=>{const s=this.isActive(e);if(s){const e=this.handleClassList(t,"contains","open");const i=this.getActiveItemSection();if(!e){this.handleClassList(i,"add","active-section")}else{this.handleClassList(i,"remove","active-section")}}const a=this.getSidebarMenuItems(e);a.forEach((e=>i(e,t)))};const t=this.getSidebarMenuItems();t.forEach((t=>i(t,e)))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}getActiveItemSection(){const e=this.parentElementIsSidebar();if(e){const e=this.getNavItem(this.el.shadowRoot);return e}else{const e=this.getNavItem(this.el.shadowRoot);return e}}async setActiveClasses(){const e=this.getNavItem(this.el.shadowRoot);this.handleClassList(e,"add","active")}async expandMenu(e){const i=this.getSidebarMenuItem();const t=this.getExpandableMenu();this.handleClassList(t,"add","open");this.handleClassList(i,"add","open");if(e){this.handleClassList(t,"remove","active-section");this.handleClassList(i,"remove","active-section")}}async isItemExpandable(){return this.isExpandable}handleActiveState(){if(this.internalActiveState){this.setActiveClasses()}}handleKeyDown(e){if(e.key==="Enter"){this.toggleSubmenu()}}componentDidLoad(){this.handleActiveState();if(this.isExpandable){const e=this.getSidebarMenuItems();this.handleExpandableMenu(e)}this.updateIndicatorVariant();this.observeCollapsedState();this.extractTitleText()}extractTitleText(){const e=this.el.shadowRoot.querySelector("slot");if(e){const i=e.assignedNodes();this.titleText=i.filter((e=>e.nodeType===Node.TEXT_NODE||e.nodeType===Node.ELEMENT_NODE)).map((e=>{var i;return((i=e.textContent)===null||i===void 0?void 0:i.trim())||""})).join(" ").trim()}}updateIndicatorVariant(){const e=this.el.hasAttribute("data-sidebar-collapsed");if(this.numberIndicator>0){this.indicatorVariant=e?"dot":"number"}}observeCollapsedState(){const e=new MutationObserver((()=>{this.updateIndicatorVariant()}));e.observe(this.el,{attributes:true,attributeFilter:["data-sidebar-collapsed"]})}componentWillLoad(){this.internalActiveState=this.active;this.checkIfMenuItemIsNested();this.checkIfMenuItemIsSubMenu();this.setHref();this.el.setAttribute("data-has-icon",this.icon?"true":"false");const e=this.getSidebarMenuItems();if(e.length!==0){this.isExpandable=true}else{this.isExpandable=false}}componentWillUpdate(){if(this.active&&!this.internalActiveState){this.internalActiveState=this.active;this.ifxSidebarNavigationItem.emit(this.el)}}render(){const e=this.el.hasAttribute("data-sidebar-collapsed");const i=this.el.hasAttribute("data-hide-in-collapsed");return t("div",{key:"491cbffba289bab9d633a08724a2bf1575b92d9f",style:{display:i?"none":"block"}},t("a",{key:"50a8e5dd2298c86711260427549b7d86601d5b46",tabIndex:1,onKeyDown:e=>this.handleKeyDown(e),href:this.internalHref,onClick:()=>this.toggleSubmenu(),target:this.target,class:`sidebar__nav-item ${!this.isNested&&this.isExpandable?"header__section":""} ${this.isSubMenuItem?"submenu__item":""}`,title:this.titleText},this.icon&&t("div",{key:"b27c805c73bd5404b648f493c4ded4d689b9eb3c",class:`sidebar__nav-item-icon-wrapper ${!this.showIcon&&!e?"noIcon":""}`},t("ifx-icon",{key:"2049a5d0f58106ad977b68c848c8c0f21182a86d",icon:this.icon})),t("div",{key:"c140a72eb126c87989c71066f287cea862060562",class:"sidebar__nav-item-label"},t("slot",{key:"ee9708e5f3591b34e7251546cab50224967abffe"})),(this.isExpandable||!isNaN(this.numberIndicator))&&t("div",{key:"d5ac6af6cf668e3463626c7b0f8f5694d23d2d1f",class:"sidebar__nav-item-indicator",style:{display:!e||this.icon?"flex":"none"}},this.isExpandable&&t("span",{key:"7ff6bd7e736d73392e8786980b740b0d1f1b1ac2",class:"item__arrow-wrapper"},t("ifx-icon",{key:"dc62663bee631edbb5a1126b5b2cd4bfb6125c98",icon:"chevron-down-16"})),this.numberIndicator>0&&!this.isExpandable&&!this.isNested&&t("span",{key:"2a02e2d009f260b57c7fb75cdce87366e56e5a53",class:"item__number-indicator"},t("ifx-indicator",{key:"8dcaf820d27afd21722e4f02f81e4d52441d5458",variant:this.indicatorVariant,number:this.numberIndicator})))),this.isExpandable&&t("ul",{key:"c55eb1c02512807fe889dff1e2b9e3455bc5cc23",class:"expandable__submenu"}))}get el(){return s(this)}static get watchers(){return{active:["handleActiveChange"],numberIndicator:["handleNumberIndicatorChange"]}}};n.style=a;export{n as ifx_sidebar_item};
-//# sourceMappingURL=p-58552d96.entry.js.map

package/dist/infineon-design-system-stencil/p-6407c496.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,a as s,d as o}from"./p-DtIEDtZ8.js";import{d as n,t as l}from"./p-DcmcuUOA.js";import{i as c}from"./p-Bw2fh5LT.js";const r=':root{--ifx-font-family:"Source Sans 3", \'Arial, sans-serif\'}.ifx-multiselect-container{position:relative;box-sizing:border-box;font-family:var(--ifx-font-family)}.ifx-multiselect-container.disabled .ifx-label-wrapper{color:#BFBBBB}.ifx-multiselect-container.disabled .ifx-multiselect-wrapper{background:#BFBBBB;color:#FFFFFF;border-color:#BFBBBB;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-multiselect-container:hover{cursor:pointer}.ifx-multiselect-container .ifx-label-wrapper{font-size:1rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-label-wrapper .required{margin-left:4px}.ifx-multiselect-container .ifx-label-wrapper .required.error{color:#CD002F}.ifx-multiselect-container .multi__select-caption{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;color:#1D1D1D;flex:none;order:1;align-self:stretch;flex-grow:0}.ifx-multiselect-container .multi__select-caption.error{color:#CD002F}.ifx-multiselect-container .multi__select-caption.disabled{color:#BFBBBB}.ifx-multiselect-container .ifx-multiselect-wrapper{background-color:#FFFFFF;box-sizing:border-box;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;width:100%;font-weight:400;font-style:normal;height:40px;line-height:24px;padding:8px 16px;font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible{outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active){outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active)::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:2px}.ifx-multiselect-container .ifx-multiselect-wrapper.error{border-color:#CD002F}.ifx-multiselect-container .ifx-multiselect-wrapper.active{border-color:#0A8276 !important}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-up{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-down{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-up{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-down{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.is-flipped .ifx-multiselect-dropdown-menu{top:auto;bottom:100%}.ifx-multiselect-container .ifx-multiselect-input{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifx-multiselect-container .ifx-multiselect-input.placeholder{opacity:0.5}.ifx-multiselect-container .ifx-multiselect-icon-container{margin-left:auto;display:flex;align-items:center;gap:8px}.ifx-multiselect-container .ifx-multiselect-icon-container .ifx-multiselect-icon-container{display:flex}.ifx-multiselect-container .ifx-multiselect-icon-container .icon-wrapper{display:flex;align-items:center;transition:transform 0.2s ease-in-out}.ifx-multiselect-container .ifx-multiselect-icon-container .icon-wrapper--open{transform:rotate(180deg)}.ifx-multiselect-container .ifx-clear-button{display:flex;align-items:center}.ifx-multiselect-container .ifx-clear-button.hide{display:none}.ifx-multiselect-container .ifx-multiselect-dropdown-menu{box-sizing:border-box;position:absolute;top:100%;left:0;width:100%;margin-top:4px;border:1px solid #EEEDED;background-color:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1);max-height:300px;z-index:1000;display:flex;flex-direction:column}.ifx-multiselect-container:not(.disabled) .ifx-multiselect-wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-multiselect-dropdown-functions{padding:12px 16px;border-bottom:1px solid #EEEDED;flex-shrink:0}.ifx-multiselect-dropdown-search{margin-bottom:12px}.ifx-multiselect-dropdown-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.ifx-multiselect-dropdown-controls .select-all-wrapper{display:flex}.ifx-multiselect-dropdown-controls .expand-collapse-controls{display:flex;gap:12px}.ifx-multiselect-dropdown-controls .control-item{font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-dropdown-controls .control-item:hover{color:#0A8276}.ifx-multiselect-dropdown-controls .control-item:active{color:#08665C}.ifx-multiselect-dropdown-controls .control-item:focus{outline:none}.ifx-multiselect-dropdown-controls .control-item:focus-visible{outline:2px solid #0A8276;outline-offset:2px;border-radius:1px}.ifx-multiselect-options{flex:1;overflow-y:auto;padding-top:12px;padding-bottom:12px}.ifx-multiselect-options.show-no-results .ifx-multiselect-no-results{display:block}.ifx-multiselect-no-results{padding-left:16px;padding-right:16px;display:none}';function a(e,t){let i;return function s(...o){const n=()=>{clearTimeout(i);e(...o)};clearTimeout(i);i=setTimeout(n,t)}}const h=class{constructor(i){e(this,i);this.ifxSelect=t(this,"ifxSelect",7);this.ifxOpen=t(this,"ifxOpen",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.required=false;this.error=false;this.caption="";this.label="";this.placeholder="";this.showSearch=true;this.showSelectAll=true;this.showClearButton=true;this.showExpandCollapse=true;this.noResultsMessage="No results found.";this.showNoResultsMessage=true;this.searchPlaceholder="Search";this.selectAllLabel="Select all";this.expandLabel="Expand";this.collapseLabel="Collapse";this.ariaMultiSelectLabel="Multi-select dropdown";this.ariaMultiSelectLabelledBy="";this.ariaMultiSelectDescribedBy="";this.ariaSearchLabel="Search options";this.ariaClearLabel="Clear all selections";this.ariaToggleLabel="Toggle dropdown";this.ariaSelectAllLabel="Select all options";this.ariaExpandAllLabel="Expand all categories";this.ariaCollapseAllLabel="Collapse all categories";this.internalError=false;this.persistentSelectedOptions=[];this.dropdownOpen=false;this.searchTerm="";this.handleSearch=a((e=>{const t=e.value.toLowerCase();const i=t!=="";this.searchTerm=t;const s=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper");if(s){if(i){s.classList.remove("active")}else{const e=this.el.shadowRoot.querySelector("ifx-search-field");const t=e&&e.matches(":focus-within");if(!t){s.classList.add("active")}}}const o=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(o){if(i){o.classList.add("has-search-filter")}else{o.classList.remove("has-search-filter")}}requestAnimationFrame((()=>{const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const s=new CustomEvent("ifx-search-filter",{detail:{searchTerm:t,isActive:i}});e.dispatchEvent(s)}));if(i){setTimeout((()=>{const e=this.el.querySelectorAll("ifx-multiselect-option");let t=0;e.forEach((e=>{const i=window.getComputedStyle(e);const s=e.getBoundingClientRect();if(i.display!=="none"&&i.visibility!=="hidden"&&i.opacity!=="0"&&s.height>0){t++}}));const i=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(i){if(t===0){i.classList.add("show-no-results")}else{i.classList.remove("show-no-results")}}}),200)}else{const e=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(e){e.classList.remove("show-no-results")}}}))}),150);this.handleDocumentClick=e=>{const t=e.composedPath();if(!t.includes(this.dropdownElement)){this.dropdownOpen=false;document.removeEventListener("click",this.handleDocumentClick);this.resetSearch();this.ifxOpen.emit(this.dropdownOpen)}}}parseChildOptions(){const e=[];const t=Array.from(this.el.children);t.forEach(((t,i)=>{if(t.tagName==="IFX-MULTISELECT-OPTION"){const s=this.parseOptionElement(t,i);if(s){e.push(s)}}}));return e}parseOptionElement(e,t){const i=e.getAttribute("value")||`option-${t}`;const s=e.hasAttribute("selected");const o=e.hasAttribute("disabled");const n=e.hasAttribute("indeterminate");const l={value:i,selected:s,disabled:o,indeterminate:n};const c=Array.from(e.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION")).map(((e,t)=>this.parseOptionElement(e,t))).filter((e=>e!==null));if(c.length>0){l.children=c}return l}loadInitialOptions(){this.internalError=this.error;const e=this.parseChildOptions();const t=this.collectSelectedOptions(e);const i=t.filter((e=>!this.persistentSelectedOptions.some((t=>t.value==e.value))));this.persistentSelectedOptions=[...this.persistentSelectedOptions,...i]}collectSelectedOptions(e){let t=[];for(const i of e){if(i.selected){if(i.children&&i.children.length>0){t=t.concat(this.collectLeafOptions(i.children))}else{if(!t.some((e=>e.value===i.value))){t.push(i)}}}else{if(i.children&&i.children.length>0){t=t.concat(this.collectSelectedOptions(i.children))}}}return t}collectLeafOptions(e){let t=[];for(const i of e){if(i.children&&i.children.length>0){t=t.concat(this.collectLeafOptions(i.children))}else{t.push(i)}}return t}handleSearchFocus(e){const t=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper");if(t){if(e||this.searchTerm!==""){t.classList.remove("active")}else{t.classList.add("active")}}}positionDropdown(){var e;const t=(e=this.el.shadowRoot.querySelector(".ifx-multiselect-wrapper"))===null||e===void 0?void 0:e.getBoundingClientRect();const i=window.innerHeight-t.bottom;const s=t.top;if(s>i&&t.height>i||t.bottom>window.innerHeight){this.dropdownFlipped=true}else{this.dropdownFlipped=false}}updateSlotBasedSelections(e=false){const t=this.el.querySelectorAll("ifx-multiselect-option");const i=[];t.forEach((e=>{const t=e["__stencil_instance"];if(t&&t.selected&&!t.hasChildren){i.push({value:t.value,selected:true,disabled:t.disabled,label:t.getTextContent()||t.value})}}));this.persistentSelectedOptions=i;if(e){this.ifxSelect.emit(this.persistentSelectedOptions)}}updateInitialParentStates(){const e=this.el.querySelectorAll("ifx-multiselect-option");const t=Array.from(e).map((e=>({element:e,instance:e["__stencil_instance"],depth:parseInt(e.getAttribute("data-level")||"0")}))).filter((e=>e.instance)).sort(((e,t)=>t.depth-e.depth));t.forEach((({instance:e})=>{if(e.hasChildren){this.updateParentState(e)}}))}updateParentState(e){const t=Array.from(e.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION")).map((e=>e["__stencil_instance"])).filter((e=>e!==null));const i=t.filter((e=>e.selected)).length;const s=t.filter((e=>e.indeterminate)).length;const o=t.length;if(i===o&&s===0){e.selected=true;e.indeterminate=false}else if(i===0&&s===0){e.selected=false;e.indeterminate=false}else{e.selected=false;e.indeterminate=true}}async componentDidLoad(){if(!c(this.el)){const e=n();l("ifx-multiselect",await e)}setTimeout((()=>{this.positionDropdown()}),500);this.el.addEventListener("ifx-option-changed",(e=>{var t;const i=(t=e.target)===null||t===void 0?void 0:t.__stencil_instance;if(i&&!i.hasChildren){this.updateSlotBasedSelections(true)}}));setTimeout((()=>{this.updateSlotBasedSelections(false);this.updateInitialParentStates()}),100)}componentWillLoad(){this.loadInitialOptions()}updateInternalError(){this.internalError=this.error}onSelectionChange(e,t){const i=new FormData;e.forEach((e=>i.append(this.name,e.value)))}collapseAll(){const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t&&t.hasChildren){t.isExpanded=false}}))}expandAll(){const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t&&t.hasChildren){t.isExpanded=true}}))}selectAll(){this.resetSearch();const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t){if(t.hasChildren){t.isExpanded=true}else{t.selected=true}}}));setTimeout((()=>{this.updateInitialParentStates();this.updateSlotBasedSelections(false);this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}async clearSelection(){const e=this.el.querySelectorAll("ifx-multiselect-option");e.forEach((e=>{const t=e["__stencil_instance"];if(t){t.selected=false;t.indeterminate=false;if(t.hasChildren){t.isExpanded=false}}}));this.persistentSelectedOptions=[];setTimeout((()=>{this.updateSlotBasedSelections(false);this.ifxSelect.emit(this.persistentSelectedOptions)}),0)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen;setTimeout((()=>{if(this.dropdownOpen){document.addEventListener("click",this.handleDocumentClick)}else{this.resetSearch()}this.ifxOpen.emit(this.dropdownOpen)}),0)}resetSearch(){this.searchTerm="";const e=this.el.shadowRoot.querySelector("ifx-search-field");if(e){e.value=""}const t=this.el.shadowRoot.querySelector(".ifx-multiselect-options");if(t){t.classList.remove("has-search-filter")}const i=this.el.querySelectorAll("ifx-multiselect-option");i.forEach((e=>{const t=new CustomEvent("ifx-search-filter",{detail:{searchTerm:"",isActive:false}});e.dispatchEvent(t)}))}handleWrapperClick(e){this.positionDropdown();if(e.currentTarget===e.target){this.toggleDropdown()}}handleKeyDown(e){if(this.disabled)return;if(!this.dropdownOpen){switch(e.code){case"Enter":case"Space":case"ArrowDown":e.preventDefault();this.toggleDropdown();break}return}switch(e.code){case"Escape":e.preventDefault();this.toggleDropdown();break;case"Enter":case"Space":const t=e.target;if(!t.closest(".ifx-multiselect-dropdown-functions")){e.preventDefault();this.toggleDropdown()}break;case"ArrowDown":case"ArrowUp":e.preventDefault();this.focusFirstOption();break}}focusFirstOption(){var e;const t=this.el.querySelector("ifx-multiselect-option:not(.search-hidden)");if(t){const i=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option-label");i===null||i===void 0?void 0:i.focus()}}renderSelectAll(){const e=this.el.querySelectorAll("ifx-multiselect-option");const t=Array.from(e).filter((e=>!e.hasChildren));const s=Array.from(e).filter((e=>!e.hasChildren&&e.selected));const o=t.length>0&&s.length===t.length;const n=e=>{if(e){e.preventDefault();e.stopPropagation()}if(o){this.clearSelection()}else{this.selectAll()}};return i("div",{class:"select-all-wrapper"},i("ifx-checkbox",{id:"selectAll",checked:o,size:"s","aria-label":this.ariaSelectAllLabel,onClick:n,onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();n(e)}}},this.selectAllLabel))}renderNoResultsMessage(){return i("div",{class:"ifx-multiselect-no-results"},i("div",{class:"no-results-content"},i("span",{class:"no-results-text"},this.noResultsMessage)))}render(){const e=this.persistentSelectedOptions.map((e=>e.label||e.value)).join(", ");const t=this.persistentSelectedOptions.length>0;let s=false;const o=this.el.querySelectorAll("ifx-multiselect-option");if(o.length>0){s=Array.from(o).every((e=>e.children.length===0))}return i("div",{key:"fd7ce64694f743334f1c4577105d9c40f084ebbf",class:`ifx-multiselect-container ${this.disabled&&!this.error?"disabled":""}`,ref:e=>this.dropdownElement=e},i("div",{key:"81abefbfc60b69bcd9c7e9b909dae93fd1767773",class:"ifx-label-wrapper"},this.label&&i("span",{key:"6de06dac0828d7831519e3c92b68095e533ae375",class:"wrapper-label"},i("span",{key:"ed9c68a25201321d0d69444e88d60d68db24e330"},this.label),this.required&&i("span",{key:"070422e2ebb9cb47fb21dcee37229b70016c0da1",class:`required ${this.error?"error":""}`},"*"))),i("div",{key:"3b5d28e2c87f472e68f1a8293daa9d5246d170b2",class:`ifx-multiselect-wrapper\n        ${this.dropdownOpen?"active":""}\n        ${this.dropdownFlipped?"is-flipped":""}\n        ${this.internalError?"error":""}\n        ${this.disabled&&!this.error?"disabled":""}`,role:"combobox","aria-label":this.ariaMultiSelectLabel,"aria-labelledby":this.ariaMultiSelectLabelledBy||undefined,"aria-describedby":this.ariaMultiSelectDescribedBy||undefined,"aria-expanded":this.dropdownOpen,"aria-haspopup":"listbox","aria-disabled":this.disabled&&!this.error,tabindex:"0",onClick:this.disabled&&!this.error?undefined:e=>this.handleWrapperClick(e),onKeyDown:this.disabled&&!this.error?undefined:e=>this.handleKeyDown(e)},i("div",{key:"1d5e621056168b08004c8efb998ff25865da2239",class:`ifx-multiselect-input\n          ${t?"":"placeholder"}\n          `,onClick:this.disabled&&!this.error?undefined:()=>this.toggleDropdown()},t?e:this.placeholder),this.dropdownOpen&&i("div",{key:"88762a0e7d11feb2fba793f3d4dc7fc183c161e9",class:"ifx-multiselect-dropdown-menu"},(this.showSearch||this.showSelectAll||this.showExpandCollapse&&!s)&&i("div",{key:"f47c4fd519f502997c2c8ac3611f914e628a465b",class:"ifx-multiselect-dropdown-functions",onClick:e=>e.stopPropagation()},this.showSearch&&i("div",{key:"6d34c960d1dba9eca8bf4e1c89377d736c590b20",class:"ifx-multiselect-dropdown-search"},i("ifx-search-field",{key:"37bc73b76fb6011f64566aa3ffc4b01056a0ac1b",class:"search-input",placeholder:this.searchPlaceholder,size:"s","show-delete-icon":"true","aria-label":this.ariaSearchLabel,onKeyDown:e=>{e.stopPropagation()},onIfxInput:e=>this.handleSearch(e.target),onFocus:()=>this.handleSearchFocus(true),onBlur:()=>this.handleSearchFocus(false)})),i("div",{key:"d7a0b92d7532aa2290e253172359c694a83d92e9",class:"ifx-multiselect-dropdown-controls"},this.showSelectAll&&this.renderSelectAll(),this.showExpandCollapse&&!s&&i("div",{key:"c509eb6f7b77507cf3c1207f1e912130b722f84e",class:"expand-collapse-controls"},i("span",{key:"912ffe8e593e4e0f81cff8ad03e72139b492c23f",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaExpandAllLabel,onClick:e=>{e.stopPropagation();this.expandAll()},onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.expandAll()}}},this.expandLabel),i("span",{key:"e7201dfca2b2e16469778ffd922b4c64f3d06619",class:"control-item",role:"button",tabIndex:0,"aria-label":this.ariaCollapseAllLabel,onClick:e=>{e.stopPropagation();this.collapseAll()},onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.collapseAll()}}},this.collapseLabel)))),i("div",{key:"031e2384922144e63b528ac69a8ad1bea1420acf",class:"ifx-multiselect-options",role:"listbox","aria-multiselectable":"true"},i("slot",{key:"b5e77631b05852b7f708b92f2cdd797b7cb653a2"}),this.searchTerm&&this.showNoResultsMessage&&this.renderNoResultsMessage())),i("div",{key:"5a813087f59df7ab9dca060d5c80d158bc8d6da1",class:"ifx-multiselect-icon-container"},this.persistentSelectedOptions.length>0&&i("div",{key:"0ae8b58fa2d2ccf28962264bfaa8949114f5767d",class:`ifx-clear-button ${!this.showClearButton?"hide":""}`,onClick:this.disabled&&!this.error?undefined:()=>this.clearSelection()},i("ifx-icon",{key:"8e60813fa135b67a28ba5759c37fb000641af257",icon:"cRemove16"})),i("div",{key:"f71cc3fa883c5af46d24048320bdf822c8ceeb99",class:"icon-wrapper-up",onClick:this.disabled&&!this.error?undefined:()=>this.toggleDropdown()},i("ifx-icon",{key:"icon-up",icon:"chevron-up-16"})),i("div",{key:"fb08f6a16daebfc6e0a58fcb24e5cfdffd80b423",class:"icon-wrapper-down",onClick:this.disabled&&!this.error?undefined:()=>this.toggleDropdown()},i("ifx-icon",{key:"icon-down",icon:"chevron-down-16"})))),this.caption&&i("div",{key:"4bd2795e4eb8539f8609bf83065f2637f2f1dc1b",class:`multi__select-caption ${this.error?"error":""} ${this.disabled&&!this.error?"disabled":""}`},this.caption))}get el(){return s(this)}static get watchers(){return{error:["updateInternalError"],persistentSelectedOptions:["onSelectionChange"]}}};h.style=r;const f=":host{display:block;width:100%}.option{display:flex;flex-direction:column;position:relative;cursor:pointer;list-style:none}.option.option--expanded{position:relative}.option.option--has-children{position:relative}.option.option--has-children .option-item>.chevron-wrapper{display:flex}.option--disabled{cursor:not-allowed;pointer-events:none;color:#BFBBBB}.option.search-hidden{display:none !important}.option.search-match .option-item .option-label .search-highlight{font-weight:bold}.option-item{display:flex;flex-direction:row;align-items:center;white-space:nowrap;min-height:20px;padding:4px 16px;background-color:#FFFFFF;transition:background-color 0.2s ease-in-out}.option-item:hover{background-color:#F7F7F7}.option--disabled .option-item:hover{background-color:transparent}.option-children{display:block}.chevron-wrapper{display:none;align-items:center;justify-content:center;margin-right:8px;width:20px;height:20px;flex-shrink:0}.chevron-wrapper:focus{outline:none}.chevron-wrapper:focus-visible{outline:2px solid #0A8276;outline-offset:2px;border-radius:1px}.option--has-children .chevron-wrapper{display:flex}.chevron-wrapper .chevron{transition:transform 0.2s ease-in-out;color:#3C3A39}.chevron-wrapper .chevron.chevron--expanded{transform:rotate(90deg)}.chevron-wrapper .chevron.chevron--collapsed{transform:rotate(0deg)}.checkbox-wrapper{display:flex;align-items:center;margin-right:8px;flex-shrink:0}.option-label{flex-grow:1;display:flex;align-items:center;cursor:pointer;padding:2px 0;font-size:0.875rem}.option-label:focus{outline:none}.option-label:focus-visible{outline:2px solid #0A8276;outline-offset:2px;border-radius:1px}.option--disabled .option-label{cursor:not-allowed;color:#BFBBBB}";const d=class{constructor(t){e(this,t);this.selected=false;this.disabled=false;this.indeterminate=false;this.isExpanded=false;this.hasChildren=false;this.depth=0;this.searchTerm="";this.isSearchActive=false;this.isSearchDisabled=false;this.handleSearchFilter=e=>{const{searchTerm:t,isActive:i}=e.detail;this.searchTerm=t.toLowerCase();this.isSearchActive=i;requestAnimationFrame((()=>{this.updateSearchClasses()}))};this.handleCheckboxClick=e=>{if(this.disabled||this.isSearchActive&&this.isSearchDisabled)return;e.stopPropagation();let t;if(this.indeterminate){t=true}else{t=!this.selected}this.selected=t;this.indeterminate=false;if(this.hasChildren){this.isExpanded=t;requestAnimationFrame((()=>{this.selectAllChildren(t);this.expandAllChildren(t)}))}this.updateParentStates();this.notifyMultiselect()};this.handleHeaderClick=e=>{e.stopPropagation();if(!this.disabled&&!(this.isSearchActive&&this.isSearchDisabled)){this.handleClick(e)}}}componentWillLoad(){this.hasChildren=this.el.children.length>0;this.depth=this.calculateDepth();this.el.setAttribute("data-level",this.depth.toString());if(this.hasChildren){const e=this.hasAnySelectedChildren();if(e){this.isExpanded=true}}}componentDidLoad(){this.el["__stencil_instance"]=this;this.notifyMultiselect();this.el.addEventListener("ifx-search-filter",this.handleSearchFilter)}componentWillUpdate(){this.notifyMultiselect()}disconnectedCallback(){this.el.removeEventListener("ifx-search-filter",this.handleSearchFilter)}updateSearchClasses(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option");if(!t)return;if(!this.isSearchActive){t.classList.remove("search-hidden","search-parent","search-match");this.removeHighlighting();this.isSearchDisabled=false;return}const i=this.getTextContent().toLowerCase();const s=i.includes(this.searchTerm);const o=this.hasMatchingParent();requestAnimationFrame((()=>{const e=this.hasMatchingChildren();t.classList.remove("search-hidden","search-parent","search-match");this.isSearchDisabled=false;if(s&&!this.hasChildren){t.classList.add("search-match");this.highlightSearchTerm()}else if(s&&this.hasChildren){t.classList.add("search-match");this.highlightSearchTerm();this.isExpanded=true}else if(!s&&this.hasChildren&&e){t.classList.add("search-parent");this.removeHighlighting();this.isExpanded=true;this.isSearchDisabled=true}else if(o){t.classList.add("search-match");this.removeHighlighting()}else{t.classList.add("search-hidden");this.removeHighlighting()}}))}highlightSearchTerm(){var e;if(!this.searchTerm)return;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option-label");if(!t)return;const i=t.querySelector("slot");if(!i)return;this.removeHighlighting();const s=this.getTextContent();const o=this.searchTerm.toLowerCase();const n=s.toLowerCase();if(!n.includes(o))return;const l=n.indexOf(o);if(l===-1)return;const c=s.substring(0,l);const r=s.substring(l,l+o.length);const a=s.substring(l+o.length);const h=document.createElement("span");h.className="highlighted-text";if(c){h.appendChild(document.createTextNode(c))}const f=document.createElement("strong");f.className="search-highlight";f.textContent=r;h.appendChild(f);if(a){h.appendChild(document.createTextNode(a))}t.setAttribute("data-original-content","true");i.style.display="none";t.appendChild(h)}removeHighlighting(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".option-label");if(!t)return;const i=t.querySelector("slot");const s=t.querySelector(".highlighted-text");if(s){t.removeChild(s)}if(i){i.style.display=""}t.removeAttribute("data-original-content")}getTextContent(){let e="";Array.from(this.el.childNodes).forEach((t=>{var i;if(t.nodeType===Node.TEXT_NODE){e+=((i=t.textContent)===null||i===void 0?void 0:i.trim())||""}}));return e||this.value||""}hasMatchingChildren(){if(!this.hasChildren)return false;const e=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));return e.some((e=>{const t=e["__stencil_instance"];if(!t)return false;const i=t.getTextContent().toLowerCase();const s=i.includes(this.searchTerm);const o=t.hasMatchingChildren();return s||o}))}hasMatchingParent(){let e=this.el.parentElement;while(e&&e.tagName==="IFX-MULTISELECT-OPTION"){const t=e["__stencil_instance"];if(t){const e=t.getTextContent().toLowerCase();if(e.includes(this.searchTerm)){return true}}e=e.parentElement}return false}calculateDepth(){let e=0;let t=this.el.parentElement;while(t&&t.tagName!=="IFX-MULTISELECT"){if(t.tagName==="IFX-MULTISELECT-OPTION"){e++}t=t.parentElement}return e}handleClick(e){if(this.disabled||this.isSearchActive&&this.isSearchDisabled)return;e.stopPropagation();if(e.type==="click"&&e.target.closest(".chevron-wrapper")){this.toggleExpansion();return}let t;if(this.indeterminate){t=true}else{t=!this.selected}this.selected=t;this.indeterminate=false;if(this.hasChildren){this.isExpanded=t;requestAnimationFrame((()=>{this.selectAllChildren(t);this.expandAllChildren(t)}))}this.updateParentStates();this.notifyMultiselect()}handleKeyDown(e){if(this.disabled||this.isSearchActive&&this.isSearchDisabled)return;const t=e.target;if(t.closest(".chevron-wrapper")||t.closest(".checkbox-wrapper")){return}if(e.key!=="ArrowUp"&&e.key!=="ArrowDown"){e.stopPropagation()}if(e.key==="ArrowRight"&&this.hasChildren){this.isExpanded=true}if(e.key==="ArrowLeft"&&this.hasChildren){this.isExpanded=false}}notifyMultiselect(){const e=new CustomEvent("ifx-option-changed",{bubbles:true,detail:{value:this.value,selected:this.selected,indeterminate:this.indeterminate}});this.el.dispatchEvent(e)}selectAllChildren(e){const t=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));t.forEach((t=>{var i;const s=t["__stencil_instance"];if(s){s.selected=e;s.indeterminate=false;if(s.hasChildren){s.isExpanded=e;s.selectAllChildren(e)}(i=s.notifyMultiselect)===null||i===void 0?void 0:i.call(s)}}))}expandAllChildren(e){const t=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));t.forEach((t=>{const i=t["__stencil_instance"];if(i&&i.hasChildren){i.isExpanded=e;i.expandAllChildren(e)}}))}updateParentStates(){var e;let t=this.el.parentElement;while(t&&t.tagName==="IFX-MULTISELECT-OPTION"){const i=t["__stencil_instance"];if(!i){t=t.parentElement;continue}const s=Array.from(t.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION")).map((e=>e["__stencil_instance"])).filter((e=>e!==null));const o=s.filter((e=>e.selected)).length;const n=s.filter((e=>e.indeterminate)).length;const l=s.length;if(o===l&&n===0){i.selected=true;i.indeterminate=false}else if(o===0&&n===0){i.selected=false;i.indeterminate=false}else{i.selected=false;i.indeterminate=true}(e=i.notifyMultiselect)===null||e===void 0?void 0:e.call(i);t=t.parentElement}}toggleExpansion(){this.isExpanded=!this.isExpanded}hasAnySelectedChildren(){const e=Array.from(this.el.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));return e.some((e=>{const t=e.hasAttribute("selected");const i=this.checkForSelectedDescendants(e);return t||i}))}checkForSelectedDescendants(e){const t=Array.from(e.children).filter((e=>e.tagName==="IFX-MULTISELECT-OPTION"));return t.some((e=>{const t=e.hasAttribute("selected");const i=this.checkForSelectedDescendants(e);return t||i}))}render(){let e=false;const t=this.el.closest("ifx-multiselect");if(t){const i=Array.from(t.querySelectorAll("ifx-multiselect-option"));e=i.every((e=>e.children.length===0))}const s=this.depth*28+16;const n=this.hasChildren?0:28;let l=s+n;const c=e?undefined:{paddingLeft:`${l}px`};return i(o,{key:"4dd008dabc4aec3070ad355aa877ff391e3883df"},i("div",{key:"848afd2fa2a34c2b5763dc8c979d898b498b39b1",class:{option:true,"option--has-children":this.hasChildren,"option--expanded":this.isExpanded,"option--disabled":this.disabled,"option--selected":this.selected},role:"option","aria-expanded":this.hasChildren?this.isExpanded?"true":"false":undefined,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false","data-level":this.depth,"data-value":this.value},i("div",{key:"28fe299c78e8f42d9ef763ba14c84e0123276de8",class:"option-item",style:c},i("div",{key:"891cd1a5c09c53df6c8079642aab48a893295cd8",class:"chevron-wrapper",tabIndex:this.hasChildren?0:-1,role:this.hasChildren?"button":undefined,"aria-label":this.hasChildren?this.isExpanded?"Collapse":"Expand":undefined,onClick:e=>{e.stopPropagation();this.toggleExpansion()},onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.toggleExpansion()}}},this.hasChildren&&i("ifx-icon",{key:"7ddb0f0245f14fd8bc64fbfb3278c1d3a53f3834",class:`chevron ${this.isExpanded?"chevron--expanded":"chevron--collapsed"}`,icon:"chevron-right-16"})),i("div",{key:"a688fb56fd51cc1aefccf9b42d8f5c2a6ac271f8",class:"checkbox-wrapper",onClick:e=>e.stopPropagation()},i("ifx-checkbox",{key:"6ba8ea62a25285a59f3866dc0e7911b658477b3d",size:"s",checked:this.isSearchActive&&this.isSearchDisabled?false:this.indeterminate?false:this.selected,indeterminate:this.isSearchActive&&this.isSearchDisabled?false:this.indeterminate,onClick:this.handleCheckboxClick,disabled:this.disabled||this.isSearchActive&&this.isSearchDisabled,onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();e.stopPropagation();this.handleCheckboxClick(e)}}})),i("div",{key:"63d0d6313ee94b3e80a2a0058fa1e79431becb29",class:"option-label",onClick:this.handleHeaderClick,tabIndex:-1},i("slot",{key:"f503e85ef020cedec37931b6079a9164c1ce8d5d"}))),this.isExpanded&&i("div",{key:"75297050484cdc4a9c80b2bff614119a7c18ff3f",class:"option-children"},i("slot",{key:"f33fbe0abb5e7c9277e24e0445838d8e4d0a6910",name:"children"}))))}get el(){return s(this)}};d.style=f;export{h as ifx_multiselect,d as ifx_multiselect_option};
-//# sourceMappingURL=p-6407c496.entry.js.map

package/dist/infineon-design-system-stencil/p-6504f8d0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,a as i}from"./p-DtIEDtZ8.js";import{d as r,t as a}from"./p-DcmcuUOA.js";import{i as p}from"./p-Bw2fh5LT.js";const c=':root{--ifx-font-family:"Source Sans 3", \'Arial, sans-serif\'}.stepper{display:flex;align-items:center}.stepper.compact{align-items:center;gap:8px}.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%), #BFBBBB 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 h=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()}async componentDidLoad(){if(!p(this.el)){const t=r();a("ifx-stepper",await t)}this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"b6ddc5830bc2c1a371411fa1ddeef157b940acd5","aria-label":this.ariaLabel,"aria-current":this.ariaCurrent,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:"043992aa871a912d5f3326e2c8c263865d07c5b3",class:"stepper-progress"},s("div",{key:"901254c7f8f706e9541d79ecbbbfb0a37925dd73",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"7b2757662fb0acd26f47338fdbfce65a977f37ab",class:`stepper-wrapper`},s("slot",{key:"b4fd58e8b562c58c4837e5418e24739dc666f35a"})))}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"]}}};h.style=c;export{h as ifx_stepper};
-//# sourceMappingURL=p-6504f8d0.entry.js.map

package/dist/infineon-design-system-stencil/p-6af7d062.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as r,a as n}from"./p-DtIEDtZ8.js";const i=":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.breadcrumb-item-label-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1D1D1D}.breadcrumb-item-label-container.margin{margin-left:16px}.breadcrumb-item-label-container ifx-icon:empty{display:none}.breadcrumb-item-label-container .label-icon-wrapper{display:inline-flex}.breadcrumb-item-label-container .menu-icon-wrapper{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.breadcrumb-item-label-container .menu-icon-wrapper.hide{display:none}.breadcrumb-item-label-container .menu-icon-wrapper ifx-icon{transition:0.3s}.breadcrumb-item-label-container .menu-icon-wrapper.show ifx-icon{transition:0.3s;transform:rotate(180deg)}";const t=class{constructor(r){e(this,r);this.breadcrumbMenuIconWrapper=a(this,"breadcrumbMenuIconWrapper",7);this.target="_self"}componentDidLoad(){const e=this.el.shadowRoot.querySelector(".breadcrumb-item-label-container");const a=e.querySelector(".menu-icon-wrapper");this.breadcrumbMenuIconWrapper.emit(a)}render(){return r("a",{key:"7e5dbe02aa52451f7a5d972635efe4a43ecb1f6c",href:this.href,target:this.target,class:"breadcrumb-item-label-container",role:"link"},r("ifx-icon",{key:"f441ce13b8c16b94511f75d18de8296e7c6b468e",icon:this.icon,"aria-hidden":"true"}),r("span",{key:"cbeb92d41edb4ba9d7a2c44b1d024eb41f6344e8",class:"label-wrapper"},r("slot",{key:"8e5d86e84c1005ec8cf4ec1066d4c33a72f848e2"})),r("span",{key:"b2f401a1ee8c6a5f792c42a06f3a5534773c8158",class:"menu-icon-wrapper","aria-hiden":"true"},r("ifx-icon",{key:"e93b04e4fa9f8b916eb11be53f613668808dce5f",icon:"chevron-down-16"})))}get el(){return n(this)}};t.style=i;export{t as ifx_breadcrumb_item_label};
-//# sourceMappingURL=p-6af7d062.entry.js.map