@schukai/monster 3.92.3 → 3.93.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.
- package/CHANGELOG.md +8 -0
- package/package.json +1 -1
- package/source/components/datatable/datasource/rest.mjs +17 -0
- package/source/components/state/log/entry.mjs +4 -4
- package/source/components/state/log.mjs +46 -43
- package/source/components/state/style/log.pcss +18 -67
- package/source/components/state/stylesheet/log.mjs +7 -14
- package/source/data/transformer.mjs +806 -789
- package/source/i18n/time-ago.mjs +671 -0
- package/test/cases/i18n/time-ago.mjs +33 -0
package/CHANGELOG.md
CHANGED
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.
|
|
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.93.0"}
|
|
@@ -81,6 +81,9 @@ const filterObserverSymbol = Symbol("filterObserver");
|
|
|
81
81
|
* @copyright schukai GmbH
|
|
82
82
|
* @summary A rest api datasource
|
|
83
83
|
*/
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
84
87
|
class Rest extends Datasource {
|
|
85
88
|
/**
|
|
86
89
|
* the constructor of the class
|
|
@@ -453,6 +456,13 @@ function initFilter() {
|
|
|
453
456
|
filterControl.attachObserver(this[filterObserverSymbol]);
|
|
454
457
|
}
|
|
455
458
|
|
|
459
|
+
/**
|
|
460
|
+
* @private
|
|
461
|
+
* @param json
|
|
462
|
+
* @param response
|
|
463
|
+
* @param filterControl
|
|
464
|
+
* @returns {Promise<never>|Promise<Awaited<unknown>>}
|
|
465
|
+
*/
|
|
456
466
|
function handleIntersectionObserver(json, response, filterControl) {
|
|
457
467
|
const path = new Pathfinder(json);
|
|
458
468
|
|
|
@@ -495,6 +505,9 @@ function initAutoInit() {
|
|
|
495
505
|
});
|
|
496
506
|
}
|
|
497
507
|
|
|
508
|
+
/**
|
|
509
|
+
* @private
|
|
510
|
+
*/
|
|
498
511
|
function initEventHandler() {
|
|
499
512
|
this[intersectionObserverHandlerSymbol] = (entries) => {
|
|
500
513
|
entries.forEach((entry) => {
|
|
@@ -515,6 +528,9 @@ function initEventHandler() {
|
|
|
515
528
|
};
|
|
516
529
|
}
|
|
517
530
|
|
|
531
|
+
/**
|
|
532
|
+
* @private
|
|
533
|
+
*/
|
|
518
534
|
function initIntersectionObserver() {
|
|
519
535
|
this.classList.add("intersection-observer");
|
|
520
536
|
|
|
@@ -528,6 +544,7 @@ function initIntersectionObserver() {
|
|
|
528
544
|
this[intersectionObserverHandlerSymbol],
|
|
529
545
|
options,
|
|
530
546
|
);
|
|
547
|
+
|
|
531
548
|
this[intersectionObserverObserverSymbol].observe(this);
|
|
532
549
|
}
|
|
533
550
|
|
|
@@ -21,7 +21,7 @@ import {
|
|
|
21
21
|
} from "../../dom/customelement.mjs";
|
|
22
22
|
import { LogStyleSheet } from "./stylesheet/log.mjs";
|
|
23
23
|
import { Entry } from "./log/entry.mjs";
|
|
24
|
-
import {
|
|
24
|
+
import {validateInstance, validateString} from "../../types/validate.mjs";
|
|
25
25
|
import "./state.mjs";
|
|
26
26
|
|
|
27
27
|
export { Log };
|
|
@@ -39,14 +39,16 @@ const logElementSymbol = Symbol("logElement");
|
|
|
39
39
|
const emptyStateElementSymbol = Symbol("emptyStateElement");
|
|
40
40
|
|
|
41
41
|
/**
|
|
42
|
-
* A
|
|
42
|
+
* A log entry
|
|
43
43
|
*
|
|
44
|
-
* @fragments /fragments/components/
|
|
44
|
+
* @fragments /fragments/components/state/log
|
|
45
|
+
*
|
|
46
|
+
* @example /examples/components/state/log-simple
|
|
45
47
|
*
|
|
46
48
|
* @since 3.74.0
|
|
47
49
|
* @copyright schukai GmbH
|
|
48
|
-
* @summary
|
|
49
|
-
|
|
50
|
+
* @summary The log entry is a single entry in the log.
|
|
51
|
+
**/
|
|
50
52
|
class Log extends CustomElement {
|
|
51
53
|
/**
|
|
52
54
|
* @return {void}
|
|
@@ -116,7 +118,7 @@ class Log extends CustomElement {
|
|
|
116
118
|
|
|
117
119
|
/**
|
|
118
120
|
* Add an entry to the log
|
|
119
|
-
* @param entry
|
|
121
|
+
* @param {Entry} entry
|
|
120
122
|
* @return {Log}
|
|
121
123
|
*/
|
|
122
124
|
addEntry(entry) {
|
|
@@ -133,15 +135,19 @@ class Log extends CustomElement {
|
|
|
133
135
|
|
|
134
136
|
/**
|
|
135
137
|
* Add a log message
|
|
136
|
-
*
|
|
137
|
-
* @param
|
|
138
|
+
*
|
|
139
|
+
* @param {string} message
|
|
140
|
+
* @param {Date} date
|
|
138
141
|
* @return {Log}
|
|
142
|
+
* @throws {TypeError} message is not a string
|
|
139
143
|
*/
|
|
140
144
|
addMessage(message, date) {
|
|
141
145
|
if (!date) {
|
|
142
146
|
date = new Date();
|
|
143
147
|
}
|
|
144
148
|
|
|
149
|
+
validateString(message);
|
|
150
|
+
|
|
145
151
|
this.addEntry(
|
|
146
152
|
new Entry({
|
|
147
153
|
message: message,
|
|
@@ -213,43 +219,40 @@ function initEventHandler() {
|
|
|
213
219
|
*/
|
|
214
220
|
function getTemplate() {
|
|
215
221
|
// language=HTML
|
|
216
|
-
return
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
<
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
<path d="m404.800781 68.175781c2.628907 0 5.199219-1.070312 7.070313-2.933593 1.859375-1.859376 2.929687-4.4375 2.929687-7.066407 0-2.632812-1.070312-5.210937-2.929687-7.070312-1.859375-1.863281-4.441406-2.929688-7.070313-2.929688-2.640625 0-5.210937 1.066407-7.070312 2.929688-1.871094 1.859375-2.929688 4.4375-2.929688 7.070312 0 2.628907 1.058594 5.207031 2.929688 7.066407 1.859375 1.863281 4.441406 2.933593 7.070312 2.933593zm0 0"/>
|
|
240
|
-
<path d="m256 314.925781c-2.628906 0-5.210938 1.066407-7.070312 2.929688-1.859376 1.867187-2.929688 4.4375-2.929688 7.070312 0 2.636719 1.070312 5.207031 2.929688 7.078125 1.859374 1.859375 4.441406 2.921875 7.070312 2.921875s5.210938-1.0625 7.070312-2.921875c1.859376-1.871094 2.929688-4.441406 2.929688-7.078125 0-2.632812-1.070312-5.203125-2.929688-7.070312-1.859374-1.863281-4.441406-2.929688-7.070312-2.929688zm0 0"/>
|
|
241
|
-
</svg>
|
|
242
|
-
</div>
|
|
243
|
-
<div part="content" monster-replace="path:labels.nothingToReport">
|
|
244
|
-
There is nothing to report yet.
|
|
245
|
-
</div>
|
|
246
|
-
</monster-state>
|
|
222
|
+
return `<template id="entry">
|
|
223
|
+
<li data-monster-role="entry">
|
|
224
|
+
<span data-monster-replace="path:entry.user"
|
|
225
|
+
data-monster-attributes="class path:entry.user | ?:user:hidden"></span>
|
|
226
|
+
<span data-monster-replace="path:entry.title"
|
|
227
|
+
data-monster-attributes="class path:entry.title | ?:title:hidden"></span>
|
|
228
|
+
<span data-monster-replace="path:entry.message"
|
|
229
|
+
data-monster-attributes="class path:entry.message | ?:message:hidden"></span>
|
|
230
|
+
<span data-monster-replace="path:entry.date | time-ago" data-monster-attributes="title path:entry.date | datetime"></span>
|
|
231
|
+
|
|
232
|
+
</li>
|
|
233
|
+
</template>
|
|
234
|
+
|
|
235
|
+
<div part="control" data-monster-role="control">
|
|
236
|
+
<div data-monster-role="empty-state" data-monster-attributes="class path:entries | has-entries | ?:hidden:">
|
|
237
|
+
<monster-state>
|
|
238
|
+
<div part="visual">
|
|
239
|
+
<svg width="4rem" height="4rem" viewBox="0 -12 512.00032 512"
|
|
240
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
241
|
+
<path d="m455.074219 172.613281 53.996093-53.996093c2.226563-2.222657 3.273438-5.367188 2.828126-8.480469-.441407-3.113281-2.328126-5.839844-5.085938-7.355469l-64.914062-35.644531c-4.839844-2.65625-10.917969-.886719-13.578126 3.953125-2.65625 4.84375-.890624 10.921875 3.953126 13.578125l53.234374 29.230469-46.339843 46.335937-166.667969-91.519531 46.335938-46.335938 46.839843 25.722656c4.839844 2.65625 10.921875.890626 13.578125-3.953124 2.660156-4.839844.890625-10.921876-3.953125-13.578126l-53.417969-29.335937c-3.898437-2.140625-8.742187-1.449219-11.882812 1.695313l-54 54-54-54c-3.144531-3.144532-7.988281-3.832032-11.882812-1.695313l-184.929688 101.546875c-2.757812 1.515625-4.644531 4.238281-5.085938 7.355469-.445312 3.113281.601563 6.257812 2.828126 8.480469l53.996093 53.996093-53.996093 53.992188c-2.226563 2.226562-3.273438 5.367187-2.828126 8.484375.441407 3.113281 2.328126 5.839844 5.085938 7.351562l55.882812 30.6875v102.570313c0 3.652343 1.988282 7.011719 5.1875 8.769531l184.929688 101.542969c1.5.824219 3.15625 1.234375 4.8125 1.234375s3.3125-.410156 4.8125-1.234375l184.929688-101.542969c3.199218-1.757812 5.1875-5.117188 5.1875-8.769531v-102.570313l55.882812-30.683594c2.757812-1.515624 4.644531-4.242187 5.085938-7.355468.445312-3.113282-.601563-6.257813-2.828126-8.480469zm-199.074219 90.132813-164.152344-90.136719 164.152344-90.140625 164.152344 90.140625zm-62.832031-240.367188 46.332031 46.335938-166.667969 91.519531-46.335937-46.335937zm-120.328125 162.609375 166.667968 91.519531-46.339843 46.339844-166.671875-91.519531zm358.089844 184.796875-164.929688 90.5625v-102.222656c0-5.523438-4.476562-10-10-10s-10 4.476562-10 10v102.222656l-164.929688-90.5625v-85.671875l109.046876 59.878907c1.511718.828124 3.167968 1.234374 4.808593 1.234374 2.589844 0 5.152344-1.007812 7.074219-2.929687l54-54 54 54c1.921875 1.925781 4.484375 2.929687 7.074219 2.929687 1.640625 0 3.296875-.40625 4.808593-1.234374l109.046876-59.878907zm-112.09375-46.9375-46.339844-46.34375 166.667968-91.515625 46.34375 46.335938zm0 0"/>
|
|
242
|
+
<path d="m404.800781 68.175781c2.628907 0 5.199219-1.070312 7.070313-2.933593 1.859375-1.859376 2.929687-4.4375 2.929687-7.066407 0-2.632812-1.070312-5.210937-2.929687-7.070312-1.859375-1.863281-4.441406-2.929688-7.070313-2.929688-2.640625 0-5.210937 1.066407-7.070312 2.929688-1.871094 1.859375-2.929688 4.4375-2.929688 7.070312 0 2.628907 1.058594 5.207031 2.929688 7.066407 1.859375 1.863281 4.441406 2.933593 7.070312 2.933593zm0 0"/>
|
|
243
|
+
<path d="m256 314.925781c-2.628906 0-5.210938 1.066407-7.070312 2.929688-1.859376 1.867187-2.929688 4.4375-2.929688 7.070312 0 2.636719 1.070312 5.207031 2.929688 7.078125 1.859374 1.859375 4.441406 2.921875 7.070312 2.921875s5.210938-1.0625 7.070312-2.921875c1.859376-1.871094 2.929688-4.441406 2.929688-7.078125 0-2.632812-1.070312-5.203125-2.929688-7.070312-1.859374-1.863281-4.441406-2.929688-7.070312-2.929688zm0 0"/>
|
|
244
|
+
</svg>
|
|
247
245
|
</div>
|
|
248
|
-
<div data-monster-
|
|
249
|
-
|
|
250
|
-
</ul>
|
|
246
|
+
<div part="content" data-monster-replace="path:labels.nothingToReport">
|
|
247
|
+
There is nothing to report yet.
|
|
251
248
|
</div>
|
|
252
|
-
</
|
|
249
|
+
</monster-state>
|
|
250
|
+
</div>
|
|
251
|
+
<div data-monster-role="entries">
|
|
252
|
+
<ul data-monster-insert="entry path:entries">
|
|
253
|
+
</ul>
|
|
254
|
+
</div>
|
|
255
|
+
</div>
|
|
253
256
|
`;
|
|
254
257
|
}
|
|
255
258
|
|
|
@@ -8,21 +8,16 @@
|
|
|
8
8
|
@import "../../style/mixin/hover.pcss";
|
|
9
9
|
|
|
10
10
|
[data-monster-role=entries] {
|
|
11
|
-
|
|
12
|
-
padding: 10px 0 40px 60px;
|
|
11
|
+
|
|
13
12
|
|
|
14
13
|
& ul {
|
|
15
14
|
list-style-type: none;
|
|
16
15
|
margin: 0;
|
|
17
|
-
padding: 0;
|
|
16
|
+
padding: 0 0 0 1.8rem;
|
|
18
17
|
position: relative;
|
|
19
18
|
top: 0
|
|
20
19
|
}
|
|
21
20
|
|
|
22
|
-
& ul:last-of-type {
|
|
23
|
-
top: 2rem;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
21
|
& ul:before {
|
|
27
22
|
content: "";
|
|
28
23
|
display: block;
|
|
@@ -31,81 +26,37 @@
|
|
|
31
26
|
border: 1px dashed var(--monster-color-primary-2);
|
|
32
27
|
position: absolute;
|
|
33
28
|
top: 0;
|
|
34
|
-
left:
|
|
29
|
+
left: 1rem;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.title {
|
|
33
|
+
font-weight: bold;
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
& ul li {
|
|
38
|
-
margin:
|
|
37
|
+
margin: 0;
|
|
39
38
|
position: relative;
|
|
40
|
-
padding:
|
|
41
|
-
color: var(--monster-color-primary-
|
|
42
|
-
background-color: var(--monster-bg-color-primary-
|
|
39
|
+
padding: 0.1rem 0.3rem;
|
|
40
|
+
color: var(--monster-color-primary-1);
|
|
41
|
+
background-color: var(--monster-bg-color-primary-1);
|
|
43
42
|
border-radius: 5px;
|
|
44
43
|
}
|
|
45
44
|
|
|
46
45
|
|
|
47
|
-
& ul li
|
|
48
|
-
content: "";
|
|
49
|
-
display: block;
|
|
50
|
-
width: 0;
|
|
51
|
-
height: 100%;
|
|
52
|
-
border: 1px solid var(--monster-color-primary-2);
|
|
53
|
-
position: absolute;
|
|
54
|
-
top: 0;
|
|
55
|
-
left: -30px
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
& ul li > span:before, & ul li > span:after {
|
|
46
|
+
& ul li:before {
|
|
59
47
|
content: "";
|
|
60
48
|
display: block;
|
|
61
|
-
width:
|
|
62
|
-
height:
|
|
49
|
+
width: 5px;
|
|
50
|
+
height: 5px;
|
|
63
51
|
border-radius: 50%;
|
|
64
|
-
background: var(--monster-bg-color-primary-
|
|
65
|
-
border:
|
|
66
|
-
position: absolute;
|
|
67
|
-
left: -7.5px
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
& ul li > span:before {
|
|
71
|
-
top: -10px
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
& ul li > span:after {
|
|
75
|
-
top: 95%
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
& .title {
|
|
79
|
-
text-transform: uppercase;
|
|
80
|
-
margin-bottom: 5px
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
& .message:first-letter {
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
& .user {
|
|
87
|
-
margin-top: 10px;
|
|
88
|
-
font-style: italic;
|
|
89
|
-
text-align: right;
|
|
90
|
-
margin-right: 20px;
|
|
91
|
-
font-size: 0.8rem;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
& .datetime span {
|
|
52
|
+
background: var(--monster-bg-color-primary-3);
|
|
53
|
+
border: 1px solid var(--monster-color-primary-2);
|
|
95
54
|
position: absolute;
|
|
96
|
-
left: -
|
|
97
|
-
|
|
98
|
-
background-color: var(--monster-bg-color-primary-1);
|
|
99
|
-
font-size: 0.5rem;
|
|
55
|
+
left: -0.9rem;
|
|
56
|
+
top: 0.6rem;
|
|
100
57
|
}
|
|
101
58
|
|
|
102
|
-
& .datetime span:first-child {
|
|
103
|
-
top: -16px
|
|
104
|
-
}
|
|
105
59
|
|
|
106
|
-
& .datetime span:last-child {
|
|
107
|
-
top: 94%
|
|
108
|
-
}
|
|
109
60
|
|
|
110
61
|
|
|
111
62
|
}
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
* For more information about purchasing a commercial license, please contact schukai GmbH.
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
13
|
+
import {addAttributeToken} from "../../../dom/attributes.mjs";
|
|
14
|
+
import {ATTRIBUTE_ERRORMESSAGE} from "../../../dom/constants.mjs";
|
|
15
15
|
|
|
16
|
-
export {
|
|
16
|
+
export {LogStyleSheet}
|
|
17
17
|
|
|
18
18
|
/**
|
|
19
19
|
* @private
|
|
@@ -22,17 +22,10 @@ export { LogStyleSheet };
|
|
|
22
22
|
const LogStyleSheet = new CSSStyleSheet();
|
|
23
23
|
|
|
24
24
|
try {
|
|
25
|
-
|
|
26
|
-
`
|
|
25
|
+
LogStyleSheet.insertRule(`
|
|
27
26
|
@layer log {
|
|
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}.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)}.monster-border-0{border-radius:0;border-style:none;border-width:0}.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)}.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)}.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)}[data-monster-role=entries]
|
|
29
|
-
}`,
|
|
30
|
-
0,
|
|
31
|
-
);
|
|
27
|
+
[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}.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)}.monster-border-0{border-radius:0;border-style:none;border-width:0}.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)}.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)}.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)}[data-monster-role=entries] ul{list-style-type:none;margin:0;padding:0 0 0 1.8rem;position:relative;top:0}[data-monster-role=entries] ul:before{border:1px dashed var(--monster-color-primary-2);content:\"\";display:block;height:100%;left:1rem;position:absolute;top:0;width:0}[data-monster-role=entries] .title{font-weight:700}[data-monster-role=entries] ul li{background-color:var(--monster-bg-color-primary-1);border-radius:5px;color:var(--monster-color-primary-1);margin:0;padding:.1rem .3rem;position:relative}[data-monster-role=entries] ul li:before{background:var(--monster-bg-color-primary-3);border:1px solid var(--monster-color-primary-2);border-radius:50%;content:\"\";display:block;height:5px;left:-.9rem;position:absolute;top:.6rem;width:5px}
|
|
28
|
+
}`, 0);
|
|
32
29
|
} catch (e) {
|
|
33
|
-
|
|
34
|
-
document.getRootNode().querySelector("html"),
|
|
35
|
-
ATTRIBUTE_ERRORMESSAGE,
|
|
36
|
-
e + "",
|
|
37
|
-
);
|
|
30
|
+
addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
|
|
38
31
|
}
|