@schukai/monster 3.87.1 → 3.88.1

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 (56) hide show
  1. package/CHANGELOG.md +70 -43
  2. package/package.json +1 -1
  3. package/source/components/content/stylesheet/copy.mjs +1 -1
  4. package/source/components/datatable/datatable.mjs +928 -909
  5. package/source/components/datatable/filter.mjs +914 -920
  6. package/source/components/datatable/pagination.mjs +1 -3
  7. package/source/components/datatable/stylesheet/change-button.mjs +1 -1
  8. package/source/components/datatable/stylesheet/column-bar.mjs +13 -6
  9. package/source/components/datatable/stylesheet/dataset.mjs +1 -1
  10. package/source/components/datatable/stylesheet/datatable.mjs +13 -6
  11. package/source/components/datatable/stylesheet/embedded-pagination.mjs +13 -6
  12. package/source/components/datatable/stylesheet/filter-select.mjs +1 -1
  13. package/source/components/datatable/stylesheet/filter.mjs +13 -6
  14. package/source/components/datatable/stylesheet/save-button.mjs +1 -1
  15. package/source/components/datatable/stylesheet/status.mjs +1 -1
  16. package/source/components/form/api-button.mjs +420 -415
  17. package/source/components/form/button-bar.mjs +24 -6
  18. package/source/components/form/popper.mjs +1 -1
  19. package/source/components/form/stylesheet/action-button.mjs +13 -6
  20. package/source/components/form/stylesheet/button.mjs +13 -6
  21. package/source/components/form/stylesheet/confirm-button.mjs +13 -6
  22. package/source/components/form/stylesheet/form.mjs +1 -1
  23. package/source/components/form/stylesheet/popper-button.mjs +13 -6
  24. package/source/components/form/stylesheet/select.mjs +13 -6
  25. package/source/components/form/stylesheet/state-button.mjs +13 -6
  26. package/source/components/form/tree-select.mjs +1 -1
  27. package/source/components/host/stylesheet/call-button.mjs +1 -1
  28. package/source/components/host/stylesheet/host.mjs +1 -1
  29. package/source/components/host/stylesheet/overlay.mjs +1 -1
  30. package/source/components/host/stylesheet/toggle-button.mjs +1 -1
  31. package/source/components/host/stylesheet/viewer.mjs +1 -1
  32. package/source/components/layout/stylesheet/collapse.mjs +1 -1
  33. package/source/components/layout/stylesheet/details.mjs +1 -1
  34. package/source/components/layout/stylesheet/slider.mjs +1 -1
  35. package/source/components/layout/stylesheet/tabs.mjs +1 -1
  36. package/source/components/navigation/stylesheet/table-of-content.mjs +1 -1
  37. package/source/components/navigation/table-of-content.mjs +20 -4
  38. package/source/components/style/common.css +1 -1
  39. package/source/components/style/common.pcss +7 -1
  40. package/source/components/style/mixin/property.pcss +1 -0
  41. package/source/components/style/normalize.css +1 -1
  42. package/source/components/style/normalize.pcss +8 -0
  43. package/source/components/style/property.css +1 -1
  44. package/source/components/stylesheet/common.mjs +7 -14
  45. package/source/components/stylesheet/mixin/property.mjs +6 -13
  46. package/source/components/stylesheet/normalize.mjs +7 -14
  47. package/source/components/stylesheet/property.mjs +1 -1
  48. package/source/components/tree-menu/style/tree-menu.pcss +0 -2
  49. package/source/components/tree-menu/stylesheet/tree-menu.mjs +7 -14
  50. package/source/types/is.mjs +9 -1
  51. package/source/types/version.mjs +1 -1
  52. package/test/cases/monster.mjs +1 -1
  53. package/test/cases/types/is.mjs +59 -1
  54. package/test/util/jsdom.mjs +2 -0
  55. package/test/web/test.html +2 -2
  56. package/test/web/tests.js +83 -21
package/CHANGELOG.md CHANGED
@@ -2,19 +2,38 @@
2
2
 
3
3
 
4
4
 
5
- ## [3.87.1] - 2024-11-16
5
+ ## [3.88.1] - 2024-11-25
6
6
 
7
7
  ### Bug Fixes
8
8
 
9
- - some small css issues; fix missing last line in copy all function
9
+ - optimize instanceof operator
10
+ - **api-button:** check instance
11
+ - **table-of-content:** fix scroll down
12
+ ### Changes
13
+
14
+ - update webtests
15
+ - update node
16
+ - some opimisations
17
+ - update text
18
+
19
+ ## [3.88.0] - 2024-11-16
10
20
 
21
+ ### New Features
22
+
23
+ - **Datatable:** Added a help button
24
+
25
+ ## [3.87.1] - 2024-11-16
26
+
27
+ ### Bug Fixes
28
+
29
+ - Fixed minor CSS issues and resolved a bug where the last line was missing in the "Copy All" function
11
30
 
12
31
 
13
32
  ## [3.87.0] - 2024-11-16
14
33
 
15
- ### Add Features
34
+ ### New Features
16
35
 
17
- - copy and copy all for datatable
36
+ - Added "Copy" and "Copy All" functionality for the datatable
18
37
 
19
38
 
20
39
 
@@ -22,7 +41,8 @@
22
41
 
23
42
  ### Bug Fixes
24
43
 
25
- - button with back to 100%; update some minor responsive issues with datatable filter
44
+ - Restored button width to 100%
45
+ - Fixed minor responsive issues with the datatable filter
26
46
 
27
47
 
28
48
 
@@ -30,7 +50,7 @@
30
50
 
31
51
  ### Bug Fixes
32
52
 
33
- - update darkmode and small display issues
53
+ - Improved dark mode and fixed display issues on small screens
34
54
 
35
55
 
36
56
 
@@ -38,7 +58,8 @@
38
58
 
39
59
  ### Bug Fixes
40
60
 
41
- - css svg issues with darkmode, pagestepper dom datasource issue
61
+ - Resolved CSS-SVG issues in dark mode
62
+ - Fixed a `pagestepper` DOM datasource issue
42
63
 
43
64
 
44
65
 
@@ -46,7 +67,7 @@
46
67
 
47
68
  ### Bug Fixes
48
69
 
49
- - update the behavour of the datatable in terms of width [#262](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/262)
70
+ - Adjusted the datatable's width behavior [#262](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/262)
50
71
 
51
72
 
52
73
 
@@ -54,18 +75,19 @@
54
75
 
55
76
  ### Bug Fixes
56
77
 
57
- - update css for datatable and field-set [#259](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/259) [#260](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/260) [#261](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/261)
78
+ - Updated CSS for datatables and fieldsets [#259](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/259), [#260](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/260), [#261](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/261)
58
79
 
59
80
 
60
81
 
61
82
  ## [3.86.0] - 2024-11-13
62
83
 
63
- ### Add Features
84
+ ### New Features
85
+
86
+ - Added new classes for datatables and implemented CSS updates [#260](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/260)
64
87
 
65
- - new classes for datatables and some css updates [#260](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/260)
66
88
  ### Bug Fixes
67
89
 
68
- - some layout issues and add labels to small datatable [#260](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/260)
90
+ - Fixed layout issues and added labels for small datatables [#260](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/260)
69
91
 
70
92
 
71
93
 
@@ -73,10 +95,11 @@
73
95
 
74
96
  ### Bug Fixes
75
97
 
76
- - update some issues and documentaion [#260](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/260)
98
+ - Resolved minor issues and updated documentation [#260](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/260)
99
+
77
100
  ### Changes
78
101
 
79
- - code tidy
102
+ - Code cleanup and organization
80
103
 
81
104
 
82
105
 
@@ -84,28 +107,27 @@
84
107
 
85
108
  ### Bug Fixes
86
109
 
87
- - update the copy component [#259](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/259)
110
+ - Updated the copy component [#259](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/259)
88
111
 
89
112
 
90
113
 
91
114
  ## [3.85.0] - 2024-11-05
92
115
 
93
- ### Add Features
116
+ ### New Features
117
+
118
+ - Introduced a new CSS class for monospace text [#258](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/258)
94
119
 
95
- - new css class monospace [#258](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/258)
96
120
  ### Changes
97
121
 
98
- - project update
99
- - tidy
122
+ - Project updates and code cleanup
100
123
 
101
124
 
102
125
 
103
126
  ## [3.84.0] - 2024-10-28
104
127
 
105
- ### Add Features
128
+ ### New Features
106
129
 
107
- - neue Methoden zum löschen der Nachricht und prüfung auf leere Nachricht...
108
- - neue Methoden zum löschen der Nachricht und prüfung auf leere Nachricht...
130
+ - Added new methods for deleting messages and checking for empty messages
109
131
 
110
132
 
111
133
 
@@ -113,19 +135,20 @@
113
135
 
114
136
  ### Bug Fixes
115
137
 
116
- - F gelöscht [#256](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/256)
117
- - argument must be checked against true [#255](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/255)
138
+ - Removed unused variable `F` [#256](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/256)
139
+ - Ensured arguments are checked against `true` [#255](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/255)
140
+
118
141
  ### Changes
119
142
 
120
- - close issues and move files [#252](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/252) [#255](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/255)
143
+ - Closed issues and reorganized files [#252](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/252), [#255](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/255)
121
144
 
122
145
 
123
146
 
124
147
  ## [3.83.0] - 2024-10-27
125
148
 
126
- ### Add Features
149
+ ### New Features
127
150
 
128
- - New disableButton for monster-state-message-button [#254](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/254)
151
+ - Added `disableButton` option for `monster-state-message-button` [#254](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/254)
129
152
 
130
153
 
131
154
 
@@ -133,26 +156,28 @@
133
156
 
134
157
  ### Bug Fixes
135
158
 
136
- - wrong feature in iframe
159
+ - Fixed incorrect feature implementation for iframes
137
160
 
138
161
 
139
162
 
140
163
  ## [3.82.0] - 2024-10-16
141
164
 
142
- ### Add Features
165
+ ### New Features
143
166
 
144
- - new iframe feature for replace target
167
+ - Added iframe support for replacing targets
145
168
 
146
169
 
147
170
 
148
171
  ## [3.81.0] - 2024-10-15
149
172
 
150
- ### Add Features
173
+ ### New Features
174
+
175
+ - Added new CSS files for generic styles [#253](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/253)
176
+ - Introduced new features for select elements
151
177
 
152
- - new css files for generic styles [#253](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/253) and new part for select
153
178
  ### Documentation
154
179
 
155
- - remove obsolete [@memberof](https://gitlab.schukai.com/memberof)
180
+ - Removed obsolete [@memberof](https://gitlab.schukai.com/memberof) references
156
181
 
157
182
 
158
183
 
@@ -160,7 +185,7 @@
160
185
 
161
186
  ### Bug Fixes
162
187
 
163
- - code optimisation and better error handling [#251](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/251)
188
+ - Code optimization and improved error handling [#251](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/251)
164
189
 
165
190
 
166
191
 
@@ -168,8 +193,8 @@
168
193
 
169
194
  ### Bug Fixes
170
195
 
171
- - defaultValue is now zero [#251](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/251)
172
- - optimize slect remote filter function [#251](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/251)
196
+ - Set `defaultValue` to zero [#251](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/251)
197
+ - Optimized select remote filter function [#251](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/251)
173
198
 
174
199
 
175
200
 
@@ -177,14 +202,15 @@
177
202
 
178
203
  ### Bug Fixes
179
204
 
180
- - some minor fixes
205
+ - Resolved minor issues
206
+
181
207
  ### Changes
182
208
 
183
- - code format
209
+ - Improved code formatting
210
+
184
211
  ### Documentation
185
212
 
186
- - fix doc tags
187
- - clean the fire definitions
213
+ - Fixed documentation tags and cleaned fire definitions
188
214
 
189
215
 
190
216
 
@@ -192,10 +218,11 @@
192
218
 
193
219
  ### Bug Fixes
194
220
 
195
- - wrong css property [#250](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/250)
221
+ - Corrected incorrect CSS properties [#250](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/250)
222
+
196
223
  ### Documentation
197
224
 
198
- - some optimisations
225
+ - Minor documentation optimizations
199
226
 
200
227
 
201
228
 
@@ -203,7 +230,7 @@
203
230
 
204
231
  ### Bug Fixes
205
232
 
206
- - remove dragable-tree-menu because it is broken
233
+ - Removed `dragable-tree-menu` due to functionality issues
207
234
 
208
235
 
209
236
 
package/package.json CHANGED
@@ -1 +1 @@
1
- {"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.12","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"3.87.1"}
1
+ {"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.12","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"3.88.1"}
package/source/components/content/stylesheet/copy.mjs CHANGED
@@ -25,7 +25,7 @@ try {
25
25
  CopyStyleSheet.insertRule(
26
26
  `
27
27
  @layer copy {
28
- [data-monster-role=control]{box-sizing:border-box;outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:host{box-sizing:border-box;display:block}: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-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-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-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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-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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--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;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}div[data-monster-role=popper]{align-content:center;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;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}:host{display:inline-block}[data-monster-role=control]{display:inherit}[data-monster-role=icon]{fill:var(--monster-color-primary-1)}[data-monster-role=icon-map]{display:none}button{background:inherit;border:none}button:hover{cursor:copy}button:active{transform:scale(.95)}
28
+ [data-monster-role=control]{box-sizing:border-box;outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:host{box-sizing:border-box;display:block}: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-font-family-monospace:\"Consolas\",\"Courier New\",\"Roboto Mono\",\"Source Code Pro\",\"Fira Mono\",monospace;--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-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-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-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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-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)}@media (prefers-color-scheme:dark){:after,:before,:root{--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)}}:after,:before,:root{--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-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--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;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}div[data-monster-role=popper]{align-content:center;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;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}:host{display:inline-block}[data-monster-role=control]{display:inherit}[data-monster-role=icon]{fill:var(--monster-color-primary-1)}[data-monster-role=icon-map]{display:none}button{background:inherit;border:none}button:hover{cursor:copy}button:active{transform:scale(.95)}
29
29
  }`,
30
30
  0,
31
31
  );