@schukai/monster 1.29.2 → 1.29.3

package/source/types/validate.js

@@ -25,7 +25,7 @@ import {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validateIterable('2')) // ↦ TypeError
  * console.log(Monster.Types.validateIterable([])) // ↦ value
  * </script>
@@ -35,7 +35,7 @@ import {
  *
  * ```
  * <script type="module">
- * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validateIterable} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validateIterable('2'))  // ↦ TypeError
  * console.log(validateIterable([]))  // ↦ value
  * </script>
@@ -65,7 +65,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validatePrimitive('2')) // ↦ value
  * console.log(Monster.Types.validatePrimitive([])) // ↦ TypeError
  * </script>
@@ -75,7 +75,7 @@ function validateIterable(value) {
  *
  * ```
  * <script type="module">
- * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validatePrimitive} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validatePrimitive('2'))  // ↦ value
  * console.log(validatePrimitive([]))  // ↦ TypeError
  * </script>
@@ -105,7 +105,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validateBoolean(true)) // ↦ value
  * console.log(Monster.Types.validateBoolean('2')) // ↦ TypeError
  * console.log(Monster.Types.validateBoolean([])) // ↦ TypeError
@@ -116,7 +116,7 @@ function validatePrimitive(value) {
  *
  * ```
  * <script type="module">
- * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validateBoolean} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validateBoolean(false))  // ↦ value
  * console.log(validateBoolean('2'))  // ↦ TypeError
  * console.log(validateBoolean([]))  // ↦ TypeError
@@ -145,7 +145,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validateString('2')) // ↦ value
  * console.log(Monster.Types.validateString([])) // ↦ TypeError
  * </script>
@@ -155,7 +155,7 @@ function validateBoolean(value) {
  *
  * ```
  * <script type="module">
- * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validateString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validateString('2'))  // ↦ value
  * console.log(validateString([]))  // ↦ TypeError
  * </script>
@@ -183,7 +183,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validateObject({})) // ↦ value
  * console.log(Monster.Types.validateObject('2')) // ↦ TypeError
  * console.log(Monster.Types.validateObject([])) // ↦ TypeError
@@ -194,7 +194,7 @@ function validateString(value) {
  *
  * ```
  * <script type="module">
- * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validateObject} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validateObject({}))  // ↦ value
  * console.log(validateObject('2'))  // ↦ TypeError
  * console.log(validateObject([]))  // ↦ TypeError
@@ -222,7 +222,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validateInstance({}, Object)) // ↦ value
  * console.log(Monster.Types.validateInstance('2', Object)) // ↦ TypeError
  * console.log(Monster.Types.validateInstance([], Object)) // ↦ TypeError
@@ -233,7 +233,7 @@ function validateObject(value) {
  *
  * ```
  * <script type="module">
- * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validateInstance} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validateInstance({}, Object)) // ↦ value
  * console.log(validateInstance('2', Object)) // ↦ TypeError
  * console.log(validateInstance([], Object)) // ↦ TypeError
@@ -270,7 +270,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validateArray('2')) // ↦ TypeError
  * console.log(Monster.Types.validateArray([])) // ↦ value
  * </script>
@@ -280,7 +280,7 @@ function validateInstance(value, instance) {
  *
  * ```
  * <script type="module">
- * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validateArray} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validateArray('2'))  // ↦ TypeError
  * console.log(validateArray([]))  // ↦ value
  * </script>
@@ -307,7 +307,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validateSymbol('2')) // ↦ TypeError
  * console.log(Monster.Types.validateSymbol([])) // ↦ value
  * </script>
@@ -317,7 +317,7 @@ function validateArray(value) {
  *
  * ```
  * <script type="module">
- * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validateSymbol} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validateSymbol('2'))  // ↦ TypeError
  * console.log(validateSymbol())  // ↦ value
  * </script>
@@ -344,7 +344,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validateFunction(()=>{})) // ↦ value
  * console.log(Monster.Types.validateFunction('2')) // ↦ TypeError
  * console.log(Monster.Types.validateFunction([])) // ↦ TypeError
@@ -355,7 +355,7 @@ function validateSymbol(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validateFunction(()=>{})) // ↦ value
  * console.log(validateFunction('2'))  // ↦ TypeError
  * console.log(validateFunction([]))  // ↦ TypeError
@@ -383,7 +383,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.Types.validateInteger(true)) // ↦ TypeError
  * console.log(Monster.Types.validateInteger('2')) // ↦ TypeError
  * console.log(Monster.Types.validateInteger(2)) // ↦ value
@@ -394,7 +394,7 @@ function validateFunction(value) {
  *
  * ```
  * <script type="module">
- * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/validate.js';
+ * import {validateFunction} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/validate.js';
  * console.log(validateInteger(true)) // ↦ TypeError
  * console.log(validateInteger('2'))  // ↦ TypeError
  * console.log(validateInteger(2))  // ↦ value

package/source/types/version.js

@@ -10,7 +10,7 @@ import {Base} from './base.js';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(new Monster.Types.Version('1.2.3')) // ↦ 1.2.3
  * console.log(new Monster.Types.Version('1')) // ↦ 1.0.0
  * </script>
@@ -20,7 +20,7 @@ import {Base} from './base.js';
  *
  * ```
  * <script type="module">
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/version.js';
  * console.log(new Version('1.2.3')) // ↦ 1.2.3
  * console.log(new Version('1')) // ↦ 1.0.0
  * </script>
@@ -28,7 +28,7 @@ import {Base} from './base.js';
  *
  * @example
  *
- * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/version.js';
+ * import {Version} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/version.js';
  *
  * new Version('1.0.0') // ↦ 1.0.0
  * new Version(1)  // ↦ 1.0.0
@@ -151,7 +151,7 @@ let monsterVersion;
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * console.log(Monster.getVersion())
  * </script>
  * ```
@@ -160,7 +160,7 @@ let monsterVersion;
  *
  * ```
  * <script type="module">
- * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/types/version.js';
+ * import {getVersion} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/types/version.js';
  * console.log(getVersion())
  * </script>
  * ```
@@ -176,7 +176,7 @@ function getVersion() {
         return monsterVersion;
     }
     /**#@+ dont touch, replaced by make with package.json version */
-    monsterVersion = new Version('1.29.2')
+    monsterVersion = new Version('1.29.3')
     /**#@-*/
 
     return monsterVersion;

package/source/util/clone.js

@@ -24,7 +24,7 @@ import {validateObject} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * Monster.Util.clone({})
  * </script>
  * ```
@@ -33,7 +33,7 @@ import {validateObject} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/util/clone.js';
+ * import {clone} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/util/clone.js';
  * clone({})
  * </script>
  * ```

package/source/util/comparator.js

@@ -12,7 +12,7 @@ import {isFunction} from '../types/is.js';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * new Monster.Util.Comparator()
  * </script>
  * ```
@@ -21,7 +21,7 @@ import {isFunction} from '../types/is.js';
  *
  * ```
  * <script type="module">
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/util/comparator.js';
  * console.log(new Comparator())
  * </script>
  * ```
@@ -46,7 +46,7 @@ import {isFunction} from '../types/is.js';
  *
  * @example
  *
- * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/util/comparator.js';
+ * import {Comparator} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/util/comparator.js';
  *
  * console.log(new Comparator().lessThanOrEqual(2, 5))
  * // ↦ true

package/source/util/deadmansswitch.js

@@ -18,7 +18,7 @@ import {validateFunction, validateInteger} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * new Monster.Util.DeadMansSwitch()
  * </script>
  * ```
@@ -27,13 +27,13 @@ import {validateFunction, validateInteger} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/util/deadmansswitch.js';
+ * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/util/deadmansswitch.js';
  * new DeadMansSwitch();
  * </script>
  * ```
  *
  * @example
- * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/util/deadmansswitch.js';
+ * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/util/deadmansswitch.js';
  *
  * const deadmansswitch = new DeadMansSwitch(100, ()=>{
  *   console.log('yeah!')

package/source/util/freeze.js

@@ -14,7 +14,7 @@ import {validateObject} from '../types/validate.js';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * Monster.Util.deepFreeze({})
  * </script>
  * ```
@@ -23,7 +23,7 @@ import {validateObject} from '../types/validate.js';
  *
  * ```
  * <script type="module">
- * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/util/freeze.js';
+ * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/util/freeze.js';
  * deepFreeze({})
  * </script>
  * ```

package/source/util/processing.js

@@ -77,7 +77,7 @@ class Callback {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * new Monster.Util.Processing()
  * </script>
  * ```
@@ -86,13 +86,13 @@ class Callback {
  *
  * ```
  * <script type="module">
- * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/util/processing.js';
+ * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/util/processing.js';
  * new Processing();
  * </script>
  * ```
  *
  * @example
- * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/util/processing.js';
+ * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/util/processing.js';
  *
  * let startTime = +new Date();
  *

package/source/util/trimspaces.js

@@ -16,7 +16,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/monster.js';
  * Monster.Util.trimSpaces(" hello ")
  * </script>
  * ```
@@ -25,7 +25,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {trimSpaces} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.2/dist/modules/util/trimspaces.js';
+ * import {trimSpaces} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.3/dist/modules/util/trimspaces.js';
  * trimSpaces(' hello \\ ')
  * </script>
  * ```

package/test/cases/dom/customelement.js

@@ -210,7 +210,9 @@ describe('DOM', function () {
         /**
          * @link https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/113
          */
-        describe('Assign CSSStyle as Array', function () {
+        describe('Assign CSSStyle as Array with wrong type', function () {
+
+            const htmlTAG = 'monster-testclass-x1';
 
             let mocks, TestComponentX1;
             beforeEach(() => {
@@ -221,7 +223,7 @@ describe('DOM', function () {
 
                 TestComponentX1 = class extends CustomElement {
                     static getTag() {
-                        return "monster-testclass-x1"
+                        return htmlTAG
                     }
 
                     static getCSSStyleSheet() {
@@ -247,13 +249,13 @@ describe('DOM', function () {
 
             })
 
-            it("monster-testclassX1 should throw Exception", function (done) {
-                let d = document.createElement('monster-testclass-x1');
+            it(htmlTAG + " should throw Exception", function (done) {
+                let d = document.createElement(htmlTAG);
 
                 let div = document.getElementById('test1');
                 div.append(d);
 
-                
+
                 expect(div).contain.html('data-monster-error="TypeError: value is not an instance of CSSStyleSheet"');
                 done();
 
@@ -262,6 +264,162 @@ describe('DOM', function () {
 
         })
 
+
+        /**
+         * @link https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/113
+         */
+        describe('Assign CSSStyle as Array and CSSStylesheet', function () {
+
+            const htmlTAG = 'monster-testclass-x113-2';
+
+            let mocks, TestComponentX113X2;
+            beforeEach(() => {
+
+                mocks = document.getElementById('mocks');
+                mocks.innerHTML = html1;
+
+                TestComponentX113X2 = class extends CustomElement {
+                    static getTag() {
+                        return htmlTAG
+                    }
+
+                    /**
+                     * @return {Object}
+                     */
+                    get defaults() {
+                        return Object.assign({}, super.defaults, {
+                            templates: {main: '<h1>test</h1>'},
+                        })
+                    }
+
+
+                    static getCSSStyleSheet() {
+
+                        const s = (new CSSStyleSheet())
+                        s.insertRule('a { color : red}');
+
+                        return [s];
+                    }
+                }
+
+                registerCustomElement(TestComponentX113X2)
+
+
+            })
+
+            it(htmlTAG + " should throw Exception 2", function (done) {
+                let d = document.createElement(htmlTAG);
+
+                let div = document.getElementById('test1');
+                div.append(d);
+
+                expect(d.shadowRoot.innerHTML).is.eq('<h1>test</h1>');
+                done();
+
+            })
+        })
+
+        /**
+         * @link https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/113
+         */
+        describe('Assign CSSStyle as Array and CSS as string', function () {
+
+            const htmlTAG = 'monster-testclass-x113-21';
+
+            let mocks, TestComponentX113X22;
+            beforeEach(() => {
+
+                mocks = document.getElementById('mocks');
+                mocks.innerHTML = html1;
+
+                TestComponentX113X22 = class extends CustomElement {
+                    static getTag() {
+                        return htmlTAG
+                    }
+
+                    /**
+                     * @return {Object}
+                     */
+                    get defaults() {
+                        return Object.assign({}, super.defaults, {
+                            templates: {main: '<h1>test</h1>'},
+                        })
+                    }
+
+
+                    static getCSSStyleSheet() {
+                        return 'a { color:red }';
+                    }
+                }
+
+                registerCustomElement(TestComponentX113X22)
+
+
+            })
+
+            it(htmlTAG + " should eq <style>a { color:red }</style><h1>test</h1>", function (done) {
+                let d = document.createElement(htmlTAG);
+
+                let div = document.getElementById('test1');
+                div.append(d);
+
+
+                expect(d.shadowRoot.innerHTML).is.eq('<style>a { color:red }</style><h1>test</h1>');
+                done();
+
+            })
+        })
+        /**
+         * @link https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/113
+         */
+        describe('Assign CSSStyle as Array and CSS as string', function () {
+
+            const htmlTAG = 'monster-testclass-x113-22';
+
+            let mocks, TestComponentX113X223;
+            beforeEach(() => {
+
+                mocks = document.getElementById('mocks');
+                mocks.innerHTML = html1;
+
+                TestComponentX113X223 = class extends CustomElement {
+                    static getTag() {
+                        return htmlTAG
+                    }
+
+                    /**
+                     * @return {Object}
+                     */
+                    get defaults() {
+                        return Object.assign({}, super.defaults, {
+                            templates: {main: '<h1>test</h1>'},
+                        })
+                    }
+
+
+                    static getCSSStyleSheet() {
+                        return ['a { color:red }'];
+                    }
+                }
+
+                registerCustomElement(TestComponentX113X223)
+
+
+            })
+
+            it(htmlTAG + " should eq <style>a { color:red }</style><h1>test</h1>", function (done) {
+                let d = document.createElement(htmlTAG);
+
+                let div = document.getElementById('test1');
+                div.append(d);
+
+
+                expect(d.shadowRoot.innerHTML).is.eq('<style>a { color:red }</style><h1>test</h1>');
+                done();
+
+            })
+        })
+
         describe('hasNode()', function () {
 
             let mocks;

package/test/cases/dom/resource/link.js

@@ -12,15 +12,10 @@ let expect = chai.expect;
 
 chai.use(chaiDom);
 
-let html1 = `
-
-`;
 
 
 describe('Link', function () {
 
-    let mutationobserver, addedNodes=[];
-
     before(function (done) {
         initJSDOM().then(() => {
             done()
@@ -36,6 +31,8 @@ describe('Link', function () {
     })
 
     describe('Link()', function () {
+        this.timeout(5000);
+
         it('connect().available()', function (done) {
 
             const link = new Link({
@@ -51,6 +48,7 @@ describe('Link', function () {
     });
 
     describe('External Link', () => {
+        this.timeout(5000);
 
         let id = new ID('link').toString();
         let link, url = 'https://monsterjs.org/assets/empty.css?' + id;

package/test/cases/monster.js

@@ -9,7 +9,7 @@ describe('Monster', function () {
         let monsterVersion
 
     /**#@+ dont touch, replaced by make with package.json version */
-    monsterVersion = new Version('1.29.2')
+    monsterVersion = new Version('1.29.3')
     /**#@-*/
 
         let m = Monster.getVersion();

package/test/web/monster-dev.html

@@ -10,13 +10,13 @@
             crossorigin="anonymous"
             referrerpolicy="no-referrer"></script>
 
-    <script src="https://monsterjs.org/dist/1.29.2/dist/monster.dev.js"></script>
+    <script src="https://monsterjs.org/dist/1.29.3/dist/monster.dev.js"></script>
 
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 1.29.2</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Sa 22. Jan 09:08:33 CET 2022</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.29.3</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update So 23. Jan 22:07:38 CET 2022</div>
 </div>
 </body>
 </html>

package/test/web/monster.html

@@ -14,8 +14,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 1.29.2</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Sa 22. Jan 09:08:33 CET 2022</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.29.3</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update So 23. Jan 22:07:38 CET 2022</div>
 </div>
 </body>
 </html>

package/test/web/test.html

@@ -13,8 +13,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 1.29.2</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update Sa 22. Jan 09:08:33 CET 2022</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 1.29.3</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update So 23. Jan 22:07:38 CET 2022</div>
 </div>
 <div id="mocks"></div>
 <div id="mocha"></div>