@gravitee/graphene-charts 3.21.1 → 3.22.0
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.
- package/dist/index.js +463 -266
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1657,6 +1657,78 @@ var kt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
|
|
|
1657
1657
|
}));
|
|
1658
1658
|
kt.displayName = "CursorIcon";
|
|
1659
1659
|
var At = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
1660
|
+
ref: n,
|
|
1661
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1662
|
+
width: 24,
|
|
1663
|
+
height: 24,
|
|
1664
|
+
viewBox: "0 0 24 24",
|
|
1665
|
+
fill: "none",
|
|
1666
|
+
...t,
|
|
1667
|
+
children: /* @__PURE__ */ Y("path", {
|
|
1668
|
+
fill: "currentColor",
|
|
1669
|
+
d: "M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"
|
|
1670
|
+
})
|
|
1671
|
+
}) : /* @__PURE__ */ Y("svg", {
|
|
1672
|
+
ref: n,
|
|
1673
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1674
|
+
width: 24,
|
|
1675
|
+
height: 24,
|
|
1676
|
+
viewBox: "0 0 24 24",
|
|
1677
|
+
fill: "none",
|
|
1678
|
+
...t,
|
|
1679
|
+
children: /* @__PURE__ */ Y("path", {
|
|
1680
|
+
fill: "#5786FE",
|
|
1681
|
+
d: "M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"
|
|
1682
|
+
})
|
|
1683
|
+
}));
|
|
1684
|
+
At.displayName = "DeepSeekIcon";
|
|
1685
|
+
var jt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ X("svg", {
|
|
1686
|
+
ref: n,
|
|
1687
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1688
|
+
width: 24,
|
|
1689
|
+
height: 24,
|
|
1690
|
+
viewBox: "0 0 32 32",
|
|
1691
|
+
fill: "none",
|
|
1692
|
+
...t,
|
|
1693
|
+
children: [
|
|
1694
|
+
/* @__PURE__ */ Y("path", {
|
|
1695
|
+
fill: "currentColor",
|
|
1696
|
+
d: "M15.9851 19.1274C15.0969 19.1274 14.2999 18.6001 13.96 17.7838L9.86258 8H12.2608L15.9991 16.9499L19.7339 8H22.1321L18.0102 17.7873C17.6686 18.6001 16.8733 19.1274 15.9851 19.1274Z"
|
|
1697
|
+
}),
|
|
1698
|
+
/* @__PURE__ */ Y("path", {
|
|
1699
|
+
fill: "currentColor",
|
|
1700
|
+
d: "M21.3316 23.8029C20.4469 23.8029 19.6533 23.2792 19.31 22.4698C18.9649 21.6535 19.1436 20.7215 19.7672 20.0891L27.2299 12.5302L28.1618 14.7287L21.3298 21.636L31.068 21.5817L32 23.7802L21.3333 23.8065L21.3298 23.8029H21.3316Z"
|
|
1701
|
+
}),
|
|
1702
|
+
/* @__PURE__ */ Y("path", {
|
|
1703
|
+
fill: "currentColor",
|
|
1704
|
+
d: "M0 23.7766L0.931955 21.5781L10.6702 21.6324L3.83993 14.7234L4.77189 12.5249L12.2345 20.0838C12.8582 20.7145 13.0386 21.65 12.6918 22.4645C12.3484 23.2756 11.5513 23.7977 10.6702 23.7977L0.00350359 23.7731L0 23.7766Z"
|
|
1705
|
+
})
|
|
1706
|
+
]
|
|
1707
|
+
}) : /* @__PURE__ */ X("svg", {
|
|
1708
|
+
ref: n,
|
|
1709
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1710
|
+
width: 24,
|
|
1711
|
+
height: 24,
|
|
1712
|
+
viewBox: "0 0 32 32",
|
|
1713
|
+
fill: "none",
|
|
1714
|
+
...t,
|
|
1715
|
+
children: [
|
|
1716
|
+
/* @__PURE__ */ Y("path", {
|
|
1717
|
+
fill: "#6720FF",
|
|
1718
|
+
d: "M15.9851 19.1274C15.0969 19.1274 14.2999 18.6001 13.96 17.7838L9.86258 8H12.2608L15.9991 16.9499L19.7339 8H22.1321L18.0102 17.7873C17.6686 18.6001 16.8733 19.1274 15.9851 19.1274Z"
|
|
1719
|
+
}),
|
|
1720
|
+
/* @__PURE__ */ Y("path", {
|
|
1721
|
+
fill: "#6720FF",
|
|
1722
|
+
d: "M21.3316 23.8029C20.4469 23.8029 19.6533 23.2792 19.31 22.4698C18.9649 21.6535 19.1436 20.7215 19.7672 20.0891L27.2299 12.5302L28.1618 14.7287L21.3298 21.636L31.068 21.5817L32 23.7802L21.3333 23.8065L21.3298 23.8029H21.3316Z"
|
|
1723
|
+
}),
|
|
1724
|
+
/* @__PURE__ */ Y("path", {
|
|
1725
|
+
fill: "#6720FF",
|
|
1726
|
+
d: "M0 23.7766L0.931955 21.5781L10.6702 21.6324L3.83993 14.7234L4.77189 12.5249L12.2345 20.0838C12.8582 20.7145 13.0386 21.65 12.6918 22.4645C12.3484 23.2756 11.5513 23.7977 10.6702 23.7977L0.00350359 23.7731L0 23.7766Z"
|
|
1727
|
+
})
|
|
1728
|
+
]
|
|
1729
|
+
}));
|
|
1730
|
+
jt.displayName = "FireworksAiIcon";
|
|
1731
|
+
var Mt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
1660
1732
|
ref: n,
|
|
1661
1733
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1662
1734
|
width: 24,
|
|
@@ -1692,8 +1764,58 @@ var At = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
|
|
|
1692
1764
|
})
|
|
1693
1765
|
]
|
|
1694
1766
|
}));
|
|
1695
|
-
|
|
1696
|
-
var
|
|
1767
|
+
Mt.displayName = "GcpIcon";
|
|
1768
|
+
var Nt = W(({ variant: e = "brand", ...t }, n) => {
|
|
1769
|
+
let r = K();
|
|
1770
|
+
return e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
1771
|
+
ref: n,
|
|
1772
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1773
|
+
width: 24,
|
|
1774
|
+
height: 24,
|
|
1775
|
+
viewBox: "0 0 28 28",
|
|
1776
|
+
fill: "none",
|
|
1777
|
+
...t,
|
|
1778
|
+
children: /* @__PURE__ */ Y("path", {
|
|
1779
|
+
fill: "currentColor",
|
|
1780
|
+
d: "M14 28C14 26.0633 13.6267 24.2433 12.88 22.54C12.1567 20.8367 11.165 19.355 9.905 18.095C8.645 16.835 7.16333 15.8433 5.46 15.12C3.75667 14.3733 1.93667 14 0 14C1.93667 14 3.75667 13.6383 5.46 12.915C7.16333 12.1683 8.645 11.165 9.905 9.905C11.165 8.645 12.1567 7.16333 12.88 5.46C13.6267 3.75667 14 1.93667 14 0C14 1.93667 14.3617 3.75667 15.085 5.46C15.8317 7.16333 16.835 8.645 18.095 9.905C19.355 11.165 20.8367 12.1683 22.54 12.915C24.2433 13.6383 26.0633 14 28 14C26.0633 14 24.2433 14.3733 22.54 15.12C20.8367 15.8433 19.355 16.835 18.095 18.095C16.835 19.355 15.8317 20.8367 15.085 22.54C14.3617 24.2433 14 26.0633 14 28Z"
|
|
1781
|
+
})
|
|
1782
|
+
}) : /* @__PURE__ */ X("svg", {
|
|
1783
|
+
ref: n,
|
|
1784
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1785
|
+
width: 24,
|
|
1786
|
+
height: 24,
|
|
1787
|
+
viewBox: "0 0 28 28",
|
|
1788
|
+
fill: "none",
|
|
1789
|
+
...t,
|
|
1790
|
+
children: [/* @__PURE__ */ Y("path", {
|
|
1791
|
+
fill: `url(#${r}-a)`,
|
|
1792
|
+
d: "M14 28C14 26.0633 13.6267 24.2433 12.88 22.54C12.1567 20.8367 11.165 19.355 9.905 18.095C8.645 16.835 7.16333 15.8433 5.46 15.12C3.75667 14.3733 1.93667 14 0 14C1.93667 14 3.75667 13.6383 5.46 12.915C7.16333 12.1683 8.645 11.165 9.905 9.905C11.165 8.645 12.1567 7.16333 12.88 5.46C13.6267 3.75667 14 1.93667 14 0C14 1.93667 14.3617 3.75667 15.085 5.46C15.8317 7.16333 16.835 8.645 18.095 9.905C19.355 11.165 20.8367 12.1683 22.54 12.915C24.2433 13.6383 26.0633 14 28 14C26.0633 14 24.2433 14.3733 22.54 15.12C20.8367 15.8433 19.355 16.835 18.095 18.095C16.835 19.355 15.8317 20.8367 15.085 22.54C14.3617 24.2433 14 26.0633 14 28Z"
|
|
1793
|
+
}), /* @__PURE__ */ Y("defs", { children: /* @__PURE__ */ X("radialGradient", {
|
|
1794
|
+
id: `${r}-a`,
|
|
1795
|
+
cx: "0",
|
|
1796
|
+
cy: "0",
|
|
1797
|
+
r: "1",
|
|
1798
|
+
gradientUnits: "userSpaceOnUse",
|
|
1799
|
+
gradientTransform: "translate(2.77876 11.3795) rotate(18.6832) scale(29.8025 238.737)",
|
|
1800
|
+
children: [
|
|
1801
|
+
/* @__PURE__ */ Y("stop", {
|
|
1802
|
+
offset: "0.0671246",
|
|
1803
|
+
stopColor: "#9168C0"
|
|
1804
|
+
}),
|
|
1805
|
+
/* @__PURE__ */ Y("stop", {
|
|
1806
|
+
offset: "0.342551",
|
|
1807
|
+
stopColor: "#5684D1"
|
|
1808
|
+
}),
|
|
1809
|
+
/* @__PURE__ */ Y("stop", {
|
|
1810
|
+
offset: "0.672076",
|
|
1811
|
+
stopColor: "#1BA1E3"
|
|
1812
|
+
})
|
|
1813
|
+
]
|
|
1814
|
+
}) })]
|
|
1815
|
+
});
|
|
1816
|
+
});
|
|
1817
|
+
Nt.displayName = "GeminiIcon";
|
|
1818
|
+
var Pt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
1697
1819
|
ref: n,
|
|
1698
1820
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1699
1821
|
width: 24,
|
|
@@ -1730,8 +1852,8 @@ var jt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
|
|
|
1730
1852
|
})
|
|
1731
1853
|
})]
|
|
1732
1854
|
}));
|
|
1733
|
-
|
|
1734
|
-
var
|
|
1855
|
+
Pt.displayName = "GithubIcon";
|
|
1856
|
+
var Ft = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
1735
1857
|
ref: n,
|
|
1736
1858
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1737
1859
|
width: 24,
|
|
@@ -1773,8 +1895,37 @@ var Mt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
|
|
|
1773
1895
|
})
|
|
1774
1896
|
]
|
|
1775
1897
|
}));
|
|
1776
|
-
|
|
1777
|
-
var
|
|
1898
|
+
Ft.displayName = "GitlabIcon";
|
|
1899
|
+
var It = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
1900
|
+
ref: n,
|
|
1901
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1902
|
+
width: 24,
|
|
1903
|
+
height: 24,
|
|
1904
|
+
viewBox: "0.54 0.39 32 32",
|
|
1905
|
+
fill: "none",
|
|
1906
|
+
...t,
|
|
1907
|
+
children: /* @__PURE__ */ Y("path", {
|
|
1908
|
+
fill: "currentColor",
|
|
1909
|
+
d: "m18.445 4.406-9.468 13.74 7.341.665-1.69 9.578 9.469-13.74-7.342-.664 1.69-9.579Z"
|
|
1910
|
+
})
|
|
1911
|
+
}) : /* @__PURE__ */ X("svg", {
|
|
1912
|
+
ref: n,
|
|
1913
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1914
|
+
width: 24,
|
|
1915
|
+
height: 24,
|
|
1916
|
+
viewBox: "0.54 0.39 32 32",
|
|
1917
|
+
fill: "none",
|
|
1918
|
+
...t,
|
|
1919
|
+
children: [/* @__PURE__ */ Y("path", {
|
|
1920
|
+
fill: "#F43E01",
|
|
1921
|
+
d: "M.54.39h32v32h-32z"
|
|
1922
|
+
}), /* @__PURE__ */ Y("path", {
|
|
1923
|
+
fill: "#FFFFFF",
|
|
1924
|
+
d: "m18.445 4.406-9.468 13.74 7.341.665-1.69 9.578 9.469-13.74-7.342-.664 1.69-9.579Z"
|
|
1925
|
+
})]
|
|
1926
|
+
}));
|
|
1927
|
+
It.displayName = "GroqIcon";
|
|
1928
|
+
var Lt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
1778
1929
|
ref: n,
|
|
1779
1930
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1780
1931
|
width: 24,
|
|
@@ -1808,8 +1959,8 @@ var Nt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
|
|
|
1808
1959
|
})
|
|
1809
1960
|
})]
|
|
1810
1961
|
}));
|
|
1811
|
-
|
|
1812
|
-
var
|
|
1962
|
+
Lt.displayName = "KafkaIcon";
|
|
1963
|
+
var Rt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
1813
1964
|
ref: n,
|
|
1814
1965
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1815
1966
|
width: 24,
|
|
@@ -1848,8 +1999,8 @@ var Pt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
|
|
|
1848
1999
|
})
|
|
1849
2000
|
]
|
|
1850
2001
|
}));
|
|
1851
|
-
|
|
1852
|
-
var
|
|
2002
|
+
Rt.displayName = "KubernetesIcon";
|
|
2003
|
+
var zt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ X("svg", {
|
|
1853
2004
|
ref: n,
|
|
1854
2005
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1855
2006
|
width: 24,
|
|
@@ -1980,8 +2131,8 @@ var Ft = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
|
|
|
1980
2131
|
})
|
|
1981
2132
|
]
|
|
1982
2133
|
}));
|
|
1983
|
-
|
|
1984
|
-
var
|
|
2134
|
+
zt.displayName = "MistralIcon";
|
|
2135
|
+
var Bt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
1985
2136
|
ref: n,
|
|
1986
2137
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1987
2138
|
width: 24,
|
|
@@ -2015,8 +2166,8 @@ var It = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
|
|
|
2015
2166
|
})
|
|
2016
2167
|
})]
|
|
2017
2168
|
}));
|
|
2018
|
-
|
|
2019
|
-
var
|
|
2169
|
+
Bt.displayName = "OpenAIIcon";
|
|
2170
|
+
var Vt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ Y("svg", {
|
|
2020
2171
|
ref: n,
|
|
2021
2172
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2022
2173
|
width: 24,
|
|
@@ -2087,8 +2238,54 @@ var Lt = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
|
|
|
2087
2238
|
})
|
|
2088
2239
|
]
|
|
2089
2240
|
}));
|
|
2090
|
-
|
|
2091
|
-
var
|
|
2241
|
+
Vt.displayName = "OpenApiIcon";
|
|
2242
|
+
var Ht = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */ X("svg", {
|
|
2243
|
+
ref: n,
|
|
2244
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2245
|
+
width: 24,
|
|
2246
|
+
height: 24,
|
|
2247
|
+
viewBox: "0 0 484.98 452.5",
|
|
2248
|
+
fill: "none",
|
|
2249
|
+
...t,
|
|
2250
|
+
children: [
|
|
2251
|
+
/* @__PURE__ */ Y("path", {
|
|
2252
|
+
fill: "currentColor",
|
|
2253
|
+
d: "M468.72,60.67C435.25,2.69,361.11-17.18,303.12,16.3c-37.3,21.54-58.82,59.62-60.52,99.69l121.15.16v10.39h-121.15c.78,18.94,6.02,37.81,16.15,55.36,33.48,57.98,107.62,77.85,165.6,44.37,57.98-33.48,77.85-107.62,44.37-165.6Z"
|
|
2254
|
+
}),
|
|
2255
|
+
/* @__PURE__ */ Y("path", {
|
|
2256
|
+
fill: "currentColor",
|
|
2257
|
+
d: "M16.26,60.63C-17.21,118.61,2.65,192.76,60.63,226.23c37.3,21.54,81.04,21.13,116.59,2.57l-60.44-105,9-5.18,60.57,104.91c16.01-10.14,29.74-24.12,39.87-41.67,33.48-57.98,13.61-132.12-44.37-165.6C123.88-17.21,49.74,2.65,16.26,60.63Z"
|
|
2258
|
+
}),
|
|
2259
|
+
/* @__PURE__ */ Y("path", {
|
|
2260
|
+
fill: "currentColor",
|
|
2261
|
+
d: "M242.46,452.5c66.95,0,121.23-54.27,121.23-121.23,0-43.07-22.22-80.75-56.07-102.25l-60.71,104.84-8.99-5.21,60.57-104.91c-16.79-8.79-35.75-13.7-56.02-13.7-66.95,0-121.23,54.27-121.23,121.23,0,66.95,54.27,121.23,121.23,121.23Z"
|
|
2262
|
+
})
|
|
2263
|
+
]
|
|
2264
|
+
}) : /* @__PURE__ */ X("svg", {
|
|
2265
|
+
ref: n,
|
|
2266
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2267
|
+
width: 24,
|
|
2268
|
+
height: 24,
|
|
2269
|
+
viewBox: "0 0 484.98 452.5",
|
|
2270
|
+
fill: "none",
|
|
2271
|
+
...t,
|
|
2272
|
+
children: [
|
|
2273
|
+
/* @__PURE__ */ Y("path", {
|
|
2274
|
+
fill: "#EF2CC1",
|
|
2275
|
+
d: "M468.72,60.67C435.25,2.69,361.11-17.18,303.12,16.3c-37.3,21.54-58.82,59.62-60.52,99.69l121.15.16v10.39h-121.15c.78,18.94,6.02,37.81,16.15,55.36,33.48,57.98,107.62,77.85,165.6,44.37,57.98-33.48,77.85-107.62,44.37-165.6Z"
|
|
2276
|
+
}),
|
|
2277
|
+
/* @__PURE__ */ Y("path", {
|
|
2278
|
+
fill: "#CAAEF5",
|
|
2279
|
+
d: "M16.26,60.63C-17.21,118.61,2.65,192.76,60.63,226.23c37.3,21.54,81.04,21.13,116.59,2.57l-60.44-105,9-5.18,60.57,104.91c16.01-10.14,29.74-24.12,39.87-41.67,33.48-57.98,13.61-132.12-44.37-165.6C123.88-17.21,49.74,2.65,16.26,60.63Z"
|
|
2280
|
+
}),
|
|
2281
|
+
/* @__PURE__ */ Y("path", {
|
|
2282
|
+
fill: "#FC4C02",
|
|
2283
|
+
d: "M242.46,452.5c66.95,0,121.23-54.27,121.23-121.23,0-43.07-22.22-80.75-56.07-102.25l-60.71,104.84-8.99-5.21,60.57-104.91c-16.79-8.79-35.75-13.7-56.02-13.7-66.95,0-121.23,54.27-121.23,121.23,0,66.95,54.27,121.23,121.23,121.23Z"
|
|
2284
|
+
})
|
|
2285
|
+
]
|
|
2286
|
+
}));
|
|
2287
|
+
Ht.displayName = "TogetherAiIcon";
|
|
2288
|
+
var Ut = W((e, t) => {
|
|
2092
2289
|
let n = K();
|
|
2093
2290
|
return /* @__PURE__ */ X("svg", {
|
|
2094
2291
|
ref: t,
|
|
@@ -2313,8 +2510,8 @@ var Rt = W((e, t) => {
|
|
|
2313
2510
|
})]
|
|
2314
2511
|
});
|
|
2315
2512
|
});
|
|
2316
|
-
|
|
2317
|
-
var
|
|
2513
|
+
Ut.displayName = "GioAgentManagementIcon";
|
|
2514
|
+
var Wt = W((e, t) => {
|
|
2318
2515
|
let n = K();
|
|
2319
2516
|
return /* @__PURE__ */ X("svg", {
|
|
2320
2517
|
ref: t,
|
|
@@ -2552,8 +2749,8 @@ var zt = W((e, t) => {
|
|
|
2552
2749
|
})]
|
|
2553
2750
|
});
|
|
2554
2751
|
});
|
|
2555
|
-
|
|
2556
|
-
var
|
|
2752
|
+
Wt.displayName = "GioApiManagementIcon";
|
|
2753
|
+
var Gt = W((e, t) => {
|
|
2557
2754
|
let n = K();
|
|
2558
2755
|
return /* @__PURE__ */ X("svg", {
|
|
2559
2756
|
ref: t,
|
|
@@ -2680,8 +2877,8 @@ var Bt = W((e, t) => {
|
|
|
2680
2877
|
})]
|
|
2681
2878
|
});
|
|
2682
2879
|
});
|
|
2683
|
-
|
|
2684
|
-
var
|
|
2880
|
+
Gt.displayName = "GioAuthorizationIcon";
|
|
2881
|
+
var Kt = W((e, t) => {
|
|
2685
2882
|
let n = K();
|
|
2686
2883
|
return /* @__PURE__ */ X("svg", {
|
|
2687
2884
|
ref: t,
|
|
@@ -2868,8 +3065,8 @@ var Vt = W((e, t) => {
|
|
|
2868
3065
|
})]
|
|
2869
3066
|
});
|
|
2870
3067
|
});
|
|
2871
|
-
|
|
2872
|
-
var
|
|
3068
|
+
Kt.displayName = "GioCatalogIcon";
|
|
3069
|
+
var qt = W((e, t) => {
|
|
2873
3070
|
let n = K();
|
|
2874
3071
|
return /* @__PURE__ */ X("svg", {
|
|
2875
3072
|
ref: t,
|
|
@@ -3094,8 +3291,8 @@ var Ht = W((e, t) => {
|
|
|
3094
3291
|
})]
|
|
3095
3292
|
});
|
|
3096
3293
|
});
|
|
3097
|
-
|
|
3098
|
-
var
|
|
3294
|
+
qt.displayName = "GioDeveloperPortalIcon";
|
|
3295
|
+
var Jt = W((e, t) => {
|
|
3099
3296
|
let n = K();
|
|
3100
3297
|
return /* @__PURE__ */ X("svg", {
|
|
3101
3298
|
ref: t,
|
|
@@ -3370,8 +3567,8 @@ var Ut = W((e, t) => {
|
|
|
3370
3567
|
})]
|
|
3371
3568
|
});
|
|
3372
3569
|
});
|
|
3373
|
-
|
|
3374
|
-
var
|
|
3570
|
+
Jt.displayName = "GioEdgeManagementIcon";
|
|
3571
|
+
var Yt = W((e, t) => {
|
|
3375
3572
|
let n = K();
|
|
3376
3573
|
return /* @__PURE__ */ X("svg", {
|
|
3377
3574
|
ref: t,
|
|
@@ -3558,8 +3755,8 @@ var Wt = W((e, t) => {
|
|
|
3558
3755
|
})]
|
|
3559
3756
|
});
|
|
3560
3757
|
});
|
|
3561
|
-
|
|
3562
|
-
var
|
|
3758
|
+
Yt.displayName = "GioEventApiManagementIcon";
|
|
3759
|
+
var Xt = W((e, t) => {
|
|
3563
3760
|
let n = K();
|
|
3564
3761
|
return /* @__PURE__ */ X("svg", {
|
|
3565
3762
|
ref: t,
|
|
@@ -3800,8 +3997,8 @@ var Gt = W((e, t) => {
|
|
|
3800
3997
|
})]
|
|
3801
3998
|
});
|
|
3802
3999
|
});
|
|
3803
|
-
|
|
3804
|
-
var
|
|
4000
|
+
Xt.displayName = "GioGammaIcon";
|
|
4001
|
+
var Zt = W((e, t) => {
|
|
3805
4002
|
let n = K();
|
|
3806
4003
|
return /* @__PURE__ */ X("svg", {
|
|
3807
4004
|
ref: t,
|
|
@@ -4042,8 +4239,8 @@ var Kt = W((e, t) => {
|
|
|
4042
4239
|
})]
|
|
4043
4240
|
});
|
|
4044
4241
|
});
|
|
4045
|
-
|
|
4046
|
-
var
|
|
4242
|
+
Zt.displayName = "GioHomeIcon";
|
|
4243
|
+
var Qt = W((e, t) => {
|
|
4047
4244
|
let n = K();
|
|
4048
4245
|
return /* @__PURE__ */ X("svg", {
|
|
4049
4246
|
ref: t,
|
|
@@ -4338,8 +4535,8 @@ var qt = W((e, t) => {
|
|
|
4338
4535
|
})]
|
|
4339
4536
|
});
|
|
4340
4537
|
});
|
|
4341
|
-
|
|
4342
|
-
var
|
|
4538
|
+
Qt.displayName = "GioIamIcon";
|
|
4539
|
+
var $t = W((e, t) => {
|
|
4343
4540
|
let n = K();
|
|
4344
4541
|
return /* @__PURE__ */ X("svg", {
|
|
4345
4542
|
ref: t,
|
|
@@ -4564,8 +4761,8 @@ var Jt = W((e, t) => {
|
|
|
4564
4761
|
})]
|
|
4565
4762
|
});
|
|
4566
4763
|
});
|
|
4567
|
-
|
|
4568
|
-
var
|
|
4764
|
+
$t.displayName = "GioObservabilityIcon";
|
|
4765
|
+
var en = W((e, t) => {
|
|
4569
4766
|
let n = K();
|
|
4570
4767
|
return /* @__PURE__ */ X("svg", {
|
|
4571
4768
|
ref: t,
|
|
@@ -4684,8 +4881,8 @@ var Yt = W((e, t) => {
|
|
|
4684
4881
|
})]
|
|
4685
4882
|
});
|
|
4686
4883
|
});
|
|
4687
|
-
|
|
4688
|
-
var
|
|
4884
|
+
en.displayName = "GioObserveIcon";
|
|
4885
|
+
var tn = W((e, t) => {
|
|
4689
4886
|
let n = K();
|
|
4690
4887
|
return /* @__PURE__ */ X("svg", {
|
|
4691
4888
|
ref: t,
|
|
@@ -5016,8 +5213,8 @@ var Xt = W((e, t) => {
|
|
|
5016
5213
|
})]
|
|
5017
5214
|
});
|
|
5018
5215
|
});
|
|
5019
|
-
|
|
5020
|
-
var
|
|
5216
|
+
tn.displayName = "GioPlatformIcon";
|
|
5217
|
+
var nn = W((e, t) => {
|
|
5021
5218
|
let n = K();
|
|
5022
5219
|
return /* @__PURE__ */ X("svg", {
|
|
5023
5220
|
ref: t,
|
|
@@ -5136,8 +5333,8 @@ var Zt = W((e, t) => {
|
|
|
5136
5333
|
})]
|
|
5137
5334
|
});
|
|
5138
5335
|
});
|
|
5139
|
-
|
|
5140
|
-
var
|
|
5336
|
+
nn.displayName = "GioProductizeIcon";
|
|
5337
|
+
var rn = W((e, t) => {
|
|
5141
5338
|
let n = K();
|
|
5142
5339
|
return /* @__PURE__ */ X("svg", {
|
|
5143
5340
|
ref: t,
|
|
@@ -5264,10 +5461,10 @@ var Qt = W((e, t) => {
|
|
|
5264
5461
|
})]
|
|
5265
5462
|
});
|
|
5266
5463
|
});
|
|
5267
|
-
|
|
5464
|
+
rn.displayName = "GioSecureIcon";
|
|
5268
5465
|
//#endregion
|
|
5269
5466
|
//#region src/lib/useContainerSize.ts
|
|
5270
|
-
function
|
|
5467
|
+
function an() {
|
|
5271
5468
|
let [e, t] = q({
|
|
5272
5469
|
width: 0,
|
|
5273
5470
|
height: 0
|
|
@@ -5292,29 +5489,29 @@ function $t() {
|
|
|
5292
5489
|
}
|
|
5293
5490
|
//#endregion
|
|
5294
5491
|
//#region src/charts/Metric/Metric.tsx
|
|
5295
|
-
var
|
|
5492
|
+
var on = {
|
|
5296
5493
|
positive: "text-success",
|
|
5297
5494
|
negative: "text-destructive",
|
|
5298
5495
|
neutral: "text-muted-foreground"
|
|
5299
5496
|
};
|
|
5300
|
-
function
|
|
5497
|
+
function sn(e, t) {
|
|
5301
5498
|
return e === "neutral" || t === "neutral" ? "neutral" : t === "higher-is-better" ? e === "up" ? "positive" : "negative" : e === "up" ? "negative" : "positive";
|
|
5302
5499
|
}
|
|
5303
|
-
var
|
|
5304
|
-
function
|
|
5500
|
+
var cn = 56;
|
|
5501
|
+
function ln(e, t) {
|
|
5305
5502
|
let n = Math.min(t > 0 ? t : 100, (e > 0 ? e : 200) * .65);
|
|
5306
5503
|
return Math.max(18, Math.min(96, Math.round(n * .22)));
|
|
5307
5504
|
}
|
|
5308
|
-
function
|
|
5505
|
+
function un(e) {
|
|
5309
5506
|
return Math.max(10, Math.round(e * .22));
|
|
5310
5507
|
}
|
|
5311
|
-
function
|
|
5508
|
+
function dn(e) {
|
|
5312
5509
|
return e < 80 ? "text-sm font-semibold leading-tight" : e < 110 ? "text-base font-semibold leading-tight" : e < 150 ? "text-lg font-semibold leading-tight" : "text-xl font-semibold leading-tight";
|
|
5313
5510
|
}
|
|
5314
|
-
function
|
|
5511
|
+
function fn(e) {
|
|
5315
5512
|
return e < 50 ? "text-[9px]" : e < 80 ? "text-[10px]" : e < 120 ? "text-xs" : "text-sm";
|
|
5316
5513
|
}
|
|
5317
|
-
function
|
|
5514
|
+
function pn(e) {
|
|
5318
5515
|
return e < 60 ? {
|
|
5319
5516
|
text: "text-[9px]",
|
|
5320
5517
|
icon: "size-2 stroke-[2.5]"
|
|
@@ -5329,7 +5526,7 @@ function cn(e) {
|
|
|
5329
5526
|
icon: "size-3.5 stroke-[2.5]"
|
|
5330
5527
|
};
|
|
5331
5528
|
}
|
|
5332
|
-
function
|
|
5529
|
+
function mn({ data: t, color: n, colorClass: r }) {
|
|
5333
5530
|
let i = U.useRef(null), [a, o] = U.useState({
|
|
5334
5531
|
width: 0,
|
|
5335
5532
|
height: 0
|
|
@@ -5381,14 +5578,14 @@ function ln({ data: t, color: n, colorClass: r }) {
|
|
|
5381
5578
|
] })
|
|
5382
5579
|
});
|
|
5383
5580
|
}
|
|
5384
|
-
function
|
|
5581
|
+
function hn({ trend: t, sentiment: n, trendClass: r }) {
|
|
5385
5582
|
let i = t.direction === "down" ? Q : pt;
|
|
5386
5583
|
return /* @__PURE__ */ X("span", {
|
|
5387
|
-
className: e("inline-flex items-center gap-1 font-medium", r.text,
|
|
5584
|
+
className: e("inline-flex items-center gap-1 font-medium", r.text, on[n]),
|
|
5388
5585
|
children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: r.icon }), t.isNew ? "New" : `${t.value}%`]
|
|
5389
5586
|
});
|
|
5390
5587
|
}
|
|
5391
|
-
function
|
|
5588
|
+
function gn({ className: t, ...n }) {
|
|
5392
5589
|
return /* @__PURE__ */ X("div", {
|
|
5393
5590
|
role: "img",
|
|
5394
5591
|
"aria-busy": "true",
|
|
@@ -5407,15 +5604,15 @@ function dn({ className: t, ...n }) {
|
|
|
5407
5604
|
}), /* @__PURE__ */ Y(b, { className: "min-h-5 w-full flex-1" })]
|
|
5408
5605
|
});
|
|
5409
5606
|
}
|
|
5410
|
-
function
|
|
5411
|
-
let { ref: p, width: m, height: h } =
|
|
5412
|
-
if (r === "loading") return /* @__PURE__ */ Y(
|
|
5607
|
+
function _n({ value: t, label: n, state: r, description: i, icon: a, trend: o, trendSentiment: s = "higher-is-better", centered: c = !1, sparklineData: l, sparklineColor: u, className: d, ...f }) {
|
|
5608
|
+
let { ref: p, width: m, height: h } = an();
|
|
5609
|
+
if (r === "loading") return /* @__PURE__ */ Y(gn, {
|
|
5413
5610
|
className: d,
|
|
5414
5611
|
...f
|
|
5415
5612
|
});
|
|
5416
|
-
let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ?
|
|
5613
|
+
let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? sn(_.direction, s) : void 0, b = !u && y ? on[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= cn && !c, C = c || !S, w = dn(h), T = fn(h), E = pn(h), D = n && h > 50, O = !!(_ && y && (S || h > 40));
|
|
5417
5614
|
if (C) {
|
|
5418
|
-
let t =
|
|
5615
|
+
let t = ln(m, h), r = un(t);
|
|
5419
5616
|
return /* @__PURE__ */ X("div", {
|
|
5420
5617
|
ref: p,
|
|
5421
5618
|
className: e("flex h-full flex-col items-center justify-center gap-1 text-center", d),
|
|
@@ -5431,7 +5628,7 @@ function fn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
|
|
|
5431
5628
|
style: { fontSize: r },
|
|
5432
5629
|
children: n
|
|
5433
5630
|
}),
|
|
5434
|
-
O && _ && y && /* @__PURE__ */ Y(
|
|
5631
|
+
O && _ && y && /* @__PURE__ */ Y(hn, {
|
|
5435
5632
|
trend: _,
|
|
5436
5633
|
sentiment: y,
|
|
5437
5634
|
trendClass: E
|
|
@@ -5455,7 +5652,7 @@ function fn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
|
|
|
5455
5652
|
}),
|
|
5456
5653
|
O && _ && y && /* @__PURE__ */ X("span", {
|
|
5457
5654
|
className: "flex shrink-0 items-center gap-1",
|
|
5458
|
-
children: [/* @__PURE__ */ Y(
|
|
5655
|
+
children: [/* @__PURE__ */ Y(hn, {
|
|
5459
5656
|
trend: _,
|
|
5460
5657
|
sentiment: y,
|
|
5461
5658
|
trendClass: E
|
|
@@ -5475,7 +5672,7 @@ function fn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
|
|
|
5475
5672
|
]
|
|
5476
5673
|
}), /* @__PURE__ */ Y("div", {
|
|
5477
5674
|
className: "min-h-0 flex-1 pt-1",
|
|
5478
|
-
children: /* @__PURE__ */ Y(
|
|
5675
|
+
children: /* @__PURE__ */ Y(mn, {
|
|
5479
5676
|
data: v,
|
|
5480
5677
|
color: x,
|
|
5481
5678
|
colorClass: b
|
|
@@ -5485,49 +5682,49 @@ function fn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
|
|
|
5485
5682
|
}
|
|
5486
5683
|
//#endregion
|
|
5487
5684
|
//#region src/charts/MetricGroup/MetricGroup.tsx
|
|
5488
|
-
function
|
|
5685
|
+
function vn(e) {
|
|
5489
5686
|
return "category" in e && "metrics" in e;
|
|
5490
5687
|
}
|
|
5491
|
-
var
|
|
5688
|
+
var yn = {
|
|
5492
5689
|
positive: "text-success",
|
|
5493
5690
|
negative: "text-destructive",
|
|
5494
5691
|
neutral: "text-muted-foreground"
|
|
5495
5692
|
};
|
|
5496
|
-
function
|
|
5693
|
+
function bn(e) {
|
|
5497
5694
|
let t = 0;
|
|
5498
|
-
for (let n of e) t +=
|
|
5695
|
+
for (let n of e) t += vn(n) ? n.metrics.length : 1;
|
|
5499
5696
|
return t;
|
|
5500
5697
|
}
|
|
5501
|
-
function
|
|
5502
|
-
return
|
|
5698
|
+
function xn(e) {
|
|
5699
|
+
return vn(e) ? e.metrics.length : 1;
|
|
5503
5700
|
}
|
|
5504
|
-
var
|
|
5701
|
+
var Sn = [
|
|
5505
5702
|
"xs",
|
|
5506
5703
|
"sm",
|
|
5507
5704
|
"md",
|
|
5508
5705
|
"lg"
|
|
5509
5706
|
];
|
|
5510
|
-
function
|
|
5707
|
+
function Cn(e, t, n) {
|
|
5511
5708
|
let r = e / Math.max(n, 1), i = r < 40 ? "xs" : r < 70 ? "sm" : r < 110 ? "md" : "lg", a = t < 25 ? "xs" : t < 40 ? "sm" : t < 60 ? "md" : "lg";
|
|
5512
|
-
return
|
|
5709
|
+
return Sn[Math.min(Sn.indexOf(i), Sn.indexOf(a))];
|
|
5513
5710
|
}
|
|
5514
|
-
var
|
|
5711
|
+
var wn = {
|
|
5515
5712
|
xs: 40,
|
|
5516
5713
|
sm: 55,
|
|
5517
5714
|
md: 75,
|
|
5518
5715
|
lg: 100
|
|
5519
|
-
},
|
|
5520
|
-
function
|
|
5521
|
-
if (e <
|
|
5522
|
-
let r =
|
|
5716
|
+
}, Tn = 40, En = 80;
|
|
5717
|
+
function Dn(e, t, n) {
|
|
5718
|
+
if (e < En) return 0;
|
|
5719
|
+
let r = wn[n], i = 0, a = 0;
|
|
5523
5720
|
for (let n = 0; n < t.length; n++) {
|
|
5524
|
-
let o = r *
|
|
5721
|
+
let o = r * xn(t[n]), s = t.length - (n + 1) > 0 ? Tn : 0;
|
|
5525
5722
|
if (a + o + s > e) break;
|
|
5526
5723
|
a += o, i++;
|
|
5527
5724
|
}
|
|
5528
5725
|
return i;
|
|
5529
5726
|
}
|
|
5530
|
-
var
|
|
5727
|
+
var On = {
|
|
5531
5728
|
value: {
|
|
5532
5729
|
xs: "text-xs font-bold leading-tight",
|
|
5533
5730
|
sm: "text-base font-semibold",
|
|
@@ -5565,31 +5762,31 @@ var Cn = {
|
|
|
5565
5762
|
lg: "px-5"
|
|
5566
5763
|
}
|
|
5567
5764
|
};
|
|
5568
|
-
function
|
|
5765
|
+
function kn({ trend: t, sentiment: n, size: r }) {
|
|
5569
5766
|
let i = t.direction === "down" ? Q : pt, a = r === "xs" || r === "sm";
|
|
5570
5767
|
return a && t.direction === "neutral" ? null : /* @__PURE__ */ X("span", {
|
|
5571
|
-
className: e("inline-flex items-center gap-px font-medium",
|
|
5572
|
-
children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className:
|
|
5768
|
+
className: e("inline-flex items-center gap-px font-medium", On.trend[r], yn[n]),
|
|
5769
|
+
children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: On.trendIcon[r] }), !a && (t.isNew ? "New" : `${t.value}%`)]
|
|
5573
5770
|
});
|
|
5574
5771
|
}
|
|
5575
|
-
function
|
|
5576
|
-
let i = t.trend ?
|
|
5772
|
+
function An({ item: t, size: n, labelVisible: r }) {
|
|
5773
|
+
let i = t.trend ? sn(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ X("div", {
|
|
5577
5774
|
className: "flex w-full min-w-0 flex-col",
|
|
5578
5775
|
children: [/* @__PURE__ */ X("div", {
|
|
5579
5776
|
className: "flex items-baseline justify-between gap-1",
|
|
5580
5777
|
children: [/* @__PURE__ */ Y("span", {
|
|
5581
|
-
className: e("truncate tracking-tight text-foreground",
|
|
5778
|
+
className: e("truncate tracking-tight text-foreground", On.value[n]),
|
|
5582
5779
|
children: t.value
|
|
5583
5780
|
}), t.trend && i && !(t.trend.direction === "neutral" && (n === "xs" || n === "sm")) && /* @__PURE__ */ Y("span", {
|
|
5584
5781
|
className: "shrink-0",
|
|
5585
|
-
children: /* @__PURE__ */ Y(
|
|
5782
|
+
children: /* @__PURE__ */ Y(kn, {
|
|
5586
5783
|
trend: t.trend,
|
|
5587
5784
|
sentiment: i,
|
|
5588
5785
|
size: n
|
|
5589
5786
|
})
|
|
5590
5787
|
})]
|
|
5591
5788
|
}), a && /* @__PURE__ */ Y("span", {
|
|
5592
|
-
className: e("truncate text-muted-foreground",
|
|
5789
|
+
className: e("truncate text-muted-foreground", On.label[n]),
|
|
5593
5790
|
children: t.label
|
|
5594
5791
|
})]
|
|
5595
5792
|
});
|
|
@@ -5604,7 +5801,7 @@ function Tn({ item: t, size: n, labelVisible: r }) {
|
|
|
5604
5801
|
children: o
|
|
5605
5802
|
});
|
|
5606
5803
|
}
|
|
5607
|
-
function
|
|
5804
|
+
function jn({ count: t, size: n }) {
|
|
5608
5805
|
let r = `${t} more ${t === 1 ? "metric" : "metrics"} hidden`;
|
|
5609
5806
|
return /* @__PURE__ */ X(se, { children: [/* @__PURE__ */ Y(ue, {
|
|
5610
5807
|
asChild: !0,
|
|
@@ -5616,7 +5813,7 @@ function En({ count: t, size: n }) {
|
|
|
5616
5813
|
})
|
|
5617
5814
|
}), /* @__PURE__ */ Y(ce, { children: r })] });
|
|
5618
5815
|
}
|
|
5619
|
-
function
|
|
5816
|
+
function Mn({ count: t, className: n, ...r }) {
|
|
5620
5817
|
return /* @__PURE__ */ Y("div", {
|
|
5621
5818
|
role: "img",
|
|
5622
5819
|
"aria-busy": "true",
|
|
@@ -5629,14 +5826,14 @@ function Dn({ count: t, className: n, ...r }) {
|
|
|
5629
5826
|
}, t))
|
|
5630
5827
|
});
|
|
5631
5828
|
}
|
|
5632
|
-
function
|
|
5633
|
-
let { ref: o, width: s, height: c } =
|
|
5634
|
-
if (n === "loading") return /* @__PURE__ */ Y(
|
|
5635
|
-
count: t.length > 0 ?
|
|
5829
|
+
function Nn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
|
|
5830
|
+
let { ref: o, width: s, height: c } = an();
|
|
5831
|
+
if (n === "loading") return /* @__PURE__ */ Y(Mn, {
|
|
5832
|
+
count: t.length > 0 ? bn(t) : r ?? 5,
|
|
5636
5833
|
className: i,
|
|
5637
5834
|
...a
|
|
5638
5835
|
});
|
|
5639
|
-
let l = n === "empty" ? t.map((e) =>
|
|
5836
|
+
let l = n === "empty" ? t.map((e) => vn(e) ? {
|
|
5640
5837
|
...e,
|
|
5641
5838
|
metrics: e.metrics.map((e) => ({
|
|
5642
5839
|
...e,
|
|
@@ -5647,7 +5844,7 @@ function On({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
|
|
|
5647
5844
|
...e,
|
|
5648
5845
|
value: "—",
|
|
5649
5846
|
trend: void 0
|
|
5650
|
-
}) : t, u =
|
|
5847
|
+
}) : t, u = bn(l), d = s > 0 ? Cn(s, c, u) : "md", f = c >= 50, p = s > 0 ? Dn(s, l, d) : l.length, m = l.slice(0, p), h = l.length - p, g = p === 0;
|
|
5651
5848
|
return /* @__PURE__ */ Y(le, {
|
|
5652
5849
|
delayDuration: 300,
|
|
5653
5850
|
children: /* @__PURE__ */ X("div", {
|
|
@@ -5657,21 +5854,21 @@ function On({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
|
|
|
5657
5854
|
className: e("flex h-full items-center overflow-hidden", g ? "justify-center" : "divide-x divide-border/30 dark:divide-white/[0.06]", i),
|
|
5658
5855
|
...a,
|
|
5659
5856
|
children: [s > 0 && !g && m.map((t) => {
|
|
5660
|
-
let n =
|
|
5857
|
+
let n = vn(t) ? t.category : `${t.value}-${t.label ?? ""}`;
|
|
5661
5858
|
return /* @__PURE__ */ Y("div", {
|
|
5662
|
-
style: { flex:
|
|
5663
|
-
className: e("flex min-w-0 flex-col justify-center overflow-x-hidden",
|
|
5664
|
-
children:
|
|
5665
|
-
className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase",
|
|
5859
|
+
style: { flex: xn(t) },
|
|
5860
|
+
className: e("flex min-w-0 flex-col justify-center overflow-x-hidden", On.cellPadding[d]),
|
|
5861
|
+
children: vn(t) ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
|
|
5862
|
+
className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", On.category[d]),
|
|
5666
5863
|
children: t.category
|
|
5667
5864
|
}), /* @__PURE__ */ Y("div", {
|
|
5668
5865
|
className: "flex w-full min-w-0 items-stretch gap-3",
|
|
5669
|
-
children: t.metrics.map((e) => /* @__PURE__ */ Y(
|
|
5866
|
+
children: t.metrics.map((e) => /* @__PURE__ */ Y(An, {
|
|
5670
5867
|
item: e,
|
|
5671
5868
|
size: d,
|
|
5672
5869
|
labelVisible: f
|
|
5673
5870
|
}, `${e.value}-${e.label ?? ""}`))
|
|
5674
|
-
})] }) : /* @__PURE__ */ Y(
|
|
5871
|
+
})] }) : /* @__PURE__ */ Y(An, {
|
|
5675
5872
|
item: t,
|
|
5676
5873
|
size: d,
|
|
5677
5874
|
labelVisible: f
|
|
@@ -5679,7 +5876,7 @@ function On({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
|
|
|
5679
5876
|
}, n);
|
|
5680
5877
|
}), s > 0 && h > 0 && /* @__PURE__ */ Y("div", {
|
|
5681
5878
|
className: e("flex shrink-0 items-center", g ? "" : "px-2"),
|
|
5682
|
-
children: /* @__PURE__ */ Y(
|
|
5879
|
+
children: /* @__PURE__ */ Y(jn, {
|
|
5683
5880
|
count: h,
|
|
5684
5881
|
size: d
|
|
5685
5882
|
})
|
|
@@ -5689,7 +5886,7 @@ function On({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
|
|
|
5689
5886
|
}
|
|
5690
5887
|
//#endregion
|
|
5691
5888
|
//#region src/charts/LineChart/LineChart.tsx
|
|
5692
|
-
function
|
|
5889
|
+
function Pn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDots: a = !1, showGrid: o = !0, showCategoryAxis: s = !0, showValueAxis: l = !0, connectNulls: u = !1, valueTickFormatter: f, categoryTickFormatter: p, animated: h = !0, onPointHover: _, onPointLeave: v, ariaLabel: y, margin: b, className: x, children: S, ...C }) {
|
|
5693
5890
|
let { config: w } = i(), T = t ?? Ke(e, Object.keys(w));
|
|
5694
5891
|
return n === "loading" ? /* @__PURE__ */ Y(d, {
|
|
5695
5892
|
ariaLabel: y,
|
|
@@ -5724,7 +5921,7 @@ function kn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDot
|
|
|
5724
5921
|
}
|
|
5725
5922
|
//#endregion
|
|
5726
5923
|
//#region src/charts/AreaChart/AreaChart.tsx
|
|
5727
|
-
function
|
|
5924
|
+
function Fn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked: a = !0, gradient: o = !0, fillOpacity: s = .2, showDots: l = !1, showGrid: u = !0, showCategoryAxis: d = !0, showValueAxis: f = !0, connectNulls: p = !1, animated: h = !0, ariaLabel: _, margin: v, valueTickFormatter: y, categoryTickFormatter: b, onPointHover: x, onPointLeave: S, className: w, children: T, ...E }) {
|
|
5728
5925
|
let { config: D } = i(), O = t ?? Ke(e, Object.keys(D)), k = a ? "default" : void 0;
|
|
5729
5926
|
return n === "loading" ? /* @__PURE__ */ Y(C, {
|
|
5730
5927
|
ariaLabel: _,
|
|
@@ -5760,7 +5957,7 @@ function An({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked
|
|
|
5760
5957
|
]
|
|
5761
5958
|
});
|
|
5762
5959
|
}
|
|
5763
|
-
function
|
|
5960
|
+
function In(e) {
|
|
5764
5961
|
if (e === 0) return "0ns";
|
|
5765
5962
|
if (e < 1e3) return `${Math.round(e)}ns`;
|
|
5766
5963
|
let t = e / 1e3;
|
|
@@ -5772,7 +5969,7 @@ function jn(e) {
|
|
|
5772
5969
|
let i = Math.floor(r / 60), a = r % 60;
|
|
5773
5970
|
return `${i}m ${Math.round(a)}s`;
|
|
5774
5971
|
}
|
|
5775
|
-
function
|
|
5972
|
+
function Ln(e) {
|
|
5776
5973
|
let t = 0;
|
|
5777
5974
|
for (let n of e) {
|
|
5778
5975
|
let e = n.startOffsetNs + n.durationNs;
|
|
@@ -5780,7 +5977,7 @@ function Mn(e) {
|
|
|
5780
5977
|
}
|
|
5781
5978
|
return t > 0 ? t : 1;
|
|
5782
5979
|
}
|
|
5783
|
-
function
|
|
5980
|
+
function Rn(e, t, n, r) {
|
|
5784
5981
|
if (r <= 0 || n <= 0) return {
|
|
5785
5982
|
x: 0,
|
|
5786
5983
|
width: 0
|
|
@@ -5791,18 +5988,18 @@ function Nn(e, t, n, r) {
|
|
|
5791
5988
|
width: a
|
|
5792
5989
|
};
|
|
5793
5990
|
}
|
|
5794
|
-
function
|
|
5991
|
+
function zn(e, t) {
|
|
5795
5992
|
if (t === 0 || e === 0) return "0%";
|
|
5796
5993
|
let n = e / t * 100;
|
|
5797
5994
|
return n < .1 ? "<0.1%" : n >= 100 ? "100%" : `${n < 1 ? n.toFixed(1) : Math.round(n)}%`;
|
|
5798
5995
|
}
|
|
5799
|
-
var
|
|
5800
|
-
function
|
|
5996
|
+
var Bn = 6, Vn = 80;
|
|
5997
|
+
function Hn(e) {
|
|
5801
5998
|
if (e <= 0) return 0;
|
|
5802
|
-
let t = Math.floor(e /
|
|
5803
|
-
return Math.max(2, Math.min(t,
|
|
5999
|
+
let t = Math.floor(e / Vn) + 1;
|
|
6000
|
+
return Math.max(2, Math.min(t, Bn));
|
|
5804
6001
|
}
|
|
5805
|
-
function
|
|
6002
|
+
function Un(e, t = 5) {
|
|
5806
6003
|
if (e <= 0) return [0];
|
|
5807
6004
|
if (t <= 1) return [0, e];
|
|
5808
6005
|
let n = e / (t - 1);
|
|
@@ -5810,13 +6007,13 @@ function Rn(e, t = 5) {
|
|
|
5810
6007
|
}
|
|
5811
6008
|
//#endregion
|
|
5812
6009
|
//#region src/charts/TraceWaterfall/TraceWaterfall.tsx
|
|
5813
|
-
var
|
|
6010
|
+
var Wn = 280, Gn = .45, Kn = 36, qn = 20, Jn = 20, Yn = 4, $ = 12, Xn = 48, Zn = 32, Qn = 3, $n = {
|
|
5814
6011
|
internal: "INTERNAL",
|
|
5815
6012
|
server: "SERVER",
|
|
5816
6013
|
client: "CLIENT",
|
|
5817
6014
|
producer: "PRODUCER",
|
|
5818
6015
|
consumer: "CONSUMER"
|
|
5819
|
-
},
|
|
6016
|
+
}, er = [
|
|
5820
6017
|
"bg-chart-1",
|
|
5821
6018
|
"bg-chart-2",
|
|
5822
6019
|
"bg-chart-3",
|
|
@@ -5826,21 +6023,21 @@ var zn = 280, Bn = .45, Vn = 36, Hn = 20, Un = 20, Wn = 4, $ = 12, Gn = 48, Kn =
|
|
|
5826
6023
|
"bg-chart-7",
|
|
5827
6024
|
"bg-chart-8"
|
|
5828
6025
|
];
|
|
5829
|
-
function
|
|
6026
|
+
function tr(e) {
|
|
5830
6027
|
let t = /* @__PURE__ */ new Map(), n = 0;
|
|
5831
|
-
for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName,
|
|
6028
|
+
for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName, er[n % er.length]), n++);
|
|
5832
6029
|
return t;
|
|
5833
6030
|
}
|
|
5834
|
-
var
|
|
6031
|
+
var nr = { error: "bg-destructive" }, rr = {
|
|
5835
6032
|
ok: "success",
|
|
5836
6033
|
error: "destructive",
|
|
5837
6034
|
unset: "secondary"
|
|
5838
|
-
},
|
|
6035
|
+
}, ir = {
|
|
5839
6036
|
ok: "OK",
|
|
5840
6037
|
error: "Error",
|
|
5841
6038
|
unset: "Unset"
|
|
5842
6039
|
};
|
|
5843
|
-
function
|
|
6040
|
+
function ar({ icon: e, label: t, children: n }) {
|
|
5844
6041
|
return /* @__PURE__ */ X("div", {
|
|
5845
6042
|
className: "flex items-center justify-between gap-4",
|
|
5846
6043
|
children: [/* @__PURE__ */ X("div", {
|
|
@@ -5852,7 +6049,7 @@ function er({ icon: e, label: t, children: n }) {
|
|
|
5852
6049
|
})]
|
|
5853
6050
|
});
|
|
5854
6051
|
}
|
|
5855
|
-
function
|
|
6052
|
+
function or({ span: t, serviceColor: n, traceDurationNs: r }) {
|
|
5856
6053
|
return /* @__PURE__ */ X(J, { children: [
|
|
5857
6054
|
/* @__PURE__ */ X("div", {
|
|
5858
6055
|
className: "space-y-1 px-2.5 pt-2 pb-1.5",
|
|
@@ -5865,13 +6062,13 @@ function tr({ span: t, serviceColor: n, traceDurationNs: r }) {
|
|
|
5865
6062
|
}), /* @__PURE__ */ X("div", {
|
|
5866
6063
|
className: "flex items-center gap-1.5 pl-[14px]",
|
|
5867
6064
|
children: [/* @__PURE__ */ Y(j, {
|
|
5868
|
-
variant:
|
|
6065
|
+
variant: rr[t.status],
|
|
5869
6066
|
className: "h-4 text-[9px]",
|
|
5870
|
-
children:
|
|
6067
|
+
children: ir[t.status]
|
|
5871
6068
|
}), /* @__PURE__ */ Y(j, {
|
|
5872
6069
|
variant: "outline",
|
|
5873
6070
|
className: "h-4 text-[9px]",
|
|
5874
|
-
children:
|
|
6071
|
+
children: $n[t.kind]
|
|
5875
6072
|
})]
|
|
5876
6073
|
})]
|
|
5877
6074
|
}),
|
|
@@ -5879,25 +6076,25 @@ function tr({ span: t, serviceColor: n, traceDurationNs: r }) {
|
|
|
5879
6076
|
/* @__PURE__ */ X("div", {
|
|
5880
6077
|
className: "space-y-1 px-2.5 py-1.5 text-[11px]",
|
|
5881
6078
|
children: [
|
|
5882
|
-
/* @__PURE__ */ Y(
|
|
6079
|
+
/* @__PURE__ */ Y(ar, {
|
|
5883
6080
|
icon: _t,
|
|
5884
6081
|
label: "Service",
|
|
5885
6082
|
children: t.serviceName
|
|
5886
6083
|
}),
|
|
5887
|
-
/* @__PURE__ */ Y(
|
|
6084
|
+
/* @__PURE__ */ Y(ar, {
|
|
5888
6085
|
icon: ht,
|
|
5889
6086
|
label: "Duration",
|
|
5890
6087
|
children: /* @__PURE__ */ Y("span", {
|
|
5891
6088
|
className: "font-mono tabular-nums",
|
|
5892
|
-
children:
|
|
6089
|
+
children: In(t.durationNs)
|
|
5893
6090
|
})
|
|
5894
6091
|
}),
|
|
5895
|
-
/* @__PURE__ */ Y(
|
|
6092
|
+
/* @__PURE__ */ Y(ar, {
|
|
5896
6093
|
icon: dt,
|
|
5897
6094
|
label: "% of trace",
|
|
5898
6095
|
children: /* @__PURE__ */ Y("span", {
|
|
5899
6096
|
className: "font-mono tabular-nums",
|
|
5900
|
-
children:
|
|
6097
|
+
children: zn(t.durationNs, r)
|
|
5901
6098
|
})
|
|
5902
6099
|
})
|
|
5903
6100
|
]
|
|
@@ -5911,7 +6108,7 @@ function tr({ span: t, serviceColor: n, traceDurationNs: r }) {
|
|
|
5911
6108
|
})
|
|
5912
6109
|
] });
|
|
5913
6110
|
}
|
|
5914
|
-
function
|
|
6111
|
+
function sr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, children: i }) {
|
|
5915
6112
|
return /* @__PURE__ */ X(H, {
|
|
5916
6113
|
openDelay: 250,
|
|
5917
6114
|
closeDelay: 0,
|
|
@@ -5923,7 +6120,7 @@ function nr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
|
|
|
5923
6120
|
align: "start",
|
|
5924
6121
|
sideOffset: 4,
|
|
5925
6122
|
className: "w-56 p-0",
|
|
5926
|
-
children: r ? r(e) : /* @__PURE__ */ Y(
|
|
6123
|
+
children: r ? r(e) : /* @__PURE__ */ Y(or, {
|
|
5927
6124
|
span: e,
|
|
5928
6125
|
serviceColor: t,
|
|
5929
6126
|
traceDurationNs: n
|
|
@@ -5931,13 +6128,13 @@ function nr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
|
|
|
5931
6128
|
})]
|
|
5932
6129
|
});
|
|
5933
6130
|
}
|
|
5934
|
-
function
|
|
6131
|
+
function cr({ depth: e }) {
|
|
5935
6132
|
return e === 0 ? null : /* @__PURE__ */ Y("span", {
|
|
5936
6133
|
className: "pointer-events-none relative shrink-0",
|
|
5937
|
-
style: { width: e *
|
|
6134
|
+
style: { width: e * qn },
|
|
5938
6135
|
"aria-hidden": "true",
|
|
5939
6136
|
children: Array.from({ length: e }, (t, n) => {
|
|
5940
|
-
let r = n === e - 1, i = n *
|
|
6137
|
+
let r = n === e - 1, i = n * qn + qn / 2;
|
|
5941
6138
|
return r ? /* @__PURE__ */ Y("span", {
|
|
5942
6139
|
className: "absolute top-0 border-l border-border/30",
|
|
5943
6140
|
style: {
|
|
@@ -5946,7 +6143,7 @@ function rr({ depth: e }) {
|
|
|
5946
6143
|
},
|
|
5947
6144
|
children: /* @__PURE__ */ Y("span", {
|
|
5948
6145
|
className: "absolute bottom-0 left-0 border-b border-border/30",
|
|
5949
|
-
style: { width:
|
|
6146
|
+
style: { width: qn / 2 - 2 }
|
|
5950
6147
|
})
|
|
5951
6148
|
}, n) : /* @__PURE__ */ Y("span", {
|
|
5952
6149
|
className: "absolute top-0 h-full border-l border-border/30",
|
|
@@ -5955,12 +6152,12 @@ function rr({ depth: e }) {
|
|
|
5955
6152
|
})
|
|
5956
6153
|
});
|
|
5957
6154
|
}
|
|
5958
|
-
function
|
|
6155
|
+
function lr(e) {
|
|
5959
6156
|
let t = /* @__PURE__ */ new Set(), n = new Set(e.map((e) => e.spanId));
|
|
5960
6157
|
for (let r of e) r.parentSpanId && n.has(r.parentSpanId) && t.add(r.parentSpanId);
|
|
5961
6158
|
return t;
|
|
5962
6159
|
}
|
|
5963
|
-
function
|
|
6160
|
+
function ur(e, t) {
|
|
5964
6161
|
if (t.size === 0) return e;
|
|
5965
6162
|
let n = /* @__PURE__ */ new Set();
|
|
5966
6163
|
for (let r = 0; r < e.length; r++) {
|
|
@@ -5972,7 +6169,7 @@ function ar(e, t) {
|
|
|
5972
6169
|
}
|
|
5973
6170
|
return e.filter((e) => !n.has(e.spanId));
|
|
5974
6171
|
}
|
|
5975
|
-
function
|
|
6172
|
+
function dr(e) {
|
|
5976
6173
|
let t = /* @__PURE__ */ new Map(), n = [];
|
|
5977
6174
|
for (let r = e.length - 1; r >= 0; r--) {
|
|
5978
6175
|
let i = e[r].depth;
|
|
@@ -5982,11 +6179,11 @@ function or(e) {
|
|
|
5982
6179
|
}
|
|
5983
6180
|
return t;
|
|
5984
6181
|
}
|
|
5985
|
-
function
|
|
5986
|
-
let { x: h, width: g } =
|
|
6182
|
+
function fr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, serviceColor: a, selected: o, hasChildren: s, collapsed: c, collapsedCount: l, onSelect: u, onToggle: d, onHover: f, onLeave: p, renderTooltip: m }) {
|
|
6183
|
+
let { x: h, width: g } = Rn(t.startOffsetNs, t.durationNs, n, i), _ = t.status === "error" ? nr.error : a, v = In(t.durationNs), y = g >= 56, b = !y;
|
|
5987
6184
|
return /* @__PURE__ */ X("div", {
|
|
5988
6185
|
className: e("group flex w-full cursor-pointer transition-colors", o ? "bg-accent/50" : "hover:bg-muted/30"),
|
|
5989
|
-
style: { height:
|
|
6186
|
+
style: { height: Kn },
|
|
5990
6187
|
onClick: () => u?.(t),
|
|
5991
6188
|
onKeyDown: (e) => {
|
|
5992
6189
|
e.key === "Enter" || e.key === " " ? (e.preventDefault(), u?.(t)) : (e.key === "ArrowRight" && s && c || e.key === "ArrowLeft" && s && !c) && (e.preventDefault(), d?.(t.spanId));
|
|
@@ -6001,7 +6198,7 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
|
|
|
6001
6198
|
className: e("w-[3px] shrink-0 transition-colors", o ? "bg-primary" : "bg-transparent"),
|
|
6002
6199
|
"aria-hidden": "true"
|
|
6003
6200
|
}),
|
|
6004
|
-
/* @__PURE__ */ Y(
|
|
6201
|
+
/* @__PURE__ */ Y(sr, {
|
|
6005
6202
|
span: t,
|
|
6006
6203
|
serviceColor: a,
|
|
6007
6204
|
traceDurationNs: n,
|
|
@@ -6010,7 +6207,7 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
|
|
|
6010
6207
|
className: "flex shrink-0 items-center gap-1 overflow-hidden border-r border-border/30 px-1.5",
|
|
6011
6208
|
style: { width: r },
|
|
6012
6209
|
children: [
|
|
6013
|
-
/* @__PURE__ */ Y(
|
|
6210
|
+
/* @__PURE__ */ Y(cr, { depth: t.depth }),
|
|
6014
6211
|
s ? /* @__PURE__ */ Y("button", {
|
|
6015
6212
|
type: "button",
|
|
6016
6213
|
tabIndex: -1,
|
|
@@ -6051,7 +6248,7 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
|
|
|
6051
6248
|
className: "relative flex-1 overflow-hidden",
|
|
6052
6249
|
style: {
|
|
6053
6250
|
paddingLeft: $,
|
|
6054
|
-
paddingRight:
|
|
6251
|
+
paddingRight: Xn
|
|
6055
6252
|
},
|
|
6056
6253
|
"aria-label": `${t.name}: ${v}`,
|
|
6057
6254
|
children: [
|
|
@@ -6060,8 +6257,8 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
|
|
|
6060
6257
|
style: {
|
|
6061
6258
|
left: $ + h,
|
|
6062
6259
|
width: Math.max(g, 3),
|
|
6063
|
-
height:
|
|
6064
|
-
borderRadius:
|
|
6260
|
+
height: Jn,
|
|
6261
|
+
borderRadius: Yn
|
|
6065
6262
|
}
|
|
6066
6263
|
}),
|
|
6067
6264
|
y && /* @__PURE__ */ Y("span", {
|
|
@@ -6082,14 +6279,14 @@ function sr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
|
|
|
6082
6279
|
]
|
|
6083
6280
|
});
|
|
6084
6281
|
}
|
|
6085
|
-
function
|
|
6086
|
-
let s =
|
|
6282
|
+
function pr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible: r, isAllCollapsed: i, onExpandAll: a, onCollapseAll: o }) {
|
|
6283
|
+
let s = Un(e, Hn(n)), c = ve().domain([0, e]).range([0, n]);
|
|
6087
6284
|
return /* @__PURE__ */ X("div", {
|
|
6088
6285
|
className: "flex shrink-0 items-end border-b border-border bg-muted/30",
|
|
6089
|
-
style: { height:
|
|
6286
|
+
style: { height: Zn },
|
|
6090
6287
|
children: [/* @__PURE__ */ X("div", {
|
|
6091
6288
|
className: "flex shrink-0 items-center justify-between border-r border-border/30 px-3 pb-2",
|
|
6092
|
-
style: { width: t +
|
|
6289
|
+
style: { width: t + Qn },
|
|
6093
6290
|
children: [/* @__PURE__ */ Y("span", {
|
|
6094
6291
|
className: "truncate text-[11px] font-semibold tracking-wider text-muted-foreground uppercase",
|
|
6095
6292
|
children: "Service & Operation"
|
|
@@ -6104,7 +6301,7 @@ function cr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
|
|
|
6104
6301
|
className: "relative flex-1 pb-2",
|
|
6105
6302
|
style: {
|
|
6106
6303
|
paddingLeft: $,
|
|
6107
|
-
paddingRight:
|
|
6304
|
+
paddingRight: Xn
|
|
6108
6305
|
},
|
|
6109
6306
|
children: s.map((e, t) => {
|
|
6110
6307
|
let n = t === 0, r = t === s.length - 1;
|
|
@@ -6114,18 +6311,18 @@ function cr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
|
|
|
6114
6311
|
left: $ + c(e),
|
|
6115
6312
|
transform: n ? "none" : r ? "translateX(-100%)" : "translateX(-50%)"
|
|
6116
6313
|
},
|
|
6117
|
-
children:
|
|
6314
|
+
children: In(e)
|
|
6118
6315
|
}, e);
|
|
6119
6316
|
})
|
|
6120
6317
|
})]
|
|
6121
6318
|
});
|
|
6122
6319
|
}
|
|
6123
|
-
function
|
|
6124
|
-
let i =
|
|
6320
|
+
function mr({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r }) {
|
|
6321
|
+
let i = Un(e, Hn(n)), a = ve().domain([0, e]).range([0, n]), o = r * Kn;
|
|
6125
6322
|
return /* @__PURE__ */ Y("svg", {
|
|
6126
6323
|
className: "pointer-events-none absolute top-0",
|
|
6127
6324
|
style: {
|
|
6128
|
-
left: t +
|
|
6325
|
+
left: t + Qn + $,
|
|
6129
6326
|
width: n,
|
|
6130
6327
|
height: o
|
|
6131
6328
|
},
|
|
@@ -6141,7 +6338,7 @@ function lr({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r })
|
|
|
6141
6338
|
}, e))
|
|
6142
6339
|
});
|
|
6143
6340
|
}
|
|
6144
|
-
var
|
|
6341
|
+
var hr = [
|
|
6145
6342
|
{
|
|
6146
6343
|
indent: 0,
|
|
6147
6344
|
labelPct: 60,
|
|
@@ -6173,7 +6370,7 @@ var ur = [
|
|
|
6173
6370
|
barPct: 65
|
|
6174
6371
|
}
|
|
6175
6372
|
];
|
|
6176
|
-
function
|
|
6373
|
+
function gr({ ariaLabel: t, className: n, ...r }) {
|
|
6177
6374
|
return /* @__PURE__ */ X("div", {
|
|
6178
6375
|
role: "img",
|
|
6179
6376
|
"aria-busy": "true",
|
|
@@ -6182,13 +6379,13 @@ function dr({ ariaLabel: t, className: n, ...r }) {
|
|
|
6182
6379
|
...r,
|
|
6183
6380
|
children: [/* @__PURE__ */ Y("div", {
|
|
6184
6381
|
className: "flex shrink-0 items-center border-b border-border bg-muted/30 px-3",
|
|
6185
|
-
style: { height:
|
|
6382
|
+
style: { height: Zn },
|
|
6186
6383
|
children: /* @__PURE__ */ Y(b, { className: "h-3 w-1/3 max-w-32" })
|
|
6187
6384
|
}), /* @__PURE__ */ Y("div", {
|
|
6188
6385
|
className: "flex-1",
|
|
6189
|
-
children:
|
|
6386
|
+
children: hr.map((e, t) => /* @__PURE__ */ X("div", {
|
|
6190
6387
|
className: "flex items-center gap-2 px-2",
|
|
6191
|
-
style: { height:
|
|
6388
|
+
style: { height: Kn },
|
|
6192
6389
|
children: [/* @__PURE__ */ X("div", {
|
|
6193
6390
|
className: "flex shrink-0 items-center gap-1.5",
|
|
6194
6391
|
style: { paddingLeft: e.indent * 12 },
|
|
@@ -6206,7 +6403,7 @@ function dr({ ariaLabel: t, className: n, ...r }) {
|
|
|
6206
6403
|
className: "rounded-sm",
|
|
6207
6404
|
style: {
|
|
6208
6405
|
width: `${e.barPct}%`,
|
|
6209
|
-
height:
|
|
6406
|
+
height: Jn
|
|
6210
6407
|
}
|
|
6211
6408
|
})
|
|
6212
6409
|
})]
|
|
@@ -6214,14 +6411,14 @@ function dr({ ariaLabel: t, className: n, ...r }) {
|
|
|
6214
6411
|
})]
|
|
6215
6412
|
});
|
|
6216
6413
|
}
|
|
6217
|
-
function
|
|
6414
|
+
function _r({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHover: a, onSpanLeave: o, defaultCollapsed: s = !1, renderTooltip: c, ariaLabel: l = "Trace waterfall timeline", className: u, ...d }) {
|
|
6218
6415
|
let f = E(n, t.length), [p, m] = U.useState({
|
|
6219
|
-
labelWidth:
|
|
6416
|
+
labelWidth: Wn,
|
|
6220
6417
|
timelineWidth: 0
|
|
6221
|
-
}), h = U.useRef(null), g = U.useMemo(() =>
|
|
6418
|
+
}), h = U.useRef(null), g = U.useMemo(() => lr(t), [t]), [_, v] = U.useState(() => s ? new Set(lr(t)) : /* @__PURE__ */ new Set()), y = U.useCallback((e) => {
|
|
6222
6419
|
if (h.current &&= (h.current.disconnect(), null), e) {
|
|
6223
6420
|
let t = new ResizeObserver(([e]) => {
|
|
6224
|
-
let t = Math.round(e.contentRect.width), n = Math.min(
|
|
6421
|
+
let t = Math.round(e.contentRect.width), n = Math.min(Wn, Math.round(t * Gn)), r = t - n - Qn - $ - Xn;
|
|
6225
6422
|
m({
|
|
6226
6423
|
labelWidth: n,
|
|
6227
6424
|
timelineWidth: Math.max(r, 0)
|
|
@@ -6229,13 +6426,13 @@ function fr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
|
|
|
6229
6426
|
});
|
|
6230
6427
|
t.observe(e), h.current = t;
|
|
6231
6428
|
}
|
|
6232
|
-
}, []), b = U.useMemo(() =>
|
|
6429
|
+
}, []), b = U.useMemo(() => Ln(t), [t]), S = U.useMemo(() => tr(t), [t]), C = U.useMemo(() => dr(t), [t]), w = U.useMemo(() => ur(t, _), [t, _]), T = U.useCallback((e) => {
|
|
6233
6430
|
v((t) => {
|
|
6234
6431
|
let n = new Set(t);
|
|
6235
6432
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
6236
6433
|
});
|
|
6237
6434
|
}, []), D = U.useCallback(() => v(/* @__PURE__ */ new Set()), []), O = U.useCallback(() => v(new Set(g)), [g]), k = _.size > 0;
|
|
6238
|
-
return f === "loading" ? /* @__PURE__ */ Y(
|
|
6435
|
+
return f === "loading" ? /* @__PURE__ */ Y(gr, {
|
|
6239
6436
|
ariaLabel: l,
|
|
6240
6437
|
className: u,
|
|
6241
6438
|
...d
|
|
@@ -6249,7 +6446,7 @@ function fr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
|
|
|
6249
6446
|
role: "treegrid",
|
|
6250
6447
|
"aria-label": l,
|
|
6251
6448
|
...d,
|
|
6252
|
-
children: [/* @__PURE__ */ Y(
|
|
6449
|
+
children: [/* @__PURE__ */ Y(pr, {
|
|
6253
6450
|
traceDurationNs: b,
|
|
6254
6451
|
labelWidth: p.labelWidth,
|
|
6255
6452
|
usableWidth: p.timelineWidth,
|
|
@@ -6261,17 +6458,17 @@ function fr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
|
|
|
6261
6458
|
className: "min-h-0 flex-1",
|
|
6262
6459
|
children: /* @__PURE__ */ X("div", {
|
|
6263
6460
|
className: "relative",
|
|
6264
|
-
children: [/* @__PURE__ */ Y(
|
|
6461
|
+
children: [/* @__PURE__ */ Y(mr, {
|
|
6265
6462
|
traceDurationNs: b,
|
|
6266
6463
|
labelWidth: p.labelWidth,
|
|
6267
6464
|
usableWidth: p.timelineWidth,
|
|
6268
6465
|
rowCount: w.length
|
|
6269
|
-
}), w.map((e) => /* @__PURE__ */ Y(
|
|
6466
|
+
}), w.map((e) => /* @__PURE__ */ Y(fr, {
|
|
6270
6467
|
span: e,
|
|
6271
6468
|
traceDurationNs: b,
|
|
6272
6469
|
labelWidth: p.labelWidth,
|
|
6273
6470
|
usableWidth: p.timelineWidth,
|
|
6274
|
-
serviceColor: S.get(e.serviceName) ??
|
|
6471
|
+
serviceColor: S.get(e.serviceName) ?? er[0],
|
|
6275
6472
|
selected: e.spanId === r,
|
|
6276
6473
|
hasChildren: g.has(e.spanId),
|
|
6277
6474
|
collapsed: _.has(e.spanId),
|
|
@@ -6288,27 +6485,27 @@ function fr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
|
|
|
6288
6485
|
}
|
|
6289
6486
|
//#endregion
|
|
6290
6487
|
//#region src/charts/BreakdownChart/BarMeter.tsx
|
|
6291
|
-
var
|
|
6488
|
+
var vr = {
|
|
6292
6489
|
positive: "text-success",
|
|
6293
6490
|
negative: "text-destructive",
|
|
6294
6491
|
neutral: "text-muted-foreground"
|
|
6295
6492
|
};
|
|
6296
|
-
function
|
|
6493
|
+
function yr({ trend: t, sentiment: n }) {
|
|
6297
6494
|
let r = t.direction === "down" ? Q : pt;
|
|
6298
6495
|
return /* @__PURE__ */ X("span", {
|
|
6299
|
-
className: e("inline-flex items-center gap-0.5 text-xs font-medium",
|
|
6496
|
+
className: e("inline-flex items-center gap-0.5 text-xs font-medium", vr[n]),
|
|
6300
6497
|
children: [t.direction !== "neutral" && /* @__PURE__ */ Y(r, { className: "size-3 stroke-[2.5]" }), t.isNew ? "New" : `${t.value}%`]
|
|
6301
6498
|
});
|
|
6302
6499
|
}
|
|
6303
|
-
function
|
|
6500
|
+
function br({ rank: e }) {
|
|
6304
6501
|
return /* @__PURE__ */ Y("span", {
|
|
6305
6502
|
"aria-hidden": "true",
|
|
6306
6503
|
className: "inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-md bg-muted px-1 text-[11px] font-semibold text-muted-foreground tabular-nums",
|
|
6307
6504
|
children: e
|
|
6308
6505
|
});
|
|
6309
6506
|
}
|
|
6310
|
-
function
|
|
6311
|
-
let v = Math.max(0, Math.min(1, r)), y = l === void 0 ? void 0 : Math.max(0, Math.min(1, l)), b = p ? `0 1px 8px -1px color-mix(in oklab, ${i} 55%, transparent)` : void 0, x = s ?
|
|
6507
|
+
function xr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon: o, trend: s, trendSentiment: c = "higher-is-better", threshold: l, rank: u, compact: d = !1, animated: f = !0, highlighted: p = !1, dimmed: m = !1, interactive: h = !1, className: g, ..._ }) {
|
|
6508
|
+
let v = Math.max(0, Math.min(1, r)), y = l === void 0 ? void 0 : Math.max(0, Math.min(1, l)), b = p ? `0 1px 8px -1px color-mix(in oklab, ${i} 55%, transparent)` : void 0, x = s ? sn(s.direction, c) : void 0;
|
|
6312
6509
|
return /* @__PURE__ */ X("div", {
|
|
6313
6510
|
"data-slot": "bar-meter",
|
|
6314
6511
|
role: h ? "button" : void 0,
|
|
@@ -6324,7 +6521,7 @@ function gr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
|
|
|
6324
6521
|
children: [/* @__PURE__ */ X("span", {
|
|
6325
6522
|
className: "flex min-w-0 items-center gap-2",
|
|
6326
6523
|
children: [
|
|
6327
|
-
u !== void 0 && /* @__PURE__ */ Y(
|
|
6524
|
+
u !== void 0 && /* @__PURE__ */ Y(br, { rank: u }),
|
|
6328
6525
|
o && /* @__PURE__ */ Y(o, { className: e("size-4 shrink-0 transition-colors", p ? "text-foreground" : "text-muted-foreground") }),
|
|
6329
6526
|
/* @__PURE__ */ Y("span", {
|
|
6330
6527
|
className: e("truncate text-sm transition-colors", p ? "font-semibold text-foreground" : "font-medium text-foreground"),
|
|
@@ -6333,7 +6530,7 @@ function gr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
|
|
|
6333
6530
|
]
|
|
6334
6531
|
}), /* @__PURE__ */ X("span", {
|
|
6335
6532
|
className: "flex shrink-0 items-center gap-2",
|
|
6336
|
-
children: [s && x && /* @__PURE__ */ Y(
|
|
6533
|
+
children: [s && x && /* @__PURE__ */ Y(yr, {
|
|
6337
6534
|
trend: s,
|
|
6338
6535
|
sentiment: x
|
|
6339
6536
|
}), /* @__PURE__ */ Y("span", {
|
|
@@ -6371,9 +6568,9 @@ function gr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
|
|
|
6371
6568
|
}
|
|
6372
6569
|
//#endregion
|
|
6373
6570
|
//#region src/charts/BreakdownChart/BreakdownContext.tsx
|
|
6374
|
-
var
|
|
6375
|
-
function
|
|
6376
|
-
return U.useContext(
|
|
6571
|
+
var Sr = U.createContext(null);
|
|
6572
|
+
function Cr() {
|
|
6573
|
+
return U.useContext(Sr) || {
|
|
6377
6574
|
tooltip: null,
|
|
6378
6575
|
legend: null,
|
|
6379
6576
|
summary: null,
|
|
@@ -6382,7 +6579,7 @@ function vr() {
|
|
|
6382
6579
|
setSummary: () => void 0
|
|
6383
6580
|
};
|
|
6384
6581
|
}
|
|
6385
|
-
function
|
|
6582
|
+
function wr({ children: e }) {
|
|
6386
6583
|
let [t, n] = U.useState(null), [r, i] = U.useState(null), [a, o] = U.useState(null), s = U.useMemo(() => ({
|
|
6387
6584
|
tooltip: t,
|
|
6388
6585
|
legend: r,
|
|
@@ -6395,21 +6592,21 @@ function yr({ children: e }) {
|
|
|
6395
6592
|
r,
|
|
6396
6593
|
a
|
|
6397
6594
|
]);
|
|
6398
|
-
return /* @__PURE__ */ Y(
|
|
6595
|
+
return /* @__PURE__ */ Y(Sr.Provider, {
|
|
6399
6596
|
value: s,
|
|
6400
6597
|
children: e
|
|
6401
6598
|
});
|
|
6402
6599
|
}
|
|
6403
6600
|
//#endregion
|
|
6404
6601
|
//#region src/charts/BreakdownChart/BreakdownTooltip.tsx
|
|
6405
|
-
function
|
|
6406
|
-
let { setTooltip: t } =
|
|
6602
|
+
function Tr({ content: e }) {
|
|
6603
|
+
let { setTooltip: t } = Cr();
|
|
6407
6604
|
return U.useLayoutEffect(() => (t({ content: typeof e == "function" ? e : (t, n) => U.cloneElement(e, {
|
|
6408
6605
|
item: t,
|
|
6409
6606
|
meta: n
|
|
6410
6607
|
}) }), () => t(null)), [e, t]), null;
|
|
6411
6608
|
}
|
|
6412
|
-
function
|
|
6609
|
+
function Er({ pos: e, containerRef: t, children: n }) {
|
|
6413
6610
|
let r = U.useRef(null), [i, a] = U.useState({
|
|
6414
6611
|
x: 0,
|
|
6415
6612
|
y: 0,
|
|
@@ -6451,10 +6648,10 @@ function xr({ pos: e, containerRef: t, children: n }) {
|
|
|
6451
6648
|
children: n
|
|
6452
6649
|
}), document.body);
|
|
6453
6650
|
}
|
|
6454
|
-
function
|
|
6651
|
+
function Dr(e) {
|
|
6455
6652
|
return typeof e == "number" ? e.toLocaleString() : e;
|
|
6456
6653
|
}
|
|
6457
|
-
function
|
|
6654
|
+
function Or({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator: o = !1, indicator: s = "dot", valueFormatter: c = Dr, showTotal: l = !1, totalLabel: u = "Total", className: d, ...f }) {
|
|
6458
6655
|
let p = i === void 0 && t !== void 0 && n !== void 0, m = r ?? t?.label, h = i ?? (p ? [{
|
|
6459
6656
|
name: n.formattedValue,
|
|
6460
6657
|
value: `${(n.ratio * 100).toFixed(1)}%`,
|
|
@@ -6508,7 +6705,7 @@ function Cr({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator:
|
|
|
6508
6705
|
}
|
|
6509
6706
|
//#endregion
|
|
6510
6707
|
//#region src/charts/BreakdownChart/BreakdownChart.tsx
|
|
6511
|
-
function
|
|
6708
|
+
function kr(e) {
|
|
6512
6709
|
let [t, n] = U.useState(!e);
|
|
6513
6710
|
return U.useEffect(() => {
|
|
6514
6711
|
if (!e) return;
|
|
@@ -6516,7 +6713,7 @@ function wr(e) {
|
|
|
6516
6713
|
return () => cancelAnimationFrame(t);
|
|
6517
6714
|
}, [e]), t;
|
|
6518
6715
|
}
|
|
6519
|
-
var
|
|
6716
|
+
var Ar = [
|
|
6520
6717
|
"var(--chart-1)",
|
|
6521
6718
|
"var(--chart-2)",
|
|
6522
6719
|
"var(--chart-3)",
|
|
@@ -6528,10 +6725,10 @@ var Tr = [
|
|
|
6528
6725
|
"var(--chart-9)",
|
|
6529
6726
|
"var(--chart-10)"
|
|
6530
6727
|
];
|
|
6531
|
-
function
|
|
6532
|
-
return e.color ??
|
|
6728
|
+
function jr(e, t) {
|
|
6729
|
+
return e.color ?? Ar[t % Ar.length];
|
|
6533
6730
|
}
|
|
6534
|
-
function
|
|
6731
|
+
function Mr(e, t) {
|
|
6535
6732
|
switch (t) {
|
|
6536
6733
|
case "total": {
|
|
6537
6734
|
let t = e.reduce((e, t) => e + t.value, 0);
|
|
@@ -6545,7 +6742,7 @@ function Dr(e, t) {
|
|
|
6545
6742
|
default: return t;
|
|
6546
6743
|
}
|
|
6547
6744
|
}
|
|
6548
|
-
var
|
|
6745
|
+
var Nr = [
|
|
6549
6746
|
.7,
|
|
6550
6747
|
.45,
|
|
6551
6748
|
.25,
|
|
@@ -6553,7 +6750,7 @@ var Or = [
|
|
|
6553
6750
|
.35,
|
|
6554
6751
|
.2
|
|
6555
6752
|
];
|
|
6556
|
-
function
|
|
6753
|
+
function Pr({ rows: t = 3, compact: n = !1, className: r, ...i }) {
|
|
6557
6754
|
return /* @__PURE__ */ Y("div", {
|
|
6558
6755
|
role: "img",
|
|
6559
6756
|
"aria-busy": "true",
|
|
@@ -6569,15 +6766,15 @@ function kr({ rows: t = 3, compact: n = !1, className: r, ...i }) {
|
|
|
6569
6766
|
}),
|
|
6570
6767
|
/* @__PURE__ */ Y(b, {
|
|
6571
6768
|
className: "h-2 rounded-full",
|
|
6572
|
-
style: { width: `${
|
|
6769
|
+
style: { width: `${Nr[r % Nr.length] * 100}%` }
|
|
6573
6770
|
}),
|
|
6574
6771
|
/* @__PURE__ */ Y(b, { className: "h-3 w-20" })
|
|
6575
6772
|
]
|
|
6576
6773
|
}, r))
|
|
6577
6774
|
});
|
|
6578
6775
|
}
|
|
6579
|
-
var
|
|
6580
|
-
function
|
|
6776
|
+
var Fr = 12, Ir = -12;
|
|
6777
|
+
function Lr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey: a, highlightOnHover: o, interactive: s, legendSlot: c, onSegmentHover: l, onSegmentClick: u }) {
|
|
6581
6778
|
let d = t.reduce((e, t) => e + t.value, 0);
|
|
6582
6779
|
return /* @__PURE__ */ X("div", {
|
|
6583
6780
|
className: "flex flex-col gap-3",
|
|
@@ -6592,7 +6789,7 @@ function Mr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
|
|
|
6592
6789
|
className: e("h-full ease-out", r ? "transition-[width,opacity] duration-700" : "transition-opacity duration-200", f === 0 && "rounded-l-full", f === t.length - 1 && "rounded-r-full", h && "opacity-55", m && o && "opacity-100", s && "cursor-pointer"),
|
|
6593
6790
|
style: {
|
|
6594
6791
|
width: i ? `${p}%` : "0%",
|
|
6595
|
-
backgroundColor:
|
|
6792
|
+
backgroundColor: jr(c, f)
|
|
6596
6793
|
},
|
|
6597
6794
|
onMouseEnter: () => l(c),
|
|
6598
6795
|
onMouseLeave: () => l(null),
|
|
@@ -6610,7 +6807,7 @@ function Mr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
|
|
|
6610
6807
|
children: [
|
|
6611
6808
|
/* @__PURE__ */ Y("span", {
|
|
6612
6809
|
className: "inline-block size-2.5 shrink-0 rounded-full",
|
|
6613
|
-
style: { backgroundColor:
|
|
6810
|
+
style: { backgroundColor: jr(e, t) },
|
|
6614
6811
|
"aria-hidden": "true"
|
|
6615
6812
|
}),
|
|
6616
6813
|
/* @__PURE__ */ Y("span", {
|
|
@@ -6626,10 +6823,10 @@ function Mr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
|
|
|
6626
6823
|
})]
|
|
6627
6824
|
});
|
|
6628
6825
|
}
|
|
6629
|
-
function
|
|
6826
|
+
function Rr(e, { pitch: t, gap: n }) {
|
|
6630
6827
|
return Math.max(0, Math.floor((e + n) / t));
|
|
6631
6828
|
}
|
|
6632
|
-
function
|
|
6829
|
+
function zr(e, t) {
|
|
6633
6830
|
let n = e.querySelectorAll("[data-slot=\"bar-meter\"]");
|
|
6634
6831
|
if (n.length >= 2) {
|
|
6635
6832
|
let e = n[1].offsetTop - n[0].offsetTop;
|
|
@@ -6646,12 +6843,12 @@ function Pr(e, t) {
|
|
|
6646
6843
|
gap: i
|
|
6647
6844
|
};
|
|
6648
6845
|
}
|
|
6649
|
-
function
|
|
6846
|
+
function Br(e) {
|
|
6650
6847
|
let [t, n] = U.useState(void 0), r = U.useRef(null), i = U.useCallback(() => {
|
|
6651
6848
|
let t = e.current;
|
|
6652
6849
|
if (!t) return;
|
|
6653
|
-
r.current =
|
|
6654
|
-
let i = r.current, a = t.clientHeight, o = i && a > 0 ?
|
|
6850
|
+
r.current = zr(t, r.current);
|
|
6851
|
+
let i = r.current, a = t.clientHeight, o = i && a > 0 ? Rr(a, i) : void 0;
|
|
6655
6852
|
n((e) => e === o ? e : o);
|
|
6656
6853
|
}, [e]);
|
|
6657
6854
|
return U.useEffect(() => {
|
|
@@ -6664,7 +6861,7 @@ function Fr(e) {
|
|
|
6664
6861
|
remeasure: i
|
|
6665
6862
|
};
|
|
6666
6863
|
}
|
|
6667
|
-
function
|
|
6864
|
+
function Vr(e, t, n) {
|
|
6668
6865
|
let r = t === void 0 || Number.isNaN(t) ? void 0 : Math.max(0, Math.floor(t)), i = r ?? n, [a, o] = U.useState(!1), [s, c] = U.useState(r);
|
|
6669
6866
|
Object.is(r, s) || (c(r), a && o(!1));
|
|
6670
6867
|
let l = U.useCallback(() => o((e) => !e), []);
|
|
@@ -6682,21 +6879,21 @@ function Ir(e, t, n) {
|
|
|
6682
6879
|
toggle: l
|
|
6683
6880
|
};
|
|
6684
6881
|
}
|
|
6685
|
-
function
|
|
6686
|
-
return /* @__PURE__ */ X(
|
|
6882
|
+
function Hr({ children: e, ...t }) {
|
|
6883
|
+
return /* @__PURE__ */ X(wr, { children: [e, /* @__PURE__ */ Y(Ur, { ...t })] });
|
|
6687
6884
|
}
|
|
6688
|
-
function
|
|
6689
|
-
let { tooltip: b, legend: S, summary: C } =
|
|
6885
|
+
function Ur({ items: t, variant: n = "list", ratioMode: r = "total", formatValue: i, trendSentiment: a = "higher-is-better", sortByValue: o, showRank: s = !1, summary: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f = !0, state: p, skeletonRows: m = 3, ariaLabel: h = "Breakdown chart", onItemClick: g, onItemHover: _, className: v, ...y }) {
|
|
6886
|
+
let { tooltip: b, legend: S, summary: C } = Cr(), w = p ?? (t.length === 0 ? "empty" : "ready"), [T, E] = U.useState(null), D = g !== void 0, O = kr(u), k = U.useRef(null), [A, j] = U.useState(null), M = U.useMemo(() => o ? [...t].sort((e, t) => o === "asc" ? e.value - t.value : t.value - e.value) : t, [t, o]), N = U.useMemo(() => Mr(M, r), [M, r]), P = U.useCallback((e) => {
|
|
6690
6887
|
E(e?.key ?? null), e || j(null), _?.(e);
|
|
6691
6888
|
}, [_]), F = U.useCallback((e) => {
|
|
6692
6889
|
if (!b || !k.current) return;
|
|
6693
6890
|
let t = k.current.getBoundingClientRect();
|
|
6694
6891
|
j({
|
|
6695
|
-
x: e.clientX - t.left +
|
|
6696
|
-
y: e.clientY - t.top +
|
|
6892
|
+
x: e.clientX - t.left + Fr,
|
|
6893
|
+
y: e.clientY - t.top + Ir
|
|
6697
6894
|
});
|
|
6698
6895
|
}, [b]);
|
|
6699
|
-
if (w === "loading") return /* @__PURE__ */ Y(
|
|
6896
|
+
if (w === "loading") return /* @__PURE__ */ Y(Pr, {
|
|
6700
6897
|
rows: m,
|
|
6701
6898
|
compact: d,
|
|
6702
6899
|
className: v,
|
|
@@ -6708,11 +6905,11 @@ function Rr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
|
|
|
6708
6905
|
children: /* @__PURE__ */ Y(x, { ariaLabel: h })
|
|
6709
6906
|
});
|
|
6710
6907
|
let I = T ? M.findIndex((e) => e.key === T) : -1, L = I >= 0 ? M[I] : null, R = L ? {
|
|
6711
|
-
color:
|
|
6908
|
+
color: jr(L, I),
|
|
6712
6909
|
index: I,
|
|
6713
6910
|
ratio: N[I],
|
|
6714
6911
|
formattedValue: i ? i(L.value) : String(L.value)
|
|
6715
|
-
} : null, z = b && L && R && A ? /* @__PURE__ */ Y(
|
|
6912
|
+
} : null, z = b && L && R && A ? /* @__PURE__ */ Y(Er, {
|
|
6716
6913
|
pos: A,
|
|
6717
6914
|
containerRef: k,
|
|
6718
6915
|
children: b.content(L, R)
|
|
@@ -6724,7 +6921,7 @@ function Rr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
|
|
|
6724
6921
|
onMouseMove: F,
|
|
6725
6922
|
...y,
|
|
6726
6923
|
ref: k,
|
|
6727
|
-
children: [/* @__PURE__ */ Y(
|
|
6924
|
+
children: [/* @__PURE__ */ Y(Lr, {
|
|
6728
6925
|
items: M,
|
|
6729
6926
|
formatValue: i,
|
|
6730
6927
|
animated: u,
|
|
@@ -6736,7 +6933,7 @@ function Rr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
|
|
|
6736
6933
|
onSegmentHover: P,
|
|
6737
6934
|
onSegmentClick: g
|
|
6738
6935
|
}), z]
|
|
6739
|
-
}) : /* @__PURE__ */ Y(
|
|
6936
|
+
}) : /* @__PURE__ */ Y(Wr, {
|
|
6740
6937
|
containerRef: k,
|
|
6741
6938
|
items: M,
|
|
6742
6939
|
ratios: N,
|
|
@@ -6761,8 +6958,8 @@ function Rr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
|
|
|
6761
6958
|
...y
|
|
6762
6959
|
});
|
|
6763
6960
|
}
|
|
6764
|
-
function
|
|
6765
|
-
let S = U.useRef(null), { fitCount: C, remeasure: w } =
|
|
6961
|
+
function Wr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentiment: a = "higher-is-better", showRank: o = !1, summary: s, summarySlot: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f, mounted: p, ariaLabel: m = "Breakdown chart", hoveredKey: h, interactive: g, onItemHover: _, onItemClick: v, tooltipPortal: y, className: b, ...x }) {
|
|
6962
|
+
let S = U.useRef(null), { fitCount: C, remeasure: w } = Br(S), { visibleItems: T, hiddenCount: E, expanded: D, collapsible: O, toggle: k } = Vr(n, l, C);
|
|
6766
6963
|
U.useLayoutEffect(w, [
|
|
6767
6964
|
w,
|
|
6768
6965
|
n,
|
|
@@ -6798,11 +6995,11 @@ function zr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentime
|
|
|
6798
6995
|
},
|
|
6799
6996
|
children: /* @__PURE__ */ Y("div", {
|
|
6800
6997
|
className: e("flex flex-col", M),
|
|
6801
|
-
children: T.map((e, t) => /* @__PURE__ */ Y(
|
|
6998
|
+
children: T.map((e, t) => /* @__PURE__ */ Y(xr, {
|
|
6802
6999
|
label: e.label,
|
|
6803
7000
|
formattedValue: i ? i(e.value) : String(e.value),
|
|
6804
7001
|
ratio: p ? r[t] : 0,
|
|
6805
|
-
color:
|
|
7002
|
+
color: jr(e, t),
|
|
6806
7003
|
detail: e.detail,
|
|
6807
7004
|
icon: e.icon,
|
|
6808
7005
|
trend: e.trend,
|
|
@@ -6846,11 +7043,11 @@ function zr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentime
|
|
|
6846
7043
|
}
|
|
6847
7044
|
//#endregion
|
|
6848
7045
|
//#region src/charts/BreakdownChart/BreakdownLegend.tsx
|
|
6849
|
-
function
|
|
6850
|
-
let { setLegend: t } =
|
|
7046
|
+
function Gr({ children: e }) {
|
|
7047
|
+
let { setLegend: t } = Cr();
|
|
6851
7048
|
return U.useLayoutEffect(() => (t(e), () => t(null)), [e, t]), null;
|
|
6852
7049
|
}
|
|
6853
|
-
function
|
|
7050
|
+
function Kr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
|
|
6854
7051
|
return /* @__PURE__ */ Y("div", {
|
|
6855
7052
|
className: e("flex flex-wrap items-center gap-x-4 gap-y-1", i),
|
|
6856
7053
|
...a,
|
|
@@ -6876,13 +7073,13 @@ function Vr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
|
|
|
6876
7073
|
}
|
|
6877
7074
|
//#endregion
|
|
6878
7075
|
//#region src/charts/BreakdownChart/BreakdownSummary.tsx
|
|
6879
|
-
function
|
|
6880
|
-
let { setSummary: t } =
|
|
7076
|
+
function qr({ children: e }) {
|
|
7077
|
+
let { setSummary: t } = Cr();
|
|
6881
7078
|
return U.useLayoutEffect(() => (t(e), () => t(null)), [e, t]), null;
|
|
6882
7079
|
}
|
|
6883
7080
|
//#endregion
|
|
6884
7081
|
//#region src/charts/FilterCombobox/DataTypeIcon.tsx
|
|
6885
|
-
function
|
|
7082
|
+
function Jr({ icon: t, tooltipContent: n, colorClass: r }) {
|
|
6886
7083
|
return /* @__PURE__ */ X(se, { children: [/* @__PURE__ */ Y(ue, {
|
|
6887
7084
|
asChild: !0,
|
|
6888
7085
|
children: /* @__PURE__ */ Y("span", {
|
|
@@ -6896,10 +7093,10 @@ function Ur({ icon: t, tooltipContent: n, colorClass: r }) {
|
|
|
6896
7093
|
}
|
|
6897
7094
|
//#endregion
|
|
6898
7095
|
//#region src/charts/FilterCombobox/DataTypeIcons.tsx
|
|
6899
|
-
function
|
|
7096
|
+
function Yr({ dataTypes: e }) {
|
|
6900
7097
|
return e.length === 0 ? null : /* @__PURE__ */ Y("span", {
|
|
6901
7098
|
className: "ml-2 flex shrink-0 items-center",
|
|
6902
|
-
children: e.map((e) => /* @__PURE__ */ Y(
|
|
7099
|
+
children: e.map((e) => /* @__PURE__ */ Y(Jr, {
|
|
6903
7100
|
icon: e.icon,
|
|
6904
7101
|
tooltipContent: e.tooltipContent,
|
|
6905
7102
|
colorClass: e.colorClass
|
|
@@ -6908,19 +7105,19 @@ function Wr({ dataTypes: e }) {
|
|
|
6908
7105
|
}
|
|
6909
7106
|
//#endregion
|
|
6910
7107
|
//#region src/charts/FilterCombobox/filter-combobox-options.ts
|
|
6911
|
-
function
|
|
7108
|
+
function Xr(e, t) {
|
|
6912
7109
|
return `${e}-${t}`;
|
|
6913
7110
|
}
|
|
6914
|
-
function
|
|
7111
|
+
function Zr(e) {
|
|
6915
7112
|
return e;
|
|
6916
7113
|
}
|
|
6917
|
-
function
|
|
7114
|
+
function Qr(e, t) {
|
|
6918
7115
|
return `${e}-option-${t}`;
|
|
6919
7116
|
}
|
|
6920
|
-
function
|
|
7117
|
+
function $r(e, t, n, r) {
|
|
6921
7118
|
if (!e) return t.map((e) => ({
|
|
6922
7119
|
item: e,
|
|
6923
|
-
optionValue:
|
|
7120
|
+
optionValue: Zr(e.id)
|
|
6924
7121
|
}));
|
|
6925
7122
|
let i = [];
|
|
6926
7123
|
for (let e of n) {
|
|
@@ -6928,30 +7125,30 @@ function Jr(e, t, n, r) {
|
|
|
6928
7125
|
let n = t.filter((t) => t.scopes.includes(e.id));
|
|
6929
7126
|
for (let t of n) i.push({
|
|
6930
7127
|
item: t,
|
|
6931
|
-
optionValue:
|
|
7128
|
+
optionValue: Xr(e.id, t.id)
|
|
6932
7129
|
});
|
|
6933
7130
|
}
|
|
6934
7131
|
return i;
|
|
6935
7132
|
}
|
|
6936
|
-
function
|
|
7133
|
+
function ei(e, t, n) {
|
|
6937
7134
|
if (e.length === 0) return;
|
|
6938
7135
|
let r = t ? e.findIndex((e) => e.optionValue === t) : -1;
|
|
6939
7136
|
return r === -1 ? n === "next" ? e[0].optionValue : e[e.length - 1].optionValue : n === "next" ? e[r < e.length - 1 ? r + 1 : 0].optionValue : e[r > 0 ? r - 1 : e.length - 1].optionValue;
|
|
6940
7137
|
}
|
|
6941
|
-
function
|
|
7138
|
+
function ti(e, t) {
|
|
6942
7139
|
if (t) return e.some((e) => e.optionValue === t) ? t : void 0;
|
|
6943
7140
|
}
|
|
6944
7141
|
//#endregion
|
|
6945
7142
|
//#region src/charts/FilterCombobox/resolve-item-data-types.ts
|
|
6946
|
-
function
|
|
7143
|
+
function ni(e) {
|
|
6947
7144
|
return e.dataTypeIds ?? [];
|
|
6948
7145
|
}
|
|
6949
|
-
function
|
|
6950
|
-
return Array.from(new Set(
|
|
7146
|
+
function ri(e, t) {
|
|
7147
|
+
return Array.from(new Set(ni(e))).map((e) => t.find((t) => t.id === e)).filter((e) => e !== void 0);
|
|
6951
7148
|
}
|
|
6952
7149
|
//#endregion
|
|
6953
7150
|
//#region src/charts/FilterCombobox/FilterGroupedList.tsx
|
|
6954
|
-
function
|
|
7151
|
+
function ii({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScope: a, onSelect: o, onHighlightOption: s }) {
|
|
6955
7152
|
return /* @__PURE__ */ Y(J, { children: t.map((t) => {
|
|
6956
7153
|
let c = r.filter((e) => e.scopes.includes(t.id));
|
|
6957
7154
|
if (c.length === 0) return null;
|
|
@@ -6982,7 +7179,7 @@ function $r({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
|
|
|
6982
7179
|
}), /* @__PURE__ */ Y(R, { children: /* @__PURE__ */ Y(B, {
|
|
6983
7180
|
className: "mt-1 ml-3 pl-1",
|
|
6984
7181
|
children: (i[t.id] ?? !0) && c.map((e) => {
|
|
6985
|
-
let r =
|
|
7182
|
+
let r = ri(e, n), i = Xr(t.id, e.id);
|
|
6986
7183
|
return /* @__PURE__ */ X(V, {
|
|
6987
7184
|
"data-filter-option-value": i,
|
|
6988
7185
|
value: i,
|
|
@@ -6992,7 +7189,7 @@ function $r({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
|
|
|
6992
7189
|
children: [/* @__PURE__ */ Y("span", {
|
|
6993
7190
|
className: "min-w-0 flex-1 truncate font-medium text-foreground",
|
|
6994
7191
|
children: e.name
|
|
6995
|
-
}), /* @__PURE__ */ Y(
|
|
7192
|
+
}), /* @__PURE__ */ Y(Yr, { dataTypes: r })]
|
|
6996
7193
|
}, `${t.id}-${e.id}`);
|
|
6997
7194
|
})
|
|
6998
7195
|
}) })]
|
|
@@ -7001,12 +7198,12 @@ function $r({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
|
|
|
7001
7198
|
}
|
|
7002
7199
|
//#endregion
|
|
7003
7200
|
//#region src/charts/FilterCombobox/HighlightMatch.tsx
|
|
7004
|
-
function
|
|
7201
|
+
function ai(e) {
|
|
7005
7202
|
return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
|
|
7006
7203
|
}
|
|
7007
|
-
function
|
|
7204
|
+
function oi(e, t) {
|
|
7008
7205
|
if (!t.trim()) return [e];
|
|
7009
|
-
let n =
|
|
7206
|
+
let n = ai(t);
|
|
7010
7207
|
return e.split(RegExp(`(${n})`, "gi")).map((e, n) => e.toLowerCase() === t.toLowerCase() ? /* @__PURE__ */ Y("mark", {
|
|
7011
7208
|
className: "rounded-sm bg-warning/10 text-warning-foreground",
|
|
7012
7209
|
children: e
|
|
@@ -7014,12 +7211,12 @@ function ti(e, t) {
|
|
|
7014
7211
|
}
|
|
7015
7212
|
//#endregion
|
|
7016
7213
|
//#region src/charts/FilterCombobox/FilterSearchList.tsx
|
|
7017
|
-
function
|
|
7214
|
+
function si({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, onHighlightOption: o }) {
|
|
7018
7215
|
return /* @__PURE__ */ Y(B, {
|
|
7019
7216
|
heading: `Results (${r.length})`,
|
|
7020
7217
|
className: "mt-1",
|
|
7021
7218
|
children: r.map((r) => {
|
|
7022
|
-
let s =
|
|
7219
|
+
let s = ri(r, n), c = Zr(r.id);
|
|
7023
7220
|
return /* @__PURE__ */ X(V, {
|
|
7024
7221
|
"data-filter-option-value": c,
|
|
7025
7222
|
value: c,
|
|
@@ -7030,7 +7227,7 @@ function ni({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, on
|
|
|
7030
7227
|
className: "flex min-w-0 flex-1 flex-col gap-1.5 overflow-hidden",
|
|
7031
7228
|
children: [/* @__PURE__ */ Y("span", {
|
|
7032
7229
|
className: "truncate text-sm font-medium text-foreground",
|
|
7033
|
-
children:
|
|
7230
|
+
children: oi(r.name, i)
|
|
7034
7231
|
}), /* @__PURE__ */ Y("div", {
|
|
7035
7232
|
className: "flex flex-wrap items-center gap-1.5",
|
|
7036
7233
|
children: r.scopes.map((n) => {
|
|
@@ -7044,14 +7241,14 @@ function ni({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, on
|
|
|
7044
7241
|
}, n);
|
|
7045
7242
|
})
|
|
7046
7243
|
})]
|
|
7047
|
-
}), /* @__PURE__ */ Y(
|
|
7244
|
+
}), /* @__PURE__ */ Y(Yr, { dataTypes: s })]
|
|
7048
7245
|
}, r.id);
|
|
7049
7246
|
})
|
|
7050
7247
|
});
|
|
7051
7248
|
}
|
|
7052
7249
|
//#endregion
|
|
7053
7250
|
//#region src/charts/FilterCombobox/use-filter-combobox.ts
|
|
7054
|
-
function
|
|
7251
|
+
function ci({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open: a, onOpenChange: o }) {
|
|
7055
7252
|
let s = K(), c = _e(null), l = _e(null), u = _e(null), d = _e(!1), f = a !== void 0, p = r !== void 0, [m, h] = q(!1), [g, _] = q(null), [v, y] = q(""), [b, x] = q(void 0), S = f ? a : m, C = p ? r : g, w = G((e) => {
|
|
7056
7253
|
f ? o?.(e) : h(e);
|
|
7057
7254
|
}, [f, o]), T = G((e) => {
|
|
@@ -7064,15 +7261,15 @@ function ri({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
|
|
|
7064
7261
|
}, []), k = ge(() => {
|
|
7065
7262
|
let t = v.trim().toLowerCase();
|
|
7066
7263
|
return t ? e.filter((e) => e.name.toLowerCase().includes(t) || e.id.toLowerCase().includes(t)) : e;
|
|
7067
|
-
}, [e, v]), A = v.trim() === "", j = ge(() =>
|
|
7264
|
+
}, [e, v]), A = v.trim() === "", j = ge(() => $r(A, k, t, E), [
|
|
7068
7265
|
A,
|
|
7069
7266
|
k,
|
|
7070
7267
|
t,
|
|
7071
7268
|
E
|
|
7072
|
-
]), M = ge(() =>
|
|
7269
|
+
]), M = ge(() => ti(j, b), [j, b]), N = M ? Qr(s, M) : void 0, P = G(() => {
|
|
7073
7270
|
x(void 0);
|
|
7074
7271
|
}, []), F = G((e) => {
|
|
7075
|
-
x((t) =>
|
|
7272
|
+
x((t) => ei(j, t, e));
|
|
7076
7273
|
}, [j]), I = G((e) => {
|
|
7077
7274
|
d.current = !1, u.current = e, T(e), y(e.name), P(), w(!1), n(e);
|
|
7078
7275
|
}, [
|
|
@@ -7142,7 +7339,7 @@ function ri({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
|
|
|
7142
7339
|
}
|
|
7143
7340
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
7144
7341
|
}, [P, w]), me(() => {
|
|
7145
|
-
!S || !M || document.getElementById(
|
|
7342
|
+
!S || !M || document.getElementById(Qr(s, M))?.scrollIntoView({ block: "nearest" });
|
|
7146
7343
|
}, [
|
|
7147
7344
|
M,
|
|
7148
7345
|
S,
|
|
@@ -7155,7 +7352,7 @@ function ri({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
|
|
|
7155
7352
|
for (let e of t) {
|
|
7156
7353
|
if (!(e instanceof HTMLElement)) continue;
|
|
7157
7354
|
let t = e.getAttribute("data-filter-option-value");
|
|
7158
|
-
t && (e.id =
|
|
7355
|
+
t && (e.id = Qr(s, t));
|
|
7159
7356
|
}
|
|
7160
7357
|
}, [
|
|
7161
7358
|
S,
|
|
@@ -7189,8 +7386,8 @@ function ri({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
|
|
|
7189
7386
|
}
|
|
7190
7387
|
//#endregion
|
|
7191
7388
|
//#region src/charts/FilterCombobox/FilterCombobox.tsx
|
|
7192
|
-
function
|
|
7193
|
-
let { listboxId: f, containerRef: p, inputRef: m, isOpen: h, isIdle: g, inputValue: _, highlightedOptionValue: v, activeDescendantId: y, expandedScopes: b, filteredItems: x, toggleScope: S, handleSelect: C, handleClear: w, handleInputChange: T, handleClick: E, handleHighlightOption: D, handleFocus: O, handleKeyDown: k } =
|
|
7389
|
+
function li({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "Search a property...", emptyMessage: a = "No results found.", listLabel: o = "Filter options", inputId: s, value: c, onValueChange: l, open: u, onOpenChange: d }) {
|
|
7390
|
+
let { listboxId: f, containerRef: p, inputRef: m, isOpen: h, isIdle: g, inputValue: _, highlightedOptionValue: v, activeDescendantId: y, expandedScopes: b, filteredItems: x, toggleScope: S, handleSelect: C, handleClear: w, handleInputChange: T, handleClick: E, handleHighlightOption: D, handleFocus: O, handleKeyDown: k } = ci({
|
|
7194
7391
|
items: n,
|
|
7195
7392
|
scopes: e,
|
|
7196
7393
|
onSelect: r,
|
|
@@ -7253,7 +7450,7 @@ function ii({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
|
|
|
7253
7450
|
className: "text-xs",
|
|
7254
7451
|
children: a
|
|
7255
7452
|
})]
|
|
7256
|
-
}) }), g ? /* @__PURE__ */ Y(
|
|
7453
|
+
}) }), g ? /* @__PURE__ */ Y(ii, {
|
|
7257
7454
|
scopes: e,
|
|
7258
7455
|
dataTypes: t,
|
|
7259
7456
|
items: x,
|
|
@@ -7261,7 +7458,7 @@ function ii({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
|
|
|
7261
7458
|
onToggleScope: S,
|
|
7262
7459
|
onSelect: C,
|
|
7263
7460
|
onHighlightOption: D
|
|
7264
|
-
}) : /* @__PURE__ */ Y(
|
|
7461
|
+
}) : /* @__PURE__ */ Y(si, {
|
|
7265
7462
|
scopes: e,
|
|
7266
7463
|
dataTypes: t,
|
|
7267
7464
|
items: x,
|
|
@@ -7276,4 +7473,4 @@ function ii({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
|
|
|
7276
7473
|
});
|
|
7277
7474
|
}
|
|
7278
7475
|
//#endregion
|
|
7279
|
-
export {
|
|
7476
|
+
export { Fn as AreaChart, Ge as AreaSeries, Je as BarChart, xr as BarMeter, Ue as BarSeries, Hr as BreakdownChart, Pr as BreakdownChartSkeleton, Gr as BreakdownLegend, Kr as BreakdownLegendContent, qr as BreakdownSummary, Tr as BreakdownTooltip, Or as BreakdownTooltipContent, a as CHART_THEMES, g as CartesianChart, m as CategoryAxis, m as XAxis, Re as ChartBrush, De as ChartCard, O as ChartContainer, Le as ChartLegend, Ie as ChartLegendContent, s as ChartStyle, Pe as ChartTooltip, Ne as ChartTooltipContent, _ as DEFAULT_MARGIN, $e as DoughnutChart, li as FilterCombobox, A as Grid, Pn as LineChart, Ve as LineSeries, _n as Metric, Nn as MetricGroup, D as ReferenceLine, _r as TraceWaterfall, c as ValueAxis, c as YAxis, Un as buildTimeAxisTicks, e as cn, t as compactTick, Rn as computeBarGeometry, Ln as computeTraceDurationNs, In as formatDurationNs, zn as formatTracePercent, sn as resolveSentiment, i as useChartConfig };
|