Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
2 lines
2.7 KiB
JavaScript
2 lines
2.7 KiB
JavaScript
import{r as i,h as e,g as t}from"./p-5308bbce.js";import{i as o}from"./p-68f17bb5.js";const n='.container{display:flex;flex-direction:column;gap:10px}.html-wrapper{background:rgb(38, 38, 38);padding:20px;color:white;font-family:monospace;position:relative}.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 .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:1000;content:"copied!";position:absolute;top:0;left:50px;background-color:#000;color:white;padding:3px;border-radius:4px}';const r=class{constructor(e){i(this,e);this.iconsArray=[];this.isCopied=false;this.copiedIndex=undefined;this.htmlTag='<ifx-icon icon="calendar-16"></ifx-icon>';this.iconName=`"c-info-24"`}handleCopiedText(){this.isCopied=true;setTimeout((()=>{this.isCopied=false}),2e3)}copyIconText(i){this.htmlTag=`<ifx-icon icon="${i}"></ifx-icon>`;this.iconName=`"${i}"`}copyHtmlString(){const i=`<ifx-icon icon=${this.iconName}></ifx-icon>`;navigator.clipboard.writeText(i);this.handleCopiedText()}componentWillLoad(){for(let i in o){this.iconsArray.push(i)}}render(){return e("div",{class:"container"},e("div",{class:"html-wrapper"},e("span",{class:"html-tag"},"<"),e("span",{class:"component-name"},"ifx-icon"),e("span",{class:"attribute-name"}," icon"),"=",e("span",{class:"attribute-value"},this.iconName),e("span",{class:"html-tag"},">"),e("span",{class:"html-tag"},"</"),e("span",{class:"component-name"},"ifx-icon"),e("span",{class:"html-tag"},">"),e("button",{onClick:()=>this.copyHtmlString()},this.isCopied?"Copied":"Copy")),e("div",{class:"preview__container"},this.iconsArray.map(((i,t)=>e("div",{class:`preview__container-item ${this.isCopied&&this.copiedIndex===t?"copied":""}`,onClick:()=>this.copyIconText(i)},e("ifx-icon",{icon:i}))))))}get el(){return t(this)}};r.style=n;export{r as ifx_icons_preview};
|
|
//# sourceMappingURL=p-a9f1c526.entry.js.map
|