@kong-ui-public/dashboard-renderer 0.18.7 → 0.18.8

package/dist/dashboard-renderer.es.js

@@ -1755,7 +1755,7 @@ const Se = "24px", zn = (e, t) => {
   for (const [i, n] of t)
     r[i] = n;
   return r;
-}, Pn = (e) => (We("data-v-2ef3afec"), e = e(), Je(), e), Un = ["aria-hidden"], Fn = {
+}, Pn = (e) => (We("data-v-3285de10"), e = e(), Je(), e), Un = ["aria-hidden"], Fn = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Vn = /* @__PURE__ */ Pn(() => /* @__PURE__ */ V("path", {
@@ -1854,7 +1854,7 @@ const Se = "24px", zn = (e, t) => {
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Bn = /* @__PURE__ */ zn(Kn, [["__scopeId", "data-v-2ef3afec"]]), Mn = {
+}), Bn = /* @__PURE__ */ zn(Kn, [["__scopeId", "data-v-3285de10"]]), Mn = {
   class: "kong-ui-public-entity-link",
   "data-testid": "entity-link-parent"
 }, Gn = {

package/dist/dashboard-renderer.umd.js

@@ -2,4 +2,4 @@
 
 `+e.mark.snippet),o+" "+r):o}function D(e,t){Error.call(this),this.name="YAMLException",this.reason=e,this.mark=t,this.message=ve(this,!1),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack||""}D.prototype=Object.create(Error.prototype),D.prototype.constructor=D,D.prototype.toString=function(e){return this.name+": "+ve(this,e)};var v=D,jt=["kind","multi","resolve","construct","instanceOf","predicate","represent","representName","defaultStyle","styleAliases"],$t=["scalar","sequence","mapping"];function Vt(e){var t={};return e!==null&&Object.keys(e).forEach(function(r){e[r].forEach(function(o){t[String(o)]=r})}),t}function zt(e,t){if(t=t||{},Object.keys(t).forEach(function(r){if(jt.indexOf(r)===-1)throw new v('Unknown option "'+r+'" is met in definition of "'+e+'" YAML type.')}),this.options=t,this.tag=e,this.kind=t.kind||null,this.resolve=t.resolve||function(){return!0},this.construct=t.construct||function(r){return r},this.instanceOf=t.instanceOf||null,this.predicate=t.predicate||null,this.represent=t.represent||null,this.representName=t.representName||null,this.defaultStyle=t.defaultStyle||null,this.multi=t.multi||!1,this.styleAliases=Vt(t.styleAliases||null),$t.indexOf(this.kind)===-1)throw new v('Unknown kind "'+this.kind+'" is specified for "'+e+'" YAML type.')}var g=zt;function xe(e,t){var r=[];return e[t].forEach(function(o){var i=r.length;r.forEach(function(s,a){s.tag===o.tag&&s.kind===o.kind&&s.multi===o.multi&&(i=a)}),r[i]=o}),r}function Ft(){var e={scalar:{},sequence:{},mapping:{},fallback:{},multi:{scalar:[],sequence:[],mapping:[],fallback:[]}},t,r;function o(i){i.multi?(e.multi[i.kind].push(i),e.multi.fallback.push(i)):e[i.kind][i.tag]=e.fallback[i.tag]=i}for(t=0,r=arguments.length;t<r;t+=1)arguments[t].forEach(o);return e}function M(e){return this.extend(e)}M.prototype.extend=function(e){var t=[],r=[];if(e instanceof g)r.push(e);else if(Array.isArray(e))r=r.concat(e);else if(e&&(Array.isArray(e.implicit)||Array.isArray(e.explicit)))e.implicit&&(t=t.concat(e.implicit)),e.explicit&&(r=r.concat(e.explicit));else throw new v("Schema.extend argument should be a Type, [ Type ], or a schema definition ({ implicit: [...], explicit: [...] })");t.forEach(function(i){if(!(i instanceof g))throw new v("Specified list of YAML types (or a single Type object) contains a non-Type object.");if(i.loadKind&&i.loadKind!=="scalar")throw new v("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.");if(i.multi)throw new v("There is a multi type in the implicit list of a schema. Multi tags can only be listed as explicit.")}),r.forEach(function(i){if(!(i instanceof g))throw new v("Specified list of YAML types (or a single Type object) contains a non-Type object.")});var o=Object.create(M.prototype);return o.implicit=(this.implicit||[]).concat(t),o.explicit=(this.explicit||[]).concat(r),o.compiledImplicit=xe(o,"implicit"),o.compiledExplicit=xe(o,"explicit"),o.compiledTypeMap=Ft(o.compiledImplicit,o.compiledExplicit),o};var Pt=M,Ut=new g("tag:yaml.org,2002:str",{kind:"scalar",construct:function(e){return e!==null?e:""}}),Ht=new g("tag:yaml.org,2002:seq",{kind:"sequence",construct:function(e){return e!==null?e:[]}}),Kt=new g("tag:yaml.org,2002:map",{kind:"mapping",construct:function(e){return e!==null?e:{}}}),Gt=new Pt({explicit:[Ut,Ht,Kt]});function Mt(e){if(e===null)return!0;var t=e.length;return t===1&&e==="~"||t===4&&(e==="null"||e==="Null"||e==="NULL")}function Yt(){return null}function Zt(e){return e===null}var Wt=new g("tag:yaml.org,2002:null",{kind:"scalar",resolve:Mt,construct:Yt,predicate:Zt,represent:{canonical:function(){return"~"},lowercase:function(){return"null"},uppercase:function(){return"NULL"},camelcase:function(){return"Null"},empty:function(){return""}},defaultStyle:"lowercase"});function Qt(e){if(e===null)return!1;var t=e.length;return t===4&&(e==="true"||e==="True"||e==="TRUE")||t===5&&(e==="false"||e==="False"||e==="FALSE")}function Jt(e){return e==="true"||e==="True"||e==="TRUE"}function Xt(e){return Object.prototype.toString.call(e)==="[object Boolean]"}var er=new g("tag:yaml.org,2002:bool",{kind:"scalar",resolve:Qt,construct:Jt,predicate:Xt,represent:{lowercase:function(e){return e?"true":"false"},uppercase:function(e){return e?"TRUE":"FALSE"},camelcase:function(e){return e?"True":"False"}},defaultStyle:"lowercase"});function tr(e){return 48<=e&&e<=57||65<=e&&e<=70||97<=e&&e<=102}function rr(e){return 48<=e&&e<=55}function nr(e){return 48<=e&&e<=57}function ir(e){if(e===null)return!1;var t=e.length,r=0,o=!1,i;if(!t)return!1;if(i=e[r],(i==="-"||i==="+")&&(i=e[++r]),i==="0"){if(r+1===t)return!0;if(i=e[++r],i==="b"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(i!=="0"&&i!=="1")return!1;o=!0}return o&&i!=="_"}if(i==="x"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(!tr(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}if(i==="o"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(!rr(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}}if(i==="_")return!1;for(;r<t;r++)if(i=e[r],i!=="_"){if(!nr(e.charCodeAt(r)))return!1;o=!0}return!(!o||i==="_")}function or(e){var t=e,r=1,o;if(t.indexOf("_")!==-1&&(t=t.replace(/_/g,"")),o=t[0],(o==="-"||o==="+")&&(o==="-"&&(r=-1),t=t.slice(1),o=t[0]),t==="0")return 0;if(o==="0"){if(t[1]==="b")return r*parseInt(t.slice(2),2);if(t[1]==="x")return r*parseInt(t.slice(2),16);if(t[1]==="o")return r*parseInt(t.slice(2),8)}return r*parseInt(t,10)}function ar(e){return Object.prototype.toString.call(e)==="[object Number]"&&e%1===0&&!G.isNegativeZero(e)}var sr=new g("tag:yaml.org,2002:int",{kind:"scalar",resolve:ir,construct:or,predicate:ar,represent:{binary:function(e){return e>=0?"0b"+e.toString(2):"-0b"+e.toString(2).slice(1)},octal:function(e){return e>=0?"0o"+e.toString(8):"-0o"+e.toString(8).slice(1)},decimal:function(e){return e.toString(10)},hexadecimal:function(e){return e>=0?"0x"+e.toString(16).toUpperCase():"-0x"+e.toString(16).toUpperCase().slice(1)}},defaultStyle:"decimal",styleAliases:{binary:[2,"bin"],octal:[8,"oct"],decimal:[10,"dec"],hexadecimal:[16,"hex"]}}),lr=new RegExp("^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$");function cr(e){return!(e===null||!lr.test(e)||e[e.length-1]==="_")}function ur(e){var t,r;return t=e.replace(/_/g,"").toLowerCase(),r=t[0]==="-"?-1:1,"+-".indexOf(t[0])>=0&&(t=t.slice(1)),t===".inf"?r===1?Number.POSITIVE_INFINITY:Number.NEGATIVE_INFINITY:t===".nan"?NaN:r*parseFloat(t,10)}var pr=/^[-+]?[0-9]+e/;function dr(e,t){var r;if(isNaN(e))switch(t){case"lowercase":return".nan";case"uppercase":return".NAN";case"camelcase":return".NaN"}else if(Number.POSITIVE_INFINITY===e)switch(t){case"lowercase":return".inf";case"uppercase":return".INF";case"camelcase":return".Inf"}else if(Number.NEGATIVE_INFINITY===e)switch(t){case"lowercase":return"-.inf";case"uppercase":return"-.INF";case"camelcase":return"-.Inf"}else if(G.isNegativeZero(e))return"-0.0";return r=e.toString(10),pr.test(r)?r.replace("e",".e"):r}function fr(e){return Object.prototype.toString.call(e)==="[object Number]"&&(e%1!==0||G.isNegativeZero(e))}var yr=new g("tag:yaml.org,2002:float",{kind:"scalar",resolve:cr,construct:ur,predicate:fr,represent:dr,defaultStyle:"lowercase"}),hr=Gt.extend({implicit:[Wt,er,sr,yr]}),mr=hr,Ae=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"),Ne=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$");function gr(e){return e===null?!1:Ae.exec(e)!==null||Ne.exec(e)!==null}function _r(e){var t,r,o,i,s,a,l,c=0,u=null,h,p,m;if(t=Ae.exec(e),t===null&&(t=Ne.exec(e)),t===null)throw new Error("Date resolve error");if(r=+t[1],o=+t[2]-1,i=+t[3],!t[4])return new Date(Date.UTC(r,o,i));if(s=+t[4],a=+t[5],l=+t[6],t[7]){for(c=t[7].slice(0,3);c.length<3;)c+="0";c=+c}return t[9]&&(h=+t[10],p=+(t[11]||0),u=(h*60+p)*6e4,t[9]==="-"&&(u=-u)),m=new Date(Date.UTC(r,o,i,s,a,l,c)),u&&m.setTime(m.getTime()-u),m}function br(e){return e.toISOString()}var wr=new g("tag:yaml.org,2002:timestamp",{kind:"scalar",resolve:gr,construct:_r,instanceOf:Date,represent:br});function kr(e){return e==="<<"||e===null}var Tr=new g("tag:yaml.org,2002:merge",{kind:"scalar",resolve:kr}),Y=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;function Er(e){if(e===null)return!1;var t,r,o=0,i=e.length,s=Y;for(r=0;r<i;r++)if(t=s.indexOf(e.charAt(r)),!(t>64)){if(t<0)return!1;o+=6}return o%8===0}function Sr(e){var t,r,o=e.replace(/[\r\n=]/g,""),i=o.length,s=Y,a=0,l=[];for(t=0;t<i;t++)t%4===0&&t&&(l.push(a>>16&255),l.push(a>>8&255),l.push(a&255)),a=a<<6|s.indexOf(o.charAt(t));return r=i%4*6,r===0?(l.push(a>>16&255),l.push(a>>8&255),l.push(a&255)):r===18?(l.push(a>>10&255),l.push(a>>2&255)):r===12&&l.push(a>>4&255),new Uint8Array(l)}function Cr(e){var t="",r=0,o,i,s=e.length,a=Y;for(o=0;o<s;o++)o%3===0&&o&&(t+=a[r>>18&63],t+=a[r>>12&63],t+=a[r>>6&63],t+=a[r&63]),r=(r<<8)+e[o];return i=s%3,i===0?(t+=a[r>>18&63],t+=a[r>>12&63],t+=a[r>>6&63],t+=a[r&63]):i===2?(t+=a[r>>10&63],t+=a[r>>4&63],t+=a[r<<2&63],t+=a[64]):i===1&&(t+=a[r>>2&63],t+=a[r<<4&63],t+=a[64],t+=a[64]),t}function Ir(e){return Object.prototype.toString.call(e)==="[object Uint8Array]"}var vr=new g("tag:yaml.org,2002:binary",{kind:"scalar",resolve:Er,construct:Sr,predicate:Ir,represent:Cr}),xr=Object.prototype.hasOwnProperty,Ar=Object.prototype.toString;function Nr(e){if(e===null)return!0;var t=[],r,o,i,s,a,l=e;for(r=0,o=l.length;r<o;r+=1){if(i=l[r],a=!1,Ar.call(i)!=="[object Object]")return!1;for(s in i)if(xr.call(i,s))if(!a)a=!0;else return!1;if(!a)return!1;if(t.indexOf(s)===-1)t.push(s);else return!1}return!0}function qr(e){return e!==null?e:[]}var Lr=new g("tag:yaml.org,2002:omap",{kind:"sequence",resolve:Nr,construct:qr}),Or=Object.prototype.toString;function Rr(e){if(e===null)return!0;var t,r,o,i,s,a=e;for(s=new Array(a.length),t=0,r=a.length;t<r;t+=1){if(o=a[t],Or.call(o)!=="[object Object]"||(i=Object.keys(o),i.length!==1))return!1;s[t]=[i[0],o[i[0]]]}return!0}function Dr(e){if(e===null)return[];var t,r,o,i,s,a=e;for(s=new Array(a.length),t=0,r=a.length;t<r;t+=1)o=a[t],i=Object.keys(o),s[t]=[i[0],o[i[0]]];return s}var Br=new g("tag:yaml.org,2002:pairs",{kind:"sequence",resolve:Rr,construct:Dr}),jr=Object.prototype.hasOwnProperty;function $r(e){if(e===null)return!0;var t,r=e;for(t in r)if(jr.call(r,t)&&r[t]!==null)return!1;return!0}function Vr(e){return e!==null?e:{}}var zr=new g("tag:yaml.org,2002:set",{kind:"mapping",resolve:$r,construct:Vr});mr.extend({implicit:[wr,Tr],explicit:[vr,Lr,Br,zr]});function qe(e){return e===48?"\0":e===97?"\x07":e===98?"\b":e===116||e===9?"	":e===110?`
-`:e===118?"\v":e===102?"\f":e===114?"\r":e===101?"\x1B":e===32?" ":e===34?'"':e===47?"/":e===92?"\\":e===78?"…":e===95?" ":e===76?"\u2028":e===80?"\u2029":""}for(var Fr=new Array(256),Pr=new Array(256),q=0;q<256;q++)Fr[q]=qe(q)?1:0,Pr[q]=qe(q);const Le="24px",Ur=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Hr=e=>(n.pushScopeId("data-v-2ef3afec"),e=e(),n.popScopeId(),e),Kr=["aria-hidden"],Gr={key:0,"data-testid":"kui-icon-svg-title"},Mr=Hr(()=>n.createElementVNode("path",{d:"M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",fill:"currentColor"},null,-1)),Yr=n.defineComponent({__name:"CopyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:Le,validator:e=>{if(typeof e=="number"&&e>0)return!0;if(typeof e=="string"){const t=String(e).replace(/px/gi,""),r=Number(t);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(e){const t=e,r=n.computed(()=>{if(typeof t.size=="number"&&t.size>0)return`${t.size}px`;if(typeof t.size=="string"){const i=String(t.size).replace(/px/gi,""),s=Number(i);if(s&&!isNaN(s)&&Number.isInteger(s)&&s>0)return`${s}px`}return Le}),o=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,height:r.value,lineHeight:"0",width:r.value}));return(i,s)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.as),{"aria-hidden":e.decorative?"true":void 0,class:"kui-icon copy-icon","data-testid":"kui-icon-wrapper-copy-icon",style:n.normalizeStyle(o.value)},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":e.decorative?"true":void 0,"data-testid":"kui-icon-svg-copy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[e.title?(n.openBlock(),n.createElementBlock("title",Gr,n.toDisplayString(e.title),1)):n.createCommentVNode("",!0),Mr],8,Kr))]),_:1},8,["aria-hidden","style"]))}}),Zr=Ur(Yr,[["__scopeId","data-v-2ef3afec"]]),Wr={class:"kong-ui-public-entity-link","data-testid":"entity-link-parent"},Qr={key:0,class:"deleted-entity"},Jr={key:1},Xr=["onClick"],en=n.defineComponent({__name:"EntityLink",props:{entityLinkData:{type:Object,required:!0},externalLink:{type:String,required:!1,default:""},newWindow:{type:Boolean,required:!1,default:!1},allowCopy:{type:Boolean,required:!1,default:!1}},setup(e){const t=e,r=n.ref(),{isTruncated:o}=Ce.useTruncationDetector(r),{i18n:{t:i}}=Ce.useI18n(),s=i("global.actions.copyId"),a=n.ref(s),l=n.computed(()=>t.entityLinkData.deleted??!1),c=n.computed(()=>t.entityLinkData.id.toString().includes(":")?t.entityLinkData.id.toString().split(":")[1]:t.entityLinkData.id),u=n.computed(()=>`${c.value.toString().slice(0,5)} (deleted)`),h=async p=>{await p(c.value||"")&&(a.value=i("global.actions.copyToClipboard"),setTimeout(()=>{a.value=s},1800))};return(p,m)=>{const y=n.resolveComponent("KTooltip"),E=n.resolveComponent("KExternalLink"),b=n.resolveComponent("KClipboardProvider");return n.openBlock(),n.createElementBlock("div",Wr,[l.value?(n.openBlock(),n.createElementBlock("div",Qr,n.toDisplayString(u.value),1)):c.value?c.value?(n.openBlock(),n.createBlock(E,{key:2,class:"entity-link","hide-icon":!e.newWindow,href:e.externalLink,target:e.newWindow?"_blank":"_self"},{default:n.withCtx(()=>[n.createVNode(y,{text:n.unref(o)&&e.entityLinkData.label||""},{default:n.withCtx(()=>[n.createElementVNode("span",{ref_key:"textContent",ref:r,class:"entity-link-label"},n.toDisplayString(e.entityLinkData.label),513)]),_:1},8,["text"])]),_:1},8,["hide-icon","href","target"])):n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",Jr,n.toDisplayString(" – "))),c.value&&e.allowCopy?(n.openBlock(),n.createBlock(y,{key:a.value,class:"copy-uuid-tooltip","max-width":"160",placement:"bottomEnd",text:a.value},{default:n.withCtx(()=>[n.createVNode(b,null,{default:n.withCtx(({copyToClipboard:C})=>[n.createElementVNode("span",{class:"entity-link-copy-id",onClick:n.withModifiers(L=>h(C),["stop"])},[n.createVNode(n.unref(Zr),{class:"copy-icon",color:n.unref(St),"data-testid":"copy-id",size:n.unref(Ct)},null,8,["color","size"])],8,Xr)]),_:1})]),_:1},8,["text"])):n.createCommentVNode("",!0)])}}}),tn=Et(en,[["__scopeId","data-v-ff8e5179"]]),rn=n.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){const t=e,r=o=>{var i;if((i=t.chartOptions)!=null&&i.entityLink)if(o.id.includes(":")){const[s,a]=o.id.split(":");return t.chartOptions.entityLink.replace(J,s).replace(H,a)}else return t.chartOptions.entityLink.replace(H,o.id);return""};return(o,i)=>(n.openBlock(),n.createBlock(z,{context:o.context,query:o.query,"query-ready":o.queryReady},{default:n.withCtx(({data:s})=>[n.createVNode(n.unref(S.TopNTable),{data:s,description:o.chartOptions.description,"synthetics-data-key":o.chartOptions.syntheticsDataKey,title:o.chartOptions.chartTitle||""},n.createSlots({_:2},[t.chartOptions.entityLink?{name:"name",fn:n.withCtx(({record:a})=>[n.createVNode(n.unref(tn),{"entity-link-data":{id:a.id,label:a.name,deleted:a.deleted},"external-link":r(a)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),nn={class:"tile-boundary"},on=I(n.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170}},setup(e){n.useCssVars(s=>({a16bb866:`${s.height}px`}));const t=parseInt(ye,10),r=e,o={[_.TimeseriesLine]:Me,[_.HorizontalBar]:fe,[_.VerticalBar]:fe,[_.Gauge]:He,[_.GoldenSignals]:Ze,[_.TopN]:rn,[_.Slottable]:void 0},i=n.computed(()=>{const s=o[r.definition.chart.type];return s&&{component:s,rendererProps:{query:r.definition.query,context:r.context,queryReady:!0,chartOptions:r.definition.chart,height:r.height-t*2}}});return(s,a)=>(n.openBlock(),n.createElementBlock("div",nn,[i.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.value.component),n.normalizeProps(n.mergeProps({key:0},i.value.rendererProps)),null,16)):n.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-3d6e352f"]]),an=(e,t,r)=>{const o=new Map;r.forEach(s=>{const a=s.layout.position.row,l=o.get(a),c=s.layout.size.rows===1&&!!s.layout.size.fitToContent;l===void 0?o.set(a,c):o.set(a,l&&c)});const i=[];for(let s=0;s<e;s++)o.get(s)?i.push("auto"):i.push(`${t}px`);return i},Oe=I(n.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>170},tiles:{type:Array,required:!0}},setup(e){n.useCssVars(l=>({"13009fee":e.gridSize.cols,c934c2be:s.value}));const t=e,r=n.ref(null),o=n.ref(0),i=new ResizeObserver(l=>{o.value=l[0].contentRect.width});n.onMounted(()=>{r.value&&i.observe(r.value)}),n.onUnmounted(()=>{r.value&&i.unobserve(r.value)});const s=n.computed(()=>{var c;return an((c=t.gridSize)==null?void 0:c.rows,t.tileHeight,t.tiles).join(" ")}),a=n.computed(()=>t.tiles.map((l,c)=>({key:`tile-${c}`,tile:l,style:{"grid-column-start":l.layout.position.col+1,"grid-column-end":l.layout.position.col+1+l.layout.size.cols,"grid-row-start":l.layout.position.row+1,"grid-row-end":l.layout.position.row+1+l.layout.size.rows}})));return(l,c)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:r,class:"kong-ui-public-grid-layout"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.value,u=>(n.openBlock(),n.createElementBlock("div",{key:u.key,class:n.normalizeClass(["grid-cell",{"empty-cell":!u.tile}]),style:n.normalizeStyle(u.style)},[n.renderSlot(l.$slots,"tile",{style:n.normalizeStyle(u.style),tile:u.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-04f865ab"]]),sn={class:"kong-ui-public-dashboard-renderer"},ln={key:0,class:"tile-container"},cn=I(n.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(e){const t=e,{i18n:r}=de.useI18n(),o=n.inject(U);o||(console.warn("Analytics dashboards require a query bridge supplied via provide / inject."),console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"),console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));const i=n.computed(()=>t.config.tiles.map((a,l)=>({layout:a.layout,meta:a.definition,id:l}))),s=n.computed(()=>t.context.tz?t.context:{...t.context,tz:new Intl.DateTimeFormat().resolvedOptions().timeZone});return(a,l)=>{const c=n.resolveComponent("KAlert");return n.openBlock(),n.createElementBlock("div",sn,[n.unref(o)?(n.openBlock(),n.createBlock(Oe,{key:1,"grid-size":a.config.gridSize,"tile-height":a.config.tileHeight,tiles:i.value},{tile:n.withCtx(({tile:u})=>[u.meta.chart.type===n.unref(_).Slottable?(n.openBlock(),n.createElementBlock("div",ln,[n.renderSlot(a.$slots,u.meta.chart.id,{},void 0,!0)])):(n.openBlock(),n.createBlock(on,{key:1,class:"tile-container",context:s.value,definition:u.meta,height:u.layout.size.rows*(a.config.tileHeight||n.unref(170))+parseInt(n.unref(ye),10)},null,8,["context","definition","height"]))]),_:3},8,["grid-size","tile-height","tiles"])):(n.openBlock(),n.createBlock(c,{key:0,appearance:"danger"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-1af70010"]]);f.CP_ID_TOKEN=J,f.ChartTypes=_,f.DEFAULT_TILE_HEIGHT=170,f.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,f.DashboardRenderer=cn,f.ENTITY_ID_TOKEN=H,f.GridLayout=Oe,f.INJECT_QUERY_PROVIDER=U,f.barChartSchema=re,f.dashboardConfigSchema=je,f.exploreV4QuerySchema=se,f.gaugeChartSchema=ie,f.metricCardSchema=ae,f.slottableSchema=te,f.tileConfigSchema=ue,f.tileDefinitionSchema=le,f.tileLayoutSchema=ce,f.timeseriesChartSchema=ne,f.topNTableSchema=oe,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+`:e===118?"\v":e===102?"\f":e===114?"\r":e===101?"\x1B":e===32?" ":e===34?'"':e===47?"/":e===92?"\\":e===78?"…":e===95?" ":e===76?"\u2028":e===80?"\u2029":""}for(var Fr=new Array(256),Pr=new Array(256),q=0;q<256;q++)Fr[q]=qe(q)?1:0,Pr[q]=qe(q);const Le="24px",Ur=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Hr=e=>(n.pushScopeId("data-v-3285de10"),e=e(),n.popScopeId(),e),Kr=["aria-hidden"],Gr={key:0,"data-testid":"kui-icon-svg-title"},Mr=Hr(()=>n.createElementVNode("path",{d:"M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",fill:"currentColor"},null,-1)),Yr=n.defineComponent({__name:"CopyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:Le,validator:e=>{if(typeof e=="number"&&e>0)return!0;if(typeof e=="string"){const t=String(e).replace(/px/gi,""),r=Number(t);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(e){const t=e,r=n.computed(()=>{if(typeof t.size=="number"&&t.size>0)return`${t.size}px`;if(typeof t.size=="string"){const i=String(t.size).replace(/px/gi,""),s=Number(i);if(s&&!isNaN(s)&&Number.isInteger(s)&&s>0)return`${s}px`}return Le}),o=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,height:r.value,lineHeight:"0",width:r.value}));return(i,s)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.as),{"aria-hidden":e.decorative?"true":void 0,class:"kui-icon copy-icon","data-testid":"kui-icon-wrapper-copy-icon",style:n.normalizeStyle(o.value)},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":e.decorative?"true":void 0,"data-testid":"kui-icon-svg-copy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[e.title?(n.openBlock(),n.createElementBlock("title",Gr,n.toDisplayString(e.title),1)):n.createCommentVNode("",!0),Mr],8,Kr))]),_:1},8,["aria-hidden","style"]))}}),Zr=Ur(Yr,[["__scopeId","data-v-3285de10"]]),Wr={class:"kong-ui-public-entity-link","data-testid":"entity-link-parent"},Qr={key:0,class:"deleted-entity"},Jr={key:1},Xr=["onClick"],en=n.defineComponent({__name:"EntityLink",props:{entityLinkData:{type:Object,required:!0},externalLink:{type:String,required:!1,default:""},newWindow:{type:Boolean,required:!1,default:!1},allowCopy:{type:Boolean,required:!1,default:!1}},setup(e){const t=e,r=n.ref(),{isTruncated:o}=Ce.useTruncationDetector(r),{i18n:{t:i}}=Ce.useI18n(),s=i("global.actions.copyId"),a=n.ref(s),l=n.computed(()=>t.entityLinkData.deleted??!1),c=n.computed(()=>t.entityLinkData.id.toString().includes(":")?t.entityLinkData.id.toString().split(":")[1]:t.entityLinkData.id),u=n.computed(()=>`${c.value.toString().slice(0,5)} (deleted)`),h=async p=>{await p(c.value||"")&&(a.value=i("global.actions.copyToClipboard"),setTimeout(()=>{a.value=s},1800))};return(p,m)=>{const y=n.resolveComponent("KTooltip"),E=n.resolveComponent("KExternalLink"),b=n.resolveComponent("KClipboardProvider");return n.openBlock(),n.createElementBlock("div",Wr,[l.value?(n.openBlock(),n.createElementBlock("div",Qr,n.toDisplayString(u.value),1)):c.value?c.value?(n.openBlock(),n.createBlock(E,{key:2,class:"entity-link","hide-icon":!e.newWindow,href:e.externalLink,target:e.newWindow?"_blank":"_self"},{default:n.withCtx(()=>[n.createVNode(y,{text:n.unref(o)&&e.entityLinkData.label||""},{default:n.withCtx(()=>[n.createElementVNode("span",{ref_key:"textContent",ref:r,class:"entity-link-label"},n.toDisplayString(e.entityLinkData.label),513)]),_:1},8,["text"])]),_:1},8,["hide-icon","href","target"])):n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",Jr,n.toDisplayString(" – "))),c.value&&e.allowCopy?(n.openBlock(),n.createBlock(y,{key:a.value,class:"copy-uuid-tooltip","max-width":"160",placement:"bottomEnd",text:a.value},{default:n.withCtx(()=>[n.createVNode(b,null,{default:n.withCtx(({copyToClipboard:C})=>[n.createElementVNode("span",{class:"entity-link-copy-id",onClick:n.withModifiers(L=>h(C),["stop"])},[n.createVNode(n.unref(Zr),{class:"copy-icon",color:n.unref(St),"data-testid":"copy-id",size:n.unref(Ct)},null,8,["color","size"])],8,Xr)]),_:1})]),_:1},8,["text"])):n.createCommentVNode("",!0)])}}}),tn=Et(en,[["__scopeId","data-v-ff8e5179"]]),rn=n.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){const t=e,r=o=>{var i;if((i=t.chartOptions)!=null&&i.entityLink)if(o.id.includes(":")){const[s,a]=o.id.split(":");return t.chartOptions.entityLink.replace(J,s).replace(H,a)}else return t.chartOptions.entityLink.replace(H,o.id);return""};return(o,i)=>(n.openBlock(),n.createBlock(z,{context:o.context,query:o.query,"query-ready":o.queryReady},{default:n.withCtx(({data:s})=>[n.createVNode(n.unref(S.TopNTable),{data:s,description:o.chartOptions.description,"synthetics-data-key":o.chartOptions.syntheticsDataKey,title:o.chartOptions.chartTitle||""},n.createSlots({_:2},[t.chartOptions.entityLink?{name:"name",fn:n.withCtx(({record:a})=>[n.createVNode(n.unref(tn),{"entity-link-data":{id:a.id,label:a.name,deleted:a.deleted},"external-link":r(a)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),nn={class:"tile-boundary"},on=I(n.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170}},setup(e){n.useCssVars(s=>({a16bb866:`${s.height}px`}));const t=parseInt(ye,10),r=e,o={[_.TimeseriesLine]:Me,[_.HorizontalBar]:fe,[_.VerticalBar]:fe,[_.Gauge]:He,[_.GoldenSignals]:Ze,[_.TopN]:rn,[_.Slottable]:void 0},i=n.computed(()=>{const s=o[r.definition.chart.type];return s&&{component:s,rendererProps:{query:r.definition.query,context:r.context,queryReady:!0,chartOptions:r.definition.chart,height:r.height-t*2}}});return(s,a)=>(n.openBlock(),n.createElementBlock("div",nn,[i.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.value.component),n.normalizeProps(n.mergeProps({key:0},i.value.rendererProps)),null,16)):n.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-3d6e352f"]]),an=(e,t,r)=>{const o=new Map;r.forEach(s=>{const a=s.layout.position.row,l=o.get(a),c=s.layout.size.rows===1&&!!s.layout.size.fitToContent;l===void 0?o.set(a,c):o.set(a,l&&c)});const i=[];for(let s=0;s<e;s++)o.get(s)?i.push("auto"):i.push(`${t}px`);return i},Oe=I(n.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>170},tiles:{type:Array,required:!0}},setup(e){n.useCssVars(l=>({"13009fee":e.gridSize.cols,c934c2be:s.value}));const t=e,r=n.ref(null),o=n.ref(0),i=new ResizeObserver(l=>{o.value=l[0].contentRect.width});n.onMounted(()=>{r.value&&i.observe(r.value)}),n.onUnmounted(()=>{r.value&&i.unobserve(r.value)});const s=n.computed(()=>{var c;return an((c=t.gridSize)==null?void 0:c.rows,t.tileHeight,t.tiles).join(" ")}),a=n.computed(()=>t.tiles.map((l,c)=>({key:`tile-${c}`,tile:l,style:{"grid-column-start":l.layout.position.col+1,"grid-column-end":l.layout.position.col+1+l.layout.size.cols,"grid-row-start":l.layout.position.row+1,"grid-row-end":l.layout.position.row+1+l.layout.size.rows}})));return(l,c)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:r,class:"kong-ui-public-grid-layout"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.value,u=>(n.openBlock(),n.createElementBlock("div",{key:u.key,class:n.normalizeClass(["grid-cell",{"empty-cell":!u.tile}]),style:n.normalizeStyle(u.style)},[n.renderSlot(l.$slots,"tile",{style:n.normalizeStyle(u.style),tile:u.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-04f865ab"]]),sn={class:"kong-ui-public-dashboard-renderer"},ln={key:0,class:"tile-container"},cn=I(n.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(e){const t=e,{i18n:r}=de.useI18n(),o=n.inject(U);o||(console.warn("Analytics dashboards require a query bridge supplied via provide / inject."),console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"),console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));const i=n.computed(()=>t.config.tiles.map((a,l)=>({layout:a.layout,meta:a.definition,id:l}))),s=n.computed(()=>t.context.tz?t.context:{...t.context,tz:new Intl.DateTimeFormat().resolvedOptions().timeZone});return(a,l)=>{const c=n.resolveComponent("KAlert");return n.openBlock(),n.createElementBlock("div",sn,[n.unref(o)?(n.openBlock(),n.createBlock(Oe,{key:1,"grid-size":a.config.gridSize,"tile-height":a.config.tileHeight,tiles:i.value},{tile:n.withCtx(({tile:u})=>[u.meta.chart.type===n.unref(_).Slottable?(n.openBlock(),n.createElementBlock("div",ln,[n.renderSlot(a.$slots,u.meta.chart.id,{},void 0,!0)])):(n.openBlock(),n.createBlock(on,{key:1,class:"tile-container",context:s.value,definition:u.meta,height:u.layout.size.rows*(a.config.tileHeight||n.unref(170))+parseInt(n.unref(ye),10)},null,8,["context","definition","height"]))]),_:3},8,["grid-size","tile-height","tiles"])):(n.openBlock(),n.createBlock(c,{key:0,appearance:"danger"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-1af70010"]]);f.CP_ID_TOKEN=J,f.ChartTypes=_,f.DEFAULT_TILE_HEIGHT=170,f.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,f.DashboardRenderer=cn,f.ENTITY_ID_TOKEN=H,f.GridLayout=Oe,f.INJECT_QUERY_PROVIDER=U,f.barChartSchema=re,f.dashboardConfigSchema=je,f.exploreV4QuerySchema=se,f.gaugeChartSchema=ie,f.metricCardSchema=ae,f.slottableSchema=te,f.tileConfigSchema=ue,f.tileDefinitionSchema=le,f.tileLayoutSchema=ce,f.timeseriesChartSchema=ne,f.topNTableSchema=oe,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/dashboard-renderer",
-  "version": "0.18.7",
+  "version": "0.18.8",
   "type": "module",
   "main": "./dist/dashboard-renderer.umd.js",
   "module": "./dist/dashboard-renderer.es.js",
@@ -21,17 +21,17 @@
     "access": "public"
   },
   "devDependencies": {
-    "@kong/design-tokens": "1.12.10",
+    "@kong/design-tokens": "1.12.11",
     "@kong/kongponents": "9.0.0-alpha.124",
     "json-schema-to-ts": "^3.0.1",
     "pinia": ">= 2.1.7 < 3",
     "swrv": "^1.0.4",
     "vue": "^3.4.21",
-    "@kong-ui-public/analytics-chart": "^3.0.7",
-    "@kong-ui-public/analytics-metric-provider": "^5.1.4",
-    "@kong-ui-public/sandbox-layout": "^2.0.48",
+    "@kong-ui-public/analytics-chart": "^3.0.8",
+    "@kong-ui-public/analytics-metric-provider": "^5.1.5",
+    "@kong-ui-public/analytics-utilities": "^2.1.1",
     "@kong-ui-public/i18n": "^2.1.5",
-    "@kong-ui-public/analytics-utilities": "^2.1.0"
+    "@kong-ui-public/sandbox-layout": "^2.0.49"
   },
   "repository": {
     "type": "git",
@@ -54,15 +54,15 @@
     "@kong/kongponents": "9.0.0-alpha.124",
     "swrv": "^1.0.4",
     "vue": ">= 3.3.13 < 4",
-    "@kong-ui-public/analytics-metric-provider": "^5.1.4",
-    "@kong-ui-public/analytics-chart": "^3.0.7",
-    "@kong-ui-public/analytics-utilities": "^2.1.0",
-    "@kong-ui-public/i18n": "^2.1.5"
+    "@kong-ui-public/analytics-metric-provider": "^5.1.5",
+    "@kong-ui-public/analytics-chart": "^3.0.8",
+    "@kong-ui-public/i18n": "^2.1.5",
+    "@kong-ui-public/analytics-utilities": "^2.1.1"
   },
   "dependencies": {
     "ajv": "^8.12.0",
-    "@kong-ui-public/core": "^1.5.8",
-    "@kong-ui-public/entities-shared": "^3.0.2"
+    "@kong-ui-public/core": "^1.5.9",
+    "@kong-ui-public/entities-shared": "^3.0.3"
   },
   "scripts": {
     "dev": "cross-env USE_SANDBOX=true vite",