@infineon/infineon-design-system-stencil 39.5.2--canary.2139.cfa6459c10cf7826b09dfd2d1dfea86ba4c5e446.0 → 39.5.2--canary.2133.829488b0b24cd24299975112ee09d9d828d0f48c.0

package/dist/infineon-design-system-stencil/{p-988ad5f6.entry.js → p-76e88a63.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,a as t}from"./p-DtIEDtZ8.js";import{i as a}from"./p-CjdLRP3d.js";const c='.container{display:flex;flex-direction:column;gap:10px}.alert__wrapper{margin-bottom:40px}.snippet__wrapper{display:flex;flex-direction:column;gap:5px;position:sticky;top:0;left:0;z-index:99;background-color:white}.html-wrapper{background:rgb(38, 38, 38);padding:20px;color:white;font-family:monospace}.html-wrapper button{position:absolute;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.85);color:#C9CDCF;border:0 none;padding:4px 10px;font-size:0.75rem;font-family:"Nunito Sans";font-weight:700;border-top:1px solid rgba(255, 255, 255, 0.1);border-left:1px solid rgba(255, 255, 255, 0.1);margin-left:-1px;border-radius:4px 0 0 0;cursor:pointer}.html-wrapper .component-name{color:#A8FF60}.html-wrapper .attribute-name{color:rgb(150, 203, 254)}.html-wrapper .attribute-value{color:rgb(180, 116, 221)}.preview__container{box-sizing:border-box;display:flex;align-items:center;padding:2px;flex-wrap:wrap;gap:4px}.preview__container .no-results{width:100%;text-align:center}.preview__container .preview__container-item{display:flex;justify-content:center;align-items:center;border:1px solid #f1f1f1;padding:2px;width:50px;height:50px;position:relative}.preview__container .preview__container-item:active{border-color:#378375}.preview__container .preview__container-item:hover{cursor:pointer}.preview__container .preview__container-item.copied::after{z-index:50;content:"copied!";position:absolute;top:0;left:50px;background-color:#000;color:white;padding:3px;border-radius:4px}';const n=class{constructor(i){e(this,i);this.iconsArray=[];this.isCopied=false;this.copiedIcon=null;this.htmlTag='<ifx-icon icon="calendar-16"></ifx-icon>';this.iconName=`""`;this.searchTerm=""}handleCopiedText(){this.isCopied=true;setTimeout((()=>{this.isCopied=false}),2e3)}copyIconText(e){this.htmlTag=`<ifx-icon icon="${e}"></ifx-icon>`;this.iconName=`"${e}"`;this.copiedIcon=e}copyHtmlString(){const e=`<ifx-icon icon=${this.iconName}></ifx-icon>`;navigator.clipboard.writeText(e);this.handleCopiedText()}get filteredIcons(){const e=this.searchTerm.toLowerCase().trim();if(!e)return this.iconsArray;return this.iconsArray.filter((i=>i.toLowerCase().includes(e)))}getIconIndex(e){return this.iconsArray.indexOf(e)}handleIconFilter(){const e=this.el.shadowRoot.querySelector("#search__field");e.addEventListener("ifxInput",(e=>{this.searchTerm=e.detail}))}componentWillLoad(){this.iconsArray=Object.keys(a)}componentDidLoad(){this.handleIconFilter()}render(){return i("div",{key:"cad3f5516e9ff71983c1ab79b423db3d8ff4c046",class:"container"},i("div",{key:"bcaecb8c43b7415c7422293cd71db36dabe03fc7",class:"alert__wrapper"},i("ifx-notification",{key:"28fe835bd823d3b7ca753303b2ab7231f5aa0c47",icon:"c-check-16",variant:"neutral","link-text":"Figma icon library","link-href":"https://www.figma.com/design/yWwaLoqsWLWygDxXfvdym9/Infineon-DDS-%7C-UI-icon-library?node-id=13284-1289&p=f&t=SD6EdmXaSufsjPCv-0","link-target":"_blank"},"You can also find the UI icons in Figma for use in mockups.")),i("div",{key:"29db796fdc26758434eea3cb0662381e83931c81",class:"snippet__wrapper"},i("div",{key:"cae0df2cebf1499ad0febbe84c5734f7a1150c40",class:"search__wrapper"},i("ifx-search-field",{key:"5624bffdabb2ef12904145ed485d96a95f72e079",id:"search__field",size:"m","show-delete-icon":"true",value:"",autocomplete:"on",placeholder:"Search icon"})),i("div",{key:"f4ff80bdc97d3bf96dc4fbdbb85195ea2b0f1b7d",class:"html-wrapper"},i("span",{key:"11ce503b64564201aa64b37df12f2d7b44c495ff",class:"html-tag"},"<"),i("span",{key:"ff5dca010ee326d8558592300a7152596ff29065",class:"component-name"},"ifx-icon"),i("span",{key:"bee19150f951c80c6bdb2ceb81edb7af7c50c4f7",class:"attribute-name"}," icon"),"=",i("span",{key:"9451bd94d2b6e8122d7e60dcb2fcfd350a10a0eb",class:"attribute-value"},this.iconName),i("span",{key:"c074ba23a0ac267ada8c3b4ea701fd788e0ef047",class:"html-tag"},">"),i("span",{key:"df301dced95dc4003dad62d42fbc7a991e07aa7b",class:"html-tag"},"</"),i("span",{key:"e50e42d063fd5370594fb3a9ad264dcfa30272fc",class:"component-name"},"ifx-icon"),i("span",{key:"72e1e2869c4dd6a373c27949678012a4d17a5750",class:"html-tag"},">"),i("button",{key:"e065221a5f5e4fcd545287050effd8f301960b5e",onClick:()=>this.copyHtmlString()},this.isCopied?"Copied":"Copy"))),i("div",{key:"f5f0b51524f2f850a2151db2b0188dff1e4c3131",class:"preview__container"},this.filteredIcons.map((e=>i("div",{key:e,class:`preview__container-item ${this.isCopied&&this.copiedIcon===e?"copied":""}`,onClick:()=>this.copyIconText(e)},i("ifx-icon",{icon:e})))),this.filteredIcons.length===0&&i("div",{key:"bcc64909d726c6fe43fac93ba623cd643110e67c",class:"no-results"},'No icons found matching "',this.searchTerm,'"')))}get el(){return t(this)}};n.style=c;export{n as ifx_icons_preview};
-//# sourceMappingURL=p-988ad5f6.entry.js.map
+import{r as e,h as i,a as t}from"./p-DtIEDtZ8.js";import{i as a}from"./p-e2ZcgK7p.js";const c='.container{display:flex;flex-direction:column;gap:10px}.alert__wrapper{margin-bottom:40px}.snippet__wrapper{display:flex;flex-direction:column;gap:5px;position:sticky;top:0;left:0;z-index:99;background-color:white}.html-wrapper{background:rgb(38, 38, 38);padding:20px;color:white;font-family:monospace}.html-wrapper button{position:absolute;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.85);color:#C9CDCF;border:0 none;padding:4px 10px;font-size:0.75rem;font-family:"Nunito Sans";font-weight:700;border-top:1px solid rgba(255, 255, 255, 0.1);border-left:1px solid rgba(255, 255, 255, 0.1);margin-left:-1px;border-radius:4px 0 0 0;cursor:pointer}.html-wrapper .component-name{color:#A8FF60}.html-wrapper .attribute-name{color:rgb(150, 203, 254)}.html-wrapper .attribute-value{color:rgb(180, 116, 221)}.preview__container{box-sizing:border-box;display:flex;align-items:center;padding:2px;flex-wrap:wrap;gap:4px}.preview__container .no-results{width:100%;text-align:center}.preview__container .preview__container-item{display:flex;justify-content:center;align-items:center;border:1px solid #f1f1f1;padding:2px;width:50px;height:50px;position:relative}.preview__container .preview__container-item:active{border-color:#378375}.preview__container .preview__container-item:hover{cursor:pointer}.preview__container .preview__container-item.copied::after{z-index:50;content:"copied!";position:absolute;top:0;left:50px;background-color:#000;color:white;padding:3px;border-radius:4px}';const n=class{constructor(i){e(this,i);this.iconsArray=[];this.isCopied=false;this.copiedIcon=null;this.htmlTag='<ifx-icon icon="calendar-16"></ifx-icon>';this.iconName=`""`;this.searchTerm=""}handleCopiedText(){this.isCopied=true;setTimeout((()=>{this.isCopied=false}),2e3)}copyIconText(e){this.htmlTag=`<ifx-icon icon="${e}"></ifx-icon>`;this.iconName=`"${e}"`;this.copiedIcon=e}copyHtmlString(){const e=`<ifx-icon icon=${this.iconName}></ifx-icon>`;navigator.clipboard.writeText(e);this.handleCopiedText()}get filteredIcons(){const e=this.searchTerm.toLowerCase().trim();if(!e)return this.iconsArray;return this.iconsArray.filter((i=>i.toLowerCase().includes(e)))}getIconIndex(e){return this.iconsArray.indexOf(e)}handleIconFilter(){const e=this.el.shadowRoot.querySelector("#search__field");e.addEventListener("ifxInput",(e=>{this.searchTerm=e.detail}))}componentWillLoad(){this.iconsArray=Object.keys(a)}componentDidLoad(){this.handleIconFilter()}render(){return i("div",{key:"cad3f5516e9ff71983c1ab79b423db3d8ff4c046",class:"container"},i("div",{key:"bcaecb8c43b7415c7422293cd71db36dabe03fc7",class:"alert__wrapper"},i("ifx-notification",{key:"28fe835bd823d3b7ca753303b2ab7231f5aa0c47",icon:"c-check-16",variant:"neutral","link-text":"Figma icon library","link-href":"https://www.figma.com/design/yWwaLoqsWLWygDxXfvdym9/Infineon-DDS-%7C-UI-icon-library?node-id=13284-1289&p=f&t=SD6EdmXaSufsjPCv-0","link-target":"_blank"},"You can also find the UI icons in Figma for use in mockups.")),i("div",{key:"29db796fdc26758434eea3cb0662381e83931c81",class:"snippet__wrapper"},i("div",{key:"cae0df2cebf1499ad0febbe84c5734f7a1150c40",class:"search__wrapper"},i("ifx-search-field",{key:"5624bffdabb2ef12904145ed485d96a95f72e079",id:"search__field",size:"m","show-delete-icon":"true",value:"",autocomplete:"on",placeholder:"Search icon"})),i("div",{key:"f4ff80bdc97d3bf96dc4fbdbb85195ea2b0f1b7d",class:"html-wrapper"},i("span",{key:"11ce503b64564201aa64b37df12f2d7b44c495ff",class:"html-tag"},"<"),i("span",{key:"ff5dca010ee326d8558592300a7152596ff29065",class:"component-name"},"ifx-icon"),i("span",{key:"bee19150f951c80c6bdb2ceb81edb7af7c50c4f7",class:"attribute-name"}," icon"),"=",i("span",{key:"9451bd94d2b6e8122d7e60dcb2fcfd350a10a0eb",class:"attribute-value"},this.iconName),i("span",{key:"c074ba23a0ac267ada8c3b4ea701fd788e0ef047",class:"html-tag"},">"),i("span",{key:"df301dced95dc4003dad62d42fbc7a991e07aa7b",class:"html-tag"},"</"),i("span",{key:"e50e42d063fd5370594fb3a9ad264dcfa30272fc",class:"component-name"},"ifx-icon"),i("span",{key:"72e1e2869c4dd6a373c27949678012a4d17a5750",class:"html-tag"},">"),i("button",{key:"e065221a5f5e4fcd545287050effd8f301960b5e",onClick:()=>this.copyHtmlString()},this.isCopied?"Copied":"Copy"))),i("div",{key:"f5f0b51524f2f850a2151db2b0188dff1e4c3131",class:"preview__container"},this.filteredIcons.map((e=>i("div",{key:e,class:`preview__container-item ${this.isCopied&&this.copiedIcon===e?"copied":""}`,onClick:()=>this.copyIconText(e)},i("ifx-icon",{icon:e})))),this.filteredIcons.length===0&&i("div",{key:"bcc64909d726c6fe43fac93ba623cd643110e67c",class:"no-results"},'No icons found matching "',this.searchTerm,'"')))}get el(){return t(this)}};n.style=c;export{n as ifx_icons_preview};
+//# sourceMappingURL=p-76e88a63.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,d as e,a as n}from"./p-DtIEDtZ8.js";import{g as o}from"./p-CjdLRP3d.js";import{d as r,t as c}from"./p-DcmcuUOA.js";import{i as h}from"./p-Bw2fh5LT.js";const a="ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}";const l=class{constructor(i){t(this,i);this.consoleError=s(this,"consoleError",7);this.icon=""}updateIcon(t){this.internalIcon=t;this.setIcon()}convertStringToHtml(t){const s=document.createElement("div");s.innerHTML=t;return s.firstChild}convertHtmlToObject(t){let s=Array.from(t.attributes,(({name:t,value:s})=>({name:t,value:s}))).reduce(((t,s)=>{t[s.name]=s.value;return t}),{});return s}convertPathsToVnode(t){let s=[];const e=this.convertHtmlToObject(t);const n=i("path",e);s.push(n);if(t.firstChild){const e=t.querySelectorAll("path");const n=t.querySelectorAll("path").length;for(let t=0;t<n;t++){let n=this.convertHtmlToObject(e[t]);let o=i("path",n);s.push(o)}}return s}getSVG(t){const s=this.convertStringToHtml(this.ifxIcon);const e=s.getAttribute("width");const n=s.getAttribute("height");const o=s.getAttribute("fill");const r=s.getAttribute("viewBox");return i("svg",{class:"inline-svg",width:e,height:n,xmlns:"http://www.w3.org/2000/svg",fill:o,viewBox:r},...t)}constructIcon(){if(this.ifxIcon){const t=this.convertStringToHtml(this.ifxIcon);const s=this.convertPathsToVnode(t);const i=this.getSVG(s);return i}else if(this.icon!==""){this.consoleError.emit(true);return}else{return}}setIcon(){const t=t=>t.replace(/[-_]+(.)/g,((t,s)=>s.toUpperCase())).replace(/^(.)/,(t=>t.toLowerCase()));const s=t(this.internalIcon);this.ifxIcon=o(s)}isInsideAgGrid(t){var s;let i=t;while(i){if((s=i.className)===null||s===void 0?void 0:s.toLowerCase().startsWith("ag-")){return true}i=i.parentElement}return false}isInsideChoices(t){var s;let i=t;while(i){if((s=i.className)===null||s===void 0?void 0:s.toLowerCase().startsWith("choices__")){return true}i=i.parentElement}return false}componentWillLoad(){this.internalIcon=this.icon;this.setIcon()}async componentDidLoad(){if(!h(this.el)){if(!this.isInsideAgGrid(this.el)&&!this.isInsideChoices(this.el)){const t=r();c("ifx-icon",await t)}}}render(){return i(e,{key:"e5cab8793c55383813b83e97038545526070d0a7"},this.constructIcon())}get el(){return n(this)}static get watchers(){return{icon:["updateIcon"]}}};l.style=a;export{l as ifx_icon};
-//# sourceMappingURL=p-1bbaae5e.entry.js.map
+import{r as t,c as s,h as i,d as e,a as n}from"./p-DtIEDtZ8.js";import{g as o}from"./p-e2ZcgK7p.js";import{d as r,t as c}from"./p-DcmcuUOA.js";import{i as h}from"./p-Bw2fh5LT.js";const a="ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}";const l=class{constructor(i){t(this,i);this.consoleError=s(this,"consoleError",7);this.icon=""}updateIcon(t){this.internalIcon=t;this.setIcon()}convertStringToHtml(t){const s=document.createElement("div");s.innerHTML=t;return s.firstChild}convertHtmlToObject(t){let s=Array.from(t.attributes,(({name:t,value:s})=>({name:t,value:s}))).reduce(((t,s)=>{t[s.name]=s.value;return t}),{});return s}convertPathsToVnode(t){let s=[];const e=this.convertHtmlToObject(t);const n=i("path",e);s.push(n);if(t.firstChild){const e=t.querySelectorAll("path");const n=t.querySelectorAll("path").length;for(let t=0;t<n;t++){let n=this.convertHtmlToObject(e[t]);let o=i("path",n);s.push(o)}}return s}getSVG(t){const s=this.convertStringToHtml(this.ifxIcon);const e=s.getAttribute("width");const n=s.getAttribute("height");const o=s.getAttribute("fill");const r=s.getAttribute("viewBox");return i("svg",{class:"inline-svg",width:e,height:n,xmlns:"http://www.w3.org/2000/svg",fill:o,viewBox:r},...t)}constructIcon(){if(this.ifxIcon){const t=this.convertStringToHtml(this.ifxIcon);const s=this.convertPathsToVnode(t);const i=this.getSVG(s);return i}else if(this.icon!==""){this.consoleError.emit(true);return}else{return}}setIcon(){const t=t=>t.replace(/[-_]+(.)/g,((t,s)=>s.toUpperCase())).replace(/^(.)/,(t=>t.toLowerCase()));const s=t(this.internalIcon);this.ifxIcon=o(s)}isInsideAgGrid(t){var s;let i=t;while(i){if((s=i.className)===null||s===void 0?void 0:s.toLowerCase().startsWith("ag-")){return true}i=i.parentElement}return false}isInsideChoices(t){var s;let i=t;while(i){if((s=i.className)===null||s===void 0?void 0:s.toLowerCase().startsWith("choices__")){return true}i=i.parentElement}return false}componentWillLoad(){this.internalIcon=this.icon;this.setIcon()}async componentDidLoad(){if(!h(this.el)){if(!this.isInsideAgGrid(this.el)&&!this.isInsideChoices(this.el)){const t=r();c("ifx-icon",await t)}}}render(){return i(e,{key:"e5cab8793c55383813b83e97038545526070d0a7"},this.constructIcon())}get el(){return n(this)}static get watchers(){return{icon:["updateIcon"]}}};l.style=a;export{l as ifx_icon};
+//# sourceMappingURL=p-bbd819a8.entry.js.map