@nxgt/material 3.48.0 → 3.49.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/CHANGELOG.md +10 -0
- package/README.md +2 -2
- package/dist/{button-yaltbQmC.js → button-DJgaQbBD.js} +49 -49
- package/dist/charts.js +144 -144
- package/dist/{chip-BqWbbr1b.js → chip-DN44R1vW.js} +56 -56
- package/dist/{code-editor-C9qBNoYb.js → code-editor-BJ9ewxSC.js} +307 -307
- package/dist/code-editor.js +46 -46
- package/dist/{code-language-items-DAHtfQ7W.js → code-language-items-BJE3VuQg.js} +1 -1
- package/dist/components/components.css +1 -0
- package/dist/components/ui/actions/action-card/action-card-indicator.css +48 -0
- package/dist/components/ui/actions/action-card/action-card-modes.css +4 -1
- package/dist/components/ui/actions/action-card/action-card-tile.css +141 -0
- package/dist/components/ui/actions/action-card/action-card.css +33 -3
- package/dist/{components-Ox6FHmpx.js → components-AtBccCir.js} +17842 -17879
- package/dist/components.js +23 -23
- package/dist/{dialog-CCCcnTIx.js → dialog-ODql4vH7.js} +15 -15
- package/dist/{tooltip-CkttDIab.js → dist-B61_o9Mg.js} +69 -66
- package/dist/dnd.js +1 -1
- package/dist/{dropdown-menu-Df8785nt.js → dropdown-menu-DRXYP9ta.js} +274 -274
- package/dist/editor.js +1027 -1027
- package/dist/{empty-state-DcF4TBzi.js → empty-state-C9QqvBU1.js} +36 -36
- package/dist/{escape-owner-C4W_sOAU.js → escape-owner-DCrlERLM.js} +1 -1
- package/dist/{field-blur-CJHzVSh9.js → field-blur-DYGyIdfD.js} +1 -1
- package/dist/{field-blur-context-Cft9s7Hg.js → field-blur-context-B-fSpl1H.js} +1 -1
- package/dist/hooks.js +2 -2
- package/dist/{hover-card-C0fw2kLK.js → hover-card-EO_CckIx.js} +19 -19
- package/dist/{icon-badge-aJ22mKGh.js → icon-badge-BQYj_LE6.js} +3 -3
- package/dist/{icon-button-CN9r5TNE.js → icon-button-B481L2TP.js} +20 -20
- package/dist/lib/components/ui/actions/action-card/action-card-semantics.d.ts +25 -2
- package/dist/lib/components/ui/actions/action-card/action-card.d.ts +18 -2
- package/dist/lib/components/ui/actions/action-card/partials/action-card-icon.d.ts +6 -0
- package/dist/lib/components/ui/actions/action-card/partials/action-card-meta.d.ts +15 -0
- package/dist/lib/components/ui/actions/action-card/partials/action-card-status.d.ts +6 -0
- package/dist/lib/components/ui/actions/action-card/partials/action-card-text.d.ts +20 -0
- package/dist/lib/components/ui/actions/action-card/partials/action-card-title-button.d.ts +14 -0
- package/dist/lib/components/ui/actions/action-card/partials/action-card-trail.d.ts +6 -0
- package/dist/lib/components/ui/actions/action-card/use-action-card-names.d.ts +22 -0
- package/dist/lib/components/ui/actions/action-card/use-reveal.d.ts +23 -0
- package/dist/lib/components/ui/actions/button/button.variants.d.ts +1 -1
- package/dist/lib/components/ui/actions/icon-button/icon-button.variants.d.ts +1 -1
- package/dist/lib/components/ui/collections/row-menu/row-menu.d.ts +1 -1
- package/dist/lib/components/ui/dates/duration-field/partials/use-duration-box.d.ts +1 -1
- package/dist/lib/components/ui/display/badge/badge.d.ts +1 -1
- package/dist/lib/components/ui/display/day-separator/day-separator.d.ts +1 -1
- package/dist/lib/components/ui/fields/contacts/placeholders.d.ts +1 -1
- package/dist/lib/components/ui/fields/slider/split-slider-props.d.ts +20 -20
- package/dist/lib/components/ui/fields/slider/use-slider-control.d.ts +20 -20
- package/dist/lib/components/ui/layout/app-shell/route-transition.d.ts +1 -1
- package/dist/lib/components/ui/media/carousel/use-carousel-engine.d.ts +1 -1
- package/dist/lib/components/ui/media/media-player/engine/use-queue-actions.d.ts +1 -1
- package/dist/lib/components/ui/media/pdf-reader/pdf-reader.slice.d.ts +1 -1
- package/dist/lib/components/ui/selection/choice-group/use-choice-group-field.d.ts +34 -34
- package/dist/lib/components/ui/widgets/chat/chat-message.variants.d.ts +2 -2
- package/dist/lib/components/ui/widgets/event-calendar/use-event-calendar.d.ts +1 -1
- package/dist/lib/i18n/translator.d.ts +1 -1
- package/dist/main.js +30 -30
- package/dist/map.js +78 -78
- package/dist/material.css +1 -1
- package/dist/nxgt-theme-ivgNca3z.js +37 -0
- package/dist/pdf-reader.js +1 -1
- package/dist/{public-zVb_Nq_D.js → public-CZBz4JVu.js} +70 -70
- package/dist/{rich-code-block-DMWZZJma.js → rich-code-block-597e0_Qm.js} +51 -51
- package/dist/{sortable-provider-DstbgMVf.js → sortable-provider-CK_xAk2H.js} +217 -217
- package/dist/{spinner-C4CgDEYm.js → spinner-BhuZuHK1.js} +1 -1
- package/dist/theme-picker.js +45 -45
- package/dist/{theme-store-CSl51uNH.js → theme-store-BdPp43cV.js} +13 -13
- package/dist/{theme-toggle-CGW2_K54.js → theme-toggle-Dnjn83TJ.js} +15 -15
- package/dist/themes.js +17 -17
- package/dist/{toggle-group-BMJNcFAC.js → toggle-group-BkH23Jk4.js} +11 -11
- package/dist/{toolbar-items-CsLGJMEJ.js → toolbar-items-CCwIu7fE.js} +426 -426
- package/dist/{use-chat-composer-Brcb5f7r.js → use-chat-composer-Ot5XUbdn.js} +5138 -4908
- package/dist/{use-theme-DMcyJ52N.js → use-theme-BCLireTd.js} +1 -1
- package/docs/components/buttons-and-actions.md +62 -4
- package/docs/components/data-table-filter-and-lists.md +1 -1
- package/docs/guides/cards-and-tiles.md +60 -0
- package/docs/roadmap.md +11 -0
- package/lib/components/components.css +1 -0
- package/lib/components/ui/actions/action-card/action-card-indicator.css +48 -0
- package/lib/components/ui/actions/action-card/action-card-modes.css +4 -1
- package/lib/components/ui/actions/action-card/action-card-tile.css +141 -0
- package/lib/components/ui/actions/action-card/action-card.css +33 -3
- package/package.json +1 -1
- package/dist/nxgt-theme-ZS945iMP.js +0 -37
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { c as t, n, t as r } from "./dropdown-menu-
|
|
1
|
+
import { n as e } from "./dist-B61_o9Mg.js";
|
|
2
|
+
import { c as t, n, t as r } from "./dropdown-menu-DRXYP9ta.js";
|
|
3
3
|
import { t as i } from "./use-material-translation-DOkTaWK_.js";
|
|
4
|
-
import { a, i as o, n as s, o as c, t as l } from "./code-language-items-
|
|
4
|
+
import { a, i as o, n as s, o as c, t as l } from "./code-language-items-BJE3VuQg.js";
|
|
5
5
|
import { i as u, n as d, r as f, s as p } from "./dist-C3GR7kJd.js";
|
|
6
6
|
import { t as m } from "./code-block-spec-CGLKRhwD.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
7
|
+
import { Suspense as h, lazy as g, useEffect as _, useRef as v, useState as y } from "react";
|
|
8
|
+
import { jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
9
|
+
import { createPortal as S } from "react-dom";
|
|
10
|
+
import { Check as C, ChevronDown as w, Copy as T, Maximize2 as E, WrapText as D } from "lucide-react";
|
|
11
11
|
//#region lib/components/ui/widgets/editor/extensions/code/code-block-file.tsx
|
|
12
12
|
function O({ filename: e, editable: t, onRename: n }) {
|
|
13
|
-
let { t: r } = i(), [a, o] =
|
|
14
|
-
if (!t) return e ? /* @__PURE__ */
|
|
13
|
+
let { t: r } = i(), [a, o] = y(!1), s = v(null), c = v(!1), l = r("material.code.file-name", "File name");
|
|
14
|
+
if (!t) return e ? /* @__PURE__ */ b("span", {
|
|
15
15
|
className: "nxgt-code-block-file",
|
|
16
|
-
children: /* @__PURE__ */
|
|
16
|
+
children: /* @__PURE__ */ b("bdi", {
|
|
17
17
|
dir: "ltr",
|
|
18
18
|
children: e
|
|
19
19
|
})
|
|
20
20
|
}) : null;
|
|
21
|
-
if (!a) return /* @__PURE__ */
|
|
21
|
+
if (!a) return /* @__PURE__ */ b("button", {
|
|
22
22
|
ref: s,
|
|
23
23
|
type: "button",
|
|
24
24
|
className: "nxgt-code-block-file",
|
|
@@ -27,15 +27,15 @@ function O({ filename: e, editable: t, onRename: n }) {
|
|
|
27
27
|
onClick: () => {
|
|
28
28
|
c.current = !1, o(!0);
|
|
29
29
|
},
|
|
30
|
-
children: e ? /* @__PURE__ */
|
|
30
|
+
children: e ? /* @__PURE__ */ b("bdi", {
|
|
31
31
|
dir: "ltr",
|
|
32
32
|
children: e
|
|
33
|
-
}) : /* @__PURE__ */
|
|
33
|
+
}) : /* @__PURE__ */ b("bdi", { children: l })
|
|
34
34
|
});
|
|
35
35
|
let u = (e, t) => {
|
|
36
36
|
c.current || (c.current = !0, o(!1), e !== null && n(e.replace(/\s+/g, " ").trim() || null), t && requestAnimationFrame(() => s.current?.focus()));
|
|
37
37
|
};
|
|
38
|
-
return /* @__PURE__ */
|
|
38
|
+
return /* @__PURE__ */ b("input", {
|
|
39
39
|
className: "nxgt-code-block-file",
|
|
40
40
|
defaultValue: e ?? "",
|
|
41
41
|
"aria-label": l,
|
|
@@ -51,22 +51,22 @@ function O({ filename: e, editable: t, onRename: n }) {
|
|
|
51
51
|
//#region lib/components/ui/widgets/editor/extensions/code/code-block-language.tsx
|
|
52
52
|
function k({ language: e, editable: a, onChange: s }) {
|
|
53
53
|
let { t: c } = i(), u = e ? o(e) : c("material.code.plain-text", "Plain text");
|
|
54
|
-
return a ? /* @__PURE__ */
|
|
54
|
+
return a ? /* @__PURE__ */ x(r, { children: [/* @__PURE__ */ b(t, {
|
|
55
55
|
asChild: !0,
|
|
56
|
-
children: /* @__PURE__ */
|
|
56
|
+
children: /* @__PURE__ */ x("button", {
|
|
57
57
|
type: "button",
|
|
58
58
|
className: "nxgt-code-block-lang",
|
|
59
59
|
"aria-label": c("material.code.language-is", "Language: {name}", { name: u }),
|
|
60
|
-
children: [u, /* @__PURE__ */
|
|
60
|
+
children: [u, /* @__PURE__ */ b(w, { "aria-hidden": !0 })]
|
|
61
61
|
})
|
|
62
|
-
}), /* @__PURE__ */
|
|
62
|
+
}), /* @__PURE__ */ b(n, {
|
|
63
63
|
align: "start",
|
|
64
64
|
className: "max-h-80",
|
|
65
|
-
children: /* @__PURE__ */
|
|
65
|
+
children: /* @__PURE__ */ b(l, {
|
|
66
66
|
language: e,
|
|
67
67
|
onChange: s
|
|
68
68
|
})
|
|
69
|
-
})] }) : /* @__PURE__ */
|
|
69
|
+
})] }) : /* @__PURE__ */ b("span", {
|
|
70
70
|
className: "nxgt-code-block-lang",
|
|
71
71
|
children: u
|
|
72
72
|
});
|
|
@@ -74,9 +74,9 @@ function k({ language: e, editable: a, onChange: s }) {
|
|
|
74
74
|
//#endregion
|
|
75
75
|
//#region lib/components/ui/widgets/editor/extensions/code/code-block-tool.tsx
|
|
76
76
|
function A({ label: t, pressed: n, onClick: r, children: i }) {
|
|
77
|
-
return /* @__PURE__ */
|
|
77
|
+
return /* @__PURE__ */ b(e, {
|
|
78
78
|
content: t,
|
|
79
|
-
children: /* @__PURE__ */
|
|
79
|
+
children: /* @__PURE__ */ b("button", {
|
|
80
80
|
type: "button",
|
|
81
81
|
className: "nxgt-code-block-tool",
|
|
82
82
|
"aria-label": t,
|
|
@@ -89,8 +89,8 @@ function A({ label: t, pressed: n, onClick: r, children: i }) {
|
|
|
89
89
|
//#endregion
|
|
90
90
|
//#region lib/components/ui/widgets/editor/extensions/code/use-status-root.ts
|
|
91
91
|
function j(e) {
|
|
92
|
-
let [t, n] =
|
|
93
|
-
return
|
|
92
|
+
let [t, n] = y(null);
|
|
93
|
+
return _(() => {
|
|
94
94
|
let t = e.view.dom.parentElement;
|
|
95
95
|
if (!t) return;
|
|
96
96
|
let r = document.createElement("div");
|
|
@@ -103,38 +103,38 @@ function j(e) {
|
|
|
103
103
|
//#region lib/components/ui/widgets/editor/extensions/code/code-block-head.tsx
|
|
104
104
|
function M({ node: e, editor: t, updateAttributes: n, editable: r, wrap: a, onWrapChange: o, onOpen: l }) {
|
|
105
105
|
let { t: u } = i(), { status: d, copy: f } = c(), p = d === "copied", m = j(t);
|
|
106
|
-
return /* @__PURE__ */
|
|
106
|
+
return /* @__PURE__ */ x("div", {
|
|
107
107
|
className: "nxgt-code-block-head",
|
|
108
108
|
contentEditable: !1,
|
|
109
109
|
children: [
|
|
110
|
-
/* @__PURE__ */
|
|
110
|
+
/* @__PURE__ */ b(O, {
|
|
111
111
|
filename: e.attrs.filename ?? null,
|
|
112
112
|
editable: r,
|
|
113
113
|
onRename: (e) => n({ filename: e })
|
|
114
114
|
}),
|
|
115
|
-
/* @__PURE__ */
|
|
115
|
+
/* @__PURE__ */ b(k, {
|
|
116
116
|
language: e.attrs.language ?? null,
|
|
117
117
|
editable: r,
|
|
118
118
|
onChange: (e) => n({ language: e })
|
|
119
119
|
}),
|
|
120
|
-
/* @__PURE__ */
|
|
121
|
-
/* @__PURE__ */
|
|
120
|
+
/* @__PURE__ */ b("span", { className: "nxgt-code-block-gap" }),
|
|
121
|
+
/* @__PURE__ */ b(A, {
|
|
122
122
|
label: u("material.code.word-wrap", "Word wrap"),
|
|
123
123
|
pressed: a,
|
|
124
124
|
onClick: () => o(!a),
|
|
125
|
-
children: /* @__PURE__ */
|
|
125
|
+
children: /* @__PURE__ */ b(D, { "aria-hidden": !0 })
|
|
126
126
|
}),
|
|
127
|
-
/* @__PURE__ */
|
|
127
|
+
/* @__PURE__ */ b(A, {
|
|
128
128
|
label: p ? u("material.code.copied", "Copied") : u("material.code.copy", "Copy"),
|
|
129
129
|
onClick: () => void f(e.textContent),
|
|
130
|
-
children:
|
|
130
|
+
children: b(p ? C : T, { "aria-hidden": !0 })
|
|
131
131
|
}),
|
|
132
|
-
r && /* @__PURE__ */
|
|
132
|
+
r && /* @__PURE__ */ b(A, {
|
|
133
133
|
label: u("material.code.open-in-editor", "Open in editor"),
|
|
134
134
|
onClick: l,
|
|
135
|
-
children: /* @__PURE__ */
|
|
135
|
+
children: /* @__PURE__ */ b(E, { "aria-hidden": !0 })
|
|
136
136
|
}),
|
|
137
|
-
m &&
|
|
137
|
+
m && S(/* @__PURE__ */ b(s, {
|
|
138
138
|
slot: "code-block-copy-status",
|
|
139
139
|
status: d
|
|
140
140
|
}), m)
|
|
@@ -143,20 +143,20 @@ function M({ node: e, editor: t, updateAttributes: n, editable: r, wrap: a, onWr
|
|
|
143
143
|
}
|
|
144
144
|
//#endregion
|
|
145
145
|
//#region lib/components/ui/widgets/editor/extensions/code/code-block-open.tsx
|
|
146
|
-
var N =
|
|
146
|
+
var N = g(() => import("./code-editor-BJ9ewxSC.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
|
|
147
147
|
function P() {
|
|
148
148
|
let { t: e } = i();
|
|
149
|
-
return /* @__PURE__ */
|
|
149
|
+
return /* @__PURE__ */ b("div", {
|
|
150
150
|
className: "nxgt-code-block-loading",
|
|
151
151
|
role: "status",
|
|
152
152
|
children: e("material.code.opening", "Opening the editor…")
|
|
153
153
|
});
|
|
154
154
|
}
|
|
155
155
|
function F({ code: e, language: t, filename: n, label: r, theme: i, within: o, onClose: s }) {
|
|
156
|
-
let c =
|
|
157
|
-
return
|
|
158
|
-
fallback: /* @__PURE__ */
|
|
159
|
-
children: /* @__PURE__ */
|
|
156
|
+
let c = v(null), [l, u] = y(a(t ?? void 0));
|
|
157
|
+
return S(/* @__PURE__ */ b(h, {
|
|
158
|
+
fallback: /* @__PURE__ */ b(P, {}),
|
|
159
|
+
children: /* @__PURE__ */ b(N, {
|
|
160
160
|
label: r,
|
|
161
161
|
filename: n ?? void 0,
|
|
162
162
|
theme: i,
|
|
@@ -198,45 +198,45 @@ function L(e, t, n, r) {
|
|
|
198
198
|
//#endregion
|
|
199
199
|
//#region lib/components/ui/widgets/editor/extensions/code/code-block-view.tsx
|
|
200
200
|
function R(e) {
|
|
201
|
-
let { node: t, editor: n, extension: r } = e, { t: a } = i(), [o, s] =
|
|
201
|
+
let { node: t, editor: n, extension: r } = e, { t: a } = i(), [o, s] = y(!1), [c, l] = y(!1), u = p({
|
|
202
202
|
editor: n,
|
|
203
203
|
selector: (e) => e.editor.isEditable
|
|
204
204
|
});
|
|
205
|
-
|
|
205
|
+
_(() => {
|
|
206
206
|
u || l(!1);
|
|
207
207
|
}, [u]);
|
|
208
|
-
let m = r.options.theme ?? "app", h = t.textContent.split("\n").length, g = t.attrs.filename ?? null,
|
|
208
|
+
let m = r.options.theme ?? "app", h = t.textContent.split("\n").length, g = t.attrs.filename ?? null, v = (t, r) => {
|
|
209
209
|
l(!1), L(n, e.getPos(), t, r);
|
|
210
210
|
};
|
|
211
|
-
return /* @__PURE__ */
|
|
211
|
+
return /* @__PURE__ */ x(f, {
|
|
212
212
|
className: "nxgt-code-block",
|
|
213
213
|
"data-code-theme": m,
|
|
214
214
|
"data-wrap": o || void 0,
|
|
215
215
|
children: [
|
|
216
|
-
/* @__PURE__ */
|
|
216
|
+
/* @__PURE__ */ b(M, {
|
|
217
217
|
...e,
|
|
218
218
|
editable: u,
|
|
219
219
|
wrap: o,
|
|
220
220
|
onWrapChange: s,
|
|
221
221
|
onOpen: () => l(!0)
|
|
222
222
|
}),
|
|
223
|
-
/* @__PURE__ */
|
|
223
|
+
/* @__PURE__ */ x("div", {
|
|
224
224
|
className: "nxgt-code-block-body",
|
|
225
|
-
children: [!o && /* @__PURE__ */
|
|
225
|
+
children: [!o && /* @__PURE__ */ b("span", {
|
|
226
226
|
className: "nxgt-code-block-gutter",
|
|
227
227
|
contentEditable: !1,
|
|
228
228
|
"aria-hidden": !0,
|
|
229
229
|
children: Array.from({ length: h }, (e, t) => `${t + 1}\n`).join("")
|
|
230
|
-
}), /* @__PURE__ */
|
|
230
|
+
}), /* @__PURE__ */ b("pre", { children: /* @__PURE__ */ b(d, { as: "code" }) })]
|
|
231
231
|
}),
|
|
232
|
-
c && u && /* @__PURE__ */
|
|
232
|
+
c && u && /* @__PURE__ */ b(F, {
|
|
233
233
|
code: t.textContent,
|
|
234
234
|
language: t.attrs.language,
|
|
235
235
|
filename: g,
|
|
236
236
|
label: g ?? a("material.rich-text-editor.code-block", "Code block"),
|
|
237
237
|
theme: m,
|
|
238
238
|
within: n.view.dom,
|
|
239
|
-
onClose:
|
|
239
|
+
onClose: v
|
|
240
240
|
})
|
|
241
241
|
]
|
|
242
242
|
});
|