nexabase-report 0.2.5 → 0.2.6

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.
@@ -0,0 +1,16 @@
1
+ /* PRIMEVUE CORE */
2
+ @import "primevue/resources/themes/lara-light-blue/theme.css";
3
+ @import "primevue/resources/primevue.min.css";
4
+ @import "primeicons/primeicons.css";
5
+ @import "primeflex/primeflex.css";
6
+
7
+ /* RESET */
8
+ html, body, #app {
9
+ margin: 0;
10
+ padding: 0;
11
+ width: 100vw;
12
+ height: 100vh;
13
+ overflow: hidden;
14
+ background: #f1f5f9;
15
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
16
+ }
@@ -0,0 +1,386 @@
1
+ /* ============================================================
2
+ PRIMEVUE OVERRIDES
3
+ ============================================================ */
4
+
5
+ /* Toast overrides */
6
+ .p-toast { font-size: 12px; }
7
+ .p-toast .p-toast-message .p-toast-message-content { padding: 12px; border-radius: 6px; }
8
+
9
+ /* ============================================================
10
+ STIMULSOFT PREVIEW DIALOG
11
+ ============================================================ */
12
+
13
+ .p-dialog.nd-stimulsoft-dialog {
14
+ border: none !important;
15
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
16
+ border-radius: 12px !important;
17
+ overflow: hidden !important;
18
+ }
19
+
20
+ .p-dialog.nd-stimulsoft-dialog .p-dialog-header {
21
+ background: #1e293b !important;
22
+ color: #f8fafc !important;
23
+ padding: 0 !important;
24
+ margin: 0 !important;
25
+ border: none !important;
26
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
27
+ display: flex !important;
28
+ flex-direction: row !important;
29
+ align-items: center !important;
30
+ min-height: 42px !important;
31
+ position: relative !important;
32
+ }
33
+
34
+ .p-dialog.nd-stimulsoft-dialog .p-dialog-header .p-dialog-title {
35
+ display: none !important;
36
+ }
37
+
38
+ /* Close button - position top-right */
39
+ .p-dialog.nd-stimulsoft-dialog .p-dialog-header .p-dialog-header-icon {
40
+ position: absolute !important;
41
+ right: 10px !important;
42
+ top: 6px !important;
43
+ width: 30px !important;
44
+ height: 30px !important;
45
+ color: rgba(255, 255, 255, 0.5) !important;
46
+ border-radius: 50% !important;
47
+ border: 1px solid rgba(255, 255, 255, 0.2) !important;
48
+ padding: 0 !important;
49
+ display: flex !important;
50
+ align-items: center !important;
51
+ justify-content: center !important;
52
+ z-index: 10 !important;
53
+ }
54
+
55
+ .p-dialog.nd-stimulsoft-dialog .p-dialog-header .p-dialog-header-icon:hover {
56
+ color: white !important;
57
+ background: rgba(255, 255, 255, 0.15) !important;
58
+ }
59
+
60
+ .p-dialog.nd-stimulsoft-dialog .p-dialog-content {
61
+ background: #e2e8f0 !important;
62
+ padding: 0 !important;
63
+ display: flex !important;
64
+ flex-direction: column !important;
65
+ overflow: auto !important;
66
+ min-height: calc(98vh - 80px) !important;
67
+ }
68
+
69
+ .p-dialog.nd-stimulsoft-dialog .p-dialog-footer {
70
+ background: #1e293b !important;
71
+ color: white !important;
72
+ padding: 0 !important;
73
+ margin: 0 !important;
74
+ border: none !important;
75
+ border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
76
+ display: flex !important;
77
+ flex-direction: row !important;
78
+ align-items: center !important;
79
+ min-height: 36px !important;
80
+ }
81
+
82
+ /* Cleaner preview shell in designer: keep only a close button on top */
83
+ .p-dialog.nd-stimulsoft-dialog.nd-preview-dialog {
84
+ width: min(1500px, 94vw) !important;
85
+ max-width: 94vw !important;
86
+ }
87
+
88
+ .p-dialog.nd-stimulsoft-dialog.nd-preview-dialog .p-dialog-header {
89
+ background: transparent !important;
90
+ border: none !important;
91
+ min-height: 0 !important;
92
+ padding: 8px 8px 0 8px !important;
93
+ }
94
+
95
+ .p-dialog.nd-stimulsoft-dialog.nd-preview-dialog .p-dialog-content {
96
+ min-height: calc(94vh - 16px) !important;
97
+ }
98
+
99
+ .p-dialog.nd-stimulsoft-dialog.nd-preview-dialog .p-dialog-footer {
100
+ display: none !important;
101
+ min-height: 0 !important;
102
+ padding: 0 !important;
103
+ border: none !important;
104
+ }
105
+
106
+ .nd-preview-closebar {
107
+ width: 100%;
108
+ display: flex;
109
+ justify-content: flex-end;
110
+ }
111
+
112
+ .nd-preview-close-btn.p-button {
113
+ width: 30px !important;
114
+ height: 30px !important;
115
+ border: 1px solid #cbd5e1 !important;
116
+ color: #64748b !important;
117
+ background: #ffffff !important;
118
+ }
119
+
120
+ .nd-preview-close-btn.p-button:hover {
121
+ color: #111827 !important;
122
+ border-color: #94a3b8 !important;
123
+ background: #f8fafc !important;
124
+ }
125
+
126
+ /* ============================================================
127
+ STIMULSOFT TOOLBAR
128
+ ============================================================ */
129
+
130
+ .nd-st-toolbar {
131
+ width: 100%;
132
+ display: flex !important;
133
+ flex-direction: row !important;
134
+ align-items: center !important;
135
+ gap: 2px !important;
136
+ padding: 6px 12px !important;
137
+ padding-right: 50px !important;
138
+ }
139
+
140
+ .nd-st-group {
141
+ display: flex !important;
142
+ flex-direction: row !important;
143
+ align-items: center !important;
144
+ gap: 2px !important;
145
+ }
146
+
147
+ .nd-st-divider {
148
+ width: 1px !important;
149
+ height: 24px !important;
150
+ background: rgba(255, 255, 255, 0.15) !important;
151
+ margin: 0 6px !important;
152
+ flex-shrink: 0 !important;
153
+ }
154
+
155
+ .nd-st-spacer {
156
+ flex: 1 !important;
157
+ }
158
+
159
+ .nd-st-viewport {
160
+ flex: 1;
161
+ padding: 30px;
162
+ display: flex;
163
+ justify-content: center;
164
+ align-items: flex-start;
165
+ width: 100%;
166
+ overflow: auto;
167
+ }
168
+
169
+ .nd-st-paper-wrapper {
170
+ background: white;
171
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
172
+ height: min-content;
173
+ width: auto;
174
+ border-radius: 2px;
175
+ }
176
+
177
+ .nd-st-loading {
178
+ display: flex;
179
+ flex-direction: column;
180
+ align-items: center;
181
+ justify-content: center;
182
+ gap: 16px;
183
+ min-height: 400px;
184
+ color: #64748b;
185
+ font-size: 16px;
186
+ }
187
+
188
+ .nd-st-statusbar {
189
+ width: 100%;
190
+ display: flex !important;
191
+ flex-direction: row !important;
192
+ align-items: center !important;
193
+ padding: 0 12px !important;
194
+ gap: 4px !important;
195
+ }
196
+
197
+ .nd-st-zoom-label {
198
+ color: white !important;
199
+ font-family: 'Courier New', monospace !important;
200
+ min-width: 50px !important;
201
+ text-align: center !important;
202
+ font-size: 12px !important;
203
+ font-weight: 600 !important;
204
+ }
205
+
206
+ .nd-st-statusbar span {
207
+ color: rgba(255, 255, 255, 0.8) !important;
208
+ font-size: 12px !important;
209
+ padding: 0 8px !important;
210
+ }
211
+
212
+ /* Toolbar buttons */
213
+ .nd-st-toolbar .p-button {
214
+ color: rgba(255, 255, 255, 0.7) !important;
215
+ background: transparent !important;
216
+ border: 1px solid transparent !important;
217
+ padding: 4px 10px !important;
218
+ font-size: 12px !important;
219
+ min-height: 28px !important;
220
+ border-radius: 4px !important;
221
+ }
222
+
223
+ .nd-st-toolbar .p-button:hover {
224
+ color: white !important;
225
+ background: rgba(255, 255, 255, 0.1) !important;
226
+ border-color: rgba(255, 255, 255, 0.15) !important;
227
+ }
228
+
229
+ .nd-st-toolbar .p-button .pi {
230
+ color: rgba(255, 255, 255, 0.6) !important;
231
+ margin-right: 5px !important;
232
+ }
233
+
234
+ .nd-st-toolbar .p-button:hover .pi {
235
+ color: white !important;
236
+ }
237
+
238
+ .nd-st-toolbar .p-button.p-button-icon-only {
239
+ padding: 4px 8px !important;
240
+ width: 28px !important;
241
+ }
242
+
243
+ .nd-st-toolbar .p-button.p-button-icon-only .pi {
244
+ margin-right: 0 !important;
245
+ }
246
+
247
+ /* Statusbar buttons */
248
+ .nd-st-statusbar .p-button {
249
+ color: rgba(255, 255, 255, 0.7) !important;
250
+ background: transparent !important;
251
+ border: 1px solid transparent !important;
252
+ padding: 0 !important;
253
+ min-height: 24px !important;
254
+ width: 24px !important;
255
+ border-radius: 4px !important;
256
+ }
257
+
258
+ .nd-st-statusbar .p-button:hover {
259
+ color: white !important;
260
+ background: rgba(255, 255, 255, 0.1) !important;
261
+ }
262
+
263
+ .nd-st-statusbar .p-button .pi {
264
+ color: rgba(255, 255, 255, 0.6) !important;
265
+ font-size: 12px !important;
266
+ }
267
+
268
+ .nd-st-statusbar .p-button:hover .pi {
269
+ color: white !important;
270
+ }
271
+
272
+ /* ============================================================
273
+ COMPACT INPUT OVERRIDES IN RIBBON
274
+ ============================================================ */
275
+
276
+ /* Override PrimeVue sizes for compact ribbon inputs */
277
+ .p-inputtext-xs.p-inputtext {
278
+ font-size: 11px !important;
279
+ padding: 3px 6px !important;
280
+ height: 24px !important;
281
+ }
282
+
283
+ .p-inputnumber-xs.p-inputnumber {
284
+ font-size: 11px !important;
285
+ }
286
+
287
+ .p-inputnumber-xs .p-inputnumber-input {
288
+ font-size: 11px !important;
289
+ padding: 3px 6px !important;
290
+ height: 24px !important;
291
+ }
292
+
293
+ .p-dropdown-xs.p-dropdown {
294
+ font-size: 11px !important;
295
+ }
296
+
297
+ .p-dropdown-xs .p-dropdown-label {
298
+ font-size: 11px !important;
299
+ padding: 3px 8px !important;
300
+ height: 24px !important;
301
+ }
302
+
303
+ .p-dropdown-xs .p-dropdown-trigger {
304
+ width: 24px !important;
305
+ }
306
+
307
+ /* PrimeVue overrides in ribbon */
308
+ .nd-dropdown-mini,
309
+ .nd-dropdown-mini .p-dropdown {
310
+ width: 110px !important;
311
+ height: 26px !important;
312
+ font-size: 11px !important;
313
+ line-height: 26px !important;
314
+ }
315
+
316
+ .nd-dropdown-mini .p-dropdown-label {
317
+ padding: 0 8px !important;
318
+ font-size: 11px !important;
319
+ display: flex;
320
+ align-items: center;
321
+ line-height: 24px !important;
322
+ }
323
+
324
+ .nd-dropdown-mini .p-dropdown-trigger {
325
+ width: 24px !important;
326
+ }
327
+
328
+ .nd-input-mini,
329
+ .nd-input-mini .p-inputnumber {
330
+ width: 65px !important;
331
+ height: 26px !important;
332
+ }
333
+
334
+ .nd-input-mini .p-inputnumber-input {
335
+ padding: 2px 4px !important;
336
+ font-size: 11px !important;
337
+ text-align: center;
338
+ height: 22px !important;
339
+ line-height: 18px !important;
340
+ }
341
+
342
+ .nd-toolbar .p-divider.p-divider-vertical {
343
+ margin: 0 4px;
344
+ height: 24px;
345
+ align-self: center;
346
+ }
347
+
348
+ .nd-toolbar .p-divider .p-divider-content { background-color: var(--nd-border); }
349
+
350
+ /* ============================================================
351
+ ABOUT DIALOG
352
+ ============================================================ */
353
+
354
+ .p-dialog.nd-about-dialog {
355
+ border-radius: 12px;
356
+ overflow: hidden;
357
+ }
358
+
359
+ .p-dialog.nd-about-dialog .p-dialog-header {
360
+ background: var(--nd-surface);
361
+ border-bottom: 1px solid var(--nd-border);
362
+ }
363
+
364
+ .p-dialog.nd-about-dialog .p-dialog-content {
365
+ background: var(--nd-surface);
366
+ }
367
+
368
+ .p-dialog.nd-about-dialog .p-dialog-footer {
369
+ background: var(--nd-surface);
370
+ border-top: 1px solid var(--nd-border);
371
+ }
372
+
373
+ /* ============================================================
374
+ WATERMARK DIALOG
375
+ ============================================================ */
376
+
377
+ .nd-wm-dialog .p-dialog-header {
378
+ background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
379
+ }
380
+ .nd-wm-dialog .p-dialog-content {
381
+ padding: 16px 20px !important;
382
+ overflow: visible !important;
383
+ }
384
+ .nd-wm-dialog .p-dialog-footer {
385
+ padding: 8px 20px 12px !important;
386
+ }
@@ -0,0 +1,29 @@
1
+ /* ============================================================
2
+ DESIGN TOKENS — shared by Designer and Viewer
3
+ ============================================================ */
4
+ :root {
5
+ --nd-primary: #2563eb;
6
+ --nd-primary-dark: #1d4ed8;
7
+ --nd-primary-light: #dbeafe;
8
+ --nd-primary-ghost: rgba(37, 99, 235, 0.08);
9
+ --nd-surface: #ffffff;
10
+ --nd-background: #f1f5f9;
11
+ --nd-background-canvas: #e2e8f0;
12
+ --nd-border: #e2e8f0;
13
+ --nd-border-strong: #cbd5e1;
14
+ --nd-text: #1e293b;
15
+ --nd-text-secondary: #64748b;
16
+ --nd-text-muted: #94a3b8;
17
+ --nd-success: #059669;
18
+ --nd-warning: #d97706;
19
+ --nd-danger: #dc2626;
20
+ --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
21
+ --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
22
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
23
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
24
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
25
+ --radius-sm: 4px;
26
+ --radius: 6px;
27
+ --radius-md: 8px;
28
+ --transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
29
+ }
@@ -0,0 +1,64 @@
1
+ /* ============================================================
2
+ VIEWER STYLES
3
+ ============================================================ */
4
+
5
+ /* Table styles for nexabase-report viewer */
6
+ .nexa-table {
7
+ width: 100%;
8
+ border-collapse: collapse;
9
+ font-size: 11px;
10
+ }
11
+
12
+ .nexa-table thead tr {
13
+ background: #f1f5f9;
14
+ border-bottom: 2px solid var(--nd-border-strong, #e2e8f0);
15
+ }
16
+
17
+ .nexa-table th {
18
+ padding: 6px 8px;
19
+ font-weight: 600;
20
+ color: var(--nd-text, #1e293b);
21
+ text-align: left;
22
+ border-right: 1px solid var(--nd-border, #e2e8f0);
23
+ }
24
+
25
+ .nexa-table th:last-child { border-right: none; }
26
+
27
+ .nexa-table td {
28
+ padding: 5px 8px;
29
+ border-right: 1px solid var(--nd-border, #e2e8f0);
30
+ border-bottom: 1px solid var(--nd-border, #e2e8f0);
31
+ color: #475569;
32
+ }
33
+
34
+ .nexa-table td:last-child { border-right: none; }
35
+
36
+ .nexa-table tfoot tr {
37
+ background: #f8fafc;
38
+ border-top: 2px solid #94a3b8;
39
+ }
40
+
41
+ .nexa-table-footer td {
42
+ font-weight: 600;
43
+ color: #1e3a8a;
44
+ background: #f1f5f9;
45
+ }
46
+
47
+ .nexa-table-group-header td {
48
+ font-weight: 700;
49
+ background: #e0e7ff;
50
+ color: #1e3a8a;
51
+ font-size: 12px;
52
+ padding: 4px 8px;
53
+ }
54
+
55
+ .nexa-table-group-footer td {
56
+ font-weight: 600;
57
+ background: #f1f5f9;
58
+ color: #374151;
59
+ border-top: 1px solid #cbd5e1;
60
+ }
61
+
62
+ .nexa-footer-val {
63
+ font-family: 'Courier New', monospace;
64
+ }
@@ -0,0 +1,8 @@
1
+ /* ============================================================
2
+ NEXABASE REPORT — STYLES ENTRY POINT
3
+ ============================================================ */
4
+ @import '_variables.css';
5
+ @import '_primevue-core.css';
6
+ @import '_primevue-overrides.css';
7
+ @import '_designer.css';
8
+ @import '_viewer.css';
@@ -1,4 +1,4 @@
1
- import { N as r, S as s, i as t, r as S } from "./index-BMXrnXcU.js";
1
+ import { N as r, S as s, i as t, r as S } from "./index-DxNI7UUB.js";
2
2
  export {
3
3
  r as NexaViewerElement,
4
4
  s as SYSTEM_VARIABLES,