@schukai/monster 3.59.0 → 3.59.1

package/CHANGELOG.md

@@ -1,4 +1,10 @@
 
+## [3.59.1] - 2024-03-23
+
+### Bug Fixes
+
+- console log [#171](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/171)
+
 ## [3.59.0] - 2024-03-23
 
 ### Add Features
@@ -6,6 +12,7 @@
 - new split-screen [#171](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/171)
 ### Changes
 
+- release and publish to npm new version 3.59.0
 - update tests and doc
 
 ## [3.58.4] - 2024-03-18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schukai/monster",
-  "version": "3.59.0",
+  "version": "3.59.1",
   "description": "Monster is a simple library for creating fast, robust and lightweight websites.",
   "keywords": [
     "framework",

package/source/components/layout/split-screen.mjs

@@ -226,15 +226,6 @@ function initEventHandler() {
         applyPanelDimensions.call(this);
     });
 
-    const resizeObserver = new ResizeObserver((entries) => {
-        for (let entry of entries) {
-            console.log(entry.contentRect.width);
-        }
-    });
-
-    resizeObserver.observe(this[splitScreenElementSymbol]);
-
-
     this[draggerElementSymbol].addEventListener('mousedown', () => {
         self[internalSymbol].getSubject().isDragging = true;
 

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.59.0");
+	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/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.59.0")
+        monsterVersion = new Version("3.59.1")
 
         let m = getMonsterVersion();
 

package/test/web/import.js

@@ -1,6 +1,7 @@
 /** 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/state-button.mjs";
 import "../cases/components/form/select.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.58.4</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Sa 23. Mär 22:04:34 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>