@schukai/monster 3.53.0 → 3.55.0

Sign up to get free protection for your applications and to get access to all the features.
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
  );