@schukai/monster 3.58.4 → 3.59.1

package/source/monster.mjs

@@ -1,3 +1,4 @@
+
 /**
  * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
  * Node module: @schukai/monster
@@ -15,6 +16,10 @@
  * @author schukai GmbH
  */
 
+export * from "./components/layout/tabs.mjs";
+export * from "./components/layout/split-screen.mjs";
+export * from "./components/layout/stylesheet/tabs.mjs";
+export * from "./components/layout/stylesheet/split-screen.mjs";
 export * from "./components/form/message-state-button.mjs";
 export * from "./components/form/button-bar.mjs";
 export * from "./components/form/reload.mjs";
@@ -42,7 +47,6 @@ export * from "./components/form/constants.mjs";
 export * from "./components/form/stylesheet/message-state-button.mjs";
 export * from "./components/form/stylesheet/button-bar.mjs";
 export * from "./components/form/stylesheet/context-help.mjs";
-export * from "./components/form/stylesheet/tabs.mjs";
 export * from "./components/form/stylesheet/state-button.mjs";
 export * from "./components/form/stylesheet/popper.mjs";
 export * from "./components/form/stylesheet/select.mjs";

package/source/types/version.mjs

@@ -152,7 +152,7 @@ function getMonsterVersion() {
 	}
 
 	/** don't touch, replaced by make with package.json version */
-	monsterVersion = new Version("3.58.4");
+	monsterVersion = new Version("3.59.1");
 
 	return monsterVersion;
 }

package/test/cases/components/layout/slit-screen.mjs

@@ -0,0 +1,83 @@
+import {getGlobal} from "../../../../source/types/global.mjs";
+import chai from "chai"
+import {chaiDom} from "../../../util/chai-dom.mjs";
+import {initJSDOM} from "../../../util/jsdom.mjs";
+
+let expect = chai.expect;
+chai.use(chaiDom);
+
+const global = getGlobal();
+
+
+// language=html
+let html1 = `
+    <monster-split-screen id="my-split-screen">
+       
+    </monster-split-screen>
+`;
+
+let SplitScreen;
+
+describe('SplitScreen', function () {
+
+    before(function (done) {
+        initJSDOM().then(() => {
+
+            import("element-internals-polyfill").catch(e => done(e));
+            
+            let promises = []
+
+            if (!global['crypto']) {
+                promises.push(import("@peculiar/webcrypto").then((m) => {
+                    const Crypto = m['Crypto'];
+                    global['crypto'] = new Crypto();
+                }));
+            }
+
+            promises.push(import("../../../../source/components/layout/split-screen.mjs").then((m) => {
+                SplitScreen = m['SplitScreen'];
+            }))
+
+            Promise.all(promises).then(()=>{
+                done();
+            }).catch(e => done(e))
+
+        });
+    })
+
+    describe('document.createElement()', function () {
+
+        afterEach(() => {
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = "";
+        })
+
+        it('should have buttons and SplitScreen', function (done) {
+
+            let mocks = document.getElementById('mocks');
+            mocks.innerHTML = html1;
+
+            setTimeout(() => {
+                try {
+                    const SplitScreen = document.getElementById('my-split-screen')
+                    expect(SplitScreen).is.instanceof(HTMLElement);
+
+                    setTimeout(() => {
+                        let div = SplitScreen.shadowRoot.querySelector('div');
+                        expect(div.hasChildNodes()).to.be.true;
+                        done();
+                    }, 100)
+
+                } catch (e) {
+                    return done(e);
+                }
+
+            }, 0)
+
+
+        });
+
+    });
+
+
+});

package/test/cases/components/{form → layout}/tabs.mjs

@@ -46,7 +46,7 @@ describe('Tabs', function () {
                 }));
             }
 
-            promises.push(import("../../../../source/components/form/tabs.mjs").then((m) => {
+            promises.push(import("../../../../source/components/layout/tabs.mjs").then((m) => {
                 Tabs = m['Tabs'];
             }))
 

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("3.58.4")
+        monsterVersion = new Version("3.59.1")
 
         let m = getMonsterVersion();
 

package/test/web/import.js

@@ -1,7 +1,8 @@
 /** this file was created automatically by the run-web-tests script */
 import "./prepare.js";
+import "../cases/components/layout/tabs.mjs";
+import "../cases/components/layout/slit-screen.mjs";
 import "../cases/components/form/reload.mjs";
-import "../cases/components/form/tabs.mjs";
 import "../cases/components/form/state-button.mjs";
 import "../cases/components/form/select.mjs";
 import "../cases/components/form/confirm-button.mjs";

package/test/web/test.html

@@ -15,8 +15,8 @@
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 3.57.0</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update So 17. Mär 11:35:11 CET 2024</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.59.0</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Sa 23. Mär 22:14:15 CET 2024</div>
 </div>
 <div id="mocha-errors"
      style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div>