@schukai/monster 3.53.0 → 3.55.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 (72) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/package.json +1 -1
  3. package/source/components/datatable/datasource/rest.mjs +358 -309
  4. package/source/components/datatable/datatable/header.mjs +8 -0
  5. package/source/components/datatable/datatable.mjs +606 -557
  6. package/source/components/datatable/embedded-pagination.mjs +50 -62
  7. package/source/components/datatable/filter/util.mjs +122 -0
  8. package/source/components/datatable/filter.mjs +893 -708
  9. package/source/components/datatable/pagination.mjs +335 -310
  10. package/source/components/datatable/status.mjs +248 -0
  11. package/source/components/datatable/style/datatable.pcss +1 -0
  12. package/source/components/datatable/style/embedded-pagination.pcss +59 -2
  13. package/source/components/datatable/style/filter.pcss +4 -0
  14. package/source/components/datatable/style/pagination.pcss +28 -4
  15. package/source/components/datatable/style/status.pcss +42 -0
  16. package/source/components/datatable/stylesheet/column-bar.mjs +1 -1
  17. package/source/components/datatable/stylesheet/datatable.mjs +1 -1
  18. package/source/components/datatable/stylesheet/filter-button.mjs +1 -1
  19. package/source/components/datatable/stylesheet/filter.mjs +1 -1
  20. package/source/components/datatable/stylesheet/pagination.mjs +1 -1
  21. package/source/components/datatable/stylesheet/status.mjs +27 -0
  22. package/source/components/form/action-button.mjs +1 -1
  23. package/source/components/form/api-button.mjs +1 -1
  24. package/source/components/form/button-bar.mjs +1 -1
  25. package/source/components/form/button.mjs +1 -1
  26. package/source/components/form/confirm-button.mjs +1 -1
  27. package/source/components/form/context-error.mjs +275 -0
  28. package/source/components/form/context-help.mjs +5 -5
  29. package/source/components/form/form.mjs +2 -2
  30. package/source/components/form/message-state-button.mjs +2 -2
  31. package/source/components/form/popper-button.mjs +7 -4
  32. package/source/components/form/popper.mjs +317 -309
  33. package/source/components/form/reload.mjs +1 -1
  34. package/source/components/form/select.mjs +9 -3
  35. package/source/components/form/shadow-reload.mjs +1 -1
  36. package/source/components/form/state-button.mjs +2 -1
  37. package/source/components/form/style/context-error.pcss +32 -0
  38. package/source/components/form/style/context-help.pcss +22 -5
  39. package/source/components/form/stylesheet/context-error.mjs +27 -0
  40. package/source/components/form/stylesheet/context-help.mjs +1 -1
  41. package/source/components/form/stylesheet/select.mjs +1 -1
  42. package/source/components/form/stylesheet/tabs.mjs +1 -1
  43. package/source/components/form/tabs.mjs +757 -707
  44. package/source/components/form/template.mjs +1 -1
  45. package/source/components/form/tree-select.mjs +1 -1
  46. package/source/components/host/collapse.mjs +22 -5
  47. package/source/components/host/config-manager.mjs +39 -2
  48. package/source/components/host/host.mjs +14 -0
  49. package/source/components/host/stylesheet/call-button.mjs +1 -1
  50. package/source/components/host/stylesheet/overlay.mjs +1 -1
  51. package/source/components/host/stylesheet/toggle-button.mjs +1 -1
  52. package/source/components/host/util.mjs +6 -1
  53. package/source/components/notify/stylesheet/message.mjs +1 -1
  54. package/source/components/stylesheet/icons.mjs +1 -1
  55. package/source/data/transformer.mjs +39 -42
  56. package/source/dom/customelement.mjs +1 -1
  57. package/source/dom/updater.mjs +700 -688
  58. package/source/dom/util.mjs +42 -0
  59. package/source/i18n/providers/embed.mjs +3 -3
  60. package/source/monster.mjs +6 -0
  61. package/source/text/formatter.mjs +2 -2
  62. package/source/types/observer.mjs +1 -1
  63. package/source/types/version.mjs +1 -1
  64. package/source/util/sleep.mjs +18 -0
  65. package/test/cases/components/form/button.mjs +2 -1
  66. package/test/cases/components/form/select.mjs +1 -1
  67. package/test/cases/components/form/tree-select.mjs +1 -1
  68. package/test/cases/data/transformer.mjs +2 -2
  69. package/test/cases/dom/updater.mjs +67 -46
  70. package/test/cases/monster.mjs +1 -1
  71. package/test/web/test.html +2 -2
  72. package/test/web/tests.js +18 -13
package/source/components/form/form.mjs CHANGED
@@ -56,7 +56,7 @@ const ATTRIBUTE_FORM_DATASOURCE_ACTION = `${ATTRIBUTE_PREFIX}datasource-action`;
56
56
  * @type {symbol}
57
57
  * @since 1.7.0
58
58
  */
59
- const formDataSymbol = Symbol.for("@schukai/component-form/form@@formdata");
59
+ const formDataSymbol = Symbol.for("@schukai/monster/components/form/form@@formdata");
60
60
 
61
61
  /**
62
62
  * @private
@@ -141,7 +141,7 @@ class Form extends CustomElement {
141
141
  * @since 2.1.0
142
142
  */
143
143
  static get [instanceSymbol]() {
144
- return Symbol.for("@schukai/component-form/form");
144
+ return Symbol.for("@schukai/monster/components/form/form");
145
145
  }
146
146
 
147
147
  /**
package/source/components/form/message-state-button.mjs CHANGED
@@ -43,7 +43,7 @@ const buttonElementSymbol = Symbol("buttonElement");
43
43
  * Or you can create this CustomControl directly in Javascript:
44
44
  *
45
45
  * ```js
46
- * import {class MessageStateButton extends PopperButton {} from '@schukai/component-form/source/message-state-button.js';
46
+ * import from '@schukai/monster/source/components/form/message-state-button.mjs';
47
47
  * document.createElement('monster-state-button');
48
48
  * ```
49
49
  *
@@ -68,7 +68,7 @@ class MessageStateButton extends Popper {
68
68
  * @since 2.1.0
69
69
  */
70
70
  static get [instanceSymbol]() {
71
- return Symbol.for("@schukai/component-form/message-state-button@@instance");
71
+ return Symbol.for("@schukai/monster/components/form/message-state-button@@instance");
72
72
  }
73
73
 
74
74
  /**
package/source/components/form/popper-button.mjs CHANGED
@@ -125,7 +125,7 @@ class PopperButton extends Popper {
125
125
  * @since 2.1.0
126
126
  */
127
127
  static get [instanceSymbol]() {
128
- return Symbol.for("@schukai/component-form/popper-button@@instance");
128
+ return Symbol.for("@schukai/monster/components/form/popper-button@@instance");
129
129
  }
130
130
 
131
131
  /**
@@ -170,7 +170,7 @@ class PopperButton extends Popper {
170
170
  [assembleMethodSymbol]() {
171
171
  super[assembleMethodSymbol]();
172
172
  initControlReferences.call(this);
173
- initEventhandler.call(this);
173
+ initEventHandler.call(this);
174
174
 
175
175
  return this;
176
176
  }
@@ -321,9 +321,9 @@ class PopperButton extends Popper {
321
321
 
322
322
  /**
323
323
  * @private
324
- * @return {initEventhandler}
324
+ * @return {initEventHandler}
325
325
  */
326
- function initEventhandler() {
326
+ function initEventHandler() {
327
327
  this[closeEventHandler] = (event) => {
328
328
  const path = event.composedPath();
329
329
 
@@ -395,12 +395,15 @@ function initControlReferences() {
395
395
  this[controlElementSymbol] = this.shadowRoot.querySelector(
396
396
  `[${ATTRIBUTE_ROLE}=control]`,
397
397
  );
398
+
398
399
  this[buttonElementSymbol] = this.shadowRoot.querySelector(
399
400
  `[${ATTRIBUTE_ROLE}=button]`,
400
401
  );
402
+
401
403
  this[popperElementSymbol] = this.shadowRoot.querySelector(
402
404
  `[${ATTRIBUTE_ROLE}=popper]`,
403
405
  );
406
+
404
407
  this[arrowElementSymbol] = this.shadowRoot.querySelector(
405
408
  `[${ATTRIBUTE_ROLE}=arrow]`,
406
409
  );