@logicplanes/kaeso-ui 0.3.6 → 0.3.8
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/ai/component-guides.md +5 -4
- package/ai/component-registry.json +15 -8
- package/ai/component-registry.md +9 -8
- package/ai/icons.md +1 -1
- package/ai/tokens.md +1 -1
- package/dist/blocks/delete-resource.js +1 -1
- package/dist/blocks/pages.js +2 -2
- package/dist/blocks/resource-list.js +2 -2
- package/dist/chunks/{app-frame-B9vrgwaE.js → app-frame-Cj_gCbmu.js} +6 -6
- package/dist/chunks/{app-frame-B9vrgwaE.js.map → app-frame-Cj_gCbmu.js.map} +1 -1
- package/dist/chunks/{banner-BBlNFHd-.js → banner-DY1jSc9Y.js} +2 -2
- package/dist/chunks/{banner-BBlNFHd-.js.map → banner-DY1jSc9Y.js.map} +1 -1
- package/dist/chunks/{button-CAPyW-v8.js → button-h2IFCER2.js} +2 -2
- package/dist/chunks/{button-CAPyW-v8.js.map → button-h2IFCER2.js.map} +1 -1
- package/dist/chunks/{calendar-CBeptQFq.js → calendar-cVuezHQ6.js} +5 -2
- package/dist/chunks/calendar-cVuezHQ6.js.map +1 -0
- package/dist/chunks/{code-block-DREsvJ-g.js → code-block-BU8gYeZQ.js} +2 -2
- package/dist/chunks/{code-block-DREsvJ-g.js.map → code-block-BU8gYeZQ.js.map} +1 -1
- package/dist/chunks/{combobox-DqtzsAKG.js → combobox-B9ttar4C.js} +3 -3
- package/dist/chunks/{combobox-DqtzsAKG.js.map → combobox-B9ttar4C.js.map} +1 -1
- package/dist/chunks/{command-list-D5k0uvkR.js → command-list-DZMVrXWD.js} +2 -2
- package/dist/chunks/{command-list-D5k0uvkR.js.map → command-list-DZMVrXWD.js.map} +1 -1
- package/dist/chunks/{copy-button-CNpEnS04.js → copy-button-CXJ7fA9z.js} +3 -3
- package/dist/chunks/{copy-button-CNpEnS04.js.map → copy-button-CXJ7fA9z.js.map} +1 -1
- package/dist/chunks/{core-CqLWVMDI.js → core-Bu6iq5uh.js} +2 -2
- package/dist/chunks/{core-CqLWVMDI.js.map → core-Bu6iq5uh.js.map} +1 -1
- package/dist/chunks/{date-popup-BgDz6SUj.js → date-popup-BJPA_fBm.js} +3 -3
- package/dist/chunks/{date-popup-BgDz6SUj.js.map → date-popup-BJPA_fBm.js.map} +1 -1
- package/dist/chunks/{de-CkXZKaBD.js → de-BnNQtBSV.js} +3 -3
- package/dist/chunks/{de-CkXZKaBD.js.map → de-BnNQtBSV.js.map} +1 -1
- package/dist/chunks/{dialog-truWH0qe.js → dialog-BLcP7v24.js} +5 -5
- package/dist/chunks/{dialog-truWH0qe.js.map → dialog-BLcP7v24.js.map} +1 -1
- package/dist/chunks/hidden-description-B2zSmLcn.js +23 -0
- package/dist/chunks/hidden-description-B2zSmLcn.js.map +1 -0
- package/dist/chunks/{icon-button-D4O4puwH.js → icon-button-DmKFxQbP.js} +3 -3
- package/dist/chunks/{icon-button-D4O4puwH.js.map → icon-button-DmKFxQbP.js.map} +1 -1
- package/dist/chunks/{identity-CsZvAUwu.js → identity-Chj7fW89.js} +3 -3
- package/dist/chunks/{identity-CsZvAUwu.js.map → identity-Chj7fW89.js.map} +1 -1
- package/dist/chunks/{input-B0wtkcNh.js → input-9y3afoiq.js} +2 -2
- package/dist/chunks/{input-B0wtkcNh.js.map → input-9y3afoiq.js.map} +1 -1
- package/dist/chunks/{input-group-BQLw06B0.js → input-group-BoxjnN8I.js} +2 -2
- package/dist/chunks/{input-group-BQLw06B0.js.map → input-group-BoxjnN8I.js.map} +1 -1
- package/dist/chunks/{iso-field-BUXgY1dB.js → iso-field-DAa6iPWn.js} +2 -2
- package/dist/chunks/{iso-field-BUXgY1dB.js.map → iso-field-DAa6iPWn.js.map} +1 -1
- package/dist/chunks/{list-wXZIZo_s.js → list-7VARol_x.js} +4 -4
- package/dist/chunks/{list-wXZIZo_s.js.map → list-7VARol_x.js.map} +1 -1
- package/dist/chunks/{markdown-DWyxjsSY.js → markdown-DBVNULWg.js} +4 -4
- package/dist/chunks/{markdown-DWyxjsSY.js.map → markdown-DBVNULWg.js.map} +1 -1
- package/dist/chunks/{nav-sheet-QqNRHo-y.js → nav-sheet-D7wIF_OU.js} +2 -2
- package/dist/chunks/{nav-sheet-QqNRHo-y.js.map → nav-sheet-D7wIF_OU.js.map} +1 -1
- package/dist/chunks/{page-header-Ccnrspbp.js → page-header-B3tV8Wog.js} +2 -2
- package/dist/chunks/{page-header-Ccnrspbp.js.map → page-header-B3tV8Wog.js.map} +1 -1
- package/dist/chunks/{pagination-CEmWZNjp.js → pagination-CLfsofo3.js} +3 -3
- package/dist/chunks/{pagination-CEmWZNjp.js.map → pagination-CLfsofo3.js.map} +1 -1
- package/dist/chunks/picker-popover-B5YdOxNm.js +105 -0
- package/dist/chunks/picker-popover-B5YdOxNm.js.map +1 -0
- package/dist/chunks/{range-popup-CG9Jo5B7.js → range-popup-ZunS8QSH.js} +4 -4
- package/dist/chunks/{range-popup-CG9Jo5B7.js.map → range-popup-ZunS8QSH.js.map} +1 -1
- package/dist/chunks/{resize-motion-BWGMchyP.js → resize-motion-DS3rIIqy.js} +2 -2
- package/dist/chunks/resize-motion-DS3rIIqy.js.map +1 -0
- package/dist/chunks/{rights-hMoaFasn.js → rights-CiIBzT9o.js} +4 -4
- package/dist/chunks/{rights-hMoaFasn.js.map → rights-CiIBzT9o.js.map} +1 -1
- package/dist/chunks/{segmented-DXKVF-nY.js → segmented-DxjnIuww.js} +3 -3
- package/dist/chunks/{segmented-DXKVF-nY.js.map → segmented-DxjnIuww.js.map} +1 -1
- package/dist/chunks/{sidebar-Dey1ZfGt.js → sidebar-ZSTPK9Jn.js} +210 -206
- package/dist/chunks/sidebar-ZSTPK9Jn.js.map +1 -0
- package/dist/chunks/{switch-CSKMEomo.js → switch-Cq1OfeBr.js} +2 -2
- package/dist/chunks/{switch-CSKMEomo.js.map → switch-Cq1OfeBr.js.map} +1 -1
- package/dist/chunks/{tag-CwDKXVHj.js → tag-XgPXKoxi.js} +2 -2
- package/dist/chunks/{tag-CwDKXVHj.js.map → tag-XgPXKoxi.js.map} +1 -1
- package/dist/chunks/{text-Dvvgg5Jt.js → text-IoDy3Vxi.js} +2 -2
- package/dist/chunks/{text-Dvvgg5Jt.js.map → text-IoDy3Vxi.js.map} +1 -1
- package/dist/chunks/{textarea-2d373OyU.js → textarea-jOiTkfMf.js} +3 -3
- package/dist/chunks/{textarea-2d373OyU.js.map → textarea-jOiTkfMf.js.map} +1 -1
- package/dist/chunks/{timeseries-LRDAZHV0.js → timeseries-BBWsSM4Q.js} +51 -51
- package/dist/chunks/timeseries-BBWsSM4Q.js.map +1 -0
- package/dist/chunks/{tooltip-S1DmyLVl.js → tooltip-CTBnfiDH.js} +30 -30
- package/dist/chunks/tooltip-CTBnfiDH.js.map +1 -0
- package/dist/chunks/{tooltip-root-vjylFUqw.js → tooltip-root-B0zWodAJ.js} +2 -2
- package/dist/chunks/{tooltip-root-vjylFUqw.js.map → tooltip-root-B0zWodAJ.js.map} +1 -1
- package/dist/chunks/{zh-CN-CqEA4PCM.js → zh-CN-CKffAT7j.js} +3 -3
- package/dist/chunks/{zh-CN-CqEA4PCM.js.map → zh-CN-CKffAT7j.js.map} +1 -1
- package/dist/components/app-frame.js +2 -2
- package/dist/components/banner.js +1 -1
- package/dist/components/button-group.js +2 -2
- package/dist/components/button.js +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/charts/bar.js +1 -1
- package/dist/components/charts/donut.js +1 -1
- package/dist/components/charts/gauge.js +1 -1
- package/dist/components/charts/sankey.js +1 -1
- package/dist/components/charts/timeseries.js +1 -1
- package/dist/components/charts.js +2 -2
- package/dist/components/code-block.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/command-list.js +2 -2
- package/dist/components/command-palette.js +2 -2
- package/dist/components/copy-button.js +1 -1
- package/dist/components/data-table.js +4 -4
- package/dist/components/date-picker.js +112 -110
- package/dist/components/date-picker.js.map +1 -1
- package/dist/components/dialog.js +3 -3
- package/dist/components/display-options.js +4 -4
- package/dist/components/filter-chip.js +2 -2
- package/dist/components/icon-button.js +1 -1
- package/dist/components/input.js +5 -5
- package/dist/components/kaeso/conversation.js +2 -2
- package/dist/components/kaeso/identity.js +1 -1
- package/dist/components/kaeso/moments.js +3 -3
- package/dist/components/kaeso/rights.js +1 -1
- package/dist/components/kaeso/usage.js +1 -1
- package/dist/components/kaeso.js +5 -5
- package/dist/components/key-value.js +2 -2
- package/dist/components/list.js +1 -1
- package/dist/components/markdown.js +1 -1
- package/dist/components/page-header.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/playground.js +10 -10
- package/dist/components/segmented.js +1 -1
- package/dist/components/sheet.js +2 -2
- package/dist/components/sidebar.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/text.js +1 -1
- package/dist/components/theme-menu.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/i18n-provider.js +1 -1
- package/dist/index.js +28 -28
- package/dist/kaeso.css +2 -4
- package/dist/styles.css +1 -1
- package/dist/types/components/command-list/docs.d.ts +1 -0
- package/dist/types/components/command-list/picker-popover.d.ts +1 -0
- package/dist/types/utils/hidden-description.d.ts +9 -0
- package/package.json +13 -13
- package/dist/chunks/calendar-CBeptQFq.js.map +0 -1
- package/dist/chunks/picker-popover-C4ElNk7t.js +0 -102
- package/dist/chunks/picker-popover-C4ElNk7t.js.map +0 -1
- package/dist/chunks/resize-motion-BWGMchyP.js.map +0 -1
- package/dist/chunks/sidebar-Dey1ZfGt.js.map +0 -1
- package/dist/chunks/timeseries-LRDAZHV0.js.map +0 -1
- package/dist/chunks/tooltip-S1DmyLVl.js.map +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { t as e } from "./cn-DUDmdLpZ.js";
|
|
3
3
|
import { i as t, r as n } from "./context-BELWW79w.js";
|
|
4
4
|
import { dateFormatter as r, formatNumber as i, formatPercent as ee, formatTimeZone as te } from "../format.js";
|
|
5
|
-
import { A as a, D as o, E as s, S as ne, _ as c, b as re, g as ie, i as ae, k as oe, n as se, p as ce, r as le, s as ue, t as l, v as de } from "./core-
|
|
5
|
+
import { A as a, D as o, E as s, S as ne, _ as c, b as re, g as ie, i as ae, k as oe, n as se, p as ce, r as le, s as ue, t as l, v as de } from "./core-Bu6iq5uh.js";
|
|
6
6
|
import { t as fe } from "./linear-scale-BWKeRqDX.js";
|
|
7
7
|
import { forwardRef as u, useId as pe, useMemo as me, useState as he } from "react";
|
|
8
8
|
import { Fragment as ge, jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
@@ -89,11 +89,11 @@ function ke(e, t, n, r, i, ee, te) {
|
|
|
89
89
|
}
|
|
90
90
|
return a;
|
|
91
91
|
}
|
|
92
|
-
var
|
|
93
|
-
let
|
|
92
|
+
var S = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 240, formatValue: h = (e) => i(e), threshold: g, hideLegend: Ce, highlight: _, formatTime: Te, formatTick: Ee, tickAt: x = "time", timeZone: S, shares: Ae = !0, partial: C, className: je, "aria-label": Me, ...w }, Ne) {
|
|
93
|
+
let T = t(), Pe = n(), [Fe, E] = o(), D = pe().replace(/:/g, ""), Ie = ne(h), [Le, Re] = he(/* @__PURE__ */ new Set()), [O, ze] = he(null), [k, Be] = he(null), A = r.filter((e) => !Le.has(e.id)), j = me(() => (r[0]?.points ?? []).map((e) => new Date(e.t)), [r]), Ve = A.flatMap((e) => e.points.map((e) => e.v)), M = Math.max(0, E.width - v.left - v.right), N = Math.max(0, u - v.top - v.bottom), P = c === "stacked", He = P ? m(j.map((e, t) => A.reduce((e, n) => e + (n.points[t]?.v ?? 0), 0))) ?? 0 : m(Ve) ?? 0, F = fe().domain([0, Math.max(He, g?.value ?? 0) * 1.08 || 1]).nice(4).range([N, 0]), I = oe(Ve, F.domain()[1] ?? 1, !!w.loading), L = me(() => {
|
|
94
94
|
let e = 0;
|
|
95
|
-
return A.map((t) => t.points.map(() =>
|
|
96
|
-
}, [A,
|
|
95
|
+
return A.map((t) => t.points.map(() => I.values[e++] ?? 0));
|
|
96
|
+
}, [A, I.values]), Ue = F.copy().domain([0, I.top || 1]), R = xe(j) ?? /* @__PURE__ */ new Date(0), We = m(j) ?? R, Ge = x === "points" && j.length > 0, z = Ge ? M / j.length : 0, Ke = fe().domain([R.getTime(), We.getTime()]).range([0, M]), B = (e) => Ge ? (e + .5) * z : Ke(j[e] ?? R), V = P ? ye().keys(A.map((e, t) => String(t)))(j.map((e, t) => A.map((e, n) => L[n]?.[t] ?? 0))) : null, H = (e) => Math.max(0, Ue(e)), qe = (w.loading ? F.ticks(4) : a(de(F, Ie), Ve)).filter((e) => e <= (I.top || 1) + 1e-9), U = S ?? te(), W = Se(U), Je = (j[j.length - 1]?.getTime() ?? 0) - (j[0]?.getTime() ?? 0), G = Ee ?? Oe(Pe, Je, U, W), Ye = x === "points" ? ce(j.map(G), z, {
|
|
97
97
|
start: z / 2,
|
|
98
98
|
end: z / 2 + v.right
|
|
99
99
|
}, j.map((e) => we(e, W))).map((e) => ({
|
|
@@ -101,7 +101,7 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
101
101
|
x: Math.round(B(e)),
|
|
102
102
|
anchor: "middle",
|
|
103
103
|
label: G(j[e])
|
|
104
|
-
})) : ke(
|
|
104
|
+
})) : j.length ? ke(R, We, M, M + v.right, (e) => Ke(e.getTime()), G, W) : [], Xe = (j[1]?.getTime() ?? 0) - (j[0]?.getTime() ?? 0), Ze = Te ?? y(Pe, Xe && Xe < 864e5 ? {
|
|
105
105
|
weekday: "short",
|
|
106
106
|
...b,
|
|
107
107
|
...De
|
|
@@ -113,43 +113,43 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
113
113
|
year: "numeric"
|
|
114
114
|
}, U), K = j.length - 1, q = (e) => {
|
|
115
115
|
let t = Ze(j[e]);
|
|
116
|
-
return
|
|
117
|
-
}, J = !!
|
|
116
|
+
return C?.ongoing && e === K ? T("chart.soFar", "{heading}, so far", { heading: t }) : C?.last && e === K || C?.first && e === 0 ? T("chart.partial", "{heading}, partial", { heading: t }) : t;
|
|
117
|
+
}, J = !!C?.first && K >= 1, Y = !!(C?.last || C?.ongoing) && K >= 1, Qe = J ? Math.round(B(1)) : -v.left, $e = Y ? Math.round(B(K - 1)) : M + v.right, et = (e) => !J && !Y ? /* @__PURE__ */ d("path", { ...e }) : /* @__PURE__ */ f(ge, { children: [/* @__PURE__ */ d("path", {
|
|
118
118
|
...e,
|
|
119
|
-
clipPath: `url(#${
|
|
119
|
+
clipPath: `url(#${D}-whole)`
|
|
120
120
|
}), /* @__PURE__ */ d("path", {
|
|
121
121
|
...e,
|
|
122
|
-
clipPath: `url(#${
|
|
122
|
+
clipPath: `url(#${D}-partial)`,
|
|
123
123
|
strokeDasharray: "4 4",
|
|
124
124
|
"data-partial": ""
|
|
125
|
-
})] }), tt = ve().x((e, t) => Math.round(B(t))).y((e) => H(e)).curve(p), nt = _e().x((e, t) => Math.round(B(t))).y0(
|
|
125
|
+
})] }), tt = ve().x((e, t) => Math.round(B(t))).y((e) => H(e)).curve(p), nt = _e().x((e, t) => Math.round(B(t))).y0(N).y1((e) => H(e)).curve(p), rt = _e().x((e, t) => Math.round(B(t))).y0((e) => H(e[0])).y1((e) => H(e[1])).curve(p), it = ve().x((e, t) => Math.round(B(t))).y((e) => H(e[1])).curve(p), at = me(() => re(r.map((e) => e.id)), [r]), X = (e) => e.color ?? at.get(e.id), ot = be((e) => e.getTime()).center, st = (e) => {
|
|
126
126
|
let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = Ge ? Math.max(0, Math.min(j.length - 1, Math.floor(n / z))) : ot(j, Ke.invert(n));
|
|
127
127
|
Be({
|
|
128
128
|
i: r,
|
|
129
129
|
y: Math.round(e.clientY - t.top + v.top)
|
|
130
130
|
});
|
|
131
131
|
}, ct = {
|
|
132
|
-
columns: [
|
|
132
|
+
columns: [T("timeseriesChart.time", "Time"), ...r.map((e) => e.label)],
|
|
133
133
|
rows: j.map((e, t) => [q(t), ...r.map((e) => h(e.points[t]?.v ?? 0))])
|
|
134
|
-
}, lt =
|
|
134
|
+
}, lt = w.empty ?? r.every((e) => e.points.every((e) => e.v === 0)), ut = !!w.loading || lt, Z = s(ut || w.error ? 0 : j.length), Q = ut || w.error ? null : k?.i ?? Z.index ?? (_ !== void 0 && _ < j.length ? _ : null), $ = Q === null ? 0 : Math.round(B(Q)) + v.left, dt = Q === null ? 0 : k && k.i === Q ? k.y : v.top + Math.round(H(P ? V?.[V.length - 1]?.[Q]?.[1] ?? 0 : Math.max(0, ...L.map((e) => e[Q] ?? 0)))), ft = (e) => A.map((t) => {
|
|
135
135
|
let n = t.points[e]?.v ?? 0, r = A.reduce((t, n) => t + (n.points[e]?.v ?? 0), 0);
|
|
136
136
|
return {
|
|
137
137
|
id: t.id,
|
|
138
138
|
label: t.label,
|
|
139
139
|
color: X(t),
|
|
140
140
|
value: h(n),
|
|
141
|
-
...
|
|
141
|
+
...Ae && A.length > 1 && r ? { share: ee(Math.round(n / r * 100) / 100, 0) } : {}
|
|
142
142
|
};
|
|
143
143
|
});
|
|
144
144
|
return /* @__PURE__ */ d("div", {
|
|
145
|
-
ref:
|
|
146
|
-
className: e("min-w-0",
|
|
145
|
+
ref: Ne,
|
|
146
|
+
className: e("min-w-0", je),
|
|
147
147
|
children: /* @__PURE__ */ d(se, {
|
|
148
|
-
label:
|
|
148
|
+
label: Me,
|
|
149
149
|
height: u,
|
|
150
150
|
table: ct,
|
|
151
151
|
state: {
|
|
152
|
-
...
|
|
152
|
+
...w,
|
|
153
153
|
empty: lt
|
|
154
154
|
},
|
|
155
155
|
legend: !Ce && r.length > 1 ? /* @__PURE__ */ d(ue, {
|
|
@@ -158,28 +158,28 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
158
158
|
label: e.label,
|
|
159
159
|
color: X(e)
|
|
160
160
|
})),
|
|
161
|
-
hidden:
|
|
161
|
+
hidden: Le,
|
|
162
162
|
shape: c === "line" ? "line" : "square",
|
|
163
163
|
onToggle: (e) => {
|
|
164
|
-
let t = new Set(
|
|
164
|
+
let t = new Set(Le);
|
|
165
165
|
t.has(e) ? t.delete(e) : t.add(e), Re(t);
|
|
166
166
|
},
|
|
167
167
|
onHover: ze
|
|
168
168
|
}) : void 0,
|
|
169
169
|
children: /* @__PURE__ */ f("div", {
|
|
170
|
-
ref:
|
|
170
|
+
ref: Fe,
|
|
171
171
|
role: "group",
|
|
172
|
-
"aria-label":
|
|
172
|
+
"aria-label": Me,
|
|
173
173
|
...Z.props,
|
|
174
174
|
className: "absolute inset-0 rounded-cell focus-ring",
|
|
175
175
|
children: [
|
|
176
|
-
|
|
177
|
-
width:
|
|
176
|
+
E.width > 0 && /* @__PURE__ */ f("svg", {
|
|
177
|
+
width: E.width,
|
|
178
178
|
height: u,
|
|
179
179
|
className: "block overflow-visible",
|
|
180
180
|
role: "presentation",
|
|
181
181
|
children: [/* @__PURE__ */ f("defs", { children: [(J || Y) && /* @__PURE__ */ f(ge, { children: [/* @__PURE__ */ d("clipPath", {
|
|
182
|
-
id: `${
|
|
182
|
+
id: `${D}-whole`,
|
|
183
183
|
children: /* @__PURE__ */ d("rect", {
|
|
184
184
|
x: Qe,
|
|
185
185
|
y: -v.top,
|
|
@@ -187,7 +187,7 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
187
187
|
height: u
|
|
188
188
|
})
|
|
189
189
|
}), /* @__PURE__ */ f("clipPath", {
|
|
190
|
-
id: `${
|
|
190
|
+
id: `${D}-partial`,
|
|
191
191
|
children: [J && /* @__PURE__ */ d("rect", {
|
|
192
192
|
x: -v.left,
|
|
193
193
|
y: -v.top,
|
|
@@ -196,11 +196,11 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
196
196
|
}), Y && /* @__PURE__ */ d("rect", {
|
|
197
197
|
x: $e,
|
|
198
198
|
y: -v.top,
|
|
199
|
-
width:
|
|
199
|
+
width: M + v.right - $e,
|
|
200
200
|
height: u
|
|
201
201
|
})]
|
|
202
202
|
})] }), A.map((e) => /* @__PURE__ */ f("linearGradient", {
|
|
203
|
-
id: `${
|
|
203
|
+
id: `${D}-${e.id}`,
|
|
204
204
|
x1: "0",
|
|
205
205
|
y1: "0",
|
|
206
206
|
x2: "0",
|
|
@@ -220,29 +220,29 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
220
220
|
qe.map((e) => /* @__PURE__ */ f("g", {
|
|
221
221
|
transform: `translate(0,${Math.round(H(e)) + .5})`,
|
|
222
222
|
children: [e !== 0 && /* @__PURE__ */ d("line", {
|
|
223
|
-
x2:
|
|
223
|
+
x2: M,
|
|
224
224
|
...l.grid
|
|
225
|
-
}), !
|
|
226
|
-
x:
|
|
225
|
+
}), !w.loading && /* @__PURE__ */ d("text", {
|
|
226
|
+
x: M + 12,
|
|
227
227
|
dy: "0.32em",
|
|
228
228
|
...l.label,
|
|
229
|
-
children:
|
|
229
|
+
children: Ie(e)
|
|
230
230
|
})]
|
|
231
231
|
}, e)),
|
|
232
232
|
/* @__PURE__ */ d("line", {
|
|
233
|
-
x2:
|
|
234
|
-
y1:
|
|
235
|
-
y2:
|
|
233
|
+
x2: M,
|
|
234
|
+
y1: N + .5,
|
|
235
|
+
y2: N + .5,
|
|
236
236
|
...l.baseline
|
|
237
237
|
}),
|
|
238
238
|
Ye.map((e) => /* @__PURE__ */ d("text", {
|
|
239
239
|
x: e.x,
|
|
240
|
-
y:
|
|
240
|
+
y: N + 20,
|
|
241
241
|
textAnchor: e.anchor,
|
|
242
242
|
...l.label,
|
|
243
243
|
children: e.label
|
|
244
244
|
}, e.key)),
|
|
245
|
-
ut ? null :
|
|
245
|
+
ut ? null : P && V ? V.map((e, t) => {
|
|
246
246
|
let n = A[t];
|
|
247
247
|
return /* @__PURE__ */ f("g", {
|
|
248
248
|
opacity: O && O !== n.id ? .3 : 1,
|
|
@@ -264,10 +264,10 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
264
264
|
opacity: O && O !== e.id ? .3 : 1,
|
|
265
265
|
className: "opacity-motion",
|
|
266
266
|
children: [c === "area" && /* @__PURE__ */ d("path", {
|
|
267
|
-
d: nt(
|
|
268
|
-
fill: `url(#${
|
|
267
|
+
d: nt(L[t] ?? []) ?? "",
|
|
268
|
+
fill: `url(#${D}-${e.id})`
|
|
269
269
|
}), et({
|
|
270
|
-
d: tt(
|
|
270
|
+
d: tt(L[t] ?? []) ?? "",
|
|
271
271
|
fill: "none",
|
|
272
272
|
stroke: X(e),
|
|
273
273
|
strokeWidth: 2,
|
|
@@ -278,7 +278,7 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
278
278
|
g && /* @__PURE__ */ f("g", {
|
|
279
279
|
transform: `translate(0,${Math.round(H(g.value)) + .5})`,
|
|
280
280
|
children: [/* @__PURE__ */ d("line", {
|
|
281
|
-
x2:
|
|
281
|
+
x2: M,
|
|
282
282
|
stroke: "var(--k-danger)",
|
|
283
283
|
strokeDasharray: "4 4",
|
|
284
284
|
strokeWidth: 1
|
|
@@ -296,12 +296,12 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
296
296
|
children: [/* @__PURE__ */ d("line", {
|
|
297
297
|
x1: $ - v.left + .5,
|
|
298
298
|
x2: $ - v.left + .5,
|
|
299
|
-
y2:
|
|
299
|
+
y2: N,
|
|
300
300
|
...l.grid,
|
|
301
301
|
stroke: "var(--k-line-strong)"
|
|
302
|
-
}), !
|
|
302
|
+
}), !P && A.map((e, t) => /* @__PURE__ */ d("circle", {
|
|
303
303
|
cx: $ - v.left,
|
|
304
|
-
cy: H(
|
|
304
|
+
cy: H(L[t]?.[Q] ?? 0),
|
|
305
305
|
r: 4,
|
|
306
306
|
fill: X(e),
|
|
307
307
|
stroke: "var(--k-bg-panel)",
|
|
@@ -309,8 +309,8 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
309
309
|
}, e.id))]
|
|
310
310
|
}),
|
|
311
311
|
/* @__PURE__ */ d("rect", {
|
|
312
|
-
width:
|
|
313
|
-
height:
|
|
312
|
+
width: M,
|
|
313
|
+
height: N,
|
|
314
314
|
fill: "transparent",
|
|
315
315
|
onPointerMove: st,
|
|
316
316
|
onPointerLeave: () => Be(null)
|
|
@@ -321,19 +321,19 @@ var Ae = /* @__PURE__ */ u(function({ series: r, kind: c = "line", height: u = 2
|
|
|
321
321
|
Q !== null && j[Q] && /* @__PURE__ */ d(ae, {
|
|
322
322
|
x: $,
|
|
323
323
|
y: dt,
|
|
324
|
-
width:
|
|
324
|
+
width: E.width,
|
|
325
325
|
visible: !0,
|
|
326
326
|
heading: q(Q),
|
|
327
327
|
rows: ft(Q)
|
|
328
328
|
}),
|
|
329
|
-
/* @__PURE__ */ d(le, { children: Z.index !== null && Q !== null && j[Z.index] ? ie(q(Z.index), ft(Z.index),
|
|
329
|
+
/* @__PURE__ */ d(le, { children: Z.index !== null && Q !== null && j[Z.index] ? ie(q(Z.index), ft(Z.index), T) : null })
|
|
330
330
|
]
|
|
331
331
|
})
|
|
332
332
|
})
|
|
333
333
|
});
|
|
334
334
|
});
|
|
335
|
-
process.env.NODE_ENV !== "production" && (
|
|
335
|
+
process.env.NODE_ENV !== "production" && (S.displayName = "TimeseriesChart");
|
|
336
336
|
//#endregion
|
|
337
|
-
export { Te as n,
|
|
337
|
+
export { Te as n, S as r, Ee as t };
|
|
338
338
|
|
|
339
|
-
//# sourceMappingURL=timeseries-
|
|
339
|
+
//# sourceMappingURL=timeseries-BBWsSM4Q.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeseries-BBWsSM4Q.js","names":["d3max","d3min","d3stack","_Fragment","d3line","d3area","cn","useUiText","useLocale","wholeTicks","useSize","useChartKeys","tickLabel","placeTimeLabels","seriesColors","liveLine","ChartTooltip","useTweenedScale","ChartFrame","axisLabelIndexes","ChartLive","Legend","AXIS","readableTicks","scaleLinear","Fragment$1","clocks","wallClock","timeZone","d","clock","f","p","x","fromWall","guess","wall","zoneTicks","utcTicks","from","to","count","w","wallDay","KAESO_TIMESERIES_CHART_VARIANTS","KAESO_TIMESERIES_CHART_DEFAULT_VARIANTS","M","timeFormat","dateFormatter","options","locale","CLOCK","DAY","H","tickFormat","span","month","timeLabels","fallback","ticks","t0","t1","placed","at","label","right","TimeseriesChart","formatNumber","v","ariaLabel","state","t","box","size","gid","useId","axisLabel","formatValue","hidden","setHidden","useState","focus","setFocus","hover","setHover","visible","series","s","times","useMemo","flatValues","h","height","stacked","kind","top","max","a","ti","axis","threshold","tween","values","k","yScale","min","ordinal","tickAt","slot","i","stackData","stack","si","y","yTicks","zone","formatTimeZone","fmt","formatTick","xLabels","step","pointFormat","formatTime","last","headingFormat","heading","partial","dashedFirst","dashedLast","cutStart","cutEnd","partialLine","stroke","lineGen","line","curveMonotoneX","areaGen","area","stackArea","stackTop","palette","color","bis","bisector","onMove","r","px","table","empty","blank","keys","active","highlight","activeX","activeY","sv","rowsFor","total","acc","ss","shares","formatPercent","className","hideLegend","n","id","l","li","layer"],"sources":["../../src/components/charts/time-axis.ts","../../src/components/charts/timeseries.tsx"],"sourcesContent":["import { utcTicks } from \"d3-time\";\n\nexport type WallClock = (d: Date) => number;\n\nconst clocks = new Map<string, WallClock>();\n\nexport function wallClock(timeZone: string | undefined): WallClock {\n if (!timeZone) return (d) => d.getTime() - d.getTimezoneOffset() * 60_000;\n if (timeZone === \"UTC\") return (d) => d.getTime();\n let clock = clocks.get(timeZone);\n if (!clock) {\n const f = new Intl.DateTimeFormat(\"en-US\", {\n timeZone,\n hourCycle: \"h23\",\n year: \"numeric\",\n month: \"numeric\",\n day: \"numeric\",\n hour: \"numeric\",\n minute: \"numeric\",\n second: \"numeric\",\n });\n clock = (d) => {\n const p = Object.fromEntries(f.formatToParts(d).map((x) => [x.type, Number(x.value)]));\n return Date.UTC(p.year ?? 1970, (p.month ?? 1) - 1, p.day ?? 1, p.hour ?? 0, p.minute ?? 0, p.second ?? 0) + d.getUTCMilliseconds();\n };\n clocks.set(timeZone, clock);\n }\n return clock;\n}\n\nexport function fromWall(wall: number, clock: WallClock): Date {\n const guess = wall - (clock(new Date(wall)) - wall);\n return new Date(wall - (clock(new Date(guess)) - guess));\n}\n\nexport function zoneTicks(from: Date, to: Date, count: number, clock: WallClock): Date[] {\n return utcTicks(new Date(clock(from)), new Date(clock(to)), count).flatMap((w) => {\n const d = fromWall(w.getTime(), clock);\n // A wall time skipped when clocks spring forward has no instant; it would land on the next tick.\n return clock(d) === w.getTime() ? [d] : [];\n });\n}\n\nexport const wallDay = (d: Date, clock: WallClock) => new Date(clock(d)).toISOString().slice(0, 10);\n","import type * as React from \"react\";\nimport { forwardRef, useId, useMemo, useState, type ReactNode } from \"react\";\nimport { scaleLinear } from \"./linear-scale.js\";\nimport { area as d3area, curveMonotoneX, line as d3line, stack as d3stack, type SeriesPoint } from \"d3-shape\";\nimport { bisector, max as d3max, min as d3min } from \"d3-array\";\nimport { cn } from \"../../utils/cn.js\";\nimport { dateFormatter, formatNumber, formatPercent, formatTimeZone } from \"../../format/index.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\nimport {\n AXIS,\n axisLabelIndexes,\n ChartFrame,\n ChartLive,\n ChartTooltip,\n Legend,\n placeTimeLabels,\n liveLine,\n seriesColors,\n readableTicks,\n tickLabel,\n useChartKeys,\n useSize,\n useTweenedScale,\n wholeTicks,\n type ChartState,\n} from \"./core.js\";\nimport { wallClock, wallDay, zoneTicks, type WallClock } from \"./time-axis.js\";\n\nexport const KAESO_TIMESERIES_CHART_VARIANTS = {\n kind: {\n line: { classes: \"\" },\n area: { classes: \"\" },\n stacked: { classes: \"\" },\n },\n} as const;\nexport const KAESO_TIMESERIES_CHART_DEFAULT_VARIANTS = { kind: \"line\" } as const;\n\nexport interface TimePoint {\n t: Date | number | string;\n v: number;\n}\nexport interface TimeSeries {\n id: string;\n label: string;\n points: TimePoint[];\n color?: string | undefined;\n}\n\nexport interface TimeseriesChartProps extends ChartState {\n series: TimeSeries[];\n kind?: keyof typeof KAESO_TIMESERIES_CHART_VARIANTS.kind | undefined;\n height?: number | undefined;\n formatValue?: ((v: number) => string) | undefined;\n threshold?: { value: number; label: string } | undefined;\n hideLegend?: boolean | undefined;\n highlight?: number | undefined;\n formatTime?: ((t: Date) => string) | undefined;\n formatTick?: ((t: Date) => string) | undefined;\n tickAt?: \"time\" | \"points\" | undefined;\n timeZone?: string | undefined;\n shares?: boolean | undefined;\n partial?: { first?: boolean | undefined; last?: boolean | undefined; ongoing?: boolean | undefined } | undefined;\n \"aria-label\": string;\n className?: string | undefined;\n}\n\nconst M = { top: 8, right: 52, bottom: 28, left: 0 };\n\nfunction timeFormat(locale: string, options: Intl.DateTimeFormatOptions, timeZone: string | undefined): (d: Date) => string {\n return dateFormatter({ ...options, ...(timeZone ? { timeZone } : {}) }, locale);\n}\nconst CLOCK = { hour: \"2-digit\", minute: \"2-digit\", hourCycle: \"h23\" } as const;\nconst DAY = { month: \"short\", day: \"numeric\" } as const;\nconst H = 3_600_000;\n\nfunction tickFormat(locale: string, span: number, timeZone: string | undefined, clock: WallClock) {\n if (span <= 48 * H) return timeFormat(locale, CLOCK, timeZone);\n if (span <= 90 * 24 * H) return timeFormat(locale, DAY, timeZone);\n const month = timeFormat(locale, { month: \"short\" }, timeZone);\n return (d: Date) => {\n const wall = new Date(clock(d));\n return wall.getUTCMonth() === 0 ? String(wall.getUTCFullYear()) : month(d);\n };\n}\n\ntype PlacedLabel = { key: number; x: number; anchor: \"start\" | \"middle\" | \"end\"; label: string };\n\nfunction timeLabels(t0: Date, t1: Date, w: number, right: number, at: (d: Date) => number, label: (d: Date) => string, clock: WallClock): PlacedLabel[] {\n let fallback: PlacedLabel[] = [];\n for (let count = Math.max(2, Math.min(10, Math.floor(w / 64))); count >= 1; count--) {\n const ticks = zoneTicks(t0, t1, count, clock);\n const placed = placeTimeLabels(\n ticks.map((d) => ({ key: d.getTime(), at: Math.round(at(d)), label: label(d) })),\n right,\n );\n if (placed.length === ticks.length && placed.length >= 2) return placed;\n if (placed.length > fallback.length) fallback = placed;\n }\n return fallback;\n}\n\nexport const TimeseriesChart = /* @__PURE__ */ forwardRef<HTMLDivElement, TimeseriesChartProps>(function TimeseriesChart(\n {\n series,\n kind = \"line\",\n height = 240,\n formatValue = (v) => formatNumber(v),\n threshold,\n hideLegend,\n highlight,\n formatTime,\n formatTick,\n tickAt = \"time\",\n timeZone,\n shares = true,\n partial,\n className,\n \"aria-label\": ariaLabel,\n ...state\n },\n ref,\n) {\n const t = useUiText();\n const locale = useLocale();\n const [box, size] = useSize<HTMLDivElement>();\n const gid = useId().replace(/:/g, \"\");\n const axisLabel = tickLabel(formatValue);\n const [hidden, setHidden] = useState<Set<string>>(new Set());\n const [focus, setFocus] = useState<string | null>(null);\n const [hover, setHover] = useState<{ i: number; y: number } | null>(null);\n const visible = series.filter((s) => !hidden.has(s.id));\n const times = useMemo(() => (series[0]?.points ?? []).map((p) => new Date(p.t)), [series]);\n const flatValues = visible.flatMap((s) => s.points.map((p) => p.v));\n const w = Math.max(0, size.width - M.left - M.right);\n const h = Math.max(0, height - M.top - M.bottom);\n const stacked = kind === \"stacked\";\n const top = stacked ? (d3max(times.map((_, ti) => visible.reduce((a, s) => a + (s.points[ti]?.v ?? 0), 0))) ?? 0) : (d3max(flatValues) ?? 0);\n const axis = scaleLinear()\n .domain([0, Math.max(top, threshold?.value ?? 0) * 1.08 || 1])\n .nice(4)\n .range([h, 0]);\n const tween = useTweenedScale(flatValues, axis.domain()[1] ?? 1, !!state.loading);\n const values = useMemo(() => {\n let k = 0;\n return visible.map((s) => s.points.map(() => tween.values[k++] ?? 0));\n }, [visible, tween.values]);\n const yScale = axis.copy().domain([0, tween.top || 1]);\n const t0 = d3min(times) ?? new Date(0);\n const t1 = d3max(times) ?? t0;\n const ordinal = tickAt === \"points\" && times.length > 0;\n const slot = ordinal ? w / times.length : 0;\n const x = scaleLinear().domain([t0.getTime(), t1.getTime()]).range([0, w]);\n const at = (i: number) => (ordinal ? (i + 0.5) * slot : x(times[i] ?? t0));\n const stackData = stacked\n ? d3stack<number[]>().keys(visible.map((_, i) => String(i)))(times.map((_, ti) => visible.map((_, si) => values[si]?.[ti] ?? 0)))\n : null;\n const y = (v: number) => Math.max(0, yScale(v));\n const yTicks = (state.loading ? axis.ticks(4) : wholeTicks(readableTicks(axis, axisLabel), flatValues)).filter((t) => t <= (tween.top || 1) + 1e-9);\n const zone = timeZone ?? formatTimeZone();\n const clock = wallClock(zone);\n const span = (times[times.length - 1]?.getTime() ?? 0) - (times[0]?.getTime() ?? 0);\n const fmt = formatTick ?? tickFormat(locale, span, zone, clock);\n const xLabels: PlacedLabel[] =\n tickAt === \"points\"\n ? axisLabelIndexes(\n times.map(fmt),\n slot,\n { start: slot / 2, end: slot / 2 + M.right },\n times.map((d) => wallDay(d, clock)),\n ).map((i) => ({ key: times[i]!.getTime(), x: Math.round(at(i)), anchor: \"middle\", label: fmt(times[i]!) }))\n : times.length\n ? timeLabels(t0, t1, w, w + M.right, (d) => x(d.getTime()), fmt, clock)\n : [];\n const step = (times[1]?.getTime() ?? 0) - (times[0]?.getTime() ?? 0);\n const pointFormat =\n formatTime ??\n timeFormat(\n locale,\n step && step < 86_400_000 ? { weekday: \"short\", ...DAY, ...CLOCK } : span <= 90 * 86_400_000 ? { weekday: \"short\", ...DAY } : { ...DAY, year: \"numeric\" },\n zone,\n );\n const last = times.length - 1;\n const headingFormat = (i: number) => {\n const heading = pointFormat(times[i]!);\n if (partial?.ongoing && i === last) return t(\"chart.soFar\", \"{heading}, so far\", { heading });\n if ((partial?.last && i === last) || (partial?.first && i === 0)) return t(\"chart.partial\", \"{heading}, partial\", { heading });\n return heading;\n };\n const dashedFirst = !!partial?.first && last >= 1;\n const dashedLast = !!(partial?.last || partial?.ongoing) && last >= 1;\n const cutStart = dashedFirst ? Math.round(at(1)) : -M.left;\n const cutEnd = dashedLast ? Math.round(at(last - 1)) : w + M.right;\n const partialLine = (stroke: React.SVGProps<SVGPathElement>) => {\n if (!dashedFirst && !dashedLast) return <path {...stroke} />;\n return (\n <>\n <path {...stroke} clipPath={`url(#${gid}-whole)`} />\n <path {...stroke} clipPath={`url(#${gid}-partial)`} strokeDasharray=\"4 4\" data-partial=\"\" />\n </>\n );\n };\n const lineGen = d3line<number>()\n .x((_, i) => Math.round(at(i)))\n .y((v) => y(v))\n .curve(curveMonotoneX);\n const areaGen = d3area<number>()\n .x((_, i) => Math.round(at(i)))\n .y0(h)\n .y1((v) => y(v))\n .curve(curveMonotoneX);\n const stackArea = d3area<SeriesPoint<number[]>>()\n .x((_, i) => Math.round(at(i)))\n .y0((d) => y(d[0]))\n .y1((d) => y(d[1]))\n .curve(curveMonotoneX);\n\n const stackTop = d3line<SeriesPoint<number[]>>()\n .x((_, i) => Math.round(at(i)))\n .y((d) => y(d[1]))\n .curve(curveMonotoneX);\n const palette = useMemo(() => seriesColors(series.map((s) => s.id)), [series]);\n const color = (s: TimeSeries) => s.color ?? palette.get(s.id)!;\n const bis = bisector((d: Date) => d.getTime()).center;\n const onMove = (e: React.PointerEvent<SVGRectElement>) => {\n const r = e.currentTarget.getBoundingClientRect();\n const px = e.clientX - r.left;\n const i = ordinal ? Math.max(0, Math.min(times.length - 1, Math.floor(px / slot))) : bis(times, x.invert(px));\n setHover({ i, y: Math.round(e.clientY - r.top + M.top) });\n };\n\n const table = {\n columns: [t(\"timeseriesChart.time\", \"Time\"), ...series.map((s) => s.label)],\n rows: times.map((_, i) => [headingFormat(i), ...series.map((s) => formatValue(s.points[i]?.v ?? 0))]),\n };\n\n const empty = state.empty ?? series.every((s) => s.points.every((p) => p.v === 0));\n const blank = !!state.loading || empty;\n const keys = useChartKeys(blank || state.error ? 0 : times.length);\n const active = blank || !!state.error ? null : (hover?.i ?? keys.index ?? (highlight !== undefined && highlight < times.length ? highlight : null));\n const activeX = active === null ? 0 : Math.round(at(active)) + M.left;\n const activeY =\n active === null\n ? 0\n : hover && hover.i === active\n ? hover.y\n : M.top + Math.round(y(stacked ? (stackData?.[stackData.length - 1]?.[active]?.[1] ?? 0) : Math.max(0, ...values.map((sv) => sv[active] ?? 0))));\n const rowsFor = (i: number) =>\n visible.map((s) => {\n const v = s.points[i]?.v ?? 0;\n const total = visible.reduce((acc, ss) => acc + (ss.points[i]?.v ?? 0), 0);\n return {\n id: s.id,\n label: s.label,\n color: color(s),\n value: formatValue(v),\n ...(shares && visible.length > 1 && total ? { share: formatPercent(Math.round((v / total) * 100) / 100, 0) } : {}),\n } as { id: string; label: ReactNode; color: string; value: ReactNode; share?: ReactNode | undefined };\n });\n\n return (\n <div ref={ref} className={cn(\"min-w-0\", className)}>\n <ChartFrame\n label={ariaLabel}\n height={height}\n table={table}\n state={{ ...state, empty }}\n legend={\n !hideLegend && series.length > 1 ? (\n <Legend\n items={series.map((s) => ({ id: s.id, label: s.label, color: color(s) }))}\n hidden={hidden}\n shape={kind === \"line\" ? \"line\" : \"square\"}\n onToggle={(id) => {\n const n = new Set(hidden);\n if (n.has(id)) n.delete(id);\n else n.add(id);\n setHidden(n);\n }}\n onHover={setFocus}\n />\n ) : undefined\n }\n >\n <div ref={box} role=\"group\" aria-label={ariaLabel} {...keys.props} className=\"absolute inset-0 rounded-cell focus-ring\">\n {size.width > 0 && (\n <svg width={size.width} height={height} className=\"block overflow-visible\" role=\"presentation\">\n <defs>\n {(dashedFirst || dashedLast) && (\n <>\n <clipPath id={`${gid}-whole`}>\n <rect x={cutStart} y={-M.top} width={Math.max(0, cutEnd - cutStart)} height={height} />\n </clipPath>\n <clipPath id={`${gid}-partial`}>\n {dashedFirst && <rect x={-M.left} y={-M.top} width={cutStart + M.left} height={height} />}\n {dashedLast && <rect x={cutEnd} y={-M.top} width={w + M.right - cutEnd} height={height} />}\n </clipPath>\n </>\n )}\n {visible.map((s) => (\n <linearGradient key={s.id} id={`${gid}-${s.id}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={color(s)} className=\"chart-fill-top\" />\n <stop offset=\"100%\" stopColor={color(s)} stopOpacity={0} />\n </linearGradient>\n ))}\n </defs>\n <g transform={`translate(${M.left},${M.top})`}>\n {yTicks.map((t) => (\n <g key={t} transform={`translate(0,${Math.round(y(t)) + 0.5})`}>\n {t !== 0 && <line x2={w} {...AXIS.grid} />}\n {!state.loading && (\n <text x={w + 12} dy=\"0.32em\" {...AXIS.label}>\n {axisLabel(t)}\n </text>\n )}\n </g>\n ))}\n <line x2={w} y1={h + 0.5} y2={h + 0.5} {...AXIS.baseline} />\n {xLabels.map((l) => (\n <text key={l.key} x={l.x} y={h + 20} textAnchor={l.anchor} {...AXIS.label}>\n {l.label}\n </text>\n ))}\n {blank\n ? null\n : stacked && stackData\n ? stackData.map((layer, li) => {\n const s = visible[li]!;\n return (\n <g key={s.id} opacity={focus && focus !== s.id ? 0.3 : 1} className=\"opacity-motion\">\n <path d={stackArea(layer) ?? \"\"} fill={color(s)} className=\"chart-stack-fill\" />\n {partialLine({\n d: stackTop(layer) ?? \"\",\n fill: \"none\",\n stroke: color(s),\n strokeWidth: 1.5,\n strokeLinejoin: \"round\",\n strokeLinecap: \"round\",\n })}\n </g>\n );\n })\n : visible.map((s, si) => (\n <g key={s.id} opacity={focus && focus !== s.id ? 0.3 : 1} className=\"opacity-motion\">\n {kind === \"area\" && <path d={areaGen(values[si] ?? []) ?? \"\"} fill={`url(#${gid}-${s.id})`} />}\n {partialLine({\n d: lineGen(values[si] ?? []) ?? \"\",\n fill: \"none\",\n stroke: color(s),\n strokeWidth: 2,\n strokeLinejoin: \"round\",\n strokeLinecap: \"round\",\n })}\n </g>\n ))}\n {threshold && (\n <g transform={`translate(0,${Math.round(y(threshold.value)) + 0.5})`}>\n <line x2={w} stroke=\"var(--k-danger)\" strokeDasharray=\"4 4\" strokeWidth={1} />\n <text x={0} dy={-6} fill=\"var(--k-danger-text)\" fontSize={12} fontWeight={500}>\n {threshold.label}\n </text>\n </g>\n )}\n {active !== null && (\n <g aria-hidden>\n <line x1={activeX - M.left + 0.5} x2={activeX - M.left + 0.5} y2={h} {...AXIS.grid} stroke=\"var(--k-line-strong)\" />\n {!stacked &&\n visible.map((s, si) => (\n <circle\n key={s.id}\n cx={activeX - M.left}\n cy={y(values[si]?.[active] ?? 0)}\n r={4}\n fill={color(s)}\n stroke=\"var(--k-bg-panel)\"\n strokeWidth={2}\n />\n ))}\n </g>\n )}\n <rect width={w} height={h} fill=\"transparent\" onPointerMove={onMove} onPointerLeave={() => setHover(null)} />\n </g>\n </svg>\n )}\n {active !== null && times[active] && (\n <ChartTooltip x={activeX} y={activeY} width={size.width} visible heading={headingFormat(active)} rows={rowsFor(active)} />\n )}\n <ChartLive>\n {keys.index !== null && active !== null && times[keys.index] ? liveLine(headingFormat(keys.index), rowsFor(keys.index), t) : null}\n </ChartLive>\n </div>\n </ChartFrame>\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") TimeseriesChart.displayName = \"TimeseriesChart\";\n"],"mappings":"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"}
|
|
@@ -11,28 +11,28 @@ function h(e) {
|
|
|
11
11
|
let n = () => t.delete(e);
|
|
12
12
|
return e.then(n, n), e;
|
|
13
13
|
}
|
|
14
|
-
var g = /^Failed to fetch dynamically imported module: (\S+)$/, _ = /\bimport\(\s*(["'`])([^"'`$]+)\1\s*\)
|
|
15
|
-
function
|
|
14
|
+
var g = /^Failed to fetch dynamically imported module: (\S+)$/, _ = /\bimport\(\s*(["'`])([^"'`$]+)\1\s*\)/, v = (e) => e instanceof Error && g.test(e.message);
|
|
15
|
+
function y(e, t, n) {
|
|
16
16
|
let r = e instanceof Error ? g.exec(e.message)?.[1] : void 0, i = n?.(), a = r ?? (i ? _.exec(String(t))?.[2] : void 0);
|
|
17
17
|
return a && URL.canParse(a, i) ? new URL(a, i).href : void 0;
|
|
18
18
|
}
|
|
19
|
-
function
|
|
19
|
+
function b(e, t) {
|
|
20
20
|
let n = new URL(e);
|
|
21
21
|
return n.searchParams.set("retry", String(t)), n.href;
|
|
22
22
|
}
|
|
23
|
-
function
|
|
24
|
-
let r, i, a = 0, o, s = () => o ? n(
|
|
23
|
+
function x(e, { base: t, reimport: n = (e) => import(e) } = {}) {
|
|
24
|
+
let r, i, a = 0, o, s = () => o ? n(b(o, a)).catch((t) => v(t) ? Promise.reject(t) : e()) : e();
|
|
25
25
|
return {
|
|
26
26
|
current: () => r,
|
|
27
27
|
load: () => i ??= h(s().then((e) => r = e, (n) => {
|
|
28
|
-
throw i = void 0, a += 1, o =
|
|
28
|
+
throw i = void 0, a += 1, o = y(n, e, t) ?? o, n;
|
|
29
29
|
}))
|
|
30
30
|
};
|
|
31
31
|
}
|
|
32
|
-
function
|
|
32
|
+
function S(e) {
|
|
33
33
|
e.load().catch(() => void 0);
|
|
34
34
|
}
|
|
35
|
-
function
|
|
35
|
+
function C(e, t, n) {
|
|
36
36
|
let [, r] = s((e) => e + 1, 0), o = c(n);
|
|
37
37
|
a(() => {
|
|
38
38
|
o.current = n;
|
|
@@ -50,15 +50,15 @@ function S(e, t, n) {
|
|
|
50
50
|
l
|
|
51
51
|
]), t ? l : void 0;
|
|
52
52
|
}
|
|
53
|
-
function
|
|
53
|
+
function w(e, t) {
|
|
54
54
|
let [n, r] = l(!1);
|
|
55
|
-
return [
|
|
55
|
+
return [C(e, t && !n, () => r(!0)), () => r(!1)];
|
|
56
56
|
}
|
|
57
57
|
//#endregion
|
|
58
58
|
//#region src/components/tooltip/trigger-props.ts
|
|
59
|
-
function
|
|
59
|
+
function T() {
|
|
60
60
|
let e = null, t = null, n, r, i = /* @__PURE__ */ new Set(), a = () => {
|
|
61
|
-
r?.(), r = t && n ?
|
|
61
|
+
r?.(), r = t && n ? E(n, t) : void 0;
|
|
62
62
|
};
|
|
63
63
|
return {
|
|
64
64
|
get: () => e,
|
|
@@ -72,27 +72,27 @@ function w() {
|
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
|
-
function
|
|
75
|
+
function E(e, t) {
|
|
76
76
|
if (typeof e == "function") {
|
|
77
77
|
let n = e(t);
|
|
78
78
|
return typeof n == "function" ? n : () => void e(null);
|
|
79
79
|
}
|
|
80
80
|
if (e) return e.current = t, () => void (e.current = null);
|
|
81
81
|
}
|
|
82
|
-
function
|
|
82
|
+
function D({ store: e, merge: t, extra: r, children: i }) {
|
|
83
83
|
let a = u(e.subscribe, e.get, e.get), s = {
|
|
84
84
|
...i.props,
|
|
85
85
|
...r
|
|
86
|
-
}, c = o(() =>
|
|
86
|
+
}, c = o(() => O(s.ref, e.ref), [s.ref, e]);
|
|
87
87
|
return n(i, {
|
|
88
88
|
...a && t ? t(a, s) : r,
|
|
89
89
|
ref: c
|
|
90
90
|
});
|
|
91
91
|
}
|
|
92
|
-
process.env.NODE_ENV !== "production" && (
|
|
93
|
-
function
|
|
92
|
+
process.env.NODE_ENV !== "production" && (D.displayName = "HandedTrigger");
|
|
93
|
+
function O(...e) {
|
|
94
94
|
return (t) => {
|
|
95
|
-
let n = e.map((e) =>
|
|
95
|
+
let n = e.map((e) => E(e, t));
|
|
96
96
|
return () => {
|
|
97
97
|
for (let e of n) e?.();
|
|
98
98
|
};
|
|
@@ -100,7 +100,7 @@ function D(...e) {
|
|
|
100
100
|
}
|
|
101
101
|
//#endregion
|
|
102
102
|
//#region src/components/tooltip/tooltip.tsx
|
|
103
|
-
var
|
|
103
|
+
var k = {
|
|
104
104
|
side: {
|
|
105
105
|
top: { classes: "" },
|
|
106
106
|
bottom: { classes: "" },
|
|
@@ -111,12 +111,12 @@ var O = {
|
|
|
111
111
|
pill: { classes: "rounded-pill h-32 px-12 whitespace-nowrap" },
|
|
112
112
|
multiline: { classes: "rounded-tooltip px-12 py-8 max-w-280 text-pretty" }
|
|
113
113
|
}
|
|
114
|
-
},
|
|
114
|
+
}, A = {
|
|
115
115
|
side: "top",
|
|
116
116
|
shape: "pill"
|
|
117
|
-
},
|
|
118
|
-
function
|
|
119
|
-
let [t, n] =
|
|
117
|
+
}, j = /* @__PURE__ */ x(() => import("./tooltip-root-B0zWodAJ.js"), { base: () => import.meta.url });
|
|
118
|
+
function M(e) {
|
|
119
|
+
let [t, n] = w(j, !0), [i] = l(T);
|
|
120
120
|
if (!r(e.children)) return e.children;
|
|
121
121
|
let a = e.children.props, o = t ? void 0 : {
|
|
122
122
|
onPointerEnter: (e) => {
|
|
@@ -126,7 +126,7 @@ function j(e) {
|
|
|
126
126
|
a.onFocus?.(e), n();
|
|
127
127
|
}
|
|
128
128
|
};
|
|
129
|
-
return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(
|
|
129
|
+
return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(D, {
|
|
130
130
|
store: i,
|
|
131
131
|
merge: t?.mergeTriggerProps,
|
|
132
132
|
extra: o,
|
|
@@ -136,16 +136,16 @@ function j(e) {
|
|
|
136
136
|
triggerProps: i
|
|
137
137
|
})] });
|
|
138
138
|
}
|
|
139
|
-
process.env.NODE_ENV !== "production" && (
|
|
140
|
-
function
|
|
139
|
+
process.env.NODE_ENV !== "production" && (M.displayName = "Tooltip");
|
|
140
|
+
function N({ children: n, shortcut: r, shape: i = "pill" }) {
|
|
141
141
|
return /* @__PURE__ */ p("div", {
|
|
142
142
|
role: "tooltip",
|
|
143
|
-
className: e("inline-flex items-center gap-8 bg-tooltip text-small font-medium text-fg shadow-raised",
|
|
143
|
+
className: e("inline-flex items-center gap-8 bg-tooltip text-small font-medium text-fg shadow-raised", k.shape[i].classes),
|
|
144
144
|
children: [/* @__PURE__ */ f("span", { children: n }), r && /* @__PURE__ */ f(t, { keys: r })]
|
|
145
145
|
});
|
|
146
146
|
}
|
|
147
|
-
process.env.NODE_ENV !== "production" && (
|
|
147
|
+
process.env.NODE_ENV !== "production" && (N.displayName = "TooltipSurface");
|
|
148
148
|
//#endregion
|
|
149
|
-
export {
|
|
149
|
+
export { D as a, S as c, N as i, C as l, k as n, T as o, M as r, x as s, A as t, w as u };
|
|
150
150
|
|
|
151
|
-
//# sourceMappingURL=tooltip-
|
|
151
|
+
//# sourceMappingURL=tooltip-CTBnfiDH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-CTBnfiDH.js","names":["_Fragment","cn","KbdSequence","Fragment$1","loading","track","all","promise","settle","CHROMIUM_FAILED_FETCH","IMPORTED","downloadFailed","error","failedAddress","named","from","base","address","load","fresh","url","attempt","lazyModule","mod","pending","failures","reimport","m","preload","useLazyModule","loaded","useReducer","n","failed","useRef","onFail","useEffect","wanted","live","useLazyModuleRetried","setFailed","useState","triggerPropsStore","props","element","given","detach","listeners","attach","setRef","next","listener","node","ref","cleanup","value","HandedTrigger","useSyncExternalStore","store","own","children","extra","useMemo","mergeRefs","cloneElement","merge","refs","cleanups","KAESO_TOOLTIP_VARIANTS","KAESO_TOOLTIP_DEFAULT_VARIANTS","tooltipRoot","Tooltip","retry","isValidElement","retryOnIntent","TooltipSurface","shape","shortcut"],"sources":["../../src/utils/lazy-module.ts","../../src/components/tooltip/trigger-props.ts","../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useReducer, useRef, useState } from \"react\";\n\nexport interface LazyModule<T> {\n current: () => T | undefined;\n load: () => Promise<T>;\n}\n\nlet loading: Set<Promise<unknown>> | undefined;\n\nfunction track<T>(promise: Promise<T>): Promise<T> {\n const all = (loading ??= new Set());\n all.add(promise);\n const settle = () => all.delete(promise);\n promise.then(settle, settle);\n return promise;\n}\n\nexport async function lazyModulesSettled(): Promise<void> {\n while (loading?.size) await Promise.allSettled(loading);\n}\n\nexport interface LazyModuleOptions<T> {\n base?: (() => string) | undefined;\n reimport?: ((url: string) => Promise<T>) | undefined;\n}\n\nconst CHROMIUM_FAILED_FETCH = /^Failed to fetch dynamically imported module: (\\S+)$/;\nconst IMPORTED = /\\bimport\\(\\s*([\"'`])([^\"'`$]+)\\1\\s*\\)/;\n\nconst downloadFailed = (error: unknown) => error instanceof Error && CHROMIUM_FAILED_FETCH.test(error.message);\n\nfunction failedAddress(error: unknown, load: () => unknown, base: (() => string) | undefined): string | undefined {\n const named = error instanceof Error ? CHROMIUM_FAILED_FETCH.exec(error.message)?.[1] : undefined;\n const from = base?.();\n const address = named ?? (from ? IMPORTED.exec(String(load))?.[2] : undefined);\n return address && URL.canParse(address, from) ? new URL(address, from).href : undefined;\n}\n\nfunction fresh(address: string, attempt: number): string {\n const url = new URL(address);\n url.searchParams.set(\"retry\", String(attempt));\n return url.href;\n}\n\nexport function lazyModule<T>(load: () => Promise<T>, { base, reimport = (url) => import(url) as Promise<T> }: LazyModuleOptions<T> = {}): LazyModule<T> {\n let mod: T | undefined;\n let pending: Promise<T> | undefined;\n let failures = 0;\n let address: string | undefined;\n const attempt = () =>\n address ? reimport(fresh(address, failures)).catch((error: unknown) => (downloadFailed(error) ? Promise.reject(error) : load())) : load();\n return {\n current: () => mod,\n load: () =>\n (pending ??= track(\n attempt().then(\n (m) => (mod = m),\n (error: unknown) => {\n pending = undefined;\n failures += 1;\n address = failedAddress(error, load, base) ?? address;\n throw error;\n },\n ),\n )),\n };\n}\n\nexport function preload<T>(m: LazyModule<T>): void {\n m.load().catch(() => undefined);\n}\n\nexport function useLazyModule<T>(m: LazyModule<T>, wanted: boolean, onFail?: (() => void) | undefined): T | undefined {\n const [, loaded] = useReducer((n: number) => n + 1, 0);\n const failed = useRef(onFail);\n useLayoutEffect(() => {\n failed.current = onFail;\n });\n const mod = m.current();\n useEffect(() => {\n if (!wanted || mod) return;\n let live = true;\n m.load().then(\n () => live && loaded(),\n () => live && failed.current?.(),\n );\n return () => {\n live = false;\n };\n }, [m, wanted, mod]);\n return wanted ? mod : undefined;\n}\n\nexport function useLazyModuleRetried<T>(m: LazyModule<T>, wanted: boolean): [T | undefined, () => void] {\n const [failed, setFailed] = useState(false);\n const mod = useLazyModule(m, wanted && !failed, () => setFailed(true));\n return [mod, () => setFailed(false)];\n}\n","import { cloneElement, useMemo, useSyncExternalStore, type HTMLAttributes, type ReactElement, type Ref, type RefCallback } from \"react\";\n\nexport type TriggerProps = HTMLAttributes<Element> & { ref?: Ref<Element> | undefined };\n\nexport interface TriggerPropsStore {\n get: () => TriggerProps | null;\n set: (props: TriggerProps | null) => void;\n subscribe: (listener: () => void) => () => void;\n ref: RefCallback<Element>;\n}\n\nexport function triggerPropsStore(): TriggerPropsStore {\n let props: TriggerProps | null = null;\n let element: Element | null = null;\n let given: Ref<Element> | undefined;\n let detach: (() => void) | undefined;\n const listeners = new Set<() => void>();\n const attach = () => {\n detach?.();\n detach = element && given ? setRef(given, element) : undefined;\n };\n return {\n get: () => props,\n set: (next) => {\n if (next?.ref !== given) {\n given = next?.ref;\n attach();\n }\n props = next;\n for (const listener of listeners) listener();\n },\n subscribe: (listener) => {\n listeners.add(listener);\n return () => void listeners.delete(listener);\n },\n ref: (node) => {\n element = node;\n attach();\n },\n };\n}\n\nexport function setRef<T>(ref: Ref<T> | undefined, value: T): (() => void) | undefined {\n if (typeof ref === \"function\") {\n const cleanup = ref(value);\n return typeof cleanup === \"function\" ? cleanup : () => void ref(null);\n }\n if (ref) {\n ref.current = value;\n return () => void (ref.current = null);\n }\n return undefined;\n}\n\nexport function HandedTrigger({\n store,\n merge,\n extra,\n children,\n}: {\n store: TriggerPropsStore;\n merge: ((given: TriggerProps, own: object) => object) | undefined;\n extra?: object | undefined;\n children: ReactElement;\n}) {\n const given = useSyncExternalStore(store.subscribe, store.get, store.get);\n const own = { ...(children.props as object), ...extra } as { ref?: Ref<Element> | undefined };\n const ref = useMemo(() => mergeRefs(own.ref, store.ref), [own.ref, store]);\n return cloneElement(children as ReactElement<{ ref?: Ref<Element> | undefined }>, { ...(given && merge ? merge(given, own) : extra), ref });\n}\nif (process.env.NODE_ENV !== \"production\") HandedTrigger.displayName = \"HandedTrigger\";\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]): RefCallback<T> {\n return (node) => {\n const cleanups = refs.map((ref) => setRef(ref, node));\n return () => {\n for (const cleanup of cleanups) cleanup?.();\n };\n };\n}\n","import { isValidElement, useState, type FocusEvent, type PointerEvent, type ReactElement, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { lazyModule, useLazyModuleRetried } from \"../../utils/lazy-module.js\";\nimport { HandedTrigger, triggerPropsStore } from \"./trigger-props.js\";\nimport { KbdSequence } from \"../kbd/kbd.js\";\n\nexport const KAESO_TOOLTIP_VARIANTS = {\n side: {\n top: { classes: \"\" },\n bottom: { classes: \"\" },\n left: { classes: \"\" },\n right: { classes: \"\" },\n },\n shape: {\n pill: {\n classes: \"rounded-pill h-32 px-12 whitespace-nowrap\",\n },\n multiline: {\n classes: \"rounded-tooltip px-12 py-8 max-w-280 text-pretty\",\n },\n },\n} as const;\nexport const KAESO_TOOLTIP_DEFAULT_VARIANTS = { side: \"top\", shape: \"pill\" } as const;\n\nexport interface TooltipProps {\n content: ReactNode;\n shortcut?: string[] | string[][] | undefined;\n children: ReactElement;\n side?: keyof typeof KAESO_TOOLTIP_VARIANTS.side | undefined;\n shape?: keyof typeof KAESO_TOOLTIP_VARIANTS.shape | undefined;\n open?: boolean | undefined;\n defaultOpen?: boolean | undefined;\n onOpenChange?: ((open: boolean) => void) | undefined;\n disabled?: boolean | undefined;\n delay?: number | undefined;\n sideOffset?: number | undefined;\n}\n\nconst tooltipRoot = /* @__PURE__ */ lazyModule(() => import(\"./tooltip-root.js\"), { base: () => import.meta.url });\n\nexport function Tooltip(props: TooltipProps) {\n const [mod, retry] = useLazyModuleRetried(tooltipRoot, true);\n const [store] = useState(triggerPropsStore);\n if (!isValidElement(props.children)) return props.children;\n const own = props.children.props as {\n onPointerEnter?: ((e: PointerEvent<Element>) => void) | undefined;\n onFocus?: ((e: FocusEvent<Element>) => void) | undefined;\n };\n const retryOnIntent = mod\n ? undefined\n : {\n onPointerEnter: (e: PointerEvent<Element>) => {\n own.onPointerEnter?.(e);\n retry();\n },\n onFocus: (e: FocusEvent<Element>) => {\n own.onFocus?.(e);\n retry();\n },\n };\n return (\n <>\n <HandedTrigger store={store} merge={mod?.mergeTriggerProps} extra={retryOnIntent}>\n {props.children}\n </HandedTrigger>\n {mod && <mod.TooltipRoot {...props} triggerProps={store} />}\n </>\n );\n}\nif (process.env.NODE_ENV !== \"production\") Tooltip.displayName = \"Tooltip\";\n\nexport function TooltipSurface({\n children,\n shortcut,\n shape = \"pill\",\n}: {\n children: ReactNode;\n shortcut?: string[] | string[][] | undefined;\n shape?: keyof typeof KAESO_TOOLTIP_VARIANTS.shape | undefined;\n}) {\n return (\n <div\n role=\"tooltip\"\n className={cn(\"inline-flex items-center gap-8 bg-tooltip text-small font-medium text-fg shadow-raised\", KAESO_TOOLTIP_VARIANTS.shape[shape].classes)}\n >\n <span>{children}</span>\n {shortcut && <KbdSequence keys={shortcut} />}\n </div>\n );\n}\nif (process.env.NODE_ENV !== \"production\") TooltipSurface.displayName = \"TooltipSurface\";\n"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { t as e } from "./cn-DUDmdLpZ.js";
|
|
3
3
|
import { n as t, r as n } from "./portal-context-BBbzDKmY.js";
|
|
4
4
|
import { i as r } from "./kbd-DqWmbr_e.js";
|
|
5
|
-
import { n as i, t as a } from "./tooltip-
|
|
5
|
+
import { n as i, t as a } from "./tooltip-CTBnfiDH.js";
|
|
6
6
|
import { forwardRef as o, useLayoutEffect as s } from "react";
|
|
7
7
|
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
8
8
|
import { Tooltip as u } from "@base-ui/react/tooltip";
|
|
@@ -57,4 +57,4 @@ process.env.NODE_ENV !== "production" && (g.displayName = "Tooltip.Popup");
|
|
|
57
57
|
//#endregion
|
|
58
58
|
export { p as TooltipRoot, h as mergeTriggerProps };
|
|
59
59
|
|
|
60
|
-
//# sourceMappingURL=tooltip-root-
|
|
60
|
+
//# sourceMappingURL=tooltip-root-B0zWodAJ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip-root-
|
|
1
|
+
{"version":3,"file":"tooltip-root-B0zWodAJ.js","names":["BaseTooltip","cn","pageBoundary","usePortalContainer","KbdSequence","KAESO_TOOLTIP_VARIANTS","KAESO_TOOLTIP_DEFAULT_VARIANTS","popupClasses","TooltipRoot","Tooltip","open","defaultOpen","onOpenChange","o","disabled","HandOver","triggerProps","delay","TooltipPopup","content","shortcut","useLayoutEffect","store","props","mergeTriggerProps","_ref","given","mergeProps","own","shape","className"],"sources":["../../src/components/tooltip/tooltip-root.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, type ReactNode } from \"react\";\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { KbdSequence } from \"../kbd/kbd.js\";\nimport { KAESO_TOOLTIP_DEFAULT_VARIANTS, KAESO_TOOLTIP_VARIANTS, type TooltipProps } from \"./tooltip.js\";\nimport type { TriggerProps, TriggerPropsStore } from \"./trigger-props.js\";\n\nconst popupClasses = \"z-70 flex items-center gap-8 bg-tooltip text-small font-medium text-fg shadow-raised popup-motion\";\n\nexport function TooltipRoot({\n content,\n shortcut,\n triggerProps,\n side = KAESO_TOOLTIP_DEFAULT_VARIANTS.side,\n shape = KAESO_TOOLTIP_DEFAULT_VARIANTS.shape,\n open,\n defaultOpen,\n onOpenChange,\n disabled,\n delay,\n sideOffset = 8,\n}: TooltipProps & { triggerProps: TriggerPropsStore }) {\n return (\n <BaseTooltip.Root\n {...(open !== undefined ? { open } : {})}\n {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n {...(disabled !== undefined ? { disabled } : {})}\n >\n <BaseTooltip.Trigger render={(props) => <HandOver store={triggerProps} props={props} />} {...(delay !== undefined ? { delay } : {})} />\n <BaseTooltip.Portal container={usePortalContainer()}>\n <BaseTooltip.Positioner positionMethod=\"fixed\" collisionBoundary={pageBoundary()} side={side} sideOffset={sideOffset} collisionPadding={8}>\n <TooltipPopup shape={shape}>\n <span>{content}</span>\n {shortcut && <KbdSequence keys={shortcut} />}\n </TooltipPopup>\n </BaseTooltip.Positioner>\n </BaseTooltip.Portal>\n </BaseTooltip.Root>\n );\n}\nif (process.env.NODE_ENV !== \"production\") TooltipRoot.displayName = \"Tooltip.Root\";\n\nfunction HandOver({ store, props }: { store: TriggerPropsStore; props: TriggerProps }) {\n useLayoutEffect(() => store.set(props));\n useLayoutEffect(() => () => store.set(null), [store]);\n return null;\n}\nif (process.env.NODE_ENV !== \"production\") HandOver.displayName = \"Tooltip.HandOver\";\n\nexport function mergeTriggerProps(given: TriggerProps, own: object): object {\n const { ref: _ref, ...props } = given;\n return mergeProps<\"button\">(props, own);\n}\n\nconst TooltipPopup = /* @__PURE__ */ forwardRef<HTMLDivElement, { shape: keyof typeof KAESO_TOOLTIP_VARIANTS.shape; children: ReactNode; className?: string | undefined }>(\n function TooltipPopup({ shape, children, className }, ref) {\n return (\n <BaseTooltip.Popup ref={ref} className={cn(popupClasses, KAESO_TOOLTIP_VARIANTS.shape[shape].classes, className)}>\n {children}\n </BaseTooltip.Popup>\n );\n },\n);\nif (process.env.NODE_ENV !== \"production\") TooltipPopup.displayName = \"Tooltip.Popup\";\n"],"mappings":";;;;;;;;;;AASA,IAAMO,IAAe;AAErB,SAAgBC,EAAY,EAC1B,YACA,aACA,iBACA,UAAOF,EAA+B,MACtC,WAAQA,EAA+B,OACvC,SACA,gBACA,iBACA,aACA,UACA,gBAAa,KACwC;CACrD,OACE,kBAACN,EAAY,MAAb;EACE,GAAKU,MAAS,KAAA,IAAuB,CAAC,IAAZ,EAAE,QAAK;EACjC,GAAKC,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;EAC/C,GAAKC,IAAe,EAAE,eAAe,MAAeA,EAAaC,CAAC,EAAE,IAAI,CAAC;EACzE,GAAKC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EAJ3C,UAAA,CAME,kBAACd,EAAY,SAAb;GAAqB,SAAS,MAAU,kBAACe,GAAD;IAAU,OAAOC;IAAqB;GAAQ,CAAA;GAAG,GAAKC,MAAU,KAAA,IAAwB,CAAC,IAAb,EAAE,SAAM;EAAU,CAAA,GACtI,kBAACjB,EAAY,QAAb;GAAoB,WAAWG,EAAmB;GAChD,UAAA,kBAACH,EAAY,YAAb;IAAwB,gBAAe;IAAQ,mBAAmBE,EAAa;IAAS;IAAkB;IAAY,kBAAkB;IACtI,UAAA,kBAACgB,GAAD;KAAqB;KAArB,UAAA,CACE,kBAAC,QAAD,EAAA,UAAOC,EAAc,CAAA,GACpBC,KAAY,kBAAChB,GAAD,EAAa,MAAMgB,EAAW,CAAA,CAC/B;;GACQ,CAAA;EACN,CAAA,CACJ;;AAEtB;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAErE,SAASL,EAAS,EAAE,UAAO,YAA4D;CAGrF,OAFAM,QAAsBC,EAAM,IAAIC,CAAK,CAAC,GACtCF,cAA4BC,EAAM,IAAI,IAAI,GAAG,CAACA,CAAK,CAAC,GAC7C;AACT;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,SAAgBE,EAAkB,GAAqB,GAAqB;CAC1E,IAAM,EAAE,KAAKC,GAAM,GAAGF,MAAUG;CAChC,OAAOC,EAAqBJ,GAAOK,CAAG;AACxC;AAEA,IAAMV,IAA+B,kBACnC,SAAsB,EAAE,UAAO,aAAU,gBAAa,GAAK;CACzD,OACE,kBAAClB,EAAY,OAAb;EAAwB;EAAK,WAAWC,EAAGM,GAAcF,EAAuB,MAAMwB,EAAM,CAAC,SAASC,CAAS;EAC5G;CACgB,CAAA;AAEvB,CACF;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}
|
|
@@ -347,8 +347,8 @@ var e = {
|
|
|
347
347
|
"sidebar.keepOpen": "保持侧边栏展开",
|
|
348
348
|
"sidebar.main": "主菜单",
|
|
349
349
|
"sidebar.resizeOrCollapse": "调整侧边栏宽度;点击收起",
|
|
350
|
-
"sidebar.switchOrOpenSettings": "
|
|
351
|
-
"sidebar.switchPlace": "
|
|
350
|
+
"sidebar.switchOrOpenSettings": "切换或打开设置",
|
|
351
|
+
"sidebar.switchPlace": "切换",
|
|
352
352
|
"slider.rangeEnd": "范围终点:{value}",
|
|
353
353
|
"slider.rangeStart": "范围起点:{value}",
|
|
354
354
|
"statTile.percent": "{value}%",
|
|
@@ -413,4 +413,4 @@ var e = {
|
|
|
413
413
|
//#endregion
|
|
414
414
|
export { e as default };
|
|
415
415
|
|
|
416
|
-
//# sourceMappingURL=zh-CN-
|
|
416
|
+
//# sourceMappingURL=zh-CN-CKffAT7j.js.map
|