@schukai/monster 3.98.2 → 3.99.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.
Files changed (35) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/package.json +1 -1
  3. package/source/components/datatable/columnbar.mjs +19 -20
  4. package/source/components/datatable/datatable.mjs +94 -80
  5. package/source/components/datatable/filter/date-range.mjs +19 -20
  6. package/source/components/datatable/filter/input.mjs +19 -20
  7. package/source/components/datatable/filter/range.mjs +19 -19
  8. package/source/components/datatable/filter-button.mjs +19 -20
  9. package/source/components/datatable/filter.mjs +48 -31
  10. package/source/components/datatable/pagination.mjs +19 -20
  11. package/source/components/datatable/save-button.mjs +19 -20
  12. package/source/components/datatable/stylesheet/datatable.mjs +13 -6
  13. package/source/components/form/action-button.mjs +2 -1
  14. package/source/components/form/api-button.mjs +4 -4
  15. package/source/components/form/button-bar.mjs +2 -3
  16. package/source/components/form/button.mjs +1 -0
  17. package/source/components/form/context-error.mjs +1 -0
  18. package/source/components/form/field-set.mjs +21 -21
  19. package/source/components/form/popper-button.mjs +274 -273
  20. package/source/components/form/reload.mjs +1 -0
  21. package/source/components/form/select.mjs +56 -34
  22. package/source/components/form/toggle-switch.mjs +2 -2
  23. package/source/components/layout/details.mjs +19 -20
  24. package/source/components/layout/tabs.mjs +19 -20
  25. package/source/components/notify/monitor-attribute-errors.mjs +184 -179
  26. package/source/data/buildtree.mjs +1 -1
  27. package/source/dom/customelement.mjs +944 -945
  28. package/source/dom/error.mjs +106 -0
  29. package/source/monster.mjs +1 -0
  30. package/source/types/version.mjs +1 -1
  31. package/test/cases/dom/customcontrol.mjs +1 -1
  32. package/test/cases/dom/customelement.mjs +3 -3
  33. package/test/cases/monster.mjs +1 -1
  34. package/test/web/test.html +2 -2
  35. package/test/web/tests.js +334 -63
@@ -21,7 +21,7 @@ import {
21
21
  import { FilterControlsDefaultsStyleSheet } from "../stylesheet/filter-controls-defaults.mjs";
22
22
  import { FilterStyleSheet } from "../stylesheet/filter.mjs";
23
23
  import { AbstractBase } from "./abstract-base.mjs";
24
- import {getLocaleOfDocument} from "../../../dom/locale.mjs";
24
+ import { getLocaleOfDocument } from "../../../dom/locale.mjs";
25
25
 
26
26
  export { Input };
27
27
 
@@ -117,47 +117,46 @@ class Input extends AbstractBase {
117
117
  function getTranslations() {
118
118
  const locale = getLocaleOfDocument();
119
119
  switch (locale.language) {
120
- case 'de':
120
+ case "de":
121
121
  return {
122
- filter: "Filter"
122
+ filter: "Filter",
123
123
  };
124
- case 'fr':
124
+ case "fr":
125
125
  return {
126
- filter: "Filtre"
126
+ filter: "Filtre",
127
127
  };
128
- case 'sp':
128
+ case "sp":
129
129
  return {
130
- filter: "Filtro"
130
+ filter: "Filtro",
131
131
  };
132
- case 'it':
132
+ case "it":
133
133
  return {
134
- filter: "Filtro"
134
+ filter: "Filtro",
135
135
  };
136
- case 'pl':
136
+ case "pl":
137
137
  return {
138
- filter: "Filtr"
138
+ filter: "Filtr",
139
139
  };
140
- case 'no':
140
+ case "no":
141
141
  return {
142
- filter: "Filter"
142
+ filter: "Filter",
143
143
  };
144
- case 'dk':
144
+ case "dk":
145
145
  return {
146
- filter: "Filter"
146
+ filter: "Filter",
147
147
  };
148
- case 'sw':
148
+ case "sw":
149
149
  return {
150
- filter: "Filter"
150
+ filter: "Filter",
151
151
  };
152
152
  default:
153
- case 'en':
153
+ case "en":
154
154
  return {
155
- filter: "Filter"
155
+ filter: "Filter",
156
156
  };
157
157
  }
158
158
  }
159
159
 
160
-
161
160
  /**
162
161
  * @private
163
162
  * @return {FilterButton}
@@ -30,7 +30,7 @@ import {
30
30
  removeAttributeToken,
31
31
  } from "../../../dom/attributes.mjs";
32
32
  import { findTargetElementFromEvent } from "../../../dom/events.mjs";
33
- import {getLocaleOfDocument} from "../../../dom/locale.mjs";
33
+ import { getLocaleOfDocument } from "../../../dom/locale.mjs";
34
34
 
35
35
  export { Range };
36
36
 
@@ -272,78 +272,78 @@ class Range extends AbstractBase {
272
272
  function getTranslations() {
273
273
  const locale = getLocaleOfDocument();
274
274
  switch (locale.language) {
275
- case 'de':
275
+ case "de":
276
276
  return {
277
277
  singleValue: "Wert",
278
278
  fromValue: "Von",
279
279
  toValue: "Bis",
280
280
  rangeFrom: "Von",
281
- rangeTo: "Bis"
281
+ rangeTo: "Bis",
282
282
  };
283
- case 'fr':
283
+ case "fr":
284
284
  return {
285
285
  singleValue: "Valeur",
286
286
  fromValue: "De",
287
287
  toValue: "À",
288
288
  rangeFrom: "De",
289
- rangeTo: "À"
289
+ rangeTo: "À",
290
290
  };
291
- case 'sp':
291
+ case "sp":
292
292
  return {
293
293
  singleValue: "Valor",
294
294
  fromValue: "Desde",
295
295
  toValue: "Hasta",
296
296
  rangeFrom: "Desde",
297
- rangeTo: "Hasta"
297
+ rangeTo: "Hasta",
298
298
  };
299
- case 'it':
299
+ case "it":
300
300
  return {
301
301
  singleValue: "Valore",
302
302
  fromValue: "Da",
303
303
  toValue: "A",
304
304
  rangeFrom: "Da",
305
- rangeTo: "A"
305
+ rangeTo: "A",
306
306
  };
307
- case 'pl':
307
+ case "pl":
308
308
  return {
309
309
  singleValue: "Wartość",
310
310
  fromValue: "Od",
311
311
  toValue: "Do",
312
312
  rangeFrom: "Od",
313
- rangeTo: "Do"
313
+ rangeTo: "Do",
314
314
  };
315
- case 'no':
315
+ case "no":
316
316
  return {
317
317
  singleValue: "Verdi",
318
318
  fromValue: "Fra",
319
319
  toValue: "Til",
320
320
  rangeFrom: "Fra",
321
- rangeTo: "Til"
321
+ rangeTo: "Til",
322
322
  };
323
- case 'dk':
323
+ case "dk":
324
324
  return {
325
325
  singleValue: "Værdi",
326
326
  fromValue: "Fra",
327
327
  toValue: "Til",
328
328
  rangeFrom: "Fra",
329
- rangeTo: "Til"
329
+ rangeTo: "Til",
330
330
  };
331
- case 'sw':
331
+ case "sw":
332
332
  return {
333
333
  singleValue: "Värde",
334
334
  fromValue: "Från",
335
335
  toValue: "Till",
336
336
  rangeFrom: "Från",
337
- rangeTo: "Till"
337
+ rangeTo: "Till",
338
338
  };
339
339
  default:
340
- case 'en':
340
+ case "en":
341
341
  return {
342
342
  singleValue: "Value",
343
343
  fromValue: "From",
344
344
  toValue: "To",
345
345
  rangeFrom: "From",
346
- rangeTo: "To"
346
+ rangeTo: "To",
347
347
  };
348
348
  }
349
349
  }
@@ -16,7 +16,7 @@ import { instanceSymbol } from "../../constants.mjs";
16
16
  import { registerCustomElement } from "../../dom/customelement.mjs";
17
17
  import { FilterButtonStyleSheet } from "./stylesheet/filter-button.mjs";
18
18
  import { ToggleButton } from "../host/toggle-button.mjs";
19
- import {getLocaleOfDocument} from "../../dom/locale.mjs";
19
+ import { getLocaleOfDocument } from "../../dom/locale.mjs";
20
20
 
21
21
  export { FilterButton };
22
22
 
@@ -70,45 +70,44 @@ class FilterButton extends ToggleButton {
70
70
  function getTranslations() {
71
71
  const locale = getLocaleOfDocument();
72
72
  switch (locale.language) {
73
- case 'de':
73
+ case "de":
74
74
  return {
75
- button: "Filtern"
75
+ button: "Filtern",
76
76
  };
77
- case 'fr':
77
+ case "fr":
78
78
  return {
79
- button: "Filtrer"
79
+ button: "Filtrer",
80
80
  };
81
- case 'sp':
81
+ case "sp":
82
82
  return {
83
- button: "Filtrar"
83
+ button: "Filtrar",
84
84
  };
85
- case 'it':
85
+ case "it":
86
86
  return {
87
- button: "Filtra"
87
+ button: "Filtra",
88
88
  };
89
- case 'pl':
89
+ case "pl":
90
90
  return {
91
- button: "Filtruj"
91
+ button: "Filtruj",
92
92
  };
93
- case 'no':
93
+ case "no":
94
94
  return {
95
- button: "Filtrer"
95
+ button: "Filtrer",
96
96
  };
97
- case 'dk':
97
+ case "dk":
98
98
  return {
99
- button: "Filtrér"
99
+ button: "Filtrér",
100
100
  };
101
- case 'sw':
101
+ case "sw":
102
102
  return {
103
- button: "Filtrera"
103
+ button: "Filtrera",
104
104
  };
105
105
  default:
106
- case 'en':
106
+ case "en":
107
107
  return {
108
- button: "Filter"
108
+ button: "Filter",
109
109
  };
110
110
  }
111
111
  }
112
112
 
113
-
114
113
  registerCustomElement(FilterButton);
@@ -63,7 +63,7 @@ import "../form/toggle-switch.mjs";
63
63
  import "../form/context-help.mjs";
64
64
  import "../form/context-error.mjs";
65
65
  import "../form/message-state-button.mjs";
66
- import {getLocaleOfDocument} from "../../dom/locale.mjs";
66
+ import { getLocaleOfDocument } from "../../dom/locale.mjs";
67
67
 
68
68
  export { Filter };
69
69
 
@@ -265,7 +265,7 @@ class Filter extends CustomElement {
265
265
  },
266
266
  },
267
267
 
268
- labels: getTranslations(),
268
+ labels: getTranslations(),
269
269
 
270
270
  templateMapping: {
271
271
  "filter-save-label": null,
@@ -387,92 +387,109 @@ class Filter extends CustomElement {
387
387
  function getTranslations() {
388
388
  const locale = getLocaleOfDocument();
389
389
  switch (locale.language) {
390
- case 'de':
390
+ case "de":
391
391
  return {
392
392
  search: "Suchen",
393
393
  reset: "Zurücksetzen",
394
394
  save: "Speichern",
395
395
  "filter-name": "Filtername",
396
- "empty-query-and-no-default": "Die Abfrage ist leer und es gibt keine Standardabfrage.",
397
- "query-not-changed": "Die Suchanfrage hat sich nicht verändert, daher ist keine Suche erforderlich."
396
+ "empty-query-and-no-default":
397
+ "Die Abfrage ist leer und es gibt keine Standardabfrage.",
398
+ "query-not-changed":
399
+ "Die Suchanfrage hat sich nicht verändert, daher ist keine Suche erforderlich.",
398
400
  };
399
- case 'fr':
401
+ case "fr":
400
402
  return {
401
403
  search: "Chercher",
402
404
  reset: "Réinitialiser",
403
405
  save: "Sauvegarder",
404
406
  "filter-name": "Nom du filtre",
405
- "empty-query-and-no-default": "La requête est vide et il n'y a pas de requête par défaut.",
406
- "query-not-changed": "La requête de recherche n'a pas changé, donc aucune recherche n'est nécessaire."
407
+ "empty-query-and-no-default":
408
+ "La requête est vide et il n'y a pas de requête par défaut.",
409
+ "query-not-changed":
410
+ "La requête de recherche n'a pas changé, donc aucune recherche n'est nécessaire.",
407
411
  };
408
- case 'sp':
412
+ case "sp":
409
413
  return {
410
414
  search: "Buscar",
411
415
  reset: "Restablecer",
412
416
  save: "Guardar",
413
417
  "filter-name": "Nombre del filtro",
414
- "empty-query-and-no-default": "La consulta está vacía y no hay una consulta predeterminada.",
415
- "query-not-changed": "La solicitud de búsqueda no ha cambiado, por lo que no se requiere búsqueda."
418
+ "empty-query-and-no-default":
419
+ "La consulta está vacía y no hay una consulta predeterminada.",
420
+ "query-not-changed":
421
+ "La solicitud de búsqueda no ha cambiado, por lo que no se requiere búsqueda.",
416
422
  };
417
- case 'it':
423
+ case "it":
418
424
  return {
419
425
  search: "Cerca",
420
426
  reset: "Reimposta",
421
427
  save: "Salva",
422
428
  "filter-name": "Nome del filtro",
423
- "empty-query-and-no-default": "La query è vuota e non c'è una query predefinita.",
424
- "query-not-changed": "La richiesta di ricerca non è cambiata, quindi non è necessaria una ricerca."
429
+ "empty-query-and-no-default":
430
+ "La query è vuota e non c'è una query predefinita.",
431
+ "query-not-changed":
432
+ "La richiesta di ricerca non è cambiata, quindi non è necessaria una ricerca.",
425
433
  };
426
- case 'pl':
434
+ case "pl":
427
435
  return {
428
436
  search: "Szukaj",
429
437
  reset: "Resetuj",
430
438
  save: "Zapisz",
431
439
  "filter-name": "Nazwa filtra",
432
- "empty-query-and-no-default": "Zapytanie jest puste i nie ma domyślnego zapytania.",
433
- "query-not-changed": "Żądanie wyszukiwania nie zmieniło się, więc wyszukiwanie nie jest wymagane."
440
+ "empty-query-and-no-default":
441
+ "Zapytanie jest puste i nie ma domyślnego zapytania.",
442
+ "query-not-changed":
443
+ "Żądanie wyszukiwania nie zmieniło się, więc wyszukiwanie nie jest wymagane.",
434
444
  };
435
- case 'no':
445
+ case "no":
436
446
  return {
437
447
  search: "Søk",
438
448
  reset: "Tilbakestill",
439
449
  save: "Lagre",
440
450
  "filter-name": "Filternavn",
441
- "empty-query-and-no-default": "Spørringen er tom og det er ingen standardspørring.",
442
- "query-not-changed": "Søkeforespørselen har ikke endret seg, ingen søk er nødvendig."
451
+ "empty-query-and-no-default":
452
+ "Spørringen er tom og det er ingen standardspørring.",
453
+ "query-not-changed":
454
+ "Søkeforespørselen har ikke endret seg, så ingen søk er nødvendig.",
443
455
  };
444
- case 'dk':
456
+ case "dk":
445
457
  return {
446
458
  search: "Søg",
447
459
  reset: "Nulstil",
448
460
  save: "Gem",
449
461
  "filter-name": "Filternavn",
450
- "empty-query-and-no-default": "Forespørgslen er tom og der er ingen standardforespørgsel.",
451
- "query-not-changed": "Søgeanmodningen er ikke ændret, ingen søgning er nødvendig."
462
+ "empty-query-and-no-default":
463
+ "Forespørgslen er tom og der er ingen standardforespørgsel.",
464
+ "query-not-changed":
465
+ "Søgeanmodningen er ikke ændret, så ingen søgning er nødvendig.",
452
466
  };
453
- case 'sw':
467
+ case "sw":
454
468
  return {
455
469
  search: "Sök",
456
470
  reset: "Återställ",
457
471
  save: "Spara",
458
472
  "filter-name": "Filternamn",
459
- "empty-query-and-no-default": "Förfrågan är tom och det finns ingen standardförfrågan.",
460
- "query-not-changed": "Sökförfrågan har inte ändrats, ingen sökning krävs."
473
+ "empty-query-and-no-default":
474
+ "Förfrågan är tom och det finns ingen standardförfrågan.",
475
+ "query-not-changed":
476
+ "Sökförfrågan har inte ändrats, så ingen sökning krävs.",
461
477
  };
462
478
  default:
463
- case 'en':
479
+ case "en":
464
480
  return {
465
481
  search: "Search",
466
482
  reset: "Reset",
467
483
  save: "Save",
468
484
  "filter-name": "Filter name",
469
- "empty-query-and-no-default": "The query is empty and there is no default query.",
470
- "query-not-changed": "The search request has not changed, so no search is required."
485
+ "empty-query-and-no-default":
486
+ "The query is empty and there is no default query.",
487
+ "query-not-changed":
488
+ "The search request has not changed, so no search is required.",
471
489
  };
472
490
  }
473
491
  }
474
492
 
475
-
476
493
  /**
477
494
  * @private
478
495
  * @return {FilterButton}
@@ -993,7 +1010,7 @@ function updateFilterTabs() {
993
1010
  /**
994
1011
  * @private
995
1012
  * @param showEffect
996
- * @return {Promise<*>}
1013
+ * @return {Promise}
997
1014
  */
998
1015
  function doSearch({ showEffect } = { showEffect: true }) {
999
1016
  this.resetFailureMessage();
@@ -37,7 +37,7 @@ import { ATTRIBUTE_ERRORMESSAGE } from "../../dom/constants.mjs";
37
37
 
38
38
  import "./datasource/dom.mjs";
39
39
  import "./datasource/rest.mjs";
40
- import {getLocaleOfDocument} from "../../dom/locale.mjs";
40
+ import { getLocaleOfDocument } from "../../dom/locale.mjs";
41
41
 
42
42
  export { Pagination };
43
43
 
@@ -290,83 +290,82 @@ class Pagination extends CustomElement {
290
290
  function getTranslations() {
291
291
  const locale = getLocaleOfDocument();
292
292
  switch (locale.language) {
293
- case 'de':
293
+ case "de":
294
294
  return {
295
295
  page: "${page}",
296
296
  description: "Seite ${page}",
297
297
  previous: "Vorherige",
298
298
  next: "Nächste",
299
- of: "von"
299
+ of: "von",
300
300
  };
301
- case 'fr':
301
+ case "fr":
302
302
  return {
303
303
  page: "${page}",
304
304
  description: "Page ${page}",
305
305
  previous: "Précédent",
306
306
  next: "Suivant",
307
- of: "de"
307
+ of: "de",
308
308
  };
309
- case 'sp':
309
+ case "sp":
310
310
  return {
311
311
  page: "${page}",
312
312
  description: "Página ${page}",
313
313
  previous: "Anterior",
314
314
  next: "Siguiente",
315
- of: "de"
315
+ of: "de",
316
316
  };
317
- case 'it':
317
+ case "it":
318
318
  return {
319
319
  page: "${page}",
320
320
  description: "Pagina ${page}",
321
321
  previous: "Precedente",
322
322
  next: "Successivo",
323
- of: "di"
323
+ of: "di",
324
324
  };
325
- case 'pl':
325
+ case "pl":
326
326
  return {
327
327
  page: "${page}",
328
328
  description: "Strona ${page}",
329
329
  previous: "Poprzednia",
330
330
  next: "Następna",
331
- of: "z"
331
+ of: "z",
332
332
  };
333
- case 'no':
333
+ case "no":
334
334
  return {
335
335
  page: "${page}",
336
336
  description: "Side ${page}",
337
337
  previous: "Forrige",
338
338
  next: "Neste",
339
- of: "av"
339
+ of: "av",
340
340
  };
341
- case 'dk':
341
+ case "dk":
342
342
  return {
343
343
  page: "${page}",
344
344
  description: "Side ${page}",
345
345
  previous: "Forrige",
346
346
  next: "Næste",
347
- of: "af"
347
+ of: "af",
348
348
  };
349
- case 'sw':
349
+ case "sw":
350
350
  return {
351
351
  page: "${page}",
352
352
  description: "Sida ${page}",
353
353
  previous: "Föregående",
354
354
  next: "Nästa",
355
- of: "av"
355
+ of: "av",
356
356
  };
357
357
  default:
358
- case 'en':
358
+ case "en":
359
359
  return {
360
360
  page: "${page}",
361
361
  description: "Page ${page}",
362
362
  previous: "Previous",
363
363
  next: "Next",
364
- of: "of"
364
+ of: "of",
365
365
  };
366
366
  }
367
367
  }
368
368
 
369
-
370
369
  /**
371
370
  * @private
372
371
  * @return {Select}
@@ -37,7 +37,7 @@ import {
37
37
  handleDataSourceChanges,
38
38
  datasourceLinkedElementSymbol,
39
39
  } from "./util.mjs";
40
- import {getLocaleOfDocument} from "../../dom/locale.mjs";
40
+ import { getLocaleOfDocument } from "../../dom/locale.mjs";
41
41
 
42
42
  export { SaveButton };
43
43
 
@@ -262,47 +262,46 @@ class SaveButton extends CustomElement {
262
262
  function getTranslations() {
263
263
  const locale = getLocaleOfDocument();
264
264
  switch (locale.language) {
265
- case 'de':
265
+ case "de":
266
266
  return {
267
- button: "Speichern"
267
+ button: "Speichern",
268
268
  };
269
- case 'fr':
269
+ case "fr":
270
270
  return {
271
- button: "Enregistrer"
271
+ button: "Enregistrer",
272
272
  };
273
- case 'sp':
273
+ case "sp":
274
274
  return {
275
- button: "Guardar"
275
+ button: "Guardar",
276
276
  };
277
- case 'it':
277
+ case "it":
278
278
  return {
279
- button: "Salva"
279
+ button: "Salva",
280
280
  };
281
- case 'pl':
281
+ case "pl":
282
282
  return {
283
- button: "Zapisz"
283
+ button: "Zapisz",
284
284
  };
285
- case 'no':
285
+ case "no":
286
286
  return {
287
- button: "Lagre"
287
+ button: "Lagre",
288
288
  };
289
- case 'dk':
289
+ case "dk":
290
290
  return {
291
- button: "Gem"
291
+ button: "Gem",
292
292
  };
293
- case 'sw':
293
+ case "sw":
294
294
  return {
295
- button: "Spara"
295
+ button: "Spara",
296
296
  };
297
297
  default:
298
- case 'en':
298
+ case "en":
299
299
  return {
300
- button: "Save"
300
+ button: "Save",
301
301
  };
302
302
  }
303
303
  }
304
304
 
305
-
306
305
  /**
307
306
  * @private
308
307
  * @return {SaveButton}