@schukai/monster 3.55.5 → 3.56.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 (42) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/package.json +2 -2
  3. package/source/components/datatable/change-button.mjs +265 -0
  4. package/source/components/datatable/dataset.mjs +76 -5
  5. package/source/components/datatable/datasource/dom.mjs +1 -1
  6. package/source/components/datatable/datasource/rest.mjs +401 -345
  7. package/source/components/datatable/datasource.mjs +8 -0
  8. package/source/components/datatable/datatable.mjs +600 -600
  9. package/source/components/datatable/filter/range.mjs +1 -3
  10. package/source/components/datatable/filter/select.mjs +1 -1
  11. package/source/components/datatable/filter.mjs +1 -3
  12. package/source/components/datatable/save-button.mjs +301 -0
  13. package/source/components/datatable/status.mjs +6 -2
  14. package/source/components/datatable/style/change-button.pcss +19 -0
  15. package/source/components/datatable/style/save-button.pcss +44 -0
  16. package/source/components/datatable/stylesheet/change-button.mjs +27 -0
  17. package/source/components/datatable/stylesheet/save-button.mjs +27 -0
  18. package/source/components/datatable/util.mjs +3 -1
  19. package/source/components/form/button-bar.mjs +3 -3
  20. package/source/components/form/button.mjs +1 -2
  21. package/source/components/form/form.mjs +1 -1
  22. package/source/components/form/message-state-button.mjs +1 -1
  23. package/source/components/form/select.mjs +1744 -1777
  24. package/source/components/form/state-button.mjs +1 -1
  25. package/source/components/form/style/tabs.pcss +8 -1
  26. package/source/components/form/stylesheet/tabs.mjs +1 -1
  27. package/source/components/form/tabs.mjs +9 -3
  28. package/source/components/form/tree-select.mjs +6 -2
  29. package/source/components/host/overlay.mjs +4 -1
  30. package/source/components/tree-menu/tree-menu.mjs +0 -1
  31. package/source/data/datasource/server/restapi.mjs +2 -3
  32. package/source/data/datasource/server.mjs +1 -1
  33. package/source/data/extend.mjs +55 -55
  34. package/source/data/pathfinder.mjs +6 -4
  35. package/source/dom/constants.mjs +9 -0
  36. package/source/dom/customelement.mjs +25 -7
  37. package/source/dom/updater.mjs +34 -3
  38. package/source/i18n/translations.mjs +1 -1
  39. package/source/monster.mjs +0 -1
  40. package/source/types/noderecursiveiterator.mjs +2 -3
  41. package/source/types/version.mjs +1 -1
  42. package/test/cases/monster.mjs +1 -1
package/source/components/form/state-button.mjs CHANGED
@@ -101,7 +101,7 @@ class StateButton extends Button {
101
101
  *
102
102
  * @since 3.18.0 a previously set timeout is cleared
103
103
  *
104
- * @param {state} state
104
+ * @param {string} state
105
105
  * @param {number} timeout
106
106
  * @return {Monster.Components.Form.StateButton}
107
107
  * @throws {TypeError} value is not a string
package/source/components/form/style/tabs.pcss CHANGED
@@ -1,8 +1,10 @@
1
+ @import "../../style/property.pcss";
1
2
  @import "../../style/display.pcss";
2
3
  @import "../../style/border.pcss";
3
4
  @import "../../style/popper.pcss";
4
5
  @import "../../style/control.pcss";
5
6
  @import "../../style/badge.pcss";
7
+ @import '../../style/mixin/button.pcss';
6
8
  @import '../../style/mixin/typography.pcss';
7
9
  @import '../../style/mixin/hover.pcss';
8
10
 
@@ -26,7 +28,8 @@ nav[data-monster-role=nav] {
26
28
  box-shadow: var(--monster-box-shadow-1);
27
29
  border-color: var(--monster-bg-color-primary-2);
28
30
 
29
- flex-wrap: nowrap
31
+ flex-wrap: nowrap;
32
+
30
33
  }
31
34
 
32
35
  [data-monster-role=nav] button .remove-tab {
@@ -45,6 +48,10 @@ nav[data-monster-role=nav] {
45
48
  [data-monster-role=nav] button span {
46
49
  display: flex;
47
50
  white-space: pre;
51
+ font-family: var(--monster-font-family);
52
+ font-size: 1rem;
53
+ line-height: 1.4;
54
+ font-weight: normal;
48
55
  }
49
56
 
50
57
  [data-monster-role=nav] button {
package/source/components/form/stylesheet/tabs.mjs CHANGED
@@ -20,7 +20,7 @@ const TabsStyleSheet = new CSSStyleSheet();
20
20
  try {
21
21
  TabsStyleSheet.insertRule(`
22
22
  @layer tabs {
23
- .block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);border-shadow:var(--monster-box-shadow-1)}.monster-border-0{border-radius:0;border-style:none;border-width:0;border-shadow:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);border-shadow:var(--monster-box-shadow-1)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);border-shadow:var(--monster-box-shadow-1)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}div[data-monster-role=popper]{background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;padding:1.1em;z-index:var(--monster-z-index-modal)}[data-popper-arrow],[data-popper-arrow]:before{background:inherit;height:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2);position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2)}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{box-sizing:border-box;content:\"\";transform:rotate(45deg);visibility:visible}div[data-popper-placement^=top]>[data-popper-arrow]{bottom:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:transparent}div[data-popper-placement^=bottom]>[data-popper-arrow]{top:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=bottom]>[data-popper-arrow]:before{border-bottom:transparent;border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-right:transparent;border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4)}div[data-popper-placement^=left]>[data-popper-arrow]{right:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=left]>[data-popper-arrow]:before{border-bottom:transparent;border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4)}div[data-popper-placement^=right]>[data-popper-arrow]{left:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-right:transparent;border-top:transparent}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}[data-monster-role=nav] button.hidden{display:none}nav[data-monster-role=nav]{align-items:flex-end;border-bottom-style:var(--monster-border-style);border-bottom-width:thin;border-color:var(--monster-bg-color-primary-2);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:.75rem;overflow:hidden}[data-monster-role=nav] button .remove-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");background-position:100% 100%;background-repeat:no-repeat;background-size:16px;flex-wrap:nowrap;height:16px;min-height:16px;order:2;width:16px}[data-monster-role=nav] button span{display:flex;white-space:pre}[data-monster-role=nav] button{align-content:center;align-items:center;align-self:stretch;background-color:var(--monster-color-gray-1);border:none;border-bottom:var(--monster-border-style);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);color:var(--monster-color-gray-6);cursor:pointer;display:flex;font-size:1rem;font-weight:400;justify-content:center;line-height:1.5;margin-right:.75rem;outline:none;padding:.375rem 0;text-align:center;text-decoration:none;transition:color .8s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}@media (prefers-color-scheme:dark){[data-monster-role=nav] button{background-color:var(--monster-color-gray-6);color:var(--monster-color-gray-1)}}[data-monster-role=nav] button:not([disabled]):hover,[data-monster-role=nav] button[data-monster-state=active],[data-monster-role=nav] button[data-monster-state=active]:not([disabled]):hover{border-bottom-style:var(--monster-border-style);border-color:var(--monster-bg-color-secondary-3);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-secondary-3)}[data-monster-role=nav] button[disabled]{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1);cursor:not-allowed}[data-monster-role=nav] button[data-monster-role=switch]{align-self:center;border:0;order:2;touch-action:none}[data-monster-role=nav] button[data-monster-role=switch]:not([disabled]):hover{border-bottom-width:0}[data-monster-role=nav] button img{height:1.3rem;margin-left:.4rem;width:1.3rem}::slotted(:not([slot]):not(.active)){display:none}::slotted(*){align-self:center}::slotted([slot]){border-bottom-style:var(--monster-border-style);border-bottom-width:var(--monster-border-width);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1)}::slotted([slot=start]){margin-right:.75rem;order:0}::slotted([slot=end]){margin-left:.75rem;order:3}[data-monster-role=nav] [data-monster-role=popper-nav] button:not([disabled]){border:0;justify-content:left;padding-left:15px;padding-right:15px;width:100%}[data-monster-role=nav] [data-monster-role=popper-nav] button:hover,[data-monster-role=nav] [data-monster-role=popper-nav] button[data-monster-state=active],[data-monster-role=nav] [data-monster-role=popper-nav] button[data-monster-state=active]:not([disabled]):hover{border:0}
23
+ :after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);border-shadow:var(--monster-box-shadow-1)}.monster-border-0{border-radius:0;border-style:none;border-width:0;border-shadow:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);border-shadow:var(--monster-box-shadow-1)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);border-shadow:var(--monster-box-shadow-1)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}div[data-monster-role=popper]{background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;padding:1.1em;z-index:var(--monster-z-index-modal)}[data-popper-arrow],[data-popper-arrow]:before{background:inherit;height:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2);position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2)}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{box-sizing:border-box;content:\"\";transform:rotate(45deg);visibility:visible}div[data-popper-placement^=top]>[data-popper-arrow]{bottom:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:transparent}div[data-popper-placement^=bottom]>[data-popper-arrow]{top:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=bottom]>[data-popper-arrow]:before{border-bottom:transparent;border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-right:transparent;border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4)}div[data-popper-placement^=left]>[data-popper-arrow]{right:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=left]>[data-popper-arrow]:before{border-bottom:transparent;border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4)}div[data-popper-placement^=right]>[data-popper-arrow]{left:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-right:transparent;border-top:transparent}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}[data-monster-role=nav] button.hidden{display:none}nav[data-monster-role=nav]{align-items:flex-end;border-bottom-style:var(--monster-border-style);border-bottom-width:thin;border-color:var(--monster-bg-color-primary-2);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:.75rem;overflow:hidden}[data-monster-role=nav] button .remove-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");background-position:100% 100%;background-repeat:no-repeat;background-size:16px;flex-wrap:nowrap;height:16px;min-height:16px;order:2;width:16px}[data-monster-role=nav] button span{display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;line-height:1.4;white-space:pre}[data-monster-role=nav] button{align-content:center;align-items:center;align-self:stretch;background-color:var(--monster-color-gray-1);border:none;border-bottom:var(--monster-border-style);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);color:var(--monster-color-gray-6);cursor:pointer;display:flex;font-size:1rem;font-weight:400;justify-content:center;line-height:1.5;margin-right:.75rem;outline:none;padding:.375rem 0;text-align:center;text-decoration:none;transition:color .8s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}@media (prefers-color-scheme:dark){[data-monster-role=nav] button{background-color:var(--monster-color-gray-6);color:var(--monster-color-gray-1)}}[data-monster-role=nav] button:not([disabled]):hover,[data-monster-role=nav] button[data-monster-state=active],[data-monster-role=nav] button[data-monster-state=active]:not([disabled]):hover{border-bottom-style:var(--monster-border-style);border-color:var(--monster-bg-color-secondary-3);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-secondary-3)}[data-monster-role=nav] button[disabled]{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1);cursor:not-allowed}[data-monster-role=nav] button[data-monster-role=switch]{align-self:center;border:0;order:2;touch-action:none}[data-monster-role=nav] button[data-monster-role=switch]:not([disabled]):hover{border-bottom-width:0}[data-monster-role=nav] button img{height:1.3rem;margin-left:.4rem;width:1.3rem}::slotted(:not([slot]):not(.active)){display:none}::slotted(*){align-self:center}::slotted([slot]){border-bottom-style:var(--monster-border-style);border-bottom-width:var(--monster-border-width);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1)}::slotted([slot=start]){margin-right:.75rem;order:0}::slotted([slot=end]){margin-left:.75rem;order:3}[data-monster-role=nav] [data-monster-role=popper-nav] button:not([disabled]){border:0;justify-content:left;padding-left:15px;padding-right:15px;width:100%}[data-monster-role=nav] [data-monster-role=popper-nav] button:hover,[data-monster-role=nav] [data-monster-role=popper-nav] button[data-monster-state=active],[data-monster-role=nav] [data-monster-role=popper-nav] button[data-monster-state=active]:not([disabled]):hover{border:0}
24
24
  }`, 0);
25
25
  } catch (e) {
26
26
  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
package/source/components/form/tabs.mjs CHANGED
@@ -225,6 +225,7 @@ class Tabs extends CustomElement {
225
225
 
226
226
  classes: {
227
227
  button: "monster-theme-primary-1",
228
+ popper: "monster-theme-primary-1",
228
229
  },
229
230
 
230
231
  popper: {
@@ -329,6 +330,10 @@ function initPopperSwitch() {
329
330
  switchButton.setAttribute(ATTRIBUTE_ROLE, "switch");
330
331
  switchButton.setAttribute("part", "switch");
331
332
  switchButton.classList.add("hidden");
333
+ const classList = this.getOption("classes.button");
334
+ if (classList) {
335
+ switchButton.classList.add(classList);
336
+ }
332
337
  switchButton.innerHTML =
333
338
  '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></svg>';
334
339
  this[navElementSymbol].prepend(switchButton);
@@ -505,7 +510,7 @@ function initPopper() {
505
510
  * @private
506
511
  * @param {HTMLElement} element
507
512
  */
508
- function show(element) {;
513
+ function show(element) {
509
514
  if (!this.shadowRoot) {
510
515
  throw new Error("no shadow-root is defined");
511
516
  }
@@ -588,7 +593,7 @@ function show(element) {;
588
593
  /**
589
594
  * @private
590
595
  */
591
- function initEventHandler() {;
596
+ function initEventHandler() {
592
597
 
593
598
  if (!this.shadowRoot) {
594
599
  throw new Error("no shadow-root is defined");
@@ -1053,7 +1058,8 @@ function getTemplate() {
1053
1058
  data-monster-attributes="data-monster-marker path:marker"
1054
1059
  data-monster-insert="buttons path:buttons.standard">
1055
1060
  <slot name="start" class="invisible"></slot>
1056
- <div data-monster-role="popper" part="popper" tabindex="-1" class="monster-color-primary-1">
1061
+ <div data-monster-role="popper" part="popper" tabindex="-1"
1062
+ data-monster-attributes="class path:classes.popper">
1057
1063
  <div data-popper-arrow></div>
1058
1064
 
1059
1065
 
package/source/components/form/tree-select.mjs CHANGED
@@ -16,7 +16,11 @@ import {
16
16
  assembleMethodSymbol,
17
17
  registerCustomElement,
18
18
  } from "../../dom/customelement.mjs";
19
- import {findTargetElementFromEvent, fireCustomEvent, fireEvent} from "../../dom/events.mjs";
19
+ import {
20
+ findTargetElementFromEvent,
21
+ fireCustomEvent,
22
+ fireEvent,
23
+ } from "../../dom/events.mjs";
20
24
  import { Formatter } from "../../text/formatter.mjs";
21
25
  import { isString } from "../../types/is.mjs";
22
26
  import { Node } from "../../types/node.mjs";
@@ -204,7 +208,7 @@ class TreeSelect extends Select {
204
208
  fireCustomEvent(this, "monster-options-set", {
205
209
  options,
206
210
  });
207
-
211
+
208
212
  return this;
209
213
  }
210
214
 
package/source/components/host/overlay.mjs CHANGED
@@ -127,6 +127,7 @@ class Overlay extends CustomElement {
127
127
  * @property {string} classes.overlay Css class to hide the overlay. This class is removed when the component is ready.
128
128
  * @property {Object} features Feature definitions
129
129
  * @property {boolean} features.escapeKey If true the overlay can be closed with the escape key
130
+ * @property {boolean} features.openButton If true the overlay can be opened with a button
130
131
  */
131
132
  get defaults() {
132
133
  return Object.assign({}, super.defaults, {
@@ -146,6 +147,7 @@ class Overlay extends CustomElement {
146
147
  },
147
148
  features: {
148
149
  escapeKey: true,
150
+ openButton: true,
149
151
  },
150
152
  });
151
153
  }
@@ -326,7 +328,8 @@ function getTemplate() {
326
328
  data-monster-attributes="part path:host-overlay.name, data-monster-role path:host-container.overlay"></div>
327
329
  </template>
328
330
 
329
- <div data-monster-role="overlay-open" part="open"></div>
331
+ <div data-monster-role="overlay-open" part="open"
332
+ data-monster-attributes="class path:features.openButton | if:visible:hidden"></div>
330
333
 
331
334
  <div id="overlay" data-monster-role="overlay" part="overlay" data-monster-insert="host-overlay path:overlay"
332
335
  data-monster-attributes="class path:classes.overlay">
package/source/components/tree-menu/tree-menu.mjs CHANGED
@@ -515,7 +515,6 @@ function switchToConfig() {
515
515
  };
516
516
 
517
517
  this[dragEventHandlerSymbol] = (event) => {
518
- console.log(event);
519
518
  event.preventDefault();
520
519
  };
521
520
 
package/source/data/datasource/server/restapi.mjs CHANGED
@@ -88,7 +88,7 @@ class RestAPI extends Server {
88
88
  },
89
89
  responseCallback: undefined,
90
90
  acceptedStatus: [200, 201],
91
- url: undefined,
91
+ url: null,
92
92
  mapping: {
93
93
  transformer: undefined,
94
94
  callbacks: [],
@@ -107,7 +107,7 @@ class RestAPI extends Server {
107
107
  },
108
108
  responseCallback: undefined,
109
109
  acceptedStatus: [200],
110
- url: undefined,
110
+ url: null,
111
111
  mapping: {
112
112
  transformer: undefined,
113
113
  callbacks: [],
@@ -123,7 +123,6 @@ class RestAPI extends Server {
123
123
  * @throws {Error} the data cannot be read
124
124
  */
125
125
  read() {
126
-
127
126
  let init = this.getOption("read.init");
128
127
  if (!isObject(init)) init = {};
129
128
  if (!init["method"]) init["method"] = "GET";
package/source/data/datasource/server.mjs CHANGED
@@ -81,7 +81,7 @@ class Server extends Datasource {
81
81
  */
82
82
  function doTransform(type, obj) {
83
83
  const transformation = this.getOption(`${type}.mapping.transformer`);
84
- if (transformation !== undefined) {
84
+ if (transformation !== undefined && transformation !== null) {
85
85
  const pipe = new Pipe(transformation);
86
86
  const callbacks = this.getOption(`${type}.mapping.callbacks`);
87
87
 
package/source/data/extend.mjs CHANGED
@@ -5,10 +5,10 @@
5
5
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
6
6
  */
7
7
 
8
- import {isArray, isObject} from "../types/is.mjs";
9
- import {typeOf} from "../types/typeof.mjs";
8
+ import { isArray, isObject } from "../types/is.mjs";
9
+ import { typeOf } from "../types/typeof.mjs";
10
10
 
11
- export {extend};
11
+ export { extend };
12
12
 
13
13
  /**
14
14
  * Extend copies all enumerable own properties from one or
@@ -25,65 +25,65 @@ export {extend};
25
25
  * @param args
26
26
  */
27
27
  function extend(...args) {
28
- let o;
29
- let i;
28
+ let o;
29
+ let i;
30
30
 
31
- if (typeof args !== "object" || args[0] === null) {
32
- throw new Error(`unsupported argument ${JSON.stringify(args[0])}`);
33
- }
31
+ if (typeof args !== "object" || args[0] === null) {
32
+ throw new Error(`unsupported argument ${JSON.stringify(args[0])}`);
33
+ }
34
34
 
35
- for (i = 0; i < args.length; i++) {
36
- const a = args[i];
35
+ for (i = 0; i < args.length; i++) {
36
+ const a = args[i];
37
37
 
38
- if (!(isObject(a) || isArray(a))) {
39
- throw new Error(`unsupported argument ${JSON.stringify(a)}`);
40
- }
38
+ if (!(isObject(a) || isArray(a))) {
39
+ throw new Error(`unsupported argument ${JSON.stringify(a)}`);
40
+ }
41
41
 
42
- if (o === undefined) {
43
- o = a;
44
- continue;
45
- }
42
+ if (o === undefined) {
43
+ o = a;
44
+ continue;
45
+ }
46
46
 
47
- for (const k in a) {
48
- const v = a?.[k];
47
+ for (const k in a) {
48
+ const v = a?.[k];
49
49
 
50
- if (v === o?.[k]) {
51
- continue;
52
- }
50
+ if (v === o?.[k]) {
51
+ continue;
52
+ }
53
53
 
54
- if ((isObject(v) && typeOf(v) === "object") || isArray(v)) {
55
- if (o[k] === undefined) {
56
- if (isArray(v)) {
57
- o[k] = [];
58
- } else {
59
- o[k] = {};
60
- }
61
- } else {
62
- if (typeOf(o[k]) !== typeOf(v)) {
63
- throw new Error(
64
- `type mismatch: ${JSON.stringify(o[k])}(${typeOf(
65
- o[k],
66
- )}) != ${JSON.stringify(v)}(${typeOf(v)})`,
67
- );
68
- }
69
- }
70
-
71
- if (isArray(o[k])) {
72
- o[k] = [];
73
- o[k].push(...v);
74
- continue;
75
- }
54
+ if ((isObject(v) && typeOf(v) === "object") || isArray(v)) {
55
+ if (o[k] === undefined) {
56
+ if (isArray(v)) {
57
+ o[k] = [];
58
+ } else {
59
+ o[k] = {};
60
+ }
61
+ } else {
62
+ if (typeOf(o[k]) !== typeOf(v)) {
63
+ throw new Error(
64
+ `type mismatch: ${JSON.stringify(o[k])}(${typeOf(
65
+ o[k],
66
+ )}) != ${JSON.stringify(v)}(${typeOf(v)})`,
67
+ );
68
+ }
69
+ }
76
70
 
77
- o[k] = extend(o[k], v);
78
- } else {
79
- if (isArray(o)) {
80
- o.push(v);
81
- continue;
82
- }
83
- o[k] = v;
84
- }
85
- }
86
- }
71
+ if (isArray(o[k])) {
72
+ o[k] = [];
73
+ o[k].push(...v);
74
+ continue;
75
+ }
87
76
 
88
- return o;
77
+ o[k] = extend(o[k], v);
78
+ } else {
79
+ if (isArray(o)) {
80
+ o.push(v);
81
+ continue;
82
+ }
83
+ o[k] = v;
84
+ }
85
+ }
86
+ }
87
+
88
+ return o;
89
89
  }
package/source/data/pathfinder.mjs CHANGED
@@ -83,10 +83,12 @@ const WILDCARD = "*";
83
83
  */
84
84
  class Pathfinder extends Base {
85
85
  /**
86
- * @param {array|object|Map|Set} value
87
- * @since 1.4.0
88
- * @throws {Error} the parameter must not be a simple type
89
- **/
86
+ * Creates a new instance of the constructor.
87
+ *
88
+ * @param {object} object - The object parameter for the constructor.
89
+ *
90
+ * @throws {Error} Throws an error if the provided object parameter is a simple type.
91
+ */
90
92
  constructor(object) {
91
93
  super();
92
94
 
package/source/dom/constants.mjs CHANGED
@@ -19,6 +19,7 @@ export {
19
19
  ATTRIBUTE_UPDATER_INSERT_REFERENCE,
20
20
  ATTRIBUTE_UPDATER_REMOVE,
21
21
  ATTRIBUTE_UPDATER_BIND,
22
+ ATTRIBUTE_UPDATER_BIND_TYPE,
22
23
  ATTRIBUTE_TEMPLATE_PREFIX,
23
24
  ATTRIBUTE_ROLE,
24
25
  ATTRIBUTE_DISABLED,
@@ -199,6 +200,14 @@ const ATTRIBUTE_UPDATER_REMOVE = `${ATTRIBUTE_PREFIX}remove`;
199
200
  */
200
201
  const ATTRIBUTE_UPDATER_BIND = `${ATTRIBUTE_PREFIX}bind`;
201
202
 
203
+ /**
204
+ * @memberOf Monster.DOM
205
+ * @type {string}
206
+ * @license AGPLv3
207
+ * @since 1.9.0
208
+ */
209
+ const ATTRIBUTE_UPDATER_BIND_TYPE = `${ATTRIBUTE_UPDATER_BIND}-type`;
210
+
202
211
  /**
203
212
  * @memberOf Monster.DOM
204
213
  * @type {string}
package/source/dom/customelement.mjs CHANGED
@@ -95,6 +95,12 @@ const attributeMutationObserverSymbol = Symbol(
95
95
  "@schukai/monster/dom/@@mutationObserver",
96
96
  );
97
97
 
98
+ /**
99
+ * @private
100
+ * @type {symbol}
101
+ */
102
+ const updateCloneDataSymbol = Symbol("@schukai/monster/dom/@@updateCloneData");
103
+
98
104
  /**
99
105
  * @private
100
106
  * @type {symbol}
@@ -465,7 +471,7 @@ class CustomElement extends HTMLElement {
465
471
  * @return {*}
466
472
  * @since 1.10.0
467
473
  */
468
- getOption(path, defaultValue=undefined) {
474
+ getOption(path, defaultValue = undefined) {
469
475
  let value;
470
476
 
471
477
  try {
@@ -503,13 +509,10 @@ class CustomElement extends HTMLElement {
503
509
  if (isString(options)) {
504
510
  options = parseOptionsJSON.call(this, options);
505
511
  }
506
- // 2024-01-21: remove this.defaults, otherwise it will overwrite
512
+ // 2024-01-21: remove this.defaults, otherwise it will overwrite
507
513
  // the current settings that have already been made.
508
514
  // https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/136
509
- extend(
510
- this[internalSymbol].getSubject()["options"],
511
- options,
512
- );
515
+ extend(this[internalSymbol].getSubject()["options"], options);
513
516
 
514
517
  return this;
515
518
  }
@@ -583,11 +586,16 @@ class CustomElement extends HTMLElement {
583
586
  } catch (e) {
584
587
  nodeList = elements;
585
588
  }
589
+
590
+ this[updateCloneDataSymbol] = clone(
591
+ this[internalSymbol].getRealSubject()["options"],
592
+ );
593
+
586
594
  addObjectWithUpdaterToElement.call(
587
595
  this,
588
596
  nodeList,
589
597
  customElementUpdaterLinkSymbol,
590
- clone(this[internalSymbol].getRealSubject()["options"]),
598
+ this[updateCloneDataSymbol],
591
599
  );
592
600
 
593
601
  // Attach a mutation observer to observe changes to the attributes of the element
@@ -596,6 +604,16 @@ class CustomElement extends HTMLElement {
596
604
  return this;
597
605
  }
598
606
 
607
+ /**
608
+ * You know what you are doing? This function is only for advanced users.
609
+ * The result is a clone of the internal data.
610
+ *
611
+ * @returns {*}
612
+ */
613
+ getInternalUpdateCloneData() {
614
+ return clone(this[updateCloneDataSymbol]);
615
+ }
616
+
599
617
  /**
600
618
  * This method is called every time the element is inserted into the DOM. It checks if the custom element
601
619
  * has already been initialized and if not, calls the assembleMethod to initialize it.
package/source/dom/updater.mjs CHANGED
@@ -13,6 +13,7 @@ import {
13
13
  ATTRIBUTE_ERRORMESSAGE,
14
14
  ATTRIBUTE_UPDATER_ATTRIBUTES,
15
15
  ATTRIBUTE_UPDATER_BIND,
16
+ ATTRIBUTE_UPDATER_BIND_TYPE,
16
17
  ATTRIBUTE_UPDATER_INSERT,
17
18
  ATTRIBUTE_UPDATER_INSERT_REFERENCE,
18
19
  ATTRIBUTE_UPDATER_REMOVE,
@@ -21,7 +22,7 @@ import {
21
22
  } from "./constants.mjs";
22
23
 
23
24
  import { Base } from "../types/base.mjs";
24
- import { isArray, isInstance, isIterable } from "../types/is.mjs";
25
+ import { isArray, isString, isInstance, isIterable } from "../types/is.mjs";
25
26
  import { Observer } from "../types/observer.mjs";
26
27
  import { ProxyObserver } from "../types/proxyobserver.mjs";
27
28
  import { validateArray, validateInstance } from "../types/validate.mjs";
@@ -311,7 +312,7 @@ function retrieveAndSetValue(element) {
311
312
  throw new Error("the bind argument must start as a value with a path");
312
313
  }
313
314
 
314
- path = path.substring(5);
315
+ path = path.substring(5); // remove path: from the string
315
316
 
316
317
  let value;
317
318
 
@@ -342,7 +343,7 @@ function retrieveAndSetValue(element) {
342
343
  break;
343
344
  }
344
345
 
345
- // values from customelements
346
+ // values from custom elements
346
347
  } else if (
347
348
  (element?.constructor?.prototype &&
348
349
  !!Object.getOwnPropertyDescriptor(
@@ -356,6 +357,36 @@ function retrieveAndSetValue(element) {
356
357
  throw new Error("unsupported object");
357
358
  }
358
359
 
360
+ if (isString(value)) {
361
+ const type = element.getAttribute(ATTRIBUTE_UPDATER_BIND_TYPE);
362
+ switch (type) {
363
+ case "number":
364
+ case "int":
365
+ case "float":
366
+ case "integer":
367
+ value = Number(value);
368
+ if (isNaN(value)) {
369
+ value = 0;
370
+ }
371
+ break;
372
+ case "boolean":
373
+ case "bool":
374
+ case "checkbox":
375
+ value = value === "true" || value === "1" || value === "on";
376
+ break;
377
+ case "array":
378
+ case "list":
379
+ value = value.split(",");
380
+ break;
381
+ case "object":
382
+ case "json":
383
+ value = JSON.parse(value);
384
+ break;
385
+ default:
386
+ break;
387
+ }
388
+ }
389
+
359
390
  const copy = clone(this[internalSymbol].subject.getRealSubject());
360
391
  const pf = new Pathfinder(copy);
361
392
  pf.setVia(path, value);
package/source/i18n/translations.mjs CHANGED
@@ -90,7 +90,7 @@ class Translations extends Base {
90
90
  * The appropriate text for this number is then selected. If no suitable key is found, `defaultText` is taken.
91
91
  *
92
92
  * @param {string} key
93
- * @param {integer|count} count
93
+ * @param {integer|string} count
94
94
  * @param {string|undefined} defaultText
95
95
  * @return {string}
96
96
  */
package/source/monster.mjs CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  /**
3
2
  * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
4
3
  * Node module: @schukai/monster
package/source/types/noderecursiveiterator.mjs CHANGED
@@ -44,10 +44,10 @@ class NodeRecursiveIterator extends Base {
44
44
  // iterator is a NodeList
45
45
  if (isInstance(node, NodeList)) {
46
46
  const children = node;
47
- let n = new Node();
47
+ const n = new Node();
48
48
  n.childNodes = children;
49
49
  this[isNodeListSymbol] = true;
50
- this[internalSymbol] = n;
50
+ this[internalSymbol] = n;
51
51
  return;
52
52
  }
53
53
 
@@ -80,7 +80,6 @@ class NodeRecursiveIterator extends Base {
80
80
  yield* new NodeRecursiveIterator(node);
81
81
  }
82
82
  }
83
-
84
83
  };
85
84
 
86
85
  /**
package/source/types/version.mjs CHANGED
@@ -152,7 +152,7 @@ function getMonsterVersion() {
152
152
  }
153
153
 
154
154
  /** don't touch, replaced by make with package.json version */
155
- monsterVersion = new Version("3.55.5");
155
+ monsterVersion = new Version("3.56.0");
156
156
 
157
157
  return monsterVersion;
158
158
  }
package/test/cases/monster.mjs CHANGED
@@ -7,7 +7,7 @@ describe('Monster', function () {
7
7
  let monsterVersion
8
8
 
9
9
  /** don´t touch, replaced by make with package.json version */
10
- monsterVersion = new Version("3.55.5")
10
+ monsterVersion = new Version("3.56.0")
11
11
 
12
12
  let m = getMonsterVersion();
13
13