jqwidgets-ng/jqwidgets/jqxgrid.celltemplates.js

[](https://jqwidgets.com/license/)

/*
jQWidgets v26.0.0 (2026-July)
Copyright (c) 2011-2026 jQWidgets.
License: https://jqwidgets.com/license/
*/
/* eslint-disable */

(function(c){if(!c||!c.jqx){return}function h(o){return String(o==null?"":o).replace(/[&<>"]/g,function(p){return{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[p]})}function m(o,p){o=Number(o);if(isNaN(o)){o=0}return o.toLocaleString(undefined,{minimumFractionDigits:p,maximumFractionDigits:p})}function i(o,q,p){o=Number(o);if(isNaN(o)){o=0}return(o<0?"-":"")+(p||"$")+m(Math.abs(o),q)}var a=["#2563eb","#7c3aed","#db2777","#ea580c","#16a34a","#0891b2","#4f46e5","#ca8a04"];function f(q){q=String(q);var p=0;for(var o=0;o<q.length;o++){p=(p*31+q.charCodeAt(o))>>>0}return a[p%a.length]}var j='<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>';var e='<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18M6 6l12 12"/></svg>';function d(p,s){if(!s){return h(p)}s=s.trim();if(s==="raw"){return String(p==null?"":p)}var o=s.match(/^([a-zA-Z]+)(\d+)?$/),q=o?o[1].toLowerCase():s,t=(o&&o[2]!=null)?+o[2]:null;switch(q){case"c":case"cur":return h(i(p,t==null?2:t));case"n":case"num":return h(m(p,t==null?0:t));case"pct":return h(Number(p||0).toFixed(t==null?1:t)+"%");case"upper":return h(String(p).toUpperCase());case"lower":return h(String(p).toLowerCase());case"cap":return h(String(p).replace(/\b\w/g,function(u){return u.toUpperCase()}));case"date":case"d":var r=new Date(p);return h(isNaN(r.getTime())?p:r.toLocaleDateString());default:return h(p)}}function n(o){return function(p,q){return o.replace(/\{\{\s*([^}|]+?)\s*(?:\|\s*([^}]+?)\s*)?\}\}/g,function(s,u,t){var r=(u==="value")?p:(q?q[u]:"");return d(r==null?"":r,t)})}}var b={green:["#dcfce7","#166534"],red:["#fee2e2","#991b1b"],amber:["#fef3c7","#92400e"],blue:["#dbeafe","#1e40af"],violet:["#ede9fe","#5b21b6"],teal:["#ccfbf1","#115e59"],gray:["#f1f5f9","#475569"],slate:["#f1f5f9","#475569"]};c.jqx.cellTemplates={badge:function(r,w,u){u=u||{};var s=(u.colors&&u.colors[String(r)])||u.color||"gray";var t=b[s]||b.gray;var q=u.dot?'<span style="width:6px;height:6px;border-radius:50%;background:'+t[1]+'"></span>':"";return'<span class="jqx-ct-badge" style="background:'+t[0]+";color:"+t[1]+'">'+q+h(u.label!=null?u.label:r)+"</span>"},trend:function(r,t,s){s=s||{};var u=Number(r)||0,p=u>=0,q=s.suffix!=null?s.suffix:"%";return'<span class="jqx-ct-trend" style="color:'+(p?"#16a34a":"#dc2626")+'">'+(p?"▲":"▼")+" "+h(Math.abs(u))+q+"</span>"},progress:function(r,x,w){w=w||{};var p=w.max||100,u=Math.max(0,Math.min(100,(Number(r)||0)/p*100)),q=w.color||"#2563eb";if(w.thresholds){for(var t=0;t<w.thresholds.length;t++){if(u>=w.thresholds[t].at){q=w.thresholds[t].color}}}var s=w.showLabel===false?"":'<span class="jqx-ct-bar-label">'+Math.round(u)+"%</span>";return'<div class="jqx-ct-barwrap"><div class="jqx-ct-bar"><i style="width:'+u+"%;background:"+q+'"></i></div>'+s+"</div>"},bool:function(q,s,r){r=r||{};var p=!!q&&q!=="false"&&q!==0&&q!=="0"&&q!=="no";if(r.labels){return'<span class="jqx-ct-badge" style="background:'+(p?"#dcfce7;color:#166534":"#f1f5f9;color:#64748b")+'">'+h(p?r.labels[0]:r.labels[1])+"</span>"}return p?'<span class="jqx-ct-bool" style="background:#dcfce7;color:#16a34a">'+j+"</span>":'<span class="jqx-ct-bool" style="background:#f1f5f9;color:#94a3b8">'+e+"</span>"},avatar:function(w,y,r){r=r||{};y=y||{};var q=r.nameField?y[r.nameField]:w;q=q==null?"":q;var p=r.subField?(y[r.subField]||""):"";var t=r.imageField?y[r.imageField]:null;var s=String(q).split(/\s+/).map(function(o){return o[0]||""}).slice(0,2).join("").toUpperCase();var u=t?'<img class="jqx-ct-av" src="'+h(t)+'" alt="">':'<span class="jqx-ct-av" style="background:'+(r.color||f(q))+'">'+h(s)+"</span>";var x='<span class="jqx-ct-avtext"><span class="jqx-ct-av-name">'+h(q)+"</span>"+(p?'<span class="jqx-ct-av-sub">'+h(p)+"</span>":"")+"</span>";return'<div class="jqx-ct-avatar">'+u+x+"</div>"},tags:function(s,x,w){w=w||{};var r=Array.isArray(s)?s:String(s==null?"":s).split(w.split||",");r=r.map(function(o){return String(o).trim()}).filter(Boolean);var q=w.max||r.length,u=r.slice(0,q),p=r.length-u.length;var t=u.map(function(o){return'<span class="jqx-ct-tag">'+h(o)+"</span>"}).join("");if(p>0){t+='<span class="jqx-ct-tag jqx-ct-tag-more">+'+p+"</span>"}return'<div class="jqx-ct-tags">'+t+"</div>"},swatch:function(p,r,q){q=q||{};var s=String(p==null?"":p);return'<span class="jqx-ct-swatch"><span class="jqx-ct-sw" style="background:'+h(s)+'"></span>'+(q.showValue===false?"":"<span>"+h(p)+"</span>")+"</span>"},image:function(p,t,r){r=r||{};var q=r.size||34;return'<img class="jqx-ct-img" style="width:'+q+"px;height:"+q+"px;"+(r.round?"border-radius:50%;":"")+'" src="'+h(p)+'" alt="">'},money:function(r,t,s){s=s||{};var w=Number(r)||0,u=s.decimals==null?2:s.decimals;var p=i(w,u,s.symbol);if(s.signed&&w>0){p="+"+p}var q=s.color===false?"jqx-ct-strong":(w>=0?"jqx-ct-money-pos":"jqx-ct-money-neg");return'<span class="'+q+'">'+h(p)+"</span>"},reldate:function(r,z,y){var u=(r instanceof Date)?r.getTime():(typeof r==="number"?r:Date.parse(r));if(isNaN(u)){return'<span class="jqx-ct-muted">'+h(r)+"</span>"}var x=Date.now()-u,p=Math.abs(x),q=86400000,w;if(p<60000){return'<span class="jqx-ct-muted">just now</span>'}if(p<3600000){w=Math.round(p/60000)+" min"}else{if(p<q){w=Math.round(p/3600000)+" h"}else{if(p<30*q){w=Math.round(p/q)+" d"}else{if(p<365*q){w=Math.round(p/(30*q))+" mo"}else{w=Math.round(p/(365*q))+" y"}}}}return'<span class="jqx-ct-muted">'+h(w+(x>=0?" ago":" from now"))+"</span>"},link:function(q,w,u){u=u||{};w=w||{};var r=u.kind||"url";var s=u.hrefField?w[u.hrefField]:q,t=u.textField?w[u.textField]:(u.text!=null?u.text:q);var p=r==="email"?"mailto:"+s:r==="phone"?"tel:"+String(s).replace(/[^\d+]/g,""):s;return'<a class="jqx-ct-link" href="'+h(p)+'"'+(r==="url"?' target="_blank" rel="noopener"':"")+">"+h(t)+"</a>"},icontext:function(p,s,r){r=r||{};var q=r.icon||(r.icons&&r.icons[String(p)])||"";return'<span class="jqx-ct-icontext"><span class="jqx-ct-ic">'+q+"</span>"+h(r.label!=null?r.label:p)+"</span>"}};c.jqx.cellTemplate=function(o,r){g();var q;if(typeof o==="string"){q=n(o)}else{if(typeof o==="function"){q=o}else{if(o&&typeof o==="object"){var p=c.jqx.cellTemplates[o.type];if(!p){return null}q=function(u,w){return p(u,w,o)}}else{return null}}}var t=(o&&o.align)||(r&&r.cellsalign)||"left";var s=t==="right"?"flex-end":t==="center"?"center":"flex-start";return function(A,z,x,u,w,B){var v;try{v=q(x,B||{})}catch(y){v=""}return'<div class="jqx-ct-cell" style="justify-content:'+s+'">'+v+"</div>"}};function k(q){if(!q||!q.length){return}for(var o=0;o<q.length;o++){var s=q[o];if(s&&s.cellTemplate!=null&&s.cellsrenderer==null){var p=c.jqx.cellTemplate(s.cellTemplate,s);if(p){s.cellsrenderer=p}}}}if(c.jqx._jqxGrid&&c.jqx._jqxGrid.prototype&&c.jqx._jqxGrid.prototype.createInstance){var l=c.jqx._jqxGrid.prototype.createInstance;c.jqx._jqxGrid.prototype.createInstance=function(){try{k(this.columns)}catch(o){}return l.apply(this,arguments)}}function g(){if(document.getElementById("jqx-celltemplates-css")){return}var p=".jqx-ct-cell{display:flex;align-items:center;height:100%;box-sizing:border-box;padding:0 4px;overflow:hidden;}.jqx-ct-muted{color:#8a94a6;}.jqx-ct-strong{font-weight:600;}.jqx-ct-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.65;white-space:nowrap;}.jqx-ct-trend{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:12.5px;}.jqx-ct-barwrap{display:flex;align-items:center;gap:8px;width:100%;}.jqx-ct-bar{position:relative;flex:1;height:8px;background:#eef0f4;border-radius:6px;overflow:hidden;}.jqx-ct-bar>i{display:block;height:100%;border-radius:6px;transition:width .3s ease;}.jqx-ct-bar-label{font-size:12px;color:#475569;min-width:32px;text-align:right;font-variant-numeric:tabular-nums;}.jqx-ct-bool{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;}.jqx-ct-avatar{display:flex;align-items:center;gap:9px;min-width:0;}.jqx-ct-av{width:30px;height:30px;border-radius:50%;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;object-fit:cover;}.jqx-ct-avtext{min-width:0;overflow:hidden;}.jqx-ct-av-name{display:block;font-weight:600;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.jqx-ct-av-sub{display:block;font-size:11.5px;color:#8a94a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.jqx-ct-tags{display:flex;flex-wrap:nowrap;gap:4px;overflow:hidden;}.jqx-ct-tag{background:#eef2ff;color:#4338ca;border:1px solid #e0e7ff;padding:1px 8px;border-radius:6px;font-size:11.5px;font-weight:600;white-space:nowrap;}.jqx-ct-tag-more{background:#f1f5f9;color:#64748b;border-color:#e2e8f0;}.jqx-ct-swatch{display:inline-flex;align-items:center;gap:8px;}.jqx-ct-sw{width:16px;height:16px;border-radius:5px;border:1px solid rgba(0,0,0,.12);flex:0 0 16px;}.jqx-ct-img{border-radius:8px;object-fit:cover;border:1px solid #eef0f4;}.jqx-ct-money-pos{color:#16a34a;font-weight:600;}.jqx-ct-money-neg{color:#dc2626;font-weight:600;}.jqx-ct-link{color:#2563eb;text-decoration:none;font-weight:500;}.jqx-ct-link:hover{text-decoration:underline;}.jqx-ct-icontext{display:inline-flex;align-items:center;gap:7px;}.jqx-ct-ic{display:inline-flex;width:16px;height:16px;color:#64748b;}.jqx-ct-ic svg{width:16px;height:16px;}";var o=document.createElement("style");o.id="jqx-celltemplates-css";o.type="text/css";o.appendChild(document.createTextNode(p));(document.head||document.getElementsByTagName("head")[0]).appendChild(o)}})(jqxBaseFramework);