@kong-ui-public/dashboard-renderer 0.22.2 → 0.22.3

package/dist/dashboard-renderer.es.js

@@ -1764,7 +1764,7 @@ const Se = "24px", Pn = (e, t) => {
   for (const [i, n] of t)
     r[i] = n;
   return r;
-}, Un = (e) => (Ye("data-v-4399d24a"), e = e(), We(), e), Fn = ["aria-hidden"], Vn = {
+}, Un = (e) => (Ye("data-v-d5eb3109"), e = e(), We(), e), Fn = ["aria-hidden"], Vn = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
 }, Kn = /* @__PURE__ */ Un(() => /* @__PURE__ */ V("path", {
@@ -1863,7 +1863,7 @@ const Se = "24px", Pn = (e, t) => {
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Mn = /* @__PURE__ */ Pn(Bn, [["__scopeId", "data-v-4399d24a"]]), Gn = [];
+}), Mn = /* @__PURE__ */ Pn(Bn, [["__scopeId", "data-v-d5eb3109"]]), Gn = [];
 for (let e = 0; e < 256; ++e)
   Gn.push((e + 256).toString(16).slice(1));
 typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);

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=xe(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+": "+xe(this,e)};var v=D,$t=["kind","multi","resolve","construct","instanceOf","predicate","represent","representName","defaultStyle","styleAliases"],zt=["scalar","sequence","mapping"];function Ut(e){var t={};return e!==null&&Object.keys(e).forEach(function(r){e[r].forEach(function(o){t[String(o)]=r})}),t}function Ft(e,t){if(t=t||{},Object.keys(t).forEach(function(r){if($t.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=Ut(t.styleAliases||null),zt.indexOf(this.kind)===-1)throw new v('Unknown kind "'+this.kind+'" is specified for "'+e+'" YAML type.')}var _=Ft;function Ae(e,t){var r=[];return e[t].forEach(function(o){var i=r.length;r.forEach(function(a,s){a.tag===o.tag&&a.kind===o.kind&&a.multi===o.multi&&(i=s)}),r[i]=o}),r}function Pt(){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 _)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 _))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 _))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=Ae(o,"implicit"),o.compiledExplicit=Ae(o,"explicit"),o.compiledTypeMap=Pt(o.compiledImplicit,o.compiledExplicit),o};var Ht=M,Kt=new _("tag:yaml.org,2002:str",{kind:"scalar",construct:function(e){return e!==null?e:""}}),Mt=new _("tag:yaml.org,2002:seq",{kind:"sequence",construct:function(e){return e!==null?e:[]}}),Gt=new _("tag:yaml.org,2002:map",{kind:"mapping",construct:function(e){return e!==null?e:{}}}),Yt=new Ht({explicit:[Kt,Mt,Gt]});function Zt(e){if(e===null)return!0;var t=e.length;return t===1&&e==="~"||t===4&&(e==="null"||e==="Null"||e==="NULL")}function Wt(){return null}function Qt(e){return e===null}var Jt=new _("tag:yaml.org,2002:null",{kind:"scalar",resolve:Zt,construct:Wt,predicate:Qt,represent:{canonical:function(){return"~"},lowercase:function(){return"null"},uppercase:function(){return"NULL"},camelcase:function(){return"Null"},empty:function(){return""}},defaultStyle:"lowercase"});function Xt(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 er(e){return e==="true"||e==="True"||e==="TRUE"}function tr(e){return Object.prototype.toString.call(e)==="[object Boolean]"}var rr=new _("tag:yaml.org,2002:bool",{kind:"scalar",resolve:Xt,construct:er,predicate:tr,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 nr(e){return 48<=e&&e<=57||65<=e&&e<=70||97<=e&&e<=102}function ir(e){return 48<=e&&e<=55}function or(e){return 48<=e&&e<=57}function ar(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(!nr(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}if(i==="o"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(!ir(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}}if(i==="_")return!1;for(;r<t;r++)if(i=e[r],i!=="_"){if(!or(e.charCodeAt(r)))return!1;o=!0}return!(!o||i==="_")}function sr(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 cr(e){return Object.prototype.toString.call(e)==="[object Number]"&&e%1===0&&!K.isNegativeZero(e)}var lr=new _("tag:yaml.org,2002:int",{kind:"scalar",resolve:ar,construct:sr,predicate:cr,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"]}}),ur=new RegExp("^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$");function pr(e){return!(e===null||!ur.test(e)||e[e.length-1]==="_")}function dr(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 yr=/^[-+]?[0-9]+e/;function fr(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(K.isNegativeZero(e))return"-0.0";return r=e.toString(10),yr.test(r)?r.replace("e",".e"):r}function mr(e){return Object.prototype.toString.call(e)==="[object Number]"&&(e%1!==0||K.isNegativeZero(e))}var hr=new _("tag:yaml.org,2002:float",{kind:"scalar",resolve:pr,construct:dr,predicate:mr,represent:fr,defaultStyle:"lowercase"}),gr=Yt.extend({implicit:[Jt,rr,lr,hr]}),_r=gr,Ne=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"),qe=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 br(e){return e===null?!1:Ne.exec(e)!==null||qe.exec(e)!==null}function kr(e){var t,r,o,i,a,s,c,p=0,u=null,m,l,h;if(t=Ne.exec(e),t===null&&(t=qe.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(a=+t[4],s=+t[5],c=+t[6],t[7]){for(p=t[7].slice(0,3);p.length<3;)p+="0";p=+p}return t[9]&&(m=+t[10],l=+(t[11]||0),u=(m*60+l)*6e4,t[9]==="-"&&(u=-u)),h=new Date(Date.UTC(r,o,i,a,s,c,p)),u&&h.setTime(h.getTime()-u),h}function wr(e){return e.toISOString()}var Sr=new _("tag:yaml.org,2002:timestamp",{kind:"scalar",resolve:br,construct:kr,instanceOf:Date,represent:wr});function Tr(e){return e==="<<"||e===null}var Er=new _("tag:yaml.org,2002:merge",{kind:"scalar",resolve:Tr}),G=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;function Cr(e){if(e===null)return!1;var t,r,o=0,i=e.length,a=G;for(r=0;r<i;r++)if(t=a.indexOf(e.charAt(r)),!(t>64)){if(t<0)return!1;o+=6}return o%8===0}function Ir(e){var t,r,o=e.replace(/[\r\n=]/g,""),i=o.length,a=G,s=0,c=[];for(t=0;t<i;t++)t%4===0&&t&&(c.push(s>>16&255),c.push(s>>8&255),c.push(s&255)),s=s<<6|a.indexOf(o.charAt(t));return r=i%4*6,r===0?(c.push(s>>16&255),c.push(s>>8&255),c.push(s&255)):r===18?(c.push(s>>10&255),c.push(s>>2&255)):r===12&&c.push(s>>4&255),new Uint8Array(c)}function vr(e){var t="",r=0,o,i,a=e.length,s=G;for(o=0;o<a;o++)o%3===0&&o&&(t+=s[r>>18&63],t+=s[r>>12&63],t+=s[r>>6&63],t+=s[r&63]),r=(r<<8)+e[o];return i=a%3,i===0?(t+=s[r>>18&63],t+=s[r>>12&63],t+=s[r>>6&63],t+=s[r&63]):i===2?(t+=s[r>>10&63],t+=s[r>>4&63],t+=s[r<<2&63],t+=s[64]):i===1&&(t+=s[r>>2&63],t+=s[r<<4&63],t+=s[64],t+=s[64]),t}function xr(e){return Object.prototype.toString.call(e)==="[object Uint8Array]"}var Ar=new _("tag:yaml.org,2002:binary",{kind:"scalar",resolve:Cr,construct:Ir,predicate:xr,represent:vr}),Nr=Object.prototype.hasOwnProperty,qr=Object.prototype.toString;function Rr(e){if(e===null)return!0;var t=[],r,o,i,a,s,c=e;for(r=0,o=c.length;r<o;r+=1){if(i=c[r],s=!1,qr.call(i)!=="[object Object]")return!1;for(a in i)if(Nr.call(i,a))if(!s)s=!0;else return!1;if(!s)return!1;if(t.indexOf(a)===-1)t.push(a);else return!1}return!0}function Or(e){return e!==null?e:[]}var Lr=new _("tag:yaml.org,2002:omap",{kind:"sequence",resolve:Rr,construct:Or}),Dr=Object.prototype.toString;function Br(e){if(e===null)return!0;var t,r,o,i,a,s=e;for(a=new Array(s.length),t=0,r=s.length;t<r;t+=1){if(o=s[t],Dr.call(o)!=="[object Object]"||(i=Object.keys(o),i.length!==1))return!1;a[t]=[i[0],o[i[0]]]}return!0}function jr(e){if(e===null)return[];var t,r,o,i,a,s=e;for(a=new Array(s.length),t=0,r=s.length;t<r;t+=1)o=s[t],i=Object.keys(o),a[t]=[i[0],o[i[0]]];return a}var Vr=new _("tag:yaml.org,2002:pairs",{kind:"sequence",resolve:Br,construct:jr}),$r=Object.prototype.hasOwnProperty;function zr(e){if(e===null)return!0;var t,r=e;for(t in r)if($r.call(r,t)&&r[t]!==null)return!1;return!0}function Ur(e){return e!==null?e:{}}var Fr=new _("tag:yaml.org,2002:set",{kind:"mapping",resolve:zr,construct:Ur});_r.extend({implicit:[Sr,Er],explicit:[Ar,Lr,Vr,Fr]});function Re(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 Pr=new Array(256),Hr=new Array(256),q=0;q<256;q++)Pr[q]=Re(q)?1:0,Hr[q]=Re(q);const Oe="24px",Kr=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Mr=e=>(n.pushScopeId("data-v-4399d24a"),e=e(),n.popScopeId(),e),Gr=["aria-hidden"],Yr={key:0,"data-testid":"kui-icon-svg-title"},Zr=Mr(()=>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)),Wr=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:Oe,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,""),a=Number(i);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return`${a}px`}return Oe}),o=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,height:r.value,lineHeight:"0",width:r.value}));return(i,a)=>(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",Yr,n.toDisplayString(e.title),1)):n.createCommentVNode("",!0),Zr],8,Gr))]),_:1},8,["aria-hidden","style"]))}}),Qr=Kr(Wr,[["__scopeId","data-v-4399d24a"]]),Jr=[];for(let e=0;e<256;++e)Jr.push((e+256).toString(16).slice(1));typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const Xr={class:"kong-ui-public-entity-link","data-testid":"entity-link-parent"},en={key:0,class:"deleted-entity"},tn={key:1},rn=["onClick"],nn=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}=Ie.useTruncationDetector(r),{i18n:{t:i}}=Ie.useI18n(),a=i("global.actions.copyId"),s=n.ref(a),c=n.computed(()=>t.entityLinkData.deleted??!1),p=n.computed(()=>{var l;return(l=t.entityLinkData.id)!=null&&l.toString().includes(":")?t.entityLinkData.id.toString().split(":")[1]:t.entityLinkData.id}),u=n.computed(()=>{var l;return`${(l=p.value)==null?void 0:l.toString().slice(0,5)} (deleted)`}),m=async l=>{await l(p.value||"")&&(s.value=i("global.actions.copyToClipboard"),setTimeout(()=>{s.value=a},1800))};return(l,h)=>{const y=n.resolveComponent("KTooltip"),S=n.resolveComponent("KExternalLink"),g=n.resolveComponent("KClipboardProvider");return n.openBlock(),n.createElementBlock("div",Xr,[c.value?(n.openBlock(),n.createElementBlock("div",en,n.toDisplayString(u.value),1)):p.value?p.value?(n.openBlock(),n.createBlock(S,{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",tn,n.toDisplayString(" – "))),p.value&&e.allowCopy?(n.openBlock(),n.createBlock(y,{key:s.value,class:"copy-uuid-tooltip","max-width":"160",placement:"bottomEnd",text:s.value},{default:n.withCtx(()=>[n.createVNode(g,null,{default:n.withCtx(({copyToClipboard:C})=>[n.createElementVNode("span",{class:"entity-link-copy-id",onClick:n.withModifiers(R=>m(C),["stop"])},[n.createVNode(n.unref(Qr),{class:"copy-icon",color:n.unref(It),"data-testid":"copy-id",size:n.unref(vt)},null,8,["color","size"])],8,rn)]),_:1})]),_:1},8,["text"])):n.createCommentVNode("",!0)])}}}),on=Ct(nn,[["__scopeId","data-v-be5bda4c"]]),an=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[a,s]=o.id.split(":");return t.chartOptions.entityLink.replace(J,a).replace(P,s)}else return t.chartOptions.entityLink.replace(P,o.id);return""};return(o,i)=>(n.openBlock(),n.createBlock($,{context:o.context,query:o.query,"query-ready":o.queryReady},{default:n.withCtx(({data:a})=>[n.createVNode(n.unref(E.TopNTable),{data:a,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:s})=>[n.createVNode(n.unref(on),{"entity-link-data":{id:s.id,label:s.name,deleted:s.deleted},"external-link":r(s)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),sn={class:"tile-boundary"},cn=I(n.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170},queryReady:{type:Boolean}},setup(e){n.useCssVars(a=>({58871060:`${a.height}px`}));const t=parseInt(me,10),r=e,o={[b.TimeseriesLine]:Ze,[b.HorizontalBar]:fe,[b.VerticalBar]:fe,[b.Gauge]:Me,[b.GoldenSignals]:Qe,[b.TopN]:an,[b.Slottable]:void 0},i=n.computed(()=>{const a=o[r.definition.chart.type];return a&&{component:a,rendererProps:{query:r.definition.query,context:r.context,queryReady:r.queryReady,chartOptions:r.definition.chart,height:r.height-t*2}}});return(a,s)=>(n.openBlock(),n.createElementBlock("div",sn,[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-69b5e552"]]),ln=(e,t,r)=>{const o=new Map;r.forEach(a=>{const s=a.layout.position.row,c=o.get(s),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;c===void 0?o.set(s,p):o.set(s,c&&p)});const i=[];for(let a=0;a<e;a++)o.get(a)?i.push("auto"):i.push(`${t}px`);return i},Le=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(c=>({"13009fee":e.gridSize.cols,c934c2be:a.value}));const t=e,r=n.ref(null),o=n.ref(0),i=new ResizeObserver(c=>{o.value=c[0].contentRect.width});n.onMounted(()=>{r.value&&i.observe(r.value)}),n.onUnmounted(()=>{r.value&&i.unobserve(r.value)});const a=n.computed(()=>{var p;return ln((p=t.gridSize)==null?void 0:p.rows,t.tileHeight,t.tiles).join(" ")}),s=n.computed(()=>t.tiles.map((c,p)=>({key:`tile-${p}`,tile:c,style:{"grid-column-start":c.layout.position.col+1,"grid-column-end":c.layout.position.col+1+c.layout.size.cols,"grid-row-start":c.layout.position.row+1,"grid-row-end":c.layout.position.row+1+c.layout.size.rows}})));return(c,p)=>(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(s.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(c.$slots,"tile",{style:n.normalizeStyle(u.style),tile:u.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-04f865ab"]]),un={class:"kong-ui-public-dashboard-renderer"},pn={key:0,class:"tile-container"},dn=I(n.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(e){const t=e,{i18n:r}=ye.useI18n(),o=n.inject(F);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=Ve.useAnalyticsConfigStore(),a=n.computed(()=>t.context.timeSpec?t.context.timeSpec:{type:"relative",time_range:i.defaultQueryTimeForOrg}),s=n.computed(()=>!!t.context.timeSpec||!i.loading),c=n.computed(()=>t.config.tiles.map((u,m)=>{var h;let l=u.definition;if("description"in l.chart){const y=(h=l.chart.description)==null?void 0:h.replace(X,()=>{const g=`renderer.trendRange.${a.value.type==="absolute"?"custom":a.value.time_range}`;return r.te(g)?r.t(g):""});l={...l,chart:{...l.chart,description:y}}}return{layout:u.layout,meta:l,id:m}})),p=n.computed(()=>{let{tz:u,refreshInterval:m}=t.context;return u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),m===void 0&&(m=3e4),{...t.context,tz:u,timeSpec:a.value,refreshInterval:m}});return(u,m)=>{const l=n.resolveComponent("KAlert");return n.openBlock(),n.createElementBlock("div",un,[n.unref(o)?(n.openBlock(),n.createBlock(Le,{key:1,"grid-size":u.config.gridSize,"tile-height":u.config.tileHeight,tiles:c.value},{tile:n.withCtx(({tile:h})=>[h.meta.chart.type===n.unref(b).Slottable?(n.openBlock(),n.createElementBlock("div",pn,[n.renderSlot(u.$slots,h.meta.chart.id,{},void 0,!0)])):(n.openBlock(),n.createBlock(cn,{key:1,class:"tile-container",context:p.value,definition:h.meta,height:h.layout.size.rows*(u.config.tileHeight||n.unref(170))+parseInt(n.unref(me),10),"query-ready":s.value},null,8,["context","definition","height","query-ready"]))]),_:3},8,["grid-size","tile-height","tiles"])):(n.openBlock(),n.createBlock(l,{key:0,appearance:"danger"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-2dd03268"]]);d.CP_ID_TOKEN=J,d.ChartTypes=b,d.DEFAULT_TILE_HEIGHT=170,d.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,d.DashboardRenderer=dn,d.ENTITY_ID_TOKEN=P,d.GridLayout=Le,d.INJECT_QUERY_PROVIDER=F,d.TIMEFRAME_TOKEN=X,d.barChartSchema=ne,d.dashboardConfigSchema=$e,d.exploreV4QuerySchema=ce,d.gaugeChartSchema=oe,d.metricCardSchema=se,d.slottableSchema=re,d.tileConfigSchema=pe,d.tileDefinitionSchema=le,d.tileLayoutSchema=ue,d.timeseriesChartSchema=ie,d.topNTableSchema=ae,Object.defineProperty(d,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 Pr=new Array(256),Hr=new Array(256),q=0;q<256;q++)Pr[q]=Re(q)?1:0,Hr[q]=Re(q);const Oe="24px",Kr=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Mr=e=>(n.pushScopeId("data-v-d5eb3109"),e=e(),n.popScopeId(),e),Gr=["aria-hidden"],Yr={key:0,"data-testid":"kui-icon-svg-title"},Zr=Mr(()=>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)),Wr=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:Oe,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,""),a=Number(i);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return`${a}px`}return Oe}),o=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,height:r.value,lineHeight:"0",width:r.value}));return(i,a)=>(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",Yr,n.toDisplayString(e.title),1)):n.createCommentVNode("",!0),Zr],8,Gr))]),_:1},8,["aria-hidden","style"]))}}),Qr=Kr(Wr,[["__scopeId","data-v-d5eb3109"]]),Jr=[];for(let e=0;e<256;++e)Jr.push((e+256).toString(16).slice(1));typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const Xr={class:"kong-ui-public-entity-link","data-testid":"entity-link-parent"},en={key:0,class:"deleted-entity"},tn={key:1},rn=["onClick"],nn=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}=Ie.useTruncationDetector(r),{i18n:{t:i}}=Ie.useI18n(),a=i("global.actions.copyId"),s=n.ref(a),c=n.computed(()=>t.entityLinkData.deleted??!1),p=n.computed(()=>{var l;return(l=t.entityLinkData.id)!=null&&l.toString().includes(":")?t.entityLinkData.id.toString().split(":")[1]:t.entityLinkData.id}),u=n.computed(()=>{var l;return`${(l=p.value)==null?void 0:l.toString().slice(0,5)} (deleted)`}),m=async l=>{await l(p.value||"")&&(s.value=i("global.actions.copyToClipboard"),setTimeout(()=>{s.value=a},1800))};return(l,h)=>{const y=n.resolveComponent("KTooltip"),S=n.resolveComponent("KExternalLink"),g=n.resolveComponent("KClipboardProvider");return n.openBlock(),n.createElementBlock("div",Xr,[c.value?(n.openBlock(),n.createElementBlock("div",en,n.toDisplayString(u.value),1)):p.value?p.value?(n.openBlock(),n.createBlock(S,{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",tn,n.toDisplayString(" – "))),p.value&&e.allowCopy?(n.openBlock(),n.createBlock(y,{key:s.value,class:"copy-uuid-tooltip","max-width":"160",placement:"bottomEnd",text:s.value},{default:n.withCtx(()=>[n.createVNode(g,null,{default:n.withCtx(({copyToClipboard:C})=>[n.createElementVNode("span",{class:"entity-link-copy-id",onClick:n.withModifiers(R=>m(C),["stop"])},[n.createVNode(n.unref(Qr),{class:"copy-icon",color:n.unref(It),"data-testid":"copy-id",size:n.unref(vt)},null,8,["color","size"])],8,rn)]),_:1})]),_:1},8,["text"])):n.createCommentVNode("",!0)])}}}),on=Ct(nn,[["__scopeId","data-v-be5bda4c"]]),an=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[a,s]=o.id.split(":");return t.chartOptions.entityLink.replace(J,a).replace(P,s)}else return t.chartOptions.entityLink.replace(P,o.id);return""};return(o,i)=>(n.openBlock(),n.createBlock($,{context:o.context,query:o.query,"query-ready":o.queryReady},{default:n.withCtx(({data:a})=>[n.createVNode(n.unref(E.TopNTable),{data:a,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:s})=>[n.createVNode(n.unref(on),{"entity-link-data":{id:s.id,label:s.name,deleted:s.deleted},"external-link":r(s)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),sn={class:"tile-boundary"},cn=I(n.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170},queryReady:{type:Boolean}},setup(e){n.useCssVars(a=>({58871060:`${a.height}px`}));const t=parseInt(me,10),r=e,o={[b.TimeseriesLine]:Ze,[b.HorizontalBar]:fe,[b.VerticalBar]:fe,[b.Gauge]:Me,[b.GoldenSignals]:Qe,[b.TopN]:an,[b.Slottable]:void 0},i=n.computed(()=>{const a=o[r.definition.chart.type];return a&&{component:a,rendererProps:{query:r.definition.query,context:r.context,queryReady:r.queryReady,chartOptions:r.definition.chart,height:r.height-t*2}}});return(a,s)=>(n.openBlock(),n.createElementBlock("div",sn,[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-69b5e552"]]),ln=(e,t,r)=>{const o=new Map;r.forEach(a=>{const s=a.layout.position.row,c=o.get(s),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;c===void 0?o.set(s,p):o.set(s,c&&p)});const i=[];for(let a=0;a<e;a++)o.get(a)?i.push("auto"):i.push(`${t}px`);return i},Le=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(c=>({"13009fee":e.gridSize.cols,c934c2be:a.value}));const t=e,r=n.ref(null),o=n.ref(0),i=new ResizeObserver(c=>{o.value=c[0].contentRect.width});n.onMounted(()=>{r.value&&i.observe(r.value)}),n.onUnmounted(()=>{r.value&&i.unobserve(r.value)});const a=n.computed(()=>{var p;return ln((p=t.gridSize)==null?void 0:p.rows,t.tileHeight,t.tiles).join(" ")}),s=n.computed(()=>t.tiles.map((c,p)=>({key:`tile-${p}`,tile:c,style:{"grid-column-start":c.layout.position.col+1,"grid-column-end":c.layout.position.col+1+c.layout.size.cols,"grid-row-start":c.layout.position.row+1,"grid-row-end":c.layout.position.row+1+c.layout.size.rows}})));return(c,p)=>(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(s.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(c.$slots,"tile",{style:n.normalizeStyle(u.style),tile:u.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-04f865ab"]]),un={class:"kong-ui-public-dashboard-renderer"},pn={key:0,class:"tile-container"},dn=I(n.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(e){const t=e,{i18n:r}=ye.useI18n(),o=n.inject(F);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=Ve.useAnalyticsConfigStore(),a=n.computed(()=>t.context.timeSpec?t.context.timeSpec:{type:"relative",time_range:i.defaultQueryTimeForOrg}),s=n.computed(()=>!!t.context.timeSpec||!i.loading),c=n.computed(()=>t.config.tiles.map((u,m)=>{var h;let l=u.definition;if("description"in l.chart){const y=(h=l.chart.description)==null?void 0:h.replace(X,()=>{const g=`renderer.trendRange.${a.value.type==="absolute"?"custom":a.value.time_range}`;return r.te(g)?r.t(g):""});l={...l,chart:{...l.chart,description:y}}}return{layout:u.layout,meta:l,id:m}})),p=n.computed(()=>{let{tz:u,refreshInterval:m}=t.context;return u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),m===void 0&&(m=3e4),{...t.context,tz:u,timeSpec:a.value,refreshInterval:m}});return(u,m)=>{const l=n.resolveComponent("KAlert");return n.openBlock(),n.createElementBlock("div",un,[n.unref(o)?(n.openBlock(),n.createBlock(Le,{key:1,"grid-size":u.config.gridSize,"tile-height":u.config.tileHeight,tiles:c.value},{tile:n.withCtx(({tile:h})=>[h.meta.chart.type===n.unref(b).Slottable?(n.openBlock(),n.createElementBlock("div",pn,[n.renderSlot(u.$slots,h.meta.chart.id,{},void 0,!0)])):(n.openBlock(),n.createBlock(cn,{key:1,class:"tile-container",context:p.value,definition:h.meta,height:h.layout.size.rows*(u.config.tileHeight||n.unref(170))+parseInt(n.unref(me),10),"query-ready":s.value},null,8,["context","definition","height","query-ready"]))]),_:3},8,["grid-size","tile-height","tiles"])):(n.openBlock(),n.createBlock(l,{key:0,appearance:"danger"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-2dd03268"]]);d.CP_ID_TOKEN=J,d.ChartTypes=b,d.DEFAULT_TILE_HEIGHT=170,d.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,d.DashboardRenderer=dn,d.ENTITY_ID_TOKEN=P,d.GridLayout=Le,d.INJECT_QUERY_PROVIDER=F,d.TIMEFRAME_TOKEN=X,d.barChartSchema=ne,d.dashboardConfigSchema=$e,d.exploreV4QuerySchema=ce,d.gaugeChartSchema=oe,d.metricCardSchema=se,d.slottableSchema=re,d.tileConfigSchema=pe,d.tileDefinitionSchema=le,d.tileLayoutSchema=ue,d.timeseriesChartSchema=ie,d.topNTableSchema=ae,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/dashboard-renderer",
-  "version": "0.22.2",
+  "version": "0.22.3",
   "type": "module",
   "main": "./dist/dashboard-renderer.umd.js",
   "module": "./dist/dashboard-renderer.es.js",
@@ -27,12 +27,12 @@
     "pinia": ">= 2.1.7 < 3",
     "swrv": "^1.0.4",
     "vue": "^3.4.27",
-    "@kong-ui-public/analytics-chart": "^4.1.1",
+    "@kong-ui-public/analytics-chart": "^4.1.2",
     "@kong-ui-public/analytics-config-store": "^0.6.0",
-    "@kong-ui-public/analytics-metric-provider": "^7.2.1",
+    "@kong-ui-public/analytics-metric-provider": "^7.2.2",
     "@kong-ui-public/analytics-utilities": "^3.5.0",
     "@kong-ui-public/i18n": "^2.2.1",
-    "@kong-ui-public/sandbox-layout": "^2.1.1"
+    "@kong-ui-public/sandbox-layout": "^2.1.2"
   },
   "repository": {
     "type": "git",
@@ -55,16 +55,16 @@
     "@kong/kongponents": "^9.0.0-alpha.162",
     "swrv": "^1.0.4",
     "vue": ">= 3.3.13 < 4",
-    "@kong-ui-public/analytics-chart": "^4.1.1",
+    "@kong-ui-public/analytics-chart": "^4.1.2",
+    "@kong-ui-public/analytics-metric-provider": "^7.2.2",
     "@kong-ui-public/analytics-config-store": "^0.6.0",
-    "@kong-ui-public/analytics-metric-provider": "^7.2.1",
-    "@kong-ui-public/analytics-utilities": "^3.5.0",
-    "@kong-ui-public/i18n": "^2.2.1"
+    "@kong-ui-public/i18n": "^2.2.1",
+    "@kong-ui-public/analytics-utilities": "^3.5.0"
   },
   "dependencies": {
     "ajv": "^8.12.0",
     "@kong-ui-public/core": "^1.7.1",
-    "@kong-ui-public/entities-shared": "^3.3.2"
+    "@kong-ui-public/entities-shared": "^3.3.3"
   },
   "scripts": {
     "dev": "cross-env USE_SANDBOX=true vite",