@schukai/monster 3.92.2 → 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.
Files changed (17) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/package.json +1 -1
  3. package/source/components/datatable/datasource/rest.mjs +17 -0
  4. package/source/components/form/select.mjs +5 -2
  5. package/source/components/navigation/table-of-content.mjs +1 -1
  6. package/source/components/notify/message.mjs +12 -56
  7. package/source/components/notify/notify.mjs +22 -76
  8. package/source/components/notify/style/notify.pcss +11 -6
  9. package/source/components/notify/stylesheet/notify.mjs +7 -14
  10. package/source/components/state/log/entry.mjs +4 -4
  11. package/source/components/state/log.mjs +46 -43
  12. package/source/components/state/style/log.pcss +18 -67
  13. package/source/components/state/stylesheet/log.mjs +7 -14
  14. package/source/data/transformer.mjs +806 -789
  15. package/source/dom/updater.mjs +767 -767
  16. package/source/i18n/time-ago.mjs +671 -0
  17. package/test/cases/i18n/time-ago.mjs +33 -0
package/source/components/state/style/log.pcss CHANGED
@@ -8,21 +8,16 @@
8
8
  @import "../../style/mixin/hover.pcss";
9
9
 
10
10
  [data-monster-role=entries] {
11
- overflow: hidden;
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: 30px
29
+ left: 1rem;
30
+ }
31
+
32
+ .title {
33
+ font-weight: bold;
35
34
  }
36
35
 
37
36
  & ul li {
38
- margin: 20px 60px 60px;
37
+ margin: 0;
39
38
  position: relative;
40
- padding: 10px 20px;
41
- color: var(--monster-color-primary-2);
42
- background-color: var(--monster-bg-color-primary-2);
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 > span {
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: 10px;
62
- height: 10px;
49
+ width: 5px;
50
+ height: 5px;
63
51
  border-radius: 50%;
64
- background: var(--monster-bg-color-primary-2);
65
- border: 2px solid var(--monster-color-primary-2);
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: -100px;
97
- color: var(--monster-color-primary-1);
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
  }
package/source/components/state/stylesheet/log.mjs CHANGED
@@ -10,10 +10,10 @@
10
10
  * For more information about purchasing a commercial license, please contact schukai GmbH.
11
11
  */
12
12
 
13
- import { addAttributeToken } from "../../../dom/attributes.mjs";
14
- import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs";
13
+ import {addAttributeToken} from "../../../dom/attributes.mjs";
14
+ import {ATTRIBUTE_ERRORMESSAGE} from "../../../dom/constants.mjs";
15
15
 
16
- export { LogStyleSheet };
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
- LogStyleSheet.insertRule(
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]{overflow:hidden;padding:10px 0 40px 60px}[data-monster-role=entries] ul{list-style-type:none;margin:0;padding:0;position:relative;top:0}[data-monster-role=entries] ul:last-of-type{top:2rem}[data-monster-role=entries] ul:before{border:1px dashed var(--monster-color-primary-2);content:\"\";display:block;height:100%;left:30px;position:absolute;top:0;width:0}[data-monster-role=entries] ul li{background-color:var(--monster-bg-color-primary-2);border-radius:5px;color:var(--monster-color-primary-2);margin:20px 60px 60px;padding:10px 20px;position:relative}[data-monster-role=entries] ul li>span{border:1px solid var(--monster-color-primary-2);content:\"\";display:block;height:100%;left:-30px;position:absolute;top:0;width:0}[data-monster-role=entries] ul li>span:after,[data-monster-role=entries] ul li>span:before{background:var(--monster-bg-color-primary-2);border:2px solid var(--monster-color-primary-2);border-radius:50%;content:\"\";display:block;height:10px;left:-7.5px;position:absolute;width:10px}[data-monster-role=entries] ul li>span:before{top:-10px}[data-monster-role=entries] ul li>span:after{top:95%}[data-monster-role=entries] .title{margin-bottom:5px;text-transform:uppercase}[data-monster-role=entries] .user{font-size:.8rem;font-style:italic;margin-right:20px;margin-top:10px;text-align:right}[data-monster-role=entries] .datetime span{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);font-size:.5rem;left:-100px;position:absolute}[data-monster-role=entries] .datetime span:first-child{top:-16px}[data-monster-role=entries] .datetime span:last-child{top:94%}
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
- addAttributeToken(
34
- document.getRootNode().querySelector("html"),
35
- ATTRIBUTE_ERRORMESSAGE,
36
- e + "",
37
- );
30
+ addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
38
31
  }