@schukai/monster 4.38.1 → 4.38.3
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 +16 -0
- package/package.json +1 -1
- package/source/components/data/kpi-tile.mjs +55 -55
- package/source/components/datatable/save-button.mjs +331 -328
- package/source/components/datatable/style/filter-button.pcss +2 -0
- package/source/components/datatable/stylesheet/filter-button.mjs +1 -1
- package/source/components/form/toggle-switch.mjs +359 -359
- package/source/components/tree-menu/tree-menu.mjs +446 -446
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.2","@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":"4.38.
|
1
|
+
{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.2","@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":"4.38.3"}
|
@@ -14,8 +14,8 @@ import { instanceSymbol } from "../../constants.mjs";
|
|
14
14
|
import { ATTRIBUTE_ROLE } from "../../dom/constants.mjs";
|
15
15
|
import { CustomElement } from "../../dom/customelement.mjs";
|
16
16
|
import {
|
17
|
-
|
18
|
-
|
17
|
+
assembleMethodSymbol,
|
18
|
+
registerCustomElement,
|
19
19
|
} from "../../dom/customelement.mjs";
|
20
20
|
import { KpiTileStyleSheet } from "./stylesheet/kpi-tile.mjs";
|
21
21
|
|
@@ -34,62 +34,62 @@ export { KpiTile };
|
|
34
34
|
* @summary A KPI Tile Control that displays key performance indicators in a tile format.
|
35
35
|
*/
|
36
36
|
class KpiTile extends CustomElement {
|
37
|
-
|
38
|
-
|
39
|
-
|
37
|
+
static get [instanceSymbol]() {
|
38
|
+
return Symbol.for("@schukai/monster/components/data/kpi/tile@@instance");
|
39
|
+
}
|
40
40
|
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
41
|
+
/**
|
42
|
+
* @returns {symbol}
|
43
|
+
* @summary Returns the instance symbol for the KPI Tile control.
|
44
|
+
*/
|
45
|
+
[assembleMethodSymbol]() {
|
46
|
+
super[assembleMethodSymbol]();
|
47
|
+
return this;
|
48
|
+
}
|
49
49
|
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
50
|
+
/**
|
51
|
+
* To set the option via the HTML Tag use the attribute `data-monster-options-`
|
52
|
+
* with the name of the option.
|
53
|
+
*
|
54
|
+
* @property {Object} templates
|
55
|
+
* @property {string} templates.main The main template for the KPI Tile control.
|
56
|
+
* @property {Object} values
|
57
|
+
* @property {string} values.main The main value displayed in the tile.
|
58
|
+
* @property {string} values.small The small value displayed in the tile.
|
59
|
+
* @property {string} values.top The top value displayed in the tile.
|
60
|
+
* @property {string} values.bottom The bottom value displayed in the tile.
|
61
|
+
* @returns {Object}
|
62
|
+
* @summary Returns the default options for the KPI Tile control.
|
63
|
+
*/
|
64
|
+
get defaults() {
|
65
|
+
return Object.assign({}, super.defaults, {
|
66
|
+
templates: {
|
67
|
+
main: getTemplate(),
|
68
|
+
},
|
69
|
+
values: {
|
70
|
+
main: null,
|
71
|
+
small: null,
|
72
|
+
top: null,
|
73
|
+
bottom: null,
|
74
|
+
},
|
75
|
+
});
|
76
|
+
}
|
77
77
|
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
78
|
+
/**
|
79
|
+
* @returns {string}
|
80
|
+
* @summary Returns the role of the control.
|
81
|
+
*/
|
82
|
+
static getTag() {
|
83
|
+
return "monster-kpi-tile";
|
84
|
+
}
|
85
85
|
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
86
|
+
/**
|
87
|
+
* @returns {string}
|
88
|
+
* @summary Returns the role of the control.
|
89
|
+
*/
|
90
|
+
static getCSSStyleSheet() {
|
91
|
+
return [KpiTileStyleSheet];
|
92
|
+
}
|
93
93
|
}
|
94
94
|
|
95
95
|
/**
|
@@ -98,7 +98,7 @@ class KpiTile extends CustomElement {
|
|
98
98
|
* @summary Returns the template for the KPI Tile control.
|
99
99
|
*/
|
100
100
|
function getTemplate() {
|
101
|
-
|
101
|
+
return `
|
102
102
|
<div data-monster-role="control" part="control">
|
103
103
|
<div class="top" data-monster-role="top" part="top" data-monster-replace="path:values.top">—</div>
|
104
104
|
<div data-monster-role="main" part="main" data-monster-replace="path:values.main">—</div>
|