@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.
Files changed (95) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/package.json +1 -1
  3. package/source/components/datatable/stylesheet/change-button.mjs +8 -4
  4. package/source/components/datatable/stylesheet/column-bar.mjs +8 -4
  5. package/source/components/datatable/stylesheet/dataset.mjs +8 -4
  6. package/source/components/datatable/stylesheet/datasource.mjs +8 -4
  7. package/source/components/datatable/stylesheet/datatable.mjs +8 -4
  8. package/source/components/datatable/stylesheet/embedded-pagination.mjs +8 -4
  9. package/source/components/datatable/stylesheet/filter-button.mjs +8 -4
  10. package/source/components/datatable/stylesheet/filter-controls-defaults.mjs +8 -4
  11. package/source/components/datatable/stylesheet/filter-date-range.mjs +8 -4
  12. package/source/components/datatable/stylesheet/filter-range.mjs +8 -4
  13. package/source/components/datatable/stylesheet/filter.mjs +8 -4
  14. package/source/components/datatable/stylesheet/pagination.mjs +8 -4
  15. package/source/components/datatable/stylesheet/save-button.mjs +8 -4
  16. package/source/components/datatable/stylesheet/select-filter.mjs +8 -4
  17. package/source/components/datatable/stylesheet/status.mjs +8 -4
  18. package/source/components/form/stylesheet/action-button.mjs +8 -4
  19. package/source/components/form/stylesheet/api-button.mjs +8 -4
  20. package/source/components/form/stylesheet/button-bar.mjs +8 -4
  21. package/source/components/form/stylesheet/button.mjs +8 -4
  22. package/source/components/form/stylesheet/confirm-button.mjs +8 -4
  23. package/source/components/form/stylesheet/context-error.mjs +8 -4
  24. package/source/components/form/stylesheet/context-help.mjs +8 -4
  25. package/source/components/form/stylesheet/form-field.mjs +8 -4
  26. package/source/components/form/stylesheet/form.mjs +8 -4
  27. package/source/components/form/stylesheet/message-state-button.mjs +8 -4
  28. package/source/components/form/stylesheet/popper-button.mjs +8 -4
  29. package/source/components/form/stylesheet/popper.mjs +8 -4
  30. package/source/components/form/stylesheet/select.mjs +8 -4
  31. package/source/components/form/stylesheet/state-button.mjs +8 -4
  32. package/source/components/form/stylesheet/toggle-switch.mjs +8 -4
  33. package/source/components/form/stylesheet/tree-select.mjs +8 -4
  34. package/source/components/host/stylesheet/call-button.mjs +8 -4
  35. package/source/components/host/stylesheet/collapse.mjs +8 -4
  36. package/source/components/host/stylesheet/config-manager.mjs +8 -4
  37. package/source/components/host/stylesheet/details.mjs +8 -4
  38. package/source/components/host/stylesheet/host.mjs +8 -4
  39. package/source/components/host/stylesheet/overlay.mjs +8 -4
  40. package/source/components/host/stylesheet/toggle-button.mjs +8 -4
  41. package/source/components/host/stylesheet/viewer.mjs +8 -4
  42. package/source/components/layout/panel.mjs +277 -0
  43. package/source/components/layout/{split-screen.mjs → split-panel.mjs} +77 -64
  44. package/source/components/layout/style/panel.pcss +38 -0
  45. package/source/components/layout/style/{split-screen.pcss → split-panel.pcss} +1 -1
  46. package/source/components/layout/stylesheet/panel.mjs +31 -0
  47. package/source/components/layout/stylesheet/split-panel.mjs +31 -0
  48. package/source/components/layout/stylesheet/tabs.mjs +8 -4
  49. package/source/components/layout/stylesheet/width-toggle.mjs +8 -4
  50. package/source/components/notify/stylesheet/message.mjs +8 -4
  51. package/source/components/notify/stylesheet/notify.mjs +8 -4
  52. package/source/components/state/stylesheet/log.mjs +8 -4
  53. package/source/components/state/stylesheet/state.mjs +8 -4
  54. package/source/components/stylesheet/badge.mjs +8 -4
  55. package/source/components/stylesheet/border.mjs +8 -4
  56. package/source/components/stylesheet/button.mjs +8 -4
  57. package/source/components/stylesheet/card.mjs +8 -4
  58. package/source/components/stylesheet/color.mjs +8 -4
  59. package/source/components/stylesheet/common.mjs +8 -4
  60. package/source/components/stylesheet/control.mjs +8 -4
  61. package/source/components/stylesheet/data-grid.mjs +8 -4
  62. package/source/components/stylesheet/display.mjs +8 -4
  63. package/source/components/stylesheet/floating-ui.mjs +8 -4
  64. package/source/components/stylesheet/form.mjs +8 -4
  65. package/source/components/stylesheet/host.mjs +8 -4
  66. package/source/components/stylesheet/icons.mjs +8 -4
  67. package/source/components/stylesheet/link.mjs +8 -4
  68. package/source/components/stylesheet/mixin/badge.mjs +31 -0
  69. package/source/components/stylesheet/mixin/button.mjs +31 -0
  70. package/source/components/stylesheet/mixin/form.mjs +31 -0
  71. package/source/components/stylesheet/mixin/hover.mjs +31 -0
  72. package/source/components/stylesheet/mixin/icon.mjs +31 -0
  73. package/source/components/stylesheet/mixin/media.mjs +31 -0
  74. package/source/components/stylesheet/mixin/property.mjs +31 -0
  75. package/source/components/stylesheet/mixin/skeleton.mjs +31 -0
  76. package/source/components/stylesheet/mixin/spinner.mjs +31 -0
  77. package/source/components/stylesheet/mixin/typography.mjs +31 -0
  78. package/source/components/stylesheet/normalize.mjs +8 -4
  79. package/source/components/stylesheet/popper.mjs +8 -4
  80. package/source/components/stylesheet/property.mjs +8 -4
  81. package/source/components/stylesheet/ripple.mjs +8 -4
  82. package/source/components/stylesheet/skeleton.mjs +8 -4
  83. package/source/components/stylesheet/space.mjs +8 -4
  84. package/source/components/stylesheet/spinner.mjs +8 -4
  85. package/source/components/stylesheet/table.mjs +8 -4
  86. package/source/components/stylesheet/theme.mjs +8 -4
  87. package/source/components/stylesheet/typography.mjs +8 -4
  88. package/source/components/tree-menu/stylesheet/tree-menu.mjs +8 -4
  89. package/source/monster.mjs +26 -10
  90. package/source/types/version.mjs +1 -1
  91. package/test/cases/components/layout/{slit-screen.mjs → panel.mjs} +5 -5
  92. package/test/cases/components/layout/slit-panel.mjs +83 -0
  93. package/test/cases/monster.mjs +1 -1
  94. package/test/web/tests.js +1 -1
  95. package/source/components/layout/stylesheet/split-screen.mjs +0 -27
@@ -1,9 +1,13 @@
1
-
2
1
  /**
3
- * Copyright schukai GmbH and contributors 2024. All Rights Reserved.
2
+ * Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
4
3
  * 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
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 contributors 2024. All Rights Reserved.
2
+ * Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
4
3
  * 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
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 contributors 2024. All Rights Reserved.
2
+ * Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
4
3
  * 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
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 contributors 2024. All Rights Reserved.
2
+ * Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
4
3
  * 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
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,13 +1,16 @@
1
-
2
1
  /**
3
- * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
2
+ * Copyright © schukai GmbH and all contributing authors, 2024. All rights reserved.
4
3
  * 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
- * SPDX-License-Identifier: AGPL-3.0-only or COMMERCIAL
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
- /** THIS FILE IS AUTOGENERATED AND SHOULD NOT BE EDITED DIRECTLY. **/
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-screen.mjs";
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-screen.mjs";
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
@@ -152,7 +152,7 @@ function getMonsterVersion() {
152
152
  }
153
153
 
154
154
  /** don't touch, replaced by make with package.json version */
155
- monsterVersion = new Version("3.63.3");
155
+ monsterVersion = new Version("3.64.1");
156
156
 
157
157
  return monsterVersion;
158
158
  }
@@ -11,9 +11,9 @@ const global = getGlobal();
11
11
 
12
12
  // language=html
13
13
  let html1 = `
14
- <monster-split-screen id="my-split-screen">
14
+ <monster-panel id="my-panel">
15
15
 
16
- </monster-split-screen>
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/split-screen.mjs").then((m) => {
38
- SplitScreen = m['SplitScreen'];
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-split-screen')
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
+ });
@@ -7,7 +7,7 @@ describe('Monster', function () {
7
7
  let monsterVersion
8
8
 
9
9
  /** don´t touch, replaced by make with package.json version */
10
- monsterVersion = new Version("3.63.3")
10
+ monsterVersion = new Version("3.64.1")
11
11
 
12
12
  let m = getMonsterVersion();
13
13
 
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["SplitScreen"];
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
- }