@infineon/infineon-design-system-stencil 33.1.1--canary.1804.4db5a203a5155eeaa530f6fcf69f064532731762.0 → 33.1.1--canary.1824.75b5030250f4474f2c947b6e8dc7055bdc915c43.0

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

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as s,g as t}from"./p-e6edf72d.js";const l=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{font-family:var(--ifx-font-family, sans-serif)}.file-upload-wrapper{display:flex;flex-direction:column}.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 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-list{list-style:none;padding:0;margin:0;margin-top:16px;display:flex;flex-direction:column;gap:16px}.file-item{border:1px solid #BFBBBB;padding:16px;display:flex;gap:16px}.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:16px}.file-progress-row{margin-top:16px}.file-progress-row ifx-progress-bar{width:100%}.upload-success{border-color:#0A8276}.upload-success .file-status ifx-icon{position:relative;top:2px;color:#4CA460}.upload-failed{border-color:#CD002F}.upload-failed .file-status{color:#CD002F;margin-left:0}';const a=l;const o=class{constructor(s){i(this,s);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.ifxFileUploadAbort=e(this,"ifxFileUploadAbort",7);this.ifxFileUploadDrop=e(this,"ifxFileUploadDrop",7);this.ifxFileUploadClick=e(this,"ifxFileUploadClick",7);this.dragAndDrop=false;this.maxFileSizeMB=7;this.allowedFileTypes=["jpg","jpeg","png","pdf","mov","mp3","mp4"];this.labelBrowseFiles="Browse files";this.labelDragAndDrop="Drag & Drop or browse files to upload";this.labelFileTooLarge="Upload failed. Max file size: {{size}}MB.";this.labelUnsupportedFileType="Unsupported file type.";this.labelUploaded="Successfully uploaded";this.labelSupportedFormatsTemplate="Supported file formats: {{types}}. Max file size: {{size}}MB.";this.isDragOver=false;this.files=[];this.uploadTasks=[];this.rejectedSizeFiles=[];this.rejectedTypeFiles=[];this.fileInputEl=null;this.extensionToMimeMap={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",pdf:"application/pdf",mov:"video/quicktime",mp3:"audio/mpeg",mp4:"video/mp4"}}getNormalizedFileTypes(){if(Array.isArray(this.allowedFileTypes)){return this.allowedFileTypes}try{return JSON.parse(this.allowedFileTypes)}catch(i){return this.allowedFileTypes.split(",").map((i=>i.trim()))}}handleFileChange(i){const e=i.target;if(!e.files)return;this.processFiles(e.files)}handleDrop(i){var e;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 s=this.getNormalizedFileTypes().map((i=>this.extensionToMimeMap[i.toLowerCase()])).filter(Boolean);const t=[];const l=[];e.forEach((i=>{const e=s.includes(i.type);const a=i.size<=this.maxFileSizeMB*1024*1024;if(e&&a)t.push(i);else l.push(i)}));this.ifxFileUploadDrop.emit({droppedFiles:e,acceptedFiles:t,rejectedFiles:l});this.processFiles(i.dataTransfer.files)}}handleDragOver(i){i.preventDefault();this.isDragOver=true}handleDragLeave(i){i.preventDefault();this.isDragOver=false}processFiles(i){const e=Array.from(i);const s=this.getNormalizedFileTypes().map((i=>this.extensionToMimeMap[i.toLowerCase()])).filter(Boolean);const t=[];const l=[];const a=[];e.forEach((i=>{const e=s.includes(i.type);const o=i.size<=this.maxFileSizeMB*1024*1024;if(e&&o){t.push(i)}else{if(!e){a.push(i.name);this.ifxFileUploadInvalid.emit({file:i,reason:"invalid-type"})}if(!o){l.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"})}}));this.rejectedSizeFiles=[...this.rejectedSizeFiles,...l];this.rejectedTypeFiles=[...this.rejectedTypeFiles,...a];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})}}startUpload(i){this.ifxFileUploadStart.emit({file:i});const e={file:i,progress:0,intervalId:null,completed:false};if(this.uploadHandler){this.uploadHandler(i).then((()=>{e.progress=100;e.completed=true;this.uploadTasks=[...this.uploadTasks];this.ifxFileUploadComplete.emit({file:i});this.ifxFileUploadChange.emit({files:this.files})})).catch((()=>{console.error("Upload failed");this.ifxFileUploadError.emit({file:i,errorType:"upload-failed",message:"Upload handler rejected file"})}))}else{const s=i.size;const t=5e5;let l=0;e.intervalId=window.setInterval((()=>{l+=t/5;const a=Math.min(100,Math.round(l/s*100));e.progress=a;this.uploadTasks=[...this.uploadTasks];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})}}),200)}this.uploadTasks=[...this.uploadTasks,e]}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,s)=>s!==e))}this.files=this.files.filter((e=>e.name!==i.name));this.ifxFileUploadAbort.emit({file:i});this.ifxFileUploadChange.emit({files:this.files});if(this.fileInputEl){this.fileInputEl.value=""}}removeFile(i){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});if(this.fileInputEl){this.fileInputEl.value=""}}clearRejectedFile(i,e){if(e==="size"){this.rejectedSizeFiles=this.rejectedSizeFiles.filter((e=>e!==i))}else{this.rejectedTypeFiles=this.rejectedTypeFiles.filter((e=>e!==i))}if(this.fileInputEl){this.fileInputEl.value=""}}splitFileNameParts(i){const e=i.name;const s=e.lastIndexOf(".");if(s===-1)return{base:e,ext:""};return{base:e.substring(0,s),ext:e.substring(s)}}getFileIcon(i){var e;const s=(e=i.name.split(".").pop())===null||e===void 0?void 0:e.toLowerCase();switch(s){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"}}getFormattedSize(i){const e=i.size/1024;return e>1024?`${(e/1024).toFixed(1)} MB`:`${e.toFixed(0)} KB`}getAcceptAttribute(){return this.getNormalizedFileTypes().map((i=>"."+i.toLowerCase())).join(",")}getSupportedFileText(){return this.labelSupportedFormatsTemplate.replace("{{types}}",this.getNormalizedFileTypes().map((i=>i.toUpperCase())).join(", ")).replace("{{size}}",this.maxFileSizeMB.toString())}getFormattedFileTooLargeText(){return this.labelFileTooLarge.replace("{{size}}",this.maxFileSizeMB.toString())}componentDidLoad(){if(this.hostElement.hasAttribute("show-demo-states")){this.showDemoStates=true}if(this.showDemoStates){this.injectDemoState()}}async injectDemoState(){const i=new File(["demo"],"Image.jpg",{type:"image/jpeg"});const e=new File(["demo"],"File.pdf",{type:"application/pdf"});const s=new File(["demo"],"Video.mp4",{type:"video/mp4"});const t=new File(["demo"],"Script.exe",{type:"application/x-msdownload"});this.files=[e,i];this.uploadTasks=[{file:e,progress:100,intervalId:null,completed:true},{file:i,progress:35,intervalId:null,completed:false}];this.rejectedSizeFiles=[s.name];this.rejectedTypeFiles=[t.name]}render(){return s("div",{key:"9ebbf4de0d20c25b5c0167dd48b6ab4d538ca736",class:"file-upload-wrapper"},this.dragAndDrop?this.renderDragAndDropArea():this.renderUploadArea(),s("ul",{key:"ad545c35ebfaf6016b4cebe0d11d0f4798816718",class:"file-list"},this.rejectedSizeFiles.map((i=>s("li",{class:"file-item upload-failed"},s("div",{class:"file-icon"},s("ifx-icon",{icon:"file-16"})),s("div",{class:"file-info"},s("div",{class:"file-top-row"},s("span",{class:"file-name-wrapper"},s("span",{class:"file-name-base"},this.splitFileNameParts({name:i}).base),s("span",{class:"file-name-ext"},this.splitFileNameParts({name:i}).ext)),s("div",{class:"file-actions"},s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":"Remove file",onClick:()=>this.clearRejectedFile(i,"size")}))),s("div",{class:"file-middle-row"},s("span",{class:"file-status"},this.getFormattedFileTooLargeText())))))),this.rejectedTypeFiles.map((i=>s("li",{class:"file-item upload-failed"},s("div",{class:"file-icon"},s("ifx-icon",{icon:"file-16"})),s("div",{class:"file-info"},s("div",{class:"file-top-row"},s("span",{class:"file-name-wrapper"},s("span",{class:"file-name-base"},this.splitFileNameParts({name:i}).base),s("span",{class:"file-name-ext"},this.splitFileNameParts({name:i}).ext)),s("div",{class:"file-actions"},s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":"Remove file",onClick:()=>this.clearRejectedFile(i,"type")}))),s("div",{class:"file-middle-row"},s("span",{class:"file-status"},this.labelUnsupportedFileType)))))),this.files.map((i=>{var e;const t=this.uploadTasks.find((e=>e.file.name===i.name));const l=(e=t===null||t===void 0?void 0:t.progress)!==null&&e!==void 0?e:100;const a=t&&!t.completed;const o=a?"file-item uploading":"file-item upload-success";const{base:n,ext:r}=this.splitFileNameParts(i);return s("li",{class:o},s("div",{class:"file-icon"},s("ifx-icon",{icon:this.getFileIcon(i)})),s("div",{class:"file-info"},s("div",{class:"file-top-row"},s("span",{class:"file-name-wrapper"},s("span",{class:"file-name-base"},n),s("span",{class:"file-name-ext"},r)),s("div",{class:"file-actions"},s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"cross-16",size:"s","aria-label":"Cancel upload",onClick:()=>this.cancelUpload(i),style:{display:a?"inline-flex":"none"}}),s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":"Remove file",onClick:()=>this.removeFile(i),style:{display:!a?"inline-flex":"none"}}))),s("div",{class:"file-middle-row"},s("span",{class:"file-size"},this.getFormattedSize(i)),a&&s("span",{class:"file-uploading"}," – Uploading …"),s("span",{class:"file-status"},!a&&s("span",null,s("ifx-icon",{icon:"check-12"})," ",this.labelUploaded))),a&&s("div",{class:"file-progress-row"},s("ifx-progress-bar",{size:"s",value:l,"show-label":"true"}))))}))))}renderUploadArea(){const i=i=>{this.fileInputEl=i};return s("div",{class:{"upload-button":true}},s("label",null,s("ifx-button",{variant:"secondary"},s("ifx-icon",{icon:"upload-16"}),this.labelBrowseFiles),s("input",{ref:i,type:"file",accept:this.getAcceptAttribute(),multiple:true,onChange:i=>this.handleFileChange(i),style:{display:"none"}})),s("p",{class:"file-upload-info"},this.getSupportedFileText()))}renderDragAndDropArea(){const i=i=>{this.fileInputEl=i};const e=()=>{if(this.fileInputEl){this.fileInputEl.click()}};return s("div",{class:{"upload-dropzone":true,"drag-over":this.isDragOver},onClick:e,onDragOver:i=>this.handleDragOver(i),onDragLeave:i=>this.handleDragLeave(i),onDrop:i=>this.handleDrop(i)},s("ifx-icon",{icon:"upload-24",class:"custom-icon"}),s("p",null,this.labelDragAndDrop),s("p",{class:"file-upload-info"},this.getSupportedFileText()),s("div",{style:{height:"0px",overflow:"hidden"}},s("input",{ref:i,type:"file",accept:this.getAcceptAttribute(),multiple:true,onChange:i=>this.handleFileChange(i)})))}get hostElement(){return t(this)}};o.style=a;export{o as ifx_file_upload};
+//# sourceMappingURL=p-5bef967e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["fileUploadCss","IfxFileUploadStyle0","IfxFileUpload","constructor","hostRef","this","dragAndDrop","maxFileSizeMB","allowedFileTypes","labelBrowseFiles","labelDragAndDrop","labelFileTooLarge","labelUnsupportedFileType","labelUploaded","labelSupportedFormatsTemplate","isDragOver","files","uploadTasks","rejectedSizeFiles","rejectedTypeFiles","fileInputEl","extensionToMimeMap","jpg","jpeg","png","pdf","mov","mp3","mp4","getNormalizedFileTypes","Array","isArray","JSON","parse","_a","split","map","t","trim","handleFileChange","event","input","target","processFiles","handleDrop","preventDefault","stopPropagation","dataTransfer","droppedFiles","from","allowedMimes","ext","toLowerCase","filter","Boolean","acceptedFiles","rejectedFiles","forEach","file","isValidType","includes","type","isValidSize","size","push","ifxFileUploadDrop","emit","handleDragOver","handleDragLeave","fileList","selectedFiles","validFiles","rejectedSize","rejectedType","name","ifxFileUploadInvalid","reason","ifxFileUploadError","errorType","message","startUpload","length","ifxFileUploadAdd","addedFiles","ifxFileUploadChange","ifxFileUploadStart","task","progress","intervalId","completed","uploadHandler","then","ifxFileUploadComplete","catch","console","error","totalSize","fakeUploadSpeed","uploaded","window","setInterval","Math","min","round","clearInterval","cancelUpload","taskIndex","findIndex","_","i","f","ifxFileUploadAbort","value","removeFile","ifxFileUploadRemove","removedFile","clearRejectedFile","fileName","splitFileNameParts","dotIndex","lastIndexOf","base","substring","getFileIcon","extension","pop","getFormattedSize","sizeInKB","toFixed","getAcceptAttribute","join","getSupportedFileText","replace","toUpperCase","toString","getFormattedFileTooLargeText","componentDidLoad","hostElement","hasAttribute","showDemoStates","injectDemoState","uploading","File","tooLarge","unsupported","render","h","key","class","renderDragAndDropArea","renderUploadArea","icon","shape","variant","onClick","find","isUploading","itemClass","style","display","handleInputRef","el","ref","accept","multiple","onChange","e","triggerInputClick","click","onDragOver","onDragLeave","onDrop","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  font-family: var(--ifx-font-family, sans-serif);\n}\n\n.file-upload-wrapper {\n  display: flex;\n  flex-direction: column;\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\n.upload-dropzone.drag-over {\n  border: 1px solid tokens.$ifxColorOcean500;\n  background: tokens.$ifxColorEngineering100;\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-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  margin-top: tokens.$ifxSpace200;\n  display: flex;\n  flex-direction: column;\n  gap: tokens.$ifxSpace200;\n}\n\n.file-item {\n  border: 1px solid tokens.$ifxColorEngineering300;\n  padding: tokens.$ifxSpace200;\n  display: flex;\n  gap: tokens.$ifxSpace200;\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.$ifxSpace200;\n  }\n}\n\n.file-progress-row {\n  margin-top: tokens.$ifxSpace200;\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.$ifxSpace25;\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';\n\ninterface UploadTask {\n  file: File;\n  progress: number;\n  intervalId: number | null;\n  completed: boolean;\n}\n\n@Component({\n  tag: 'ifx-file-upload',\n  styleUrl: 'file-upload.scss',\n  shadow: true\n})\nexport class IfxFileUpload {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() dragAndDrop: boolean = false;\n  @Prop() maxFileSizeMB: number = 7;\n  @Prop() allowedFileTypes: string | string[] = ['jpg', 'jpeg', 'png', 'pdf', 'mov', 'mp3', 'mp4'];\n  @Prop() uploadHandler?: (file: File) => Promise<void>;\n\n  @Prop() labelBrowseFiles: string = 'Browse files';\n  @Prop() labelDragAndDrop: string = 'Drag & Drop or browse files to upload';\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() labelSupportedFormatsTemplate: string = 'Supported file formats: {{types}}. Max file size: {{size}}MB.';\n\n  private showDemoStates?: boolean;\n\n  @State() isDragOver: boolean = false;\n  @State() files: File[] = [];\n  @State() uploadTasks: UploadTask[] = [];\n  @State() rejectedSizeFiles: string[] = [];\n  @State() rejectedTypeFiles: string[] = [];\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 }>;\n  @Event() ifxFileUploadInvalid: EventEmitter<{ file: File; reason: string }>;\n  @Event() ifxFileUploadStart: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadComplete: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadAbort: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadDrop: EventEmitter<{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[] }>;\n  @Event() ifxFileUploadClick: EventEmitter<void>;\n\n  private fileInputEl: HTMLInputElement | null = null;\n\n  private extensionToMimeMap: Record<string, string> = {\n    jpg: 'image/jpeg',\n    jpeg: 'image/jpeg',\n    png: 'image/png',\n    pdf: 'application/pdf',\n    mov: 'video/quicktime',\n    mp3: 'audio/mpeg',\n    mp4: 'video/mp4'\n  };\n\n  private getNormalizedFileTypes(): string[] {\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  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    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver = false;\n    if (event.dataTransfer?.files) {\n      const droppedFiles = Array.from(event.dataTransfer.files);\n      const allowedMimes = this.getNormalizedFileTypes()\n        .map(ext => this.extensionToMimeMap[ext.toLowerCase()])\n        .filter(Boolean);\n\n      const acceptedFiles: File[] = [];\n      const rejectedFiles: File[] = [];\n\n      droppedFiles.forEach(file => {\n        const isValidType = allowedMimes.includes(file.type);\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    event.preventDefault();\n    this.isDragOver = true;\n  }\n\n  handleDragLeave(event: DragEvent) {\n    event.preventDefault();\n    this.isDragOver = false;\n  }\n\n  processFiles(fileList: FileList) {\n    const selectedFiles = Array.from(fileList);\n    const allowedMimes = this.getNormalizedFileTypes()\n      .map(ext => this.extensionToMimeMap[ext.toLowerCase()])\n      .filter(Boolean);\n\n    const validFiles: File[] = [];\n    const rejectedSize: string[] = [];\n    const rejectedType: string[] = [];\n\n    selectedFiles.forEach(file => {\n      const isValidType = allowedMimes.includes(file.type);\n      const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;\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({ file, errorType: !isValidType ? 'invalid-type' : 'file-too-large', message: 'Invalid file rejected' });\n      }\n    });\n\n    this.rejectedSizeFiles = [...this.rejectedSizeFiles, ...rejectedSize];\n    this.rejectedTypeFiles = [...this.rejectedTypeFiles, ...rejectedType];\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\n  startUpload(file: File) {\n    this.ifxFileUploadStart.emit({ file });\n\n    const task: UploadTask = {\n      file,\n      progress: 0,\n      intervalId: null,\n      completed: false\n    };\n\n    if (this.uploadHandler) {\n      // Real Upload\n\n      // <ifx-file-upload\n      //   uploadHandler={(file) => {\n      //     const formData = new FormData();\n      //     formData.append('file', file);\n      //     return fetch('/api/upload', {\n      //       method: 'POST',\n      //       body: formData\n      //     }).then(res => {\n      //       if (!res.ok) throw new Error('Upload failed');\n      //     });\n      //   }}\n      // ></ifx-file-upload>\n\n      this.uploadHandler(file).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      }).catch(() => {\n        console.error('Upload failed');\n        this.ifxFileUploadError.emit({ file, errorType: 'upload-failed', message: 'Upload handler rejected file' });\n      });\n    } else {\n      const totalSize = file.size;\n      const fakeUploadSpeed = 500000;\n      let uploaded = 0;\n\n      task.intervalId = window.setInterval(() => {\n        uploaded += fakeUploadSpeed / 5;\n        const progress = Math.min(100, Math.round((uploaded / totalSize) * 100));\n        task.progress = progress;\n        this.uploadTasks = [...this.uploadTasks];\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        }\n      }, 200);\n    }\n\n    this.uploadTasks = [...this.uploadTasks, task];\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    if (this.fileInputEl) {\n      this.fileInputEl.value = '';\n    }\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    if (this.fileInputEl) {\n      this.fileInputEl.value = '';\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    if (this.fileInputEl) {\n      this.fileInputEl.value = '';\n    }\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': return 'file-pdf-16';\n      case 'jpg':\n      case 'jpeg': return 'file-jpg-16';\n      case 'png': return 'file-png-16';\n      case 'mov': return 'file-mov-16';\n      case 'mp3': return 'file-mp3-16';\n      case 'mp4': return 'file-mp4-16';\n      default: return 'file';\n    }\n  }\n\n  getFormattedSize(file: File): string {\n    const sizeInKB = file.size / 1024;\n    return sizeInKB > 1024\n      ? `${(sizeInKB / 1024).toFixed(1)} MB`\n      : `${sizeInKB.toFixed(0)} KB`;\n  }\n\n  getAcceptAttribute(): string {\n    return this.getNormalizedFileTypes().map(ext => '.' + ext.toLowerCase()).join(',');\n  }\n\n  private getSupportedFileText(): string {\n    return this.labelSupportedFormatsTemplate\n      .replace('{{types}}', this.getNormalizedFileTypes().map(ext => ext.toUpperCase()).join(', '))\n      .replace('{{size}}', this.maxFileSizeMB.toString());\n  }\n\n  private getFormattedFileTooLargeText(): string {\n    return this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString());\n  }\n\n  componentDidLoad() {\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  @Method()\n  async injectDemoState() {\n    const uploading = new File(['demo'], 'Image.jpg', { type: 'image/jpeg' });\n    const uploaded = new File(['demo'], 'File.pdf', { type: 'application/pdf' });\n    const tooLarge = new File(['demo'], 'Video.mp4', { type: 'video/mp4' });\n    const unsupported = new File(['demo'], 'Script.exe', { type: 'application/x-msdownload' });\n\n    this.files = [uploaded, uploading];\n    this.uploadTasks = [\n      { file: uploaded, progress: 100, intervalId: null, completed: true },\n      { file: uploading, progress: 35, intervalId: null, completed: false }\n    ];\n    this.rejectedSizeFiles = [tooLarge.name];\n    this.rejectedTypeFiles = [unsupported.name];\n  }\n\n  render() {\n    return (\n      <div class=\"file-upload-wrapper\">\n        {this.dragAndDrop ? this.renderDragAndDropArea() : this.renderUploadArea()}\n\n        <ul class=\"file-list\">\n          {this.rejectedSizeFiles.map(fileName => (\n            <li class=\"file-item upload-failed\">\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=\"Remove file\"\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\">\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\">\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=\"Remove file\"\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\">\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 itemClass = isUploading ? 'file-item uploading' : 'file-item upload-success';\n\n            const { base, ext } = this.splitFileNameParts(file);\n\n            return (\n              <li class={itemClass}>\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=\"cross-16\"\n                        size=\"s\"\n                        aria-label=\"Cancel upload\"\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=\"Remove file\"\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                    <span class=\"file-size\">{this.getFormattedSize(file)}</span>\n                    {isUploading && (\n                      <span class=\"file-uploading\">&nbsp;–&nbsp;Uploading …</span>\n                    )}\n                    <span class=\"file-status\">\n                      {!isUploading && (\n                        <span>\n                          <ifx-icon icon=\"check-12\"></ifx-icon>&nbsp;\n                          {this.labelUploaded}\n                        </span>\n                      )}\n                    </span>\n                  </div>\n\n                  {isUploading && (\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  }\n\n  renderUploadArea() {\n    const handleInputRef = (el: HTMLInputElement | null) => {\n      this.fileInputEl = el;\n    };\n\n    return (\n      <div class={{ 'upload-button': true }}>\n        <label>\n          <ifx-button variant=\"secondary\">\n            <ifx-icon icon=\"upload-16\"></ifx-icon>\n            {this.labelBrowseFiles}\n          </ifx-button>\n          <input\n            ref={handleInputRef}\n            type=\"file\"\n            accept={this.getAcceptAttribute()}\n            multiple\n            onChange={(e) => this.handleFileChange(e)}\n            style={{ display: 'none' }}\n          />\n        </label>\n        <p class=\"file-upload-info\">\n          {this.getSupportedFileText()}\n        </p>\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\n        class={{ 'upload-dropzone': true, 'drag-over': this.isDragOver }}\n        onClick={triggerInputClick}\n        onDragOver={(e) => this.handleDragOver(e)}\n        onDragLeave={(e) => this.handleDragLeave(e)}\n        onDrop={(e) => this.handleDrop(e)}\n      >\n        <ifx-icon icon=\"upload-24\" class=\"custom-icon\"></ifx-icon>\n        <p>{this.labelDragAndDrop}</p>\n        <p class=\"file-upload-info\">\n          {this.getSupportedFileText()}\n        </p>\n        <div style={{ height: '0px', overflow: 'hidden' }}>\n          <input\n            ref={handleInputRef}\n            type=\"file\"\n            accept={this.getAcceptAttribute()}\n            multiple\n            onChange={(e) => this.handleFileChange(e)}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-d08d3dd7.entry.js → p-5e300ee5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,g as e}from"./p-e6edf72d.js";import{c as i}from"./p-e459974a.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}';const a=s;const l=class{constructor(o){t(this,o);this.tooltipVisible=false;this.header="";this.text="";this.position="auto";this.internalPosition="auto";this.variant="compact";this.popperInstance=null;this.onMouseEnter=()=>{var t,o;(t=this.popperInstance)===null||t===void 0?void 0:t.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this.initializePopper();this.tooltipVisible=true;this.tooltipEl.style.display="block";(o=this.popperInstance)===null||o===void 0?void 0:o.update()};this.onMouseLeave=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"};this.onClick=()=>{var t;if(this.variant.toLowerCase()==="dismissible"){this.initializePopper();this.tooltipVisible=!this.tooltipVisible;this.tooltipEl.style.display=this.tooltipVisible?"block":"none";(t=this.popperInstance)===null||t===void 0?void 0:t.update()}};this.onDismissClick=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"}}componentWillLoad(){if(this.variant.toLowerCase().trim()===""){this.variant="compact"}}componentDidLoad(){const t=this.el.shadowRoot.querySelector(".tooltip__container").firstChild;if(this.variant.toLowerCase()==="compact"||this.variant.toLowerCase()==="extended"){t.addEventListener("mouseenter",this.onMouseEnter);t.addEventListener("mouseleave",this.onMouseLeave)}else{t.addEventListener("click",this.onClick)}}initializePopper(){if(this.popperInstance)return;this.referenceEl=this.el;if(this.variant.toLowerCase()==="compact"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-compact")}else if(this.variant.toLowerCase()==="dismissible"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-dismissible")}else{this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-extended")}const t=this.position==="auto"?this.determineBestPosition():this.position;this.internalPosition=t;if(this.tooltipEl&&this.referenceEl){this.popperInstance=i(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:".tooltip-arrow-svg"}}]})}this.tooltipEl.setAttribute("data-placement",t)}determineBestPosition(){const t=this.referenceEl.getBoundingClientRect();const o=window.scrollY;const e=window.scrollX;const i=t.top+o+t.height/2;const s=t.left+e+t.width/2;if(this.position==="auto"){if(i>window.innerHeight/2){if(s>window.innerWidth/2){return"top-end"}else{return"top-start"}}else{if(s>window.innerWidth/2){return"bottom-end"}else{return"bottom-start"}}}else{return this.position}}positionChanged(t){var o;this.internalPosition=t;(o=this.popperInstance)===null||o===void 0?void 0:o.destroy();this.popperInstance=null}disconnectedCallback(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy()}render(){const t={"tooltip-dismissible":true,visible:this.tooltipVisible};const e={"tooltip-compact":true,visible:this.tooltipVisible};const i={"tooltip-extended":true,visible:this.tooltipVisible};return o("div",{key:"9c87ad898f047bf3fefbfeec39faa033d39e2860","aria-label":"a tooltip showing important information","aria-value":this.header,class:"tooltip__container"},o("slot",{key:"fc4ac4d2a09ccd8c038a180aeadce7fee2ab9b90"}),this.variant.toLowerCase()==="dismissible"&&o("div",{key:"9627cd1efe01ffcae8227920b0a59848c85ee5b7",class:t},o("button",{key:"96c225756217e4f5054c8b02fe0a20b848c845f5","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},o("ifx-icon",{key:"f976619fb32729deb0be068b2c813b02bce37749",icon:"cross16"})),o("div",{key:"e4219ce93a82ecd3534c8985cd62049cd23cbaa7",class:"tooltip-dismissible-content"},this.header&&o("div",{key:"a168b26826aa857fce0f437023e5e18a956cee3d",class:"tooltip-dismissible-header"},this.header),o("div",{key:"0bdfdce23226097d1f60a3d72032bcd9d7b709fe",class:"tooltip-dismissible-body"},this.text)),o("svg",{key:"6c6efed9ed056040960a7928e93d0b6ff7f83b30",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"f9de1eb1b04f276c3ca7176af1066e483a441b69",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="compact"&&o("div",{key:"7cbd4ea98ec29eff71021b27cfd2696c5fa6cb68",class:e},this.text,o("svg",{key:"e75535c511eea6ea685cabd01f7646452699ecff",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"f3c6a9710be713cac4e3322e68700423441bc007",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="extended"&&o("div",{key:"f04a640ab90d6f957bff270b7b170699634f3ee9",class:i},o("slot",{key:"aaab6713c93dbf5441ed8d83b1c8111076397404",name:"icon"},this.icon?o("div",{class:"extended_icon"},o("ifx-icon",{icon:this.icon})):o("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},o("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),o("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),o("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),o("div",{key:"723034136727fa51330c9f34fbfb4931f8af857e",class:"tooltip-extended-content"},this.header&&o("div",{key:"8bc34fd54d3e0a7abcd2f08145556c94dbde879b",class:"tooltip-extended-header"},this.header),o("div",{key:"e607a0953671b563f49921049a69ffe71c6d962e",class:"tooltip-extended-body"},this.text)),o("svg",{key:"a1aa6e39af3ecc50a5c8ee81c3f9fa826f88a446",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"9cd2e3ec0d0e5f1d3b4c58f7f85f5a3439638eae",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}get el(){return e(this)}static get watchers(){return{position:["positionChanged"]}}};l.style=a;export{l as ifx_tooltip};
-//# sourceMappingURL=p-d08d3dd7.entry.js.map
+import{r as t,h as o,g as i}from"./p-e6edf72d.js";import{c as e}from"./p-e459974a.js";const s=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}';const a=s;const l=class{constructor(o){t(this,o);this.tooltipVisible=false;this.header="";this.text="";this.position="auto";this.internalPosition="auto";this.variant="compact";this.popperInstance=null;this.onMouseEnter=()=>{var t,o;(t=this.popperInstance)===null||t===void 0?void 0:t.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this.initializePopper();this.tooltipVisible=true;this.tooltipEl.style.display="block";(o=this.popperInstance)===null||o===void 0?void 0:o.update()};this.onMouseLeave=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"};this.onClick=()=>{var t;if(this.variant.toLowerCase()==="dismissible"){this.initializePopper();this.tooltipVisible=!this.tooltipVisible;this.tooltipEl.style.display=this.tooltipVisible?"block":"none";(t=this.popperInstance)===null||t===void 0?void 0:t.update()}};this.onDismissClick=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"}}componentWillLoad(){if(this.variant.toLowerCase().trim()===""){this.variant="compact"}}componentDidLoad(){const t=this.el.shadowRoot.querySelector(".tooltip__container").firstChild;if(this.variant.toLowerCase()==="compact"||this.variant.toLowerCase()==="extended"){t.addEventListener("mouseenter",this.onMouseEnter);t.addEventListener("mouseleave",this.onMouseLeave)}else{t.addEventListener("click",this.onClick)}}initializePopper(){if(this.popperInstance)return;this.referenceEl=this.el;if(this.variant.toLowerCase()==="compact"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-compact")}else if(this.variant.toLowerCase()==="dismissible"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-dismissible")}else{this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-extended")}const t=this.position==="auto"?this.determineBestPosition():this.position;this.internalPosition=t;if(this.tooltipEl&&this.referenceEl){this.popperInstance=e(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:".tooltip-arrow-svg"}}]})}this.tooltipEl.setAttribute("data-placement",t)}determineBestPosition(){const t=this.referenceEl.getBoundingClientRect();const o=window.scrollY;const i=window.scrollX;const e=t.top+o+t.height/2;const s=t.left+i+t.width/2;if(this.position==="auto"){if(e>window.innerHeight/2){if(s>window.innerWidth/2){return"top-end"}else{return"top-start"}}else{if(s>window.innerWidth/2){return"bottom-end"}else{return"bottom-start"}}}else{return this.position}}positionChanged(t){var o;this.internalPosition=t;(o=this.popperInstance)===null||o===void 0?void 0:o.destroy();this.popperInstance=null}disconnectedCallback(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy()}render(){const t={"tooltip-dismissible":true,visible:this.tooltipVisible};const i={"tooltip-compact":true,visible:this.tooltipVisible};const e={"tooltip-extended":true,visible:this.tooltipVisible};return o("div",{key:"eba915eb2c8e06a2a91185ce96354c8848d23a2d","aria-label":"a tooltip showing important information","aria-value":this.header,class:"tooltip__container"},o("slot",{key:"b40e214d27d3f5ee9737c04362370d8ef61750fb"}),this.variant.toLowerCase()==="dismissible"&&o("div",{key:"47787b754817d845f0cd0332ef6cf7a60cf253dd",class:t},o("button",{key:"40291aa2ed9bcf7fa1dc7f449dbcfe2140129bdb","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},o("ifx-icon",{key:"2e33bf3179ffe24f33e853cb7cbaa2591086f015",icon:"cross16"})),o("div",{key:"72657868b9044806f2e3b1a7d6c3c554e2e446aa",class:"tooltip-dismissible-content"},this.header&&o("div",{key:"04e123afe752a0b246aa63f2572d8317b09d4680",class:"tooltip-dismissible-header"},this.header),o("div",{key:"05aa13b78433868380333e5450bf1e805e29eb63",class:"tooltip-dismissible-body"},this.text)),o("svg",{key:"63d3209f546e2294e83b8c0c3e9ac904ac8faea5",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"9f0d22dc7aa0b453bfe3f11ef782c66ad8389a7d",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="compact"&&o("div",{key:"6d6564f853d8260959efb9100034bb08c567f3c4",class:i},this.text,o("svg",{key:"32336e9b73366c4b0b4c4cc79e6f004b6cce354f",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"b74985579532b7e026a7dc020699607def7ccb68",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="extended"&&o("div",{key:"2882752134d5aad554ea81af8a0e03ac2bcb663f",class:e},o("slot",{key:"db0bedece3f5708989a20f7d42bf392d4aab1847",name:"icon"},this.icon?o("div",{class:"extended_icon"},o("ifx-icon",{icon:this.icon})):o("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},o("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),o("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),o("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),o("div",{key:"b70738a5739dfb9d540cdddd997fee3ac198eb53",class:"tooltip-extended-content"},this.header&&o("div",{key:"4e25ee763449a7daa8018dcad7eed78cf19fcaf1",class:"tooltip-extended-header"},this.header),o("div",{key:"844fa769800ed8c2e0e55bdccdea8f0202900c28",class:"tooltip-extended-body"},this.text)),o("svg",{key:"9f0db2fc78298b9763bc03e72aac26d79d8160ac",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"f68ca9d31f5733be55cd531a6a391875925237a6",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}get el(){return i(this)}static get watchers(){return{position:["positionChanged"]}}};l.style=a;export{l as ifx_tooltip};
+//# sourceMappingURL=p-5e300ee5.entry.js.map

package/dist/infineon-design-system-stencil/{p-5536a9c8.entry.js → p-63679e7a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,g as a}from"./p-e6edf72d.js";const r=".sidebar-filter-search-wrapper{display:flex;padding:12px 16px 16px 16px;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family);background:#EEEDED}.topbar-filter-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family)}.topbar-filter-search-wrapper ifx-search-field{width:100%;}.filter-name{font-size:1rem;line-height:1.5rem;font-weight:600}";const s=r;const l=class{constructor(i){e(this,i);this.ifxFilterSearchChange=t(this,"ifxFilterSearchChange",7);this.disabled=false;this.showDeleteIcon=false;this.filterOrientation="sidebar"}valueChanged(e){this.host.setAttribute("value",e.toString())}handleFilterSearchChange(e){const t=this.host.parentElement.querySelector(`ifx-filter-search[filter-name="${this.filterName}"]`);if(t&&t!==this.host){throw new Error(`A search filter with the name '${this.filterName}' already exists.`)}this.filterValue=e.detail;this.showDeleteIcon=this.filterValue!=="";this.ifxFilterSearchChange.emit({filterName:this.filterName,filterValue:this.filterValue,filterKey:this.filterKey})}render(){return i("div",{key:"53a34910aec55e31b40d2d2868481fea46dec401",class:`${this.filterOrientation==="sidebar"?"sidebar-filter-search-wrapper":"topbar-filter-search-wrapper"}`},i("div",{key:"eb4451b33cf8815237b0543d22f0cabcc2129070",class:"filter-name"},this.filterName),i("ifx-search-field",{key:"6240cf45bc67f23d9899ee67914974104801f632",placeholder:this.placeholder,"show-delete-icon":this.showDeleteIcon,disabled:this.disabled,value:this.filterValue}))}get host(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};l.style=s;export{l as ifx_filter_search};
-//# sourceMappingURL=p-5536a9c8.entry.js.map
+import{r as e,c as t,h as i,g as a}from"./p-e6edf72d.js";const r=".sidebar-filter-search-wrapper{display:flex;padding:12px 16px 16px 16px;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family);background:#EEEDED}.topbar-filter-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:var(--ifx-font-family)}.topbar-filter-search-wrapper ifx-search-field{width:100%;}.filter-name{font-size:1rem;line-height:1.5rem;font-weight:600}";const s=r;const l=class{constructor(i){e(this,i);this.ifxFilterSearchChange=t(this,"ifxFilterSearchChange",7);this.disabled=false;this.showDeleteIcon=false;this.filterOrientation="sidebar"}valueChanged(e){this.host.setAttribute("value",e.toString())}handleFilterSearchChange(e){const t=this.host.parentElement.querySelector(`ifx-filter-search[filter-name="${this.filterName}"]`);if(t&&t!==this.host){throw new Error(`A search filter with the name '${this.filterName}' already exists.`)}this.filterValue=e.detail;this.showDeleteIcon=this.filterValue!=="";this.ifxFilterSearchChange.emit({filterName:this.filterName,filterValue:this.filterValue,filterKey:this.filterKey})}render(){return i("div",{key:"57ca68c06d592927ca36802f54ffa360a229920e",class:`${this.filterOrientation==="sidebar"?"sidebar-filter-search-wrapper":"topbar-filter-search-wrapper"}`},i("div",{key:"e8ae19b08b54cea64c6593b6386a21f1238c71ad",class:"filter-name"},this.filterName),i("ifx-search-field",{key:"fc321359859e5d3de5b62eb32fa6c564db7ded5b",placeholder:this.placeholder,"show-delete-icon":this.showDeleteIcon,disabled:this.disabled,value:this.filterValue}))}get host(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};l.style=s;export{l as ifx_filter_search};
+//# sourceMappingURL=p-63679e7a.entry.js.map

package/dist/infineon-design-system-stencil/{p-f99f62ec.entry.js → p-68f13949.entry.js}

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

package/dist/infineon-design-system-stencil/{p-1fca1eb2.entry.js → p-7103bb15.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as s}from"./p-e6edf72d.js";import{c as r}from"./p-5cdc6210.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.search-field{box-sizing:border-box;background-color:#FFFFFF;width:100%;font-family:var(--ifx-font-family)}.search-field .search-field__wrapper{box-sizing:border-box;height:40px;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;padding:8px 16px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;position:relative;width:100%;outline:none;color:#8D8786}.search-field .search-field__wrapper.focused{border:1px solid #0A8276}.search-field .search-field__wrapper.focused ifx-icon{color:#575352}.search-field .search-field__wrapper.search-field__wrapper-s{height:36px}.search-field .search-field__wrapper:hover:not(.focused,:focus){border:1px solid #3C3A39}.search-field .search-field__wrapper:focus{outline:none;border:1px solid #0A8276}.search-field .search-field__wrapper .delete-icon{right:12px;cursor:pointer}.search-field .search-field__wrapper input[type=text]{font-style:normal;font-weight:400;font-size:16px;color:#8D8786;border:none;width:100%;outline:none;height:16px}.search-field .search-field__wrapper input[type=text]:focus{outline:none;color:#1d1d1d}.search-field .search-field__wrapper input[type=text]:disabled{background-color:#EEEDED}.search-field .search-field__wrapper:has(input[disabled]){background-color:#EEEDED}';const a=t;const l=class{constructor(s){e(this,s);this.ifxInput=i(this,"ifxInput",7);this.value="";this.insideDropdown=false;this.showDeleteIcon=false;this.showDeleteIconInternalState=false;this.disabled=false;this.size="l";this.isFocused=false;this.placeholder="Search...";this.autocomplete="on";this.maxlength=null;this.handleInput=()=>{const e=this.inputElement.value;this.value=e;this.ifxInput.emit(this.value)};this.handleDelete=()=>{this.inputElement.value="";this.value="";this.ifxInput.emit(this.value)}}handleOutsideClick(e){const i=e.composedPath();if(!i.includes(this.inputElement)){this.isFocused=false}}valueWatcher(e){if(e!==this.inputElement.value){this.inputElement.value=e}}focusInput(){this.inputElement.focus();this.isFocused=true}componentWillUpdate(){if(this.value!==""){this.showDeleteIconInternalState=true}else this.showDeleteIconInternalState=false}render(){return s("div",{key:"69bfbbbb91d0d918c9d62f1023babc630325882e","aria-label":"a search field for user input","aria-disabled":this.disabled,"aria-value":this.value,class:"search-field"},s("div",{key:"0bd284139b40d1c6b2288c74fb4f65235e470ab1",class:this.getWrapperClassNames(),tabindex:1,onFocus:()=>this.focusInput(),onClick:()=>this.focusInput()},s("ifx-icon",{key:"a472e315073ad3d92fd55a5689f84e31bb57271c",icon:"search-16",class:"search-icon"}),s("input",{key:"0e4d8258fe7058ee1ad9b12605ccd7ba14f23ce2",ref:e=>this.inputElement=e,type:"text",autocomplete:this.autocomplete,onInput:()=>this.handleInput(),placeholder:this.placeholder,disabled:this.disabled,maxlength:this.maxlength,value:this.value}),this.showDeleteIcon&&this.showDeleteIconInternalState?s("ifx-icon",{icon:"cremove16",class:"delete-icon",onClick:this.handleDelete}):null))}getSizeClass(){return`${this.size}`==="s"?"search-field__wrapper-s":""}getWrapperClassNames(){return r(`search-field__wrapper`,`search-field__wrapper ${this.getSizeClass()}`,`${this.isFocused?"focused":""}`)}static get watchers(){return{value:["valueWatcher"]}}};l.style=a;export{l as ifx_search_field};
-//# sourceMappingURL=p-1fca1eb2.entry.js.map
+import{r as e,c as i,h as s}from"./p-e6edf72d.js";import{c as r}from"./p-5cdc6210.js";const t=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex}.search-field{box-sizing:border-box;background-color:#FFFFFF;width:100%;font-family:var(--ifx-font-family)}.search-field .search-field__wrapper{box-sizing:border-box;height:40px;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;padding:8px 16px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;position:relative;width:100%;outline:none;color:#8D8786}.search-field .search-field__wrapper.focused{border:1px solid #0A8276}.search-field .search-field__wrapper.focused ifx-icon{color:#575352}.search-field .search-field__wrapper.search-field__wrapper-s{height:36px}.search-field .search-field__wrapper:hover:not(.focused,:focus){border:1px solid #3C3A39}.search-field .search-field__wrapper:focus{outline:none;border:1px solid #0A8276}.search-field .search-field__wrapper .delete-icon{right:12px;cursor:pointer}.search-field .search-field__wrapper input[type=text]{font-style:normal;font-weight:400;font-size:16px;color:#8D8786;border:none;width:100%;outline:none;height:16px}.search-field .search-field__wrapper input[type=text]:focus{outline:none;color:#1d1d1d}.search-field .search-field__wrapper input[type=text]:disabled{background-color:#EEEDED}.search-field .search-field__wrapper:has(input[disabled]){background-color:#EEEDED}';const a=t;const l=class{constructor(s){e(this,s);this.ifxInput=i(this,"ifxInput",7);this.value="";this.insideDropdown=false;this.showDeleteIcon=false;this.showDeleteIconInternalState=false;this.disabled=false;this.size="l";this.isFocused=false;this.placeholder="Search...";this.autocomplete="on";this.maxlength=null;this.handleInput=()=>{const e=this.inputElement.value;this.value=e;this.ifxInput.emit(this.value)};this.handleDelete=()=>{this.inputElement.value="";this.value="";this.ifxInput.emit(this.value)}}handleOutsideClick(e){const i=e.composedPath();if(!i.includes(this.inputElement)){this.isFocused=false}}valueWatcher(e){if(e!==this.inputElement.value){this.inputElement.value=e}}focusInput(){this.inputElement.focus();this.isFocused=true}componentWillUpdate(){if(this.value!==""){this.showDeleteIconInternalState=true}else this.showDeleteIconInternalState=false}render(){return s("div",{key:"f7e39651b1113f8344bc93a4675b2a67413bd4aa","aria-label":"a search field for user input","aria-disabled":this.disabled,"aria-value":this.value,class:"search-field"},s("div",{key:"db17b6f0444655ca36f1c45e5ab2e6087059da72",class:this.getWrapperClassNames(),tabindex:1,onFocus:()=>this.focusInput(),onClick:()=>this.focusInput()},s("ifx-icon",{key:"6bd37c551588c707c8ea5e3df755b0a1acc4c120",icon:"search-16",class:"search-icon"}),s("input",{key:"a5b176c77b7822a41e932aea15245f1f88e48db3",ref:e=>this.inputElement=e,type:"text",autocomplete:this.autocomplete,onInput:()=>this.handleInput(),placeholder:this.placeholder,disabled:this.disabled,maxlength:this.maxlength,value:this.value}),this.showDeleteIcon&&this.showDeleteIconInternalState?s("ifx-icon",{icon:"cremove16",class:"delete-icon",onClick:this.handleDelete}):null))}getSizeClass(){return`${this.size}`==="s"?"search-field__wrapper-s":""}getWrapperClassNames(){return r(`search-field__wrapper`,`search-field__wrapper ${this.getSizeClass()}`,`${this.isFocused?"focused":""}`)}static get watchers(){return{value:["valueWatcher"]}}};l.style=a;export{l as ifx_search_field};
+//# sourceMappingURL=p-7103bb15.entry.js.map