@infineon/infineon-design-system-stencil 39.5.3--canary.2139.133cea084905930519b2700b21cd878dd36f68e1.0 → 39.5.3--canary.2143.70457b37813ab16ac0f42262694a483360e75006.0

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

@@ -0,0 +1,2 @@
+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-2813423a.entry.js.map → p-249372a1.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["searchBarCss","SearchBar","constructor","hostRef","this","isOpen","disabled","autocomplete","handleCloseButton","internalState","ifxOpen","emit","handleFocus","onNavbarMobile","handlePropChange","setInitialState","componentWillLoad","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","handleInput","event","value","detail","render","h","key","role","class","maxlength","onIfxInput","bind","icon","slot","href","onClick"],"sources":["src/components/search-bar/search-bar.scss?tag=ifx-search-bar&encapsulation=shadow","src/components/search-bar/search-bar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  width: 100%; //revert\n  display: flex;\n}\n\n.search-bar {\n  box-sizing: border-box;\n  height: tokens.$ifxSize500;\n  background-color: tokens.$ifxColorBaseWhite;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n  &.closed {\n    display: flex;\n    width: auto;\n    justify-content: flex-start;\n  }\n\n  & .search-bar-wrapper {\n    display: flex;\n    align-items: center;\n    gap: tokens.$ifxSpace200;\n    width: 100%;\n\n    & a {\n      \n      text-decoration: none;\n      font-size: tokens.$ifxFontSizeM;\n      font-style: normal;\n      font-weight: tokens.$ifxFontWeightSemibold;\n      line-height: tokens.$ifxLineHeightM;\n      color: tokens.$ifxColorOcean500;\n      cursor: pointer;\n      &:focus{\n    outline: none;\n      box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n    }\n\n  }\n    & ifx-search-field {\n      width: 100%;\n    }\n  }\n\n  .search-bar__icon-wrapper {\n    display: none;\n    flex-direction: row;\n    align-items: center;\n\n    & ifx-icon:hover {\n      cursor: pointer;\n    }\n  }\n\n  &.closed {\n    .search-bar__icon-wrapper {\n      display: flex;\n    }\n\n    .search-bar-wrapper {\n      display: none;\n    }\n  }\n}","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element, Method } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-search-bar',\n  styleUrl: 'search-bar.scss',\n  shadow: true,\n})\nexport class SearchBar {\n  @Prop() isOpen: boolean = true;\n  @Prop() disabled: boolean = false;\n  @State() internalState: boolean;\n  @Prop({ mutable: true }) value: string;\n  @Prop() maxlength?: number;\n  @Event() ifxInput: EventEmitter;\n  @Event() ifxOpen: EventEmitter;\n   @Prop() autocomplete: string = \"on\";\n  @Element() el;\n\n  @Method()\n  async onNavbarMobile() {\n    this.ifxOpen.emit(false)\n    this.internalState = false;\n  }\n\n  @Watch('isOpen')\n  handlePropChange() {\n    this.internalState = this.isOpen;\n  }\n\n  handleCloseButton = () => {\n    this.internalState = !this.internalState;\n    this.ifxOpen.emit(this.internalState)\n  }\n\n  setInitialState() {\n    this.internalState = this.isOpen;\n  }\n\n  componentWillLoad() {\n    this.setInitialState();\n    this.ifxOpen.emit(this.internalState)\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-search-bar', await framework)\n    }\n  }\n\n  handleInput(event: CustomEvent) {\n    this.value = event.detail;\n  }\n\n  handleFocus = () => {\n    this.internalState = true;\n  }\n\n\n  render() {\n    return (\n      <div 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'}`}>\n        {this.internalState ? (\n          <div class=\"search-bar-wrapper\">\n            <ifx-search-field autocomplete={this.autocomplete} disabled={this.disabled} value={this.value} maxlength={this.maxlength} onIfxInput={this.handleInput.bind(this)}>\n              <ifx-icon icon=\"search-16\" slot=\"search-icon\"></ifx-icon>\n            </ifx-search-field>\n\n            <a aria-label=\"Close button\" href='javascript:void(0)' onClick={this.handleCloseButton}>Close</a>\n          </div>\n        ) : (\n          <div class=\"search-bar_icon-wrapper\"\n          onClick={this.handleCloseButton}>\n            <ifx-icon icon=\"search-16\"></ifx-icon>\n          </div>\n        )}\n        </div>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAe,o+B,MCURC,EAAS,MALtB,WAAAC,CAAAC,G,8EAMUC,KAAMC,OAAY,KAClBD,KAAQE,SAAY,MAMnBF,KAAYG,aAAW,KAchCH,KAAiBI,kBAAG,KAClBJ,KAAKK,eAAiBL,KAAKK,cAC3BL,KAAKM,QAAQC,KAAKP,KAAKK,cAAc,EAuBvCL,KAAWQ,YAAG,KACZR,KAAKK,cAAgB,IAAI,CAwB5B,CA5DC,oBAAMI,GACJT,KAAKM,QAAQC,KAAK,OAClBP,KAAKK,cAAgB,K,CAIvB,gBAAAK,GACEV,KAAKK,cAAgBL,KAAKC,M,CAQ5B,eAAAU,GACEX,KAAKK,cAAgBL,KAAKC,M,CAG5B,iBAAAW,GACEZ,KAAKW,kBACLX,KAAKM,QAAQC,KAAKP,KAAKK,c,CAGzB,sBAAMQ,GACJ,IAAIC,EAAuBd,KAAKe,IAAK,CACnC,MAAMC,EAAYC,IAClBC,EAAe,uBAAwBF,E,EAI3C,WAAAG,CAAYC,GACVpB,KAAKqB,MAAQD,EAAME,M,CAQrB,MAAAC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,KAAK,SAAQ,aAAY,gCAA4C,aAAA1B,KAAKqB,MAAK,gBAAiBrB,KAAKE,SAAUyB,MAAO,cAAc3B,KAAKK,cAAgB,OAAS,YACpKL,KAAKK,cACJmB,EAAK,OAAAG,MAAM,sBACTH,EAAA,oBAAkBrB,aAAcH,KAAKG,aAAcD,SAAUF,KAAKE,SAAUmB,MAAOrB,KAAKqB,MAAOO,UAAW5B,KAAK4B,UAAWC,WAAY7B,KAAKmB,YAAYW,KAAK9B,OAC1JwB,EAAU,YAAAO,KAAK,YAAYC,KAAK,iBAGlCR,EAAc,iCAAeS,KAAK,qBAAqBC,QAASlC,KAAKI,mBAA4B,UAGnGoB,EAAA,OAAKG,MAAM,0BACXO,QAASlC,KAAKI,mBACZoB,EAAU,YAAAO,KAAK,e","ignoreList":[]}
+{"version":3,"names":["searchBarCss","SearchBar","constructor","hostRef","this","isOpen","disabled","autocomplete","handleCloseButton","internalState","ifxOpen","emit","handleFocus","onNavbarMobile","handlePropChange","setInitialState","componentWillLoad","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","handleInput","event","value","detail","render","h","key","role","class","maxlength","onIfxInput","bind","icon","slot","href","onClick"],"sources":["src/components/search-bar/search-bar.scss?tag=ifx-search-bar&encapsulation=shadow","src/components/search-bar/search-bar.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  width: 100%; //revert\n  display: flex;\n}\n\n.search-bar {\n  box-sizing: border-box;\n  height: tokens.$ifxSize500;\n  background-color: tokens.$ifxColorBaseWhite;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n  &.closed {\n    display: flex;\n    width: auto;\n    justify-content: flex-start;\n  }\n\n  & .search-bar-wrapper {\n    display: flex;\n    align-items: center;\n    gap: tokens.$ifxSpace200;\n    width: 100%;\n\n    & a {\n      \n      text-decoration: none;\n      font-size: tokens.$ifxFontSizeM;\n      font-style: normal;\n      font-weight: tokens.$ifxFontWeightSemibold;\n      line-height: tokens.$ifxLineHeightM;\n      color: tokens.$ifxColorOcean500;\n      cursor: pointer;\n      &:focus{\n    outline: none;\n      box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n    }\n\n  }\n    & ifx-search-field {\n      width: 100%;\n    }\n  }\n\n  .search-bar__icon-wrapper {\n    display: none;\n    flex-direction: row;\n    align-items: center;\n\n    & ifx-icon:hover {\n      cursor: pointer;\n    }\n  }\n\n  &.closed {\n    .search-bar__icon-wrapper {\n      display: flex;\n    }\n\n    .search-bar-wrapper {\n      display: none;\n    }\n  }\n}","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element, Method } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-search-bar',\n  styleUrl: 'search-bar.scss',\n  shadow: true,\n})\nexport class SearchBar {\n  @Prop() isOpen: boolean = true;\n  @Prop() disabled: boolean = false;\n  @State() internalState: boolean;\n  @Prop({ mutable: true }) value: string;\n  @Prop() maxlength?: number;\n  @Event() ifxInput: EventEmitter;\n  @Event() ifxOpen: EventEmitter;\n   @Prop() autocomplete: string = \"on\";\n  @Element() el;\n\n  @Method()\n  async onNavbarMobile() {\n    this.ifxOpen.emit(false)\n    this.internalState = false;\n  }\n\n  @Watch('isOpen')\n  handlePropChange() {\n    this.internalState = this.isOpen;\n  }\n\n  handleCloseButton = () => {\n    this.internalState = !this.internalState;\n    this.ifxOpen.emit(this.internalState)\n  }\n\n  setInitialState() {\n    this.internalState = this.isOpen;\n  }\n\n  componentWillLoad() {\n    this.setInitialState();\n    this.ifxOpen.emit(this.internalState)\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-search-bar', await framework)\n    }\n  }\n\n  handleInput(event: CustomEvent) {\n    this.value = event.detail;\n  }\n\n  handleFocus = () => {\n    this.internalState = true;\n  }\n\n\n  render() {\n    return (\n      <div 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'}`}>\n        {this.internalState ? (\n          <div class=\"search-bar-wrapper\">\n            <ifx-search-field autocomplete={this.autocomplete} disabled={this.disabled} value={this.value} maxlength={this.maxlength} onIfxInput={this.handleInput.bind(this)}>\n              <ifx-icon icon=\"search-16\" slot=\"search-icon\"></ifx-icon>\n            </ifx-search-field>\n\n            <a aria-label=\"Close button\" href='javascript:void(0)' onClick={this.handleCloseButton}>Close</a>\n          </div>\n        ) : (\n          <div class=\"search-bar_icon-wrapper\"\n          onClick={this.handleCloseButton}>\n            <ifx-icon icon=\"search-16\"></ifx-icon>\n          </div>\n        )}\n        </div>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAe,s+B,MCURC,EAAS,MALtB,WAAAC,CAAAC,G,8EAMUC,KAAMC,OAAY,KAClBD,KAAQE,SAAY,MAMnBF,KAAYG,aAAW,KAchCH,KAAiBI,kBAAG,KAClBJ,KAAKK,eAAiBL,KAAKK,cAC3BL,KAAKM,QAAQC,KAAKP,KAAKK,cAAc,EAuBvCL,KAAWQ,YAAG,KACZR,KAAKK,cAAgB,IAAI,CAwB5B,CA5DC,oBAAMI,GACJT,KAAKM,QAAQC,KAAK,OAClBP,KAAKK,cAAgB,K,CAIvB,gBAAAK,GACEV,KAAKK,cAAgBL,KAAKC,M,CAQ5B,eAAAU,GACEX,KAAKK,cAAgBL,KAAKC,M,CAG5B,iBAAAW,GACEZ,KAAKW,kBACLX,KAAKM,QAAQC,KAAKP,KAAKK,c,CAGzB,sBAAMQ,GACJ,IAAIC,EAAuBd,KAAKe,IAAK,CACnC,MAAMC,EAAYC,IAClBC,EAAe,uBAAwBF,E,EAI3C,WAAAG,CAAYC,GACVpB,KAAKqB,MAAQD,EAAME,M,CAQrB,MAAAC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,KAAK,SAAQ,aAAY,gCAA4C,aAAA1B,KAAKqB,MAAK,gBAAiBrB,KAAKE,SAAUyB,MAAO,cAAc3B,KAAKK,cAAgB,OAAS,YACpKL,KAAKK,cACJmB,EAAK,OAAAG,MAAM,sBACTH,EAAA,oBAAkBrB,aAAcH,KAAKG,aAAcD,SAAUF,KAAKE,SAAUmB,MAAOrB,KAAKqB,MAAOO,UAAW5B,KAAK4B,UAAWC,WAAY7B,KAAKmB,YAAYW,KAAK9B,OAC1JwB,EAAU,YAAAO,KAAK,YAAYC,KAAK,iBAGlCR,EAAc,iCAAeS,KAAK,qBAAqBC,QAASlC,KAAKI,mBAA4B,UAGnGoB,EAAA,OAAKG,MAAM,0BACXO,QAASlC,KAAKI,mBACZoB,EAAU,YAAAO,KAAK,e","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-beaba918.entry.js → p-27808b00.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s}from"./p-PqnYwNKt.js";const o=".card-image{width:100%;height:100%;vertical-align:bottom;object-fit:cover}";const e=class{constructor(s){t(this,s);this.imgPosition=i(this,"imgPosition",7)}handlePosition(t){this.imgPosition.emit(t)}componentWillLoad(){this.handlePosition(this.position)}componentDidUpdate(){this.handlePosition(this.position)}render(){return s("img",{key:"74204d35691d617c897b876c6efee1b9a6722f64",src:this.src,alt:this.alt,class:"card-image"})}};e.style=o;export{e as ifx_card_image};
-//# sourceMappingURL=p-beaba918.entry.js.map
+import{r as t,c as i,h as s}from"./p-DtIEDtZ8.js";const o=".card-image{width:100%;height:100%;vertical-align:bottom;object-fit:cover}";const e=class{constructor(s){t(this,s);this.imgPosition=i(this,"imgPosition",7)}handlePosition(t){this.imgPosition.emit(t)}componentWillLoad(){this.handlePosition(this.position)}componentDidUpdate(){this.handlePosition(this.position)}render(){return s("img",{key:"74204d35691d617c897b876c6efee1b9a6722f64",src:this.src,alt:this.alt,class:"card-image"})}};e.style=o;export{e as ifx_card_image};
+//# sourceMappingURL=p-27808b00.entry.js.map

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

@@ -0,0 +1,2 @@
+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-6a07106e.entry.js.map → p-29d78bf2.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["fileUploadCss","FileUpload","constructor","hostRef","this","dragAndDrop","required","disabled","maxFileSizeMB","allowedFileTypes","undefined","additionalAllowedFileTypes","allowAnyFileType","allowedFileExtensions","label","labelRequiredError","labelBrowseFiles","labelDragAndDrop","labelUploadedFilesHeading","labelFileTooLarge","labelUnsupportedFileType","labelUploaded","labelUploadFailed","labelSupportedFormatsTemplate","labelFileSingular","labelFilePlural","labelMaxFilesInfo","labelMaxFilesExceeded","ariaLabelBrowseFiles","ariaLabelDropzone","ariaLabelFileInput","ariaLabelRemoveFile","ariaLabelCancelUpload","ariaLabelRetryUpload","ariaLabelUploadingStatus","ariaLabelUploadedStatus","ariaLabelUploadFailedStatus","internalId","Math","random","toString","substr","isDragOver","files","uploadTasks","rejectedSizeFiles","rejectedTypeFiles","requiredError","statusMessage","fileInputEl","extensionToMimeMap","jpg","jpeg","png","gif","svg","webp","pdf","doc","docx","xls","xlsx","ppt","pptx","txt","csv","json","mp3","wav","mp4","mov","webm","zip","rar","tar","gz","xml","html","css","js","maxFiles","_maxFiles","value","console","warn","validateRequired","length","_a","text","type","ifxFileUploadValidation","emit","valid","_b","pluralize","count","getNormalizedFileTypes","getNormalizedFileExtensions","Array","isArray","JSON","parse","split","map","t","trim","isFileTypeAllowed","file","fileExtension","getFileExtension","name","normalizedTypes","allowedMimes","ext","toLowerCase","filter","Boolean","includes","additionalMimeTypes","getAdditionalMimeTypes","customExtensions","normalizedExt","startsWith","substring","filename","lastDotIndex","lastIndexOf","getLabelFromMimeType","mime","knownMime","Object","entries","toUpperCase","handleFileChange","event","input","target","processFiles","handleDrop","preventDefault","stopPropagation","dataTransfer","droppedFiles","from","acceptedFiles","rejectedFiles","forEach","isValidType","isValidSize","size","push","ifxFileUploadDrop","handleDragOver","handleDragLeave","fileList","selectedFiles","validFiles","rejectedSize","rejectedType","isDuplicate","some","existing","ifxFileUploadInvalid","reason","ifxFileUploadError","errorType","message","availableSlots","limitedFiles","slice","max","overflowFiles","startUpload","ifxFileUploadAdd","addedFiles","ifxFileUploadChange","replace","ifxFileUploadMaxFilesExceeded","attempted","retryUpload","taskIndex","findIndex","splice","ifxFileUploadRetry","checkAndEmitAllComplete","every","completed","error","hasSuccessfulUploads","successfulFiles","ifxFileUploadAllComplete","resetFileInput","updateTaskProgress","progress","task","find","newProgress","min","ifxFileUploadStart","intervalId","uploadHandler","percent","then","ifxFileUploadComplete","catch","totalSize","fakeUploadSpeed","uploaded","window","setInterval","round","clearInterval","cancelUpload","_","i","f","ifxFileUploadAbort","removeFile","ifxFileUploadRemove","removedFile","clearRejectedFile","fileName","splitFileNameParts","dotIndex","base","getFileIcon","extension","pop","formatSize","bytes","toFixed","getAcceptAttribute","acceptValues","extensionTypes","mimeTypes","join","getFormattedProgressText","uploadedSize","uploadedText","totalText","getSupportedFileText","fileWord","maxFilesText","allTypes","extensions","cleanExt","typesLabel","getFormattedFileTooLargeText","renderStatusMessage","h","class","icon","isInputDisabled","componentDidLoad","isNestedInIfxComponent","hostElement","framework","detectFramework","trackComponent","hasAttribute","showDemoStates","injectDemoState","dummyContent","fill","bigContent","uploading","File","failed","tooLarge","unsupported","triggerDemoValidation","render","key","htmlFor","renderDragAndDropArea","renderUploadArea","shape","variant","onClick","isUploading","isError","itemClass","uniqueKey","style","display","handleInputRef","el","click","id","ref","accept","multiple","onChange","e","triggerInputClick","onDragOver","onDragLeave","onDrop","role","tabIndex","height","overflow"],"sources":["src/components/file-upload/file-upload.scss?tag=ifx-file-upload&encapsulation=shadow","src/components/file-upload/file-upload.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  // TODO remove\n  font-family: var(--ifx-font-family, sans-serif);\n}\n\n.file-upload-wrapper {\n  display: flex;\n  flex-direction: column;\n\n  &.disabled {\n    pointer-events: none;\n\n    label,\n    .file-upload-info {\n      color: tokens.$ifxColorEngineering500;\n    }\n  }\n}\n\n.file-upload-label {\n  font-style: normal;\n  font-weight: 400;\n  font-size: tokens.$ifxFontSizeM;\n  line-height: tokens.$ifxLineHeightM;\n  color: tokens.$ifxColorBaseBlack;\n\n  .required {\n    display: inline-block;\n    margin-left: 4px;\n\n    &.error {\n      color: tokens.$ifxColorRed500;\n    }\n  }\n}\n\n.upload-dropzone {\n  border: 1px dashed tokens.$ifxColorEngineering300;\n  padding: tokens.$ifxSpace500;\n  text-align: center;\n  cursor: pointer;\n  color: tokens.$ifxColorBaseBlack;\n  transition: border-color 0.3s ease;\n  border-radius: tokens.$ifxBorderRadius12;\n  background: tokens.$ifxColorBaseWhite;\n\n  ifx-icon {\n    color: tokens.$ifxColorOcean500;\n  }\n\n  &:hover {\n    border: 1px dashed tokens.$ifxColorEngineering400;\n  }\n\n  &.drag-over {\n    border: 1px solid tokens.$ifxColorOcean500;\n    background: tokens.$ifxColorEngineering100;\n\n    &.error {\n      border: 1px solid tokens.$ifxColorOcean500;\n    }\n  }\n\n  &.error {\n    border-color: tokens.$ifxColorRed500;\n  }\n\n  .disabled & {\n    pointer-events: none;\n    border-color: tokens.$ifxColorEngineering300;\n    color: tokens.$ifxColorEngineering300;\n\n    ifx-icon {\n      color: tokens.$ifxColorEngineering300;\n    }\n  }\n}\n\n.upload-dropzone input {\n  display: none;\n}\n\n.file-upload-info {\n  font-style: normal;\n  font-weight: tokens.$ifxFontWeightRegular;\n  font-size: tokens.$ifxFontSizeXs;\n  line-height: tokens.$ifxLineHeightXs;\n  letter-spacing: tokens.$ifxLetterSpacingDefault;\n  color: tokens.$ifxColorBaseBlack;\n  margin: 0;\n  margin-top: tokens.$ifxSpace50;\n}\n\n.file-upload-status {\n  font-style: normal;\n  font-weight: 400;\n  font-size: tokens.$ifxFontSizeXs;\n  line-height: tokens.$ifxLineHeightXs;\n  letter-spacing: 0.2px;\n  margin-top: tokens.$ifxSpace100;\n\n  &.file-upload-status__error {\n    display: flex;\n    align-items: center;\n    color: tokens.$ifxColorRed500;\n\n    ifx-icon {\n      position: relative;\n      top: - tokens.$ifxSpace12;\n      color: tokens.$ifxColorRed500;\n      margin-right: tokens.$ifxSpace100;\n    }\n  }\n}\n\n.upload-heading {\n  font: tokens.$ifxHeadingHeading06;\n  margin-bottom: tokens.$ifxSpace100;\n}\n\n.file-list-wrapper {\n  margin-top: tokens.$ifxSpace200;\n}\n\n.file-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: tokens.$ifxSpace200;\n}\n\n.file-item {\n  border: 1px solid tokens.$ifxColorEngineering300;\n  padding-top: tokens.$ifxSpace150;\n  padding-right: tokens.$ifxSpace200;\n  padding-bottom: tokens.$ifxSpace100;\n  padding-left: tokens.$ifxSpace200;\n  display: flex;\n  gap: tokens.$ifxSpace100;\n}\n\n.file-info {\n  width: 100%;\n  min-width: 0;\n}\n\n.file-top-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: tokens.$ifxSpace200;\n  margin-top: - tokens.$ifxSpace100;\n}\n\n.file-top-row ifx-icon {\n  flex-shrink: 0;\n}\n\n.file-name-wrapper {\n  display: flex;\n  min-width: 0;\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  font-weight: tokens.$ifxFontWeightRegular;\n  font-size: tokens.$ifxFontSizeS;\n}\n\n.file-name-base {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-shrink: 1;\n  min-width: 0;\n}\n\n.file-name-ext {\n  flex-shrink: 0;\n  margin-left: 0;\n}\n\n.file-middle-row {\n  display: flex;\n  align-items: center;\n  font-size: tokens.$ifxFontSizeXs;\n  line-height: tokens.$ifxLineHeightXs;\n  flex-wrap: wrap;\n  color: tokens.$ifxColorEngineering500;\n\n  .file-status {\n    margin-left: tokens.$ifxSpace150;\n\n    ifx-icon {\n      margin-right: tokens.$ifxSpace100;\n    }\n  }\n}\n\n.file-progress-row {\n  margin-top: tokens.$ifxSpace50;\n}\n\n.file-progress-row ifx-progress-bar {\n  width: 100%;\n}\n\n.upload-success {\n  border-color: tokens.$ifxColorOcean500;\n\n  .file-status {\n    ifx-icon {\n      position: relative;\n      top: tokens.$ifxSpace12;\n      color: tokens.$ifxColorGreen500;\n    }\n  }\n}\n\n.upload-failed {\n  border-color: tokens.$ifxColorRed500;\n\n  .file-status {\n    color: tokens.$ifxColorRed500;\n    margin-left: 0;\n  }\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\ninterface UploadTask {\n  file: File;\n  progress: number;\n  intervalId: number | null;\n  completed: boolean;\n  error?: boolean;\n}\n\nexport type FileUploadErrorReason = 'network-error' | 'timeout' | 'file-too-large' | 'unsupported-type' | 'invalid-type' | 'custom' | (string & {});\n\n@Component({\n  tag: 'ifx-file-upload',\n  styleUrl: 'file-upload.scss',\n  shadow: true,\n})\nexport class FileUpload {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() dragAndDrop: boolean = false;\n  @Prop() required: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() maxFileSizeMB: number = 7;\n  /** Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`. */\n  @Prop() allowedFileTypes?: string | string[] = undefined;\n  @Prop() additionalAllowedFileTypes?: string | string[] = [];\n  /** When set to true, allows any file type to be uploaded (no file type restrictions). */\n  @Prop() allowAnyFileType: boolean = false;\n  /** Custom file extensions to allow (e.g., 'xml', 'asc', 'cfg'). Recommended format: without dots. Also accepts format with dots like '.xml'. Do not use wildcards like '*.xml'. */\n  @Prop() allowedFileExtensions?: string | string[] = [];\n  @Prop() uploadHandler?: (file: File, onProgress?: (progress: number) => void) => Promise<void>;\n\n  private _maxFiles?: number;\n  @Prop()\n  get maxFiles(): number | undefined {\n    return this._maxFiles;\n  }\n  set maxFiles(value: number | undefined) {\n    if (typeof value === 'number' && value < 1) {\n      console.warn('Invalid `maxFiles` value. Must be >= 1. Value ignored.');\n      this._maxFiles = undefined;\n    } else {\n      this._maxFiles = value;\n    }\n  }\n\n  @Prop() label: string = 'Label';\n  @Prop() labelRequiredError: string = 'At least one file must be uploaded';\n  @Prop() labelBrowseFiles: string = 'Browse files';\n  @Prop() labelDragAndDrop: string = 'Drag & Drop or browse files to upload';\n  @Prop() labelUploadedFilesHeading: string = 'Uploaded files';\n  @Prop() labelFileTooLarge: string = 'Upload failed. Max file size: {{size}}MB.';\n  @Prop() labelUnsupportedFileType: string = 'Unsupported file type.';\n  @Prop() labelUploaded: string = 'Successfully uploaded';\n  @Prop() labelUploadFailed: string = 'Upload failed. Please try again.';\n  @Prop() labelSupportedFormatsTemplate: string = 'Supported file formats: {{types}}. Max file size: {{size}}MB.';\n  @Prop() labelFileSingular: string = 'file';\n  @Prop() labelFilePlural: string = 'files';\n  @Prop() labelMaxFilesInfo?: string = 'Up to {{count}} {{files}}.';\n  @Prop() labelMaxFilesExceeded: string = 'Upload limit exceeded. Only {{count}} {{files}} allowed.';\n\n  @Prop() ariaLabelBrowseFiles: string = 'Browse files';\n  @Prop() ariaLabelDropzone: string = 'Upload area. Click to browse or drag and drop files.';\n  @Prop() ariaLabelFileInput: string = 'Upload file';\n  @Prop() ariaLabelRemoveFile: string = 'Remove file';\n  @Prop() ariaLabelCancelUpload: string = 'Cancel upload';\n  @Prop() ariaLabelRetryUpload: string = 'Retry upload';\n  @Prop() ariaLabelUploadingStatus: string = 'Upload in progress';\n  @Prop() ariaLabelUploadedStatus: string = 'Upload completed';\n  @Prop() ariaLabelUploadFailedStatus: string = 'Upload failed';\n\n  private showDemoStates?: boolean;\n  private internalId = `ifx-file-upload-${Math.random().toString(36).substr(2, 9)}`;\n\n  @State() isDragOver: boolean = false;\n  @State() files: File[] = [];\n  @State() uploadTasks: UploadTask[] = [];\n  @State() rejectedSizeFiles: string[] = [];\n  @State() rejectedTypeFiles: string[] = [];\n  @State() requiredError: boolean = false;\n  @State() statusMessage: { type: 'error' | 'info' | 'success'; text: string } | null = null;\n\n  @Event() ifxFileUploadAdd: EventEmitter<{ addedFiles: File[]; files: File[] }>;\n  @Event() ifxFileUploadRemove: EventEmitter<{ removedFile: File; files: File[] }>;\n  @Event() ifxFileUploadChange: EventEmitter<{ files: File[] }>;\n  @Event() ifxFileUploadError: EventEmitter<{ errorType: string; file: File; message: string; reason?: string }>;\n  @Event() ifxFileUploadInvalid: EventEmitter<{ file: File; reason: string }>;\n  @Event() ifxFileUploadStart: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadComplete: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadAllComplete: EventEmitter<{ files: File[] }>;\n  @Event() ifxFileUploadAbort: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadDrop: EventEmitter<{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[] }>;\n  @Event() ifxFileUploadClick: EventEmitter<void>;\n  @Event() ifxFileUploadMaxFilesExceeded: EventEmitter<{ maxFiles: number; attempted: number }>;\n  @Event() ifxFileUploadValidation: EventEmitter<{ valid: boolean }>;\n  @Event() ifxFileUploadRetry: EventEmitter<{ file: File }>;\n\n  private fileInputEl: HTMLInputElement | null = null;\n\n  private extensionToMimeMap: Record<string, string> = {\n    /**\n     * Maps file extensions to MIME types.\n     * This is only used for translating `allowedFileTypes` (extensions) into MIME types,\n     * and for labeling in the UI. It does NOT define which files are globally allowed.\n     */\n\n    // Images\n    jpg: 'image/jpeg',\n    jpeg: 'image/jpeg',\n    png: 'image/png',\n    gif: 'image/gif',\n    svg: 'image/svg+xml',\n    webp: 'image/webp',\n\n    // Documents\n    pdf: 'application/pdf',\n    doc: 'application/msword',\n    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    xls: 'application/vnd.ms-excel',\n    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    ppt: 'application/vnd.ms-powerpoint',\n    pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n    txt: 'text/plain',\n    csv: 'text/csv',\n    json: 'application/json',\n\n    // Audio/Video\n    mp3: 'audio/mpeg',\n    wav: 'audio/wav',\n    mp4: 'video/mp4',\n    mov: 'video/quicktime',\n    webm: 'video/webm',\n\n    // Archive / Code\n    zip: 'application/zip',\n    rar: 'application/vnd.rar',\n    tar: 'application/x-tar',\n    gz: 'application/gzip',\n\n    // Sonstiges\n    xml: 'application/xml',\n    html: 'text/html',\n    css: 'text/css',\n    js: 'application/javascript',\n  };\n\n  private validateRequired(): void {\n    if (this.required && this.files.length === 0) {\n      this.requiredError = true;\n\n      if (this.statusMessage?.text !== this.labelRequiredError) {\n        this.statusMessage = {\n          type: 'error',\n          text: this.labelRequiredError,\n        };\n      }\n\n      this.ifxFileUploadValidation.emit({ valid: false });\n    } else {\n      this.requiredError = false;\n\n      if (this.statusMessage?.text === this.labelRequiredError) {\n        this.statusMessage = null;\n      }\n\n      this.ifxFileUploadValidation.emit({ valid: true });\n    }\n  }\n\n  private pluralize(count: number): string {\n    // If allowAnyFileType is true, use generic terms\n    if (this.allowAnyFileType) {\n      return count === 1 ? 'file' : 'files';\n    }\n    return count === 1 ? this.labelFileSingular : this.labelFilePlural;\n  }\n\n  private getNormalizedFileTypes(): string[] {\n    // If allowedFileTypes is not set and allowedFileExtensions is set, return empty array\n    if (!this.allowedFileTypes && this.allowedFileExtensions && this.getNormalizedFileExtensions().length > 0) {\n      return [];\n    }\n\n    // If allowedFileTypes is not set and no allowedFileExtensions, use defaults\n    if (!this.allowedFileTypes) {\n      return ['jpg', 'jpeg', 'png', 'pdf', 'mov', 'mp3', 'mp4'];\n    }\n\n    if (Array.isArray(this.allowedFileTypes)) {\n      return this.allowedFileTypes;\n    }\n    try {\n      return JSON.parse(this.allowedFileTypes);\n    } catch {\n      return this.allowedFileTypes.split(',').map(t => t.trim());\n    }\n  }\n\n  private getNormalizedFileExtensions(): string[] {\n    if (!this.allowedFileExtensions) return [];\n    if (Array.isArray(this.allowedFileExtensions)) {\n      return this.allowedFileExtensions;\n    }\n    try {\n      return JSON.parse(this.allowedFileExtensions);\n    } catch {\n      return this.allowedFileExtensions.split(',').map(t => t.trim());\n    }\n  }\n\n  /**\n   * Enhanced file type validation that supports:\n   * - allowAnyFileType flag for unrestricted uploads (overrides all restrictions)\n   * - allowedFileTypes (predefined extensions mapped to MIME types) - if not set and allowedFileExtensions is set, ignored\n   * - additionalAllowedFileTypes (MIME types)\n   * - allowedFileExtensions (custom extensions) - if only this is set, only these extensions are allowed\n   */\n  private isFileTypeAllowed(file: File): boolean {\n    // If allowAnyFileType is true, accept all files (overrides all restrictions)\n    if (this.allowAnyFileType) {\n      return true;\n    }\n\n    const fileExtension = this.getFileExtension(file.name);\n\n    // Check against allowedFileTypes (predefined extensions)\n    const normalizedTypes = this.getNormalizedFileTypes();\n    const allowedMimes = normalizedTypes.map(ext => this.extensionToMimeMap[ext.toLowerCase()]).filter(Boolean);\n\n    if (allowedMimes.includes(file.type)) {\n      return true;\n    }\n\n    // Check against additionalAllowedFileTypes (MIME types)\n    const additionalMimeTypes = this.getAdditionalMimeTypes();\n    if (additionalMimeTypes.includes(file.type)) {\n      return true;\n    }\n\n    // Check against allowedFileExtensions (custom extensions)\n    const customExtensions = this.getNormalizedFileExtensions();\n    if (customExtensions.length > 0 && fileExtension) {\n      for (const ext of customExtensions) {\n        const normalizedExt = ext.startsWith('.') ? ext.substring(1).toLowerCase() : ext.toLowerCase();\n        if (fileExtension === normalizedExt) {\n          return true;\n        }\n      }\n    }\n\n    return false;\n  }\n\n  /**\n   * Extracts file extension from filename (without dot)\n   */\n  private getFileExtension(filename: string): string | null {\n    const lastDotIndex = filename.lastIndexOf('.');\n    if (lastDotIndex === -1 || lastDotIndex === filename.length - 1) {\n      return null;\n    }\n    return filename.substring(lastDotIndex + 1).toLowerCase();\n  }\n\n  private getLabelFromMimeType(mime: string): string {\n    for (const [ext, knownMime] of Object.entries(this.extensionToMimeMap)) {\n      if (knownMime === mime) {\n        return ext.toUpperCase();\n      }\n    }\n    return mime; // fallback: show raw MIME\n  }\n\n  handleFileChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    if (!input.files) return;\n    this.processFiles(input.files);\n  }\n\n  handleDrop(event: DragEvent) {\n    if (this.disabled) return;\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver = false;\n    if (event.dataTransfer?.files) {\n      const droppedFiles = Array.from(event.dataTransfer.files);\n\n      const acceptedFiles: File[] = [];\n      const rejectedFiles: File[] = [];\n\n      droppedFiles.forEach(file => {\n        const isValidType = this.isFileTypeAllowed(file);\n        const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;\n        if (isValidType && isValidSize) acceptedFiles.push(file);\n        else rejectedFiles.push(file);\n      });\n\n      this.ifxFileUploadDrop.emit({\n        droppedFiles,\n        acceptedFiles,\n        rejectedFiles,\n      });\n\n      this.processFiles(event.dataTransfer.files);\n    }\n  }\n\n  handleDragOver(event: DragEvent) {\n    if (this.disabled) return;\n    event.preventDefault();\n    this.isDragOver = true;\n  }\n\n  handleDragLeave(event: DragEvent) {\n    if (this.disabled) return;\n    event.preventDefault();\n    this.isDragOver = false;\n  }\n\n  processFiles(fileList: FileList) {\n    const selectedFiles = Array.from(fileList);\n\n    const validFiles: File[] = [];\n    const rejectedSize: string[] = [];\n    const rejectedType: string[] = [];\n\n    selectedFiles.forEach(file => {\n      const isValidType = this.isFileTypeAllowed(file);\n      const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;\n      const isDuplicate = this.files.some(existing => existing.name === file.name && existing.size === file.size);\n\n      if (isDuplicate) {\n        this.ifxFileUploadInvalid.emit({ file, reason: 'duplicate' });\n        this.ifxFileUploadError.emit({\n          file,\n          errorType: 'duplicate',\n          message: `File \"${file.name}\" is already added`,\n          reason: 'duplicate',\n        });\n        return;\n      }\n\n      if (isValidType && isValidSize) {\n        validFiles.push(file);\n      } else {\n        if (!isValidType) {\n          rejectedType.push(file.name);\n          this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-type' });\n        }\n        if (!isValidSize) {\n          rejectedSize.push(file.name);\n          this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-size' });\n        }\n        this.ifxFileUploadError.emit({\n          file,\n          errorType: !isValidType ? 'invalid-type' : 'file-too-large',\n          message: 'Invalid file rejected',\n          reason: !isValidType ? 'unsupported-type' : 'file-too-large',\n        });\n      }\n    });\n\n    this.rejectedSizeFiles = [...this.rejectedSizeFiles, ...rejectedSize];\n    this.rejectedTypeFiles = [...this.rejectedTypeFiles, ...rejectedType];\n\n    if (this.maxFiles && this.files.length + validFiles.length > this.maxFiles) {\n      const availableSlots = this.maxFiles - this.files.length;\n      const limitedFiles = validFiles.slice(0, Math.max(availableSlots, 0));\n      const overflowFiles = validFiles.slice(availableSlots);\n\n      this.files = [...this.files, ...limitedFiles];\n\n      limitedFiles.forEach(file => this.startUpload(file));\n\n      if (limitedFiles.length > 0) {\n        this.ifxFileUploadAdd.emit({ addedFiles: limitedFiles, files: this.files });\n        this.ifxFileUploadChange.emit({ files: this.files });\n      }\n\n      overflowFiles.forEach(file => {\n        this.ifxFileUploadInvalid.emit({ file, reason: 'too-many-files' });\n        this.ifxFileUploadError.emit({\n          file,\n          errorType: 'too-many-files',\n          message: `Upload limit exceeded. Max ${this.maxFiles} files allowed.`,\n          reason: 'too-many-files',\n        });\n      });\n\n      if (overflowFiles.length > 0) {\n        this.statusMessage = {\n          type: 'error',\n          text: this.labelMaxFilesExceeded.replace('{{count}}', this.maxFiles.toString()).replace('{{files}}', this.pluralize(this.maxFiles)),\n        };\n        this.ifxFileUploadMaxFilesExceeded.emit({\n          maxFiles: this.maxFiles,\n          attempted: this.files.length + validFiles.length,\n        });\n      }\n\n      return;\n    }\n\n    validFiles.forEach(file => this.startUpload(file));\n    this.files = [...this.files, ...validFiles];\n\n    if (validFiles.length > 0) {\n      this.ifxFileUploadAdd.emit({ addedFiles: validFiles, files: this.files });\n      this.ifxFileUploadChange.emit({ files: this.files });\n    }\n\n    this.validateRequired();\n  }\n\n  retryUpload(file: File) {\n    const taskIndex = this.uploadTasks.findIndex(t => t.file.name === file.name);\n    if (taskIndex !== -1) {\n      this.uploadTasks.splice(taskIndex, 1);\n      this.uploadTasks = [...this.uploadTasks];\n    }\n    this.ifxFileUploadRetry.emit({ file });\n    this.startUpload(file);\n  }\n\n  private checkAndEmitAllComplete(): void {\n    if (this.uploadTasks.every(t => t.completed || t.error)) {\n      const hasSuccessfulUploads = this.uploadTasks.some(t => t.completed && !t.error);\n      if (hasSuccessfulUploads) {\n        const successfulFiles = this.uploadTasks.filter(t => t.completed && !t.error).map(t => t.file);\n        this.ifxFileUploadAllComplete.emit({ files: successfulFiles });\n      }\n    }\n  }\n\n  private resetFileInput(): void {\n    if (this.fileInputEl) {\n      this.fileInputEl.value = '';\n    }\n  }\n\n  private updateTaskProgress(file: File, progress: number): void {\n    const task = this.uploadTasks.find(t => t.file === file);\n    if (task) {\n      const newProgress = Math.max(task.progress, Math.min(100, progress));\n      if (newProgress !== task.progress) {\n        task.progress = newProgress;\n        this.uploadTasks = [...this.uploadTasks];\n      }\n    }\n  }\n\n  startUpload(file: File) {\n    this.ifxFileUploadStart.emit({ file });\n    const task: UploadTask = {\n      file,\n      progress: 3, // Start with initial progress for better UX\n      intervalId: null,\n      completed: false,\n    };\n    this.uploadTasks = [...this.uploadTasks, task];\n\n    if (this.uploadHandler) {\n      this.uploadHandler(file, (percent: number) => {\n        this.updateTaskProgress(file, percent);\n      })\n        .then(() => {\n          task.progress = 100;\n          task.completed = true;\n          this.uploadTasks = [...this.uploadTasks];\n          this.ifxFileUploadComplete.emit({ file });\n          this.ifxFileUploadChange.emit({ files: this.files });\n          this.checkAndEmitAllComplete();\n        })\n        .catch(() => {\n          task.error = true;\n          this.uploadTasks = [...this.uploadTasks];\n          this.ifxFileUploadError.emit({\n            file,\n            errorType: 'upload-failed',\n            message: 'Upload handler rejected file',\n            reason: 'custom',\n          });\n          this.checkAndEmitAllComplete();\n        });\n    } else {\n      const totalSize = file.size;\n      const fakeUploadSpeed = 100000;\n      let uploaded = 0;\n      task.intervalId = window.setInterval(() => {\n        uploaded += fakeUploadSpeed / 5;\n        const progress = Math.min(100, Math.round((uploaded / totalSize) * 100));\n        this.updateTaskProgress(file, progress);\n\n        if (progress >= 100) {\n          clearInterval(task.intervalId!);\n          task.completed = true;\n          task.intervalId = null;\n          this.uploadTasks = [...this.uploadTasks];\n          this.ifxFileUploadComplete.emit({ file });\n          this.ifxFileUploadChange.emit({ files: this.files });\n          this.checkAndEmitAllComplete();\n        }\n      }, 200);\n    }\n  }\n\n  cancelUpload(file: File) {\n    const taskIndex = this.uploadTasks.findIndex(t => t.file.name === file.name);\n    if (taskIndex !== -1) {\n      const task = this.uploadTasks[taskIndex];\n      if (task?.intervalId !== null) {\n        clearInterval(task.intervalId);\n      }\n      this.uploadTasks = this.uploadTasks.filter((_, i) => i !== taskIndex);\n    }\n    this.files = this.files.filter(f => f.name !== file.name);\n    this.ifxFileUploadAbort.emit({ file });\n    this.ifxFileUploadChange.emit({ files: this.files });\n    this.resetFileInput();\n    this.validateRequired();\n  }\n\n  removeFile(file: File) {\n    this.uploadTasks = this.uploadTasks.filter(task => task.file.name !== file.name);\n    this.files = this.files.filter(f => f.name !== file.name);\n    this.ifxFileUploadRemove.emit({ removedFile: file, files: this.files });\n    this.ifxFileUploadChange.emit({ files: this.files });\n    this.validateRequired();\n\n    this.resetFileInput();\n\n    if (this.maxFiles && this.files.length < this.maxFiles && this.statusMessage?.text !== this.labelRequiredError) {\n      this.statusMessage = null;\n    }\n  }\n\n  clearRejectedFile(fileName: string, type: 'size' | 'type') {\n    if (type === 'size') {\n      this.rejectedSizeFiles = this.rejectedSizeFiles.filter(f => f !== fileName);\n    } else {\n      this.rejectedTypeFiles = this.rejectedTypeFiles.filter(f => f !== fileName);\n    }\n\n    this.resetFileInput();\n\n    if (this.maxFiles && this.files.length < this.maxFiles) {\n      this.statusMessage = null;\n    }\n\n    this.validateRequired();\n  }\n\n  splitFileNameParts(file: File): { base: string; ext: string } {\n    const name = file.name;\n    const dotIndex = name.lastIndexOf('.');\n    if (dotIndex === -1) return { base: name, ext: '' };\n    return {\n      base: name.substring(0, dotIndex),\n      ext: name.substring(dotIndex),\n    };\n  }\n\n  getFileIcon(file: File): string {\n    const extension = file.name.split('.').pop()?.toLowerCase();\n    switch (extension) {\n      case 'pdf':\n        return 'file-pdf-16';\n      case 'jpg':\n      case 'jpeg':\n        return 'file-jpg-16';\n      case 'png':\n        return 'file-png-16';\n      case 'mov':\n        return 'file-mov-16';\n      case 'mp3':\n        return 'file-mp3-16';\n      case 'mp4':\n        return 'file-mp4-16';\n      default:\n        return 'file-16';\n    }\n  }\n\n  formatSize(bytes: number): string {\n    if (bytes >= 1024 * 1024 * 1024) {\n      return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n    } else if (bytes >= 1024 * 1024) {\n      return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n    } else if (bytes >= 1024) {\n      return `${(bytes / 1024).toFixed(0)} KB`;\n    } else {\n      return `${bytes} B`;\n    }\n  }\n\n  getAcceptAttribute(): string {\n    // If allowAnyFileType is true, don't restrict the input\n    if (this.allowAnyFileType) {\n      return '';\n    }\n\n    const acceptValues: string[] = [];\n\n    // Add extensions from allowedFileTypes\n    const extensionTypes = this.getNormalizedFileTypes().map(ext => '.' + ext.toLowerCase());\n    acceptValues.push(...extensionTypes);\n\n    // Add MIME types from additionalAllowedFileTypes\n    const mimeTypes = this.getAdditionalMimeTypes();\n    acceptValues.push(...mimeTypes);\n\n    // Add custom file extensions\n    const customExtensions = this.getNormalizedFileExtensions();\n    customExtensions.forEach(ext => {\n      const normalizedExt = ext.startsWith('.') ? ext : '.' + ext;\n      acceptValues.push(normalizedExt);\n    });\n\n    return acceptValues.join(',');\n  }\n\n  private getFormattedProgressText(task: UploadTask): string {\n    const uploadedSize = Math.round((task.progress / 100) * task.file.size);\n    const uploadedText = this.formatSize(uploadedSize);\n    const totalText = this.formatSize(task.file.size);\n    return `${uploadedText} / ${totalText} uploaded`;\n  }\n\n  private getAdditionalMimeTypes(): string[] {\n    if (!this.additionalAllowedFileTypes) return [];\n    if (Array.isArray(this.additionalAllowedFileTypes)) return this.additionalAllowedFileTypes;\n    return this.additionalAllowedFileTypes.split(',').map(t => t.trim());\n  }\n\n  private getSupportedFileText(): string {\n    if (this.allowAnyFileType) {\n      let text = `All file types allowed. Max file size: ${this.maxFileSizeMB}MB.`;\n      if (this.labelMaxFilesInfo && this.maxFiles) {\n        const fileWord = this.pluralize(this.maxFiles);\n        const maxFilesText = this.labelMaxFilesInfo.replace('{{count}}', this.maxFiles.toString()).replace('{{files}}', fileWord);\n        text += ` ${maxFilesText}`;\n      }\n      return text;\n    }\n\n    const allTypes: string[] = [];\n\n    // Add extensions from allowedFileTypes\n    const extensions = this.getNormalizedFileTypes().map(ext => ext.toUpperCase());\n    allTypes.push(...extensions);\n\n    // Add MIME types from additionalAllowedFileTypes\n    const mimeTypes = this.getAdditionalMimeTypes().map(mime => this.getLabelFromMimeType(mime));\n    allTypes.push(...mimeTypes);\n\n    // Add custom file extensions\n    const customExtensions = this.getNormalizedFileExtensions().map(ext => {\n      const cleanExt = ext.startsWith('.') ? ext.substring(1) : ext;\n      return cleanExt.toUpperCase();\n    });\n    allTypes.push(...customExtensions);\n\n    const typesLabel = allTypes.join(', ');\n\n    let text = this.labelSupportedFormatsTemplate.replace('{{types}}', typesLabel).replace('{{size}}', this.maxFileSizeMB.toString());\n\n    if (this.labelMaxFilesInfo && this.maxFiles) {\n      const fileWord = this.pluralize(this.maxFiles);\n      const maxFilesText = this.labelMaxFilesInfo.replace('{{count}}', this.maxFiles.toString()).replace('{{files}}', fileWord);\n      text += ` ${maxFilesText}`;\n    }\n\n    return text;\n  }\n\n  private getFormattedFileTooLargeText(): string {\n    return this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString());\n  }\n\n  private renderStatusMessage() {\n    if (!this.statusMessage) return null;\n\n    return (\n      <div class={`file-upload-status file-upload-status__${this.statusMessage.type}`}>\n        {this.statusMessage.type === 'error' && <ifx-icon icon=\"c-warning-16\"></ifx-icon>}\n        {this.statusMessage.text}\n      </div>\n    );\n  }\n\n  private isInputDisabled(): boolean {\n    return this.disabled || (this.maxFiles !== undefined && this.files.length >= this.maxFiles);\n  }\n\n  async componentDidLoad() {\n    if (!isNestedInIfxComponent(this.hostElement)) {\n      const framework = detectFramework();\n      trackComponent('ifx-file-upload', await framework);\n    }\n\n    if (this.hostElement.hasAttribute('show-demo-states')) {\n      this.showDemoStates = true;\n    }\n\n    if (this.showDemoStates) {\n      this.injectDemoState();\n    }\n  }\n\n  // Storybook Demo\n  @Method()\n  async injectDemoState() {\n    const dummyContent = new Array(50000).fill('a').join(''); // ~50 KB\n    const bigContent = dummyContent + dummyContent; // ~100 KB\n\n    const uploading = new File([dummyContent], 'Image.jpg', { type: 'image/jpeg' }); // ~50 KB\n    const uploaded = new File([bigContent], 'File.pdf', { type: 'application/pdf' }); // ~100 KB\n    const failed = new File([dummyContent], 'Text.docx', { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' }); // ~50 KB\n    const tooLarge = new File([bigContent + bigContent + bigContent], 'Video.mp4', { type: 'video/mp4' }); // ~300 KB\n    const unsupported = new File(['demo'], 'Script.exe', { type: 'application/x-msdownload' }); // very small\n\n    this.files = [uploaded, uploading, failed];\n    this.uploadTasks = [\n      { file: uploaded, progress: 100, intervalId: null, completed: true },\n      { file: uploading, progress: 40, intervalId: null, completed: false },\n      { file: failed, progress: 80, intervalId: null, completed: false, error: true },\n    ];\n    this.rejectedSizeFiles = [tooLarge.name];\n    this.rejectedTypeFiles = [unsupported.name];\n  }\n\n  // Storybook Demo\n  @Method()\n  async triggerDemoValidation(): Promise<void> {\n    this.validateRequired();\n  }\n\n  render() {\n    return (\n      <div\n        class={{\n          'file-upload-wrapper': true,\n          'disabled': this.disabled,\n        }}\n      >\n        {this.label && (\n          <label class=\"file-upload-label\" htmlFor={this.internalId}>\n            {this.label}\n            {this.required && <span class={`required ${this.requiredError ? 'error' : ''}`}>*</span>}\n          </label>\n        )}\n\n        {this.dragAndDrop ? this.renderDragAndDropArea() : this.renderUploadArea()}\n\n        {(this.files.length > 0 || this.rejectedSizeFiles.length > 0 || this.rejectedTypeFiles.length > 0) && (\n          <div class=\"file-list-wrapper\">\n            <div class=\"upload-heading\">{this.labelUploadedFilesHeading}</div>\n            <ul class=\"file-list\">\n              {this.rejectedSizeFiles.map(fileName => (\n                <li class=\"file-item upload-failed\" key={`rejected-size-${fileName}`}>\n                  <div class=\"file-icon\">\n                    <ifx-icon icon=\"file-16\"></ifx-icon>\n                  </div>\n                  <div class=\"file-info\">\n                    <div class=\"file-top-row\">\n                      <span class=\"file-name-wrapper\">\n                        <span class=\"file-name-base\">{this.splitFileNameParts({ name: fileName } as File).base}</span>\n                        <span class=\"file-name-ext\">{this.splitFileNameParts({ name: fileName } as File).ext}</span>\n                      </span>\n                      <div class=\"file-actions\">\n                        <ifx-icon-button\n                          shape=\"square\"\n                          variant=\"tertiary\"\n                          icon=\"delete-forever-16\"\n                          size=\"s\"\n                          aria-label={this.ariaLabelRemoveFile}\n                          onClick={() => this.clearRejectedFile(fileName, 'size')}\n                        ></ifx-icon-button>\n                      </div>\n                    </div>\n                    <div class=\"file-middle-row\">\n                      <span class=\"file-status\" aria-label={this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString())}>\n                        {this.getFormattedFileTooLargeText()}\n                      </span>\n                    </div>\n                  </div>\n                </li>\n              ))}\n\n              {this.rejectedTypeFiles.map(fileName => (\n                <li class=\"file-item upload-failed\" key={`rejected-type-${fileName}`}>\n                  <div class=\"file-icon\">\n                    <ifx-icon icon=\"file-16\"></ifx-icon>\n                  </div>\n                  <div class=\"file-info\">\n                    <div class=\"file-top-row\">\n                      <span class=\"file-name-wrapper\">\n                        <span class=\"file-name-base\">{this.splitFileNameParts({ name: fileName } as File).base}</span>\n                        <span class=\"file-name-ext\">{this.splitFileNameParts({ name: fileName } as File).ext}</span>\n                      </span>\n                      <div class=\"file-actions\">\n                        <ifx-icon-button\n                          shape=\"square\"\n                          variant=\"tertiary\"\n                          icon=\"delete-forever-16\"\n                          size=\"s\"\n                          aria-label={this.ariaLabelRemoveFile}\n                          onClick={() => this.clearRejectedFile(fileName, 'type')}\n                        ></ifx-icon-button>\n                      </div>\n                    </div>\n                    <div class=\"file-middle-row\">\n                      <span class=\"file-status\" aria-label={this.labelUnsupportedFileType}>\n                        {this.labelUnsupportedFileType}\n                      </span>\n                    </div>\n                  </div>\n                </li>\n              ))}\n\n              {this.files.map(file => {\n                const task = this.uploadTasks.find(t => t.file.name === file.name);\n                const progress = task?.progress ?? 100;\n                const isUploading = task && !task.completed;\n                const isError = task?.error === true;\n                const itemClass = isError ? 'file-item upload-failed' : isUploading ? 'file-item uploading' : 'file-item upload-success';\n                const uniqueKey = `${file.name}-${file.size}`;\n                const { base, ext } = this.splitFileNameParts(file);\n\n                return (\n                  <li class={itemClass} key={uniqueKey}>\n                    <div class=\"file-icon\">\n                      <ifx-icon icon={this.getFileIcon(file)}></ifx-icon>\n                    </div>\n                    <div class=\"file-info\">\n                      <div class=\"file-top-row\">\n                        <span class=\"file-name-wrapper\">\n                          <span class=\"file-name-base\">{base}</span>\n                          <span class=\"file-name-ext\">{ext}</span>\n                        </span>\n                        <div class=\"file-actions\">\n                          <ifx-icon-button\n                            shape=\"square\"\n                            variant=\"tertiary\"\n                            icon=\"refresh-16\"\n                            size=\"s\"\n                            aria-label={this.ariaLabelRetryUpload}\n                            onClick={() => this.retryUpload(file)}\n                            style={{ display: isError ? 'inline-flex' : 'none' }}\n                          ></ifx-icon-button>\n                          <ifx-icon-button\n                            shape=\"square\"\n                            variant=\"tertiary\"\n                            icon=\"cross-16\"\n                            size=\"s\"\n                            aria-label={this.ariaLabelCancelUpload}\n                            onClick={() => this.cancelUpload(file)}\n                            style={{ display: isUploading ? 'inline-flex' : 'none' }}\n                          ></ifx-icon-button>\n                          <ifx-icon-button\n                            shape=\"square\"\n                            variant=\"tertiary\"\n                            icon=\"delete-forever-16\"\n                            size=\"s\"\n                            aria-label={this.ariaLabelRemoveFile}\n                            onClick={() => this.removeFile(file)}\n                            style={{ display: !isUploading ? 'inline-flex' : 'none' }}\n                          ></ifx-icon-button>\n                        </div>\n                      </div>\n\n                      <div class=\"file-middle-row\">\n                        {isUploading && task && !task.error && (\n                          <span class=\"file-uploading\" aria-label={this.ariaLabelUploadingStatus}>\n                            {this.getFormattedProgressText(task)}\n                          </span>\n                        )}\n                        {!isUploading && !isError && (\n                          <span>\n                            <span class=\"file-size\">{this.formatSize(file.size)}</span>\n                            <span class=\"file-status\" aria-label={this.ariaLabelUploadedStatus}>\n                              <ifx-icon icon=\"check-16\"></ifx-icon>\n                              {this.labelUploaded}\n                            </span>\n                          </span>\n                        )}\n                        {isError && (\n                          <span class=\"file-status\" aria-label={this.ariaLabelUploadFailedStatus}>\n                            {this.labelUploadFailed}\n                          </span>\n                        )}\n                      </div>\n\n                      {isUploading && task && !task.error && (\n                        <div class=\"file-progress-row\">\n                          <ifx-progress-bar size=\"s\" value={progress} show-label=\"true\"></ifx-progress-bar>\n                        </div>\n                      )}\n                    </div>\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  renderUploadArea() {\n    const handleInputRef = (el: HTMLInputElement | null) => {\n      this.fileInputEl = el;\n    };\n\n    return (\n      <div class={{ 'upload-button': true }}>\n        <ifx-button variant=\"secondary\" onClick={() => this.fileInputEl?.click()} disabled={this.isInputDisabled()} aria-label={this.ariaLabelBrowseFiles}>\n          <ifx-icon icon=\"upload-16\"></ifx-icon>\n          {this.labelBrowseFiles}\n        </ifx-button>\n        <input\n          id={this.internalId}\n          ref={handleInputRef}\n          type=\"file\"\n          accept={this.getAcceptAttribute()}\n          multiple\n          onChange={e => this.handleFileChange(e)}\n          style={{ display: 'none' }}\n          disabled={this.isInputDisabled()}\n          aria-label={this.ariaLabelFileInput}\n        />\n        <p class=\"file-upload-info\">{this.getSupportedFileText()}</p>\n        {this.renderStatusMessage()}\n      </div>\n    );\n  }\n\n  renderDragAndDropArea() {\n    const handleInputRef = (el: HTMLInputElement | null) => {\n      this.fileInputEl = el;\n    };\n\n    const triggerInputClick = () => {\n      if (this.fileInputEl) {\n        this.fileInputEl.click();\n      }\n    };\n\n    return (\n      <div class={{ disabled: this.isInputDisabled() }}>\n        <div\n          class={{ 'upload-dropzone': true, 'drag-over': this.isDragOver, 'error': this.requiredError }}\n          onClick={triggerInputClick}\n          onDragOver={e => this.handleDragOver(e)}\n          onDragLeave={e => this.handleDragLeave(e)}\n          onDrop={e => this.handleDrop(e)}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={this.ariaLabelDropzone}\n        >\n          <ifx-icon icon=\"upload-16\" class=\"custom-icon\"></ifx-icon>\n          <p>{this.labelDragAndDrop}</p>\n          <p class=\"file-upload-info\">{this.getSupportedFileText()}</p>\n          <div style={{ height: '0px', overflow: 'hidden' }}>\n            <input\n              id={this.internalId}\n              ref={handleInputRef}\n              type=\"file\"\n              accept={this.getAcceptAttribute()}\n              multiple\n              onChange={e => this.handleFileChange(e)}\n              disabled={this.isInputDisabled()}\n              aria-label={this.ariaLabelFileInput}\n            />\n          </div>\n        </div>\n        {this.renderStatusMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAgB,+0F,MCoBTC,EAAU,MALvB,WAAAC,CAAAC,G,g0BAQUC,KAAWC,YAAY,MACvBD,KAAQE,SAAY,MACpBF,KAAQG,SAAY,MACpBH,KAAaI,cAAW,EAExBJ,KAAgBK,iBAAuBC,UACvCN,KAA0BO,2BAAuB,GAEjDP,KAAgBQ,iBAAY,MAE5BR,KAAqBS,sBAAuB,GAiB5CT,KAAKU,MAAW,QAChBV,KAAkBW,mBAAW,qCAC7BX,KAAgBY,iBAAW,eAC3BZ,KAAgBa,iBAAW,wCAC3Bb,KAAyBc,0BAAW,iBACpCd,KAAiBe,kBAAW,4CAC5Bf,KAAwBgB,yBAAW,yBACnChB,KAAaiB,cAAW,wBACxBjB,KAAiBkB,kBAAW,mCAC5BlB,KAA6BmB,8BAAW,gEACxCnB,KAAiBoB,kBAAW,OAC5BpB,KAAeqB,gBAAW,QAC1BrB,KAAiBsB,kBAAY,6BAC7BtB,KAAqBuB,sBAAW,2DAEhCvB,KAAoBwB,qBAAW,eAC/BxB,KAAiByB,kBAAW,uDAC5BzB,KAAkB0B,mBAAW,cAC7B1B,KAAmB2B,oBAAW,cAC9B3B,KAAqB4B,sBAAW,gBAChC5B,KAAoB6B,qBAAW,eAC/B7B,KAAwB8B,yBAAW,qBACnC9B,KAAuB+B,wBAAW,mBAClC/B,KAA2BgC,4BAAW,gBAGtChC,KAAAiC,WAAa,mBAAmBC,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,KAEpErC,KAAUsC,WAAY,MACtBtC,KAAKuC,MAAW,GAChBvC,KAAWwC,YAAiB,GAC5BxC,KAAiByC,kBAAa,GAC9BzC,KAAiB0C,kBAAa,GAC9B1C,KAAa2C,cAAY,MACzB3C,KAAa4C,cAAgE,KAiB9E5C,KAAW6C,YAA4B,KAEvC7C,KAAA8C,mBAA6C,CAQnDC,IAAK,aACLC,KAAM,aACNC,IAAK,YACLC,IAAK,YACLC,IAAK,gBACLC,KAAM,aAGNC,IAAK,kBACLC,IAAK,qBACLC,KAAM,0EACNC,IAAK,2BACLC,KAAM,oEACNC,IAAK,gCACLC,KAAM,4EACNC,IAAK,aACLC,IAAK,WACLC,KAAM,mBAGNC,IAAK,aACLC,IAAK,YACLC,IAAK,YACLC,IAAK,kBACLC,KAAM,aAGNC,IAAK,kBACLC,IAAK,sBACLC,IAAK,oBACLC,GAAI,mBAGJC,IAAK,kBACLC,KAAM,YACNC,IAAK,WACLC,GAAI,yBAq0BP,CAn7BC,YACIC,GACF,OAAO5E,KAAK6E,S,CAEd,YAAID,CAASE,GACX,UAAWA,IAAU,UAAYA,EAAQ,EAAG,CAC1CC,QAAQC,KAAK,0DACbhF,KAAK6E,UAAYvE,S,KACZ,CACLN,KAAK6E,UAAYC,C,EAwGb,gBAAAG,G,QACN,GAAIjF,KAAKE,UAAYF,KAAKuC,MAAM2C,SAAW,EAAG,CAC5ClF,KAAK2C,cAAgB,KAErB,KAAIwC,EAAAnF,KAAK4C,iBAAa,MAAAuC,SAAA,SAAAA,EAAEC,QAASpF,KAAKW,mBAAoB,CACxDX,KAAK4C,cAAgB,CACnByC,KAAM,QACND,KAAMpF,KAAKW,mB,CAIfX,KAAKsF,wBAAwBC,KAAK,CAAEC,MAAO,O,KACtC,CACLxF,KAAK2C,cAAgB,MAErB,KAAI8C,EAAAzF,KAAK4C,iBAAa,MAAA6C,SAAA,SAAAA,EAAEL,QAASpF,KAAKW,mBAAoB,CACxDX,KAAK4C,cAAgB,I,CAGvB5C,KAAKsF,wBAAwBC,KAAK,CAAEC,MAAO,M,EAIvC,SAAAE,CAAUC,GAEhB,GAAI3F,KAAKQ,iBAAkB,CACzB,OAAOmF,IAAU,EAAI,OAAS,O,CAEhC,OAAOA,IAAU,EAAI3F,KAAKoB,kBAAoBpB,KAAKqB,e,CAG7C,sBAAAuE,GAEN,IAAK5F,KAAKK,kBAAoBL,KAAKS,uBAAyBT,KAAK6F,8BAA8BX,OAAS,EAAG,CACzG,MAAO,E,CAIT,IAAKlF,KAAKK,iBAAkB,CAC1B,MAAO,CAAC,MAAO,OAAQ,MAAO,MAAO,MAAO,MAAO,M,CAGrD,GAAIyF,MAAMC,QAAQ/F,KAAKK,kBAAmB,CACxC,OAAOL,KAAKK,gB,CAEd,IACE,OAAO2F,KAAKC,MAAMjG,KAAKK,iB,CACvB,MAAA8E,GACA,OAAOnF,KAAKK,iBAAiB6F,MAAM,KAAKC,KAAIC,GAAKA,EAAEC,Q,EAI/C,2BAAAR,GACN,IAAK7F,KAAKS,sBAAuB,MAAO,GACxC,GAAIqF,MAAMC,QAAQ/F,KAAKS,uBAAwB,CAC7C,OAAOT,KAAKS,qB,CAEd,IACE,OAAOuF,KAAKC,MAAMjG,KAAKS,sB,CACvB,MAAA0E,GACA,OAAOnF,KAAKS,sBAAsByF,MAAM,KAAKC,KAAIC,GAAKA,EAAEC,Q,EAWpD,iBAAAC,CAAkBC,GAExB,GAAIvG,KAAKQ,iBAAkB,CACzB,OAAO,I,CAGT,MAAMgG,EAAgBxG,KAAKyG,iBAAiBF,EAAKG,MAGjD,MAAMC,EAAkB3G,KAAK4F,yBAC7B,MAAMgB,EAAeD,EAAgBR,KAAIU,GAAO7G,KAAK8C,mBAAmB+D,EAAIC,iBAAgBC,OAAOC,SAEnG,GAAIJ,EAAaK,SAASV,EAAKlB,MAAO,CACpC,OAAO,I,CAIT,MAAM6B,EAAsBlH,KAAKmH,yBACjC,GAAID,EAAoBD,SAASV,EAAKlB,MAAO,CAC3C,OAAO,I,CAIT,MAAM+B,EAAmBpH,KAAK6F,8BAC9B,GAAIuB,EAAiBlC,OAAS,GAAKsB,EAAe,CAChD,IAAK,MAAMK,KAAOO,EAAkB,CAClC,MAAMC,EAAgBR,EAAIS,WAAW,KAAOT,EAAIU,UAAU,GAAGT,cAAgBD,EAAIC,cACjF,GAAIN,IAAkBa,EAAe,CACnC,OAAO,I,GAKb,OAAO,K,CAMD,gBAAAZ,CAAiBe,GACvB,MAAMC,EAAeD,EAASE,YAAY,KAC1C,GAAID,KAAiB,GAAMA,IAAiBD,EAAStC,OAAS,EAAG,CAC/D,OAAO,I,CAET,OAAOsC,EAASD,UAAUE,EAAe,GAAGX,a,CAGtC,oBAAAa,CAAqBC,GAC3B,IAAK,MAAOf,EAAKgB,KAAcC,OAAOC,QAAQ/H,KAAK8C,oBAAqB,CACtE,GAAI+E,IAAcD,EAAM,CACtB,OAAOf,EAAImB,a,EAGf,OAAOJ,C,CAGT,gBAAAK,CAAiBC,GACf,MAAMC,EAAQD,EAAME,OACpB,IAAKD,EAAM5F,MAAO,OAClBvC,KAAKqI,aAAaF,EAAM5F,M,CAG1B,UAAA+F,CAAWJ,G,MACT,GAAIlI,KAAKG,SAAU,OACnB+H,EAAMK,iBACNL,EAAMM,kBACNxI,KAAKsC,WAAa,MAClB,IAAI6C,EAAA+C,EAAMO,gBAAc,MAAAtD,SAAA,SAAAA,EAAA5C,MAAO,CAC7B,MAAMmG,EAAe5C,MAAM6C,KAAKT,EAAMO,aAAalG,OAEnD,MAAMqG,EAAwB,GAC9B,MAAMC,EAAwB,GAE9BH,EAAaI,SAAQvC,IACnB,MAAMwC,EAAc/I,KAAKsG,kBAAkBC,GAC3C,MAAMyC,EAAczC,EAAK0C,MAAQjJ,KAAKI,cAAgB,KAAO,KAC7D,GAAI2I,GAAeC,EAAaJ,EAAcM,KAAK3C,QAC9CsC,EAAcK,KAAK3C,EAAK,IAG/BvG,KAAKmJ,kBAAkB5D,KAAK,CAC1BmD,eACAE,gBACAC,kBAGF7I,KAAKqI,aAAaH,EAAMO,aAAalG,M,EAIzC,cAAA6G,CAAelB,GACb,GAAIlI,KAAKG,SAAU,OACnB+H,EAAMK,iBACNvI,KAAKsC,WAAa,I,CAGpB,eAAA+G,CAAgBnB,GACd,GAAIlI,KAAKG,SAAU,OACnB+H,EAAMK,iBACNvI,KAAKsC,WAAa,K,CAGpB,YAAA+F,CAAaiB,GACX,MAAMC,EAAgBzD,MAAM6C,KAAKW,GAEjC,MAAME,EAAqB,GAC3B,MAAMC,EAAyB,GAC/B,MAAMC,EAAyB,GAE/BH,EAAcT,SAAQvC,IACpB,MAAMwC,EAAc/I,KAAKsG,kBAAkBC,GAC3C,MAAMyC,EAAczC,EAAK0C,MAAQjJ,KAAKI,cAAgB,KAAO,KAC7D,MAAMuJ,EAAc3J,KAAKuC,MAAMqH,MAAKC,GAAYA,EAASnD,OAASH,EAAKG,MAAQmD,EAASZ,OAAS1C,EAAK0C,OAEtG,GAAIU,EAAa,CACf3J,KAAK8J,qBAAqBvE,KAAK,CAAEgB,OAAMwD,OAAQ,cAC/C/J,KAAKgK,mBAAmBzE,KAAK,CAC3BgB,OACA0D,UAAW,YACXC,QAAS,SAAS3D,EAAKG,yBACvBqD,OAAQ,cAEV,M,CAGF,GAAIhB,GAAeC,EAAa,CAC9BQ,EAAWN,KAAK3C,E,KACX,CACL,IAAKwC,EAAa,CAChBW,EAAaR,KAAK3C,EAAKG,MACvB1G,KAAK8J,qBAAqBvE,KAAK,CAAEgB,OAAMwD,OAAQ,gB,CAEjD,IAAKf,EAAa,CAChBS,EAAaP,KAAK3C,EAAKG,MACvB1G,KAAK8J,qBAAqBvE,KAAK,CAAEgB,OAAMwD,OAAQ,gB,CAEjD/J,KAAKgK,mBAAmBzE,KAAK,CAC3BgB,OACA0D,WAAYlB,EAAc,eAAiB,iBAC3CmB,QAAS,wBACTH,QAAShB,EAAc,mBAAqB,kB,KAKlD/I,KAAKyC,kBAAoB,IAAIzC,KAAKyC,qBAAsBgH,GACxDzJ,KAAK0C,kBAAoB,IAAI1C,KAAK0C,qBAAsBgH,GAExD,GAAI1J,KAAK4E,UAAY5E,KAAKuC,MAAM2C,OAASsE,EAAWtE,OAASlF,KAAK4E,SAAU,CAC1E,MAAMuF,EAAiBnK,KAAK4E,SAAW5E,KAAKuC,MAAM2C,OAClD,MAAMkF,EAAeZ,EAAWa,MAAM,EAAGnI,KAAKoI,IAAIH,EAAgB,IAClE,MAAMI,EAAgBf,EAAWa,MAAMF,GAEvCnK,KAAKuC,MAAQ,IAAIvC,KAAKuC,SAAU6H,GAEhCA,EAAatB,SAAQvC,GAAQvG,KAAKwK,YAAYjE,KAE9C,GAAI6D,EAAalF,OAAS,EAAG,CAC3BlF,KAAKyK,iBAAiBlF,KAAK,CAAEmF,WAAYN,EAAc7H,MAAOvC,KAAKuC,QACnEvC,KAAK2K,oBAAoBpF,KAAK,CAAEhD,MAAOvC,KAAKuC,O,CAG9CgI,EAAczB,SAAQvC,IACpBvG,KAAK8J,qBAAqBvE,KAAK,CAAEgB,OAAMwD,OAAQ,mBAC/C/J,KAAKgK,mBAAmBzE,KAAK,CAC3BgB,OACA0D,UAAW,iBACXC,QAAS,8BAA8BlK,KAAK4E,0BAC5CmF,OAAQ,kBACR,IAGJ,GAAIQ,EAAcrF,OAAS,EAAG,CAC5BlF,KAAK4C,cAAgB,CACnByC,KAAM,QACND,KAAMpF,KAAKuB,sBAAsBqJ,QAAQ,YAAa5K,KAAK4E,SAASxC,YAAYwI,QAAQ,YAAa5K,KAAK0F,UAAU1F,KAAK4E,YAE3H5E,KAAK6K,8BAA8BtF,KAAK,CACtCX,SAAU5E,KAAK4E,SACfkG,UAAW9K,KAAKuC,MAAM2C,OAASsE,EAAWtE,Q,CAI9C,M,CAGFsE,EAAWV,SAAQvC,GAAQvG,KAAKwK,YAAYjE,KAC5CvG,KAAKuC,MAAQ,IAAIvC,KAAKuC,SAAUiH,GAEhC,GAAIA,EAAWtE,OAAS,EAAG,CACzBlF,KAAKyK,iBAAiBlF,KAAK,CAAEmF,WAAYlB,EAAYjH,MAAOvC,KAAKuC,QACjEvC,KAAK2K,oBAAoBpF,KAAK,CAAEhD,MAAOvC,KAAKuC,O,CAG9CvC,KAAKiF,kB,CAGP,WAAA8F,CAAYxE,GACV,MAAMyE,EAAYhL,KAAKwC,YAAYyI,WAAU7E,GAAKA,EAAEG,KAAKG,OAASH,EAAKG,OACvE,GAAIsE,KAAc,EAAI,CACpBhL,KAAKwC,YAAY0I,OAAOF,EAAW,GACnChL,KAAKwC,YAAc,IAAIxC,KAAKwC,Y,CAE9BxC,KAAKmL,mBAAmB5F,KAAK,CAAEgB,SAC/BvG,KAAKwK,YAAYjE,E,CAGX,uBAAA6E,GACN,GAAIpL,KAAKwC,YAAY6I,OAAMjF,GAAKA,EAAEkF,WAAalF,EAAEmF,QAAQ,CACvD,MAAMC,EAAuBxL,KAAKwC,YAAYoH,MAAKxD,GAAKA,EAAEkF,YAAclF,EAAEmF,QAC1E,GAAIC,EAAsB,CACxB,MAAMC,EAAkBzL,KAAKwC,YAAYuE,QAAOX,GAAKA,EAAEkF,YAAclF,EAAEmF,QAAOpF,KAAIC,GAAKA,EAAEG,OACzFvG,KAAK0L,yBAAyBnG,KAAK,CAAEhD,MAAOkJ,G,GAK1C,cAAAE,GACN,GAAI3L,KAAK6C,YAAa,CACpB7C,KAAK6C,YAAYiC,MAAQ,E,EAIrB,kBAAA8G,CAAmBrF,EAAYsF,GACrC,MAAMC,EAAO9L,KAAKwC,YAAYuJ,MAAK3F,GAAKA,EAAEG,OAASA,IACnD,GAAIuF,EAAM,CACR,MAAME,EAAc9J,KAAKoI,IAAIwB,EAAKD,SAAU3J,KAAK+J,IAAI,IAAKJ,IAC1D,GAAIG,IAAgBF,EAAKD,SAAU,CACjCC,EAAKD,SAAWG,EAChBhM,KAAKwC,YAAc,IAAIxC,KAAKwC,Y,GAKlC,WAAAgI,CAAYjE,GACVvG,KAAKkM,mBAAmB3G,KAAK,CAAEgB,SAC/B,MAAMuF,EAAmB,CACvBvF,OACAsF,SAAU,EACVM,WAAY,KACZb,UAAW,OAEbtL,KAAKwC,YAAc,IAAIxC,KAAKwC,YAAasJ,GAEzC,GAAI9L,KAAKoM,cAAe,CACtBpM,KAAKoM,cAAc7F,GAAO8F,IACxBrM,KAAK4L,mBAAmBrF,EAAM8F,EAAQ,IAErCC,MAAK,KACJR,EAAKD,SAAW,IAChBC,EAAKR,UAAY,KACjBtL,KAAKwC,YAAc,IAAIxC,KAAKwC,aAC5BxC,KAAKuM,sBAAsBhH,KAAK,CAAEgB,SAClCvG,KAAK2K,oBAAoBpF,KAAK,CAAEhD,MAAOvC,KAAKuC,QAC5CvC,KAAKoL,yBAAyB,IAE/BoB,OAAM,KACLV,EAAKP,MAAQ,KACbvL,KAAKwC,YAAc,IAAIxC,KAAKwC,aAC5BxC,KAAKgK,mBAAmBzE,KAAK,CAC3BgB,OACA0D,UAAW,gBACXC,QAAS,+BACTH,OAAQ,WAEV/J,KAAKoL,yBAAyB,G,KAE7B,CACL,MAAMqB,EAAYlG,EAAK0C,KACvB,MAAMyD,EAAkB,IACxB,IAAIC,EAAW,EACfb,EAAKK,WAAaS,OAAOC,aAAY,KACnCF,GAAYD,EAAkB,EAC9B,MAAMb,EAAW3J,KAAK+J,IAAI,IAAK/J,KAAK4K,MAAOH,EAAWF,EAAa,MACnEzM,KAAK4L,mBAAmBrF,EAAMsF,GAE9B,GAAIA,GAAY,IAAK,CACnBkB,cAAcjB,EAAKK,YACnBL,EAAKR,UAAY,KACjBQ,EAAKK,WAAa,KAClBnM,KAAKwC,YAAc,IAAIxC,KAAKwC,aAC5BxC,KAAKuM,sBAAsBhH,KAAK,CAAEgB,SAClCvG,KAAK2K,oBAAoBpF,KAAK,CAAEhD,MAAOvC,KAAKuC,QAC5CvC,KAAKoL,yB,IAEN,I,EAIP,YAAA4B,CAAazG,GACX,MAAMyE,EAAYhL,KAAKwC,YAAYyI,WAAU7E,GAAKA,EAAEG,KAAKG,OAASH,EAAKG,OACvE,GAAIsE,KAAc,EAAI,CACpB,MAAMc,EAAO9L,KAAKwC,YAAYwI,GAC9B,IAAIc,IAAI,MAAJA,SAAI,SAAJA,EAAMK,cAAe,KAAM,CAC7BY,cAAcjB,EAAKK,W,CAErBnM,KAAKwC,YAAcxC,KAAKwC,YAAYuE,QAAO,CAACkG,EAAGC,IAAMA,IAAMlC,G,CAE7DhL,KAAKuC,MAAQvC,KAAKuC,MAAMwE,QAAOoG,GAAKA,EAAEzG,OAASH,EAAKG,OACpD1G,KAAKoN,mBAAmB7H,KAAK,CAAEgB,SAC/BvG,KAAK2K,oBAAoBpF,KAAK,CAAEhD,MAAOvC,KAAKuC,QAC5CvC,KAAK2L,iBACL3L,KAAKiF,kB,CAGP,UAAAoI,CAAW9G,G,MACTvG,KAAKwC,YAAcxC,KAAKwC,YAAYuE,QAAO+E,GAAQA,EAAKvF,KAAKG,OAASH,EAAKG,OAC3E1G,KAAKuC,MAAQvC,KAAKuC,MAAMwE,QAAOoG,GAAKA,EAAEzG,OAASH,EAAKG,OACpD1G,KAAKsN,oBAAoB/H,KAAK,CAAEgI,YAAahH,EAAMhE,MAAOvC,KAAKuC,QAC/DvC,KAAK2K,oBAAoBpF,KAAK,CAAEhD,MAAOvC,KAAKuC,QAC5CvC,KAAKiF,mBAELjF,KAAK2L,iBAEL,GAAI3L,KAAK4E,UAAY5E,KAAKuC,MAAM2C,OAASlF,KAAK4E,YAAYO,EAAAnF,KAAK4C,iBAAa,MAAAuC,SAAA,SAAAA,EAAEC,QAASpF,KAAKW,mBAAoB,CAC9GX,KAAK4C,cAAgB,I,EAIzB,iBAAA4K,CAAkBC,EAAkBpI,GAClC,GAAIA,IAAS,OAAQ,CACnBrF,KAAKyC,kBAAoBzC,KAAKyC,kBAAkBsE,QAAOoG,GAAKA,IAAMM,G,KAC7D,CACLzN,KAAK0C,kBAAoB1C,KAAK0C,kBAAkBqE,QAAOoG,GAAKA,IAAMM,G,CAGpEzN,KAAK2L,iBAEL,GAAI3L,KAAK4E,UAAY5E,KAAKuC,MAAM2C,OAASlF,KAAK4E,SAAU,CACtD5E,KAAK4C,cAAgB,I,CAGvB5C,KAAKiF,kB,CAGP,kBAAAyI,CAAmBnH,GACjB,MAAMG,EAAOH,EAAKG,KAClB,MAAMiH,EAAWjH,EAAKgB,YAAY,KAClC,GAAIiG,KAAa,EAAI,MAAO,CAAEC,KAAMlH,EAAMG,IAAK,IAC/C,MAAO,CACL+G,KAAMlH,EAAKa,UAAU,EAAGoG,GACxB9G,IAAKH,EAAKa,UAAUoG,G,CAIxB,WAAAE,CAAYtH,G,MACV,MAAMuH,GAAY3I,EAAAoB,EAAKG,KAAKR,MAAM,KAAK6H,SAAO,MAAA5I,SAAA,SAAAA,EAAA2B,cAC9C,OAAQgH,GACN,IAAK,MACH,MAAO,cACT,IAAK,MACL,IAAK,OACH,MAAO,cACT,IAAK,MACH,MAAO,cACT,IAAK,MACH,MAAO,cACT,IAAK,MACH,MAAO,cACT,IAAK,MACH,MAAO,cACT,QACE,MAAO,U,CAIb,UAAAE,CAAWC,GACT,GAAIA,GAAS,KAAO,KAAO,KAAM,CAC/B,MAAO,IAAIA,GAAS,KAAO,KAAO,OAAOC,QAAQ,O,MAC5C,GAAID,GAAS,KAAO,KAAM,CAC/B,MAAO,IAAIA,GAAS,KAAO,OAAOC,QAAQ,O,MACrC,GAAID,GAAS,KAAM,CACxB,MAAO,IAAIA,EAAQ,MAAMC,QAAQ,O,KAC5B,CACL,MAAO,GAAGD,K,EAId,kBAAAE,GAEE,GAAInO,KAAKQ,iBAAkB,CACzB,MAAO,E,CAGT,MAAM4N,EAAyB,GAG/B,MAAMC,EAAiBrO,KAAK4F,yBAAyBO,KAAIU,GAAO,IAAMA,EAAIC,gBAC1EsH,EAAalF,QAAQmF,GAGrB,MAAMC,EAAYtO,KAAKmH,yBACvBiH,EAAalF,QAAQoF,GAGrB,MAAMlH,EAAmBpH,KAAK6F,8BAC9BuB,EAAiB0B,SAAQjC,IACvB,MAAMQ,EAAgBR,EAAIS,WAAW,KAAOT,EAAM,IAAMA,EACxDuH,EAAalF,KAAK7B,EAAc,IAGlC,OAAO+G,EAAaG,KAAK,I,CAGnB,wBAAAC,CAAyB1C,GAC/B,MAAM2C,EAAevM,KAAK4K,MAAOhB,EAAKD,SAAW,IAAOC,EAAKvF,KAAK0C,MAClE,MAAMyF,EAAe1O,KAAKgO,WAAWS,GACrC,MAAME,EAAY3O,KAAKgO,WAAWlC,EAAKvF,KAAK0C,MAC5C,MAAO,GAAGyF,OAAkBC,Y,CAGtB,sBAAAxH,GACN,IAAKnH,KAAKO,2BAA4B,MAAO,GAC7C,GAAIuF,MAAMC,QAAQ/F,KAAKO,4BAA6B,OAAOP,KAAKO,2BAChE,OAAOP,KAAKO,2BAA2B2F,MAAM,KAAKC,KAAIC,GAAKA,EAAEC,Q,CAGvD,oBAAAuI,GACN,GAAI5O,KAAKQ,iBAAkB,CACzB,IAAI4E,EAAO,0CAA0CpF,KAAKI,mBAC1D,GAAIJ,KAAKsB,mBAAqBtB,KAAK4E,SAAU,CAC3C,MAAMiK,EAAW7O,KAAK0F,UAAU1F,KAAK4E,UACrC,MAAMkK,EAAe9O,KAAKsB,kBAAkBsJ,QAAQ,YAAa5K,KAAK4E,SAASxC,YAAYwI,QAAQ,YAAaiE,GAChHzJ,GAAQ,IAAI0J,G,CAEd,OAAO1J,C,CAGT,MAAM2J,EAAqB,GAG3B,MAAMC,EAAahP,KAAK4F,yBAAyBO,KAAIU,GAAOA,EAAImB,gBAChE+G,EAAS7F,QAAQ8F,GAGjB,MAAMV,EAAYtO,KAAKmH,yBAAyBhB,KAAIyB,GAAQ5H,KAAK2H,qBAAqBC,KACtFmH,EAAS7F,QAAQoF,GAGjB,MAAMlH,EAAmBpH,KAAK6F,8BAA8BM,KAAIU,IAC9D,MAAMoI,EAAWpI,EAAIS,WAAW,KAAOT,EAAIU,UAAU,GAAKV,EAC1D,OAAOoI,EAASjH,aAAa,IAE/B+G,EAAS7F,QAAQ9B,GAEjB,MAAM8H,EAAaH,EAASR,KAAK,MAEjC,IAAInJ,EAAOpF,KAAKmB,8BAA8ByJ,QAAQ,YAAasE,GAAYtE,QAAQ,WAAY5K,KAAKI,cAAcgC,YAEtH,GAAIpC,KAAKsB,mBAAqBtB,KAAK4E,SAAU,CAC3C,MAAMiK,EAAW7O,KAAK0F,UAAU1F,KAAK4E,UACrC,MAAMkK,EAAe9O,KAAKsB,kBAAkBsJ,QAAQ,YAAa5K,KAAK4E,SAASxC,YAAYwI,QAAQ,YAAaiE,GAChHzJ,GAAQ,IAAI0J,G,CAGd,OAAO1J,C,CAGD,4BAAA+J,GACN,OAAOnP,KAAKe,kBAAkB6J,QAAQ,WAAY5K,KAAKI,cAAcgC,W,CAG/D,mBAAAgN,GACN,IAAKpP,KAAK4C,cAAe,OAAO,KAEhC,OACEyM,EAAK,OAAAC,MAAO,0CAA0CtP,KAAK4C,cAAcyC,QACtErF,KAAK4C,cAAcyC,OAAS,SAAWgK,EAAU,YAAAE,KAAK,iBACtDvP,KAAK4C,cAAcwC,K,CAKlB,eAAAoK,GACN,OAAOxP,KAAKG,UAAaH,KAAK4E,WAAatE,WAAaN,KAAKuC,MAAM2C,QAAUlF,KAAK4E,Q,CAGpF,sBAAM6K,GACJ,IAAKC,EAAuB1P,KAAK2P,aAAc,CAC7C,MAAMC,EAAYC,IAClBC,EAAe,wBAAyBF,E,CAG1C,GAAI5P,KAAK2P,YAAYI,aAAa,oBAAqB,CACrD/P,KAAKgQ,eAAiB,I,CAGxB,GAAIhQ,KAAKgQ,eAAgB,CACvBhQ,KAAKiQ,iB,EAMT,qBAAMA,GACJ,MAAMC,EAAe,IAAIpK,MAAM,KAAOqK,KAAK,KAAK5B,KAAK,IACrD,MAAM6B,EAAaF,EAAeA,EAElC,MAAMG,EAAY,IAAIC,KAAK,CAACJ,GAAe,YAAa,CAAE7K,KAAM,eAChE,MAAMsH,EAAW,IAAI2D,KAAK,CAACF,GAAa,WAAY,CAAE/K,KAAM,oBAC5D,MAAMkL,EAAS,IAAID,KAAK,CAACJ,GAAe,YAAa,CAAE7K,KAAM,4EAC7D,MAAMmL,EAAW,IAAIF,KAAK,CAACF,EAAaA,EAAaA,GAAa,YAAa,CAAE/K,KAAM,cACvF,MAAMoL,EAAc,IAAIH,KAAK,CAAC,QAAS,aAAc,CAAEjL,KAAM,6BAE7DrF,KAAKuC,MAAQ,CAACoK,EAAU0D,EAAWE,GACnCvQ,KAAKwC,YAAc,CACjB,CAAE+D,KAAMoG,EAAUd,SAAU,IAAKM,WAAY,KAAMb,UAAW,MAC9D,CAAE/E,KAAM8J,EAAWxE,SAAU,GAAIM,WAAY,KAAMb,UAAW,OAC9D,CAAE/E,KAAMgK,EAAQ1E,SAAU,GAAIM,WAAY,KAAMb,UAAW,MAAOC,MAAO,OAE3EvL,KAAKyC,kBAAoB,CAAC+N,EAAS9J,MACnC1G,KAAK0C,kBAAoB,CAAC+N,EAAY/J,K,CAKxC,2BAAMgK,GACJ1Q,KAAKiF,kB,CAGP,MAAA0L,GACE,OACEtB,EACE,OAAAuB,IAAA,2CAAAtB,MAAO,CACL,sBAAuB,KACvBnP,SAAYH,KAAKG,WAGlBH,KAAKU,OACJ2O,EAAO,SAAAuB,IAAA,2CAAAtB,MAAM,oBAAoBuB,QAAS7Q,KAAKiC,YAC5CjC,KAAKU,MACLV,KAAKE,UAAYmP,EAAA,QAAAuB,IAAA,2CAAMtB,MAAO,YAAYtP,KAAK2C,cAAgB,QAAU,MAAc,MAI3F3C,KAAKC,YAAcD,KAAK8Q,wBAA0B9Q,KAAK+Q,oBAEtD/Q,KAAKuC,MAAM2C,OAAS,GAAKlF,KAAKyC,kBAAkByC,OAAS,GAAKlF,KAAK0C,kBAAkBwC,OAAS,IAC9FmK,EAAK,OAAAuB,IAAA,2CAAAtB,MAAM,qBACTD,EAAA,OAAAuB,IAAA,2CAAKtB,MAAM,kBAAkBtP,KAAKc,2BAClCuO,EAAI,MAAAuB,IAAA,2CAAAtB,MAAM,aACPtP,KAAKyC,kBAAkB0D,KAAIsH,GAC1B4B,EAAI,MAAAC,MAAM,0BAA0BsB,IAAK,iBAAiBnD,KACxD4B,EAAK,OAAAC,MAAM,aACTD,EAAA,YAAUE,KAAK,aAEjBF,EAAK,OAAAC,MAAM,aACTD,EAAK,OAAAC,MAAM,gBACTD,EAAM,QAAAC,MAAM,qBACVD,EAAA,QAAMC,MAAM,kBAAkBtP,KAAK0N,mBAAmB,CAAEhH,KAAM+G,IAAoBG,MAClFyB,EAAA,QAAMC,MAAM,iBAAiBtP,KAAK0N,mBAAmB,CAAEhH,KAAM+G,IAAoB5G,MAEnFwI,EAAK,OAAAC,MAAM,gBACTD,EAAA,mBACE2B,MAAM,SACNC,QAAQ,WACR1B,KAAK,oBACLtG,KAAK,IACO,aAAAjJ,KAAK2B,oBACjBuP,QAAS,IAAMlR,KAAKwN,kBAAkBC,EAAU,YAItD4B,EAAK,OAAAC,MAAM,mBACTD,EAAA,QAAMC,MAAM,cAAa,aAAatP,KAAKe,kBAAkB6J,QAAQ,WAAY5K,KAAKI,cAAcgC,aACjGpC,KAAKmP,qCAOfnP,KAAK0C,kBAAkByD,KAAIsH,GAC1B4B,EAAI,MAAAC,MAAM,0BAA0BsB,IAAK,iBAAiBnD,KACxD4B,EAAK,OAAAC,MAAM,aACTD,EAAA,YAAUE,KAAK,aAEjBF,EAAK,OAAAC,MAAM,aACTD,EAAK,OAAAC,MAAM,gBACTD,EAAM,QAAAC,MAAM,qBACVD,EAAA,QAAMC,MAAM,kBAAkBtP,KAAK0N,mBAAmB,CAAEhH,KAAM+G,IAAoBG,MAClFyB,EAAA,QAAMC,MAAM,iBAAiBtP,KAAK0N,mBAAmB,CAAEhH,KAAM+G,IAAoB5G,MAEnFwI,EAAK,OAAAC,MAAM,gBACTD,EAAA,mBACE2B,MAAM,SACNC,QAAQ,WACR1B,KAAK,oBACLtG,KAAK,IACO,aAAAjJ,KAAK2B,oBACjBuP,QAAS,IAAMlR,KAAKwN,kBAAkBC,EAAU,YAItD4B,EAAK,OAAAC,MAAM,mBACTD,EAAA,QAAMC,MAAM,cAA0B,aAAAtP,KAAKgB,0BACxChB,KAAKgB,+BAOfhB,KAAKuC,MAAM4D,KAAII,I,MACd,MAAMuF,EAAO9L,KAAKwC,YAAYuJ,MAAK3F,GAAKA,EAAEG,KAAKG,OAASH,EAAKG,OAC7D,MAAMmF,GAAW1G,EAAA2G,IAAA,MAAAA,SAAA,SAAAA,EAAMD,YAAY,MAAA1G,SAAA,EAAAA,EAAA,IACnC,MAAMgM,EAAcrF,IAASA,EAAKR,UAClC,MAAM8F,GAAUtF,IAAA,MAAAA,SAAA,SAAAA,EAAMP,SAAU,KAChC,MAAM8F,EAAYD,EAAU,0BAA4BD,EAAc,sBAAwB,2BAC9F,MAAMG,EAAY,GAAG/K,EAAKG,QAAQH,EAAK0C,OACvC,MAAM2E,KAAEA,EAAI/G,IAAEA,GAAQ7G,KAAK0N,mBAAmBnH,GAE9C,OACE8I,EAAA,MAAIC,MAAO+B,EAAWT,IAAKU,GACzBjC,EAAK,OAAAC,MAAM,aACTD,EAAU,YAAAE,KAAMvP,KAAK6N,YAAYtH,MAEnC8I,EAAK,OAAAC,MAAM,aACTD,EAAK,OAAAC,MAAM,gBACTD,EAAM,QAAAC,MAAM,qBACVD,EAAA,QAAMC,MAAM,kBAAkB1B,GAC9ByB,EAAA,QAAMC,MAAM,iBAAiBzI,IAE/BwI,EAAK,OAAAC,MAAM,gBACTD,EACE,mBAAA2B,MAAM,SACNC,QAAQ,WACR1B,KAAK,aACLtG,KAAK,IAAG,aACIjJ,KAAK6B,qBACjBqP,QAAS,IAAMlR,KAAK+K,YAAYxE,GAChCgL,MAAO,CAAEC,QAASJ,EAAU,cAAgB,UAE9C/B,EACE,mBAAA2B,MAAM,SACNC,QAAQ,WACR1B,KAAK,WACLtG,KAAK,IAAG,aACIjJ,KAAK4B,sBACjBsP,QAAS,IAAMlR,KAAKgN,aAAazG,GACjCgL,MAAO,CAAEC,QAASL,EAAc,cAAgB,UAElD9B,EACE,mBAAA2B,MAAM,SACNC,QAAQ,WACR1B,KAAK,oBACLtG,KAAK,IAAG,aACIjJ,KAAK2B,oBACjBuP,QAAS,IAAMlR,KAAKqN,WAAW9G,GAC/BgL,MAAO,CAAEC,SAAUL,EAAc,cAAgB,YAKvD9B,EAAK,OAAAC,MAAM,mBACR6B,GAAerF,IAASA,EAAKP,OAC5B8D,EAAA,QAAMC,MAAM,iBAA6B,aAAAtP,KAAK8B,0BAC3C9B,KAAKwO,yBAAyB1C,KAGjCqF,IAAgBC,GAChB/B,EAAA,YACEA,EAAA,QAAMC,MAAM,aAAatP,KAAKgO,WAAWzH,EAAK0C,OAC9CoG,EAAA,QAAMC,MAAM,cAA0B,aAAAtP,KAAK+B,yBACzCsN,EAAU,YAAAE,KAAK,aACdvP,KAAKiB,gBAIXmQ,GACC/B,EAAA,QAAMC,MAAM,cAA0B,aAAAtP,KAAKgC,6BACxChC,KAAKkB,oBAKXiQ,GAAerF,IAASA,EAAKP,OAC5B8D,EAAA,OAAKC,MAAM,qBACTD,EAAA,oBAAkBpG,KAAK,IAAInE,MAAO+G,EAAqB,wBAI1D,M,CAUrB,gBAAAkF,GACE,MAAMU,EAAkBC,IACtB1R,KAAK6C,YAAc6O,CAAE,EAGvB,OACErC,EAAA,OAAKC,MAAO,CAAE,gBAAiB,OAC7BD,EAAA,cAAY4B,QAAQ,YAAYC,QAAS,KAAM,IAAA/L,EAAA,OAAAA,EAAAnF,KAAK6C,eAAa,MAAAsC,SAAA,SAAAA,EAAAwM,OAAO,EAAExR,SAAUH,KAAKwP,kBAA+B,aAAAxP,KAAKwB,sBAC3H6N,EAAU,YAAAE,KAAK,cACdvP,KAAKY,kBAERyO,EACE,SAAAuC,GAAI5R,KAAKiC,WACT4P,IAAKJ,EACLpM,KAAK,OACLyM,OAAQ9R,KAAKmO,qBACb4D,SAAQ,KACRC,SAAUC,GAAKjS,KAAKiI,iBAAiBgK,GACrCV,MAAO,CAAEC,QAAS,QAClBrR,SAAUH,KAAKwP,kBACH,aAAAxP,KAAK0B,qBAEnB2N,EAAG,KAAAC,MAAM,oBAAoBtP,KAAK4O,wBACjC5O,KAAKoP,sB,CAKZ,qBAAA0B,GACE,MAAMW,EAAkBC,IACtB1R,KAAK6C,YAAc6O,CAAE,EAGvB,MAAMQ,EAAoB,KACxB,GAAIlS,KAAK6C,YAAa,CACpB7C,KAAK6C,YAAY8O,O,GAIrB,OACEtC,EAAK,OAAAC,MAAO,CAAEnP,SAAUH,KAAKwP,oBAC3BH,EAAA,OACEC,MAAO,CAAE,kBAAmB,KAAM,YAAatP,KAAKsC,WAAYiJ,MAASvL,KAAK2C,eAC9EuO,QAASgB,EACTC,WAAYF,GAAKjS,KAAKoJ,eAAe6I,GACrCG,YAAaH,GAAKjS,KAAKqJ,gBAAgB4I,GACvCI,OAAQJ,GAAKjS,KAAKsI,WAAW2J,GAC7BK,KAAK,SACLC,SAAU,EACE,aAAAvS,KAAKyB,mBAEjB4N,EAAA,YAAUE,KAAK,YAAYD,MAAM,gBACjCD,EAAI,SAAArP,KAAKa,kBACTwO,EAAG,KAAAC,MAAM,oBAAoBtP,KAAK4O,wBAClCS,EAAK,OAAAkC,MAAO,CAAEiB,OAAQ,MAAOC,SAAU,WACrCpD,EACE,SAAAuC,GAAI5R,KAAKiC,WACT4P,IAAKJ,EACLpM,KAAK,OACLyM,OAAQ9R,KAAKmO,qBACb4D,SACA,KAAAC,SAAUC,GAAKjS,KAAKiI,iBAAiBgK,GACrC9R,SAAUH,KAAKwP,kBAAiB,aACpBxP,KAAK0B,uBAItB1B,KAAKoP,sB","ignoreList":[]}
+{"version":3,"names":["fileUploadCss","FileUpload","constructor","hostRef","this","dragAndDrop","required","disabled","maxFileSizeMB","allowedFileTypes","undefined","additionalAllowedFileTypes","allowAnyFileType","allowedFileExtensions","label","labelRequiredError","labelBrowseFiles","labelDragAndDrop","labelUploadedFilesHeading","labelFileTooLarge","labelUnsupportedFileType","labelUploaded","labelUploadFailed","labelSupportedFormatsTemplate","labelFileSingular","labelFilePlural","labelMaxFilesInfo","labelMaxFilesExceeded","ariaLabelBrowseFiles","ariaLabelDropzone","ariaLabelFileInput","ariaLabelRemoveFile","ariaLabelCancelUpload","ariaLabelRetryUpload","ariaLabelUploadingStatus","ariaLabelUploadedStatus","ariaLabelUploadFailedStatus","internalId","Math","random","toString","substr","isDragOver","files","uploadTasks","rejectedSizeFiles","rejectedTypeFiles","requiredError","statusMessage","fileInputEl","extensionToMimeMap","jpg","jpeg","png","gif","svg","webp","pdf","doc","docx","xls","xlsx","ppt","pptx","txt","csv","json","mp3","wav","mp4","mov","webm","zip","rar","tar","gz","xml","html","css","js","maxFiles","_maxFiles","value","console","warn","validateRequired","length","_a","text","type","ifxFileUploadValidation","emit","valid","_b","pluralize","count","getNormalizedFileTypes","getNormalizedFileExtensions","Array","isArray","JSON","parse","split","map","t","trim","isFileTypeAllowed","file","fileExtension","getFileExtension","name","normalizedTypes","allowedMimes","ext","toLowerCase","filter","Boolean","includes","additionalMimeTypes","getAdditionalMimeTypes","customExtensions","normalizedExt","startsWith","substring","filename","lastDotIndex","lastIndexOf","getLabelFromMimeType","mime","knownMime","Object","entries","toUpperCase","handleFileChange","event","input","target","processFiles","handleDrop","preventDefault","stopPropagation","dataTransfer","droppedFiles","from","acceptedFiles","rejectedFiles","forEach","isValidType","isValidSize","size","push","ifxFileUploadDrop","handleDragOver","handleDragLeave","fileList","selectedFiles","validFiles","rejectedSize","rejectedType","isDuplicate","some","existing","ifxFileUploadInvalid","reason","ifxFileUploadError","errorType","message","availableSlots","limitedFiles","slice","max","overflowFiles","startUpload","ifxFileUploadAdd","addedFiles","ifxFileUploadChange","replace","ifxFileUploadMaxFilesExceeded","attempted","retryUpload","taskIndex","findIndex","splice","ifxFileUploadRetry","checkAndEmitAllComplete","every","completed","error","hasSuccessfulUploads","successfulFiles","ifxFileUploadAllComplete","resetFileInput","updateTaskProgress","progress","task","find","newProgress","min","ifxFileUploadStart","intervalId","uploadHandler","percent","then","ifxFileUploadComplete","catch","totalSize","fakeUploadSpeed","uploaded","window","setInterval","round","clearInterval","cancelUpload","_","i","f","ifxFileUploadAbort","removeFile","ifxFileUploadRemove","removedFile","clearRejectedFile","fileName","splitFileNameParts","dotIndex","base","getFileIcon","extension","pop","formatSize","bytes","toFixed","getAcceptAttribute","acceptValues","extensionTypes","mimeTypes","join","getFormattedProgressText","uploadedSize","uploadedText","totalText","getSupportedFileText","fileWord","maxFilesText","allTypes","extensions","cleanExt","typesLabel","getFormattedFileTooLargeText","renderStatusMessage","h","class","icon","isInputDisabled","componentDidLoad","isNestedInIfxComponent","hostElement","framework","detectFramework","trackComponent","hasAttribute","showDemoStates","injectDemoState","dummyContent","fill","bigContent","uploading","File","failed","tooLarge","unsupported","triggerDemoValidation","render","key","htmlFor","renderDragAndDropArea","renderUploadArea","shape","variant","onClick","isUploading","isError","itemClass","uniqueKey","style","display","handleInputRef","el","click","id","ref","accept","multiple","onChange","e","triggerInputClick","onDragOver","onDragLeave","onDrop","role","tabIndex","height","overflow"],"sources":["src/components/file-upload/file-upload.scss?tag=ifx-file-upload&encapsulation=shadow","src/components/file-upload/file-upload.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  // TODO remove\n  font-family: var(--ifx-font-family, sans-serif);\n}\n\n.file-upload-wrapper {\n  display: flex;\n  flex-direction: column;\n\n  &.disabled {\n    pointer-events: none;\n\n    label,\n    .file-upload-info {\n      color: tokens.$ifxColorEngineering500;\n    }\n  }\n}\n\n.file-upload-label {\n  font-style: normal;\n  font-weight: 400;\n  font-size: tokens.$ifxFontSizeM;\n  line-height: tokens.$ifxLineHeightM;\n  color: tokens.$ifxColorBaseBlack;\n\n  .required {\n    display: inline-block;\n    margin-left: 4px;\n\n    &.error {\n      color: tokens.$ifxColorRed500;\n    }\n  }\n}\n\n.upload-dropzone {\n  border: 1px dashed tokens.$ifxColorEngineering300;\n  padding: tokens.$ifxSpace500;\n  text-align: center;\n  cursor: pointer;\n  color: tokens.$ifxColorBaseBlack;\n  transition: border-color 0.3s ease;\n  border-radius: tokens.$ifxBorderRadius12;\n  background: tokens.$ifxColorBaseWhite;\n\n  ifx-icon {\n    color: tokens.$ifxColorOcean500;\n  }\n\n  &:hover {\n    border: 1px dashed tokens.$ifxColorEngineering400;\n  }\n\n  &.drag-over {\n    border: 1px solid tokens.$ifxColorOcean500;\n    background: tokens.$ifxColorEngineering100;\n\n    &.error {\n      border: 1px solid tokens.$ifxColorOcean500;\n    }\n  }\n\n  &.error {\n    border-color: tokens.$ifxColorRed500;\n  }\n\n  .disabled & {\n    pointer-events: none;\n    border-color: tokens.$ifxColorEngineering300;\n    color: tokens.$ifxColorEngineering300;\n\n    ifx-icon {\n      color: tokens.$ifxColorEngineering300;\n    }\n  }\n}\n\n.upload-dropzone input {\n  display: none;\n}\n\n.file-upload-info {\n  font-style: normal;\n  font-weight: tokens.$ifxFontWeightRegular;\n  font-size: tokens.$ifxFontSizeXs;\n  line-height: tokens.$ifxLineHeightXs;\n  letter-spacing: tokens.$ifxLetterSpacingDefault;\n  color: tokens.$ifxColorBaseBlack;\n  margin: 0;\n  margin-top: tokens.$ifxSpace50;\n}\n\n.file-upload-status {\n  font-style: normal;\n  font-weight: 400;\n  font-size: tokens.$ifxFontSizeXs;\n  line-height: tokens.$ifxLineHeightXs;\n  letter-spacing: 0.2px;\n  margin-top: tokens.$ifxSpace100;\n\n  &.file-upload-status__error {\n    display: flex;\n    align-items: center;\n    color: tokens.$ifxColorRed500;\n\n    ifx-icon {\n      position: relative;\n      top: - tokens.$ifxSpace12;\n      color: tokens.$ifxColorRed500;\n      margin-right: tokens.$ifxSpace100;\n    }\n  }\n}\n\n.upload-heading {\n  font: tokens.$ifxHeadingHeading06;\n  margin-bottom: tokens.$ifxSpace100;\n}\n\n.file-list-wrapper {\n  margin-top: tokens.$ifxSpace200;\n}\n\n.file-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: tokens.$ifxSpace200;\n}\n\n.file-item {\n  border: 1px solid tokens.$ifxColorEngineering300;\n  padding-top: tokens.$ifxSpace150;\n  padding-right: tokens.$ifxSpace200;\n  padding-bottom: tokens.$ifxSpace100;\n  padding-left: tokens.$ifxSpace200;\n  display: flex;\n  gap: tokens.$ifxSpace100;\n}\n\n.file-info {\n  width: 100%;\n  min-width: 0;\n}\n\n.file-top-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: tokens.$ifxSpace200;\n  margin-top: - tokens.$ifxSpace100;\n}\n\n.file-top-row ifx-icon {\n  flex-shrink: 0;\n}\n\n.file-name-wrapper {\n  display: flex;\n  min-width: 0;\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  font-weight: tokens.$ifxFontWeightRegular;\n  font-size: tokens.$ifxFontSizeS;\n}\n\n.file-name-base {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-shrink: 1;\n  min-width: 0;\n}\n\n.file-name-ext {\n  flex-shrink: 0;\n  margin-left: 0;\n}\n\n.file-middle-row {\n  display: flex;\n  align-items: center;\n  font-size: tokens.$ifxFontSizeXs;\n  line-height: tokens.$ifxLineHeightXs;\n  flex-wrap: wrap;\n  color: tokens.$ifxColorEngineering500;\n\n  .file-status {\n    margin-left: tokens.$ifxSpace150;\n\n    ifx-icon {\n      margin-right: tokens.$ifxSpace100;\n    }\n  }\n}\n\n.file-progress-row {\n  margin-top: tokens.$ifxSpace50;\n}\n\n.file-progress-row ifx-progress-bar {\n  width: 100%;\n}\n\n.upload-success {\n  border-color: tokens.$ifxColorOcean500;\n\n  .file-status {\n    ifx-icon {\n      position: relative;\n      top: tokens.$ifxSpace12;\n      color: tokens.$ifxColorGreen500;\n    }\n  }\n}\n\n.upload-failed {\n  border-color: tokens.$ifxColorRed500;\n\n  .file-status {\n    color: tokens.$ifxColorRed500;\n    margin-left: 0;\n  }\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\ninterface UploadTask {\n  file: File;\n  progress: number;\n  intervalId: number | null;\n  completed: boolean;\n  error?: boolean;\n}\n\nexport type FileUploadErrorReason = 'network-error' | 'timeout' | 'file-too-large' | 'unsupported-type' | 'invalid-type' | 'custom' | (string & {});\n\n@Component({\n  tag: 'ifx-file-upload',\n  styleUrl: 'file-upload.scss',\n  shadow: true,\n})\nexport class FileUpload {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() dragAndDrop: boolean = false;\n  @Prop() required: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() maxFileSizeMB: number = 7;\n  /** Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`. */\n  @Prop() allowedFileTypes?: string | string[] = undefined;\n  @Prop() additionalAllowedFileTypes?: string | string[] = [];\n  /** When set to true, allows any file type to be uploaded (no file type restrictions). */\n  @Prop() allowAnyFileType: boolean = false;\n  /** Custom file extensions to allow (e.g., 'xml', 'asc', 'cfg'). Recommended format: without dots. Also accepts format with dots like '.xml'. Do not use wildcards like '*.xml'. */\n  @Prop() allowedFileExtensions?: string | string[] = [];\n  @Prop() uploadHandler?: (file: File, onProgress?: (progress: number) => void) => Promise<void>;\n\n  private _maxFiles?: number;\n  @Prop()\n  get maxFiles(): number | undefined {\n    return this._maxFiles;\n  }\n  set maxFiles(value: number | undefined) {\n    if (typeof value === 'number' && value < 1) {\n      console.warn('Invalid `maxFiles` value. Must be >= 1. Value ignored.');\n      this._maxFiles = undefined;\n    } else {\n      this._maxFiles = value;\n    }\n  }\n\n  @Prop() label: string = 'Label';\n  @Prop() labelRequiredError: string = 'At least one file must be uploaded';\n  @Prop() labelBrowseFiles: string = 'Browse files';\n  @Prop() labelDragAndDrop: string = 'Drag & Drop or browse files to upload';\n  @Prop() labelUploadedFilesHeading: string = 'Uploaded files';\n  @Prop() labelFileTooLarge: string = 'Upload failed. Max file size: {{size}}MB.';\n  @Prop() labelUnsupportedFileType: string = 'Unsupported file type.';\n  @Prop() labelUploaded: string = 'Successfully uploaded';\n  @Prop() labelUploadFailed: string = 'Upload failed. Please try again.';\n  @Prop() labelSupportedFormatsTemplate: string = 'Supported file formats: {{types}}. Max file size: {{size}}MB.';\n  @Prop() labelFileSingular: string = 'file';\n  @Prop() labelFilePlural: string = 'files';\n  @Prop() labelMaxFilesInfo?: string = 'Up to {{count}} {{files}}.';\n  @Prop() labelMaxFilesExceeded: string = 'Upload limit exceeded. Only {{count}} {{files}} allowed.';\n\n  @Prop() ariaLabelBrowseFiles: string = 'Browse files';\n  @Prop() ariaLabelDropzone: string = 'Upload area. Click to browse or drag and drop files.';\n  @Prop() ariaLabelFileInput: string = 'Upload file';\n  @Prop() ariaLabelRemoveFile: string = 'Remove file';\n  @Prop() ariaLabelCancelUpload: string = 'Cancel upload';\n  @Prop() ariaLabelRetryUpload: string = 'Retry upload';\n  @Prop() ariaLabelUploadingStatus: string = 'Upload in progress';\n  @Prop() ariaLabelUploadedStatus: string = 'Upload completed';\n  @Prop() ariaLabelUploadFailedStatus: string = 'Upload failed';\n\n  private showDemoStates?: boolean;\n  private internalId = `ifx-file-upload-${Math.random().toString(36).substr(2, 9)}`;\n\n  @State() isDragOver: boolean = false;\n  @State() files: File[] = [];\n  @State() uploadTasks: UploadTask[] = [];\n  @State() rejectedSizeFiles: string[] = [];\n  @State() rejectedTypeFiles: string[] = [];\n  @State() requiredError: boolean = false;\n  @State() statusMessage: { type: 'error' | 'info' | 'success'; text: string } | null = null;\n\n  @Event() ifxFileUploadAdd: EventEmitter<{ addedFiles: File[]; files: File[] }>;\n  @Event() ifxFileUploadRemove: EventEmitter<{ removedFile: File; files: File[] }>;\n  @Event() ifxFileUploadChange: EventEmitter<{ files: File[] }>;\n  @Event() ifxFileUploadError: EventEmitter<{ errorType: string; file: File; message: string; reason?: string }>;\n  @Event() ifxFileUploadInvalid: EventEmitter<{ file: File; reason: string }>;\n  @Event() ifxFileUploadStart: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadComplete: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadAllComplete: EventEmitter<{ files: File[] }>;\n  @Event() ifxFileUploadAbort: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadDrop: EventEmitter<{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[] }>;\n  @Event() ifxFileUploadClick: EventEmitter<void>;\n  @Event() ifxFileUploadMaxFilesExceeded: EventEmitter<{ maxFiles: number; attempted: number }>;\n  @Event() ifxFileUploadValidation: EventEmitter<{ valid: boolean }>;\n  @Event() ifxFileUploadRetry: EventEmitter<{ file: File }>;\n\n  private fileInputEl: HTMLInputElement | null = null;\n\n  private extensionToMimeMap: Record<string, string> = {\n    /**\n     * Maps file extensions to MIME types.\n     * This is only used for translating `allowedFileTypes` (extensions) into MIME types,\n     * and for labeling in the UI. It does NOT define which files are globally allowed.\n     */\n\n    // Images\n    jpg: 'image/jpeg',\n    jpeg: 'image/jpeg',\n    png: 'image/png',\n    gif: 'image/gif',\n    svg: 'image/svg+xml',\n    webp: 'image/webp',\n\n    // Documents\n    pdf: 'application/pdf',\n    doc: 'application/msword',\n    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    xls: 'application/vnd.ms-excel',\n    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    ppt: 'application/vnd.ms-powerpoint',\n    pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n    txt: 'text/plain',\n    csv: 'text/csv',\n    json: 'application/json',\n\n    // Audio/Video\n    mp3: 'audio/mpeg',\n    wav: 'audio/wav',\n    mp4: 'video/mp4',\n    mov: 'video/quicktime',\n    webm: 'video/webm',\n\n    // Archive / Code\n    zip: 'application/zip',\n    rar: 'application/vnd.rar',\n    tar: 'application/x-tar',\n    gz: 'application/gzip',\n\n    // Sonstiges\n    xml: 'application/xml',\n    html: 'text/html',\n    css: 'text/css',\n    js: 'application/javascript',\n  };\n\n  private validateRequired(): void {\n    if (this.required && this.files.length === 0) {\n      this.requiredError = true;\n\n      if (this.statusMessage?.text !== this.labelRequiredError) {\n        this.statusMessage = {\n          type: 'error',\n          text: this.labelRequiredError,\n        };\n      }\n\n      this.ifxFileUploadValidation.emit({ valid: false });\n    } else {\n      this.requiredError = false;\n\n      if (this.statusMessage?.text === this.labelRequiredError) {\n        this.statusMessage = null;\n      }\n\n      this.ifxFileUploadValidation.emit({ valid: true });\n    }\n  }\n\n  private pluralize(count: number): string {\n    // If allowAnyFileType is true, use generic terms\n    if (this.allowAnyFileType) {\n      return count === 1 ? 'file' : 'files';\n    }\n    return count === 1 ? this.labelFileSingular : this.labelFilePlural;\n  }\n\n  private getNormalizedFileTypes(): string[] {\n    // If allowedFileTypes is not set and allowedFileExtensions is set, return empty array\n    if (!this.allowedFileTypes && this.allowedFileExtensions && this.getNormalizedFileExtensions().length > 0) {\n      return [];\n    }\n\n    // If allowedFileTypes is not set and no allowedFileExtensions, use defaults\n    if (!this.allowedFileTypes) {\n      return ['jpg', 'jpeg', 'png', 'pdf', 'mov', 'mp3', 'mp4'];\n    }\n\n    if (Array.isArray(this.allowedFileTypes)) {\n      return this.allowedFileTypes;\n    }\n    try {\n      return JSON.parse(this.allowedFileTypes);\n    } catch {\n      return this.allowedFileTypes.split(',').map(t => t.trim());\n    }\n  }\n\n  private getNormalizedFileExtensions(): string[] {\n    if (!this.allowedFileExtensions) return [];\n    if (Array.isArray(this.allowedFileExtensions)) {\n      return this.allowedFileExtensions;\n    }\n    try {\n      return JSON.parse(this.allowedFileExtensions);\n    } catch {\n      return this.allowedFileExtensions.split(',').map(t => t.trim());\n    }\n  }\n\n  /**\n   * Enhanced file type validation that supports:\n   * - allowAnyFileType flag for unrestricted uploads (overrides all restrictions)\n   * - allowedFileTypes (predefined extensions mapped to MIME types) - if not set and allowedFileExtensions is set, ignored\n   * - additionalAllowedFileTypes (MIME types)\n   * - allowedFileExtensions (custom extensions) - if only this is set, only these extensions are allowed\n   */\n  private isFileTypeAllowed(file: File): boolean {\n    // If allowAnyFileType is true, accept all files (overrides all restrictions)\n    if (this.allowAnyFileType) {\n      return true;\n    }\n\n    const fileExtension = this.getFileExtension(file.name);\n\n    // Check against allowedFileTypes (predefined extensions)\n    const normalizedTypes = this.getNormalizedFileTypes();\n    const allowedMimes = normalizedTypes.map(ext => this.extensionToMimeMap[ext.toLowerCase()]).filter(Boolean);\n\n    if (allowedMimes.includes(file.type)) {\n      return true;\n    }\n\n    // Check against additionalAllowedFileTypes (MIME types)\n    const additionalMimeTypes = this.getAdditionalMimeTypes();\n    if (additionalMimeTypes.includes(file.type)) {\n      return true;\n    }\n\n    // Check against allowedFileExtensions (custom extensions)\n    const customExtensions = this.getNormalizedFileExtensions();\n    if (customExtensions.length > 0 && fileExtension) {\n      for (const ext of customExtensions) {\n        const normalizedExt = ext.startsWith('.') ? ext.substring(1).toLowerCase() : ext.toLowerCase();\n        if (fileExtension === normalizedExt) {\n          return true;\n        }\n      }\n    }\n\n    return false;\n  }\n\n  /**\n   * Extracts file extension from filename (without dot)\n   */\n  private getFileExtension(filename: string): string | null {\n    const lastDotIndex = filename.lastIndexOf('.');\n    if (lastDotIndex === -1 || lastDotIndex === filename.length - 1) {\n      return null;\n    }\n    return filename.substring(lastDotIndex + 1).toLowerCase();\n  }\n\n  private getLabelFromMimeType(mime: string): string {\n    for (const [ext, knownMime] of Object.entries(this.extensionToMimeMap)) {\n      if (knownMime === mime) {\n        return ext.toUpperCase();\n      }\n    }\n    return mime; // fallback: show raw MIME\n  }\n\n  handleFileChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    if (!input.files) return;\n    this.processFiles(input.files);\n  }\n\n  handleDrop(event: DragEvent) {\n    if (this.disabled) return;\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver = false;\n    if (event.dataTransfer?.files) {\n      const droppedFiles = Array.from(event.dataTransfer.files);\n\n      const acceptedFiles: File[] = [];\n      const rejectedFiles: File[] = [];\n\n      droppedFiles.forEach(file => {\n        const isValidType = this.isFileTypeAllowed(file);\n        const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;\n        if (isValidType && isValidSize) acceptedFiles.push(file);\n        else rejectedFiles.push(file);\n      });\n\n      this.ifxFileUploadDrop.emit({\n        droppedFiles,\n        acceptedFiles,\n        rejectedFiles,\n      });\n\n      this.processFiles(event.dataTransfer.files);\n    }\n  }\n\n  handleDragOver(event: DragEvent) {\n    if (this.disabled) return;\n    event.preventDefault();\n    this.isDragOver = true;\n  }\n\n  handleDragLeave(event: DragEvent) {\n    if (this.disabled) return;\n    event.preventDefault();\n    this.isDragOver = false;\n  }\n\n  processFiles(fileList: FileList) {\n    const selectedFiles = Array.from(fileList);\n\n    const validFiles: File[] = [];\n    const rejectedSize: string[] = [];\n    const rejectedType: string[] = [];\n\n    selectedFiles.forEach(file => {\n      const isValidType = this.isFileTypeAllowed(file);\n      const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;\n      const isDuplicate = this.files.some(existing => existing.name === file.name && existing.size === file.size);\n\n      if (isDuplicate) {\n        this.ifxFileUploadInvalid.emit({ file, reason: 'duplicate' });\n        this.ifxFileUploadError.emit({\n          file,\n          errorType: 'duplicate',\n          message: `File \"${file.name}\" is already added`,\n          reason: 'duplicate',\n        });\n        return;\n      }\n\n      if (isValidType && isValidSize) {\n        validFiles.push(file);\n      } else {\n        if (!isValidType) {\n          rejectedType.push(file.name);\n          this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-type' });\n        }\n        if (!isValidSize) {\n          rejectedSize.push(file.name);\n          this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-size' });\n        }\n        this.ifxFileUploadError.emit({\n          file,\n          errorType: !isValidType ? 'invalid-type' : 'file-too-large',\n          message: 'Invalid file rejected',\n          reason: !isValidType ? 'unsupported-type' : 'file-too-large',\n        });\n      }\n    });\n\n    this.rejectedSizeFiles = [...this.rejectedSizeFiles, ...rejectedSize];\n    this.rejectedTypeFiles = [...this.rejectedTypeFiles, ...rejectedType];\n\n    if (this.maxFiles && this.files.length + validFiles.length > this.maxFiles) {\n      const availableSlots = this.maxFiles - this.files.length;\n      const limitedFiles = validFiles.slice(0, Math.max(availableSlots, 0));\n      const overflowFiles = validFiles.slice(availableSlots);\n\n      this.files = [...this.files, ...limitedFiles];\n\n      limitedFiles.forEach(file => this.startUpload(file));\n\n      if (limitedFiles.length > 0) {\n        this.ifxFileUploadAdd.emit({ addedFiles: limitedFiles, files: this.files });\n        this.ifxFileUploadChange.emit({ files: this.files });\n      }\n\n      overflowFiles.forEach(file => {\n        this.ifxFileUploadInvalid.emit({ file, reason: 'too-many-files' });\n        this.ifxFileUploadError.emit({\n          file,\n          errorType: 'too-many-files',\n          message: `Upload limit exceeded. Max ${this.maxFiles} files allowed.`,\n          reason: 'too-many-files',\n        });\n      });\n\n      if (overflowFiles.length > 0) {\n        this.statusMessage = {\n          type: 'error',\n          text: this.labelMaxFilesExceeded.replace('{{count}}', this.maxFiles.toString()).replace('{{files}}', this.pluralize(this.maxFiles)),\n        };\n        this.ifxFileUploadMaxFilesExceeded.emit({\n          maxFiles: this.maxFiles,\n          attempted: this.files.length + validFiles.length,\n        });\n      }\n\n      return;\n    }\n\n    validFiles.forEach(file => this.startUpload(file));\n    this.files = [...this.files, ...validFiles];\n\n    if (validFiles.length > 0) {\n      this.ifxFileUploadAdd.emit({ addedFiles: validFiles, files: this.files });\n      this.ifxFileUploadChange.emit({ files: this.files });\n    }\n\n    this.validateRequired();\n  }\n\n  retryUpload(file: File) {\n    const taskIndex = this.uploadTasks.findIndex(t => t.file.name === file.name);\n    if (taskIndex !== -1) {\n      this.uploadTasks.splice(taskIndex, 1);\n      this.uploadTasks = [...this.uploadTasks];\n    }\n    this.ifxFileUploadRetry.emit({ file });\n    this.startUpload(file);\n  }\n\n  private checkAndEmitAllComplete(): void {\n    if (this.uploadTasks.every(t => t.completed || t.error)) {\n      const hasSuccessfulUploads = this.uploadTasks.some(t => t.completed && !t.error);\n      if (hasSuccessfulUploads) {\n        const successfulFiles = this.uploadTasks.filter(t => t.completed && !t.error).map(t => t.file);\n        this.ifxFileUploadAllComplete.emit({ files: successfulFiles });\n      }\n    }\n  }\n\n  private resetFileInput(): void {\n    if (this.fileInputEl) {\n      this.fileInputEl.value = '';\n    }\n  }\n\n  private updateTaskProgress(file: File, progress: number): void {\n    const task = this.uploadTasks.find(t => t.file === file);\n    if (task) {\n      const newProgress = Math.max(task.progress, Math.min(100, progress));\n      if (newProgress !== task.progress) {\n        task.progress = newProgress;\n        this.uploadTasks = [...this.uploadTasks];\n      }\n    }\n  }\n\n  startUpload(file: File) {\n    this.ifxFileUploadStart.emit({ file });\n    const task: UploadTask = {\n      file,\n      progress: 3, // Start with initial progress for better UX\n      intervalId: null,\n      completed: false,\n    };\n    this.uploadTasks = [...this.uploadTasks, task];\n\n    if (this.uploadHandler) {\n      this.uploadHandler(file, (percent: number) => {\n        this.updateTaskProgress(file, percent);\n      })\n        .then(() => {\n          task.progress = 100;\n          task.completed = true;\n          this.uploadTasks = [...this.uploadTasks];\n          this.ifxFileUploadComplete.emit({ file });\n          this.ifxFileUploadChange.emit({ files: this.files });\n          this.checkAndEmitAllComplete();\n        })\n        .catch(() => {\n          task.error = true;\n          this.uploadTasks = [...this.uploadTasks];\n          this.ifxFileUploadError.emit({\n            file,\n            errorType: 'upload-failed',\n            message: 'Upload handler rejected file',\n            reason: 'custom',\n          });\n          this.checkAndEmitAllComplete();\n        });\n    } else {\n      const totalSize = file.size;\n      const fakeUploadSpeed = 100000;\n      let uploaded = 0;\n      task.intervalId = window.setInterval(() => {\n        uploaded += fakeUploadSpeed / 5;\n        const progress = Math.min(100, Math.round((uploaded / totalSize) * 100));\n        this.updateTaskProgress(file, progress);\n\n        if (progress >= 100) {\n          clearInterval(task.intervalId!);\n          task.completed = true;\n          task.intervalId = null;\n          this.uploadTasks = [...this.uploadTasks];\n          this.ifxFileUploadComplete.emit({ file });\n          this.ifxFileUploadChange.emit({ files: this.files });\n          this.checkAndEmitAllComplete();\n        }\n      }, 200);\n    }\n  }\n\n  cancelUpload(file: File) {\n    const taskIndex = this.uploadTasks.findIndex(t => t.file.name === file.name);\n    if (taskIndex !== -1) {\n      const task = this.uploadTasks[taskIndex];\n      if (task?.intervalId !== null) {\n        clearInterval(task.intervalId);\n      }\n      this.uploadTasks = this.uploadTasks.filter((_, i) => i !== taskIndex);\n    }\n    this.files = this.files.filter(f => f.name !== file.name);\n    this.ifxFileUploadAbort.emit({ file });\n    this.ifxFileUploadChange.emit({ files: this.files });\n    this.resetFileInput();\n    this.validateRequired();\n  }\n\n  removeFile(file: File) {\n    this.uploadTasks = this.uploadTasks.filter(task => task.file.name !== file.name);\n    this.files = this.files.filter(f => f.name !== file.name);\n    this.ifxFileUploadRemove.emit({ removedFile: file, files: this.files });\n    this.ifxFileUploadChange.emit({ files: this.files });\n    this.validateRequired();\n\n    this.resetFileInput();\n\n    if (this.maxFiles && this.files.length < this.maxFiles && this.statusMessage?.text !== this.labelRequiredError) {\n      this.statusMessage = null;\n    }\n  }\n\n  clearRejectedFile(fileName: string, type: 'size' | 'type') {\n    if (type === 'size') {\n      this.rejectedSizeFiles = this.rejectedSizeFiles.filter(f => f !== fileName);\n    } else {\n      this.rejectedTypeFiles = this.rejectedTypeFiles.filter(f => f !== fileName);\n    }\n\n    this.resetFileInput();\n\n    if (this.maxFiles && this.files.length < this.maxFiles) {\n      this.statusMessage = null;\n    }\n\n    this.validateRequired();\n  }\n\n  splitFileNameParts(file: File): { base: string; ext: string } {\n    const name = file.name;\n    const dotIndex = name.lastIndexOf('.');\n    if (dotIndex === -1) return { base: name, ext: '' };\n    return {\n      base: name.substring(0, dotIndex),\n      ext: name.substring(dotIndex),\n    };\n  }\n\n  getFileIcon(file: File): string {\n    const extension = file.name.split('.').pop()?.toLowerCase();\n    switch (extension) {\n      case 'pdf':\n        return 'file-pdf-16';\n      case 'jpg':\n      case 'jpeg':\n        return 'file-jpg-16';\n      case 'png':\n        return 'file-png-16';\n      case 'mov':\n        return 'file-mov-16';\n      case 'mp3':\n        return 'file-mp3-16';\n      case 'mp4':\n        return 'file-mp4-16';\n      default:\n        return 'file-16';\n    }\n  }\n\n  formatSize(bytes: number): string {\n    if (bytes >= 1024 * 1024 * 1024) {\n      return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n    } else if (bytes >= 1024 * 1024) {\n      return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n    } else if (bytes >= 1024) {\n      return `${(bytes / 1024).toFixed(0)} KB`;\n    } else {\n      return `${bytes} B`;\n    }\n  }\n\n  getAcceptAttribute(): string {\n    // If allowAnyFileType is true, don't restrict the input\n    if (this.allowAnyFileType) {\n      return '';\n    }\n\n    const acceptValues: string[] = [];\n\n    // Add extensions from allowedFileTypes\n    const extensionTypes = this.getNormalizedFileTypes().map(ext => '.' + ext.toLowerCase());\n    acceptValues.push(...extensionTypes);\n\n    // Add MIME types from additionalAllowedFileTypes\n    const mimeTypes = this.getAdditionalMimeTypes();\n    acceptValues.push(...mimeTypes);\n\n    // Add custom file extensions\n    const customExtensions = this.getNormalizedFileExtensions();\n    customExtensions.forEach(ext => {\n      const normalizedExt = ext.startsWith('.') ? ext : '.' + ext;\n      acceptValues.push(normalizedExt);\n    });\n\n    return acceptValues.join(',');\n  }\n\n  private getFormattedProgressText(task: UploadTask): string {\n    const uploadedSize = Math.round((task.progress / 100) * task.file.size);\n    const uploadedText = this.formatSize(uploadedSize);\n    const totalText = this.formatSize(task.file.size);\n    return `${uploadedText} / ${totalText} uploaded`;\n  }\n\n  private getAdditionalMimeTypes(): string[] {\n    if (!this.additionalAllowedFileTypes) return [];\n    if (Array.isArray(this.additionalAllowedFileTypes)) return this.additionalAllowedFileTypes;\n    return this.additionalAllowedFileTypes.split(',').map(t => t.trim());\n  }\n\n  private getSupportedFileText(): string {\n    if (this.allowAnyFileType) {\n      let text = `All file types allowed. Max file size: ${this.maxFileSizeMB}MB.`;\n      if (this.labelMaxFilesInfo && this.maxFiles) {\n        const fileWord = this.pluralize(this.maxFiles);\n        const maxFilesText = this.labelMaxFilesInfo.replace('{{count}}', this.maxFiles.toString()).replace('{{files}}', fileWord);\n        text += ` ${maxFilesText}`;\n      }\n      return text;\n    }\n\n    const allTypes: string[] = [];\n\n    // Add extensions from allowedFileTypes\n    const extensions = this.getNormalizedFileTypes().map(ext => ext.toUpperCase());\n    allTypes.push(...extensions);\n\n    // Add MIME types from additionalAllowedFileTypes\n    const mimeTypes = this.getAdditionalMimeTypes().map(mime => this.getLabelFromMimeType(mime));\n    allTypes.push(...mimeTypes);\n\n    // Add custom file extensions\n    const customExtensions = this.getNormalizedFileExtensions().map(ext => {\n      const cleanExt = ext.startsWith('.') ? ext.substring(1) : ext;\n      return cleanExt.toUpperCase();\n    });\n    allTypes.push(...customExtensions);\n\n    const typesLabel = allTypes.join(', ');\n\n    let text = this.labelSupportedFormatsTemplate.replace('{{types}}', typesLabel).replace('{{size}}', this.maxFileSizeMB.toString());\n\n    if (this.labelMaxFilesInfo && this.maxFiles) {\n      const fileWord = this.pluralize(this.maxFiles);\n      const maxFilesText = this.labelMaxFilesInfo.replace('{{count}}', this.maxFiles.toString()).replace('{{files}}', fileWord);\n      text += ` ${maxFilesText}`;\n    }\n\n    return text;\n  }\n\n  private getFormattedFileTooLargeText(): string {\n    return this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString());\n  }\n\n  private renderStatusMessage() {\n    if (!this.statusMessage) return null;\n\n    return (\n      <div class={`file-upload-status file-upload-status__${this.statusMessage.type}`}>\n        {this.statusMessage.type === 'error' && <ifx-icon icon=\"c-warning-16\"></ifx-icon>}\n        {this.statusMessage.text}\n      </div>\n    );\n  }\n\n  private isInputDisabled(): boolean {\n    return this.disabled || (this.maxFiles !== undefined && this.files.length >= this.maxFiles);\n  }\n\n  async componentDidLoad() {\n    if (!isNestedInIfxComponent(this.hostElement)) {\n      const framework = detectFramework();\n      trackComponent('ifx-file-upload', await framework);\n    }\n\n    if (this.hostElement.hasAttribute('show-demo-states')) {\n      this.showDemoStates = true;\n    }\n\n    if (this.showDemoStates) {\n      this.injectDemoState();\n    }\n  }\n\n  // Storybook Demo\n  @Method()\n  async injectDemoState() {\n    const dummyContent = new Array(50000).fill('a').join(''); // ~50 KB\n    const bigContent = dummyContent + dummyContent; // ~100 KB\n\n    const uploading = new File([dummyContent], 'Image.jpg', { type: 'image/jpeg' }); // ~50 KB\n    const uploaded = new File([bigContent], 'File.pdf', { type: 'application/pdf' }); // ~100 KB\n    const failed = new File([dummyContent], 'Text.docx', { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' }); // ~50 KB\n    const tooLarge = new File([bigContent + bigContent + bigContent], 'Video.mp4', { type: 'video/mp4' }); // ~300 KB\n    const unsupported = new File(['demo'], 'Script.exe', { type: 'application/x-msdownload' }); // very small\n\n    this.files = [uploaded, uploading, failed];\n    this.uploadTasks = [\n      { file: uploaded, progress: 100, intervalId: null, completed: true },\n      { file: uploading, progress: 40, intervalId: null, completed: false },\n      { file: failed, progress: 80, intervalId: null, completed: false, error: true },\n    ];\n    this.rejectedSizeFiles = [tooLarge.name];\n    this.rejectedTypeFiles = [unsupported.name];\n  }\n\n  // Storybook Demo\n  @Method()\n  async triggerDemoValidation(): Promise<void> {\n    this.validateRequired();\n  }\n\n  render() {\n    return (\n      <div\n        class={{\n          'file-upload-wrapper': true,\n          'disabled': this.disabled,\n        }}\n      >\n        {this.label && (\n          <label class=\"file-upload-label\" htmlFor={this.internalId}>\n            {this.label}\n            {this.required && <span class={`required ${this.requiredError ? 'error' : ''}`}>*</span>}\n          </label>\n        )}\n\n        {this.dragAndDrop ? this.renderDragAndDropArea() : this.renderUploadArea()}\n\n        {(this.files.length > 0 || this.rejectedSizeFiles.length > 0 || this.rejectedTypeFiles.length > 0) && (\n          <div class=\"file-list-wrapper\">\n            <div class=\"upload-heading\">{this.labelUploadedFilesHeading}</div>\n            <ul class=\"file-list\">\n              {this.rejectedSizeFiles.map(fileName => (\n                <li class=\"file-item upload-failed\" key={`rejected-size-${fileName}`}>\n                  <div class=\"file-icon\">\n                    <ifx-icon icon=\"file-16\"></ifx-icon>\n                  </div>\n                  <div class=\"file-info\">\n                    <div class=\"file-top-row\">\n                      <span class=\"file-name-wrapper\">\n                        <span class=\"file-name-base\">{this.splitFileNameParts({ name: fileName } as File).base}</span>\n                        <span class=\"file-name-ext\">{this.splitFileNameParts({ name: fileName } as File).ext}</span>\n                      </span>\n                      <div class=\"file-actions\">\n                        <ifx-icon-button\n                          shape=\"square\"\n                          variant=\"tertiary\"\n                          icon=\"delete-forever-16\"\n                          size=\"s\"\n                          aria-label={this.ariaLabelRemoveFile}\n                          onClick={() => this.clearRejectedFile(fileName, 'size')}\n                        ></ifx-icon-button>\n                      </div>\n                    </div>\n                    <div class=\"file-middle-row\">\n                      <span class=\"file-status\" aria-label={this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString())}>\n                        {this.getFormattedFileTooLargeText()}\n                      </span>\n                    </div>\n                  </div>\n                </li>\n              ))}\n\n              {this.rejectedTypeFiles.map(fileName => (\n                <li class=\"file-item upload-failed\" key={`rejected-type-${fileName}`}>\n                  <div class=\"file-icon\">\n                    <ifx-icon icon=\"file-16\"></ifx-icon>\n                  </div>\n                  <div class=\"file-info\">\n                    <div class=\"file-top-row\">\n                      <span class=\"file-name-wrapper\">\n                        <span class=\"file-name-base\">{this.splitFileNameParts({ name: fileName } as File).base}</span>\n                        <span class=\"file-name-ext\">{this.splitFileNameParts({ name: fileName } as File).ext}</span>\n                      </span>\n                      <div class=\"file-actions\">\n                        <ifx-icon-button\n                          shape=\"square\"\n                          variant=\"tertiary\"\n                          icon=\"delete-forever-16\"\n                          size=\"s\"\n                          aria-label={this.ariaLabelRemoveFile}\n                          onClick={() => this.clearRejectedFile(fileName, 'type')}\n                        ></ifx-icon-button>\n                      </div>\n                    </div>\n                    <div class=\"file-middle-row\">\n                      <span class=\"file-status\" aria-label={this.labelUnsupportedFileType}>\n                        {this.labelUnsupportedFileType}\n                      </span>\n                    </div>\n                  </div>\n                </li>\n              ))}\n\n              {this.files.map(file => {\n                const task = this.uploadTasks.find(t => t.file.name === file.name);\n                const progress = task?.progress ?? 100;\n                const isUploading = task && !task.completed;\n                const isError = task?.error === true;\n                const itemClass = isError ? 'file-item upload-failed' : isUploading ? 'file-item uploading' : 'file-item upload-success';\n                const uniqueKey = `${file.name}-${file.size}`;\n                const { base, ext } = this.splitFileNameParts(file);\n\n                return (\n                  <li class={itemClass} key={uniqueKey}>\n                    <div class=\"file-icon\">\n                      <ifx-icon icon={this.getFileIcon(file)}></ifx-icon>\n                    </div>\n                    <div class=\"file-info\">\n                      <div class=\"file-top-row\">\n                        <span class=\"file-name-wrapper\">\n                          <span class=\"file-name-base\">{base}</span>\n                          <span class=\"file-name-ext\">{ext}</span>\n                        </span>\n                        <div class=\"file-actions\">\n                          <ifx-icon-button\n                            shape=\"square\"\n                            variant=\"tertiary\"\n                            icon=\"refresh-16\"\n                            size=\"s\"\n                            aria-label={this.ariaLabelRetryUpload}\n                            onClick={() => this.retryUpload(file)}\n                            style={{ display: isError ? 'inline-flex' : 'none' }}\n                          ></ifx-icon-button>\n                          <ifx-icon-button\n                            shape=\"square\"\n                            variant=\"tertiary\"\n                            icon=\"cross-16\"\n                            size=\"s\"\n                            aria-label={this.ariaLabelCancelUpload}\n                            onClick={() => this.cancelUpload(file)}\n                            style={{ display: isUploading ? 'inline-flex' : 'none' }}\n                          ></ifx-icon-button>\n                          <ifx-icon-button\n                            shape=\"square\"\n                            variant=\"tertiary\"\n                            icon=\"delete-forever-16\"\n                            size=\"s\"\n                            aria-label={this.ariaLabelRemoveFile}\n                            onClick={() => this.removeFile(file)}\n                            style={{ display: !isUploading ? 'inline-flex' : 'none' }}\n                          ></ifx-icon-button>\n                        </div>\n                      </div>\n\n                      <div class=\"file-middle-row\">\n                        {isUploading && task && !task.error && (\n                          <span class=\"file-uploading\" aria-label={this.ariaLabelUploadingStatus}>\n                            {this.getFormattedProgressText(task)}\n                          </span>\n                        )}\n                        {!isUploading && !isError && (\n                          <span>\n                            <span class=\"file-size\">{this.formatSize(file.size)}</span>\n                            <span class=\"file-status\" aria-label={this.ariaLabelUploadedStatus}>\n                              <ifx-icon icon=\"check-16\"></ifx-icon>\n                              {this.labelUploaded}\n                            </span>\n                          </span>\n                        )}\n                        {isError && (\n                          <span class=\"file-status\" aria-label={this.ariaLabelUploadFailedStatus}>\n                            {this.labelUploadFailed}\n                          </span>\n                        )}\n                      </div>\n\n                      {isUploading && task && !task.error && (\n                        <div class=\"file-progress-row\">\n                          <ifx-progress-bar size=\"s\" value={progress} show-label=\"true\"></ifx-progress-bar>\n                        </div>\n                      )}\n                    </div>\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  renderUploadArea() {\n    const handleInputRef = (el: HTMLInputElement | null) => {\n      this.fileInputEl = el;\n    };\n\n    return (\n      <div class={{ 'upload-button': true }}>\n        <ifx-button variant=\"secondary\" onClick={() => this.fileInputEl?.click()} disabled={this.isInputDisabled()} aria-label={this.ariaLabelBrowseFiles}>\n          <ifx-icon icon=\"upload-16\"></ifx-icon>\n          {this.labelBrowseFiles}\n        </ifx-button>\n        <input\n          id={this.internalId}\n          ref={handleInputRef}\n          type=\"file\"\n          accept={this.getAcceptAttribute()}\n          multiple\n          onChange={e => this.handleFileChange(e)}\n          style={{ display: 'none' }}\n          disabled={this.isInputDisabled()}\n          aria-label={this.ariaLabelFileInput}\n        />\n        <p class=\"file-upload-info\">{this.getSupportedFileText()}</p>\n        {this.renderStatusMessage()}\n      </div>\n    );\n  }\n\n  renderDragAndDropArea() {\n    const handleInputRef = (el: HTMLInputElement | null) => {\n      this.fileInputEl = el;\n    };\n\n    const triggerInputClick = () => {\n      if (this.fileInputEl) {\n        this.fileInputEl.click();\n      }\n    };\n\n    return (\n      <div class={{ disabled: this.isInputDisabled() }}>\n        <div\n          class={{ 'upload-dropzone': true, 'drag-over': this.isDragOver, 'error': this.requiredError }}\n          onClick={triggerInputClick}\n          onDragOver={e => this.handleDragOver(e)}\n          onDragLeave={e => this.handleDragLeave(e)}\n          onDrop={e => this.handleDrop(e)}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={this.ariaLabelDropzone}\n        >\n          <ifx-icon icon=\"upload-16\" class=\"custom-icon\"></ifx-icon>\n          <p>{this.labelDragAndDrop}</p>\n          <p class=\"file-upload-info\">{this.getSupportedFileText()}</p>\n          <div style={{ height: '0px', overflow: 'hidden' }}>\n            <input\n              id={this.internalId}\n              ref={handleInputRef}\n              type=\"file\"\n              accept={this.getAcceptAttribute()}\n              multiple\n              onChange={e => this.handleFileChange(e)}\n              disabled={this.isInputDisabled()}\n              aria-label={this.ariaLabelFileInput}\n            />\n          </div>\n        </div>\n        {this.renderStatusMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-dcd0af23.entry.js → p-372fa9eb.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,e as t,h as a,a as s}from"./p-PqnYwNKt.js";const i="*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";const r=class{constructor(a){e(this,a);this.tableTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);this.wizardTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`)}toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".templates__wrapper").querySelectorAll("ifx-template");t.forEach((t=>{t.toggleTemplate(e)}))}handleError(e){const t=this.el.shadowRoot.querySelector(".alert__wrapper");if(e.detail){t.classList.add("show")}else{t.classList.remove("show")}}filterTemplates(e){const t=this.el.shadowRoot.querySelector(".templates__title");const a=this.el.shadowRoot.querySelector(".back__btn-wrapper");if(e.detail){t.classList.add("hide");if(e.detail!=="details"){a.classList.add("show")}this.toggleTemplate(e.detail)}else{t.classList.remove("hide");a.classList.remove("show");this.toggleTemplate(null)}}closeAlert(){const e=this.el.shadowRoot.querySelector(".alert__wrapper");e.classList.remove("show")}render(){return a("div",{key:"625f556bc421af7b7eb482e3516f7792b4c1ef71",class:"templates__container"},a("div",{key:"b4baf8ddbb682ed4c8fd68915d5ade140e0f599f",class:"back__btn-wrapper"},a("ifx-icon-button",{key:"ae7543d14589bedb717e5798d2adfee5466cd7dc",onClick:()=>this.filterTemplates(false),shape:"round",variant:"tertiary",icon:"arrow-left-16",target:"_blank",size:"m"}),a("div",{key:"62661f884e553205dcb63977c110b5cb8e174e53",class:"alert__wrapper"},a("ifx-alert",{key:"5a9d3c9ed711cb2f3ceebb1baebbc106899f7e1f",onClick:()=>this.closeAlert(),"aria-live":"assertive",variant:"danger",icon:"c-info-16"},"All fields are mandatory"))),a("h2",{key:"60fb42f545206c1e19b4d3762c9110270cbd391e",class:"templates__title"},"Choose your template"),a("div",{key:"4d4db713807c60c8cf3d10dde9d7b7b64304a2c5",class:"templates__wrapper"},a("ifx-template",{key:"edacabf2edfc49a2b23bf3a200ac559a6637336d",name:"template-01",thumbnail:this.tableTemplate}),a("ifx-template",{key:"78eb56d6b2ae1f3f3020eaf36b99eeb5fd8b24ea",name:"template-02",thumbnail:this.wizardTemplate})))}static get assetsDirs(){return["assets"]}get el(){return s(this)}};r.style=i;export{r as ifx_templates_ui};
-//# sourceMappingURL=p-dcd0af23.entry.js.map
+import{r as e,e as t,h as a,a as s}from"./p-DtIEDtZ8.js";const i="*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";const r=class{constructor(a){e(this,a);this.tableTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);this.wizardTemplate=t(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`)}toggleTemplate(e){const t=this.el.shadowRoot.querySelector(".templates__wrapper").querySelectorAll("ifx-template");t.forEach((t=>{t.toggleTemplate(e)}))}handleError(e){const t=this.el.shadowRoot.querySelector(".alert__wrapper");if(e.detail){t.classList.add("show")}else{t.classList.remove("show")}}filterTemplates(e){const t=this.el.shadowRoot.querySelector(".templates__title");const a=this.el.shadowRoot.querySelector(".back__btn-wrapper");if(e.detail){t.classList.add("hide");if(e.detail!=="details"){a.classList.add("show")}this.toggleTemplate(e.detail)}else{t.classList.remove("hide");a.classList.remove("show");this.toggleTemplate(null)}}closeAlert(){const e=this.el.shadowRoot.querySelector(".alert__wrapper");e.classList.remove("show")}render(){return a("div",{key:"625f556bc421af7b7eb482e3516f7792b4c1ef71",class:"templates__container"},a("div",{key:"b4baf8ddbb682ed4c8fd68915d5ade140e0f599f",class:"back__btn-wrapper"},a("ifx-icon-button",{key:"ae7543d14589bedb717e5798d2adfee5466cd7dc",onClick:()=>this.filterTemplates(false),shape:"round",variant:"tertiary",icon:"arrow-left-16",target:"_blank",size:"m"}),a("div",{key:"62661f884e553205dcb63977c110b5cb8e174e53",class:"alert__wrapper"},a("ifx-alert",{key:"5a9d3c9ed711cb2f3ceebb1baebbc106899f7e1f",onClick:()=>this.closeAlert(),"aria-live":"assertive",variant:"danger",icon:"c-info-16"},"All fields are mandatory"))),a("h2",{key:"60fb42f545206c1e19b4d3762c9110270cbd391e",class:"templates__title"},"Choose your template"),a("div",{key:"4d4db713807c60c8cf3d10dde9d7b7b64304a2c5",class:"templates__wrapper"},a("ifx-template",{key:"edacabf2edfc49a2b23bf3a200ac559a6637336d",name:"template-01",thumbnail:this.tableTemplate}),a("ifx-template",{key:"78eb56d6b2ae1f3f3020eaf36b99eeb5fd8b24ea",name:"template-02",thumbnail:this.wizardTemplate})))}static get assetsDirs(){return["assets"]}get el(){return s(this)}};r.style=i;export{r as ifx_templates_ui};
+//# sourceMappingURL=p-372fa9eb.entry.js.map

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

@@ -0,0 +1,2 @@
+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-fc359efa.entry.js.map → p-3cdd03ed.entry.js.map}

@@ -1 +1 @@
-{"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,yd,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":[]}
+{"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

@@ -0,0 +1,2 @@
+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-ca870353.entry.js.map → p-3f29b8fd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["breadcrumbItemCss","BreadcrumbItem","constructor","hostRef","this","isLastItem","hasDropdownMenu","handleOutsideClick","event","path","composedPath","includes","el","closeDropdownMenu","handleKeyDown","ev","key","toggleDropdownMenu","getDropdownMenu","dropdownMenu","shadowRoot","querySelector","menuWrapperEventReEmitter","emittedElement","detail","getMenuIconWrapper","handleClassList","type","className","classList","menuWrapper","isDropdownMenuOpen","contains","handleLastItem","breadcrumbItems","closest","querySelectorAll","length","generateUniqueId","prefix","Math","random","toString","substring","componentWillLoad","uniqueId","componentDidUpdate","componentWillRender","setHasDropdownMenuState","getIfxDropdownMenuComponent","componentDidLoad","iconMenuWrapper","isOpen","render","h","class","role","tabindex","onClick","name","id"],"sources":["src/components/breadcrumb/breadcrumb-item.scss?tag=ifx-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.breadcrumb-parent {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0px;\n  gap: tokens.$ifxSpace150;\n  min-height: tokens.$ifxSize300;\n  justify-content: center;\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  & .breadcrumb-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0px;\n    gap: tokens.$ifxSpace100;\n    position: relative;\n\n    & .dropdown-menu {\n      display: none;\n      position: absolute;\n      top: 20px;\n\n      &.open {\n        display: block;\n      }\n    }\n\n    & a {\n      text-decoration: none;\n      color: tokens.$ifxColorBaseBlack;\n      font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n      font-style: normal;\n      font-weight: 400;\n      font-size: tokens.$ifxFontSizeS;\n      line-height: tokens.$ifxLineHeightS;\n      display: flex;\n      align-items: center;\n      color: tokens.$ifxColorBaseBlack;\n      flex-direction: column;\n      justify-content: center;\n      padding: 0px;\n      border-bottom: 1px solid #1D1D1D;\n    }\n  }\n\n  & .breadcrumb-divider {\n    width: 10px;\n    height: tokens.$ifxSize200;\n    color: tokens.$ifxColorEngineering200;\n    line-height: 13px;\n    font-size: tokens.$ifxFontSizeXl;\n\n    margin-right: 12px;\n  }\n}","import { Component, h, Element, State, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  shadow: true,\n})\nexport class BreadcrumbItem {\n\n  @State() isLastItem: boolean = false;\n  @Element() el;\n  private emittedElement: HTMLElement;\n  @State() uniqueId: string;\n  @State() hasDropdownMenu: boolean = false;\n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const path = event.composedPath();\n    if (!path.includes(this.el)) {\n      this.closeDropdownMenu();\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      this.toggleDropdownMenu();\n    } else if (ev.key === 'Escape') {\n      this.closeDropdownMenu();\n    }\n  }\n\n  getDropdownMenu() {\n    const dropdownMenu = this.el.shadowRoot.querySelector('.dropdown-menu');\n    return dropdownMenu\n  }\n\n  @Listen('breadcrumbMenuIconWrapper')\n  menuWrapperEventReEmitter(event: CustomEvent<HTMLElement>) { \n    this.emittedElement = event.detail;\n  }\n\n  getMenuIconWrapper(): HTMLElement | undefined {\n    return this.emittedElement;\n  }\n\n  handleClassList(el, type, className) {\n    el.classList[type](className)\n  }\n\n  closeDropdownMenu() {\n    if(this.hasDropdownMenu) {\n      const dropdownMenu = this.getDropdownMenu()\n      const menuWrapper = this.getMenuIconWrapper()\n      this.handleClassList(dropdownMenu, 'remove', 'open')\n      this.handleClassList(menuWrapper, 'remove', 'show')\n    }\n  }\n\n  toggleDropdownMenu() { \n    if(this.hasDropdownMenu) {\n      const dropdownMenu = this.getDropdownMenu()\n      const menuWrapper = this.getMenuIconWrapper()\n      this.handleClassList(dropdownMenu, 'toggle', 'open')\n      this.handleClassList(menuWrapper, 'toggle', 'show')\n    }\n  }\n\n  isDropdownMenuOpen(): boolean {\n    const dropdownMenu = this.getDropdownMenu()\n    return this.hasDropdownMenu && dropdownMenu && dropdownMenu.classList.contains('open')\n  }\n\n  handleLastItem() { \n    const breadcrumbItems = this.el.closest('ifx-breadcrumb').querySelectorAll('ifx-breadcrumb-item')\n    if(this.el === breadcrumbItems[breadcrumbItems.length-1]) { \n      this.isLastItem = true;\n    } else this.isLastItem = false;\n  }\n\n  generateUniqueId(prefix = 'id') {\n    return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;\n  }\n\n  componentWillLoad() { \n    if (!this.uniqueId) {\n      this.uniqueId = this.generateUniqueId('breadcrumb-dropdown');\n    }\n    this.handleLastItem()\n  }\n\n  componentDidUpdate() {\n    this.handleLastItem()\n  }\n\n  componentWillRender() { \n    this.setHasDropdownMenuState()\n  }\n\n  setHasDropdownMenuState() { \n    const dropdownMenu = this.getIfxDropdownMenuComponent();\n    if(dropdownMenu) {\n      this.hasDropdownMenu = !!dropdownMenu;\n    }\n  }\n\n  getIfxDropdownMenuComponent() { \n    const dropdownMenu = this.el.querySelector('ifx-dropdown-menu');\n    return dropdownMenu;\n  }\n\n  componentDidLoad() { \n    const dropdownMenu = this.getIfxDropdownMenuComponent();\n\n    if(!this.hasDropdownMenu) { \n      const iconMenuWrapper = this.getMenuIconWrapper();\n      this.handleClassList(iconMenuWrapper, 'toggle', 'hide');\n    } else { \n      dropdownMenu.isOpen = true;\n    }\n  }\n\n  render() {\n    return (\n      <li class='breadcrumb-parent' aria-current={`${this.isLastItem ? 'page' : \"\"}`}>\n       <li 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\">\n          <slot name='label'/>\n          <div id={this.uniqueId} class=\"dropdown-menu\" aria-expanded={this.isDropdownMenuOpen()} aria-label=\"Dropdown menu\">\n            <slot />\n          </div>\n        </li>\n        {!this.isLastItem && <span class=\"breadcrumb-divider\" aria-hidden=\"true\">/</span>}\n      </li>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["breadcrumbItemCss","BreadcrumbItem","constructor","hostRef","this","isLastItem","hasDropdownMenu","handleOutsideClick","event","path","composedPath","includes","el","closeDropdownMenu","handleKeyDown","ev","key","toggleDropdownMenu","getDropdownMenu","dropdownMenu","shadowRoot","querySelector","menuWrapperEventReEmitter","emittedElement","detail","getMenuIconWrapper","handleClassList","type","className","classList","menuWrapper","isDropdownMenuOpen","contains","handleLastItem","breadcrumbItems","closest","querySelectorAll","length","generateUniqueId","prefix","Math","random","toString","substring","componentWillLoad","uniqueId","componentDidUpdate","componentWillRender","setHasDropdownMenuState","getIfxDropdownMenuComponent","componentDidLoad","iconMenuWrapper","isOpen","render","h","class","role","tabindex","onClick","name","id"],"sources":["src/components/breadcrumb/breadcrumb-item.scss?tag=ifx-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.breadcrumb-parent {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0px;\n  gap: tokens.$ifxSpace150;\n  min-height: tokens.$ifxSize300;\n  justify-content: center;\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  & .breadcrumb-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0px;\n    gap: tokens.$ifxSpace100;\n    position: relative;\n\n    & .dropdown-menu {\n      display: none;\n      position: absolute;\n      top: 20px;\n\n      &.open {\n        display: block;\n      }\n    }\n\n    & a {\n      text-decoration: none;\n      color: tokens.$ifxColorBaseBlack;\n      font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n      font-style: normal;\n      font-weight: 400;\n      font-size: tokens.$ifxFontSizeS;\n      line-height: tokens.$ifxLineHeightS;\n      display: flex;\n      align-items: center;\n      color: tokens.$ifxColorBaseBlack;\n      flex-direction: column;\n      justify-content: center;\n      padding: 0px;\n      border-bottom: 1px solid #1D1D1D;\n    }\n  }\n\n  & .breadcrumb-divider {\n    width: 10px;\n    height: tokens.$ifxSize200;\n    color: tokens.$ifxColorEngineering200;\n    line-height: 13px;\n    font-size: tokens.$ifxFontSizeXl;\n\n    margin-right: 12px;\n  }\n}","import { Component, h, Element, State, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  shadow: true,\n})\nexport class BreadcrumbItem {\n\n  @State() isLastItem: boolean = false;\n  @Element() el;\n  private emittedElement: HTMLElement;\n  @State() uniqueId: string;\n  @State() hasDropdownMenu: boolean = false;\n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const path = event.composedPath();\n    if (!path.includes(this.el)) {\n      this.closeDropdownMenu();\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      this.toggleDropdownMenu();\n    } else if (ev.key === 'Escape') {\n      this.closeDropdownMenu();\n    }\n  }\n\n  getDropdownMenu() {\n    const dropdownMenu = this.el.shadowRoot.querySelector('.dropdown-menu');\n    return dropdownMenu\n  }\n\n  @Listen('breadcrumbMenuIconWrapper')\n  menuWrapperEventReEmitter(event: CustomEvent<HTMLElement>) { \n    this.emittedElement = event.detail;\n  }\n\n  getMenuIconWrapper(): HTMLElement | undefined {\n    return this.emittedElement;\n  }\n\n  handleClassList(el, type, className) {\n    el.classList[type](className)\n  }\n\n  closeDropdownMenu() {\n    if(this.hasDropdownMenu) {\n      const dropdownMenu = this.getDropdownMenu()\n      const menuWrapper = this.getMenuIconWrapper()\n      this.handleClassList(dropdownMenu, 'remove', 'open')\n      this.handleClassList(menuWrapper, 'remove', 'show')\n    }\n  }\n\n  toggleDropdownMenu() { \n    if(this.hasDropdownMenu) {\n      const dropdownMenu = this.getDropdownMenu()\n      const menuWrapper = this.getMenuIconWrapper()\n      this.handleClassList(dropdownMenu, 'toggle', 'open')\n      this.handleClassList(menuWrapper, 'toggle', 'show')\n    }\n  }\n\n  isDropdownMenuOpen(): boolean {\n    const dropdownMenu = this.getDropdownMenu()\n    return this.hasDropdownMenu && dropdownMenu && dropdownMenu.classList.contains('open')\n  }\n\n  handleLastItem() { \n    const breadcrumbItems = this.el.closest('ifx-breadcrumb').querySelectorAll('ifx-breadcrumb-item')\n    if(this.el === breadcrumbItems[breadcrumbItems.length-1]) { \n      this.isLastItem = true;\n    } else this.isLastItem = false;\n  }\n\n  generateUniqueId(prefix = 'id') {\n    return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;\n  }\n\n  componentWillLoad() { \n    if (!this.uniqueId) {\n      this.uniqueId = this.generateUniqueId('breadcrumb-dropdown');\n    }\n    this.handleLastItem()\n  }\n\n  componentDidUpdate() {\n    this.handleLastItem()\n  }\n\n  componentWillRender() { \n    this.setHasDropdownMenuState()\n  }\n\n  setHasDropdownMenuState() { \n    const dropdownMenu = this.getIfxDropdownMenuComponent();\n    if(dropdownMenu) {\n      this.hasDropdownMenu = !!dropdownMenu;\n    }\n  }\n\n  getIfxDropdownMenuComponent() { \n    const dropdownMenu = this.el.querySelector('ifx-dropdown-menu');\n    return dropdownMenu;\n  }\n\n  componentDidLoad() { \n    const dropdownMenu = this.getIfxDropdownMenuComponent();\n\n    if(!this.hasDropdownMenu) { \n      const iconMenuWrapper = this.getMenuIconWrapper();\n      this.handleClassList(iconMenuWrapper, 'toggle', 'hide');\n    } else { \n      dropdownMenu.isOpen = true;\n    }\n  }\n\n  render() {\n    return (\n      <li class='breadcrumb-parent' aria-current={`${this.isLastItem ? 'page' : \"\"}`}>\n       <li 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\">\n          <slot name='label'/>\n          <div id={this.uniqueId} class=\"dropdown-menu\" aria-expanded={this.isDropdownMenuOpen()} aria-label=\"Dropdown menu\">\n            <slot />\n          </div>\n        </li>\n        {!this.isLastItem && <span class=\"breadcrumb-divider\" aria-hidden=\"true\">/</span>}\n      </li>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+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