edatalia-websign 3.5.5 → 3.5.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.
Files changed (9) hide show
  1. package/README.md +66 -0
  2. package/dist/default-ebp/blackAndWhiteEbp.ebp +0 -0
  3. package/dist/default-ebp/blackAndWhiteInitialEbp.ebp +0 -0
  4. package/dist/default-ebp/blackAndWhiteScreenSaver.png +0 -0
  5. package/dist/default-ebp/colorEbp.ebp +0 -0
  6. package/dist/default-ebp/colorInitialEbp.ebp +0 -0
  7. package/dist/default-ebp/colorScreenSaver.png +0 -0
  8. package/dist/web-sign-core.js +1 -1
  9. package/package.json +1 -1
package/README.md CHANGED
@@ -251,6 +251,72 @@ wacom: {
251
251
  ```
252
252
 
253
253
  Example: "**varEbp**": "Titulo=Título inicial|||Subtitulo=Subtítulo inicial|||Nombre=Edatalia|||TextoPrevio=Estoy de acuerdo con el documento a firmar",
254
+
255
+ ## 🎨 Toast/Snackbar Customization
256
+
257
+ WebSign shows informational toast messages (snackbars) during the signature process. Some of these messages are shown based on the `debug` configuration parameter.
258
+
259
+ ### Debug Mode and Toast Visibility
260
+
261
+ By default, `debug: false` is set in the configuration. This controls which toast messages are displayed:
262
+
263
+ | Scenario | With `debug: true` | With `debug: false` |
264
+ |----------|-------------------|---------------------|
265
+ | Positioning the signature box in PDF | ✅ Shown | ✅ Always shown (direct usage) |
266
+ | Signature field not found in PDF | ✅ Shown | ✅ Always shown (direct usage) |
267
+ | Perform signature in the box | ✅ Shown | ✅ Always shown (direct usage) |
268
+ | Container 'web-sign' not found | ✅ Shown | ❌ Hidden |
269
+ | Signature too short | ✅ Shown | ❌ Hidden |
270
+ | Device detection messages | ✅ Shown | ❌ Hidden |
271
+ | Certificate selection/processing | ✅ Shown | ❌ Hidden |
272
+ | Error messages | ✅ Shown | ❌ Hidden |
273
+ | Success messages | ✅ Shown | ❌ Hidden |
274
+
275
+ **Note:** The three toasts related to positioning and signature field interaction (positioning the box, field not found, perform signature) always appear regardless of the debug setting because they use the Snackbar directly, not the debug manager.
276
+
277
+ ### Customizing Toast Appearance
278
+
279
+ You can customize the look and feel of the toast notifications via CSS. The toast has the id `websign-snackbar`:
280
+
281
+ ```html
282
+ <style>
283
+ /* Base customization */
284
+ #websign-snackbar {
285
+ border-radius: 12px !important;
286
+ font-family: Arial, sans-serif !important;
287
+ font-weight: bold !important;
288
+ }
289
+
290
+ /* Color by type - add class via JavaScript before WebSign loads */
291
+ #websign-snackbar.info {
292
+ background-color: #0057a2 !important;
293
+ }
294
+ #websign-snackbar.error {
295
+ background-color: #d32f2f !important;
296
+ }
297
+ #websign-snackbar.success {
298
+ background-color: #388e3c !important;
299
+ }
300
+ </style>
301
+ ```
302
+
303
+ Alternatively, you can set a custom class using a data attribute on the `<body>` element (must be set before WebSign loads):
304
+
305
+ ```html
306
+ <body data-websign-snackbar-class="mi-clase-custom">
307
+ <!-- Your content -->
308
+ </body>
309
+
310
+ <style>
311
+ .mi-clase-custom {
312
+ border-radius: 8px;
313
+ background-color: purple !important;
314
+ }
315
+ </style>
316
+ ```
317
+
318
+ The toasts support the following types: `info`, `error`, and `success`.
319
+
254
320
  ## 📡 Events
255
321
 
256
322
 
package/dist/default-ebp/colorEbp.ebp ADDED
Binary file