@schukai/monster 3.63.3 → 3.64.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|