@kong-ui-public/dashboard-renderer 10.3.0 → 10.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref as J, readonly as ke, hasInjectionContext as si, inject as Ke, computed as R, defineComponent as me, openBlock as w, createElementBlock as ie, renderSlot as Fe, createTextVNode as
|
|
1
|
+
import { ref as J, readonly as ke, hasInjectionContext as si, inject as Ke, computed as R, defineComponent as me, openBlock as w, createElementBlock as ie, renderSlot as Fe, createTextVNode as De, toDisplayString as re, createVNode as he, withCtx as B, provide as Mn, toRaw as Ar, isRef as Nr, isReactive as Ur, toRef as Le, onMounted as bt, watch as Ee, onUnmounted as dt, getCurrentInstance as Lr, resolveComponent as ve, withKeys as kr, unref as C, createElementVNode as oe, createCommentVNode as de, createBlock as j, watchEffect as zn, createSlots as Et, normalizeStyle as ht, normalizeClass as Pe, mergeProps as Ct, normalizeProps as Kr, guardReactiveProps as Mr, useSlots as zr, shallowRef as ut, useTemplateRef as oi, onBeforeUnmount as Pr, shallowReadonly as qr, nextTick as yi, resolveDynamicComponent as Nt, h as Pn, defineAsyncComponent as qn, renderList as Gt, getCurrentScope as Hn, onScopeDispose as Gn, useCssVars as vi, render as ki, Fragment as Ri, useModel as Bn, toHandlers as Hr, mergeModels as Ut } from "vue";
|
|
2
2
|
import { isPlatformDatasource as Oi, msToGranularity as Lt, TimePeriods as bi, TIMEFRAME_LOOKUP as Ei, requestFilterTypeEmptyV2 as Gr, relativeTimeRangeValuesRequestV2 as Br, fetchAllRequests as $r, restoreAfterCapture as Ki, prepareForCapture as Fr, unitFormatter as $n, formatTimestamp as jt, EXPORT_RECORD_LIMIT as Fn, finestGranularityForDuration as Wr, Granularities as ai, isMetricSupported as Yr, formatTime as Mi } from "@kong-ui-public/analytics-utilities";
|
|
3
3
|
import { InfoIcon as Xr, VisibilityOffIcon as Wn, WarningOutlineIcon as Ci, GrokIcon as jr, VllmIcon as Vr, GoogleVertexIcon as Qr, OpenAiIcon as Zr, OllamaIcon as Jr, NvidiaIcon as es, KimiIcon as ts, MistralIcon as is, MetaLlamaIcon as ns, HuggingFaceIcon as rs, GeminiIcon as ss, DeepseekIcon as os, DatabricksIcon as as, CohereIcon as ls, CerebrasIcon as us, AmazonBedrockIcon as cs, AzureIcon as ds, AnthropicIcon as hs, WarningIcon as zi, ProgressIcon as fs, RefreshIcon as ms, EditIcon as ps, MoreIcon as gs } from "@kong/icons";
|
|
4
4
|
import { createI18n as Yn, i18nTComponent as Xn } from "@kong-ui-public/i18n";
|
|
@@ -8,7 +8,7 @@ import Vn from "swrv";
|
|
|
8
8
|
import "axios";
|
|
9
9
|
import { MetricsProvider as Cs, MetricsConsumer as Ts } from "@kong-ui-public/analytics-metric-provider";
|
|
10
10
|
import { AgGridVue as ws } from "ag-grid-vue3";
|
|
11
|
-
import { ModuleRegistry as Ss, AllCommunityModule as xs, ClientSideRowModelModule as Is, InfiniteRowModelModule as
|
|
11
|
+
import { ModuleRegistry as Ss, AllCommunityModule as xs, ClientSideRowModelModule as Is, InfiniteRowModelModule as Ds, themeQuartz as As } from "ag-grid-community";
|
|
12
12
|
import { KSegmentedControl as Ns } from "@kong/kongponents";
|
|
13
13
|
import Us from "vue-echarts";
|
|
14
14
|
import { use as wi } from "echarts/core";
|
|
@@ -21,7 +21,7 @@ const Hs = (n) => {
|
|
|
21
21
|
for (let i = 0; i < e; i++)
|
|
22
22
|
t = t * 33 ^ n.charCodeAt(i);
|
|
23
23
|
return t >>> 0;
|
|
24
|
-
}, Gs = "#0044f4", Qn = "#6c7489", Bs = "#d60027", $s = "#ffc400", Fs = "#bee2ff", Ws = "#8fc1ff", Ys = "#5f9aff", Xs = "#306fff", js = "#b5ffee", Vs = "#00fabe", Qs = "#00d6a4", Zs = "#00a17b", Js = "#007d60", eo = "#005944", to = "#b5ffee", io = "#00fabe", no = "#b5ffee", ro = "#00a17b", so = "#fff296", oo = "#ffe04b", ao = "#ffc400", lo = "#b37600", uo = "#995c00", co = "#804400", ho = "#fff296", fo = "#ffe04b", mo = "#ffc2b3", po = "#ff9877", go = "#ff723c", _o = "#f75008", yo = "#d13500", vo = "#a31f00", Ro = "#ffc2b3", Oo = "#ff9877", bo = "#ff723c", Eo = "#f75008", Co = "#d13500", To = "#a31f00", wo = "#ffc2b3", So = "#ff9877", xo = "#ff723c", Io = "#f75008",
|
|
24
|
+
}, Gs = "#0044f4", Qn = "#6c7489", Bs = "#d60027", $s = "#ffc400", Fs = "#bee2ff", Ws = "#8fc1ff", Ys = "#5f9aff", Xs = "#306fff", js = "#b5ffee", Vs = "#00fabe", Qs = "#00d6a4", Zs = "#00a17b", Js = "#007d60", eo = "#005944", to = "#b5ffee", io = "#00fabe", no = "#b5ffee", ro = "#00a17b", so = "#fff296", oo = "#ffe04b", ao = "#ffc400", lo = "#b37600", uo = "#995c00", co = "#804400", ho = "#fff296", fo = "#ffe04b", mo = "#ffc2b3", po = "#ff9877", go = "#ff723c", _o = "#f75008", yo = "#d13500", vo = "#a31f00", Ro = "#ffc2b3", Oo = "#ff9877", bo = "#ff723c", Eo = "#f75008", Co = "#d13500", To = "#a31f00", wo = "#ffc2b3", So = "#ff9877", xo = "#ff723c", Io = "#f75008", Do = "#d13500", Ao = "#a31f00", No = "#ffc2b3", Uo = "#ff9877", Lo = "#ff723c", ko = "#f75008", Ko = "#d13500", Mo = "#a31f00", zo = "#ffc2b3", Po = "#ff9877", qo = "#ff723c", Ho = "#f75008", Go = "#d13500", Bo = "#ffabab", $o = "#ff7272", Fo = "#ff3954", Wo = "#f50045", Yo = "#d60027", Xo = "#ad000e", jo = "#ffabab", Vo = "#ff7272", Qo = "#ff3954", Zo = "#f50045", Jo = "#d60027", ea = "#eefaff", ta = "#ecfffb", ia = "#fffce0", na = "#fff1ef", ra = "#ffe5e5", sa = "#5f9aff", oa = "#00d6a4", aa = "#ffc400", la = "#ff723c", ua = "#ff3954", ca = {
|
|
25
25
|
100: Fs,
|
|
26
26
|
101: Ws,
|
|
27
27
|
102: Ys,
|
|
@@ -60,8 +60,8 @@ const Hs = (n) => {
|
|
|
60
60
|
413: So,
|
|
61
61
|
414: xo,
|
|
62
62
|
415: Io,
|
|
63
|
-
416:
|
|
64
|
-
417:
|
|
63
|
+
416: Do,
|
|
64
|
+
417: Ao,
|
|
65
65
|
418: No,
|
|
66
66
|
421: Uo,
|
|
67
67
|
422: Lo,
|
|
@@ -367,11 +367,11 @@ const Ia = {
|
|
|
367
367
|
narrow: ["B", "A"],
|
|
368
368
|
abbreviated: ["BC", "AD"],
|
|
369
369
|
wide: ["Before Christ", "Anno Domini"]
|
|
370
|
-
},
|
|
370
|
+
}, Da = {
|
|
371
371
|
narrow: ["1", "2", "3", "4"],
|
|
372
372
|
abbreviated: ["Q1", "Q2", "Q3", "Q4"],
|
|
373
373
|
wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
|
|
374
|
-
},
|
|
374
|
+
}, Aa = {
|
|
375
375
|
narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
|
|
376
376
|
abbreviated: [
|
|
377
377
|
"Jan",
|
|
@@ -495,12 +495,12 @@ const Ia = {
|
|
|
495
495
|
defaultWidth: "wide"
|
|
496
496
|
}),
|
|
497
497
|
quarter: mt({
|
|
498
|
-
values:
|
|
498
|
+
values: Da,
|
|
499
499
|
defaultWidth: "wide",
|
|
500
500
|
argumentCallback: (n) => n - 1
|
|
501
501
|
}),
|
|
502
502
|
month: mt({
|
|
503
|
-
values:
|
|
503
|
+
values: Aa,
|
|
504
504
|
defaultWidth: "wide"
|
|
505
505
|
}),
|
|
506
506
|
day: mt({
|
|
@@ -1470,8 +1470,8 @@ function xl() {
|
|
|
1470
1470
|
return Object.assign({}, Tt());
|
|
1471
1471
|
}
|
|
1472
1472
|
function Xi(n, e, t) {
|
|
1473
|
-
const i = xl(), r =
|
|
1474
|
-
return "formatToParts" in r ? Il(r, e) :
|
|
1473
|
+
const i = xl(), r = Al(n, t.timeZone, t.locale ?? i.locale);
|
|
1474
|
+
return "formatToParts" in r ? Il(r, e) : Dl(r, e);
|
|
1475
1475
|
}
|
|
1476
1476
|
function Il(n, e) {
|
|
1477
1477
|
const t = n.formatToParts(e);
|
|
@@ -1479,11 +1479,11 @@ function Il(n, e) {
|
|
|
1479
1479
|
if (t[i].type === "timeZoneName")
|
|
1480
1480
|
return t[i].value;
|
|
1481
1481
|
}
|
|
1482
|
-
function
|
|
1482
|
+
function Dl(n, e) {
|
|
1483
1483
|
const t = n.format(e).replace(/\u200E/g, ""), i = / [\w-+ ]+$/.exec(t);
|
|
1484
1484
|
return i ? i[0].substr(1) : "";
|
|
1485
1485
|
}
|
|
1486
|
-
function
|
|
1486
|
+
function Al(n, e, t) {
|
|
1487
1487
|
return new Intl.DateTimeFormat(t ? [t.code, "en-US"] : void 0, {
|
|
1488
1488
|
timeZone: e,
|
|
1489
1489
|
timeZoneName: n
|
|
@@ -1916,7 +1916,7 @@ var xt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
|
|
|
1916
1916
|
function ou(n) {
|
|
1917
1917
|
return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
|
|
1918
1918
|
}
|
|
1919
|
-
var
|
|
1919
|
+
var Dt = { exports: {} }, au = Dt.exports, un;
|
|
1920
1920
|
function lu() {
|
|
1921
1921
|
return un || (un = 1, (function(n, e) {
|
|
1922
1922
|
(function(t, i) {
|
|
@@ -1973,8 +1973,8 @@ function lu() {
|
|
|
1973
1973
|
if ((O || g && y || a) && typeof FileReader < "u") {
|
|
1974
1974
|
var v = new FileReader();
|
|
1975
1975
|
v.onloadend = function() {
|
|
1976
|
-
var
|
|
1977
|
-
|
|
1976
|
+
var A = v.result;
|
|
1977
|
+
A = O ? A : A.replace(/^data:[^;]*;/, "data:attachment/file;"), h ? h.location.href = A : location = A, h = null;
|
|
1978
1978
|
}, v.readAsDataURL(l);
|
|
1979
1979
|
} else {
|
|
1980
1980
|
var I = o.URL || o.webkitURL, U = I.createObjectURL(l);
|
|
@@ -1985,10 +1985,10 @@ function lu() {
|
|
|
1985
1985
|
});
|
|
1986
1986
|
o.saveAs = c.saveAs = c, n.exports = c;
|
|
1987
1987
|
});
|
|
1988
|
-
})(
|
|
1988
|
+
})(Dt)), Dt.exports;
|
|
1989
1989
|
}
|
|
1990
|
-
var uu = lu(),
|
|
1991
|
-
var cu =
|
|
1990
|
+
var uu = lu(), At = { exports: {} };
|
|
1991
|
+
var cu = At.exports, cn;
|
|
1992
1992
|
function du() {
|
|
1993
1993
|
return cn || (cn = 1, (function(n, e) {
|
|
1994
1994
|
((t, i) => {
|
|
@@ -2000,7 +2000,7 @@ function du() {
|
|
|
2000
2000
|
}
|
|
2001
2001
|
function u(f) {
|
|
2002
2002
|
this._handle = null, this._finished = !1, this._completed = !1, this._halted = !1, this._input = null, this._baseIndex = 0, this._partialLine = "", this._rowCount = 0, this._start = 0, this._nextChunk = null, this.isFirstChunk = !0, this._completeResults = { data: [], errors: [], meta: {} }, (function(m) {
|
|
2003
|
-
var p =
|
|
2003
|
+
var p = D(m);
|
|
2004
2004
|
p.chunkSize = parseInt(p.chunkSize), m.step || m.chunk || (p.chunkSize = null), this._handle = new O(p), (this._handle.streamer = this)._config = p;
|
|
2005
2005
|
}).call(this, f), this.parseChunk = function(m, p) {
|
|
2006
2006
|
var S = parseInt(this._config.skipFirstNLines) || 0;
|
|
@@ -2150,11 +2150,11 @@ function du() {
|
|
|
2150
2150
|
var xe, ee, _e, Ye;
|
|
2151
2151
|
ne = ne || [",", " ", "|", ";", c.RECORD_SEP, c.UNIT_SEP];
|
|
2152
2152
|
for (var Xe = 0; Xe < ne.length; Xe++) {
|
|
2153
|
-
for (var
|
|
2153
|
+
for (var Ae, et = ne[Xe], be = 0, Ne = 0, Oe = 0, Te = (_e = void 0, new I({ comments: ce, delimiter: et, newline: Re, preview: 10 }).parse(se)), Me = 0; Me < Te.data.length; Me++) ae && pe(Te.data[Me]) ? Oe++ : (Ae = Te.data[Me].length, Ne += Ae, _e === void 0 ? _e = Ae : 0 < Ae && (be += Math.abs(Ae - _e), _e = Ae));
|
|
2154
2154
|
0 < Te.data.length && (Ne /= Te.data.length - Oe), 1.99 < Ne && (ee === void 0 || be < ee || be === ee && Ye < Ne) && (ee = be, xe = et, Ye = Ne);
|
|
2155
2155
|
}
|
|
2156
2156
|
return { successful: !!(f.delimiter = xe), bestDelimiter: xe };
|
|
2157
|
-
})(z, f.newline, f.skipEmptyLines, f.comments, f.delimitersToGuess)).successful ? f.delimiter = P.bestDelimiter : (S = !0, f.delimiter = c.DefaultDelimiter), k.meta.delimiter = f.delimiter),
|
|
2157
|
+
})(z, f.newline, f.skipEmptyLines, f.comments, f.delimitersToGuess)).successful ? f.delimiter = P.bestDelimiter : (S = !0, f.delimiter = c.DefaultDelimiter), k.meta.delimiter = f.delimiter), D(f));
|
|
2158
2158
|
return P.header = ge(), f.preview && f.header && P.preview++, m = z, p = new I(P), k = p.parse(m, q, Q), ue(), K ? { meta: { paused: !0 } } : k || { meta: { paused: !1 } };
|
|
2159
2159
|
}, this.paused = function() {
|
|
2160
2160
|
return K;
|
|
@@ -2207,8 +2207,8 @@ function du() {
|
|
|
2207
2207
|
return be();
|
|
2208
2208
|
}
|
|
2209
2209
|
for (var ce = L.indexOf(m, T), ne = L.indexOf(p, T), xe = new RegExp(v(E) + v(Y), "g"), ee = L.indexOf(Y, T); ; ) if (L[T] === Y) for (ee = T, T++; ; ) {
|
|
2210
|
-
if ((ee = L.indexOf(Y, ee + 1)) === -1) return k || Q.push({ type: "Quotes", code: "MissingQuotes", message: "Quoted field unterminated", row: q.length, index: T }),
|
|
2211
|
-
if (ee === pe - 1) return
|
|
2210
|
+
if ((ee = L.indexOf(Y, ee + 1)) === -1) return k || Q.push({ type: "Quotes", code: "MissingQuotes", message: "Quoted field unterminated", row: q.length, index: T }), Ae();
|
|
2211
|
+
if (ee === pe - 1) return Ae(L.substring(T, ee).replace(xe, Y));
|
|
2212
2212
|
if (Y === E && L[ee + 1] === E) ee++;
|
|
2213
2213
|
else if (Y === E || ee === 0 || L[ee - 1] !== E) {
|
|
2214
2214
|
ce !== -1 && ce < ee + 1 && (ce = L.indexOf(m, ee + 1));
|
|
@@ -2234,7 +2234,7 @@ function du() {
|
|
|
2234
2234
|
if (P.push(L.substring(T, ne)), et(ne + ge), z && (Ne(), K)) return be();
|
|
2235
2235
|
if ($ && q.length >= $) return be(!0);
|
|
2236
2236
|
}
|
|
2237
|
-
return
|
|
2237
|
+
return Ae();
|
|
2238
2238
|
function Ye(Oe) {
|
|
2239
2239
|
q.push(Oe), se = T;
|
|
2240
2240
|
}
|
|
@@ -2242,7 +2242,7 @@ function du() {
|
|
|
2242
2242
|
var Te = 0;
|
|
2243
2243
|
return Te = Oe !== -1 && (Oe = L.substring(ee + 1, Oe)) && Oe.trim() === "" ? Oe.length : Te;
|
|
2244
2244
|
}
|
|
2245
|
-
function
|
|
2245
|
+
function Ae(Oe) {
|
|
2246
2246
|
return k || (Oe === void 0 && (Oe = L.substring(T)), P.push(Oe), T = pe, Ye(P), z && Ne()), be();
|
|
2247
2247
|
}
|
|
2248
2248
|
function et(Oe) {
|
|
@@ -2279,26 +2279,26 @@ function du() {
|
|
|
2279
2279
|
if (m.error) p.userError(m.error, m.file);
|
|
2280
2280
|
else if (m.results && m.results.data) {
|
|
2281
2281
|
var x = { abort: function() {
|
|
2282
|
-
S = !0,
|
|
2282
|
+
S = !0, A(m.workerId, { data: [], errors: [], meta: { aborted: !0 } });
|
|
2283
2283
|
}, pause: b, resume: b };
|
|
2284
2284
|
if (M(p.userStep)) {
|
|
2285
2285
|
for (var $ = 0; $ < m.results.data.length && (p.userStep({ data: m.results.data[$], errors: m.results.errors, meta: m.results.meta }, x), !S); $++) ;
|
|
2286
2286
|
delete m.results;
|
|
2287
2287
|
} else M(p.userChunk) && (p.userChunk(m.results, x, m.file), delete m.results);
|
|
2288
2288
|
}
|
|
2289
|
-
m.finished && !S &&
|
|
2289
|
+
m.finished && !S && A(m.workerId, m.results);
|
|
2290
2290
|
}
|
|
2291
|
-
function
|
|
2291
|
+
function A(f, m) {
|
|
2292
2292
|
var p = o[f];
|
|
2293
2293
|
M(p.userComplete) && p.userComplete(m), p.terminate(), delete o[f];
|
|
2294
2294
|
}
|
|
2295
2295
|
function b() {
|
|
2296
2296
|
throw new Error("Not implemented.");
|
|
2297
2297
|
}
|
|
2298
|
-
function
|
|
2298
|
+
function D(f) {
|
|
2299
2299
|
if (typeof f != "object" || f === null) return f;
|
|
2300
2300
|
var m, p = Array.isArray(f) ? [] : {};
|
|
2301
|
-
for (m in f) p[m] =
|
|
2301
|
+
for (m in f) p[m] = D(f[m]);
|
|
2302
2302
|
return p;
|
|
2303
2303
|
}
|
|
2304
2304
|
function N(f, m) {
|
|
@@ -2380,7 +2380,7 @@ function du() {
|
|
|
2380
2380
|
f = f.data, c.WORKER_ID === void 0 && f && (c.WORKER_ID = f.workerId), typeof f.input == "string" ? i.postMessage({ workerId: c.WORKER_ID, results: c.parse(f.input, f.config), finished: !0 }) : (i.File && f.input instanceof File || f.input instanceof Object) && (f = c.parse(f.input, f.config)) && i.postMessage({ workerId: c.WORKER_ID, results: f, finished: !0 });
|
|
2381
2381
|
}), (d.prototype = Object.create(u.prototype)).constructor = d, (h.prototype = Object.create(u.prototype)).constructor = h, (g.prototype = Object.create(g.prototype)).constructor = g, (y.prototype = Object.create(u.prototype)).constructor = y, c;
|
|
2382
2382
|
});
|
|
2383
|
-
})(
|
|
2383
|
+
})(At)), At.exports;
|
|
2384
2384
|
}
|
|
2385
2385
|
var hu = du(), lt = /* @__PURE__ */ ((n) => (n.String = "string", n.Number = "number", n.Boolean = "boolean", n.Object = "object", n.Undefined = "undefined", n))(lt || {});
|
|
2386
2386
|
const fu = ["id"], mu = /* @__PURE__ */ me({
|
|
@@ -2471,7 +2471,7 @@ const fu = ["id"], mu = /* @__PURE__ */ me({
|
|
|
2471
2471
|
onClick: l
|
|
2472
2472
|
}, [
|
|
2473
2473
|
Fe(u.$slots, "default", {}, () => [
|
|
2474
|
-
|
|
2474
|
+
De("Download " + re(n.filename), 1)
|
|
2475
2475
|
])
|
|
2476
2476
|
], 8, fu));
|
|
2477
2477
|
}
|
|
@@ -2520,7 +2520,7 @@ function Bt() {
|
|
|
2520
2520
|
// Translation component <i18n-t>
|
|
2521
2521
|
};
|
|
2522
2522
|
}
|
|
2523
|
-
const $t = 170, or = 6, It = 20, We = "analytics-query-provider", Iu = "analytics-dashboard-coordinator", dn = "{entity-id}",
|
|
2523
|
+
const $t = 170, or = 6, It = 20, We = "analytics-query-provider", Iu = "analytics-dashboard-coordinator", dn = "{entity-id}", Du = "{cp-id}", Au = "{timeframe}", Nu = 30 * 1e3, Uu = 3e5, Lu = 36e5;
|
|
2524
2524
|
function ku() {
|
|
2525
2525
|
const n = Ke(We);
|
|
2526
2526
|
return {
|
|
@@ -2568,7 +2568,7 @@ function Ku() {
|
|
|
2568
2568
|
}, a.prototype.emit = function(l, u, d, h, g, y) {
|
|
2569
2569
|
var O = t ? t + l : l;
|
|
2570
2570
|
if (!this._events[O]) return !1;
|
|
2571
|
-
var v = this._events[O], I = arguments.length, U,
|
|
2571
|
+
var v = this._events[O], I = arguments.length, U, A;
|
|
2572
2572
|
if (v.fn) {
|
|
2573
2573
|
switch (v.once && this.removeListener(l, v.fn, void 0, !0), I) {
|
|
2574
2574
|
case 1:
|
|
@@ -2584,29 +2584,29 @@ function Ku() {
|
|
|
2584
2584
|
case 6:
|
|
2585
2585
|
return v.fn.call(v.context, u, d, h, g, y), !0;
|
|
2586
2586
|
}
|
|
2587
|
-
for (
|
|
2588
|
-
U[
|
|
2587
|
+
for (A = 1, U = new Array(I - 1); A < I; A++)
|
|
2588
|
+
U[A - 1] = arguments[A];
|
|
2589
2589
|
v.fn.apply(v.context, U);
|
|
2590
2590
|
} else {
|
|
2591
|
-
var b = v.length,
|
|
2592
|
-
for (
|
|
2593
|
-
switch (v[
|
|
2591
|
+
var b = v.length, D;
|
|
2592
|
+
for (A = 0; A < b; A++)
|
|
2593
|
+
switch (v[A].once && this.removeListener(l, v[A].fn, void 0, !0), I) {
|
|
2594
2594
|
case 1:
|
|
2595
|
-
v[
|
|
2595
|
+
v[A].fn.call(v[A].context);
|
|
2596
2596
|
break;
|
|
2597
2597
|
case 2:
|
|
2598
|
-
v[
|
|
2598
|
+
v[A].fn.call(v[A].context, u);
|
|
2599
2599
|
break;
|
|
2600
2600
|
case 3:
|
|
2601
|
-
v[
|
|
2601
|
+
v[A].fn.call(v[A].context, u, d);
|
|
2602
2602
|
break;
|
|
2603
2603
|
case 4:
|
|
2604
|
-
v[
|
|
2604
|
+
v[A].fn.call(v[A].context, u, d, h);
|
|
2605
2605
|
break;
|
|
2606
2606
|
default:
|
|
2607
|
-
if (!U) for (
|
|
2608
|
-
U[
|
|
2609
|
-
v[
|
|
2607
|
+
if (!U) for (D = 1, U = new Array(I - 1); D < I; D++)
|
|
2608
|
+
U[D - 1] = arguments[D];
|
|
2609
|
+
v[A].fn.apply(v[A].context, U);
|
|
2610
2610
|
}
|
|
2611
2611
|
}
|
|
2612
2612
|
return !0;
|
|
@@ -2845,7 +2845,7 @@ class Gu extends zu {
|
|
|
2845
2845
|
this.#n--, this.#n === 0 && this.emit("pendingZero"), this.#y(), this.emit("next");
|
|
2846
2846
|
}
|
|
2847
2847
|
#z() {
|
|
2848
|
-
this.#c = void 0, this.#
|
|
2848
|
+
this.#c = void 0, this.#D(), this.#I();
|
|
2849
2849
|
}
|
|
2850
2850
|
#P(e) {
|
|
2851
2851
|
if (this.#a) {
|
|
@@ -2898,10 +2898,10 @@ class Gu extends zu {
|
|
|
2898
2898
|
}
|
|
2899
2899
|
#I() {
|
|
2900
2900
|
this.#e || this.#l !== void 0 || this.#a || (this.#l = setInterval(() => {
|
|
2901
|
-
this.#
|
|
2901
|
+
this.#D();
|
|
2902
2902
|
}, this.#u), this.#R = Date.now() + this.#u);
|
|
2903
2903
|
}
|
|
2904
|
-
#
|
|
2904
|
+
#D() {
|
|
2905
2905
|
this.#a || (this.#l !== void 0 && (this.#s === 0 && this.#n === 0 ? this.#C() : this.#R = Date.now() + this.#u), this.#s = this.#t ? this.#n : 0), this.#T(), this.#m();
|
|
2906
2906
|
}
|
|
2907
2907
|
/**
|
|
@@ -3053,7 +3053,7 @@ class Gu extends zu {
|
|
|
3053
3053
|
clear() {
|
|
3054
3054
|
for (const e of this.#O)
|
|
3055
3055
|
e();
|
|
3056
|
-
this.#i = new this.#w(), this.#C(), this.#
|
|
3056
|
+
this.#i = new this.#w(), this.#C(), this.#A(), this.emit("empty"), this.#n === 0 && (this.#x(), this.emit("idle")), this.emit("next");
|
|
3057
3057
|
}
|
|
3058
3058
|
/**
|
|
3059
3059
|
Can be called multiple times. Useful if you for example add additional items at a later time.
|
|
@@ -3188,13 +3188,13 @@ class Gu extends zu {
|
|
|
3188
3188
|
}
|
|
3189
3189
|
#m() {
|
|
3190
3190
|
this.#e || this.#v || (this.#v = !0, queueMicrotask(() => {
|
|
3191
|
-
this.#v = !1, this.#
|
|
3191
|
+
this.#v = !1, this.#A();
|
|
3192
3192
|
}));
|
|
3193
3193
|
}
|
|
3194
3194
|
#H() {
|
|
3195
3195
|
this.#e || (this.#L(), this.#m());
|
|
3196
3196
|
}
|
|
3197
|
-
#
|
|
3197
|
+
#A() {
|
|
3198
3198
|
const e = this.#p;
|
|
3199
3199
|
if (this.#e || this.#i.size === 0) {
|
|
3200
3200
|
e && (this.#p = !1, this.emit("rateLimitCleared"));
|
|
@@ -3441,7 +3441,7 @@ const _n = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ Symbol("pinia
|
|
|
3441
3441
|
);
|
|
3442
3442
|
process.env.NODE_ENV;
|
|
3443
3443
|
function ct(n) {
|
|
3444
|
-
const e =
|
|
3444
|
+
const e = Ar(n), t = {};
|
|
3445
3445
|
for (const i in e) {
|
|
3446
3446
|
const r = e[i];
|
|
3447
3447
|
r?.effect ? t[i] = R({
|
|
@@ -3456,7 +3456,7 @@ function ct(n) {
|
|
|
3456
3456
|
const $e = (n) => n?.chart.type === "table", mi = (n) => n?.query?.datasource === "requests", pi = (n) => !!n && !$e(n) && !mi(n), Zu = (n, e) => {
|
|
3457
3457
|
const t = n.header_description ?? ("description" in n.chart ? n.chart.description : void 0);
|
|
3458
3458
|
if (t)
|
|
3459
|
-
return t.replaceAll(
|
|
3459
|
+
return t.replaceAll(Au, e) || void 0;
|
|
3460
3460
|
}, Ju = [
|
|
3461
3461
|
"basic",
|
|
3462
3462
|
"api_usage",
|
|
@@ -3487,7 +3487,7 @@ function tc({
|
|
|
3487
3487
|
filters: S,
|
|
3488
3488
|
queryFields: x
|
|
3489
3489
|
});
|
|
3490
|
-
}),
|
|
3490
|
+
}), A = R(() => {
|
|
3491
3491
|
if (!v.value || !y.value)
|
|
3492
3492
|
return "";
|
|
3493
3493
|
const p = t.value;
|
|
@@ -3508,8 +3508,8 @@ function tc({
|
|
|
3508
3508
|
S.query.time_range || e.value.timeSpec,
|
|
3509
3509
|
p
|
|
3510
3510
|
);
|
|
3511
|
-
return
|
|
3512
|
-
}),
|
|
3511
|
+
return D(x);
|
|
3512
|
+
}), D = (p) => O.value ? `${s.value}?q=${JSON.stringify(p)}` : "", N = (p, S) => {
|
|
3513
3513
|
const x = i.value?.meta?.start ? new Date(i.value.meta.start) : void 0, $ = i.value?.meta?.end ? new Date(i.value.meta.end) : void 0;
|
|
3514
3514
|
return {
|
|
3515
3515
|
filter: S,
|
|
@@ -3547,7 +3547,7 @@ function tc({
|
|
|
3547
3547
|
return Ee([O, v], ([p, S]) => {
|
|
3548
3548
|
p && (o.value = { href: "" }), S && (a.value = { href: "" });
|
|
3549
3549
|
}), {
|
|
3550
|
-
exploreLinkKebabMenu:
|
|
3550
|
+
exploreLinkKebabMenu: A,
|
|
3551
3551
|
requestsLinkKebabMenu: b,
|
|
3552
3552
|
canShowKebabMenu: y,
|
|
3553
3553
|
canGenerateRequestsLink: O,
|
|
@@ -3557,7 +3557,7 @@ function tc({
|
|
|
3557
3557
|
buildExploreQuery: f,
|
|
3558
3558
|
buildRequestsQueryZoomActions: M,
|
|
3559
3559
|
buildExploreLink: m,
|
|
3560
|
-
buildRequestLink:
|
|
3560
|
+
buildRequestLink: D
|
|
3561
3561
|
};
|
|
3562
3562
|
}
|
|
3563
3563
|
const lr = (n) => n.type === "relative" ? bi.get(Ei[n.time_range])?.timeframeLengthMs() : new Date(n.end).getTime() - new Date(n.start).getTime(), ic = (n) => n.reduce((e, t) => {
|
|
@@ -3600,7 +3600,7 @@ function nc() {
|
|
|
3600
3600
|
...a.filters
|
|
3601
3601
|
],
|
|
3602
3602
|
queryFields: o.metrics
|
|
3603
|
-
}).filter(({ operator: U }) => !y || !Gr.some((
|
|
3603
|
+
}).filter(({ operator: U }) => !y || !Gr.some((A) => A === U));
|
|
3604
3604
|
let v = o.time_range;
|
|
3605
3605
|
!v && a.timeSpec ? v = {
|
|
3606
3606
|
...a.timeSpec,
|
|
@@ -3705,15 +3705,15 @@ function dc({
|
|
|
3705
3705
|
}), h = R(() => [...n.value.filters ?? [], ...e.value]), g = R(() => {
|
|
3706
3706
|
let { refreshInterval: b } = n.value;
|
|
3707
3707
|
if (b === void 0 && (b = Nu), t.value) {
|
|
3708
|
-
let
|
|
3708
|
+
let D = !1;
|
|
3709
3709
|
if (c.value.type === "relative")
|
|
3710
|
-
|
|
3710
|
+
D = ["15m", "1h", "6h", "12h", "24h"].includes(c.value.time_range);
|
|
3711
3711
|
else {
|
|
3712
3712
|
const f = c.value.start.getTime(), m = c.value.end.getTime();
|
|
3713
|
-
|
|
3713
|
+
D = Math.abs(m - f) <= 864e5;
|
|
3714
3714
|
}
|
|
3715
3715
|
const N = (/* @__PURE__ */ new Date()).getTime();
|
|
3716
|
-
c.value.type === "absolute" && c.value.end.getTime() < N || c.value.type === "relative" && ["previous_week", "previous_month"].includes(c.value.time_range) ? b = 0 :
|
|
3716
|
+
c.value.type === "absolute" && c.value.end.getTime() < N || c.value.type === "relative" && ["previous_week", "previous_month"].includes(c.value.time_range) ? b = 0 : D ? b = Uu : b = Lu;
|
|
3717
3717
|
}
|
|
3718
3718
|
return b;
|
|
3719
3719
|
}), y = R(() => ({
|
|
@@ -3724,7 +3724,7 @@ function dc({
|
|
|
3724
3724
|
refreshInterval: g.value,
|
|
3725
3725
|
editable: u.value,
|
|
3726
3726
|
showTileActions: d.value
|
|
3727
|
-
})), O = R(() => !o.value && !a.value), v = R(() => !i.value && !!Lr()?.vnode?.props?.onTileTimeRangeZoom), I = R(() => !i.value), U = R(() => !i.value),
|
|
3727
|
+
})), O = R(() => !o.value && !a.value), v = R(() => !i.value && !!Lr()?.vnode?.props?.onTileTimeRangeZoom), I = R(() => !i.value), U = R(() => !i.value), A = R(() => ({
|
|
3728
3728
|
enabled: v.value,
|
|
3729
3729
|
showExploreAction: I.value,
|
|
3730
3730
|
showRequestsAction: U.value,
|
|
@@ -3771,7 +3771,7 @@ function dc({
|
|
|
3771
3771
|
* All the configuration for how to handle zooming behavior on charts. Fully
|
|
3772
3772
|
* inferred from various states.
|
|
3773
3773
|
*/
|
|
3774
|
-
zoomConfiguration:
|
|
3774
|
+
zoomConfiguration: A
|
|
3775
3775
|
};
|
|
3776
3776
|
}
|
|
3777
3777
|
const hc = 6, dr = 6, hr = 4;
|
|
@@ -3836,7 +3836,7 @@ function gc(n) {
|
|
|
3836
3836
|
}
|
|
3837
3837
|
try {
|
|
3838
3838
|
t.value = { status: "preparing" }, await O?.();
|
|
3839
|
-
const [{ snapdom: U }, { jsPDF:
|
|
3839
|
+
const [{ snapdom: U }, { jsPDF: A }] = await Promise.all([
|
|
3840
3840
|
import("@zumer/snapdom"),
|
|
3841
3841
|
import("jspdf")
|
|
3842
3842
|
]);
|
|
@@ -3845,15 +3845,15 @@ function gc(n) {
|
|
|
3845
3845
|
name: "kong-webgl-snapshot",
|
|
3846
3846
|
beforeClone: () => Fr(),
|
|
3847
3847
|
afterClone: () => Ki()
|
|
3848
|
-
},
|
|
3848
|
+
}, D = await U.toCanvas(I, {
|
|
3849
3849
|
scale: h,
|
|
3850
3850
|
exclude: g,
|
|
3851
3851
|
excludeMode: "remove",
|
|
3852
3852
|
embedFonts: !0,
|
|
3853
3853
|
plugins: [b]
|
|
3854
|
-
}), N = mc(I), M = I.getBoundingClientRect().width, f = M ?
|
|
3854
|
+
}), N = mc(I), M = I.getBoundingClientRect().width, f = M ? D.width / M : h;
|
|
3855
3855
|
t.value = { status: "generating" };
|
|
3856
|
-
const m = /* @__PURE__ */ new Date(), p = new
|
|
3856
|
+
const m = /* @__PURE__ */ new Date(), p = new A({ orientation: l, unit: "mm", format: u }), S = p.internal.pageSize.getWidth(), x = p.internal.pageSize.getHeight(), $ = hc + (a ? hr : 0), G = S - d * 2, V = x - d * 2 - $ - dr, te = D.width / G, Y = V * te, E = pc(N, D.height, Y, f), T = {
|
|
3857
3857
|
title: o,
|
|
3858
3858
|
subtitle: a,
|
|
3859
3859
|
dashboardUrl: c,
|
|
@@ -3870,15 +3870,15 @@ function gc(n) {
|
|
|
3870
3870
|
for (let K = 0; K < E.length; K++) {
|
|
3871
3871
|
K > 0 && p.addPage();
|
|
3872
3872
|
const { startY: L, height: H } = E[K], k = document.createElement("canvas");
|
|
3873
|
-
k.width =
|
|
3874
|
-
|
|
3873
|
+
k.width = D.width, k.height = H, k.getContext("2d").drawImage(
|
|
3874
|
+
D,
|
|
3875
3875
|
0,
|
|
3876
3876
|
L,
|
|
3877
|
-
|
|
3877
|
+
D.width,
|
|
3878
3878
|
H,
|
|
3879
3879
|
0,
|
|
3880
3880
|
0,
|
|
3881
|
-
|
|
3881
|
+
D.width,
|
|
3882
3882
|
H
|
|
3883
3883
|
), p.addImage(
|
|
3884
3884
|
k.toDataURL("image/png"),
|
|
@@ -3990,9 +3990,9 @@ const ye = {
|
|
|
3990
3990
|
{ label: t.t("csvExport.Timestamp"), key: "timestamp" },
|
|
3991
3991
|
{ label: t.t("csvExport.UtcOffset"), key: "tzOffset" }
|
|
3992
3992
|
]);
|
|
3993
|
-
const
|
|
3993
|
+
const A = "display" in r.exportState.chartData.meta && r.exportState.chartData.meta.display ? r.exportState.chartData.meta.display : {}, b = [
|
|
3994
3994
|
...U,
|
|
3995
|
-
...Object.keys(
|
|
3995
|
+
...Object.keys(A).map((N) => ({
|
|
3996
3996
|
label: i(N),
|
|
3997
3997
|
key: N
|
|
3998
3998
|
})),
|
|
@@ -4000,8 +4000,8 @@ const ye = {
|
|
|
4000
4000
|
label: i(N),
|
|
4001
4001
|
key: N
|
|
4002
4002
|
}))
|
|
4003
|
-
],
|
|
4004
|
-
return { headers: b, csvHeaders:
|
|
4003
|
+
], D = b.reduce((N, M) => (N[M.key] = M.label, N), {});
|
|
4004
|
+
return { headers: b, csvHeaders: D, rows: I };
|
|
4005
4005
|
}), y = async () => {
|
|
4006
4006
|
if (r.exportState.status !== "success")
|
|
4007
4007
|
return { total: 0, data: [] };
|
|
@@ -4014,7 +4014,7 @@ const ye = {
|
|
|
4014
4014
|
return Ee(g, () => {
|
|
4015
4015
|
a.value++;
|
|
4016
4016
|
}), (O, v) => {
|
|
4017
|
-
const I = ve("KSkeleton"), U = ve("KEmptyState"),
|
|
4017
|
+
const I = ve("KSkeleton"), U = ve("KEmptyState"), A = ve("KTableData"), b = ve("KTooltip"), D = ve("KButton"), N = ve("KModal");
|
|
4018
4018
|
return w(), ie("div", Rc, [
|
|
4019
4019
|
he(N, {
|
|
4020
4020
|
class: "vitals-report",
|
|
@@ -4035,7 +4035,7 @@ const ye = {
|
|
|
4035
4035
|
key: 1,
|
|
4036
4036
|
class: "chart-skeleton",
|
|
4037
4037
|
type: "table"
|
|
4038
|
-
})) : n.exportState.status === "success" ? (w(), j(
|
|
4038
|
+
})) : n.exportState.status === "success" ? (w(), j(A, {
|
|
4039
4039
|
key: 2,
|
|
4040
4040
|
class: "vitals-table",
|
|
4041
4041
|
fetcher: y,
|
|
@@ -4067,7 +4067,7 @@ const ye = {
|
|
|
4067
4067
|
_: 1
|
|
4068
4068
|
})) : de("", !0),
|
|
4069
4069
|
n.exportState.status === "success" && l.value ? (w(), ie("div", bc, [
|
|
4070
|
-
|
|
4070
|
+
De(re(d.value) + " ", 1),
|
|
4071
4071
|
he(b, {
|
|
4072
4072
|
class: "preview-tooltip",
|
|
4073
4073
|
placement: "right",
|
|
@@ -4085,13 +4085,13 @@ const ye = {
|
|
|
4085
4085
|
])
|
|
4086
4086
|
]),
|
|
4087
4087
|
"footer-actions": B(() => [
|
|
4088
|
-
he(
|
|
4088
|
+
he(D, {
|
|
4089
4089
|
appearance: "tertiary",
|
|
4090
4090
|
class: "cancel-btn",
|
|
4091
4091
|
onClick: h
|
|
4092
4092
|
}, {
|
|
4093
4093
|
default: B(() => [
|
|
4094
|
-
|
|
4094
|
+
De(re(C(t).t("csvExport.cancelButton")), 1)
|
|
4095
4095
|
]),
|
|
4096
4096
|
_: 1
|
|
4097
4097
|
}),
|
|
@@ -4102,13 +4102,13 @@ const ye = {
|
|
|
4102
4102
|
rows: g.value.rows
|
|
4103
4103
|
}, {
|
|
4104
4104
|
default: B(() => [
|
|
4105
|
-
he(
|
|
4105
|
+
he(D, {
|
|
4106
4106
|
appearance: "primary",
|
|
4107
4107
|
"data-testid": "csv-download-button",
|
|
4108
4108
|
disabled: n.exportState.status !== "success" || !l.value
|
|
4109
4109
|
}, {
|
|
4110
4110
|
default: B(() => [
|
|
4111
|
-
|
|
4111
|
+
De(re(C(t).t("csvExport.downloadButton")), 1)
|
|
4112
4112
|
]),
|
|
4113
4113
|
_: 1
|
|
4114
4114
|
}, 8, ["disabled"])
|
|
@@ -4175,12 +4175,12 @@ const st = /* @__PURE__ */ me({
|
|
|
4175
4175
|
setup(n, { emit: e }) {
|
|
4176
4176
|
const t = n, i = e, { i18n: r } = ye.useI18n(), { issueQuery: s } = ye.useIssueQuery(), o = Ke(We), a = () => t.queryReady && o ? JSON.stringify([t.query, t.context, t.refreshCounter]) : null, { data: c, error: l, isValidating: u } = Vn(a, async (b) => {
|
|
4177
4177
|
try {
|
|
4178
|
-
const
|
|
4179
|
-
return a() !== b ? void 0 : (y.value = null, { key: b, result:
|
|
4180
|
-
} catch (
|
|
4178
|
+
const D = await s(t.query, t.context, t.limitOverride);
|
|
4179
|
+
return a() !== b ? void 0 : (y.value = null, { key: b, result: D });
|
|
4180
|
+
} catch (D) {
|
|
4181
4181
|
if (a() !== b)
|
|
4182
4182
|
return;
|
|
4183
|
-
throw y.value = jn(
|
|
4183
|
+
throw y.value = jn(D), D;
|
|
4184
4184
|
} finally {
|
|
4185
4185
|
a() === b && i("query-complete");
|
|
4186
4186
|
}
|
|
@@ -4188,10 +4188,10 @@ const st = /* @__PURE__ */ me({
|
|
|
4188
4188
|
refreshInterval: t.context.refreshInterval,
|
|
4189
4189
|
revalidateOnFocus: !1,
|
|
4190
4190
|
shouldRetryOnError: !1
|
|
4191
|
-
}), d = R(() => c.value?.result), { state: h, swrvState: g } = pr(c, l, u), y = J(null), O = R(() => h.value === g.ERROR || !!y.value), v = R(() => !t.queryReady || h.value === g.PENDING), I = J(), U = R(() => d.value ?? (t.queryReady && h.value === g.PENDING ? I.value : void 0)),
|
|
4192
|
-
return Ee([() => d.value, () => h.value], ([b,
|
|
4193
|
-
b && (
|
|
4194
|
-
}), (b,
|
|
4191
|
+
}), d = R(() => c.value?.result), { state: h, swrvState: g } = pr(c, l, u), y = J(null), O = R(() => h.value === g.ERROR || !!y.value), v = R(() => !t.queryReady || h.value === g.PENDING), I = J(), U = R(() => d.value ?? (t.queryReady && h.value === g.PENDING ? I.value : void 0)), A = R(() => !!U.value && c.value?.key !== a());
|
|
4192
|
+
return Ee([() => d.value, () => h.value], ([b, D]) => {
|
|
4193
|
+
b && (D === "SUCCESS_HAS_DATA" || D === "SUCCESS") && b !== I.value && (I.value = b, i("chart-data", b));
|
|
4194
|
+
}), (b, D) => {
|
|
4195
4195
|
const N = ve("KSkeleton"), M = ve("KEmptyState");
|
|
4196
4196
|
return (v.value || !d.value && !O.value) && !U.value ? (w(), j(N, {
|
|
4197
4197
|
key: 0,
|
|
@@ -4219,7 +4219,7 @@ const st = /* @__PURE__ */ me({
|
|
|
4219
4219
|
} : void 0
|
|
4220
4220
|
]), 1024)) : U.value ? (w(), j(C(_s), {
|
|
4221
4221
|
key: 2,
|
|
4222
|
-
loading:
|
|
4222
|
+
loading: A.value
|
|
4223
4223
|
}, {
|
|
4224
4224
|
default: B(() => [
|
|
4225
4225
|
Fe(b.$slots, "default", { data: U.value })
|
|
@@ -4346,7 +4346,7 @@ const st = /* @__PURE__ */ me({
|
|
|
4346
4346
|
fn: B(() => [
|
|
4347
4347
|
he(d, { onClick: a }, {
|
|
4348
4348
|
default: B(() => [
|
|
4349
|
-
|
|
4349
|
+
De(re(C(r).t("renderer.edit")), 1)
|
|
4350
4350
|
]),
|
|
4351
4351
|
_: 1
|
|
4352
4352
|
})
|
|
@@ -4389,7 +4389,7 @@ const st = /* @__PURE__ */ me({
|
|
|
4389
4389
|
}), xc = { class: "analytics-chart" }, Ic = {
|
|
4390
4390
|
key: 3,
|
|
4391
4391
|
class: "analytics-chart"
|
|
4392
|
-
},
|
|
4392
|
+
}, Dc = /* @__PURE__ */ me({
|
|
4393
4393
|
__name: "ScatterChartRenderer",
|
|
4394
4394
|
props: {
|
|
4395
4395
|
query: {},
|
|
@@ -4436,7 +4436,7 @@ const st = /* @__PURE__ */ me({
|
|
|
4436
4436
|
Ee(g, (N) => {
|
|
4437
4437
|
N && (v.value = N);
|
|
4438
4438
|
});
|
|
4439
|
-
const U = R(() => y.value === O.ERROR || !!l.value),
|
|
4439
|
+
const U = R(() => y.value === O.ERROR || !!l.value), A = R(() => !U.value && (!t.queryReady || y.value === O.PENDING) && !I.value), b = R(() => !!I.value && u.value?.key !== c()), D = R(() => ({
|
|
4440
4440
|
type: "scatter",
|
|
4441
4441
|
chartDatasetColors: t.chartOptions.chart_dataset_colors,
|
|
4442
4442
|
scatter: {
|
|
@@ -4455,7 +4455,7 @@ const st = /* @__PURE__ */ me({
|
|
|
4455
4455
|
}));
|
|
4456
4456
|
return (N, M) => {
|
|
4457
4457
|
const f = ve("KSkeleton"), m = ve("KEmptyState");
|
|
4458
|
-
return o.value ?
|
|
4458
|
+
return o.value ? A.value ? (w(), j(f, {
|
|
4459
4459
|
key: 1,
|
|
4460
4460
|
class: "chart-skeleton",
|
|
4461
4461
|
type: "table"
|
|
@@ -4482,7 +4482,7 @@ const st = /* @__PURE__ */ me({
|
|
|
4482
4482
|
]), 1024)) : I.value ? (w(), ie("div", Ic, [
|
|
4483
4483
|
he(C(li), {
|
|
4484
4484
|
"chart-data": I.value,
|
|
4485
|
-
"chart-options":
|
|
4485
|
+
"chart-options": D.value,
|
|
4486
4486
|
"legend-position": "bottom",
|
|
4487
4487
|
loading: b.value,
|
|
4488
4488
|
"synthetics-data-key": n.chartOptions.synthetics_data_key,
|
|
@@ -4501,7 +4501,7 @@ const st = /* @__PURE__ */ me({
|
|
|
4501
4501
|
oe("div", xc, [
|
|
4502
4502
|
he(C(li), {
|
|
4503
4503
|
"chart-data": p,
|
|
4504
|
-
"chart-options":
|
|
4504
|
+
"chart-options": D.value,
|
|
4505
4505
|
"legend-position": "bottom",
|
|
4506
4506
|
"synthetics-data-key": n.chartOptions.synthetics_data_key,
|
|
4507
4507
|
"tooltip-title": ""
|
|
@@ -4512,7 +4512,7 @@ const st = /* @__PURE__ */ me({
|
|
|
4512
4512
|
}, 8, ["context", "query", "query-ready", "refresh-counter"]));
|
|
4513
4513
|
};
|
|
4514
4514
|
}
|
|
4515
|
-
}),
|
|
4515
|
+
}), Ac = /* @__PURE__ */ He(Dc, [["__scopeId", "data-v-f6f628be"]]), bn = /* @__PURE__ */ me({
|
|
4516
4516
|
__name: "TimeseriesChartRenderer",
|
|
4517
4517
|
props: {
|
|
4518
4518
|
query: {},
|
|
@@ -4664,17 +4664,17 @@ const Kc = ({
|
|
|
4664
4664
|
return !0;
|
|
4665
4665
|
const V = t.value;
|
|
4666
4666
|
return !V?.sortColumnKey || !V.sortColumnOrder ? G.length === 0 : G.length === 1 && G[0].colId === V.sortColumnKey && G[0].sort === V.sortColumnOrder;
|
|
4667
|
-
},
|
|
4667
|
+
}, A = () => {
|
|
4668
4668
|
d.value = u.value > 0;
|
|
4669
4669
|
}, b = () => {
|
|
4670
4670
|
o.value += 1, y = t?.value?.sortColumnKey, O = t?.value?.sortColumnOrder;
|
|
4671
4671
|
for (const G of r.values())
|
|
4672
4672
|
G.resolve(!1);
|
|
4673
|
-
i.clear(), r.clear(), c.value = void 0, l.value = void 0, u.value = 0,
|
|
4674
|
-
},
|
|
4675
|
-
l.value = void 0, u.value += 1,
|
|
4673
|
+
i.clear(), r.clear(), c.value = void 0, l.value = void 0, u.value = 0, A();
|
|
4674
|
+
}, D = () => {
|
|
4675
|
+
l.value = void 0, u.value += 1, A();
|
|
4676
4676
|
}, N = () => {
|
|
4677
|
-
u.value = Math.max(0, u.value - 1),
|
|
4677
|
+
u.value = Math.max(0, u.value - 1), A();
|
|
4678
4678
|
}, M = (G) => {
|
|
4679
4679
|
const V = r.get(G);
|
|
4680
4680
|
if (V)
|
|
@@ -4753,7 +4753,7 @@ const Kc = ({
|
|
|
4753
4753
|
te.failCallback(), f(Y, K);
|
|
4754
4754
|
return;
|
|
4755
4755
|
}
|
|
4756
|
-
|
|
4756
|
+
D();
|
|
4757
4757
|
try {
|
|
4758
4758
|
const L = Y > 0 ? i.get(Y - 1) : void 0, H = await G({
|
|
4759
4759
|
mode: "infinite",
|
|
@@ -4907,17 +4907,17 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
4907
4907
|
{ class: "table-data-grid-cell-slot-content" },
|
|
4908
4908
|
Fe($, x, I.value, () => S.default?.() ?? [])
|
|
4909
4909
|
);
|
|
4910
|
-
},
|
|
4910
|
+
}, A = () => {
|
|
4911
4911
|
const p = t.value.context?.cells?.slots;
|
|
4912
4912
|
return p?.["cell-icon"] ? Fe(p, "cell-icon", I.value) : null;
|
|
4913
4913
|
};
|
|
4914
|
-
let b,
|
|
4914
|
+
let b, D, N = !1;
|
|
4915
4915
|
const M = () => {
|
|
4916
4916
|
const p = i.value;
|
|
4917
4917
|
r.value = !!p && p.scrollWidth > p.clientWidth;
|
|
4918
4918
|
}, f = () => {
|
|
4919
|
-
N || (
|
|
4920
|
-
|
|
4919
|
+
N || (D !== void 0 && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
|
|
4920
|
+
D = void 0, M();
|
|
4921
4921
|
}));
|
|
4922
4922
|
}, m = (p) => {
|
|
4923
4923
|
if (b?.disconnect(), p) {
|
|
@@ -4930,7 +4930,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
4930
4930
|
return bt(() => {
|
|
4931
4931
|
b = new ResizeObserver(f), m(i.value);
|
|
4932
4932
|
}), Ee(i, m), dt(() => {
|
|
4933
|
-
N = !0, b?.disconnect(),
|
|
4933
|
+
N = !0, b?.disconnect(), D !== void 0 && cancelAnimationFrame(D);
|
|
4934
4934
|
}), e({
|
|
4935
4935
|
refresh(p) {
|
|
4936
4936
|
return t.value = p, yi(f), !0;
|
|
@@ -4947,7 +4947,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
4947
4947
|
}, [
|
|
4948
4948
|
oe("span", Vc, [
|
|
4949
4949
|
oe("span", Qc, [
|
|
4950
|
-
(w(), j(Nt(
|
|
4950
|
+
(w(), j(Nt(A))),
|
|
4951
4951
|
(w(), j(Nt(U), null, {
|
|
4952
4952
|
default: B(() => [
|
|
4953
4953
|
he(x, {
|
|
@@ -5181,7 +5181,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5181
5181
|
},
|
|
5182
5182
|
emits: ["grid:ready", "state", "row:click", "cell:click", "sort", "update:tableConfig"],
|
|
5183
5183
|
setup(n, { emit: e }) {
|
|
5184
|
-
Ss.registerModules([xs, Is,
|
|
5184
|
+
Ss.registerModules([xs, Is, Ds]);
|
|
5185
5185
|
const t = n.mode ?? "infinite", i = e, { i18n: r } = gr(), { t: s } = r, o = zr(), a = ut(), c = oi("rootElement"), l = ut("body"), u = () => {
|
|
5186
5186
|
const K = document.fullscreenElement;
|
|
5187
5187
|
l.value = K instanceof HTMLElement && K.contains(c.value ?? null) ? K : "body";
|
|
@@ -5203,11 +5203,11 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5203
5203
|
}), { onSortChanged: O, applySortToGrid: v } = ad({
|
|
5204
5204
|
activeSort: h,
|
|
5205
5205
|
patchTableConfig: y
|
|
5206
|
-
}), I = R(() => t === "unpaginated" && !!d.value.fitToContent), U =
|
|
5206
|
+
}), I = R(() => t === "unpaginated" && !!d.value.fitToContent), U = As.withParams({ autoHeightMinBodyHeight: 0 }), { onCellClick: A, onRowClick: b } = od({
|
|
5207
5207
|
cellClick: (K) => i("cell:click", K),
|
|
5208
5208
|
headers: Le(() => n.headers),
|
|
5209
5209
|
rowClick: (K, L) => i("row:click", K, L)
|
|
5210
|
-
}),
|
|
5210
|
+
}), D = {
|
|
5211
5211
|
resizable: !1,
|
|
5212
5212
|
sortable: !1,
|
|
5213
5213
|
suppressMovable: !0
|
|
@@ -5277,7 +5277,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5277
5277
|
"column-defs": C(x),
|
|
5278
5278
|
context: C($),
|
|
5279
5279
|
datasource: C(t) === "infinite" ? C(f) : void 0,
|
|
5280
|
-
"default-col-def":
|
|
5280
|
+
"default-col-def": D,
|
|
5281
5281
|
"dom-layout": I.value ? "autoHeight" : "normal",
|
|
5282
5282
|
"infinite-initial-row-count": C(t) === "infinite" ? 1 : void 0,
|
|
5283
5283
|
loading: p.value,
|
|
@@ -5286,7 +5286,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5286
5286
|
"suppress-cell-focus": !0,
|
|
5287
5287
|
"suppress-multi-sort": !0,
|
|
5288
5288
|
theme: C(U),
|
|
5289
|
-
onCellClicked: C(
|
|
5289
|
+
onCellClicked: C(A),
|
|
5290
5290
|
onGridReady: T,
|
|
5291
5291
|
onNewColumnsLoaded: E,
|
|
5292
5292
|
onRowClicked: C(b),
|
|
@@ -5357,31 +5357,31 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5357
5357
|
i18n: t,
|
|
5358
5358
|
fieldTranslationMap: i
|
|
5359
5359
|
}) => {
|
|
5360
|
-
const { formatUnit: r } = $n({ i18n: t }), s = n?.data ?? [], o = n?.meta, a = o?.display ?? {}, c = Object.keys(a).slice(0, Rr), l = o?.metric_names ?? [], u = l[0], d = c.length > 1, h = (b) => fr(t, i, b), g = (b,
|
|
5360
|
+
const { formatUnit: r } = $n({ i18n: t }), s = n?.data ?? [], o = n?.meta, a = o?.display ?? {}, c = Object.keys(a).slice(0, Rr), l = o?.metric_names ?? [], u = l[0], d = c.length > 1, h = (b) => fr(t, i, b), g = (b, D) => gi(e, b)?.label || D, y = (b, D) => {
|
|
5361
5361
|
if (pd(b) || b === "requests")
|
|
5362
5362
|
return "";
|
|
5363
|
-
const N =
|
|
5363
|
+
const N = D === 1 ? "" : "s", M = `chartUnits.${b}`;
|
|
5364
5364
|
return t.messages[M] ? t.formatMessage({ id: M }, { plural: N }) : b;
|
|
5365
5365
|
}, O = (b) => {
|
|
5366
|
-
const
|
|
5366
|
+
const D = (N) => r(N, "%", {
|
|
5367
5367
|
translateUnit: y
|
|
5368
5368
|
});
|
|
5369
|
-
return b > 0 && b < 0.01 ? `< ${
|
|
5370
|
-
}, v = (b,
|
|
5371
|
-
const N = b.event[
|
|
5369
|
+
return b > 0 && b < 0.01 ? `< ${D(0.01)}` : D(b);
|
|
5370
|
+
}, v = (b, D) => {
|
|
5371
|
+
const N = b.event[D];
|
|
5372
5372
|
if (N == null)
|
|
5373
5373
|
return "–";
|
|
5374
5374
|
const M = typeof N == "number" ? N : Number(N);
|
|
5375
5375
|
if (Number.isNaN(M))
|
|
5376
5376
|
return "–";
|
|
5377
|
-
const f = o?.metric_units?.[
|
|
5377
|
+
const f = o?.metric_units?.[D] || "count";
|
|
5378
5378
|
return f === "%" ? O(M) : r(M, f, {
|
|
5379
5379
|
approximate: ["count", "count/minute", "token count"].includes(f),
|
|
5380
5380
|
isBytes1024: !0,
|
|
5381
5381
|
translateUnit: y
|
|
5382
5382
|
});
|
|
5383
|
-
}, I = (b,
|
|
5384
|
-
const N = String(b.record.event[
|
|
5383
|
+
}, I = (b, D) => {
|
|
5384
|
+
const N = String(b.record.event[D]), M = a[D]?.[N];
|
|
5385
5385
|
return {
|
|
5386
5386
|
id: N,
|
|
5387
5387
|
label: M?.name || "-",
|
|
@@ -5394,27 +5394,27 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5394
5394
|
d ? h(b) : t.t("topNTable.nameLabel")
|
|
5395
5395
|
),
|
|
5396
5396
|
type: "dimension",
|
|
5397
|
-
valueFormatter: (
|
|
5397
|
+
valueFormatter: (D, N) => I(N, b).label,
|
|
5398
5398
|
sortable: !1
|
|
5399
5399
|
}));
|
|
5400
5400
|
l.forEach((b) => {
|
|
5401
|
-
const
|
|
5401
|
+
const D = gi(e, b);
|
|
5402
5402
|
U.push({
|
|
5403
5403
|
key: b,
|
|
5404
|
-
label:
|
|
5404
|
+
label: D?.label || h(b),
|
|
5405
5405
|
type: "metric",
|
|
5406
5406
|
valueFormatter: (N, M) => v(M.record, b),
|
|
5407
|
-
showPercentage:
|
|
5407
|
+
showPercentage: D?.value === "relative",
|
|
5408
5408
|
percentageFormatter: O,
|
|
5409
|
-
bar:
|
|
5410
|
-
thresholds:
|
|
5409
|
+
bar: D?.bar === "max" ? "absolute" : D?.bar,
|
|
5410
|
+
thresholds: D?.thresholds,
|
|
5411
5411
|
sortable: !1
|
|
5412
5412
|
});
|
|
5413
5413
|
});
|
|
5414
|
-
const
|
|
5414
|
+
const A = s.length ? o ? c.some((b) => !Object.keys(a[b] || {}).length) ? t.t("topNTable.errors.display") : u ? "" : t.t("topNTable.errors.metricNames") : t.t("topNTable.errors.meta") : "";
|
|
5415
5415
|
return {
|
|
5416
5416
|
headers: U,
|
|
5417
|
-
errorMessage:
|
|
5417
|
+
errorMessage: A,
|
|
5418
5418
|
getDimension: I
|
|
5419
5419
|
};
|
|
5420
5420
|
}, yd = {
|
|
@@ -5463,8 +5463,8 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5463
5463
|
}, g = (O) => h(O) || a.value[0]?.key === O && n.chartOptions.entity_link || "", y = (O, v) => {
|
|
5464
5464
|
const I = g(v), U = String(O[v]);
|
|
5465
5465
|
if (U.includes(":")) {
|
|
5466
|
-
const [
|
|
5467
|
-
return I.replace(
|
|
5466
|
+
const [A, b] = U.split(":");
|
|
5467
|
+
return I.replace(Du, A).replace(dn, b);
|
|
5468
5468
|
}
|
|
5469
5469
|
return I.replace(dn, U);
|
|
5470
5470
|
};
|
|
@@ -5503,8 +5503,8 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5503
5503
|
title: C(i).t("topNTable.defaultEmptyStateTitle")
|
|
5504
5504
|
}, null, 8, ["title"])
|
|
5505
5505
|
]),
|
|
5506
|
-
"cell-icon": B(({ column: U, rowValue:
|
|
5507
|
-
(w(), j(Nt(u(U.key,
|
|
5506
|
+
"cell-icon": B(({ column: U, rowValue: A }) => [
|
|
5507
|
+
(w(), j(Nt(u(U.key, A)), {
|
|
5508
5508
|
class: "top-n-provider-icon",
|
|
5509
5509
|
"data-testid": "top-n-provider-icon",
|
|
5510
5510
|
decorative: "",
|
|
@@ -5515,13 +5515,13 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5515
5515
|
}, [
|
|
5516
5516
|
Gt(a.value, (U) => ({
|
|
5517
5517
|
name: U.key,
|
|
5518
|
-
fn: B(({ row:
|
|
5519
|
-
g(U.key) &&
|
|
5518
|
+
fn: B(({ row: A }) => [
|
|
5519
|
+
g(U.key) && A[U.key] !== "empty" ? (w(), j(C(d), {
|
|
5520
5520
|
key: 0,
|
|
5521
5521
|
class: "top-n-entity-link",
|
|
5522
|
-
"entity-link-data": s.value.getDimension(
|
|
5523
|
-
"external-link": y(
|
|
5524
|
-
}, null, 8, ["entity-link-data", "external-link"])) : s.value.getDimension(
|
|
5522
|
+
"entity-link-data": s.value.getDimension(A, U.key),
|
|
5523
|
+
"external-link": y(A, U.key)
|
|
5524
|
+
}, null, 8, ["entity-link-data", "external-link"])) : s.value.getDimension(A, U.key).label === "empty" ? (w(), ie("i", Rd, "empty")) : de("", !0)
|
|
5525
5525
|
])
|
|
5526
5526
|
}))
|
|
5527
5527
|
]), 1032, ["error", "headers", "rows", "table-config"])
|
|
@@ -5723,7 +5723,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5723
5723
|
const U = Sd[d.value.datasource];
|
|
5724
5724
|
if (!U)
|
|
5725
5725
|
throw new Error(`No table data grid fetcher found for datasource: ${d.value.datasource}`);
|
|
5726
|
-
const
|
|
5726
|
+
const A = await U({
|
|
5727
5727
|
abortController: a,
|
|
5728
5728
|
context: t.context,
|
|
5729
5729
|
cursor: v,
|
|
@@ -5735,7 +5735,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5735
5735
|
stripUnknownFilters: s.stripUnknownFilters,
|
|
5736
5736
|
tabularQueryFn: r?.tabularQueryFn
|
|
5737
5737
|
});
|
|
5738
|
-
return l.value = !1,
|
|
5738
|
+
return l.value = !1, A;
|
|
5739
5739
|
} catch (U) {
|
|
5740
5740
|
throw l.value = !0, U;
|
|
5741
5741
|
}
|
|
@@ -5764,7 +5764,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5764
5764
|
], 4);
|
|
5765
5765
|
};
|
|
5766
5766
|
}
|
|
5767
|
-
}), Id = /* @__PURE__ */ He(xd, [["__scopeId", "data-v-c8caabc2"]]),
|
|
5767
|
+
}), Id = /* @__PURE__ */ He(xd, [["__scopeId", "data-v-c8caabc2"]]), Dd = /* @__PURE__ */ me({
|
|
5768
5768
|
__name: "DonutChartRenderer",
|
|
5769
5769
|
props: {
|
|
5770
5770
|
query: {},
|
|
@@ -5789,27 +5789,32 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5789
5789
|
"refresh-counter": n.refreshCounter
|
|
5790
5790
|
}, null, 8, ["chart-options", "context", "height", "query", "query-ready", "refresh-counter"]));
|
|
5791
5791
|
}
|
|
5792
|
-
}),
|
|
5792
|
+
}), Ad = "#ffffff", Nd = "#0044f4", Ud = "#d60027", Ld = "#ad000e", kd = "#850000", Kd = "#5c0000", Md = "#ff3954", zd = "#ffabab", Pd = "#ffe5e5", qd = "#ecfcff", Hd = "#6f28ff", Gd = "#f1f0ff", Bd = "#e0e4ea", $d = "#0044f4", Fd = "#0030cc", Wd = "#002099", Yd = "#001466", Xd = "#5f9aff", jd = "#bee2ff", Vd = "#eefaff", Qd = "#0d0e14", Zd = "#6c7489", Jd = "#52596e", eh = "#3a3f51", th = "#232633", ih = "#afb7c5", nh = "#e0e4ea", rh = "#f9fafb", sh = "rgba(13, 14, 20, 0.6)", oh = "#0044f4", ah = "#0030cc", lh = "#002099", uh = "#001466", ch = "#5f9aff", dh = "#bee2ff", hh = "#eefaff", fh = "#007d60", mh = "#005944", ph = "#004737", gh = "#003629", _h = "#00d6a4", yh = "#b5ffee", vh = "#ecfffb", Rh = "rgba(0, 0, 0, 0)", Oh = "#995c00", bh = "#804400", Eh = "#662d00", Ch = "#4d1b00", Th = "#ffc400", wh = "#fff296", Sh = "#fffce0", xh = "#e0e4ea", Ih = "#0044f4", Dh = "#d60027", Ah = "#ad000e", Nh = "#850000", Uh = "#5c0000", Lh = "#ff3954", kh = "#ffabab", Kh = "#ffe5e5", Mh = "#6f28ff", zh = "#e0e4ea", Ph = "rgba(255, 255, 255, 0.2)", qh = "#6c7489", Hh = "#52596e", Gh = "#3a3f51", Bh = "#232633", $h = "#afb7c5", Fh = "#e0e4ea", Wh = "#f9fafb", Yh = "#0044f4", Xh = "#0030cc", jh = "#002099", Vh = "#001466", Qh = "#5f9aff", Zh = "#bee2ff", Jh = "#eefaff", ef = "rgba(0, 0, 0, 0)", tf = "#0044f4", nf = "#0d0e14", rf = "#0044f4", sf = "#d60027", of = "#ad000e", af = "#850000", lf = "#5c0000", uf = "#ff3954", cf = "#ffabab", df = "#ffe5e5", hf = "#00abd2", ff = "#d60067", mf = "#6f28ff", pf = "#5e00f5", gf = "#afb7c5", _f = "#0044f4", yf = "#0030cc", vf = "#002099", Rf = "#001466", Of = "#5f9aff", bf = "#bee2ff", Ef = "#eefaff", Cf = "#ffffff", Tf = "#6c7489", wf = "#52596e", Sf = "#3a3f51", xf = "#232633", If = "#afb7c5", Df = "#e0e4ea", Af = "#f9fafb", Nf = "#0044f4", Uf = "#0030cc", Lf = "#002099", kf = "#001466", Kf = "#5f9aff", Mf = "#bee2ff", zf = "#eefaff", Pf = "#007d60", qf = "#005944", Hf = "#004737", Gf = "#003629", Bf = "#00d6a4", $f = "#b5ffee", Ff = "#ecfffb", Wf = "#995c00", Yf = "#804400", Xf = "#662d00", jf = "#4d1b00", Vf = "#ffc400", Qf = "#fff296", Zf = "#fffce0", Jf = "0.2s", em = "0px", tm = "2px", im = "4px", nm = "6px", rm = "8px", sm = "10px", om = "12px", am = "16px", lm = "20px", um = "24px", cm = "32px", dm = "50%", hm = "100px", fm = "0px", mm = "1px", pm = "2px", gm = "4px", _m = "640px", ym = "768px", vm = "1024px", Rm = "1280px", Om = "1536px", bm = "'JetBrains Mono', Consolas, monospace", Em = "'Inter', Roboto, Helvetica, sans-serif", _i = "'Inter', Roboto, Helvetica, sans-serif", Cm = "10px", Tm = "12px", wm = "14px", Sm = "16px", xm = "18px", Im = "20px", Dm = "24px", Am = "32px", Nm = "40px", Um = "48px", Lm = "700", km = "500", Km = "400", Mm = "600", zm = "#f50045", Pm = "#828a9e", qm = "#306fff", Hm = "#00a17b", Gm = "#ffc400", Bm = "10px", $m = "12px", Fm = "16px", Wm = "20px", Ym = "24px", Xm = "32px", jm = "40px", Vm = "48px", Qm = "normal", Zm = "-0.12px", Jm = "-0.24px", ep = "-0.32px", tp = "-0.4px", ip = "-0.48px", np = "normal", rp = "12px", sp = "16px", op = "20px", ap = "24px", lp = "28px", up = "32px", cp = "36px", dp = "40px", hp = "48px", fp = "56px", mp = "#f1f0ff", pp = "#ffe5e5", gp = "#eefaff", _p = "#52596e", yp = "#e0e4ea", vp = "#ecfcff", Rp = "#ecfffb", Op = "#fffce0", bp = "#fff0f7", Ep = "#6f28ff", Cp = "#5e00f5", Tp = "#d60027", wp = "#ad000e", Sp = "#0044f4", xp = "#0030cc", Ip = "#e0e4ea", Dp = "#afb7c5", Ap = "#52596e", Np = "#3a3f51", Up = "#00819d", Lp = "#00647a", kp = "#007d60", Kp = "#005944", Mp = "#995c00", zp = "#804400", Pp = "#d60067", qp = "#ad0053", Hp = "#000933", Gp = "rgba(255, 255, 255, 0.12)", Bp = "rgba(255, 255, 255, 0.12)", $p = "#00fabe", Fp = "rgba(255, 255, 255, 0.24)", Wp = "#bee2ff", Yp = "#ffffff", Xp = "#eefaff", jp = "#00fabe", Vp = "0 0 0 1px rgba(255, 255, 255, 0.12) inset", Qp = "4px 0 0 0 #00fabe inset", Zp = "0 0 0 1px rgba(255, 255, 255, 0.60) inset", Jp = "0px 4px 20px 0px rgba(0, 0, 0, 0.08)", eg = "0px 0px 0px 1px #e0e4ea inset", tg = "0px 0px 0px 1px #d60027 inset", ig = "0px 0px 0px 1px #ad000e inset", ng = "0px 0px 0px 1px #e0e4ea inset", rg = "0px 0px 0px 1px #0044f4 inset", sg = "0px 0px 0px 1px #001466 inset", og = "0px 0px 0px 1px #5f9aff inset", ag = "0px 0px 0px 4px rgba(0, 68, 244, 0.2)", lg = "0px", ug = "2px", cg = "4px", dg = "6px", hg = "8px", fg = "12px", mg = "16px", pg = "20px", gg = "24px", _g = "32px", yg = "40px", vg = "48px", Rg = "56px", Og = "64px", bg = "80px", Eg = "96px", Cg = "auto", Tg = "#bee2ff", wg = "#8fc1ff", Sg = "#5f9aff", xg = "#306fff", Ig = "#b5ffee", Dg = "#00fabe", Ag = "#00d6a4", Ng = "#00a17b", Ug = "#007d60", Lg = "#005944", kg = "#b5ffee", Kg = "#00fabe", Mg = "#b5ffee", zg = "#00a17b", Pg = "#fff296", qg = "#ffe04b", Hg = "#ffc400", Gg = "#b37600", Bg = "#995c00", $g = "#804400", Fg = "#fff296", Wg = "#ffe04b", Yg = "#ffc2b3", Xg = "#ff9877", jg = "#ff723c", Vg = "#f75008", Qg = "#d13500", Zg = "#a31f00", Jg = "#ffc2b3", e_ = "#ff9877", t_ = "#ff723c", i_ = "#f75008", n_ = "#d13500", r_ = "#a31f00", s_ = "#ffc2b3", o_ = "#ff9877", a_ = "#ff723c", l_ = "#f75008", u_ = "#d13500", c_ = "#a31f00", d_ = "#ffc2b3", h_ = "#ff9877", f_ = "#ff723c", m_ = "#f75008", p_ = "#d13500", g_ = "#a31f00", __ = "#ffc2b3", y_ = "#ff9877", v_ = "#ff723c", R_ = "#f75008", O_ = "#d13500", b_ = "#ffabab", E_ = "#ff7272", C_ = "#ff3954", T_ = "#f50045", w_ = "#d60027", S_ = "#ad000e", x_ = "#ffabab", I_ = "#ff7272", D_ = "#ff3954", A_ = "#f50045", N_ = "#d60027", U_ = "#eefaff", L_ = "#ecfffb", k_ = "#fffce0", K_ = "#fff1ef", M_ = "#ffe5e5", z_ = "#5f9aff", P_ = "#00d6a4", q_ = "#ffc400", H_ = "#ff723c", G_ = "#ff3954", B_ = "#eefaff", $_ = "#ecfffb", F_ = "#fffce0", W_ = "#fff1ef", Y_ = "#ffe5e5", X_ = "#0044f4", j_ = "#007d60", V_ = "#995c00", Q_ = "#d13500", Z_ = "#d60027", Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5793
5793
|
__proto__: null,
|
|
5794
5794
|
KUI_ANIMATION_DURATION_20: Jf,
|
|
5795
5795
|
KUI_BORDER_RADIUS_0: em,
|
|
5796
5796
|
KUI_BORDER_RADIUS_10: tm,
|
|
5797
|
+
KUI_BORDER_RADIUS_100: cm,
|
|
5797
5798
|
KUI_BORDER_RADIUS_20: im,
|
|
5798
5799
|
KUI_BORDER_RADIUS_30: nm,
|
|
5799
5800
|
KUI_BORDER_RADIUS_40: rm,
|
|
5800
5801
|
KUI_BORDER_RADIUS_50: sm,
|
|
5801
|
-
|
|
5802
|
-
|
|
5803
|
-
|
|
5804
|
-
|
|
5805
|
-
|
|
5806
|
-
|
|
5807
|
-
|
|
5808
|
-
|
|
5809
|
-
|
|
5810
|
-
|
|
5811
|
-
|
|
5812
|
-
|
|
5802
|
+
KUI_BORDER_RADIUS_60: om,
|
|
5803
|
+
KUI_BORDER_RADIUS_70: am,
|
|
5804
|
+
KUI_BORDER_RADIUS_80: lm,
|
|
5805
|
+
KUI_BORDER_RADIUS_90: um,
|
|
5806
|
+
KUI_BORDER_RADIUS_CIRCLE: dm,
|
|
5807
|
+
KUI_BORDER_RADIUS_ROUND: hm,
|
|
5808
|
+
KUI_BORDER_WIDTH_0: fm,
|
|
5809
|
+
KUI_BORDER_WIDTH_10: mm,
|
|
5810
|
+
KUI_BORDER_WIDTH_20: pm,
|
|
5811
|
+
KUI_BORDER_WIDTH_30: gm,
|
|
5812
|
+
KUI_BREAKPOINT_DESKTOP: Om,
|
|
5813
|
+
KUI_BREAKPOINT_LAPTOP: Rm,
|
|
5814
|
+
KUI_BREAKPOINT_MOBILE: _m,
|
|
5815
|
+
KUI_BREAKPOINT_PHABLET: ym,
|
|
5816
|
+
KUI_BREAKPOINT_TABLET: vm,
|
|
5817
|
+
KUI_COLOR_BACKGROUND: Ad,
|
|
5813
5818
|
KUI_COLOR_BACKGROUND_ACCENT: Nd,
|
|
5814
5819
|
KUI_COLOR_BACKGROUND_DANGER: Ud,
|
|
5815
5820
|
KUI_COLOR_BACKGROUND_DANGER_STRONG: Ld,
|
|
@@ -5862,8 +5867,8 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5862
5867
|
KUI_COLOR_BACKGROUND_WARNING_WEAKEST: Sh,
|
|
5863
5868
|
KUI_COLOR_BORDER: xh,
|
|
5864
5869
|
KUI_COLOR_BORDER_ACCENT: Ih,
|
|
5865
|
-
KUI_COLOR_BORDER_DANGER:
|
|
5866
|
-
KUI_COLOR_BORDER_DANGER_STRONG:
|
|
5870
|
+
KUI_COLOR_BORDER_DANGER: Dh,
|
|
5871
|
+
KUI_COLOR_BORDER_DANGER_STRONG: Ah,
|
|
5867
5872
|
KUI_COLOR_BORDER_DANGER_STRONGER: Nh,
|
|
5868
5873
|
KUI_COLOR_BORDER_DANGER_STRONGEST: Uh,
|
|
5869
5874
|
KUI_COLOR_BORDER_DANGER_WEAK: Lh,
|
|
@@ -5915,8 +5920,8 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5915
5920
|
KUI_COLOR_TEXT_NEUTRAL_STRONGER: Sf,
|
|
5916
5921
|
KUI_COLOR_TEXT_NEUTRAL_STRONGEST: xf,
|
|
5917
5922
|
KUI_COLOR_TEXT_NEUTRAL_WEAK: If,
|
|
5918
|
-
KUI_COLOR_TEXT_NEUTRAL_WEAKER:
|
|
5919
|
-
KUI_COLOR_TEXT_NEUTRAL_WEAKEST:
|
|
5923
|
+
KUI_COLOR_TEXT_NEUTRAL_WEAKER: Df,
|
|
5924
|
+
KUI_COLOR_TEXT_NEUTRAL_WEAKEST: Af,
|
|
5920
5925
|
KUI_COLOR_TEXT_PRIMARY: Nf,
|
|
5921
5926
|
KUI_COLOR_TEXT_PRIMARY_STRONG: Uf,
|
|
5922
5927
|
KUI_COLOR_TEXT_PRIMARY_STRONGER: Lf,
|
|
@@ -5938,218 +5943,218 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
5938
5943
|
KUI_COLOR_TEXT_WARNING_WEAK: Vf,
|
|
5939
5944
|
KUI_COLOR_TEXT_WARNING_WEAKER: Qf,
|
|
5940
5945
|
KUI_COLOR_TEXT_WARNING_WEAKEST: Zf,
|
|
5941
|
-
KUI_FONT_FAMILY_CODE:
|
|
5942
|
-
KUI_FONT_FAMILY_HEADING:
|
|
5946
|
+
KUI_FONT_FAMILY_CODE: bm,
|
|
5947
|
+
KUI_FONT_FAMILY_HEADING: Em,
|
|
5943
5948
|
KUI_FONT_FAMILY_TEXT: _i,
|
|
5944
|
-
KUI_FONT_SIZE_10:
|
|
5945
|
-
KUI_FONT_SIZE_100:
|
|
5946
|
-
KUI_FONT_SIZE_20:
|
|
5947
|
-
KUI_FONT_SIZE_30:
|
|
5948
|
-
KUI_FONT_SIZE_40:
|
|
5949
|
-
KUI_FONT_SIZE_50:
|
|
5950
|
-
KUI_FONT_SIZE_60:
|
|
5951
|
-
KUI_FONT_SIZE_70:
|
|
5952
|
-
KUI_FONT_SIZE_80:
|
|
5953
|
-
KUI_FONT_SIZE_90:
|
|
5954
|
-
KUI_FONT_WEIGHT_BOLD:
|
|
5955
|
-
KUI_FONT_WEIGHT_MEDIUM:
|
|
5956
|
-
KUI_FONT_WEIGHT_REGULAR:
|
|
5957
|
-
KUI_FONT_WEIGHT_SEMIBOLD:
|
|
5958
|
-
KUI_ICON_COLOR_DANGER:
|
|
5959
|
-
KUI_ICON_COLOR_NEUTRAL:
|
|
5960
|
-
KUI_ICON_COLOR_PRIMARY:
|
|
5961
|
-
KUI_ICON_COLOR_SUCCESS:
|
|
5962
|
-
KUI_ICON_COLOR_WARNING:
|
|
5963
|
-
KUI_ICON_SIZE_10:
|
|
5964
|
-
KUI_ICON_SIZE_20:
|
|
5965
|
-
KUI_ICON_SIZE_30:
|
|
5966
|
-
KUI_ICON_SIZE_40:
|
|
5967
|
-
KUI_ICON_SIZE_50:
|
|
5968
|
-
KUI_ICON_SIZE_60:
|
|
5969
|
-
KUI_ICON_SIZE_70:
|
|
5970
|
-
KUI_ICON_SIZE_80:
|
|
5971
|
-
KUI_LETTER_SPACING_0:
|
|
5972
|
-
KUI_LETTER_SPACING_MINUS_10:
|
|
5973
|
-
KUI_LETTER_SPACING_MINUS_20:
|
|
5974
|
-
KUI_LETTER_SPACING_MINUS_30:
|
|
5975
|
-
KUI_LETTER_SPACING_MINUS_40:
|
|
5976
|
-
KUI_LETTER_SPACING_MINUS_50:
|
|
5977
|
-
KUI_LETTER_SPACING_NORMAL:
|
|
5978
|
-
KUI_LINE_HEIGHT_10:
|
|
5979
|
-
KUI_LINE_HEIGHT_100:
|
|
5980
|
-
KUI_LINE_HEIGHT_20:
|
|
5981
|
-
KUI_LINE_HEIGHT_30:
|
|
5982
|
-
KUI_LINE_HEIGHT_40:
|
|
5983
|
-
KUI_LINE_HEIGHT_50:
|
|
5984
|
-
KUI_LINE_HEIGHT_60:
|
|
5985
|
-
KUI_LINE_HEIGHT_70:
|
|
5986
|
-
KUI_LINE_HEIGHT_80:
|
|
5987
|
-
KUI_LINE_HEIGHT_90:
|
|
5988
|
-
KUI_METHOD_COLOR_BACKGROUND_CONNECT:
|
|
5989
|
-
KUI_METHOD_COLOR_BACKGROUND_DELETE:
|
|
5990
|
-
KUI_METHOD_COLOR_BACKGROUND_GET:
|
|
5991
|
-
KUI_METHOD_COLOR_BACKGROUND_HEAD:
|
|
5992
|
-
KUI_METHOD_COLOR_BACKGROUND_OPTIONS:
|
|
5993
|
-
KUI_METHOD_COLOR_BACKGROUND_PATCH:
|
|
5994
|
-
KUI_METHOD_COLOR_BACKGROUND_POST:
|
|
5995
|
-
KUI_METHOD_COLOR_BACKGROUND_PUT:
|
|
5996
|
-
KUI_METHOD_COLOR_BACKGROUND_TRACE:
|
|
5997
|
-
KUI_METHOD_COLOR_TEXT_CONNECT:
|
|
5998
|
-
KUI_METHOD_COLOR_TEXT_CONNECT_STRONG:
|
|
5999
|
-
KUI_METHOD_COLOR_TEXT_DELETE:
|
|
6000
|
-
KUI_METHOD_COLOR_TEXT_DELETE_STRONG:
|
|
6001
|
-
KUI_METHOD_COLOR_TEXT_GET:
|
|
6002
|
-
KUI_METHOD_COLOR_TEXT_GET_STRONG:
|
|
6003
|
-
KUI_METHOD_COLOR_TEXT_HEAD:
|
|
6004
|
-
KUI_METHOD_COLOR_TEXT_HEAD_STRONG:
|
|
6005
|
-
KUI_METHOD_COLOR_TEXT_OPTIONS:
|
|
6006
|
-
KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG:
|
|
6007
|
-
KUI_METHOD_COLOR_TEXT_PATCH:
|
|
6008
|
-
KUI_METHOD_COLOR_TEXT_PATCH_STRONG:
|
|
6009
|
-
KUI_METHOD_COLOR_TEXT_POST:
|
|
6010
|
-
KUI_METHOD_COLOR_TEXT_POST_STRONG:
|
|
6011
|
-
KUI_METHOD_COLOR_TEXT_PUT:
|
|
6012
|
-
KUI_METHOD_COLOR_TEXT_PUT_STRONG:
|
|
6013
|
-
KUI_METHOD_COLOR_TEXT_TRACE:
|
|
6014
|
-
KUI_METHOD_COLOR_TEXT_TRACE_STRONG:
|
|
6015
|
-
KUI_NAVIGATION_COLOR_BACKGROUND:
|
|
6016
|
-
KUI_NAVIGATION_COLOR_BACKGROUND_SELECTED:
|
|
6017
|
-
KUI_NAVIGATION_COLOR_BORDER:
|
|
6018
|
-
KUI_NAVIGATION_COLOR_BORDER_CHILD:
|
|
6019
|
-
KUI_NAVIGATION_COLOR_BORDER_DIVIDER:
|
|
6020
|
-
KUI_NAVIGATION_COLOR_TEXT:
|
|
6021
|
-
KUI_NAVIGATION_COLOR_TEXT_FOCUS:
|
|
6022
|
-
KUI_NAVIGATION_COLOR_TEXT_HOVER:
|
|
6023
|
-
KUI_NAVIGATION_COLOR_TEXT_SELECTED:
|
|
6024
|
-
KUI_NAVIGATION_SHADOW_BORDER:
|
|
6025
|
-
KUI_NAVIGATION_SHADOW_BORDER_CHILD:
|
|
6026
|
-
KUI_NAVIGATION_SHADOW_FOCUS:
|
|
6027
|
-
KUI_SHADOW:
|
|
6028
|
-
KUI_SHADOW_BORDER:
|
|
6029
|
-
KUI_SHADOW_BORDER_DANGER:
|
|
6030
|
-
KUI_SHADOW_BORDER_DANGER_STRONG:
|
|
6031
|
-
KUI_SHADOW_BORDER_DISABLED:
|
|
6032
|
-
KUI_SHADOW_BORDER_PRIMARY:
|
|
6033
|
-
KUI_SHADOW_BORDER_PRIMARY_STRONGEST:
|
|
6034
|
-
KUI_SHADOW_BORDER_PRIMARY_WEAK:
|
|
6035
|
-
KUI_SHADOW_FOCUS:
|
|
6036
|
-
KUI_SPACE_0:
|
|
6037
|
-
KUI_SPACE_10:
|
|
6038
|
-
KUI_SPACE_100:
|
|
6039
|
-
KUI_SPACE_110:
|
|
6040
|
-
KUI_SPACE_120:
|
|
6041
|
-
KUI_SPACE_130:
|
|
6042
|
-
KUI_SPACE_140:
|
|
6043
|
-
KUI_SPACE_150:
|
|
6044
|
-
KUI_SPACE_20:
|
|
6045
|
-
KUI_SPACE_30:
|
|
6046
|
-
KUI_SPACE_40:
|
|
6047
|
-
KUI_SPACE_50:
|
|
6048
|
-
KUI_SPACE_60:
|
|
6049
|
-
KUI_SPACE_70:
|
|
6050
|
-
KUI_SPACE_80:
|
|
6051
|
-
KUI_SPACE_90:
|
|
6052
|
-
KUI_SPACE_AUTO:
|
|
6053
|
-
KUI_STATUS_COLOR_100:
|
|
6054
|
-
KUI_STATUS_COLOR_100S:
|
|
6055
|
-
KUI_STATUS_COLOR_101:
|
|
6056
|
-
KUI_STATUS_COLOR_102:
|
|
6057
|
-
KUI_STATUS_COLOR_103:
|
|
6058
|
-
KUI_STATUS_COLOR_1NA:
|
|
6059
|
-
KUI_STATUS_COLOR_200:
|
|
6060
|
-
KUI_STATUS_COLOR_200S:
|
|
6061
|
-
KUI_STATUS_COLOR_201:
|
|
6062
|
-
KUI_STATUS_COLOR_202:
|
|
6063
|
-
KUI_STATUS_COLOR_203:
|
|
6064
|
-
KUI_STATUS_COLOR_204:
|
|
6065
|
-
KUI_STATUS_COLOR_205:
|
|
6066
|
-
KUI_STATUS_COLOR_206:
|
|
6067
|
-
KUI_STATUS_COLOR_207:
|
|
6068
|
-
KUI_STATUS_COLOR_208:
|
|
6069
|
-
KUI_STATUS_COLOR_226:
|
|
6070
|
-
KUI_STATUS_COLOR_2NA:
|
|
6071
|
-
KUI_STATUS_COLOR_300:
|
|
6072
|
-
KUI_STATUS_COLOR_300S:
|
|
6073
|
-
KUI_STATUS_COLOR_301:
|
|
6074
|
-
KUI_STATUS_COLOR_302:
|
|
6075
|
-
KUI_STATUS_COLOR_303:
|
|
6076
|
-
KUI_STATUS_COLOR_304:
|
|
6077
|
-
KUI_STATUS_COLOR_305:
|
|
6078
|
-
KUI_STATUS_COLOR_307:
|
|
6079
|
-
KUI_STATUS_COLOR_308:
|
|
6080
|
-
KUI_STATUS_COLOR_3NA:
|
|
6081
|
-
KUI_STATUS_COLOR_400:
|
|
6082
|
-
KUI_STATUS_COLOR_400S:
|
|
6083
|
-
KUI_STATUS_COLOR_401:
|
|
6084
|
-
KUI_STATUS_COLOR_402:
|
|
6085
|
-
KUI_STATUS_COLOR_403:
|
|
6086
|
-
KUI_STATUS_COLOR_404:
|
|
6087
|
-
KUI_STATUS_COLOR_405:
|
|
6088
|
-
KUI_STATUS_COLOR_406:
|
|
6089
|
-
KUI_STATUS_COLOR_407:
|
|
6090
|
-
KUI_STATUS_COLOR_408:
|
|
6091
|
-
KUI_STATUS_COLOR_409:
|
|
6092
|
-
KUI_STATUS_COLOR_410:
|
|
6093
|
-
KUI_STATUS_COLOR_411:
|
|
6094
|
-
KUI_STATUS_COLOR_412:
|
|
6095
|
-
KUI_STATUS_COLOR_413:
|
|
6096
|
-
KUI_STATUS_COLOR_414:
|
|
6097
|
-
KUI_STATUS_COLOR_415:
|
|
6098
|
-
KUI_STATUS_COLOR_416:
|
|
6099
|
-
KUI_STATUS_COLOR_417:
|
|
6100
|
-
KUI_STATUS_COLOR_418:
|
|
6101
|
-
KUI_STATUS_COLOR_421:
|
|
6102
|
-
KUI_STATUS_COLOR_422:
|
|
6103
|
-
KUI_STATUS_COLOR_423:
|
|
6104
|
-
KUI_STATUS_COLOR_424:
|
|
6105
|
-
KUI_STATUS_COLOR_425:
|
|
6106
|
-
KUI_STATUS_COLOR_426:
|
|
6107
|
-
KUI_STATUS_COLOR_428:
|
|
6108
|
-
KUI_STATUS_COLOR_429:
|
|
6109
|
-
KUI_STATUS_COLOR_431:
|
|
6110
|
-
KUI_STATUS_COLOR_451:
|
|
6111
|
-
KUI_STATUS_COLOR_4NA:
|
|
6112
|
-
KUI_STATUS_COLOR_500:
|
|
6113
|
-
KUI_STATUS_COLOR_500S:
|
|
6114
|
-
KUI_STATUS_COLOR_501:
|
|
6115
|
-
KUI_STATUS_COLOR_502:
|
|
6116
|
-
KUI_STATUS_COLOR_503:
|
|
6117
|
-
KUI_STATUS_COLOR_504:
|
|
6118
|
-
KUI_STATUS_COLOR_505:
|
|
6119
|
-
KUI_STATUS_COLOR_506:
|
|
6120
|
-
KUI_STATUS_COLOR_507:
|
|
6121
|
-
KUI_STATUS_COLOR_508:
|
|
6122
|
-
KUI_STATUS_COLOR_510:
|
|
6123
|
-
KUI_STATUS_COLOR_511:
|
|
6124
|
-
KUI_STATUS_COLOR_5NA:
|
|
6125
|
-
KUI_STATUS_COLOR_BACKGROUND_100:
|
|
6126
|
-
KUI_STATUS_COLOR_BACKGROUND_200:
|
|
6127
|
-
KUI_STATUS_COLOR_BACKGROUND_300:
|
|
6128
|
-
KUI_STATUS_COLOR_BACKGROUND_400:
|
|
6129
|
-
KUI_STATUS_COLOR_BACKGROUND_500:
|
|
6130
|
-
KUI_STATUS_COLOR_TEXT_100:
|
|
6131
|
-
KUI_STATUS_COLOR_TEXT_200:
|
|
6132
|
-
KUI_STATUS_COLOR_TEXT_300:
|
|
6133
|
-
KUI_STATUS_COLOR_TEXT_400:
|
|
6134
|
-
KUI_STATUS_COLOR_TEXT_500:
|
|
6135
|
-
}, Symbol.toStringTag, { value: "Module" })), xn = Object.keys(Or).filter((n) => n.startsWith("KUI_COLOR")), In = (n) => Or[n],
|
|
5949
|
+
KUI_FONT_SIZE_10: Cm,
|
|
5950
|
+
KUI_FONT_SIZE_100: Um,
|
|
5951
|
+
KUI_FONT_SIZE_20: Tm,
|
|
5952
|
+
KUI_FONT_SIZE_30: wm,
|
|
5953
|
+
KUI_FONT_SIZE_40: Sm,
|
|
5954
|
+
KUI_FONT_SIZE_50: xm,
|
|
5955
|
+
KUI_FONT_SIZE_60: Im,
|
|
5956
|
+
KUI_FONT_SIZE_70: Dm,
|
|
5957
|
+
KUI_FONT_SIZE_80: Am,
|
|
5958
|
+
KUI_FONT_SIZE_90: Nm,
|
|
5959
|
+
KUI_FONT_WEIGHT_BOLD: Lm,
|
|
5960
|
+
KUI_FONT_WEIGHT_MEDIUM: km,
|
|
5961
|
+
KUI_FONT_WEIGHT_REGULAR: Km,
|
|
5962
|
+
KUI_FONT_WEIGHT_SEMIBOLD: Mm,
|
|
5963
|
+
KUI_ICON_COLOR_DANGER: zm,
|
|
5964
|
+
KUI_ICON_COLOR_NEUTRAL: Pm,
|
|
5965
|
+
KUI_ICON_COLOR_PRIMARY: qm,
|
|
5966
|
+
KUI_ICON_COLOR_SUCCESS: Hm,
|
|
5967
|
+
KUI_ICON_COLOR_WARNING: Gm,
|
|
5968
|
+
KUI_ICON_SIZE_10: Bm,
|
|
5969
|
+
KUI_ICON_SIZE_20: $m,
|
|
5970
|
+
KUI_ICON_SIZE_30: Fm,
|
|
5971
|
+
KUI_ICON_SIZE_40: Wm,
|
|
5972
|
+
KUI_ICON_SIZE_50: Ym,
|
|
5973
|
+
KUI_ICON_SIZE_60: Xm,
|
|
5974
|
+
KUI_ICON_SIZE_70: jm,
|
|
5975
|
+
KUI_ICON_SIZE_80: Vm,
|
|
5976
|
+
KUI_LETTER_SPACING_0: Qm,
|
|
5977
|
+
KUI_LETTER_SPACING_MINUS_10: Zm,
|
|
5978
|
+
KUI_LETTER_SPACING_MINUS_20: Jm,
|
|
5979
|
+
KUI_LETTER_SPACING_MINUS_30: ep,
|
|
5980
|
+
KUI_LETTER_SPACING_MINUS_40: tp,
|
|
5981
|
+
KUI_LETTER_SPACING_MINUS_50: ip,
|
|
5982
|
+
KUI_LETTER_SPACING_NORMAL: np,
|
|
5983
|
+
KUI_LINE_HEIGHT_10: rp,
|
|
5984
|
+
KUI_LINE_HEIGHT_100: fp,
|
|
5985
|
+
KUI_LINE_HEIGHT_20: sp,
|
|
5986
|
+
KUI_LINE_HEIGHT_30: op,
|
|
5987
|
+
KUI_LINE_HEIGHT_40: ap,
|
|
5988
|
+
KUI_LINE_HEIGHT_50: lp,
|
|
5989
|
+
KUI_LINE_HEIGHT_60: up,
|
|
5990
|
+
KUI_LINE_HEIGHT_70: cp,
|
|
5991
|
+
KUI_LINE_HEIGHT_80: dp,
|
|
5992
|
+
KUI_LINE_HEIGHT_90: hp,
|
|
5993
|
+
KUI_METHOD_COLOR_BACKGROUND_CONNECT: mp,
|
|
5994
|
+
KUI_METHOD_COLOR_BACKGROUND_DELETE: pp,
|
|
5995
|
+
KUI_METHOD_COLOR_BACKGROUND_GET: gp,
|
|
5996
|
+
KUI_METHOD_COLOR_BACKGROUND_HEAD: _p,
|
|
5997
|
+
KUI_METHOD_COLOR_BACKGROUND_OPTIONS: yp,
|
|
5998
|
+
KUI_METHOD_COLOR_BACKGROUND_PATCH: vp,
|
|
5999
|
+
KUI_METHOD_COLOR_BACKGROUND_POST: Rp,
|
|
6000
|
+
KUI_METHOD_COLOR_BACKGROUND_PUT: Op,
|
|
6001
|
+
KUI_METHOD_COLOR_BACKGROUND_TRACE: bp,
|
|
6002
|
+
KUI_METHOD_COLOR_TEXT_CONNECT: Ep,
|
|
6003
|
+
KUI_METHOD_COLOR_TEXT_CONNECT_STRONG: Cp,
|
|
6004
|
+
KUI_METHOD_COLOR_TEXT_DELETE: Tp,
|
|
6005
|
+
KUI_METHOD_COLOR_TEXT_DELETE_STRONG: wp,
|
|
6006
|
+
KUI_METHOD_COLOR_TEXT_GET: Sp,
|
|
6007
|
+
KUI_METHOD_COLOR_TEXT_GET_STRONG: xp,
|
|
6008
|
+
KUI_METHOD_COLOR_TEXT_HEAD: Ip,
|
|
6009
|
+
KUI_METHOD_COLOR_TEXT_HEAD_STRONG: Dp,
|
|
6010
|
+
KUI_METHOD_COLOR_TEXT_OPTIONS: Ap,
|
|
6011
|
+
KUI_METHOD_COLOR_TEXT_OPTIONS_STRONG: Np,
|
|
6012
|
+
KUI_METHOD_COLOR_TEXT_PATCH: Up,
|
|
6013
|
+
KUI_METHOD_COLOR_TEXT_PATCH_STRONG: Lp,
|
|
6014
|
+
KUI_METHOD_COLOR_TEXT_POST: kp,
|
|
6015
|
+
KUI_METHOD_COLOR_TEXT_POST_STRONG: Kp,
|
|
6016
|
+
KUI_METHOD_COLOR_TEXT_PUT: Mp,
|
|
6017
|
+
KUI_METHOD_COLOR_TEXT_PUT_STRONG: zp,
|
|
6018
|
+
KUI_METHOD_COLOR_TEXT_TRACE: Pp,
|
|
6019
|
+
KUI_METHOD_COLOR_TEXT_TRACE_STRONG: qp,
|
|
6020
|
+
KUI_NAVIGATION_COLOR_BACKGROUND: Hp,
|
|
6021
|
+
KUI_NAVIGATION_COLOR_BACKGROUND_SELECTED: Gp,
|
|
6022
|
+
KUI_NAVIGATION_COLOR_BORDER: Bp,
|
|
6023
|
+
KUI_NAVIGATION_COLOR_BORDER_CHILD: $p,
|
|
6024
|
+
KUI_NAVIGATION_COLOR_BORDER_DIVIDER: Fp,
|
|
6025
|
+
KUI_NAVIGATION_COLOR_TEXT: Wp,
|
|
6026
|
+
KUI_NAVIGATION_COLOR_TEXT_FOCUS: Yp,
|
|
6027
|
+
KUI_NAVIGATION_COLOR_TEXT_HOVER: Xp,
|
|
6028
|
+
KUI_NAVIGATION_COLOR_TEXT_SELECTED: jp,
|
|
6029
|
+
KUI_NAVIGATION_SHADOW_BORDER: Vp,
|
|
6030
|
+
KUI_NAVIGATION_SHADOW_BORDER_CHILD: Qp,
|
|
6031
|
+
KUI_NAVIGATION_SHADOW_FOCUS: Zp,
|
|
6032
|
+
KUI_SHADOW: Jp,
|
|
6033
|
+
KUI_SHADOW_BORDER: eg,
|
|
6034
|
+
KUI_SHADOW_BORDER_DANGER: tg,
|
|
6035
|
+
KUI_SHADOW_BORDER_DANGER_STRONG: ig,
|
|
6036
|
+
KUI_SHADOW_BORDER_DISABLED: ng,
|
|
6037
|
+
KUI_SHADOW_BORDER_PRIMARY: rg,
|
|
6038
|
+
KUI_SHADOW_BORDER_PRIMARY_STRONGEST: sg,
|
|
6039
|
+
KUI_SHADOW_BORDER_PRIMARY_WEAK: og,
|
|
6040
|
+
KUI_SHADOW_FOCUS: ag,
|
|
6041
|
+
KUI_SPACE_0: lg,
|
|
6042
|
+
KUI_SPACE_10: ug,
|
|
6043
|
+
KUI_SPACE_100: yg,
|
|
6044
|
+
KUI_SPACE_110: vg,
|
|
6045
|
+
KUI_SPACE_120: Rg,
|
|
6046
|
+
KUI_SPACE_130: Og,
|
|
6047
|
+
KUI_SPACE_140: bg,
|
|
6048
|
+
KUI_SPACE_150: Eg,
|
|
6049
|
+
KUI_SPACE_20: cg,
|
|
6050
|
+
KUI_SPACE_30: dg,
|
|
6051
|
+
KUI_SPACE_40: hg,
|
|
6052
|
+
KUI_SPACE_50: fg,
|
|
6053
|
+
KUI_SPACE_60: mg,
|
|
6054
|
+
KUI_SPACE_70: pg,
|
|
6055
|
+
KUI_SPACE_80: gg,
|
|
6056
|
+
KUI_SPACE_90: _g,
|
|
6057
|
+
KUI_SPACE_AUTO: Cg,
|
|
6058
|
+
KUI_STATUS_COLOR_100: Tg,
|
|
6059
|
+
KUI_STATUS_COLOR_100S: z_,
|
|
6060
|
+
KUI_STATUS_COLOR_101: wg,
|
|
6061
|
+
KUI_STATUS_COLOR_102: Sg,
|
|
6062
|
+
KUI_STATUS_COLOR_103: xg,
|
|
6063
|
+
KUI_STATUS_COLOR_1NA: U_,
|
|
6064
|
+
KUI_STATUS_COLOR_200: Ig,
|
|
6065
|
+
KUI_STATUS_COLOR_200S: P_,
|
|
6066
|
+
KUI_STATUS_COLOR_201: Dg,
|
|
6067
|
+
KUI_STATUS_COLOR_202: Ag,
|
|
6068
|
+
KUI_STATUS_COLOR_203: Ng,
|
|
6069
|
+
KUI_STATUS_COLOR_204: Ug,
|
|
6070
|
+
KUI_STATUS_COLOR_205: Lg,
|
|
6071
|
+
KUI_STATUS_COLOR_206: kg,
|
|
6072
|
+
KUI_STATUS_COLOR_207: Kg,
|
|
6073
|
+
KUI_STATUS_COLOR_208: Mg,
|
|
6074
|
+
KUI_STATUS_COLOR_226: zg,
|
|
6075
|
+
KUI_STATUS_COLOR_2NA: L_,
|
|
6076
|
+
KUI_STATUS_COLOR_300: Pg,
|
|
6077
|
+
KUI_STATUS_COLOR_300S: q_,
|
|
6078
|
+
KUI_STATUS_COLOR_301: qg,
|
|
6079
|
+
KUI_STATUS_COLOR_302: Hg,
|
|
6080
|
+
KUI_STATUS_COLOR_303: Gg,
|
|
6081
|
+
KUI_STATUS_COLOR_304: Bg,
|
|
6082
|
+
KUI_STATUS_COLOR_305: $g,
|
|
6083
|
+
KUI_STATUS_COLOR_307: Fg,
|
|
6084
|
+
KUI_STATUS_COLOR_308: Wg,
|
|
6085
|
+
KUI_STATUS_COLOR_3NA: k_,
|
|
6086
|
+
KUI_STATUS_COLOR_400: Yg,
|
|
6087
|
+
KUI_STATUS_COLOR_400S: H_,
|
|
6088
|
+
KUI_STATUS_COLOR_401: Xg,
|
|
6089
|
+
KUI_STATUS_COLOR_402: jg,
|
|
6090
|
+
KUI_STATUS_COLOR_403: Vg,
|
|
6091
|
+
KUI_STATUS_COLOR_404: Qg,
|
|
6092
|
+
KUI_STATUS_COLOR_405: Zg,
|
|
6093
|
+
KUI_STATUS_COLOR_406: Jg,
|
|
6094
|
+
KUI_STATUS_COLOR_407: e_,
|
|
6095
|
+
KUI_STATUS_COLOR_408: t_,
|
|
6096
|
+
KUI_STATUS_COLOR_409: i_,
|
|
6097
|
+
KUI_STATUS_COLOR_410: n_,
|
|
6098
|
+
KUI_STATUS_COLOR_411: r_,
|
|
6099
|
+
KUI_STATUS_COLOR_412: s_,
|
|
6100
|
+
KUI_STATUS_COLOR_413: o_,
|
|
6101
|
+
KUI_STATUS_COLOR_414: a_,
|
|
6102
|
+
KUI_STATUS_COLOR_415: l_,
|
|
6103
|
+
KUI_STATUS_COLOR_416: u_,
|
|
6104
|
+
KUI_STATUS_COLOR_417: c_,
|
|
6105
|
+
KUI_STATUS_COLOR_418: d_,
|
|
6106
|
+
KUI_STATUS_COLOR_421: h_,
|
|
6107
|
+
KUI_STATUS_COLOR_422: f_,
|
|
6108
|
+
KUI_STATUS_COLOR_423: m_,
|
|
6109
|
+
KUI_STATUS_COLOR_424: p_,
|
|
6110
|
+
KUI_STATUS_COLOR_425: g_,
|
|
6111
|
+
KUI_STATUS_COLOR_426: __,
|
|
6112
|
+
KUI_STATUS_COLOR_428: y_,
|
|
6113
|
+
KUI_STATUS_COLOR_429: v_,
|
|
6114
|
+
KUI_STATUS_COLOR_431: R_,
|
|
6115
|
+
KUI_STATUS_COLOR_451: O_,
|
|
6116
|
+
KUI_STATUS_COLOR_4NA: K_,
|
|
6117
|
+
KUI_STATUS_COLOR_500: b_,
|
|
6118
|
+
KUI_STATUS_COLOR_500S: G_,
|
|
6119
|
+
KUI_STATUS_COLOR_501: E_,
|
|
6120
|
+
KUI_STATUS_COLOR_502: C_,
|
|
6121
|
+
KUI_STATUS_COLOR_503: T_,
|
|
6122
|
+
KUI_STATUS_COLOR_504: w_,
|
|
6123
|
+
KUI_STATUS_COLOR_505: S_,
|
|
6124
|
+
KUI_STATUS_COLOR_506: x_,
|
|
6125
|
+
KUI_STATUS_COLOR_507: I_,
|
|
6126
|
+
KUI_STATUS_COLOR_508: D_,
|
|
6127
|
+
KUI_STATUS_COLOR_510: A_,
|
|
6128
|
+
KUI_STATUS_COLOR_511: N_,
|
|
6129
|
+
KUI_STATUS_COLOR_5NA: M_,
|
|
6130
|
+
KUI_STATUS_COLOR_BACKGROUND_100: B_,
|
|
6131
|
+
KUI_STATUS_COLOR_BACKGROUND_200: $_,
|
|
6132
|
+
KUI_STATUS_COLOR_BACKGROUND_300: F_,
|
|
6133
|
+
KUI_STATUS_COLOR_BACKGROUND_400: W_,
|
|
6134
|
+
KUI_STATUS_COLOR_BACKGROUND_500: Y_,
|
|
6135
|
+
KUI_STATUS_COLOR_TEXT_100: X_,
|
|
6136
|
+
KUI_STATUS_COLOR_TEXT_200: j_,
|
|
6137
|
+
KUI_STATUS_COLOR_TEXT_300: V_,
|
|
6138
|
+
KUI_STATUS_COLOR_TEXT_400: Q_,
|
|
6139
|
+
KUI_STATUS_COLOR_TEXT_500: Z_
|
|
6140
|
+
}, Symbol.toStringTag, { value: "Module" })), xn = Object.keys(Or).filter((n) => n.startsWith("KUI_COLOR")), In = (n) => Or[n], J_ = (n) => `--${n.toLowerCase().replaceAll("_", "-")}`, Dn = () => {
|
|
6136
6141
|
if (typeof window > "u")
|
|
6137
6142
|
return Object.fromEntries(xn.map((t) => [t, In(t)]));
|
|
6138
6143
|
const n = window.getComputedStyle(document.documentElement), e = (t, i) => n.getPropertyValue(t).trim() || i;
|
|
6139
6144
|
return Object.fromEntries(
|
|
6140
|
-
xn.map((t) => [t, e(
|
|
6145
|
+
xn.map((t) => [t, e(J_(t), In(t))])
|
|
6141
6146
|
);
|
|
6142
|
-
},
|
|
6143
|
-
const e = J(
|
|
6147
|
+
}, Di = (n) => {
|
|
6148
|
+
const e = J(Dn());
|
|
6144
6149
|
if (typeof window < "u" && typeof MutationObserver < "u") {
|
|
6145
6150
|
const t = new MutationObserver(() => {
|
|
6146
|
-
e.value =
|
|
6151
|
+
e.value = Dn();
|
|
6147
6152
|
});
|
|
6148
6153
|
t.observe(document.documentElement, { attributes: !0, attributeFilter: ["data-kui-theme"] }), Hn() && Gn(() => t.disconnect());
|
|
6149
6154
|
}
|
|
6150
6155
|
return e;
|
|
6151
|
-
},
|
|
6152
|
-
const e =
|
|
6156
|
+
}, ey = () => typeof window > "u" ? _i : window.getComputedStyle(document.documentElement).getPropertyValue("--kui-font-family-text").trim() || _i, ty = (n) => {
|
|
6157
|
+
const e = ey(), t = { color: n.KUI_COLOR_TEXT, fontFamily: e }, i = {
|
|
6153
6158
|
axisLabel: { color: n.KUI_COLOR_TEXT_NEUTRAL, fontFamily: e },
|
|
6154
6159
|
axisLine: { lineStyle: { color: n.KUI_COLOR_BORDER } },
|
|
6155
6160
|
splitLine: { lineStyle: { color: n.KUI_COLOR_BORDER } }
|
|
@@ -6176,10 +6181,10 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6176
6181
|
textStyle: { color: n.KUI_COLOR_TEXT_NEUTRAL, fontFamily: e }
|
|
6177
6182
|
}
|
|
6178
6183
|
};
|
|
6179
|
-
},
|
|
6184
|
+
}, iy = (n) => R(() => ty(n.value)), ny = { class: "kong-ui-public-echarts-tooltip" }, ry = { class: "tooltip-title" }, sy = { class: "title" }, oy = {
|
|
6180
6185
|
key: 0,
|
|
6181
6186
|
class: "subtitle"
|
|
6182
|
-
},
|
|
6187
|
+
}, ay = { class: "context" }, ly = { class: "metric" }, uy = { class: "tooltip-rows" }, cy = { class: "display-value" }, dy = /* @__PURE__ */ me({
|
|
6183
6188
|
__name: "ChartTooltip",
|
|
6184
6189
|
props: {
|
|
6185
6190
|
title: {},
|
|
@@ -6188,15 +6193,15 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6188
6193
|
rows: {}
|
|
6189
6194
|
},
|
|
6190
6195
|
setup(n) {
|
|
6191
|
-
return (e, t) => (w(), ie("div",
|
|
6192
|
-
oe("div",
|
|
6193
|
-
oe("div",
|
|
6194
|
-
n.context || n.metric ? (w(), ie("div",
|
|
6195
|
-
oe("div",
|
|
6196
|
-
oe("div",
|
|
6196
|
+
return (e, t) => (w(), ie("div", ny, [
|
|
6197
|
+
oe("div", ry, [
|
|
6198
|
+
oe("div", sy, re(n.title), 1),
|
|
6199
|
+
n.context || n.metric ? (w(), ie("div", oy, [
|
|
6200
|
+
oe("div", ay, re(n.context), 1),
|
|
6201
|
+
oe("div", ly, re(n.metric), 1)
|
|
6197
6202
|
])) : de("", !0)
|
|
6198
6203
|
]),
|
|
6199
|
-
oe("ul",
|
|
6204
|
+
oe("ul", uy, [
|
|
6200
6205
|
(w(!0), ie(Ri, null, Gt(n.rows, (i, r) => (w(), ie("li", {
|
|
6201
6206
|
key: `${i.label}-${r}`,
|
|
6202
6207
|
class: Pe({ "extra-row": i.isExtra })
|
|
@@ -6208,7 +6213,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6208
6213
|
oe("span", {
|
|
6209
6214
|
class: Pe(["display-label", { empty: i.isSegmentEmpty }])
|
|
6210
6215
|
}, re(i.label), 3),
|
|
6211
|
-
oe("span",
|
|
6216
|
+
oe("span", cy, re(i.value), 1)
|
|
6212
6217
|
], 2))), 128))
|
|
6213
6218
|
])
|
|
6214
6219
|
]));
|
|
@@ -6218,25 +6223,25 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6218
6223
|
for (const [i, r] of e)
|
|
6219
6224
|
t[i] = r;
|
|
6220
6225
|
return t;
|
|
6221
|
-
},
|
|
6226
|
+
}, hy = /* @__PURE__ */ br(dy, [["__scopeId", "data-v-ca633353"]]), Ai = (n) => Array.isArray(n) ? n : [n], An = (n, e) => typeof n == "number" ? e?.[n] ?? String(n) : n, Ni = (n, e, t, i) => ({
|
|
6222
6227
|
color: typeof n.color == "string" ? n.color : void 0,
|
|
6223
6228
|
label: e,
|
|
6224
6229
|
value: i ? i(Number(t)) : String(t ?? "")
|
|
6225
|
-
}),
|
|
6226
|
-
const e =
|
|
6230
|
+
}), fy = (n) => Array.isArray(n) ? n[n.length - 1] : n, my = (n) => {
|
|
6231
|
+
const e = Ai(n), t = e[0];
|
|
6227
6232
|
return {
|
|
6228
6233
|
context: String(t?.axisValueLabel ?? t?.name ?? ""),
|
|
6229
|
-
rows: e.map((i) => Ni(i, i.seriesName ?? "",
|
|
6234
|
+
rows: e.map((i) => Ni(i, i.seriesName ?? "", fy(i.value)))
|
|
6230
6235
|
};
|
|
6231
|
-
},
|
|
6236
|
+
}, py = (n) => {
|
|
6232
6237
|
let e;
|
|
6233
6238
|
return Hn() && Gn(() => {
|
|
6234
6239
|
e && ki(null, e);
|
|
6235
6240
|
}), (t) => {
|
|
6236
|
-
const i = (n() ??
|
|
6237
|
-
return i ? (e ??= document.createElement("div"), ki(Pn(
|
|
6241
|
+
const i = (n() ?? my)(t);
|
|
6242
|
+
return i ? (e ??= document.createElement("div"), ki(Pn(hy, i), e), e) : "";
|
|
6238
6243
|
};
|
|
6239
|
-
},
|
|
6244
|
+
}, gy = { class: "kong-ui-public-echarts" }, _y = /* @__PURE__ */ me({
|
|
6240
6245
|
name: "KongECharts",
|
|
6241
6246
|
// Forward attrs (including echarts event listeners like `@click`) to VChart
|
|
6242
6247
|
inheritAttrs: !1,
|
|
@@ -6250,11 +6255,11 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6250
6255
|
vi((s) => ({
|
|
6251
6256
|
v1cecfeed: s.height
|
|
6252
6257
|
})), wi([Ls, Ms, zs]);
|
|
6253
|
-
const e =
|
|
6258
|
+
const e = Di(), t = iy(e), i = py(() => n.tooltipContent), r = R(() => ({
|
|
6254
6259
|
...n.option,
|
|
6255
6260
|
tooltip: { ...n.option?.tooltip, formatter: i }
|
|
6256
6261
|
}));
|
|
6257
|
-
return (s, o) => (w(), ie("div",
|
|
6262
|
+
return (s, o) => (w(), ie("div", gy, [
|
|
6258
6263
|
he(C(Us), Ct({
|
|
6259
6264
|
autoresize: !0,
|
|
6260
6265
|
class: "chart",
|
|
@@ -6263,7 +6268,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6263
6268
|
}, s.$attrs), null, 16, ["option", "theme"])
|
|
6264
6269
|
]));
|
|
6265
6270
|
}
|
|
6266
|
-
}), Er = /* @__PURE__ */ br(
|
|
6271
|
+
}), Er = /* @__PURE__ */ br(_y, [["__scopeId", "data-v-68114d20"]]), Nn = (n) => typeof n == "object" && n !== null && !Array.isArray(n), vt = (n, ...e) => {
|
|
6267
6272
|
const t = { ...n };
|
|
6268
6273
|
for (const i of e)
|
|
6269
6274
|
if (i)
|
|
@@ -6274,7 +6279,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6274
6279
|
t[r] = Nn(o) && Nn(s) ? vt(o, s) : s;
|
|
6275
6280
|
}
|
|
6276
6281
|
return t;
|
|
6277
|
-
},
|
|
6282
|
+
}, yy = /* @__PURE__ */ me({
|
|
6278
6283
|
__name: "HeatmapChart",
|
|
6279
6284
|
props: {
|
|
6280
6285
|
data: {},
|
|
@@ -6294,13 +6299,13 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6294
6299
|
},
|
|
6295
6300
|
setup(n) {
|
|
6296
6301
|
wi([qs, ks, Ks]);
|
|
6297
|
-
const e =
|
|
6298
|
-
const [a] =
|
|
6302
|
+
const e = Di(), t = (o) => {
|
|
6303
|
+
const [a] = Ai(o), [c, l, u] = a.value;
|
|
6299
6304
|
return {
|
|
6300
6305
|
title: n.tooltipTitle,
|
|
6301
|
-
context:
|
|
6306
|
+
context: An(c, n.xAxisLabels),
|
|
6302
6307
|
metric: n.seriesName,
|
|
6303
|
-
rows: [Ni(a,
|
|
6308
|
+
rows: [Ni(a, An(l, n.yAxisLabels), u, n.valueFormatter)]
|
|
6304
6309
|
};
|
|
6305
6310
|
}, i = (o) => ({
|
|
6306
6311
|
type: "slider",
|
|
@@ -6400,7 +6405,7 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6400
6405
|
"tooltip-content": t
|
|
6401
6406
|
}, null, 8, ["height", "option"]));
|
|
6402
6407
|
}
|
|
6403
|
-
}),
|
|
6408
|
+
}), vy = /* @__PURE__ */ me({
|
|
6404
6409
|
__name: "TreeMapChart",
|
|
6405
6410
|
props: {
|
|
6406
6411
|
data: {},
|
|
@@ -6417,8 +6422,8 @@ const { i18n: Bc } = gr(), _r = (n, e) => {
|
|
|
6417
6422
|
},
|
|
6418
6423
|
setup(n) {
|
|
6419
6424
|
wi([Ps]);
|
|
6420
|
-
const e =
|
|
6421
|
-
const [c] =
|
|
6425
|
+
const e = Di(), t = (a) => {
|
|
6426
|
+
const [c] = Ai(a), l = c.treePathInfo ?? [];
|
|
6422
6427
|
if (l.length === 1)
|
|
6423
6428
|
return;
|
|
6424
6429
|
const u = l.slice(1, -1).map(({ name: d }) => d);
|
|
@@ -6529,7 +6534,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6529
6534
|
return;
|
|
6530
6535
|
const e = Number(n);
|
|
6531
6536
|
return Number.isFinite(e) ? e : void 0;
|
|
6532
|
-
},
|
|
6537
|
+
}, Ry = (n, e, t) => {
|
|
6533
6538
|
if (!t.length)
|
|
6534
6539
|
return n;
|
|
6535
6540
|
const i = t.reduce((s, o) => Math.min(s, o));
|
|
@@ -6537,18 +6542,18 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6537
6542
|
return i;
|
|
6538
6543
|
const r = Math.ceil((i - n) / e);
|
|
6539
6544
|
return i - r * e;
|
|
6540
|
-
},
|
|
6545
|
+
}, Oy = (n, e, t) => {
|
|
6541
6546
|
const i = [];
|
|
6542
6547
|
for (let r = n; r < e; r += t)
|
|
6543
6548
|
i.push(r);
|
|
6544
6549
|
return i;
|
|
6545
|
-
},
|
|
6550
|
+
}, by = (n, e, t) => {
|
|
6546
6551
|
const i = (s) => iu(s, t, "yyyy-MM-dd"), r = n.length > 0 && i(n[0]) !== i(n[n.length - 1]);
|
|
6547
6552
|
return n.map((s) => bs({ tickValue: new Date(s), granularity: e, dayBoundaryCrossed: r, timezone: t }));
|
|
6548
|
-
},
|
|
6553
|
+
}, Ey = (n, e) => {
|
|
6549
6554
|
const t = n.indexOf(e);
|
|
6550
6555
|
return t === -1 ? n.push(e) - 1 : t;
|
|
6551
|
-
},
|
|
6556
|
+
}, Cy = (n, e) => n[e]?.name ?? e, Ty = (n, { tz: e } = {}) => {
|
|
6552
6557
|
if (!n?.meta || !n.data)
|
|
6553
6558
|
return;
|
|
6554
6559
|
const { display: t, metric_names: i, start: r, end: s, granularity_ms: o } = n.meta, a = i?.[0], c = t && Object.keys(t).find((I) => I !== "time");
|
|
@@ -6556,16 +6561,16 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6556
6561
|
console.error("Cannot build heatmap chart data from this explore result. Missing metric, dimension or time range.");
|
|
6557
6562
|
return;
|
|
6558
6563
|
}
|
|
6559
|
-
const l = o || ai.daily, u = Lt(l) ?? "daily", d = e || Intl.DateTimeFormat().resolvedOptions().timeZone, h = n.data, g =
|
|
6564
|
+
const l = o || ai.daily, u = Lt(l) ?? "daily", d = e || Intl.DateTimeFormat().resolvedOptions().timeZone, h = n.data, g = Ry(new Date(r).getTime(), l, h.map(({ timestamp: I }) => new Date(I).getTime())), y = Oy(g, new Date(s).getTime(), l), O = [], v = [];
|
|
6560
6565
|
for (const { timestamp: I, event: U } of h) {
|
|
6561
|
-
const
|
|
6562
|
-
|
|
6566
|
+
const A = Math.floor((new Date(I).getTime() - g) / l), b = Cr(U[a]);
|
|
6567
|
+
A < 0 || A >= y.length || b === void 0 || v.push([A, Ey(O, String(U[c])), b]);
|
|
6563
6568
|
}
|
|
6564
|
-
return { data: v, xAxisLabels:
|
|
6565
|
-
},
|
|
6569
|
+
return { data: v, xAxisLabels: by(y, u, d), yAxisLabels: O.map((I) => Cy(t[c], I)) };
|
|
6570
|
+
}, wy = {
|
|
6566
6571
|
class: "wrapper",
|
|
6567
6572
|
"data-testid": "heatmap-chart"
|
|
6568
|
-
},
|
|
6573
|
+
}, Sy = 10, xy = /* @__PURE__ */ me({
|
|
6569
6574
|
__name: "HeatmapRenderer",
|
|
6570
6575
|
props: {
|
|
6571
6576
|
query: {},
|
|
@@ -6583,7 +6588,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6583
6588
|
emits: ["chart-data", "query-complete"],
|
|
6584
6589
|
setup(n, { emit: e }) {
|
|
6585
6590
|
const t = n, i = e, { i18n: r } = ye.useI18n(), s = ye.useMetricFormatter(), o = (l) => {
|
|
6586
|
-
const u =
|
|
6591
|
+
const u = Ty(l, { tz: t.context.tz });
|
|
6587
6592
|
if (u?.data.length)
|
|
6588
6593
|
return {
|
|
6589
6594
|
data: u.data,
|
|
@@ -6603,22 +6608,22 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6603
6608
|
onQueryComplete: u[1] || (u[1] = (h) => i("query-complete"))
|
|
6604
6609
|
}, {
|
|
6605
6610
|
default: B(({ data: h }) => [
|
|
6606
|
-
oe("div",
|
|
6607
|
-
c(h) ? (w(), j(C(
|
|
6611
|
+
oe("div", wy, [
|
|
6612
|
+
c(h) ? (w(), j(C(yy), Ct({
|
|
6608
6613
|
key: 0,
|
|
6609
6614
|
height: "100%",
|
|
6610
6615
|
"tooltip-title": n.chartOptions.chart_title ?? void 0,
|
|
6611
|
-
"visible-rows":
|
|
6616
|
+
"visible-rows": Sy
|
|
6612
6617
|
}, c(h)), null, 16, ["tooltip-title"])) : (w(), j(d, {
|
|
6613
6618
|
key: 1,
|
|
6614
6619
|
"action-button-visible": !1,
|
|
6615
6620
|
"data-testid": "no-data-in-report"
|
|
6616
6621
|
}, {
|
|
6617
6622
|
title: B(() => [
|
|
6618
|
-
|
|
6623
|
+
De(re(C(r).t("renderer.noDataAvailable.title")), 1)
|
|
6619
6624
|
]),
|
|
6620
6625
|
default: B(() => [
|
|
6621
|
-
|
|
6626
|
+
De(re(C(r).t("renderer.noDataAvailable.description")), 1)
|
|
6622
6627
|
]),
|
|
6623
6628
|
_: 1
|
|
6624
6629
|
}))
|
|
@@ -6628,9 +6633,9 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6628
6633
|
}, 8, ["context", "query", "query-ready", "refresh-counter"]);
|
|
6629
6634
|
};
|
|
6630
6635
|
}
|
|
6631
|
-
}),
|
|
6636
|
+
}), Iy = /* @__PURE__ */ He(xy, [["__scopeId", "data-v-3315f2cd"]]), Tr = (n, e, { otherLabel: t }) => ({
|
|
6632
6637
|
name: e === Es && t || (n?.[e]?.name ?? e)
|
|
6633
|
-
}),
|
|
6638
|
+
}), Dy = (n, e, t, i) => ({
|
|
6634
6639
|
...Tr(e, t, i),
|
|
6635
6640
|
itemStyle: { color: _a({ dimension: n, dimensionValue: t }) }
|
|
6636
6641
|
}), Un = (n, e, t) => {
|
|
@@ -6638,7 +6643,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6638
6643
|
return n.set(e, i), i;
|
|
6639
6644
|
}, wr = (n, e) => !e.includes("time") && (!n || Yr("treemap", n)), Ln = (n, e) => {
|
|
6640
6645
|
n.value = Number(n.value ?? 0) + e;
|
|
6641
|
-
},
|
|
6646
|
+
}, Ay = (n, e, t, [i, r], s) => {
|
|
6642
6647
|
const o = /* @__PURE__ */ new Map(), a = (c, l) => String(c[l]);
|
|
6643
6648
|
for (const { event: c } of n) {
|
|
6644
6649
|
const l = Cr(c[e]);
|
|
@@ -6648,7 +6653,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6648
6653
|
o,
|
|
6649
6654
|
u,
|
|
6650
6655
|
() => ({
|
|
6651
|
-
node:
|
|
6656
|
+
node: Dy(i, t[i], u, s),
|
|
6652
6657
|
children: /* @__PURE__ */ new Map()
|
|
6653
6658
|
})
|
|
6654
6659
|
);
|
|
@@ -6660,7 +6665,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6660
6665
|
Ln(g, l);
|
|
6661
6666
|
}
|
|
6662
6667
|
return o;
|
|
6663
|
-
},
|
|
6668
|
+
}, Ny = (n, e = {}) => {
|
|
6664
6669
|
if (!n?.meta || !n.data)
|
|
6665
6670
|
return;
|
|
6666
6671
|
const { display: t, metric_names: i } = n.meta, r = i?.[0], s = t ? Object.keys(t) : [];
|
|
@@ -6672,11 +6677,11 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6672
6677
|
console.error("Cannot build treemap chart data from this explore result. Needs an additive metric and no time dimension.");
|
|
6673
6678
|
return;
|
|
6674
6679
|
}
|
|
6675
|
-
return [...
|
|
6676
|
-
},
|
|
6680
|
+
return [...Ay(n.data, r, t, s, e).values()].map(({ node: a, children: c }) => c.size ? { ...a, children: [...c.values()] } : a);
|
|
6681
|
+
}, Uy = {
|
|
6677
6682
|
class: "wrapper",
|
|
6678
6683
|
"data-testid": "treemap-chart"
|
|
6679
|
-
},
|
|
6684
|
+
}, Ly = /* @__PURE__ */ me({
|
|
6680
6685
|
__name: "TreemapRenderer",
|
|
6681
6686
|
props: {
|
|
6682
6687
|
query: {},
|
|
@@ -6694,7 +6699,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6694
6699
|
emits: ["chart-data", "query-complete"],
|
|
6695
6700
|
setup(n, { emit: e }) {
|
|
6696
6701
|
const t = n, i = e, { i18n: r } = ye.useI18n(), s = ye.useMetricFormatter(), o = R(() => wr(t.query.metrics?.[0], t.query.dimensions ?? [])), a = (u) => {
|
|
6697
|
-
const d =
|
|
6702
|
+
const d = Ny(u, { otherLabel: r.t("chartLabels.____OTHER____") });
|
|
6698
6703
|
if (d?.length)
|
|
6699
6704
|
return {
|
|
6700
6705
|
data: d,
|
|
@@ -6714,8 +6719,8 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6714
6719
|
onQueryComplete: d[1] || (d[1] = (g) => i("query-complete"))
|
|
6715
6720
|
}, {
|
|
6716
6721
|
default: B(({ data: g }) => [
|
|
6717
|
-
oe("div",
|
|
6718
|
-
o.value ? l(g) ? (w(), j(C(
|
|
6722
|
+
oe("div", Uy, [
|
|
6723
|
+
o.value ? l(g) ? (w(), j(C(vy), Ct({
|
|
6719
6724
|
key: 1,
|
|
6720
6725
|
height: "100%",
|
|
6721
6726
|
"tooltip-title": n.chartOptions.chart_title ?? void 0
|
|
@@ -6725,10 +6730,10 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6725
6730
|
"data-testid": "no-data-in-report"
|
|
6726
6731
|
}, {
|
|
6727
6732
|
title: B(() => [
|
|
6728
|
-
|
|
6733
|
+
De(re(C(r).t("renderer.noDataAvailable.title")), 1)
|
|
6729
6734
|
]),
|
|
6730
6735
|
default: B(() => [
|
|
6731
|
-
|
|
6736
|
+
De(re(C(r).t("renderer.noDataAvailable.description")), 1)
|
|
6732
6737
|
]),
|
|
6733
6738
|
_: 1
|
|
6734
6739
|
})) : (w(), j(h, {
|
|
@@ -6737,10 +6742,10 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6737
6742
|
"data-testid": "treemap-unsupported"
|
|
6738
6743
|
}, {
|
|
6739
6744
|
title: B(() => [
|
|
6740
|
-
|
|
6745
|
+
De(re(C(r).t("renderer.treemapUnsupported.title")), 1)
|
|
6741
6746
|
]),
|
|
6742
6747
|
default: B(() => [
|
|
6743
|
-
|
|
6748
|
+
De(re(C(r).t("renderer.treemapUnsupported.description")), 1)
|
|
6744
6749
|
]),
|
|
6745
6750
|
_: 1
|
|
6746
6751
|
}))
|
|
@@ -6750,13 +6755,13 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6750
6755
|
}, 8, ["context", "query", "query-ready", "refresh-counter"]);
|
|
6751
6756
|
};
|
|
6752
6757
|
}
|
|
6753
|
-
}),
|
|
6758
|
+
}), ky = /* @__PURE__ */ He(Ly, [["__scopeId", "data-v-d818a9ae"]]), Ky = ["data-testid"], My = {
|
|
6754
6759
|
key: 0,
|
|
6755
6760
|
class: "tile-header"
|
|
6756
|
-
},
|
|
6761
|
+
}, zy = { class: "badge-container" }, Py = { class: "badge-text" }, qy = { class: "badge-text" }, Hy = {
|
|
6757
6762
|
key: 0,
|
|
6758
6763
|
class: "metric-selector-wrapper"
|
|
6759
|
-
},
|
|
6764
|
+
}, Gy = { key: 1 }, By = ["data-testid"], $y = ["data-testid"], Fy = ["data-testid"], Wy = { class: "delete-option" }, Yy = ["data-testid"], Xy = /* @__PURE__ */ me({
|
|
6760
6765
|
__name: "DashboardTile",
|
|
6761
6766
|
props: /* @__PURE__ */ Ut({
|
|
6762
6767
|
context: {},
|
|
@@ -6784,7 +6789,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6784
6789
|
preview: R(() => n.preview)
|
|
6785
6790
|
}), o = Bn(n, "refreshCounter"), a = () => {
|
|
6786
6791
|
b.value = !0, o.value++;
|
|
6787
|
-
}, c = t, l = qn(() => import("./GeoMapRenderer-
|
|
6792
|
+
}, c = t, l = qn(() => import("./GeoMapRenderer-lmsaAZ5B.js")), u = Ke(We), d = Je(), { datasourceConfigMap: h, stripUnknownFilters: g } = ct(d), { i18n: y } = ye.useI18n(), O = J(), v = J({ status: "loading" }), I = J(!1), U = J(), A = J(!1), b = J(!0), D = R(() => n.definition.chart), N = R(() => D.value.type === "single_value"), M = R(() => ("chart_title" in D.value ? D.value.chart_title : void 0) || (N.value ? _e.value : void 0)), f = R(() => n.definition.header_description), m = R(() => D.value.type === "slottable"), p = R(() => $e(n.definition) || mi(n.definition) ? !1 : !("allow_csv_export" in D.value) || D.value.allow_csv_export !== !1), {
|
|
6788
6793
|
exploreLinkKebabMenu: S,
|
|
6789
6794
|
requestsLinkKebabMenu: x,
|
|
6790
6795
|
canShowKebabMenu: $,
|
|
@@ -6803,22 +6808,22 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6803
6808
|
context: ke(Le(() => n.context))
|
|
6804
6809
|
}), { issueQuery: H } = ye.useIssueQuery();
|
|
6805
6810
|
Ee(() => n.definition, async (W, le) => {
|
|
6806
|
-
await yi(), U.value && (
|
|
6811
|
+
await yi(), U.value && (A.value = U.value.scrollWidth > U.value.clientWidth);
|
|
6807
6812
|
try {
|
|
6808
6813
|
JSON.stringify(W?.query) !== JSON.stringify(le?.query) && (b.value = !0);
|
|
6809
6814
|
} catch {
|
|
6810
6815
|
}
|
|
6811
6816
|
}, { immediate: !0, deep: !0 });
|
|
6812
6817
|
const k = R(() => y.t("csvExport.defaultFilename")), pe = R(() => !!S.value || p.value || !!n.context.editable), ue = R(() => !n.hideActions && $.value && pe.value), ge = R(() => ue.value && pe.value && !n.isFullscreen), F = {
|
|
6813
|
-
heatmap:
|
|
6814
|
-
treemap:
|
|
6818
|
+
heatmap: Iy,
|
|
6819
|
+
treemap: ky,
|
|
6815
6820
|
timeseries_line: bn,
|
|
6816
6821
|
timeseries_bar: bn,
|
|
6817
|
-
scatter:
|
|
6822
|
+
scatter: Ac,
|
|
6818
6823
|
horizontal_bar: On,
|
|
6819
6824
|
vertical_bar: On,
|
|
6820
6825
|
gauge: Rn,
|
|
6821
|
-
donut:
|
|
6826
|
+
donut: Dd,
|
|
6822
6827
|
golden_signals: Uc,
|
|
6823
6828
|
top_n: Ed,
|
|
6824
6829
|
top_talkers: Cd,
|
|
@@ -6827,7 +6832,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6827
6832
|
single_value: Rn,
|
|
6828
6833
|
choropleth_map: l
|
|
6829
6834
|
}, z = R(() => ({
|
|
6830
|
-
...q.value?.rendererEvents.supportsRequests ? { "select-chart-range":
|
|
6835
|
+
...q.value?.rendererEvents.supportsRequests ? { "select-chart-range": Dr } : {},
|
|
6831
6836
|
...q.value?.rendererEvents.supportsZoom ? { "zoom-time-range": tt } : {},
|
|
6832
6837
|
...q.value?.rendererEvents.supportsBounds ? { "bounds-change": St } : {},
|
|
6833
6838
|
...q.value?.rendererEvents.supportsLoadingChange ? { "loading-change": ft } : {}
|
|
@@ -6885,12 +6890,12 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6885
6890
|
!!f.value,
|
|
6886
6891
|
n.showRefresh,
|
|
6887
6892
|
ee.value
|
|
6888
|
-
].some(Boolean)), Re = R(() => O.value ? Lt(O.value.meta.granularity_ms) : void 0), ae = R(() => ["timeseries_line", "timeseries_bar"].includes(
|
|
6893
|
+
].some(Boolean)), Re = R(() => O.value ? Lt(O.value.meta.granularity_ms) : void 0), ae = R(() => ["timeseries_line", "timeseries_bar"].includes(D.value.type)), ce = R(() => O.value?.meta.metric_names ?? []), ne = J();
|
|
6889
6894
|
Ee(ce, (W) => {
|
|
6890
6895
|
(!ne.value || !W.includes(ne.value)) && (ne.value = W[0]);
|
|
6891
6896
|
}, { immediate: !0 });
|
|
6892
6897
|
const xe = R(() => {
|
|
6893
|
-
const W =
|
|
6898
|
+
const W = D.value;
|
|
6894
6899
|
return W.type !== "timeseries_line" ? !1 : ce.value.some((le) => W.metric_axis_map?.[le] === "right");
|
|
6895
6900
|
}), ee = R(() => ae.value && !xe.value && (O.value?.data.length ?? 0) > 0 && ce.value.length > 1 && Object.keys(O.value?.meta.display ?? {}).length > 0), _e = R(() => {
|
|
6896
6901
|
const le = ("metrics" in n.definition.query ? n.definition.query.metrics?.[0] : void 0) ?? ce.value[0];
|
|
@@ -6904,7 +6909,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6904
6909
|
return !1;
|
|
6905
6910
|
const W = n.definition.query.granularity;
|
|
6906
6911
|
return !W || !Re.value ? !1 : W !== Re.value;
|
|
6907
|
-
}),
|
|
6912
|
+
}), Ae = R(() => {
|
|
6908
6913
|
const W = Lt(O.value?.meta.granularity_ms ?? 0) ?? "unknown", le = pi(n.definition) ? n.definition.query.granularity ?? "unknown" : "unknown";
|
|
6909
6914
|
return y.t("query_aged_out_warning", {
|
|
6910
6915
|
currentGranularity: y.t(`granularities.${W}`),
|
|
@@ -6960,7 +6965,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6960
6965
|
bounds: W
|
|
6961
6966
|
};
|
|
6962
6967
|
c("tile-bounds-change", le);
|
|
6963
|
-
},
|
|
6968
|
+
}, Dr = (W) => {
|
|
6964
6969
|
const le = et.value, Ce = E(W, le);
|
|
6965
6970
|
Y.value = V.value ? { href: T(Ce) } : void 0, te.value = G.value ? { href: K(L(W, le)) } : void 0;
|
|
6966
6971
|
};
|
|
@@ -6975,10 +6980,10 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6975
6980
|
}]),
|
|
6976
6981
|
"data-testid": `tile-${n.tileId}`
|
|
6977
6982
|
}, [
|
|
6978
|
-
se.value && !m.value ? (w(), ie("div",
|
|
6983
|
+
se.value && !m.value ? (w(), ie("div", My, [
|
|
6979
6984
|
he(Ce, {
|
|
6980
6985
|
class: "title-tooltip",
|
|
6981
|
-
disabled: !
|
|
6986
|
+
disabled: !A.value,
|
|
6982
6987
|
"max-width": "500",
|
|
6983
6988
|
text: M.value
|
|
6984
6989
|
}, {
|
|
@@ -6991,7 +6996,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
6991
6996
|
]),
|
|
6992
6997
|
_: 1
|
|
6993
6998
|
}, 8, ["disabled", "text"]),
|
|
6994
|
-
oe("div",
|
|
6999
|
+
oe("div", zy, [
|
|
6995
7000
|
P.value ? (w(), j(it, {
|
|
6996
7001
|
key: 0,
|
|
6997
7002
|
appearance: "warning",
|
|
@@ -7005,18 +7010,18 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
7005
7010
|
}, null, 8, ["size"])
|
|
7006
7011
|
]),
|
|
7007
7012
|
default: B(() => [
|
|
7008
|
-
oe("span",
|
|
7013
|
+
oe("span", Py, re(C(y).t("unsupported_time_range_badge")), 1)
|
|
7009
7014
|
]),
|
|
7010
7015
|
_: 1
|
|
7011
7016
|
}, 8, ["tooltip"])) : de("", !0),
|
|
7012
7017
|
Q.value ? (w(), j(it, {
|
|
7013
7018
|
key: 1,
|
|
7014
7019
|
"data-testid": "time-range-badge",
|
|
7015
|
-
tooltip: Xe.value ?
|
|
7020
|
+
tooltip: Xe.value ? Ae.value : void 0,
|
|
7016
7021
|
"tooltip-attributes": { maxWidth: "320px" }
|
|
7017
7022
|
}, Et({
|
|
7018
7023
|
default: B(() => [
|
|
7019
|
-
oe("span",
|
|
7024
|
+
oe("span", qy, re(Q.value), 1)
|
|
7020
7025
|
]),
|
|
7021
7026
|
_: 2
|
|
7022
7027
|
}, [
|
|
@@ -7031,7 +7036,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
7031
7036
|
} : void 0
|
|
7032
7037
|
]), 1032, ["tooltip"])) : de("", !0)
|
|
7033
7038
|
]),
|
|
7034
|
-
ee.value ? (w(), ie("div",
|
|
7039
|
+
ee.value ? (w(), ie("div", Hy, [
|
|
7035
7040
|
he(C(Ns), {
|
|
7036
7041
|
modelValue: ne.value,
|
|
7037
7042
|
"onUpdate:modelValue": le[0] || (le[0] = (Xt) => ne.value = Xt),
|
|
@@ -7040,7 +7045,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
7040
7045
|
options: Ye.value
|
|
7041
7046
|
}, null, 8, ["modelValue", "options"])
|
|
7042
7047
|
])) : de("", !0),
|
|
7043
|
-
n.showRefresh ? (w(), ie("div",
|
|
7048
|
+
n.showRefresh ? (w(), ie("div", Gy, [
|
|
7044
7049
|
he(Ve, {
|
|
7045
7050
|
appearance: "secondary",
|
|
7046
7051
|
class: "refresh-button",
|
|
@@ -7070,7 +7075,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
7070
7075
|
key: 2,
|
|
7071
7076
|
class: "header-description",
|
|
7072
7077
|
"data-testid": `tile-description-${n.tileId}`
|
|
7073
|
-
}, re(f.value), 9,
|
|
7078
|
+
}, re(f.value), 9, By)) : de("", !0),
|
|
7074
7079
|
ue.value ? (w(), ie("div", {
|
|
7075
7080
|
key: 3,
|
|
7076
7081
|
class: "tile-actions",
|
|
@@ -7111,7 +7116,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
7111
7116
|
oe("span", {
|
|
7112
7117
|
class: "chart-export-trigger",
|
|
7113
7118
|
"data-testid": `csv-export-button-${n.tileId}`
|
|
7114
|
-
}, re(C(y).t("csvExport.exportAsCsv")), 9,
|
|
7119
|
+
}, re(C(y).t("csvExport.exportAsCsv")), 9, Fy)
|
|
7115
7120
|
]),
|
|
7116
7121
|
_: 1
|
|
7117
7122
|
}, 8, ["data-testid"])) : de("", !0),
|
|
@@ -7121,7 +7126,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
7121
7126
|
onClick: Ne
|
|
7122
7127
|
}, {
|
|
7123
7128
|
default: B(() => [
|
|
7124
|
-
|
|
7129
|
+
De(re(C(y).t("renderer.duplicateTile")), 1)
|
|
7125
7130
|
]),
|
|
7126
7131
|
_: 1
|
|
7127
7132
|
}, 8, ["data-testid"])) : de("", !0),
|
|
@@ -7131,7 +7136,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
7131
7136
|
onClick: Oe
|
|
7132
7137
|
}, {
|
|
7133
7138
|
default: B(() => [
|
|
7134
|
-
oe("span",
|
|
7139
|
+
oe("span", Wy, re(C(y).t("renderer.delete")), 1)
|
|
7135
7140
|
]),
|
|
7136
7141
|
_: 1
|
|
7137
7142
|
}, 8, ["data-testid"])) : de("", !0)
|
|
@@ -7146,7 +7151,7 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
7146
7151
|
]),
|
|
7147
7152
|
_: 1
|
|
7148
7153
|
}, 8, ["data-testid"])) : de("", !0)
|
|
7149
|
-
], 8,
|
|
7154
|
+
], 8, $y)) : de("", !0),
|
|
7150
7155
|
I.value ? (w(), j(Ec, {
|
|
7151
7156
|
key: 4,
|
|
7152
7157
|
"data-testid": `csv-export-modal-${n.tileId}`,
|
|
@@ -7156,19 +7161,19 @@ ${n.valueFormatter ? n.valueFormatter(Number(c)) : String(c)}` : void 0
|
|
|
7156
7161
|
}, null, 8, ["data-testid", "export-state", "filename"])) : de("", !0)
|
|
7157
7162
|
])) : de("", !0),
|
|
7158
7163
|
oe("div", {
|
|
7159
|
-
class: Pe(["tile-content", `type-${n.tileType}-${
|
|
7164
|
+
class: Pe(["tile-content", `type-${n.tileType}-${D.value.type}`]),
|
|
7160
7165
|
"data-testid": `tile-content-${n.tileId}`
|
|
7161
7166
|
}, [
|
|
7162
7167
|
q.value ? (w(), j(Nt(q.value.component), Ct({ key: 0 }, q.value.rendererProps, Hr(z.value), {
|
|
7163
7168
|
onChartData: Te,
|
|
7164
7169
|
onQueryComplete: Me
|
|
7165
7170
|
}), null, 16)) : de("", !0)
|
|
7166
|
-
], 10,
|
|
7167
|
-
], 10,
|
|
7171
|
+
], 10, Yy)
|
|
7172
|
+
], 10, Ky);
|
|
7168
7173
|
};
|
|
7169
7174
|
}
|
|
7170
|
-
}), Sr = /* @__PURE__ */ He(
|
|
7171
|
-
function
|
|
7175
|
+
}), Sr = /* @__PURE__ */ He(Xy, [["__scopeId", "data-v-1017ac1a"]]);
|
|
7176
|
+
function jy(n, e, t, i, r) {
|
|
7172
7177
|
const s = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + r + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(n, o));
|
|
7173
7178
|
return s.prototype = e.prototype, s;
|
|
7174
7179
|
}
|
|
@@ -8248,7 +8253,7 @@ class Rt extends Ui {
|
|
|
8248
8253
|
}
|
|
8249
8254
|
}
|
|
8250
8255
|
Rt._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
|
|
8251
|
-
const
|
|
8256
|
+
const Vy = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
|
|
8252
8257
|
class Ot extends Ui {
|
|
8253
8258
|
constructor(e, t = {}) {
|
|
8254
8259
|
super(), this.el = e, this.option = t, this.dragTransform = {
|
|
@@ -8285,7 +8290,7 @@ class Ot extends Ui {
|
|
|
8285
8290
|
/** @internal call when mouse goes down before a dragstart happens */
|
|
8286
8291
|
_mouseDown(e) {
|
|
8287
8292
|
if (!Z.mouseHandled)
|
|
8288
|
-
return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(
|
|
8293
|
+
return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Vy) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete Z.dragElement, delete Z.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ze && (e.currentTarget.addEventListener("touchmove", Pt), e.currentTarget.addEventListener("touchend", qt)), e.preventDefault(), document.activeElement && document.activeElement.blur(), Z.mouseHandled = !0), !0;
|
|
8289
8294
|
}
|
|
8290
8295
|
/** @internal method to call actual drag event */
|
|
8291
8296
|
_callDrag(e) {
|
|
@@ -8392,7 +8397,7 @@ class Ot extends Ui {
|
|
|
8392
8397
|
}
|
|
8393
8398
|
}
|
|
8394
8399
|
Ot.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
|
|
8395
|
-
class
|
|
8400
|
+
class Qy extends Ui {
|
|
8396
8401
|
constructor(e, t = {}) {
|
|
8397
8402
|
super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
|
|
8398
8403
|
}
|
|
@@ -8483,13 +8488,13 @@ class Li {
|
|
|
8483
8488
|
return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
|
|
8484
8489
|
}
|
|
8485
8490
|
setupDroppable(e) {
|
|
8486
|
-
return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new
|
|
8491
|
+
return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Qy(this.el, e), this;
|
|
8487
8492
|
}
|
|
8488
8493
|
cleanDroppable() {
|
|
8489
8494
|
return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
|
|
8490
8495
|
}
|
|
8491
8496
|
}
|
|
8492
|
-
class
|
|
8497
|
+
class Zy {
|
|
8493
8498
|
resizable(e, t, i, r) {
|
|
8494
8499
|
return this._getDDElements(e, t).forEach((s) => {
|
|
8495
8500
|
if (t === "disable" || t === "enable")
|
|
@@ -8568,7 +8573,7 @@ class Yy {
|
|
|
8568
8573
|
return r.length ? r.map((o) => o.ddElement || (i ? Li.init(o) : null)).filter((o) => o) : [];
|
|
8569
8574
|
}
|
|
8570
8575
|
}
|
|
8571
|
-
const we = new
|
|
8576
|
+
const we = new Zy();
|
|
8572
8577
|
class X {
|
|
8573
8578
|
/**
|
|
8574
8579
|
* initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
|
|
@@ -9728,14 +9733,14 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
|
|
|
9728
9733
|
r._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && _.updateScrollPosition(e, i.position, v);
|
|
9729
9734
|
const I = i.position.left + (i.position.left > r._lastUiPosition.left ? -u : l), U = i.position.top + (i.position.top > r._lastUiPosition.top ? -h : d);
|
|
9730
9735
|
a.x = Math.round(I / s), a.y = Math.round(U / o);
|
|
9731
|
-
const
|
|
9736
|
+
const A = this._extraDragRow;
|
|
9732
9737
|
if (this.engine.collide(r, a)) {
|
|
9733
9738
|
const b = this.getRow();
|
|
9734
|
-
let
|
|
9735
|
-
this.opts.maxRow && b +
|
|
9739
|
+
let D = Math.max(0, a.y + r.h - b);
|
|
9740
|
+
this.opts.maxRow && b + D > this.opts.maxRow && (D = Math.max(0, this.opts.maxRow - b)), this._extraDragRow = D;
|
|
9736
9741
|
} else
|
|
9737
9742
|
this._extraDragRow = 0;
|
|
9738
|
-
if (this._extraDragRow !==
|
|
9743
|
+
if (this._extraDragRow !== A && this._updateContainerHeight(), r.x === a.x && r.y === a.y)
|
|
9739
9744
|
return;
|
|
9740
9745
|
} else if (t.type === "resize") {
|
|
9741
9746
|
if (a.x < 0 || (_.updateScrollResize(t, e, o), a.w = Math.round((i.size.width - l) / s), a.h = Math.round((i.size.height - d) / o), r.w === a.w && r.h === a.h) || r._lastTried && r._lastTried.w === a.w && r._lastTried.h === a.h)
|
|
@@ -9771,7 +9776,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
|
|
|
9771
9776
|
}
|
|
9772
9777
|
// legacy method removed
|
|
9773
9778
|
commit() {
|
|
9774
|
-
return
|
|
9779
|
+
return jy(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
|
|
9775
9780
|
}
|
|
9776
9781
|
}
|
|
9777
9782
|
X.renderCB = (n, e) => {
|
|
@@ -9781,7 +9786,7 @@ X.resizeToContentParent = ".grid-stack-item-content";
|
|
|
9781
9786
|
X.Utils = _;
|
|
9782
9787
|
X.Engine = Ge;
|
|
9783
9788
|
X.GDRev = "11.5.1";
|
|
9784
|
-
const
|
|
9789
|
+
const Jy = (n, e) => {
|
|
9785
9790
|
let t = 0;
|
|
9786
9791
|
const i = /* @__PURE__ */ new Map();
|
|
9787
9792
|
e.forEach((s) => {
|
|
@@ -9795,23 +9800,23 @@ const Xy = (n, e) => {
|
|
|
9795
9800
|
}, Ir = (n, e, t) => (
|
|
9796
9801
|
// Until a tile's content has rendered and been measured, give it its defined height
|
|
9797
9802
|
e.get(`${n.id}`) ?? n.layout.size.rows * t
|
|
9798
|
-
),
|
|
9803
|
+
), ev = (n, e, t, i) => e.map((r, s) => {
|
|
9799
9804
|
if (r !== "auto")
|
|
9800
9805
|
return i;
|
|
9801
9806
|
const o = n.filter((a) => a.layout.position.row === s);
|
|
9802
9807
|
return Math.max(...o.map((a) => Ir(a, t, i)));
|
|
9803
|
-
}),
|
|
9808
|
+
}), tv = (n, e, t) => {
|
|
9804
9809
|
const i = [...n].sort((o, a) => o.layout.position.row - a.layout.position.row || o.layout.position.col - a.layout.position.col), r = /* @__PURE__ */ new Map();
|
|
9805
9810
|
let s = 0;
|
|
9806
9811
|
return i.forEach((o) => {
|
|
9807
9812
|
const a = Ir(o, e, t);
|
|
9808
9813
|
r.set(`${o.id}`, { x: 0, y: s, w: 1, h: a }), s += a;
|
|
9809
9814
|
}), r;
|
|
9810
|
-
},
|
|
9815
|
+
}, iv = (n, e, t, { cellsPerRow: i, columns: r }) => {
|
|
9811
9816
|
if (r === 1)
|
|
9812
|
-
return
|
|
9817
|
+
return tv(n, t, i);
|
|
9813
9818
|
const s = [0];
|
|
9814
|
-
return
|
|
9819
|
+
return ev(n, e, t, i).forEach((o) => {
|
|
9815
9820
|
s.push(s[s.length - 1] + o);
|
|
9816
9821
|
}), new Map(n.map((o) => {
|
|
9817
9822
|
const { position: a, size: c } = o.layout, l = s[a.row], u = s[a.row + c.rows];
|
|
@@ -9822,7 +9827,7 @@ const Xy = (n, e) => {
|
|
|
9822
9827
|
h: u - l
|
|
9823
9828
|
}];
|
|
9824
9829
|
}));
|
|
9825
|
-
},
|
|
9830
|
+
}, nv = ["data-id", "data-testid"], rv = { class: "grid-stack-item-content" }, sv = /* @__PURE__ */ me({
|
|
9826
9831
|
__name: "DraggableGridLayout",
|
|
9827
9832
|
props: {
|
|
9828
9833
|
tiles: {},
|
|
@@ -9835,10 +9840,10 @@ const Xy = (n, e) => {
|
|
|
9835
9840
|
setup(n, { expose: e, emit: t }) {
|
|
9836
9841
|
const i = n, r = t, s = J(null), o = J(new Map(i.tiles.map((E) => [`${E.id}`, E])));
|
|
9837
9842
|
let a = null, c = !1;
|
|
9838
|
-
const l = (E) => `[data-id="${E}"]`, u = R(() =>
|
|
9843
|
+
const l = (E) => `[data-id="${E}"]`, u = R(() => Jy(i.tileHeight, i.tiles)), d = (E) => !i.editable && u.value[E.layout.position.row] === "auto", h = () => i.editable ? 1 : It, g = parseInt(su, 10) / 2, y = J(/* @__PURE__ */ new Map()), O = J(/* @__PURE__ */ new Map()), v = J(!1), I = (E) => v.value || d(E), U = R(() => iv(i.tiles, u.value, y.value, {
|
|
9839
9844
|
cellsPerRow: It,
|
|
9840
9845
|
columns: v.value ? 1 : i.columns
|
|
9841
|
-
})),
|
|
9846
|
+
})), A = R(() => {
|
|
9842
9847
|
if (i.editable)
|
|
9843
9848
|
return 0;
|
|
9844
9849
|
const T = (v.value ? [...i.tiles].sort((k, pe) => k.layout.position.row - pe.layout.position.row || k.layout.position.col - pe.layout.position.col).slice(-1) : i.tiles.filter((k) => k.layout.position.row === u.value.length - 1)).filter((k) => y.value.has(`${k.id}`));
|
|
@@ -9852,7 +9857,7 @@ const Xy = (n, e) => {
|
|
|
9852
9857
|
y: E.layout.position.row,
|
|
9853
9858
|
w: E.layout.size.cols,
|
|
9854
9859
|
h: E.layout.size.rows
|
|
9855
|
-
} : { id: `${E.id}`, ...U.value.get(`${E.id}`) },
|
|
9860
|
+
} : { id: `${E.id}`, ...U.value.get(`${E.id}`) }, D = () => ({
|
|
9856
9861
|
margin: g,
|
|
9857
9862
|
column: i.columns,
|
|
9858
9863
|
cellHeight: i.tileHeight / h(),
|
|
@@ -9910,7 +9915,7 @@ const Xy = (n, e) => {
|
|
|
9910
9915
|
}), $();
|
|
9911
9916
|
};
|
|
9912
9917
|
bt(() => {
|
|
9913
|
-
s.value && (a = X.init(
|
|
9918
|
+
s.value && (a = X.init(D(), s.value), a.batchUpdate(), i.tiles.forEach((E) => a.makeWidget(l(E.id), b(E))), a.batchUpdate(!1), $(), G.observe(s.value), i.editable && (a.on("change", M), a.on("added", M), a.on("removed", f)));
|
|
9914
9919
|
}), dt(() => {
|
|
9915
9920
|
x.disconnect(), G.disconnect(), a && a.destroy(!1);
|
|
9916
9921
|
});
|
|
@@ -9928,23 +9933,23 @@ const Xy = (n, e) => {
|
|
|
9928
9933
|
ref_key: "gridContainer",
|
|
9929
9934
|
ref: s,
|
|
9930
9935
|
class: "grid-stack",
|
|
9931
|
-
style: ht({ marginBottom: `-${n.bottomTrim +
|
|
9936
|
+
style: ht({ marginBottom: `-${n.bottomTrim + A.value}px` })
|
|
9932
9937
|
}, [
|
|
9933
9938
|
(w(!0), ie(Ri, null, Gt(i.tiles, (K) => (w(), ie("div", {
|
|
9934
9939
|
key: K.id,
|
|
9935
9940
|
"data-id": `${K.id}`,
|
|
9936
9941
|
"data-testid": `grid-stack-item-${K.id}`
|
|
9937
9942
|
}, [
|
|
9938
|
-
oe("div",
|
|
9943
|
+
oe("div", rv, [
|
|
9939
9944
|
Fe(E.$slots, "tile", {
|
|
9940
9945
|
fitToContent: d(K),
|
|
9941
9946
|
tile: K
|
|
9942
9947
|
}, void 0, !0)
|
|
9943
9948
|
])
|
|
9944
|
-
], 8,
|
|
9949
|
+
], 8, nv))), 128))
|
|
9945
9950
|
], 4));
|
|
9946
9951
|
}
|
|
9947
|
-
}),
|
|
9952
|
+
}), ov = /* @__PURE__ */ He(sv, [["__scopeId", "data-v-8a2b0f6f"]]), av = (n) => {
|
|
9948
9953
|
const e = {
|
|
9949
9954
|
position: {
|
|
9950
9955
|
col: 0,
|
|
@@ -9968,19 +9973,19 @@ const Xy = (n, e) => {
|
|
|
9968
9973
|
definition: i,
|
|
9969
9974
|
layout: e
|
|
9970
9975
|
};
|
|
9971
|
-
},
|
|
9976
|
+
}, lv = {
|
|
9972
9977
|
key: 0,
|
|
9973
9978
|
class: "fullscreen-header"
|
|
9974
|
-
},
|
|
9979
|
+
}, uv = ["id"], cv = {
|
|
9975
9980
|
key: 1,
|
|
9976
9981
|
class: "boundary-header"
|
|
9977
|
-
},
|
|
9982
|
+
}, dv = {
|
|
9978
9983
|
key: 0,
|
|
9979
9984
|
class: "boundary-title"
|
|
9980
|
-
},
|
|
9985
|
+
}, hv = {
|
|
9981
9986
|
key: 1,
|
|
9982
9987
|
class: "boundary-description"
|
|
9983
|
-
},
|
|
9988
|
+
}, fv = /* @__PURE__ */ me({
|
|
9984
9989
|
__name: "DashboardRenderer",
|
|
9985
9990
|
props: /* @__PURE__ */ Ut({
|
|
9986
9991
|
context: {},
|
|
@@ -10004,12 +10009,12 @@ const Xy = (n, e) => {
|
|
|
10004
10009
|
u[F] = z;
|
|
10005
10010
|
}, h = J(), g = J(), y = J("scale(1)"), O = /* @__PURE__ */ new Set(), v = Ke(We);
|
|
10006
10011
|
v || (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")), ye.useRequestQueue();
|
|
10007
|
-
const { exportPdf: I, exportState: U } = ye.useExportPdf(g),
|
|
10012
|
+
const { exportPdf: I, exportState: U } = ye.useExportPdf(g), A = (F, z) => {
|
|
10008
10013
|
O.add(`${z}-${F.id}`), O.size >= a.value && i("tiles-loaded", !0);
|
|
10009
10014
|
}, b = R(() => {
|
|
10010
10015
|
const z = `renderer.trendRange.${ue.value.type === "absolute" ? "custom" : ue.value.time_range}`;
|
|
10011
10016
|
return c.te(z) ? c.t(z) : "";
|
|
10012
|
-
}),
|
|
10017
|
+
}), D = (F, z) => {
|
|
10013
10018
|
const q = F.layout.position.row - z.layout.position.row;
|
|
10014
10019
|
return q !== 0 ? q : F.layout.position.col - z.layout.position.col;
|
|
10015
10020
|
}, N = (F) => F.tiles.map((z) => {
|
|
@@ -10045,7 +10050,7 @@ const Xy = (n, e) => {
|
|
|
10045
10050
|
}, x = (F, z) => {
|
|
10046
10051
|
const q = o(z);
|
|
10047
10052
|
try {
|
|
10048
|
-
const Q =
|
|
10053
|
+
const Q = av(F);
|
|
10049
10054
|
q.tiles.push(JSON.parse(JSON.stringify(Q)));
|
|
10050
10055
|
} catch (Q) {
|
|
10051
10056
|
console.warn(Q);
|
|
@@ -10065,7 +10070,7 @@ const Xy = (n, e) => {
|
|
|
10065
10070
|
layout: P.layout,
|
|
10066
10071
|
definition: P.meta
|
|
10067
10072
|
});
|
|
10068
|
-
q.tiles = Q.sort(
|
|
10073
|
+
q.tiles = Q.sort(D);
|
|
10069
10074
|
}, te = async () => {
|
|
10070
10075
|
if (y.value = "scale(1)", await yi(), g.value) {
|
|
10071
10076
|
const { availWidth: F, availHeight: z } = window.screen, { width: q, height: Q } = g.value.getBoundingClientRect(), P = Math.min(z / Q, F / q);
|
|
@@ -10111,7 +10116,7 @@ const Xy = (n, e) => {
|
|
|
10111
10116
|
ref: g,
|
|
10112
10117
|
class: "layout"
|
|
10113
10118
|
}, [
|
|
10114
|
-
C(v) && E.value ? (w(), ie("div",
|
|
10119
|
+
C(v) && E.value ? (w(), ie("div", lv, [
|
|
10115
10120
|
Fe(F.$slots, "fullscreenHeader", {}, void 0, !0)
|
|
10116
10121
|
])) : de("", !0),
|
|
10117
10122
|
C(v) ? (w(!0), ie(Ri, { key: 2 }, Gt(s.value, (Q, P) => (w(), ie("div", {
|
|
@@ -10123,12 +10128,12 @@ const Xy = (n, e) => {
|
|
|
10123
10128
|
Q.anchorId ? (w(), ie("a", {
|
|
10124
10129
|
key: 0,
|
|
10125
10130
|
id: Q.anchorId
|
|
10126
|
-
}, null, 8,
|
|
10127
|
-
Q.title || Q.description ? (w(), ie("div",
|
|
10128
|
-
Q.title ? (w(), ie("div",
|
|
10129
|
-
Q.description ? (w(), ie("div",
|
|
10131
|
+
}, null, 8, uv)) : de("", !0),
|
|
10132
|
+
Q.title || Q.description ? (w(), ie("div", cv, [
|
|
10133
|
+
Q.title ? (w(), ie("div", dv, re(Q.title), 1)) : de("", !0),
|
|
10134
|
+
Q.description ? (w(), ie("div", hv, re(Q.description), 1)) : de("", !0)
|
|
10130
10135
|
])) : de("", !0),
|
|
10131
|
-
(w(), j(
|
|
10136
|
+
(w(), j(ov, {
|
|
10132
10137
|
key: `layout-${T.value}`,
|
|
10133
10138
|
ref_for: !0,
|
|
10134
10139
|
ref: (se) => d(P, se),
|
|
@@ -10163,7 +10168,7 @@ const Xy = (n, e) => {
|
|
|
10163
10168
|
onDuplicateTile: (ae) => x(se, P),
|
|
10164
10169
|
onEditTile: (ae) => f(se),
|
|
10165
10170
|
onRemoveTile: (ae) => $(se, P),
|
|
10166
|
-
onTileLoaded: (ae) =>
|
|
10171
|
+
onTileLoaded: (ae) => A(se, P),
|
|
10167
10172
|
onTileTimeRangeZoom: z[1] || (z[1] = (ae) => i("tile-time-range-zoom", ae))
|
|
10168
10173
|
}, null, 8, ["refresh-counter", "context", "definition", "fit-to-content", "height", "hide-actions", "is-fullscreen", "preview", "query-ready", "tile-id", "tile-type", "onDuplicateTile", "onEditTile", "onRemoveTile", "onTileLoaded"]))
|
|
10169
10174
|
]),
|
|
@@ -10174,7 +10179,7 @@ const Xy = (n, e) => {
|
|
|
10174
10179
|
appearance: "danger"
|
|
10175
10180
|
}, {
|
|
10176
10181
|
default: B(() => [
|
|
10177
|
-
|
|
10182
|
+
De(re(C(c).t("renderer.noQueryBridge")), 1)
|
|
10178
10183
|
]),
|
|
10179
10184
|
_: 1
|
|
10180
10185
|
}))
|
|
@@ -10182,7 +10187,7 @@ const Xy = (n, e) => {
|
|
|
10182
10187
|
], 34);
|
|
10183
10188
|
};
|
|
10184
10189
|
}
|
|
10185
|
-
}),
|
|
10190
|
+
}), Lv = /* @__PURE__ */ He(fv, [["__scopeId", "data-v-db564ac2"]]), kv = /* @__PURE__ */ me({
|
|
10186
10191
|
__name: "DashboardTilePreview",
|
|
10187
10192
|
props: {
|
|
10188
10193
|
context: {},
|
|
@@ -10192,12 +10197,12 @@ const Xy = (n, e) => {
|
|
|
10192
10197
|
},
|
|
10193
10198
|
emits: ["chart-data", "tile-time-range-zoom", "tile-bounds-change"],
|
|
10194
10199
|
setup(n, { expose: e, emit: t }) {
|
|
10195
|
-
const i = oi("root"), r = oi("dashboard-tile"), s = crypto.randomUUID(), o = t, a = (
|
|
10196
|
-
o("tile-time-range-zoom",
|
|
10197
|
-
}, c = (
|
|
10198
|
-
o("chart-data",
|
|
10199
|
-
}, l = (
|
|
10200
|
-
o("tile-bounds-change",
|
|
10200
|
+
const i = oi("root"), r = oi("dashboard-tile"), s = crypto.randomUUID(), o = t, a = (A) => {
|
|
10201
|
+
o("tile-time-range-zoom", A);
|
|
10202
|
+
}, c = (A) => {
|
|
10203
|
+
o("chart-data", A);
|
|
10204
|
+
}, l = (A) => {
|
|
10205
|
+
o("tile-bounds-change", A);
|
|
10201
10206
|
}, { i18n: u } = ye.useI18n(), { enrichedContext: d, queryReady: h } = ye.useDashboardContext({
|
|
10202
10207
|
globalFilters: Le(() => n.globalFilters),
|
|
10203
10208
|
context: Le(() => n.context),
|
|
@@ -10205,11 +10210,11 @@ const Xy = (n, e) => {
|
|
|
10205
10210
|
}), g = R(() => $e(n.definition)), y = R(() => g.value ? "columns" in n.definition.query && !n.definition.query.columns?.length : !("metrics" in n.definition.query) || !n.definition.query.metrics || n.definition.query.metrics.length === 0), O = J($t);
|
|
10206
10211
|
let v;
|
|
10207
10212
|
bt(() => {
|
|
10208
|
-
const
|
|
10209
|
-
|
|
10210
|
-
const { height:
|
|
10211
|
-
O.value =
|
|
10212
|
-
}), v.observe(
|
|
10213
|
+
const A = i.value?.parentElement;
|
|
10214
|
+
A && (O.value = A.getBoundingClientRect().height, v = new ResizeObserver(([b]) => {
|
|
10215
|
+
const { height: D } = b.contentRect;
|
|
10216
|
+
O.value = D;
|
|
10217
|
+
}), v.observe(A));
|
|
10213
10218
|
}), dt(() => v?.disconnect());
|
|
10214
10219
|
const I = J(0);
|
|
10215
10220
|
return e({
|
|
@@ -10217,14 +10222,14 @@ const Xy = (n, e) => {
|
|
|
10217
10222
|
I.value++;
|
|
10218
10223
|
},
|
|
10219
10224
|
getExportData: () => r.value?.getExportData()
|
|
10220
|
-
}), (
|
|
10221
|
-
const
|
|
10225
|
+
}), (A, b) => {
|
|
10226
|
+
const D = ve("KEmptyState");
|
|
10222
10227
|
return w(), ie("div", {
|
|
10223
10228
|
ref_key: "root",
|
|
10224
10229
|
ref: i,
|
|
10225
10230
|
"data-testid": "dashboard-tile-preview-root"
|
|
10226
10231
|
}, [
|
|
10227
|
-
y.value ? (w(), j(
|
|
10232
|
+
y.value ? (w(), j(D, {
|
|
10228
10233
|
key: 0,
|
|
10229
10234
|
"action-button-visible": !1,
|
|
10230
10235
|
"data-testid": "chart-not-configured-empty-state"
|
|
@@ -10259,7 +10264,7 @@ const Xy = (n, e) => {
|
|
|
10259
10264
|
], 512);
|
|
10260
10265
|
};
|
|
10261
10266
|
}
|
|
10262
|
-
}),
|
|
10267
|
+
}), mv = (n) => {
|
|
10263
10268
|
if (n.type !== "chart")
|
|
10264
10269
|
return n;
|
|
10265
10270
|
const e = n.definition?.query;
|
|
@@ -10270,7 +10275,7 @@ const Xy = (n, e) => {
|
|
|
10270
10275
|
return;
|
|
10271
10276
|
}
|
|
10272
10277
|
return n;
|
|
10273
|
-
},
|
|
10278
|
+
}, pv = (n) => {
|
|
10274
10279
|
if (n.type !== "chart" || $e(n.definition))
|
|
10275
10280
|
return n;
|
|
10276
10281
|
const e = n.definition?.query;
|
|
@@ -10287,7 +10292,7 @@ const Xy = (n, e) => {
|
|
|
10287
10292
|
query: t
|
|
10288
10293
|
}
|
|
10289
10294
|
};
|
|
10290
|
-
},
|
|
10295
|
+
}, gv = (n, e = or) => {
|
|
10291
10296
|
if (!n.length)
|
|
10292
10297
|
return [];
|
|
10293
10298
|
let t = 0, i = 0, r = 0;
|
|
@@ -10309,15 +10314,15 @@ const Xy = (n, e) => {
|
|
|
10309
10314
|
s.push(l), i += a, r = Math.max(r, c);
|
|
10310
10315
|
}
|
|
10311
10316
|
return s;
|
|
10312
|
-
},
|
|
10317
|
+
}, Kv = (n, e) => {
|
|
10313
10318
|
if (e) {
|
|
10314
|
-
const r = n.tiles.map(
|
|
10319
|
+
const r = n.tiles.map(pv);
|
|
10315
10320
|
return {
|
|
10316
10321
|
...n,
|
|
10317
10322
|
tiles: r
|
|
10318
10323
|
};
|
|
10319
10324
|
}
|
|
10320
|
-
const t = n.tiles.map(
|
|
10325
|
+
const t = n.tiles.map(mv).filter((r) => r !== void 0), i = gv(t, n.columns);
|
|
10321
10326
|
return {
|
|
10322
10327
|
...n,
|
|
10323
10328
|
tiles: i
|
|
@@ -10329,17 +10334,17 @@ export {
|
|
|
10329
10334
|
dn as E,
|
|
10330
10335
|
Lu as F,
|
|
10331
10336
|
Iu as I,
|
|
10332
|
-
|
|
10337
|
+
Au as T,
|
|
10333
10338
|
st as _,
|
|
10334
|
-
|
|
10339
|
+
Du as a,
|
|
10335
10340
|
Ec as b,
|
|
10336
10341
|
$t as c,
|
|
10337
10342
|
Nu as d,
|
|
10338
|
-
|
|
10339
|
-
|
|
10343
|
+
Lv as e,
|
|
10344
|
+
kv as f,
|
|
10340
10345
|
Uu as g,
|
|
10341
10346
|
We as h,
|
|
10342
|
-
|
|
10347
|
+
Kv as i,
|
|
10343
10348
|
lr as j,
|
|
10344
10349
|
ur as k,
|
|
10345
10350
|
wr as l,
|