@schukai/monster 3.63.3 → 3.64.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.
- package/CHANGELOG.md +25 -0
- package/package.json +1 -1
- package/source/components/datatable/stylesheet/change-button.mjs +8 -4
- package/source/components/datatable/stylesheet/column-bar.mjs +8 -4
- package/source/components/datatable/stylesheet/dataset.mjs +8 -4
- package/source/components/datatable/stylesheet/datasource.mjs +8 -4
- package/source/components/datatable/stylesheet/datatable.mjs +8 -4
- package/source/components/datatable/stylesheet/embedded-pagination.mjs +8 -4
- package/source/components/datatable/stylesheet/filter-button.mjs +8 -4
- package/source/components/datatable/stylesheet/filter-controls-defaults.mjs +8 -4
- package/source/components/datatable/stylesheet/filter-date-range.mjs +8 -4
- package/source/components/datatable/stylesheet/filter-range.mjs +8 -4
- package/source/components/datatable/stylesheet/filter.mjs +8 -4
- package/source/components/datatable/stylesheet/pagination.mjs +8 -4
- package/source/components/datatable/stylesheet/save-button.mjs +8 -4
- package/source/components/datatable/stylesheet/select-filter.mjs +8 -4
- package/source/components/datatable/stylesheet/status.mjs +8 -4
- package/source/components/form/stylesheet/action-button.mjs +8 -4
- package/source/components/form/stylesheet/api-button.mjs +8 -4
- package/source/components/form/stylesheet/button-bar.mjs +8 -4
- package/source/components/form/stylesheet/button.mjs +8 -4
- package/source/components/form/stylesheet/confirm-button.mjs +8 -4
- package/source/components/form/stylesheet/context-error.mjs +8 -4
- package/source/components/form/stylesheet/context-help.mjs +8 -4
- package/source/components/form/stylesheet/form-field.mjs +8 -4
- package/source/components/form/stylesheet/form.mjs +8 -4
- package/source/components/form/stylesheet/message-state-button.mjs +8 -4
- package/source/components/form/stylesheet/popper-button.mjs +8 -4
- package/source/components/form/stylesheet/popper.mjs +8 -4
- package/source/components/form/stylesheet/select.mjs +8 -4
- package/source/components/form/stylesheet/state-button.mjs +8 -4
- package/source/components/form/stylesheet/toggle-switch.mjs +8 -4
- package/source/components/form/stylesheet/tree-select.mjs +8 -4
- package/source/components/host/stylesheet/call-button.mjs +8 -4
- package/source/components/host/stylesheet/collapse.mjs +8 -4
- package/source/components/host/stylesheet/config-manager.mjs +8 -4
- package/source/components/host/stylesheet/details.mjs +8 -4
- package/source/components/host/stylesheet/host.mjs +8 -4
- package/source/components/host/stylesheet/overlay.mjs +8 -4
- package/source/components/host/stylesheet/toggle-button.mjs +8 -4
- package/source/components/host/stylesheet/viewer.mjs +8 -4
- package/source/components/layout/panel.mjs +277 -0
- package/source/components/layout/{split-screen.mjs → split-panel.mjs} +77 -64
- package/source/components/layout/style/panel.pcss +38 -0
- package/source/components/layout/style/{split-screen.pcss → split-panel.pcss} +1 -1
- package/source/components/layout/stylesheet/panel.mjs +31 -0
- package/source/components/layout/stylesheet/split-panel.mjs +31 -0
- package/source/components/layout/stylesheet/tabs.mjs +8 -4
- package/source/components/layout/stylesheet/width-toggle.mjs +8 -4
- package/source/components/notify/stylesheet/message.mjs +8 -4
- package/source/components/notify/stylesheet/notify.mjs +8 -4
- package/source/components/state/stylesheet/log.mjs +8 -4
- package/source/components/state/stylesheet/state.mjs +8 -4
- package/source/components/stylesheet/badge.mjs +8 -4
- package/source/components/stylesheet/border.mjs +8 -4
- package/source/components/stylesheet/button.mjs +8 -4
- package/source/components/stylesheet/card.mjs +8 -4
- package/source/components/stylesheet/color.mjs +8 -4
- package/source/components/stylesheet/common.mjs +8 -4
- package/source/components/stylesheet/control.mjs +8 -4
- package/source/components/stylesheet/data-grid.mjs +8 -4
- package/source/components/stylesheet/display.mjs +8 -4
- package/source/components/stylesheet/floating-ui.mjs +8 -4
- package/source/components/stylesheet/form.mjs +8 -4
- package/source/components/stylesheet/host.mjs +8 -4
- package/source/components/stylesheet/icons.mjs +8 -4
- package/source/components/stylesheet/link.mjs +8 -4
- package/source/components/stylesheet/mixin/badge.mjs +31 -0
- package/source/components/stylesheet/mixin/button.mjs +31 -0
- package/source/components/stylesheet/mixin/form.mjs +31 -0
- package/source/components/stylesheet/mixin/hover.mjs +31 -0
- package/source/components/stylesheet/mixin/icon.mjs +31 -0
- package/source/components/stylesheet/mixin/media.mjs +31 -0
- package/source/components/stylesheet/mixin/property.mjs +31 -0
- package/source/components/stylesheet/mixin/skeleton.mjs +31 -0
- package/source/components/stylesheet/mixin/spinner.mjs +31 -0
- package/source/components/stylesheet/mixin/typography.mjs +31 -0
- package/source/components/stylesheet/normalize.mjs +8 -4
- package/source/components/stylesheet/popper.mjs +8 -4
- package/source/components/stylesheet/property.mjs +8 -4
- package/source/components/stylesheet/ripple.mjs +8 -4
- package/source/components/stylesheet/skeleton.mjs +8 -4
- package/source/components/stylesheet/space.mjs +8 -4
- package/source/components/stylesheet/spinner.mjs +8 -4
- package/source/components/stylesheet/table.mjs +8 -4
- package/source/components/stylesheet/theme.mjs +8 -4
- package/source/components/stylesheet/typography.mjs +8 -4
- package/source/components/tree-menu/stylesheet/tree-menu.mjs +8 -4
- package/source/monster.mjs +26 -10
- package/source/types/version.mjs +1 -1
- package/test/cases/components/layout/{slit-screen.mjs → panel.mjs} +5 -5
- package/test/cases/components/layout/slit-panel.mjs +83 -0
- package/test/cases/monster.mjs +1 -1
- package/test/web/tests.js +1 -1
- package/source/components/layout/stylesheet/split-screen.mjs +0 -27
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
|
|
2
1
|
/**
|
|
3
|
-
* Copyright schukai GmbH and
|
|
2
|
+
* Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
|
|
4
3
|
* Node module: @schukai/monster
|
|
5
|
-
*
|
|
6
|
-
*
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
|
|
6
|
+
* The full text of the license can be found at: https://www.gnu.org/licenses/agpl-3.0.en.html
|
|
7
|
+
*
|
|
8
|
+
* For those who do not wish to adhere to the AGPLv3, a commercial license is available.
|
|
9
|
+
* Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
|
|
10
|
+
* For more information about purchasing a commercial license, please contact schukai GmbH.
|
|
7
11
|
*/
|
|
8
12
|
|
|
9
13
|
import {addAttributeToken} from "../../dom/attributes.mjs";
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
|
|
2
1
|
/**
|
|
3
|
-
* Copyright schukai GmbH and
|
|
2
|
+
* Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
|
|
4
3
|
* Node module: @schukai/monster
|
|
5
|
-
*
|
|
6
|
-
*
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
|
|
6
|
+
* The full text of the license can be found at: https://www.gnu.org/licenses/agpl-3.0.en.html
|
|
7
|
+
*
|
|
8
|
+
* For those who do not wish to adhere to the AGPLv3, a commercial license is available.
|
|
9
|
+
* Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
|
|
10
|
+
* For more information about purchasing a commercial license, please contact schukai GmbH.
|
|
7
11
|
*/
|
|
8
12
|
|
|
9
13
|
import {addAttributeToken} from "../../dom/attributes.mjs";
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
|
|
2
1
|
/**
|
|
3
|
-
* Copyright schukai GmbH and
|
|
2
|
+
* Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
|
|
4
3
|
* Node module: @schukai/monster
|
|
5
|
-
*
|
|
6
|
-
*
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
|
|
6
|
+
* The full text of the license can be found at: https://www.gnu.org/licenses/agpl-3.0.en.html
|
|
7
|
+
*
|
|
8
|
+
* For those who do not wish to adhere to the AGPLv3, a commercial license is available.
|
|
9
|
+
* Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
|
|
10
|
+
* For more information about purchasing a commercial license, please contact schukai GmbH.
|
|
7
11
|
*/
|
|
8
12
|
|
|
9
13
|
import {addAttributeToken} from "../../dom/attributes.mjs";
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
|
|
2
1
|
/**
|
|
3
|
-
* Copyright schukai GmbH and
|
|
2
|
+
* Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
|
|
4
3
|
* Node module: @schukai/monster
|
|
5
|
-
*
|
|
6
|
-
*
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
|
|
6
|
+
* The full text of the license can be found at: https://www.gnu.org/licenses/agpl-3.0.en.html
|
|
7
|
+
*
|
|
8
|
+
* For those who do not wish to adhere to the AGPLv3, a commercial license is available.
|
|
9
|
+
* Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
|
|
10
|
+
* For more information about purchasing a commercial license, please contact schukai GmbH.
|
|
7
11
|
*/
|
|
8
12
|
|
|
9
13
|
import {addAttributeToken} from "../../../dom/attributes.mjs";
|
package/source/monster.mjs
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
|
|
2
1
|
/**
|
|
3
|
-
* Copyright schukai GmbH and
|
|
2
|
+
* Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
|
|
4
3
|
* Node module: @schukai/monster
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
|
|
6
|
+
* The full text of the license can be found at: https://www.gnu.org/licenses/agpl-3.0.en.html
|
|
7
|
+
*
|
|
8
|
+
* For those who do not wish to adhere to the AGPLv3, a commercial license is available.
|
|
9
|
+
* Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
|
|
10
|
+
* For more information about purchasing a commercial license, please contact schukai GmbH.
|
|
8
11
|
*/
|
|
9
12
|
|
|
10
|
-
|
|
13
|
+
// THIS FILE IS AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.
|
|
11
14
|
|
|
12
15
|
/**
|
|
13
16
|
* Main namespace for Monster.
|
|
@@ -15,11 +18,14 @@
|
|
|
15
18
|
* @namespace Monster
|
|
16
19
|
* @author schukai GmbH
|
|
17
20
|
*/
|
|
18
|
-
|
|
19
21
|
export * from "./components/layout/tabs.mjs";
|
|
20
|
-
export * from "./components/layout/split-
|
|
22
|
+
export * from "./components/layout/split-panel.mjs";
|
|
23
|
+
export * from "./components/layout/width-toggle.mjs";
|
|
24
|
+
export * from "./components/layout/panel.mjs";
|
|
21
25
|
export * from "./components/layout/stylesheet/tabs.mjs";
|
|
22
|
-
export * from "./components/layout/stylesheet/split-
|
|
26
|
+
export * from "./components/layout/stylesheet/split-panel.mjs";
|
|
27
|
+
export * from "./components/layout/stylesheet/width-toggle.mjs";
|
|
28
|
+
export * from "./components/layout/stylesheet/panel.mjs";
|
|
23
29
|
export * from "./components/form/message-state-button.mjs";
|
|
24
30
|
export * from "./components/form/button-bar.mjs";
|
|
25
31
|
export * from "./components/form/reload.mjs";
|
|
@@ -132,6 +138,16 @@ export * from "./components/constants.mjs";
|
|
|
132
138
|
export * from "./components/stylesheet/host.mjs";
|
|
133
139
|
export * from "./components/stylesheet/badge.mjs";
|
|
134
140
|
export * from "./components/stylesheet/border.mjs";
|
|
141
|
+
export * from "./components/stylesheet/mixin/hover.mjs";
|
|
142
|
+
export * from "./components/stylesheet/mixin/badge.mjs";
|
|
143
|
+
export * from "./components/stylesheet/mixin/spinner.mjs";
|
|
144
|
+
export * from "./components/stylesheet/mixin/property.mjs";
|
|
145
|
+
export * from "./components/stylesheet/mixin/form.mjs";
|
|
146
|
+
export * from "./components/stylesheet/mixin/skeleton.mjs";
|
|
147
|
+
export * from "./components/stylesheet/mixin/typography.mjs";
|
|
148
|
+
export * from "./components/stylesheet/mixin/media.mjs";
|
|
149
|
+
export * from "./components/stylesheet/mixin/button.mjs";
|
|
150
|
+
export * from "./components/stylesheet/mixin/icon.mjs";
|
|
135
151
|
export * from "./components/stylesheet/spinner.mjs";
|
|
136
152
|
export * from "./components/stylesheet/control.mjs";
|
|
137
153
|
export * from "./components/stylesheet/card.mjs";
|
|
@@ -261,7 +277,7 @@ export { Monster };
|
|
|
261
277
|
/**
|
|
262
278
|
* This class has no other purpose than to exist.
|
|
263
279
|
*
|
|
264
|
-
* @license AGPLv3
|
|
280
|
+
* @license AGPLv3 or commercial license
|
|
265
281
|
* @since 2.0.0
|
|
266
282
|
* @copyright schukai GmbH
|
|
267
283
|
* @memberOf Monster
|
package/source/types/version.mjs
CHANGED
|
@@ -11,9 +11,9 @@ const global = getGlobal();
|
|
|
11
11
|
|
|
12
12
|
// language=html
|
|
13
13
|
let html1 = `
|
|
14
|
-
<monster-
|
|
14
|
+
<monster-panel id="my-panel">
|
|
15
15
|
|
|
16
|
-
</monster-
|
|
16
|
+
</monster-panel>
|
|
17
17
|
`;
|
|
18
18
|
|
|
19
19
|
let SplitScreen;
|
|
@@ -34,8 +34,8 @@ describe('SplitScreen', function () {
|
|
|
34
34
|
}));
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
promises.push(import("../../../../source/components/layout/
|
|
38
|
-
SplitScreen = m['
|
|
37
|
+
promises.push(import("../../../../source/components/layout/panel.mjs").then((m) => {
|
|
38
|
+
SplitScreen = m['Panel'];
|
|
39
39
|
}))
|
|
40
40
|
|
|
41
41
|
Promise.all(promises).then(()=>{
|
|
@@ -59,7 +59,7 @@ describe('SplitScreen', function () {
|
|
|
59
59
|
|
|
60
60
|
setTimeout(() => {
|
|
61
61
|
try {
|
|
62
|
-
const SplitScreen = document.getElementById('my-
|
|
62
|
+
const SplitScreen = document.getElementById('my-panel')
|
|
63
63
|
expect(SplitScreen).is.instanceof(HTMLElement);
|
|
64
64
|
|
|
65
65
|
setTimeout(() => {
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import {getGlobal} from "../../../../source/types/global.mjs";
|
|
2
|
+
import chai from "chai"
|
|
3
|
+
import {chaiDom} from "../../../util/chai-dom.mjs";
|
|
4
|
+
import {initJSDOM} from "../../../util/jsdom.mjs";
|
|
5
|
+
|
|
6
|
+
let expect = chai.expect;
|
|
7
|
+
chai.use(chaiDom);
|
|
8
|
+
|
|
9
|
+
const global = getGlobal();
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
// language=html
|
|
13
|
+
let html1 = `
|
|
14
|
+
<monster-split-panel id="my-split-panel">
|
|
15
|
+
|
|
16
|
+
</monster-split-panel>
|
|
17
|
+
`;
|
|
18
|
+
|
|
19
|
+
let SplitScreen;
|
|
20
|
+
|
|
21
|
+
describe('SplitScreen', function () {
|
|
22
|
+
|
|
23
|
+
before(function (done) {
|
|
24
|
+
initJSDOM().then(() => {
|
|
25
|
+
|
|
26
|
+
import("element-internals-polyfill").catch(e => done(e));
|
|
27
|
+
|
|
28
|
+
let promises = []
|
|
29
|
+
|
|
30
|
+
if (!global['crypto']) {
|
|
31
|
+
promises.push(import("@peculiar/webcrypto").then((m) => {
|
|
32
|
+
const Crypto = m['Crypto'];
|
|
33
|
+
global['crypto'] = new Crypto();
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
promises.push(import("../../../../source/components/layout/split-panel.mjs").then((m) => {
|
|
38
|
+
SplitScreen = m['SplitPanel'];
|
|
39
|
+
}))
|
|
40
|
+
|
|
41
|
+
Promise.all(promises).then(()=>{
|
|
42
|
+
done();
|
|
43
|
+
}).catch(e => done(e))
|
|
44
|
+
|
|
45
|
+
});
|
|
46
|
+
})
|
|
47
|
+
|
|
48
|
+
describe('document.createElement()', function () {
|
|
49
|
+
|
|
50
|
+
afterEach(() => {
|
|
51
|
+
let mocks = document.getElementById('mocks');
|
|
52
|
+
mocks.innerHTML = "";
|
|
53
|
+
})
|
|
54
|
+
|
|
55
|
+
it('should have buttons and SplitScreen', function (done) {
|
|
56
|
+
|
|
57
|
+
let mocks = document.getElementById('mocks');
|
|
58
|
+
mocks.innerHTML = html1;
|
|
59
|
+
|
|
60
|
+
setTimeout(() => {
|
|
61
|
+
try {
|
|
62
|
+
const SplitScreen = document.getElementById('my-split-panel')
|
|
63
|
+
expect(SplitScreen).is.instanceof(HTMLElement);
|
|
64
|
+
|
|
65
|
+
setTimeout(() => {
|
|
66
|
+
let div = SplitScreen.shadowRoot.querySelector('div');
|
|
67
|
+
expect(div.hasChildNodes()).to.be.true;
|
|
68
|
+
done();
|
|
69
|
+
}, 100)
|
|
70
|
+
|
|
71
|
+
} catch (e) {
|
|
72
|
+
return done(e);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
}, 0)
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
});
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
});
|
package/test/cases/monster.mjs
CHANGED
package/test/web/tests.js
CHANGED
|
@@ -35855,7 +35855,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h
|
|
|
35855
35855
|
}));
|
|
35856
35856
|
}
|
|
35857
35857
|
promises.push(Promise.resolve().then(() => (init_split_screen2(), split_screen_exports)).then((m) => {
|
|
35858
|
-
SplitScreen2 = m["
|
|
35858
|
+
SplitScreen2 = m["SplitPanel"];
|
|
35859
35859
|
}));
|
|
35860
35860
|
Promise.all(promises).then(() => {
|
|
35861
35861
|
done();
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* Copyright schukai GmbH and contributors 2024. All Rights Reserved.
|
|
4
|
-
* Node module: @schukai/monster
|
|
5
|
-
* This file is licensed under the AGPLv3 License.
|
|
6
|
-
* License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
import {addAttributeToken} from "../../../dom/attributes.mjs";
|
|
10
|
-
import {ATTRIBUTE_ERRORMESSAGE} from "../../../dom/constants.mjs";
|
|
11
|
-
|
|
12
|
-
export {SplitScreenStyleSheet}
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* @private
|
|
16
|
-
* @type {CSSStyleSheet}
|
|
17
|
-
*/
|
|
18
|
-
const SplitScreenStyleSheet = new CSSStyleSheet();
|
|
19
|
-
|
|
20
|
-
try {
|
|
21
|
-
SplitScreenStyleSheet.insertRule(`
|
|
22
|
-
@layer splitscreen {
|
|
23
|
-
[data-monster-role=split-screen]{box-sizing:border-box;display:flex;flex-direction:row;height:auto;margin:0;padding:0;width:100%}[data-monster-role=split-screen] .panel{flex-grow:1;overflow:auto}[data-monster-role=split-screen] [data-monster-role=dragger]{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4);height:auto;position:relative;width:var(--monster-dragger-width)}[data-monster-role=split-screen] [data-monster-role=dragger] [data-monster-role=handle]{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3);cursor:pointer;height:var(--monster-dragger-handle-height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--monster-dragger-handle-width);z-index:var(--monster-z-index-outline)}.horizontal[data-monster-role=split-screen]{flex-direction:column}.horizontal[data-monster-role=split-screen] [data-monster-role=dragger]{height:var(--monster-dragger-width);width:100%}.horizontal[data-monster-role=split-screen] [data-monster-role=dragger] [data-monster-role=handle]{height:var(--monster-dragger-handle-width);width:var(--monster-dragger-handle-height)}
|
|
24
|
-
}`, 0);
|
|
25
|
-
} catch (e) {
|
|
26
|
-
addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
|
|
27
|
-
}
|