@jsswift/ui 1.0.44 → 1.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/base.css +2 -137
- package/dist/css/fonts-material.css +7 -0
- package/dist/css/fonts-nunito.css +134 -0
- package/dist/css/min-ui.css +1 -1
- package/dist/css/ui.css +2 -137
- package/dist/css/ui.min.css +1 -1
- package/dist/min-ui.js +4 -4
- package/dist/tabler.js +7 -0
- package/dist/ui.js +10561 -14120
- package/dist/ui.min.js +4 -4
- package/package.json +6 -3
- package/src/01-foundation-helpers.js +0 -402
- package/src/10-primitives-layout.js +14 -1013
- package/src/20-display-content.js +484 -718
- package/src/21-list-content.js +246 -341
- package/src/22-banner-content.js +3 -116
- package/src/23-tooltip.js +276 -326
- package/src/31-form-advanced.js +2638 -3003
- package/src/40-navigation.js +1262 -1454
- package/src/41-tab-panel.js +896 -1090
- package/src/50-feedback.js +999 -1209
- package/src/60-shell-app.js +5 -265
- package/src/61-form-service.js +304 -386
- package/src/70-dialog.js +209 -277
- package/src/71-menu-overlays.js +1175 -1400
- package/src/80-data.js +433 -503
- package/src/css/base.css +2 -137
- package/src/css/fonts-material.css +7 -0
- package/src/css/fonts-nunito.css +134 -0
- package/src/modules.json +59 -23
- package/src/tabler.js +7 -0
package/src/22-banner-content.js
CHANGED
|
@@ -155,49 +155,7 @@ UI.Banner = (...args) => {
|
|
|
155
155
|
setPropertyProps(bannerEl, rawProps);
|
|
156
156
|
return bannerEl;
|
|
157
157
|
};
|
|
158
|
-
|
|
159
|
-
UI.meta = UI.meta || {};
|
|
160
|
-
UI.meta.Banner = {
|
|
161
|
-
signature: "UI.Banner(...children) | UI.Banner(props, ...children)",
|
|
162
|
-
props: {
|
|
163
|
-
title: "String|Node|Function|Array",
|
|
164
|
-
message: "String|Node|Function|Array",
|
|
165
|
-
description: "String|Node|Function|Array",
|
|
166
|
-
meta: "String|Node|Function|Array",
|
|
167
|
-
icon: "String|Node|Function|Array|false",
|
|
168
|
-
actions: "Node|Function|Array",
|
|
169
|
-
aside: "Node|Function|Array",
|
|
170
|
-
body: "Node|Function|Array",
|
|
171
|
-
dismissible: "boolean",
|
|
172
|
-
dismiss: "Node|Function|Array",
|
|
173
|
-
onDismiss: "function",
|
|
174
|
-
closeLabel: "string",
|
|
175
|
-
type: "success|warning|danger|error|info|primary|secondary|light|dark",
|
|
176
|
-
state: "success|warning|danger|error|info|primary|secondary|light|dark",
|
|
177
|
-
accent: "string",
|
|
178
|
-
variant: "soft|solid|outline|ghost",
|
|
179
|
-
actionsPlacement: "end|bottom",
|
|
180
|
-
dense: "boolean",
|
|
181
|
-
stack: "boolean",
|
|
182
|
-
slots: "{ icon?, title?, message?, description?, meta?, actions?, aside?, dismiss?, default? }",
|
|
183
|
-
class: "string",
|
|
184
|
-
style: "object"
|
|
185
|
-
},
|
|
186
|
-
slots: {
|
|
187
|
-
icon: "Leading visual/icon content",
|
|
188
|
-
title: "Banner title content",
|
|
189
|
-
message: "Primary message content",
|
|
190
|
-
description: "Secondary/supporting text",
|
|
191
|
-
meta: "Meta information content",
|
|
192
|
-
actions: "Actions area content",
|
|
193
|
-
aside: "Right side support content",
|
|
194
|
-
dismiss: "Custom dismiss control",
|
|
195
|
-
default: "Extra banner body content"
|
|
196
|
-
},
|
|
197
|
-
returns: "HTMLDivElement",
|
|
198
|
-
description: "Structured banner with tone, actions, dismiss, and composable slots."
|
|
199
|
-
};
|
|
200
|
-
}
|
|
158
|
+
|
|
201
159
|
// Esempio: JSswift.ui.Banner({ type: "warning", title: "Pagamento in sospeso", message: "Aggiorna il batch entro le 18:00" })
|
|
202
160
|
|
|
203
161
|
UI.Alert = (...args) => {
|
|
@@ -296,43 +254,7 @@ UI.Alert = (...args) => {
|
|
|
296
254
|
setPropertyProps(alertEl, rawProps);
|
|
297
255
|
return alertEl;
|
|
298
256
|
};
|
|
299
|
-
|
|
300
|
-
UI.meta = UI.meta || {};
|
|
301
|
-
UI.meta.Alert = {
|
|
302
|
-
signature: "UI.Alert(...children) | UI.Alert(props, ...children)",
|
|
303
|
-
props: {
|
|
304
|
-
title: "String|Node|Function|Array",
|
|
305
|
-
message: "String|Node|Function|Array",
|
|
306
|
-
description: "String|Node|Function|Array",
|
|
307
|
-
meta: "Node|Function|Array",
|
|
308
|
-
icon: "String|Node|Function|Array|false",
|
|
309
|
-
actions: "Node|Function|Array",
|
|
310
|
-
aside: "Node|Function|Array",
|
|
311
|
-
dismissible: "boolean",
|
|
312
|
-
dismiss: "Node|Function|Array",
|
|
313
|
-
onDismiss: "function",
|
|
314
|
-
closeLabel: "string",
|
|
315
|
-
type: "success|warning|danger|error|info|primary|secondary|light|dark",
|
|
316
|
-
state: "success|warning|danger|error|info|primary|secondary|light|dark",
|
|
317
|
-
slots: "{ icon?, title?, message?, description?, meta?, actions?, aside?, dismiss?, default? }",
|
|
318
|
-
class: "string",
|
|
319
|
-
style: "object"
|
|
320
|
-
},
|
|
321
|
-
slots: {
|
|
322
|
-
icon: "Leading alert icon content",
|
|
323
|
-
title: "Alert title content",
|
|
324
|
-
message: "Primary alert copy",
|
|
325
|
-
description: "Secondary/supporting text",
|
|
326
|
-
meta: "Inline meta content",
|
|
327
|
-
actions: "Alert actions cluster",
|
|
328
|
-
aside: "Right side support content",
|
|
329
|
-
dismiss: "Custom dismiss control",
|
|
330
|
-
default: "Fallback alert message content"
|
|
331
|
-
},
|
|
332
|
-
returns: "HTMLDivElement",
|
|
333
|
-
description: "Alert compatto per warning inline, policy note e feedback persistente dentro page o card."
|
|
334
|
-
};
|
|
335
|
-
}
|
|
257
|
+
|
|
336
258
|
// Esempio: JSswift.ui.Alert({ type: "warning", title: "Review richiesta", message: "Controlla il batch prima del go-live" })
|
|
337
259
|
|
|
338
260
|
UI.EmptyState = (...args) => {
|
|
@@ -396,42 +318,7 @@ UI.EmptyState = (...args) => {
|
|
|
396
318
|
setPropertyProps(emptyState, rawProps);
|
|
397
319
|
return emptyState;
|
|
398
320
|
};
|
|
399
|
-
|
|
400
|
-
UI.meta = UI.meta || {};
|
|
401
|
-
UI.meta.EmptyState = {
|
|
402
|
-
signature: "UI.EmptyState(...children) | UI.EmptyState(props, ...children)",
|
|
403
|
-
props: {
|
|
404
|
-
eyebrow: "String|Node|Function|Array",
|
|
405
|
-
title: "String|Node|Function|Array",
|
|
406
|
-
message: "String|Node|Function|Array",
|
|
407
|
-
description: "String|Node|Function|Array",
|
|
408
|
-
meta: "Node|Function|Array",
|
|
409
|
-
icon: "String|Node|Function|Array|false",
|
|
410
|
-
illustration: "Node|Function|Array",
|
|
411
|
-
media: "Alias of illustration",
|
|
412
|
-
actions: "Node|Function|Array",
|
|
413
|
-
compact: "boolean",
|
|
414
|
-
inline: "boolean",
|
|
415
|
-
state: "primary|secondary|success|warning|danger|info|light|dark",
|
|
416
|
-
slots: "{ illustration?, icon?, eyebrow?, title?, message?, description?, meta?, actions?, default? }",
|
|
417
|
-
class: "string",
|
|
418
|
-
style: "object"
|
|
419
|
-
},
|
|
420
|
-
slots: {
|
|
421
|
-
illustration: "Top visual / illustration content",
|
|
422
|
-
icon: "Leading empty-state icon",
|
|
423
|
-
eyebrow: "Small kicker content",
|
|
424
|
-
title: "Primary empty-state heading",
|
|
425
|
-
message: "Primary message content",
|
|
426
|
-
description: "Secondary supporting text",
|
|
427
|
-
meta: "Meta badges or summary content",
|
|
428
|
-
actions: "Actions cluster",
|
|
429
|
-
default: "Extra empty-state body content"
|
|
430
|
-
},
|
|
431
|
-
returns: "HTMLElement",
|
|
432
|
-
description: "Surface per zero-results, onboarding vuoti e pannelli senza dati con CTA di recupero."
|
|
433
|
-
};
|
|
434
|
-
}
|
|
321
|
+
|
|
435
322
|
// Esempio: JSswift.ui.EmptyState({ title: "No results", message: "Prova a cambiare i filtri" })
|
|
436
323
|
|
|
437
324
|
// -------------------------------
|